/* Trucking-Guide Specific*/
img{       
	border: 0;
	}

#guide_wrapper{
width: 706px;
}

#TOC_title{
float: left;
padding: 5px;
display: inline;
width: 191px;
color: #FFF;
background-color: #336BA9;
border-right: solid;1px;
border-color: #FFF;
border-width: thin;
margin-right: 1px;
}

#TOC_nav{
float: left;
padding: 5px;
display: inline;
width: 190px;
border-right: solid;1px;
border-bottom: solid;1px;
border-color: #666;
border-width: thin;
margin-bottom: 20px;
}

#TOC_nav ul{
list-style-type: none;
margin: 0 0 0 10;
padding: 0 0 0 0;
}

#TOC_nav li{
list-style-type: none;
margin: 5px 0px 5px 0px;
line-height: 120%
}

#CH_title{
float: right;
padding: 5px;
margin: 0px;
width: 492px;
color: #FFF;
background-color: #336BA9;
}

#CH_body{
float: right;
padding: 5px;
margin: 0px;
width: 480px;
}

h1{

font-size: 22px;
line-height: 24px;
}

h6{
font-size: 12px; 
color: red; 
display: inline; 
}


h1, 
h2, 
h3, 
h4, 
h5, 
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a {
	color: #3C74B3;
	text-decoration: none;
}


a.pagenav:link{
	font-weight: bold;
	color: #ABBADA;
	font-size: 150%;
	}
a.pagenav:visited{
	font-weight: bold;
	color: #ABBADA;
	font-size: 150%;
	}
a.pagenav:hover{
	color: #3C74B3;
	font-size: 150%;
	}	
a.pagenav:active{
	font-weight: bold;
	color: #ABBADA;
	font-size: 150%;
	}

#pageID .selected {
	color: #3C74B3 !important;
}

/*  Global */

body {
	margin: 0;
	font-size: 12px;
	line-height: 14pt;
	font-family: Arial;
	text-decoration: none;
	text-align: left;
	color: #000000;
	background-color: #FFF1C9;
	behavior: url('css/csshover3.htc');
	
}



table.tableTasklist tr.taskComplete td {
	opacity: 0.3;
}


#pperTable td {
	text-align: center;
}


table.practical-index tr.practical-complete {
	display: none;
}


/* Text */

.copy {
	font-size: 12px;
	line-height: 14pt;
	font-family: Arial;
	text-decoration: none;
	text-align: left;
	color: #000000;
}

.nav_pipe{
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;	
	color: #fff;
}
.topnav_pipe{
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #888;
}
.ftrnav_pipe{
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}
.header{
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	color: #888;
}
.header_blue_large{
	font-family: Arial;
	font-weight: normal;
	font-size: 24px;
	text-decoration: none;
	color: #3C74B3;
}
.header_blue{
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	color: #3C74B3;
}
.percent{
	font-family: Arial;
	font-weight: normal;
	font-size: 32px;
	text-decoration: none;
	color: #FFBF00;
}

.blueBold { 
	color: #3c74b3;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
}

