/*
	|--------------------------------------------------------------------------
	| RESET
	|--------------------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration: none;
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, main, section {
	display: block;
}

menu, nav, #infobar, .button-panel, .getcsinvoiceid fieldset {
	display: none;
}

/*
	|--------------------------------------------------------------------------
	| STRUCTURAL
	|--------------------------------------------------------------------------
*/

#site {
	width: 100%;
	max-width: 1000px;
	font-size: 80%;
}

.wrapper {
	float: left;
	width: 98%;
	padding: 1%;
}

#infobar {
	width: 100%;
}

#infobar li {
	float: left;
}

#infobar li:first-child {
	margin-right: 2em;
}

#logo_wrapper {
	max-width: 310px;
}

main {
	position: relative;
}

section {
	float: left;
	width: 100%;
	clear:both;
}

section:after, .wrapper:after, form ul:after, .ui-tabs .ui-tabs-panel:after {
	clear: both;
}

section:before, section:after, .wrapper:before, .wrapper:after, form ul:before, form ul:after, .ui-tabs .ui-tabs-panel:after, .ui-tabs .ui-tabs-panel:before {
	display: table;
	content: "";
}

.column {
	margin: 2% 0;
}

.column.half.centred {
	margin-left: 25%;
	text-align: center;
}

.flexible {
	width: 100% !important;
	height: auto !important;
}

.hidden {
	display: none;
}

.ui-widget-header {
	border: none;
}

/*
	|--------------------------------------------------------------------------
	| LOG IN
	|--------------------------------------------------------------------------
*/

.login #site, .remind #site, .get-password-reset-token- #site, .register #site {
	max-width: 320px;
}

.login form, .remind form, .get-password-reset-token- form, .register form {
	text-align: center;
	margin-bottom: 2em;
}

.login h1, .login #flash_notice, .remind h1, .remind #flash_notice, .get-password-reset-token- h1, .get-password-reset-token- #flash_notice, .register h1, .register #flash_notice {
	text-align: center;
	margin-bottom: 1em;
	clear: both;
}

/*
	|--------------------------------------------------------------------------
	| NAVIGATION ELEMENTS
	|--------------------------------------------------------------------------
*/

nav.wrapper {
	padding-top: 0;
	padding-bottom: 0;
}

nav li {
	float: left;
	margin: 0.5em 0 0 2em;
}

nav li#nav_neworder {
	margin-top: 0;
}

nav li:first-child {
	margin-left: 0;	
}

/*
	|--------------------------------------------------------------------------
	| GENERAL STYLING
	|--------------------------------------------------------------------------
*/

h1, h2, h3 {
	margin: 0.5em 0 0.25em 0;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
}

h3.subtitle {
	margin-top: 0;
}

hr {
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}

.widget_title {
	margin: 0;
	padding: 0.5em;
	text-align: center;
}

.alignleft {
	float: left;
	margin-right: 1em;
}

/*
	|--------------------------------------------------------------------------
	| TABLE ELEMENTS
	|--------------------------------------------------------------------------
*/

table {
	border-collapse: collapse;
}

th, td {
	padding: 0.3em 1em;
}

/*
	|--------------------------------------------------------------------------
	| FORM ELEMENTS
	|--------------------------------------------------------------------------
*/

form {
	width: 100%;
}

form ul, form ul li {
	float: left;
	clear: both;
	list-style: none;
	margin: 0;
	width: 100%;
}

form ul li {
	margin: 0 0 1em 0;
}

form fieldset ul:last-child li:last-child {
	margin: 0;
}

label, form ul li ul li.sublabel {
	float: left;
	clear: left;
	width: 30%;
	padding-top: 2%;
}

span.optional, span.help {
	clear: left;
	float: left;
	display: block;
	font-size: 90%;
}

form ul li ul {
	clear: none;
	width: 100%;
	margin: 0;
}

form ul li ul, form ul li ul li {
	margin-bottom: 0;
}

form ul li ul li {
	clear: none;
	width: 48%;
}

form ul li ul li.sublabel, form ul li ul li.sublabel label {
	width: 100%;
}

