/*
	|--------------------------------------------------------------------------
	| 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;
}
html, body, #site {
	min-height: 100% !important;
}

#site {
	position: relative;
}

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, menu, nav, section {
	display: block;
}


/*
	|--------------------------------------------------------------------------
	| 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 {
	max-width: 220px;
	margin-right: 2em;
}

#logo_wrapper {
	max-width: 310px;
}

#logout {
	float: right;
}

main {
	position: relative;
}

.archive_item h1.owes, h1.owes {
	background: #C0504E;
}

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 {
	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;
	margin: 0.5em 0 0 0;
	text-align: center;
}

#nav_trigger {
	width: 100%;
}

nav ul {
	display: none;
}

nav li {
	padding: .4em 0;
	margin: 1em 0;
}

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

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

nav li:last-child {
	margin: 0;
}

nav li a.current.button {
	border: none !important;
}

/*
	|--------------------------------------------------------------------------
	| 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;
	font-size: 80%;
}

th, td {
	padding: 0.3em;
}

table td.invoice_payments {
	padding: 0 !important;
}

table td.invoice_payments table {
	border: none !important;
}

table td.invoice_payments table tr td {
	width: 33% !important;
}

table td.invoice_payments table tr td:last-child {
	border-right: none !important;
}

table td.invoice_payments table tr:last-child td {
	border-bottom: none !important;
}

/*
	|--------------------------------------------------------------------------
	| 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 ul.switch_wrapper {
	float: none;
}

form ul.switch_wrapper li.switch, form ul.switch_wrapper li.switch label {
	float: none;
	clear: none;
}

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%;
}

span.optional {
	margin-top: -1em;
}

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

#add_tag {
	margin: 0;
}

ul#tags, ul#tag_controls {
	float: left;
	width: 100%;
	clear: both;
}

ul#tags li, ul#selected_tags li {
	float: left;
	width: auto;
	font-size: 90%;
	padding: 0.5em;
	margin: 0.5em;
	border-radius: 0.5em;
	cursor: pointer;
}

ul#tags.manage li {
	cursor: default;
}

ul#tags li ul li {
	padding: 0;
	margin: 0;
	border: none;
	margin-left: 0.5em;
}

#new_tag {
	float: left;
	width: 50%;
	margin-right: 0.5em;
}

#tag_side_controls input {
	float: left;
	clear: none;
}

#tag_side_controls input#create_tag {
	float: right;
	margin: 0;
}

#tag_side_controls a {
	float: right;
}

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, 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,ul.radios {
	float: left;
	width: 100% !important;
	clear: both;
}

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

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

input[type="file"] {
	-ms-word-break: break-all;
     word-break: break-all;
     /* Non standard for webkit */
     word-break: break-word;
	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    font-size: 80% !important;
}

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

form td input[type="text"] {
	width: 98%;
	float: none;
}

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

form ul.fullwidth, form ul.fullwidth li, form ul.fullwidth li label {
	width: 100% !important;
	float: none !important;
	clear: both !important;
}

form ul.fullwidth li input[type="text"] {
	width: 96% !important;
	float: none !important;
}

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

input.datefield {
	width: auto;
}

input.narrow {
	width: 25%;
}

form input[type="text"].full {
	width: 96%;
}

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

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

form ul li ul#order-dimensions li, ul#order-dimensions li {
	width: 15%;
	display: inline-block;
}

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

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

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

ul.radios#flags li#sampling_flag label {
	width: auto !important;
}

form td input.spinner {
	color: #3C3C3C !important;
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

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

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

#font_chooser {
	width: 98%;
}

#font_chooser .dd-option-image, #font_chooser .dd-selected-image {
	max-width: 100%;
}

#font_chooser {
	border: 1px solid #DDDDDD;
	font-size: 12px;
}
#font_chooser h3{
	padding:0px;
	margin:0px 0px 20px;
	font-size:18px;
}
#font_chooser .spacer {
	clear: both;
	height: 20px;
	width: 100%;
}

#font_chooser li {
	width: 100%;
	clear: both;
}

#font_chooser a.dd-option {
	position: relative;
	z-index: 0;
	cursor: pointer;
}

#font_chooser img.dd-option-image {
	width: 60% !important;
	z-index: 1;
	clear: both;
}

#font_chooser ul.dd-options {
	height: 164px;
	overflow: auto;
	top: 0;
	left: 0;
}

#font_chooser ul.dd-options li {
	height: 46px;
	overflow: hidden;
}

#font_chooser label.dd-option-text {
	width: 30% !important;
	position: absolute;
	z-index: 2;
	right: 1em;
	top: 0.5em;
	padding-top: 0;
}

#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.noimage h1 {
	position: static;
	padding-bottom: 10px;
}

.archive_item.action h1 {
	font-size: 100%;
}

.archive_item.action p.action-notes {
	text-align: left;
	overflow-y: scroll;
	height: 200px;
}

.archive_item h1 {
	width: 96%;
	margin: 0;
	padding: 0 2%;
	line-height: 1.25em;
}

.latest_messages .archive_item h1 {
	font-size: 100%;
}

