/* Structure */ 

body {
	background: #eee;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}

#canvas {
	background: #fff;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
	margin-top: 15px; 
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom; 25px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}

#active_header {
	width: 500px;
	height: 112px;
	background: #000 url('/images/mwcbw_background.jpg');
}

#active_header h1 {
	padding-left: 117px;
	padding-top: 50px;
	color: #fff;
	font-family: "Times New Roman", "Times", serif;
	font-weight: 100 !important;
	text-transform: uppercase;
	font-size: 1.8em;
}

#canvas_original {
	background: #fff;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
	margin-top: 15px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom; 25px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;

	/* firefox's individual border radius properties */
	-moz-border-radius-topleft:15px; /* top left corner */
	-moz-border-radius-topright:15px; /* top right corner */
	-moz-border-radius-bottomleft:15px; /* bottom left corner */
	-moz-border-radius-bottomright:15px; /* bottom right corner */
	-moz-border-radius:15px 15px 15px 15px;  /* shorthand topleft topright bottomright bottomleft */

	/* webkit's individual border radius properties */
	-webkit-border-top-left-radius:15px; /* top left corner */
	-webkit-border-top-right-radius:15px; /* top right corner */
	-webkit-border-bottom-left-radius:15px; /* bottom left corner */
	-webkit-border-bottom-right-radius:15px; /* bottom right corner */
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}

#header {
	background: #000;
	background-image: url('/images/header_background.png');
	background-repeat: repeat-x;
	height: 125px;
	width: 100%;
	padding: 0;
	margin: 0;
}

#header_container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
}

#header_left {
	float: left;
	width: 400px;
}

#header_right {
	float: right;
	margin-top: 20px;
}

#menu_container {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ccc;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #bbb;
}

#menu {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#content {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#print_container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
	#print_container .order-number {
		font-size: 2.75em;	
	}
/* Nav & Lists */ 

ul.navigation {
	padding: 0;
	margin: 0;
}

ul.navigation li:first-child {
	padding-left: 0;
	border-right: 1px dotted #fff;
}

ul.navigation li {
	display: inline;
	margin-left: 0;
	padding-right: 20px;
	padding-left: 17px;
	font-size: 1.2em;
	border-right: 1px dotted #fff;
}

ul.navigation li a {
	text-decoration: none;
	color: #3c3c3c;
}

ul.navigation li a.active {
	color: #eee;
}

ul.navigation li a:hover {
	color: #eee;
}

ul#page_numbers {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

ul#page_numbers li {
	display: inline;
	padding: 2px;
	border: 1px solid #ccc;
	border-radius: 2px;
	margin-right: 1.5px;
	margin-left: 1.5px;
}

ul#page_numbers li:hover {
	background-color: #eee;
}

ul#page_numbers li a {
	padding: 2px;
}

ul#page_numbers li.active {
	display: inline;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-color: #ddd;
	color: #fff;
}

ul#page_numbers li.active a {
	padding: 2px;
}

/* Text */ 

p {
	font-size: 1.25em;
}

.logged_in {
	color: #ccc;
}

h1 {
	font-size: 1.5em;
	color: #000;
}

h2 {
	font-weight: normal;
	font-size: 1.3em;
	padding-top: 10px;
	padding-bottom: 10px;
}
.small {
	font-size: .8em;
}

.result_count {
	color: #3c3c3c;
}

.inactive {
	color: #777;
}

/* Links */ 

a {
	color: #6495ED;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul.navigation li a {
	color: #3c3c3c;
}

ul.navigation li a {
	color: #000;
}

.logged_in a {
	color: #ccc;
}

.logged_in a:hover {
	color: #fff;
}

/* Images */

img.logo {
	margin-top: 20px;
}

/* Tables */

table {
	padding-bottom: 15px;
}

th {
	text-align: left;
	font-size: .9em;
	color: #3c3c3c;
	padding-bottom: 1px;
}

tr {
}

td {
	padding-top: 2.5px;
	padding-bottom: 2.5px;
	font-size: .8em;
}

table.grouped {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding-left: 15px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;

	-moz-border-radius-topleft:10px; /* top left corner */
	-moz-border-radius-topright:10px; /* top right corner */
	-moz-border-radius-bottomleft:10px; /* bottom left corner */
	-moz-border-radius-bottomright:10px; /* bottom right corner */

	-webkit-border-top-left-radius:10px; /* top left corner */
	-webkit-border-top-right-radius:10px; /* top right corner */
	-webkit-border-bottom-left-radius:10px; /* bottom left corner */
	-webkit-border-bottom-right-radius:10px; /* bottom right corner */
}

table.grouped_noborder {
	border: none;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-top: 0;
}

table.grouped_noborder_print {
	border: none;
	width: 900px;
	margin-bottom: 15px;
	padding-top: 0;
	font-size: 1.5em;
}

table.order-facepaint td {
	font-size: 2.25em;	
}
	table.order-facepaint td p {
		font-size:0.8em;	
	}
	
	table.order-facepaint .highlight-green {
		font-size: 0.6em;	
	}