textarea {
	width: 94%;
	padding: 2%;
	font-size: 90% !important;
}

form ul li ul li label {
	width: 35%;
}

form ul#order-type li, #is-text, form ul#order-type {
	float: left;
	clear: none;
	width: 50%;	
}

#is-text {
	float: right;
}

form ul#order-type {
	width: auto !important;
}

form ul.radios li {
	float: left;
	width: auto !important;
	clear: none !important;
	margin-right: 1em;
}

form ul.radios li .ui-button, .ui-button.small {
	font-size: 80% !important;
}

.ui-button.small {
	margin: 0.75em 0;
}

td .ui-button.small {
	margin: 0;
}

.ui-button.small span {
	padding: 0.3em 0.6em;
}

form ul.radios {
	float: left;
	width: 100% !important;
	clear: both;
}

form ul.radios label {
	width: auto !important;
	margin-right: 1em;
}

input[type="radio"] {
	float: left;
}

input[type="text"], input[type="password"] {
	width: 65%;
	float: left;
	padding: 1%;
}

form label.inline, form input[type="text"].inline {
	width: auto !important;
	float: none !important;
}

main input[type="submit"] {
	clear: both;
}

input.datefield {
	width: auto;
}

input.narrow {
	width: 25%;
}

form ul li ul#order-dimensions li label {
	display: inline-block;
	font-size: 80%;
	text-align: center;
	width: 65%;
}

form ul li ul#order-dimensions li.sublabel {
	width: 30%;
}

form ul li ul#order-dimensions li {
	width: 15%;
}

form ul li ul#order-dimensions li input.narrow {
	width: 65%;
}

form ul li ul#order-dimensions li.by {
	width: 4%;
	padding-right: 4%;
	text-align: center;
	font-size: 20px;
}

form .other, .dialog {
	display: none;
}

/*
	|--------------------------------------------------------------------------
	| ORDER ELEMENTS
	|--------------------------------------------------------------------------
*/

#text_entry {
	padding: 4%;
	width: 90%;
	margin-bottom: 0.8em;
}

#text_entry input {
	font-size: 130%;
	line-height: 1.4;
	text-align: center;
}

#text_entry input {
	float: none !important;
	width: 98% !important;
	border: none;
}

.textonly {
	position: absolute;
	display: block;
	left: 0.5em;
	top: 1em;
	width: 40px;
	text-align: center;
}

.order-show .textonly {
	left: 0.9em;
	top: 1.1em;
	font-size: 150%;
}

.orders_list {
	margin-top: 0;
}

.orders_list li img.application_icon {
	margin-left: 0.5em;
}

.orders_list li {
	position: relative;
	width: 100%;
	margin: 0;
}

.orders_list li:first-child {
	border-top: none;
	padding-top: 0;
}

.orders_list li .order_date, .orders_list li .order_number {
	float: left;
	margin-right: 1em;
	text-align: center;
	width: 4em;
	font-size: 90%;
}

.orders_list li a {
	display: block;
	width: 98%;
	padding: 0.5em 0;
}

#orders_assigned .orders_list li, #orders_assigned .orders_list li a {
	float: left;
}

#orders_assigned .orders_list li a.detailslink {
	width: 83%;
}

#orders_assigned .orders_list li a.start {
	width: 83%;
}

.month {
	text-transform: uppercase;
}

.orders_list img {
	background: transparent !important;
}

.orders_list li a .order_preview {
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	z-index: 9999;
}

.orders_list li a:hover .order_preview, .orders_list li a:focus .order_preview {
	display: block;
}

.mini_icon, .archive_item h1 {
	position: absolute;
	top: 0;
	left: 0;
}

.archive_item h1 {
	width: 96%;
	margin: 0;
	padding: 0 2%;
}

.archive_item h1 {
	padding-top: 10px;
}

.archive_item h1 img {
	margin-top: -10px;
}

.archive_item {
	position: relative;
	overflow: hidden;
	display: block;
}

.archive_item h2 {
	margin: 0;
}

.archive_item h3, .archive_item p {
	text-align: center;
}

