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

#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: #f1aa0b;
}



/*
 * navigation - see tornado/tornado_common.css
 *  this just customises the menu for this module
 */
ul.top-level li {
	margin: 0;
	float:left;
	height:auto;
	background:#555;
	margin-right:4px;
	z-index:99999 !important;
}
ul.top-level li.onright {
	margin: 0;
	margin-left:4px;
	float:right;
}
#navigation a {
	color:white;
	background:#555;
	font-weight:normal;
	padding: 5px 8px 5px 8px;
	font-size:14px;
	display:block;
	text-decoration: none;
	line-height: 1.2em;
}
#navigation a span {
	background:#FF9900!important;
}
#navigation a:hover, #navigation a.current_page, #navigation a.current_page_parent {
	color: #FFF;
	text-decoration:none;
	background:#FF9900!important;
}
#navigation a:hover span, #navigation a.current_page span {
	background:#555!important;
}
#navigation a.signout {
	background:#777;
}

li:hover > div {
	width:528px;
	left:-152px;
	background-color:#555;
}


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



/** 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;
	border:1px solid #666;
	border-width:0 0 1px 0;
}

.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: #fff;
	border:2px solid #333;
	/*
	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: 3px;
    border-radius: 3px;
    /*
    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:#000;
}
.dash_detail .training_block h4 {
	margin: 6px 0 3px 0;
	padding: 0;
	/*
	color: #f1c970;
	*/
	color: #333;
}

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

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


/** thumbnail list **/

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

ul.thumb_list li {
	margin-bottom: 20px;
	text-align: center;
}

ul.thumb_list img {
	max-height: 100px;
	max-width: 100px;
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2);
}

/** risk matrix **/

.risk_matrix {
	margin-top: 20px;
	margin-bottom: 20px;
}

.risk_matrix table {
	width: 100%;
}

.risk_matrix table th {
	background: #fff;
	padding: 8px 3px 8px 3px;
	font-size: 11px;
	color: #666;
	text-align: left;
	font-weight: normal;
}

.risk_matrix table td {
	text-align: center;
	font-size: 12px;
	color: #000;
	background: #ccc;
	padding: 8px 3px 8px 3px;
}

.risk_matrix table td.low {
	background: #27f92b;
}

.risk_matrix table td.med {
	background: #fcc82a;
}

.risk_matrix table td.high {
	background: #f92f2f;
}

.risk_matrix table td.current_risk {
	background: #333;
	font-weight: bold;
}


.risk_matrix table td.low.current_risk {
	color: #27f92b;
}

.risk_matrix table td.med.current_risk {
	color: #fcc82a;
}

.risk_matrix table td.high.current_risk {
	color: #f92f2f;
}