/* Tabular Sorting */

.sort_asc:after {
	content: "▲";
	color: #ccc;
	
	font-size: .5em;
}

.sort_desc:after {
	content: "▼";
	color: #ccc;
	font-size: .5em;
}

/* Other */

a.action_button:hover {
	text-decoration: none;
}

.action_button {
	padding: 5px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
	background-color: #eee;
}

.action_button:hover {
	padding: 5px;
	border-left: 2px solid #bbb;
	border-top: 2px solid #bbb;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #ddd;
}

form input, form input[type=select] {
	font-size: 1.25em;
}

form input.submit {
	font-size: 1.25em;
	color: blue;
}

a.action {
	padding: 3px;
	margin-left: 10px;
	background-color: green;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;

	-moz-border-radius-topleft:3px; /* top left corner */
	-moz-border-radius-topright:3px; /* top right corner */
	-moz-border-radius-bottomleft:3px; /* bottom left corner */
	-moz-border-radius-bottomright:3px; /* bottom right corner */

	-webkit-border-top-left-radius:3px; /* top left corner */
	-webkit-border-top-right-radius:3px; /* top right corner */
	-webkit-border-bottom-left-radius:3px; /* bottom left corner */
	-webkit-border-bottom-right-radius:3px; /* bottom right corner */
}

a.action_report {
	padding: 3px;
	margin-left: 10px;
	background-color: #3c3c3c;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;

	-moz-border-radius-topleft:3px; /* top left corner */
	-moz-border-radius-topright:3px; /* top right corner */
	-moz-border-radius-bottomleft:3px; /* bottom left corner */
	-moz-border-radius-bottomright:3px; /* bottom right corner */

	-webkit-border-top-left-radius:3px; /* top left corner */
	-webkit-border-top-right-radius:3px; /* top right corner */
	-webkit-border-bottom-left-radius:3px; /* bottom left corner */
	-webkit-border-bottom-right-radius:3px; /* bottom right corner */
}

a.action_rev {
	padding: 3px;
	margin-left: 10px;
	background-color: orange;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;

	-moz-border-radius-topleft:3px; /* top left corner */
	-moz-border-radius-topright:3px; /* top right corner */
	-moz-border-radius-bottomleft:3px; /* bottom left corner */
	-moz-border-radius-bottomright:3px; /* bottom right corner */

	-webkit-border-top-left-radius:3px; /* top left corner */
	-webkit-border-top-right-radius:3px; /* top right corner */
	-webkit-border-bottom-left-radius:3px; /* bottom left corner */
	-webkit-border-bottom-right-radius:3px; /* bottom right corner */
}

a.action:hover, a.action_rev:hover {
	background-color: #3c3c3c;
	text-decoration: none;
}

a.action_report:hover {
	background-color: orange;
	text-decoration: none;
}

#print_canvas {
	background: #fff;
	width: 100%;
}

#print_container {
	width: 192px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#print_buttons {
	width: 192px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

a.button, .print_button, .submit_button {
	border: 1px solid #eee;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	padding-left: 10px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #6495ED;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.02em;
}

a.button:hover, .print_button:hover, .submit_button:hover {
	background-color: #555555;
}

body.print {
	background-color: #fff;
}

img.lineloadcolor {
	border: 1px solid #3c3c3c;
}

#print_container table h2 {
	padding-bottom: 0px;
	margin-bottom: 0;
}

@media print {
input {
    display: none !important;
}

#print_container {
	page-break-after: avoid;
}

}

h2.status-counts {text-transform:uppercase;font-size:1.3em;border-bottom: 3px solid #ddd;font-weight:bold;}

/* Home */
.home_buttons {width:550px;margin:10px auto 0 auto;text-align:center;}
.home_buttons.top_buttons {margin-top:30px;}
.home_buttons a.button {display:inline-block;width:150px !important;}
.home_buttons p {font-size:1em;text-align:center;}

/* Schedule */
table.mwc-table {border-collapse: collapse;width:100%;margin-bottom:15px;}
table.mwc-table th {text-transform:uppercase;}
table.mwc-table thead, table.mwc-table tbody {border-bottom: 3px solid #ddd;}
table.mwc-table tbody tr {border-bottom: 2px solid #ddd;}
table.mwc-table th, table.mwc-table td {padding:10px;}
table.mwc-table tbody tr:nth-child(even) {background-color: #f8f8f8;}
table.mwc-table td.highlight {background-color: #ededed;}
table.mwc-table tr.ready-for-paint {background-color: #fde1de !important;}
table.mwc-table tr.received {background-color: #eee !important;}
table.mwc-table tr.ready {background-color: #fff !important;}
table.mwc-table tr.paint {background-color: #aaafd9 !important;}
table.mwc-table tr.inspection {background-color: #eabb89 !important;}
table.mwc-table tr.completed {background-color: #b9eab6 !important;}

/* Google icons */
.material-icons {font-size:48px !important;}


table.mwc-table.status-table th {font-size:.725em}

span.highlight-red, span.quarantine {
	background-color:#F00;
	color: #fff;
	padding: 0 5px;
}