.archive_item_wrapper {
	text-align: center;
	overflow: hidden;
	margin-top: 40px;
}

.text_wrapper.archive_item_wrapper {
	padding: 9px 0;
	font-size: 150%;
}

/*
	|--------------------------------------------------------------------------
	| MESSAGES
	|--------------------------------------------------------------------------
*/

.message_wrapper {
	position: absolute;
	bottom: -10px;
	right: 2%;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: transparent;
}

.message {
	padding: 2%;
	text-align: center;
	border-radius: 10px;
}

#flash_wrapper {
	text-align: center;
}

/*
	|--------------------------------------------------------------------------
	| ANNOTATE
	|--------------------------------------------------------------------------
*/

#supporting_file_list_wrapper {
	clear: both;
}

.annotation-wrapper {
	position: relative;
	z-index: 2;
	float: left;
	width: 480px;
	clear: both;
}

#preview {
	width: 100%;
}

#preview img.mainfile {
	max-width: 100%;
}

div.zoomed, fieldset.zoomed {
	position: absolute;
	left: 0;
	width: 960px;
	z-index: 10;
}

/*
div.zoomed {
	left: 33px;
}

div.zoomed.qc {
	left: -73px;
}
*/

div.zoomed img.mainfile, fieldset.zoomed img.mainfile {
	width: 940px;
}

div.zoomed.qc, fieldset.zoomed.qc {
	width: 1430px;
}

div.zoomed.qc img.mainfile, fieldset.zoomed.qc img.mainfile {
	width: 1410px;
}

#annotate_tools {
	width: 96%;
	padding: 0 2%;
}

#preview, .mainfile_controls {
	padding: 0; 
	border-top: none;
	border-radius: 0px 0px 8px 8px;
	width: 100%;
}

#preview, .annotation-container, .mainfile_controls {
	margin-left: -5px;
}

#preview, .annotation-container {
	padding: 5px;
}

.annotation-container {
	border-bottom: none;
	float: left;
}

.annotation-wrapper img.mainfile {
	width: 470px;
	/* width: 100% !important; */
	height: auto !important;
	z-index: 1;
	overflow: hidden;
	float: left;
}

.annotation-wrapper.faded img.mainfile, .archive_item:hover img, .archive_item:focus img {
	filter: url(filters.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

#annotate_tools ol.annotations {
	padding-bottom: 1em;
	margin: 0;
}

.annotation h3, ol.annotations li strong {
	float: left;
	padding: 0.25em;
}

.annotation h3 {
	float: right;
	margin: 0 0 0 -1.5em;
	border-top: none;
	border-right: none;
	z-index: 9999;
}

.annotation {
	z-index: 9999;
	position: absolute;
}

.annotation-wrapper.noannotate .annotation {
	display: none;
}

.annotate_menu {
	margin: 0;
	width: 100%;
}

.annotate_menu li {
	float: none;
	clear: none;
	text-align: center;
	width: auto !important;
	margin-bottom: 0 !important;
}

ol.annotations li.annotation_detail {
	margin: 0 !important;
}

ol.annotations li.annotation_detail textarea {
	width: 82% !important;
}

ol.annotations li.annotation_detail fieldset {
	padding-bottom: 0;
}

ol.annotations li.annotation_detail .annotation_detail_controls {
	clear: left;
	position: relative;
	top: -1.25em;
	display: inline-block;
	width: 10%;
	margin-right: 2%;
	text-align: center;
}

ol.annotations li strong {
	float: none;
	padding: 0.5em 1em;
	margin: 0 0 0.5em 0 !important;
}

ol.annotations li.annotation_detail_show {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 0.5em;
	margin: 0 0 1em 0 !important;
}

ol.annotations li.annotation_detail_show:last-child {
	padding-bottom: 0;
	margin: 0 !important;
	border-bottom: none;
}

ol.annotations li.annotation_detail_show p {
	margin: 0;
}

ol.annotations li.annotation_detail_show strong {
	display: inline-block;
	margin-right: 1em !important;
}

#qc_annotation_details ol.annotations li img {
	float: left;
}