.archive_item h1 img {
	margin-top: 0.25em;
}

.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;
}

.attention {
	background: #F6DF98;
}

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

#supporting_file_list_wrapper {
	clear: both;
}

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

.getqualityid .ui-tabs .tab#design.ui-tabs-panel {
	padding-left: 0;
	padding-right: 0;
}

#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_side {
	float: right;
}

.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
	|--------------------------------------------------------------------------
*/

#snapshot, #snapshot body {
	width: 100%;
	height: 100%;
}

#snapshot body {
	background: #1C1C1C;
}

#snapshot fieldset {
	padding: 0;
	margin: 0;
}

canvas { float: left; }

#snapshot .legend {
	float: right;
	margin-top: 50px;
}

.legend {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.legend li {
	float: left;
	width: 45%;
	list-style: none;
	margin: 0;
	padding: 1em 0 0 0;
	line-height: 2em;
	font-size: 1.4em;
	color: #FFF;
}

.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;
	padding: 0.25em 0.5em;
	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% !important;
	min-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 {
	float: left;
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
	clear: none;
	width: auto;
}

ul.toolbar li#assignArtworkQuote {
	float: right;
	background: #FFF;
	line-height: 50px;
	border-radius: 8px;
	padding: 0 1em;
	border: 1px solid #C4C4C4;
	width: auto;
}

ul.toolbar li#assignArtworkQuote label, ul.toolbar li#assignArtworkQuote ul li {
	width: auto;
}

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.button, ul.toolbar li a.button span {
	width: auto !important;
	height: auto !important;
	text-indent: 0 !important;
}

ul.toolbar li a.button span {
	border: none !important;
	line-height: 24px;
	padding: 0 !important;
}

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: 96%;
	clear: both;
	margin: 0 1% 1em 1%;
	position: relative;
	z-index: 500;
	border-radius: 8px;
	padding: 1%;
}

.submenu li {
	position: relative;
	width: 50%;
	margin-bottom: 4px;
}

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

.submenu li a {
	text-indent: 1em;
	text-decoration: none;
	clear: both;
	text-align: left;
	width: 98%;
	line-height: 1.5em;
}

.submenu li a span {
	text-indent: 0;
	float: right;
	display: inline-block;
	padding: 0.25em 0.75em;
	clear: none;
	line-height: 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 form li {
	float: left;
	clear: none;
	width: auto;
	margin: 0.25em 0 0 0;
}

.submenu li.filters {
	width: 100%;
	clear: both;
	text-align: center;
}

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

.bar {
	height: 10px;
	max-width: 100% !important;
}

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

.submenu li.machine-icon {
	text-align: center;
	margin-left: 1%;
	width: 17%;
	padding: 1% 1% 1% 0;
}

.submenu li.machine-icon:first-child {
	margin-left: 0;
}

li.machine-icon strong {
	display: block;
	margin-top: 0.5em;
	font-size: 110%;
}

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: 80px;
	width: 100px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: transparent;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

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

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


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

fieldset {
	padding: 2%;
	width: 96%;
}

section.title {
	padding: 1%;
	width: 98%;
}

.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 {
	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;
}

div.help {
	display: none;
}

footer.active {
	
}

footer.active div.help {
	display: block;
}

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;
}

.latest_messages .question.archive_item, .latest_messages .question.archive_item .status_bar, .latest_messages .question.archive_item h1 {
	background: #C06200 !important;
}

.latest_messages .answered.archive_item, .latest_messages .answered.archive_item .status_bar, .latest_messages .answered.archive_item h1 {
	background: #ABCE5B !important;
}

.latest_messages .question.archive_item:hover, .latest_messages .question.archive_item:focus, .latest_messages .question.archive_item:hover h1, .latest_messages .question.archive_item:focus h1 {
	background: #752A00 !important;
}

.latest_messages .answered.archive_item:hover, .latest_messages .answered.archive_item:focus, .latest_messages .answered.archive_item:hover h1, .latest_messages .answered.archive_item:focus h1 {
	background: #84bd00 !important;
}

.status_bar.review {
	background: #d12229 !important;
}

.status_bar.chetanred {
	background: #e93f33 !important;	
}

.status_bar.chetangreen {
	background: #80f200 !important;	
}

.status_bar.chetanblue {
	background: #77fafc !important;	
}

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

#promoerror, #promodescription {
	float: left;
	width: 100%;
	clear: both;
}

.quarter {
	float: left;
	clear: none;
	margin: 1%;
	width: 48%;
}

.tag_downloads {
	position: relative;
	cursor: pointer;
}

.tag_downloads ul {
	display: none;
	position: absolute;
	top: 0;
	text-align: center;
	width: 80%;
	padding: 10%;
	background: #000;
	height: 80%;
}

section.title h1 {
	text-align: center;
}

#action_history ul {
	overflow-y: scroll;
	height: 12em;
}

#action_history li, #action_history_details h3 {
	line-height: 1.5em;
	margin-bottom: 0.5em;
}

.action-date {
	display: inline-block;
	background: #53565a;
	color: #FFF;
	margin-right: 1em;
	padding: 0.25em;
	font-size: 90%;
}

