@import url('/tornado/css/glyph-font.css');
/*
 * see tornado/tornado_common.css
 *  this just customises the menu for this module
 */

#header {
	/*height:102px;*/
}

#container {
	min-height:400px;
	padding-bottom:20px;
}

p.site_name {
	font-family: Arial, sans-serif;
	font-size:40px;
	padding:0;
	margin:8px 0 0 0px;
	color: #000;
}


/*
 * navigation - see tornado/tornado_common.css
 *  this just customises the menu for this module
 */
#navigation {
	display:block;
	height:26px;
	width:980px;
	background:white;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
}
ul.top-level {
	margin: 0px;
	padding: 0px;
	display:block;
}

#navigation li { list-style: none; }
ul.top-level li {
	margin: 0;
	float:left;
	height:auto;
	background:#555;
	margin-right:7px;
	z-index:99 !important;
}
ul.top-level li.onright {
	margin: 0;
	margin-left:7px;
	float:right;
}
#navigation a {
	color:white;
	background:#555;
	font-weight:normal;
	padding: 5px 17px 5px 13px;
	font-size:14px;
	display:block;
	text-decoration: none;
	line-height: 1.2em;
}
#navigation a span {
	background:#2d2d2d!important;
}

#navigation a:hover, #navigation a.current_page, #navigation a.current_page_parent {
	color: #FFF;
	text-decoration:none;
	/*background:#96f !important;*/
}

#navigation a.current_page {
	background: darkgreen;
}

#navigation ul a:hover {
	/*background:#96f !important;*/
}

#navigation a:hover span, #navigation a.current_page span {
	background:#555!important;
}
#navigation a.signout {
	background:#3d3d3d;
}

li:hover > div {
	left:-0px;
	background-color:#38B747;
}

li:hover > div > ul {
	font-weight: normal;
/*	float:left;*/
	display:table-cell;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
}

li:hover > div > ul:last-child li {
	margin-right:0;
}

li:hover > div > ul li:first-child {
	min-height:30px;
}

li:hover > div > ul li {
	min-height:30px;
}

li:hover > div > ul li a {
	min-height:30px;
}

ul.sub-level li {
	width:174px;
	float:none;
	border:none;
	margin:0;
	padding:0;
}

ul.sub-level .colheading span {
	color:#fff;
	font-weight:bold;
	border:none;
	padding-left:5px;
	padding-top:8px;
	float:left;
	font-size:11px;
	}

/** help section styles **/

div.help_block {
	background: #f5f5f5;
	padding: 10px;
	margin-bottom: 20px;
	display: none;
}

div.help_block_selected {
	display: block;
}

div.help_block h2 {
	color: #f1aa0b;
	font-size: 18px;

}

#help_submit_button {
	float: right;
	margin-right: 330px;
	background: #f1aa0b;
	border: solid 1px #999;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.help_jump_holder {
	background: #f5f5f5;
	padding: 20px;
	margin-bottom: 20px;
}

.help_jump_holder select {
	width: 400px;
}

ul.cont_details {
	list-style-type: none;
}

ul.cont_details li {
	padding-left: 180px;
	position: relative;
	padding-bottom: 10px;
}

ul.cont_details li span {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}

p.help_success_message {
	font-weight: bold;
}


#site_header_message {
	height:26px;
    float:left;
    padding-top:6px;
    position:absolute;
    margin-left:-354px;
    margin-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    padding-top:8px;
    color:#FFFFFF!important;
    color:green;
    clear:both;
}

/** new help menu **/

#help_menu {
	background: #f5f5f5;
	padding-top: 10px;
}

#help_menu ul {
	list-style-type: none;
	clear: both;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

#help_menu li {
	float: left;
	width: 232px;


	margin-right: 10px;
	margin-bottom: 10px;
}

#help_menu li a {
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background: #f1aa0b;
	min-height: 35px;
}

#help_menu li a:hover {
	background: #555 !important;
}

#help_menu li a.help_menu_active {
	background: #333 !important;
}


.clear_float {
	clear: both;
}