ul.annotation_icons {
	position: absolute;
	left: -7px;
	top: 0.5em;
	width: 364px;
	float: left;
	padding: 0 !important;
	margin: 0 !important;
	z-index: 8888;
}

ul.annotation_icons li {
	border: none;
	float: left !important;
	clear: none !important;
	width: auto !important;
	overflow: visible;
	margin: 0 !important;
	display: block;
	width: 52px;
	height: 52px;
}

ul.annotation_icons li a {
	position: relative;
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	overflow: visible;
	border: none !important;
	border: 1px solid #FFF !important;
}

ul.annotation_icons li a strong {
	border-radius: 8px;
	opacity: 0.8;
	position: absolute;
	top: 54px;
	left: -35px;
	width: 100px;
	display: none;
	z-index: 9999;
	text-align: center;
	padding: 2px 5px;
	font-size: 80%;
}

ul.annotation_icons li a:hover strong, ul.annotation_icons li a:focus strong {
	display: block;
}

ul.annotation_icons li a img {
	float: left;
}

ul.annotation_icons li a:hover img, ul.annotation_icons li a:focus img {
	opacity: 0.5;
}

#qc_annotation_tools {
	z-index: 99999;
	display: none;
	width: 40%;
}

ol.annotations li {
	float: left;
	width: 100%;
	clear: both;
}

#qc_annotation_tools ol.annotations li .markers {
	float: left;
}

ol.annotations textarea, #qc_annotation_tools select {
	width: auto;
	float: right;
}

#qc_annotation_tools textarea, #qc_annotation_tools label {
	font-size: 80% !important;
}

#qc_annotation_tools ol.annotations li strong {
	clear: left !important;
	padding: 0.25em 0.5em !important;
	margin: 0 !important;
}

#qc_annotation_tools ol.annotations textarea {
	width: 65%;
}

/*
	|--------------------------------------------------------------------------
	| CHARTS
	|--------------------------------------------------------------------------
*/

.legend {
	margin: 0;
	padding: 0;
}

.legend li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 1em 0 0 0;
	line-height: 2em;
	width: 50%;
}

.legend li span {
	float: left;
	display: inline-block;
	width: 2em;
	height: 2em;
	border: 2px solid #FFF;
	margin: -0.25em 0.75em 0 0;
	text-align: center;
	font-weight: bold;
	letter-spacing: -1px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  	filter: alpha(opacity=50);
  	opacity: 0.5;
}

.widget_content .legend {
	float: left;
	padding: 2%;
}

/*
	|--------------------------------------------------------------------------
	| PAGINATION
	|--------------------------------------------------------------------------
*/

.pagination {
	clear: both;
	padding: 1% 4% !important;
	text-align: center;
}

.pagination li {
	display: inline-block;
	margin-right: 0.5em;
}

.pagination li a, .pagination li span {
	display: block;
	width: 1.5em;
	padding: 0.25em;
	text-align: center;
	border-radius: 1em;
}

/*
	|--------------------------------------------------------------------------
	| SEARCH
	|--------------------------------------------------------------------------
*/

#search_form {
	float: right;
	clear: left;
	width: auto !important;
	margin-top: 1em;
}

#search_form label {
	float: left;
	margin-right: 0.5em;
	width: auto !important;
	padding-top: 0 !important;
}

#search_form input#term {
	padding: 0.25em;
	width: 200px;
}

#search_form input[type="submit"] {
	font-size: 75%;
}

#annotate_tools {
	display: none;
}

.digitiser {
	padding: 1em;
	border-top: none;
}

.job-count {
	display: block;
	clear: both;
	text-align: center;
	line-height: 24px;
}

/*
	|--------------------------------------------------------------------------
	| LIGHTBOX
	|--------------------------------------------------------------------------
*/

#loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -62px;
	margin-left: -62px;
	z-index: 1001;
}

#lightbox, #errors {
	position: fixed;
	top: 10%;
	left: 20%;
	width: 60%;
	z-index: 1001;
	border-radius: 5px;
	max-width: 980px;
}

#lightbox.large {
	left: 0;
	width: 100%;
}

#errors ul {
	margin: 1em;
}