#action_history li a, #action_history_details h3 {
	display: block;
	background: #D4D715;
	color: #3C3C3C;
}

#action_history li a.complete, #action_history_details h3.complete {
	background: #d0d0c7;
}

#action_history li a:hover, #action_history li a:focus {
	background: #53565a;
	color: #FFF;
}

#action_history li a:hover .action-date, #action_history li a:focus .action-date {
	background: #3C3C3C;	
}

#action_history_details {
	height: 400px;
	overflow-y: scroll;
}

#action_history_details li {
	margin-bottom: 2em;
}

.comparison {
	position: relative;
}

img.compare {
	z-index: 1000;
	position: absolute;
	right: -80px;
	display: none;
}

strong.overdue, strong.neardeadline {
	width: 100%;
	text-align: center;
	display: block;
	font-weight: bold;
	color: #FFF;
	padding: 0.25em;
}

strong.overdue {
	background: #752A00;
}

strong.neardeadline {
	background: #C06200;	
}

span.redacted {
	color: #FFF !important;
	background: #C06200 !important;
	display: inline-block;
	padding: 0.2em 0.5em;
}

.delete_button_wrapper .ui-button {
	background: #C06200 !important;
}

.ui-widget.paypal {
	background: #F9A521 !important;
	color: #FFF !important;
}

.ui-widget.paypal:hover, .ui-widget.paypal:focus {
	background: #CE810E !important;
	color: #EFEFEF !important;
}

.ui-widget.card {
	background: #00ACEE !important;
	color: #FFF !important;
}

.ui-widget.card:hover, .ui-widget.card:focus {
	background: #025877 !important;
}

.payment-errors {
	width: 96%;
	padding: 0.25em 2%;
	float: left;
	clear: both;
	background: #C06200;
	color: #FFF;
	text-align: center;
}

#payment-form {
	width: 94%%;
	margin: 2%;
	padding: 1%;
	background: #6C6C6C;
	border-radius: 8px;
}

form #alternateFileList, #alternateFileList {
	float: left;
	width: 100%;
	text-align: center;
}

form #alternateFileList li, #alternateFileList li {
	float: left;
	clear: none;
	width: 25%;
	margin: 0;
}

#alternateFileList li img {
	width: 100%;
	height: auto !important;
}

.verify, .verified {
	padding: .4em 1em;
	display: block;
	line-height: normal;
	margin: 0;
	outline: 0;
	vertical-align: baseline;
	font-size: 80% !important;
	border: 1px solid #666;
	font-weight: bold;
	color: #FFF;
	font-family: "Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
	font-size: 1em;
	display: inline-block;
	position: relative;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible;
	border-radius: 8px;
}

.verified {
	background-color: #84BD00;
}

.verify, .verified:hover, .verified:focus {
	background-color: #6E7174;
}

.verify:hover, .verify:focus {
	background: #D0D0C7;
	color: #EFEFEF !important;
}

/*
	|--------------------------------------------------------------------------
	| RESPONSIVE
	|--------------------------------------------------------------------------
*/

@media screen and (min-width: 980px) {
	.annotation_side {
		float: left;
		clear: none;
		width: 48% !important;
	}
	.annotate_zoom, #preview_zoom {
		display: inline !important;
	}
}

@media screen and (min-width: 600px) {
	#payment-form {
		width: 50%;
		margin: 2% 25%;
	}

	#payment_fieldset {
		margin: 0 !important;
	}

	#payment-form input[type="text"] {
		font-size: 1.1em;
		width: auto !important;
	}

	#payment_fieldset ul li ul.radios input[type="text"] {
		padding: 0.25em !important;
		float: none !important;
	}

	#payment_fieldset ul li ul.radios li.firstlabel label {
		margin-top: 0.5em;
	}

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

	#infobar li ul li {
		float: none;
	}
	.submenu li.filters {
		width: auto;
		text-align: right;
		float: right;
		clear: none;
	}
	.submenu li {
		width: 18%;
	}
	#nav_trigger {
		display: none;
	}
	nav ul {
		display: block;
	}
	nav li {
		display: inline-block;
		margin: 0 1em;
	}

	table {
		font-size: 100%;
	}

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

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

	#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%;
	}

	section.title {
		margin: 1%;
		width: 96%;
	}

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

	.column.half .column.half fieldset {
		border-right: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.column.half .column.half.last fieldset {
		border-left: none;
		border-right: 1px solid #d0d0c7;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	
	.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;
	}

	.latest_messages .archive_item {
		height: 188px;
	}

	.latest_messages .archive_item_wrapper {
		margin-top: 30px;
	}

	#changeformat_col {
		float: right;
		margin-top: -6% !important;
	}
}

@media screen and (min-width: 980px) {
	#annotate_tools {
		float: right;
		width: 360px;
		padding: 0 20px;
	}

	.quarter {
		width: 23%;
	}
}

@media screen and (min-width: 1480px) {
	.getqualityid #site, .getqcrejectidqcLevel #site {
		max-width: 1480px;
	}
	/*
	.annotation-wrapper {
		margin-left: 110px;
	}
	*/
}