#trainingInfoHeader {
	font-size: 12px;
	font-family: Verdana;
	width: 100%;
}
#trainingInfoHeader td {
	/*padding: 5px 10px 5px 60px;*/
	padding: 5px 20px 5px 20px;
}
.moduleHeader {
	font-weight: bold;
	text-decoration: underline;
	font-size: 16px;
	margin-bottom: 14px;
}
.red { color: red; }
.green { color: green; }
.bold { font-weight: bold; }
/* Tabbed Menu */
#tabbedMenu {
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
	width: 100%;
}
.tabLeftOff {
	background-image: url('../images/tab-left-off.png'); 
	width: 145px; 
	height: 22px; 

}
.tabMiddleOff {
	background-image: url('../images/tab-middle-off.png'); 
	width: 210px; 
	height: 22px;
	background-repeat: no-repeat;
}
.tabRightOff {
	background-image: url('../images/tab-right-off.png'); 
	width: 191px; 
	height: 22px; 
	background-repeat: no-repeat;
}
.tabLeftOn {
	background-image: url('../images/tab-left-on.png'); 
	width: 145px; 
	height: 22px; 
	color:#fff;
}
.tabMiddleOn {
	background-image: url('../images/tab-middle-on.png'); 
	width: 180px; 
	height: 22px;
	background-repeat: no-repeat;
	color: #fff;
}
.tabRightOn {
	background-image: url('../images/tab-right-on.png'); 
	width: 191px; 
	height: 22px; 
	background-repeat: no-repeat;
	color: #fff;
}
.tabbedMenuHeader {
/*	background-color: #2761a4;*/
	background-color: #3C74B3;
	padding: 5px;
	font-family: Verdana;
	font-size: 10px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.alignLeft { text-align: left !important; }

.tabbedMenuItem {
	background-color: #fff;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	padding: 5px;
	border-top: 1px solid;
	border-color: #000;	
}
.tabbedMenuItemGrey {
	background-color: #e7e7e8;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	padding: 5px;
	border-top: 1px solid;
	border-color: #000;
}

.blueMenuHeader {
	background-color: #2761a4;
	padding: 5px;
	font-family: Verdana;
	font-size: 10px;
	color: #fff;
	text-align: center;
}

.greyedText {
	#color: #e7e7e8;
	color: #979798;
}

td.grey, 
tr.grey td {
	background-color: #eee;
}

.greyedBlueText {
	color: #8da4ce;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;	
}
/*Percents*/
.percentGreen {
	color: green;
	font-weight: bold;
/*	font-size: 12px;*/
}
.percentYellow {
	color:#e89224;
	font-weight: bold;
/*	font-size: 12px; */
}
.percentRed {
	color: red;
	font-weight: bold;
/*	font-size: 12px; */
}



/* Task list */
table.tableTasklist tr td.taskComment { border-top: 0; text-indent: 20px; }





/* Lists */

ul.home {
	list-style-image: url("../../images/global/bullet.gif");
	list-style-position: outside;
	padding-left: 10px;
	padding-bottom: 6px;
	font-size: 12px;
	line-height: 12pt;
	font-family: Arial;
	text-decoration: none;
	text-align: left;
	color: #535353;
}


/* Links */
a.tabbedHrefOff:link {
	font-size: 12px;
	text-decoration: none;
	color: #000;
}
a.tabbedHrefOff:visited {
	font-size: 12px;
	text-decoration: none;
	color: #000;
}

a.tabbedHrefOn:link {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}
a.tabbedHrefOn:visited {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}



/* One global A?! This overrides everything
a:link {
	font-size: 12px;
	text-decoration: none;
	color: #535353;
}
a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #4E80B4;
}
a:hover {
	font-size: 12px;
	text-decoration: none;
	color: #000;
}
a:active {
	font-size: 12px;
	text-decoration: none;
	color: #4E80B4;
}
*/
a.nav:link {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}
a.nav:visited {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}
a.nav:hover {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
a.nav:active {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}

a.nav_highlight:link {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
a.nav_highlight:visited {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
a.nav_highlight:hover {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
a.nav_highlight:active {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}

a.nav_sub:link {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
}
a.nav_sub:visited {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
}
a.nav_sub:hover {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #FFBF00;
}
a.nav_sub:active {
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
}

a.topnav:link {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #888;
}
a.topnav:visited {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #888;
}
a.topnav:hover {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
a.topnav:active {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #888;
}

a.ftrnav:link {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}
a.ftrnav:visited {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}
a.ftrnav:hover {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}
a.ftrnav:active {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}

a.quick:link {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
a.quick:visited {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
a.quick:hover {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #888;
}
a.quick:active {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}

/* Tables */

td.left_margin {
	background-image: url('../images/global/left.gif');
	background-repeat: repeat-y;
}

td.right_margin {
	background-image: url('../images/global/right.gif');
	background-repeat: repeat-y;
}

td.vr {
	background-image: url('../images/global/vr.gif');
	background-repeat: repeat-y;
}

td.bottom_margin {
	background-image: url('../images/global/bottom.gif');
	background-repeat: repeat-x;
}

td.Y {
	background-image: url('../images/nav/Y.gif');
	background-repeat: repeat-x;
}

td.B1 {
	background-image: url('../images/nav/1.gif');
}
td.B2 {
	background-image: url('../images/nav/2.gif');
}
td.B3 {
	background-image: url('../images/nav/3.gif');
}
td.B4 {
	background-image: url('../images/nav/4.gif');
}
td.B5 {
	background-image: url('../images/nav/5.gif');
}
td.B6 {
	background-image: url('../images/nav/6.gif');
}

td.YY {
	background-image: url('../images/nav/YY.gif');
}

td.BB1 {
	background-image: url('../images/nav/1BB.gif');
}
td.BY1 {
	background-image: url('../images/nav/1BY.gif');
}
td.YB1 {
	background-image: url('../images/nav/1YB.gif');
}

td.BB2 {
	background-image: url('../images/nav/2BB.gif');
}
td.BY2 {
	background-image: url('../images/nav/2BY.gif');
}
td.YB2 {
	background-image: url('../images/nav/2YB.gif');
}

td.BB3 {
	background-image: url('../images/nav/3BB.gif');
}
td.BY3 {
	background-image: url('../images/nav/3BY.gif');
}
td.YB3 {
	background-image: url('../images/nav/3YB.gif');
}

td.BB4 {
	background-image: url('../images/nav/4BB.gif');
}
td.BY4 {
	background-image: url('../images/nav/4BY.gif');
}
td.YB4 {
	background-image: url('../images/nav/4YB.gif');
}

td.BB5 {
	background-image: url('../images/nav/5BB.gif');
}
td.YB5 {
	background-image: url('../images/nav/5YB.gif');
}

table.sub_1 {
	background-image: url('../images/nav/1SUB.gif');
	background-repeat: no-repeat;
}
table.sub_2 {
	background-image: url('../images/nav/2SUB.gif');
	background-repeat: no-repeat
}
table.sub_3 {
	background-image: url('../images/nav/3SUB.gif');
	background-repeat: no-repeat
}
table.sub_4 {
	background-image: url('../images/nav/4SUB.gif');
	background-repeat: no-repeat
}
table.sub_5 {
	background-image: url('../images/nav/5SUB.gif');
	background-repeat: no-repeat
}



td.BB2_blank {
	background-image: url('../images/nav/2BB_blank.gif');
}
td.BB3_blank {
	background-image: url('../images/nav/3BB_blank.gif');
}
td.BB4_blank {
	background-image: url('../images/nav/4BB_blank.gif');
}






/* Tests */
/*
table#testTable tr td { 
	vertical-align: top;
	padding: 15px 5px;
	margin: 5px;
}
*/

/*Class colors*/
.blue { color: #3C74B3; }

input.inspectionInput { width: 40px; }

.hide { display: none; }

.smallText { font-size: 10px; font-family: Verdana; color: #000; text-decoration: none; }
a.smallText:hover { text-decoration: underline; }

table #trainingTestTable { width: 100%; margin: 10px 0px 0px 10px; }
table #trainingTestTable tr td { vertical-align: top; width: 45%; padding-bottom: 20px; }
table #trainingTestTable tr td.posIndicator { width: 4%; text-align:right; padding-right: 10px; }

/*Old Inspections table*/
div#inspections table#inspectTable { float: left; width: 25%; }
div#inspections table#inspectTable tr td:first-child { text-align: left; }
div#observations { clear: both; padding-top: 10px; }



div#inspections { text-align: center; clear: both; margin-left:3px;}

table.inspections { 
	width: 98%; 
	margin-bottom: 20px; 
	border: 1px solid #000;
}
table.inspections tr td { border-left: 1px solid #000; padding: 2px 5px; }
table.inspections tr.title td { background-color: #3C74B3; color:#fff; border-left: 0; text-align: left; font-weight: bold; }
table.inspections tr.qhead td { text-align: center; color: #555; font-weight: bold; }

table.inspections tr td.leftcol { font-weight: bold; border-left: 0; color: #555; }
table.inspections tr.zebra td { background-color: #eee; }





div.tableTasklist table.tablesorter tbody td, 
div.taskList table.tablesorter tbody td { 
	padding: 0 !important; text-align: center; 


}


/* userview */
table.bluetop { 
	
}

table.bluetop tr.title td { background-color: #3C74B3; padding:2px 15px; color: #fff; font-weight: bold; }
table.bluetop tr.title td a { color: #fff; font-weight: bold; }
table.bluetop tr td { width: auto; background-color: #eee; border-right:1px solid #000; border-bottom: 1px solid #000; padding:5px 15px; }
table.bluetop tr td.leftcol { font-family: Verdana; font-size: 10px; width: auto; background-color: #fff; color: #555; font-weight: bold; border: 1px solid #000; border-top: 0;}
table.bluetop tr td.first { border-left: 1px solid #000; }
table.bluetop tr td.last { border-right: 1px solid #000; }


/* 48 58 */

table.bluelist { border-bottom: 1px solid #000; border-top: 0; }
table.bluelist tr td.first { border-left: 1px solid #000; }
table.bluelist tr td.last { border-right: 1px solid #000; }


table.floatLeft { float: left; width: 24%; margin-right: 5px; _margin-right: 3px; *margin-right:2px; }
table.floatMid { float: left; width: 24%; margin-right: 5px; _margin-right: 3px; *margin-right:2px; }
table.floatRight { float: left; width: 24%;  }



/*Global secondary*/
table tr.secondary td { background-color: #eee; }




/* Goal manager */
#goalman_container { 
	width: 100%;
	min-height: 300px;
/*	border: 1px solid #aaa;*/
	padding: 0;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #000;
}
#goalman_container p { padding-left: 10px; }
#goalman_container textarea { 
	width: 99%;
	height: 150px;
}
#goalman_container .goalman_header {
	/*background-color: #3C74B3;*/
	margin:0;
	padding:0;
	width:100%;
	
}
#goalman_container .goalman_header h3 { color: #fff; padding:3px; margin: 0 !important; padding-left: 8px; }
#goalman_container table.goalman_existing { width: 100%;  }
#goalman_container table.goalman_existing th {  }

#goalman_container table.goalman_existing td { border-top: 1px solid #000; }
#goalman_container table.goalman_item_toolbar { height: 16px; width: 100%; }
#goalman_container table.goalman_item_toolbar td { border: 0 !important; text-align:center; padding-left: 10%; }


	div.exceptionComments { 
		width: 500px; 
		/*height: 200px;*/
		height: auto;
		display: none;
		border: 2px solid #fff;
		position: absolute;
		z-index: 2;
		background-color: #000;
	}
	div.exceptionComments div.border { width: 100%; height: 100%;  }

	div.exceptionComments div.title { text-align: left; font-weight: bold; margin: 0; clear: both; width: 490px; background-color: #3C74B3; height: 30px; color: #fff; padding-left: 10px; padding-top: 5px; }
	div.exceptionComments div.title img.btn_close { position: relative; top: 4px;  }
	div.exceptionComments  textarea { 
		width: 498px;  /* -2px for l/r border */
		height: 150px; 
		margin:0; 
		padding:0; 
	}
	div.exceptionComments input.saveButton { float: right;margin:1%; }
	




/* Priority colors */

.priority_class_1 { 
	background-color: #DD0000;
	color: #fff; 
	font-weight: bold; 
}
.priority_class_2 { 
	background-color: orange; 
	font-weight: bold; 
}
.priority_class_3 { 
	background-color: yellow; 
	font-weight: bold; 
}
.priority_class_4 { 
/*	background-color: green; */
	font-weight: bold; 
}
.priority_class_5 { font-weight: bold; }






/* Pages / Resource center */
.big-pdf {
	background-image: url('../images/pdf_icon_small.png'); 
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 44px;
	display: block;
	margin: 15px;
	height: 32px;
	padding-top: 10px;
}


.pdf {
	background-image: url('../images/pdf_icon_tiny.png'); 
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 22px;
	display: block;
	
	height: 22px;
	
}


#pages-toc {
	width: 25%; 
	border-right: 1px solid #9a9a9a;
}
#pages-toc ul.toc {
	margin: 0;
	padding: 0 10px;
	list-style-type: none;
	list-style-position: outside;	
}
#pages-toc ul.toc li { 
	padding: 6px 0;

}

#pages-toc a, 
ul.toc li {
	color: #333; 
	text-decoration: none;
}
#pages-toc ul.toc li a:hover, 
#pages-toc ul.toc li a.selected { 
	color: #4E80B4 !important;
}

#pages-toc .toc-title { 
	background-color: #333333; 
	color: #fff; 
	padding: 2px 10px; 
	font-weight: bold; 
}

	/* Pages column positioning */
	#pages-body-container {
		width: 100%;
		float: left;
		clear: left;
		overflow: hidden;
	}
	#pages-toc-container {
		width: 100%;
		float: left;
		clear: left; 
		position: relative; 
		right: 80%;
	}
	
	#pages-body {
		float: left;
		width: 68%;
		position: relative; 
		left: 85%; 
		overflow: hidden;
	}
	#pages-toc {
		float: left;
		width: 25%;
		position: relative;
		left: 81%; 
		overflow: hidden;
	}
	
	/* Hide the TOC on single-column-layout in parent */
	.single-column-layout #pages-toc {
		display: none;
	}
	.single-column-layout #pages-body {
		left: 81% !important;
		width: 98% !important;
	}

.pages-content-overview .last {
	border-bottom: 0 !important;
}
.pages-content-overview-item {
	border-bottom: 1px solid #9a9a9a;
	color: #333;
	padding-bottom: 12px;
}
.pages-content-overview-item h2 {
	margin-bottom: 0;
}
.pages-content-overview-item p {
	color: #333; 
	margin-top: 0;
	font-style: italic;
}

.pages-content-overview :last-child { 
	border: 0 !important;
}

#pages-content {
margin: 0 15px;
}

.blockHeader {
background-image:url(../../images/navbg-gradient.gif);
background-position:25% 50%;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:120%;
padding:5px 0 5px 8px;
}


/* End resource center */


table#qrm-table {
        font-size:11px;
        background-color:#EEE;
       	border-color: #000; 
       	border-width: 0 1px 0 1px;
}
table#qrm-table thead th {
       	border-style: solid;
       	border-color: #000; 
       	border-width: 1px 0 1px 0;
       	color: #FFF; 
       	background-color: #3C74B3;
}

table#qrm-table td {
        padding:3px;
        white-space:nowrap;
       	border-style: solid;
       	border-color: #000; 
       	border-width: 0 0 1px 0;
}
table#qrm-table tr {
        height:20px;
        border:.5pt solid #666;
        background-color:#EEE;
}
table#qrm-table .offColor {
        background-color:#FFF;
}
table#qrm-table .header { 
        text-align:center;
        background-color:#FFF;
        color:white;
        font-weight: bold;
}
table#qrm-table tr.header {
        border:0pt;
}



/* Drupal style tabs */
a.tab {
	background-color:#DDDDDD;
	border-color:#BBBBBB;
	border-style:solid solid none;
	border-width:1px;
	height:auto;
	margin-right:0.5em;
	padding:2px 2em;
	text-decoration:none;
	color: #666;
}
a.tab:hover {
	background-color:#EEEEEE;
	border-color:#CCCCCC #CCCCCC #EEEEEE;
	color:#3C74B3;
}