#errors ul li {
	margin: 0.5em 2em;
}


#overlay 
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=75);
	opacity: 0.75;
	z-index: 1000;
	cursor: pointer;
}

.imagelist:before, .imagelist:after {
	display: block;
	content: "";
	clear: both;
}

.tab .imagelist img {
	float: left;
	margin: 0 10px 10px 0;
}

#verrors ul ol li {
	list-style: decimal;
	margin: 0.25em 0 0 2em;
}

#orders_to_assign .orders_list li, #orders_to_assign .orders_list li a {
	float: left;
	width: 100%;
	clear: both;
}

.assign_item {
	height: 320px;
}

.assign_item_details {
	display: block;
	float: left;
}

ul.toolbar {
	float: left;
}

ul.toolbar li {
	display: inline-block;
	margin-right: 4px;
}

ul.toolbar li a, ul.toolbar li span {
	display: block;
	clear: none;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}

ul.toolbar li a {
	background-repeat: no-repeat;
	background-image: url(images/buttons.png);
	border-radius: 6px;
}

ul.toolbar li span {
	margin: 13px;
	width: 24px;
	height: 24px;
	border-radius: 12px;
}

ul.toolbar li a.artwork {
	background-position: 0 0;
}

ul.toolbar li a.split {
	background-position: -50px 0;
}

ul.toolbar li a.qc {
	background-position: -100px 0;
}

ul.toolbar li a.feedback {
	background-position: -150px 0;
}

ul.toolbar li a.care {
	background-position: -200px 0;
}

ul.toolbar li a.assign {
	background-position: -250px 0;
}

ul.toolbar li a.reject {
	background-position: -300px 0;
}

.tabs {
	margin-bottom: 1em;
}

.ui-tabs .ui-tabs-panel {
	padding: 1em 0;
}

form ul.ui-tabs-nav li {
	width: auto !important;
	clear: none !important;
}

/*
	|--------------------------------------------------------------------------
	| SUB-MENU
	|--------------------------------------------------------------------------
*/

.submenu {
	float: left;
	width: 98%;
	clear: both;
	margin-bottom: 1em;
	position: relative;
	z-index: 500;
	border-radius: 8px;
	padding: 1%;
}

.submenu li {
	position: relative;
}

.submenu li, .submenu li a {
	float: left;
	display: block;
}

.submenu li a {
	text-decoration: none;
	padding: 0.25em 1em;
	clear: both;
	text-align: center;
}

.submenu li:first-child a {
	border-left: none;
}

.submenu li a span {
	padding: 0.25em 0.75em;
	margin: 0 0 0 1em;
}

.submenu ul.submenu {
    float: left;
    min-width: 100% !important;
    position: absolute;
    top: 2em;
    left: -9999px;
}
.submenu ul.submenu li {
    padding-top: 1px;
    width: 100% !important;
}
.submenu ul.submenu a {
    width: 80% !important;
    padding: 0.25em 10%;
    white-space: nowrap;
    text-align: left;
}
.submenu li:hover ul.submenu {
    left: 0;
}

.submenu li.filters {
	float: right;
}

.submenu li.filters form li {
	float: left;
	clear: none;
	width: auto;
	margin: 0.25em 0 0 0;
}

.bar_wrapper {
	width: 100%;
	height: 10px;
}

.bar {
	height: 10px;
}

#splitAssign {
	float: left;
	width: 100%;
	clear: both;
	display: none;
}

li.machine-icon {
	text-align: center;
	margin-right: 10px;
	padding: 1%;
}

form ul.sample_assign_machine, form ul.sample_assign_machine li, form ul.upload_sample, form ul.upload_sample li {
	float: left;
	clear: none;
}

form ul.sample_assign_machine li, form ul.upload_sample li, form ul.upload_sample li label {
	width: auto;
}

.preview_thumb {
	float: left;
	width: 25% !important;
}

.noThumb a, .noThumb .preview_thumb {
	display: none;
}

.preview_thumb img {
	width: 100% !important;
	height: auto !important;
}

.upload_controls {
	float: right;
	width: 60% !important;
}

.noThumb .upload_controls {
	width: 100% !important;
}