/** checklist link **/
ul.checklist_link {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.checklist_link li {
	margin-bottom: 2px;
}

ul.checklist_link li a {
	background: #ededed;
}

span.checklist_incomplete {
	background: #FF6633;
	padding: 2px 2px 2px 2px;
	display: inline-block;
	margin-left: 2px;
	width: 36px;
	text-align: center;
	display: block;
	float: left;
	font-size: 12px;
}

span.checklist_completed {
	background: rgb(204, 255, 102);
	padding: 2px 2px 2px 2px;
	display: inline-block;
	margin-left: 2px;
	width: 36px;
	display: block;
	float: left;
	text-align: center;
	font-size: 12px;
}

ul.checklist_link li.checklist_incomplete a {
	background: #f33;
}

ul.checklist_link li.checklist_incomplete a:hover {
	background: #FF5C5C;
}

ul.checklist_link li.checklist_completed a {
	background: #5CD65C;
}

ul.checklist_link li.checklist_completed a:hover {
	background: #7DDE7D;
}

ul.checklist_link a {
	display: block;
	color: #000;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
}

ul.checklist_link a span {
	font-weight: bold;
}

/** checklist **/

.cl_holder {
	width: 720px;
	float: left;
}

.list_item {
	background: #ededed;
	padding: 10px;
	margin-bottom: 10px;
}

.cl_holder .NO {
	background: #FF6633;
}

.cl_holder .YES {
	background: rgb(204, 255, 102);
}

.list_item h3 {
	margin: 0;
	padding: 0 0 10px 0;
}

div.cl_control_holder {
	width: 100px;
	float: left;
}

ul.cl_update_info {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.cl_update_info li {
	line-height: 19px;
}

ul.cl_update_info li span {
	font-weight: bold;
}

div.checklist_sidebar {
	background: #cedee8;
	width: 200px;
	float: right;
	padding: 10px;
}

tr.set_upload_block td {
	padding-bottom: 20px;
}


#ocr:hover {
	cursor:pointer;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

/** tabulation styles **/
.tabulation .tab-button{
	display:block;float:left;margin:0 5px;padding:4px 8px;cursor:pointer;border:1px solid;border-bottom-width:0;
	border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;
}
.tabulation .tab-button.selected{cursor:default;background:#cccced;border-color:#cccced;}
.tabulation .tab-block{display:block;clear:both;}



/** dashboard **/

.dashboard_block {
	background: #ededed;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.dashboard_block ul, .dash_panel ul {
	list-style-type: none;
	margin: 0;
	padding: 0;

}

.dashboard_block li, .dash_panel li {
	margin: 0;
	padding: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}


.dashboard_block li a, .dash_panel li a {
	text-decoration: none;
}

.dashboard_block li.expired a, .dash_panel li.expired a {
	color: #f00;
}

.dashboard_block li a span, .dash_panel li a span {
	font-weight: bold;
}

.training_block {
	/*background: #dedede;*/
	padding: 10px;
	margin-bottom: 20px;
}

.training_block h4 {
	padding-bottom: 5px;
	padding-top: 0;
	margin: 0;
}

.training_block ul span {
	font-weight: bold;
}

#accident_graph {
	padding-bottom: 50px;
}

.dash_panel_holder {
	clear: both;
	padding-bottom: 20px;
	padding-left: 5px;
}

.dash_panel {
	float: left;
	width: 310px;
	background: #ededed;
	margin-left: 20px;
	padding: 0 auto;
}

.dash_panel:first-child {
	margin-left: 0;
}

.dash_panel h2 {
	color: #fff;
	font-size: 16px;
	padding: 5px 10px 5px 10px;
	background: #090;
	margin: 0;
	font-weight: bold;
}

.dash_panel h2.problem {
	background: #900;
}

.dash_panel h2.warning {
	background: #c60;
}

.dash_report_holder {
	padding: 5px 10px 5px 10px;
	margin: 0;
	position: relative;
}

.dash_detail {
	position: absolute;
	top: 40px;
	left: 0;
	background: rgba(0, 0, 0, 0.9);
	z-index: 1000;
	/*-webkit-box-shadow:  2px 2px 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow:  2px 2px 3px 3px rgba(0, 0, 0, 0.5);*/
    padding: 10px;
    width: 500px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
}

.right_dash {
	left: auto;
	right: 0;
}

.dash_detail .training_block {
	/*background: rgba(0, 0, 0, 0.6);*/
	margin: 0;
	padding-bottom: 0px;
	padding-top: 0;
	color: #fff;
}

.dash_detail .training_block h4 {
	margin: 0;
	padding: 0;
	color: #f1c970;
}

.dash_detail .training_block p {
	margin: 0;
	padding: 0 0 10px 0;
	color: #fff;
}

.dash_detail a {
	color: #f1aa0b;
}


/** equipment certificate list **/

ul.cert_list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.cert_list li {
	margin-bottom: 5px;
}

ul.cert_list li a {
	margin: 0;
	padding: 0;
	display: block;
	color: #fff;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	background: #f1aa0b;
}

ul.cert_list li a:hover {
	color: #000;
}

/* Autocomplete Cart */
#auto_form .template_row td {
	border-bottom:1px solid #DDDDDD;
	padding-top: 10px;
	padding-bottom:10px;
}
#auto_form .template_row:last-child td {
	border-bottom:1px solid #BBBBBB;
	padding-bottom:10px;
}

#auto_form .select_metal td, .item_description td {
	padding-top:10px;
}

#auto_form .complete_purchase td {
	padding-top:20px;
}

#auto_form .remove_button {
	padding:0px;
	margin:0px;
	width:0px;
	border:none;
	background:transparent;
	margin-right:4px;
}
#auto_form .remove_button:hover {
	cursor: pointer;
	border:none;
	opacity:0.8;
}

