@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:#555!important;
}
#navigation a:hover, #navigation a.current_page, #navigation a.current_page_parent {
	color: #FFF;
	text-decoration:none;
	background:#33CC33!important;
}

#navigation a.current_page {
	background: darkgreen;
}

#navigation ul a:hover {
	background:#33CC33!important;
}

#navigation a:hover span, #navigation a.current_page span {
	background:#33CC33!important;
}
#navigation a.signout {
	background:#777;
}

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

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 li a {
	padding-left:8px!important;
	padding-right:8px!important;
}

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}

/* Chain of Custody Dashboard */
.sort_report .wip_container {width:970px;background:#DDD;padding:4px;float:left;margin-bottom:30px;border:1px solid #BBB;border-bottom:2px solid #BBB; margin-top:20px;}
.sort_report .wip_container .right {float:right;width:50%;}
.sort_report .heading1 {float:left;color:#777;font-size:14px;width:110px;margin-bottom:2px;}
.sort_report .heading2 {float:left;color:#777;font-size:14px;}
.sort_report .heading3 {float:left;color:#777;font-size:14px;padding:6px;}
.sort_report .heading4 {float:left;color:#777;font-size:14px;padding-left:6px;}
.sort_report .value2 {float:left;color:#222;font-size:14px;}
.sort_report .value3 {float:left;color:#222;font-size:14px;padding:6px;}
.sort_report .bg1 {background:#F6F6F6;	padding:10px;}
.sort_report .bin_metal {border-top:1px solid #888;	border-bottom:1px solid #888;padding:6px 0px;}
.sort_report .spacer6 {padding-bottom:6px;}
.sort_report .tran_wrapper {float:left;width:100%;text-align: center;}
.sort_report .tran_button {margin:3% 5%;float:left;width:90%;}
.sort_report .tran_button:hover {background:#AAA;cursor:pointer;}
.sort_report .wip_button {margin:0% 0%;	margin-top:4px;	float:left;	width:20%;}
.sort_report .button1 {padding:4px 0px;	background: #888;color:#FFF;text-align: center;	}
.sort_report .wip_button:hover {background:#AAA;cursor:pointer;}
.sort_report .hidetran {display:none;}
.sort_report .empty1 {color:#777;float:left;padding:10px 0px;width:100%;text-align: center;border-top:1px solid #CCC;margin-top:10px;}

.si_form_input span {float:left; margin-top:4px;}

/*Company Dashboard */
#dashboard_tabs hr {
	display: none;
}
#dashboard_tabs {
	padding-top:20px;
}

	.si_thumb_list{
		width:130px;
		height:130px;
		display:inline-block;
		margin:5px 5px;
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
		background-color:#1c1c1c;
		border:0px solid #aaa;
		box-shadow:0px 0px 1px 1px #555 inset;
		border-radius:3px;
		transition:all 0.4s ease;
		vertical-align:top;
	}

	.si_thumb_list:hover{
		background-size:200%;
	}

	.si_thumb_container{
		font-size:0;
		display:table-cell;
		position:relative;
	}

	.si_thumb_caption, .si_file_type{
		color:#fff;
		text-align:center;
		width:120px;
		margin-top:13px;
		pointer-events:none;
		padding:0 5px;
		text-shadow:1px 1px 0 #000 ;
	}

	.coc_docs .title{
		border-bottom:1px dotted #333;
		padding-bottom:8px;
	}