form .upload_controls label {
	width: 100% !important;
}

#uploadedPreview {
	display: none;
}

#order_file_list {
	text-align: center;
}

#order_file_list li {
	display: inline-block;
}

#order_file_list li a {
	padding-top: 90px;
	width: 110px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: transparent;
}

.annotation_icon_wrapper {
	position: absolute;
	z-index: 8888;
	height: 240px;
	top: 2%;
}

.annotation img {
	position: absolute;
	top: 0px;
	right: -50px;
	width: 50px;
	height: 50px;
}


fieldset, .archive_item, .pagination {
	padding: 4%;
	width: 92%;
	clear: both;
	margin: 1% 0;
	border-radius: 8px;
}

.qcfail-panel {
	float: left;
	margin-right: 12px;
}

.qcfail-panel #sample-check {
	margin-right: 2em;
	padding: 1em;
}

.qcfail-panel #sample-check li, .button-panel {
	width: 96%;
	padding: 0 2%;
	clear: both;
	text-align: center;
}

.qcfail-panel li, .button-panel li {
	display: inline-block;
	float: none !important;
	clear: none !important;
	width: auto !important;
	margin: 0;
}

.qcfail-panel li.hidden, .button-panel li.hidden {
	display: none;
}

.qcfail-panel li ul {
	float: none !important;
	clear: none !important;
}


.annotation_side {
	float: none;
	clear: both;
	width: 98% !important;
}

.annotate_zoom, #preview_zoom, .invoice_thumb {
	display: none !important;
}


footer .ui-state-default, footer .ui-widget-content, footer .ui-widget-header {
	border: none !important;
	background: transparent !important;
}

footer h1 {
	margin-left: 1.4em;
}

.help-panel {
	padding: 1em 2.2em;
}

footer h1 {
	cursor: pointer;
}

#supporting_file_list {
	text-align: center;
}

#supporting_file_list li {
	display: inline-block;
}

#previewFileList {
	width: 100%;
	text-align: center;
}

.jobs_list {
	display: none;
}

.status_bar {
	padding: 0.5em;
	margin-top: 1em;
}

form #rates_table input[type="text"] {
	float: none;
	width: 50%;
}

/*
|--------------------------------------------------------------------------
| Neutral styling
|--------------------------------------------------------------------------
|
*/

body {
	font-family: "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 15px;
	line-height: 1.25em;
}

#text_entry input {
	font-family: 'Courier New', Courier, monospace;
}

/* TABLE STYLES
*/

table {
	border-top: 1px solid #C4C4C4;
	border-left: 1px solid #C4C4C4;
}

thead th, td {
	border-right: 1px solid #C4C4C4;
}

th {
	border-bottom: 1px solid #C4C4C4;
}

td {
	border-bottom: 1px solid #C4C4C4;
}

tbody tr.over {
	background: #EFEFEF;
}

/* ORDER STYLES
*/

.status_bar.waiting {
	color: #FFF;
	background: #D78B59;
}

.status_bar.requested {
	color: #FFF;
	background: #ABCE5B;
}

.status_bar.editing {
	color: #3C3C3C;
	background: #D4D715;
}

.orderstatus_order, .orderstatus_live, .orderstatus_completed {
	background: #84bd00;
}

.orderstatus_quote {
	background: #F9920B;
}

.orderstatus_request, .orderstatus_order_request {
	background: #D6D90F;
}

.orderstatus_cancelled {
	background: #9F9F9F;
}

.annotation h3, ol.annotations li strong {
	border: 1px solid #000;
}

.ui-tabs-panel {
	background: #FCFCFC !important;
}

.orders_list li.orderstatus_cancelled a, .orders_list li.orderstatus_completed a {
	background-color: #FCFCFC;
}

span.optional, span.help {
	color: #9C9C9C;
}

form ul li ul#order-dimensions li label {
	color: #7F7F7F;
}

.order-show .textonly {
	color: #D9D9D9;
}

.orders_list li {
	border-top: 1px solid #D9D9D9 !important;
}