#auto_form .remove_button img {
	border:none;
	padding:0px;
	margin:0px;
	width:20px;
}

#auto_form .ui-menu-item {
	width:400px!important;
}

#auto_form .num_field {
	width:98%;
	padding:2px;
	margin:0px;
	margin-right:2%;
}

#auto_form #metal_search {
	margin-right:20px;
	border:2px solid orange;
	padding:4px 4px;
}

#auto_form .weighbridge_active_bg {
	background:#BADAFF!important;
	cursor:pointer;
}

#auto_form .template_row {
	cursor:pointer;
}

#auto_form input[type="text"][disabled] {
   background: #FFF;
   color:#666;
}

#auto_form .prev_tran_detail {
	float:right;
	position: relative;
	background:#69a5ea;
	color:#FFF;
	padding:4px 10px;
	font-style:italic;
}
#auto_form .prev_tran_detail:after {
	content: ""; position:absolute; left:20px; top:-5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;	border-bottom: 5px solid #69a5ea;
}

/* Sortable columns for personnel */
#sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; background:#FFF;border:1px solid #CCC; padding: 5px 5px 25px 5px; width:203px;}
#sortable1 li, #sortable2 li { margin: 5px; padding: 5px; font-size: 14px; width: 180px; }
#sortable1 li:hover, #sortable2 li:hover {cursor:move;}
#sortable2 li {background:lightgreen;}
.sortable_empty {position: absolute;color:#777;margin-left: -160px;margin-top:8px;font-size:12px;display:none;}
.sortable_header {background:#EEE; width:100%; float:left; padding:8px 0px; text-align:center; font-weight:bold; font-size:12px}

/* Job Filters */
.job_filter {float:right; margin-top:5px; margin-right:40px}
.job_filter a {float:left; width:24px; text-align:center; text-decoration:none; padding:6px 10px; margin-left:4px;}

/* Job Personnel selector */
.multi-checkbox{border:1px solid #CCCCCC;border-width:1px 0;overflow-y:auto;overflow-x:hidden;height:150px;min-width:300px;}
.multi-checkbox .checkbox-wrapper{padding:4px 0;}
.multi-checkbox .checkbox-wrapper label{display:inline-block;padding:1px 0;height:14px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
.multi-checkbox.narrow .checkbox-wrapper label{max-width:268px;}
.multi-checkbox.wide .checkbox-wrapper label{max-width:668px;}
.multi-checkbox .checkbox-wrapper{padding:2px 18px;margin:1px}
.multi-checkbox .checkbox-wrapper.moveable.ui-sortable-placeholder{visibility:visible !important;display:block;height:16px;background:orange;opacity:0.4;}
.multi-checkbox .checkbox-wrapper.moveable.ui-sortable-placeholder *{visibility:hidden;}
.multi-checkbox .checkbox-wrapper.moveable:hover{outline:1px solid orange;}
.multi-checkbox .checkbox-wrapper.moveable .handle{display:none;float:left;margin-left:-18px;vertical-align:middle;}
.multi-checkbox .checkbox-wrapper.moveable .remove{display:none;float:right;margin-right:-18px;vertical-align:middle;cursor:pointer;}
.multi-checkbox .checkbox-wrapper.moveable:hover .handle, .multi-checkbox .checkbox-wrapper.moveable:hover .remove, .multi-checkbox .checkbox-wrapper.moveable:hover .edit{display:block;}
.multi-checkbox .checkbox-wrapper.moveable:last-child .move-down{display:none;}
.multi-checkbox.large{height:300px;}
.multi-checkbox label{display:block;position:relative;padding:4px 0;vertical-align:middle;}
.multi-checkbox input[type=checkbox]{box-sizing:content-box;padding:3px;margin:0;border:1px solid #aaa;vertical-align:middle;}

/* CSS for autocomplete */
.ui-autocomplete-loading { background: white url('/egc/gfx/ui-anim_basic_16x16.gif') right center no-repeat!important; }
.options-loading { padding-left:20px;background: white url('/egc/gfx/ui-anim_basic_16x16.gif') left center no-repeat; }

/* Job Engineer select styles */
#headers {
	background:#eee;
	padding-left:18px;
}
span.personnel_name {
	vertical-align: top;
	display: inline-block;
	width:200px;
}
span.personnel_type {
	vertical-align: top;
	display: inline-block;
	width:150px;
}
span.personnel_detail {
	vertical-align: top;
	display: inline-block;
	width:150px;
}


/* Product Page */
.product-ingredient td {
	color:#333;
	font-size:13px;
	border-bottom:1px solid #eee;
	padding:4px;
}


.mtm_readonly_bkg {
	background: #DDD!important;
}

.nut-value-table{
	width: 100%;
	border: 1px solid #B3B3B3;
}

.nut-value-table td{
	border: 1px solid #B3B3B3;
	padding: 3px;
}

#product_feed_instructions,
#product_feed_instructions_2,
#product_caution_notes {
	width:75%;
}