.archive_item h1 {
	color: #FFF;
	background: #5F8E59;
	border: 1px solid #3C3C3C;
}

.archive_item.quote h1 {
	background: #D78B59;
}

.archive_item:hover h1, .archive_item:focus h1 {
	background: #9C9C9C;
}

.text_wrapper.archive_item_wrapper {
	border: 1px solid #C4C4C4;
	background: #FFF;
}

#flash_wrapper {
	background: #F6DF98;
}

.annotation {
	border: 1px solid #000;
    box-shadow:  1px 1px 1px 2px rgba(0, 0, 0, 0.4);
}

ol.annotations li.annotation_detail_show {
	border-bottom: 1px dashed #D9D9D9;
}

ul.annotation_icons li a strong {
	background: #3C3C3C;
}

.legend li span {
  	color: #000;
}

.widget_content .legend {
	background: #FFF;
}

.ui-widget:hover, .ui-widget:focus {
	color: #FFF !important;
}

.digitiser {
	border: 1px dashed #D9D9D9;
	border-top: none;
}

.job-count {
	color: #FFF;
}

#lightbox, #errors {
	background: #fff;
	border:10px solid #fff;
    box-shadow: 0px 0px 10px 0px #D9D9D9;
}

#overlay 
{
	background: #000;
}

ul.toolbar li a, ul.toolbar li span {
	border: 1px solid #6C6C6C;
}

.submenu li a.current, .submenu li a:hover, .submenu li a:focus {
	background: #000;
}

.submenu li a span {
	color: #FFF;
	background: rgba(255,255,255,0.3);
}

.submenu ul.submenu {
    background: #fff;
    background: rgba(255,255,255,0);
}

ul.annotation_icons {
	border: 1px solid #3C3C3C;
}

.ui-widget.cancel {
	border: 1px solid #3C3C3C;
}

.ui-widget.delete:hover, .ui-widget.delete:focus, #logout a:hover, #logout a:focus {
	background: #752A00 !important;
	color: #FFF !important;
}

#errors {
	color: #E4E4E4;
	box-shadow: none;
}

li.machine-icon {
	background: #FFF;
	border: 1px solid #D9D9D9;
}

.qcfail-panel #sample-check {
	border: 2px dashed #C4C4C4;
}

footer .ui-state-default, footer .ui-widget-content, footer .ui-widget-header {
	color: #FFF !important;
}

.status_bar {
	color: #FFF;
	background: #3C3C3C;
}

.ui-widget.delete, #logout a {
	border: 1px solid #3C3C3C;
	background: #C06200 !important;
}

.submenu li a {
	color: #FFF !important;
	border-left: 1px solid #FFF;
}


.bar_wrapper {
	background: #D4D715;
}

.bar {
	background: #749A22;
}

.annotation_side {
	float: left;
	clear: none;
	width: 48% !important;
}
.annotate_zoom, #preview_zoom {
	display: inline !important;
}

#infobar {
	width: 40%;
	max-width: 310px;
	float: right;
	clear: right;
}

#infobar li {
	float: left;
}

#infobar li ul li {
	float: none;
}

#infobar li#search_wrapper {
	clear: both;
}

#logo_wrapper {
	float: left;
	max-width: 310px;
	width: 50%;
}

#site {
	max-width: 1000px;
	margin: 0 auto;
	font-size: 90%;
}

.column {
	float: left;
	clear: none;
	margin: 1%;
	width: 98%;
}

.quarter, .half {
	width: 48%;
}

.threequarter {
	width: 73%;
}

.third {
	width: 31%;
}

.twothird {
	width: 65%;
}

.archive_item {
	height: 318px;
}

.archive_item_wrapper {
	height: 120px;
	padding: 0 0 50px 0;
}

.archive_item .status_bar {
	position: absolute;
	bottom: 0;
	left: -10px;
	width: 100%;
	margin-top: 0;
}

.text_wrapper.archive_item_wrapper {
	height: 140px;	
}

.column .column.half {
	margin: 0 !important;
	width: 50% !important;
}

#annotate_tools {
	float: right;
	width: 360px;
	padding: 0 20px;
}

.quarter {
	width: 23%;
}