/*	...........................

	courierboard
	date: sept 12, 07
	oxidev interactive
	version: 1.0

........................... */



/* ------------------------------------------------------ page style -------------------------------*/

*
{
	margin: 0px;
	padding: 0px;
}

html
{
	background: #fff url(../images/driver_main_bg_new.png) repeat-x top left;
}

body
{
	width: 779px;
	margin: 40px auto;
	font-size: 62.5%;
	background: url(../images/body_middle_13.gif) repeat-y center top;
	font-family: tahoma, arial, helvetica, verdana, sans-serif;
}

a
{
	text-decoration: none;
	color: #ff8324;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border: none;
}

p
{
	font-size: 1.1em;
	line-height: 1.4em;
	color: #676767;
}

h1
{
	font-size: 2.3em;
	font-weight: normal;
	color: #0066c5;
}

h2
{
	font-size: 1.8em;
	font-weight: normal;
}

h3
{
	font-size: 1.4em;
	font-weight: normal;
	color: #327ec3;
	margin: 10px 0px 5px 0px;
}

/* ------------------------------------------------------ container -------------------------------*/
#container
{
	width: 779px;
	height: auto;
	margin: 0px auto;
	background: url(../images/driver_main_middle.gif) no-repeat top;
}

/* ------------------------------------------------------ header -------------------------------*/

.employer_looking_for_drivers{
	width:180px;
	height:50px;
	top:0px;
	position:absolute;
	margin-left:600px;
}

#header
{
	width: 100%;
	height: 97px;
}

#header img#logo
{
	float: left;
	margin: 10px 0px 0px 12px;
	display: inline;
}

#mainNav
{
	width: 569px;
	margin: 40px 0px 0px 0px;
	float: left;
	display: inline;
}

#mainNav ul
{
	width: 100%;
}

#mainNav ul li
{
	list-style: none;
	float: right;
	margin-left: 35px;
	display: inline;
}

/* ------------------------------------------------------ mainPanels ------------------------------------------------------  */

#mainPanels
{
	margin-top: 8px;
	height: 116px;
}

#buttonHolder
{
	width: 773px;
	margin: 0px auto;
}

#buttonHolder td
{
	padding: 4px;
}

#buttonHolder td img
{
	margin-bottom: 4px;
}

/* ------------------------------------------------------ body -------------------------------*/

#mainBody
{
	clear: both;
	width: 757px;
	/*width: 100%-20px;*/
	min-height: 400px; /* <----------------------------------------------------------------------for placement only. can take out when content is in. */
	padding: 40px 0px;
}

#mainMsg
{
	/*padding: 0px 30px 0px 12px;*/
	width: 560px;
	height: 108px;
	float: left;
	display: inline;
	margin-left: 14px;
}

#mainMsg h1
{
	font-size: 1.6em;
	color: #0163a1;
	padding-bottom: 10px;
}

#mainMsg p
{
	font: 1.3em verdana, tahoma, sans-serif;
	color: #6c6c6c;
	line-height: 1.4em;
}

#mainMsg .learnMoreBtn
{
	background: url(../images/green_arrow.gif) no-repeat 0px 5px;
	padding-left: 9px;
	font: bold .9em arial, helvetica, sans-serif;
	color: #0163a1;
	padding-left: 10px;
}

#mainMsg .learnMoreBtn:hover
{
	color: #008fea;
	text-decoration: none;
}

#whatsNew
{
	width: 178px;
	height: 108px;
	float: right;
}

#whatsNew h2
{
	color: #0058ab;
	font: 1.9em verdana, arial, sans-serif;
	width: 140px;
}

#whatsNew #viewMore
{
	padding: 0px 5px 0px 10px;
	float: right;
	background: url(../images/orange_double_arrow_small.gif) no-repeat left;
	margin-top: 10px;
	display: inline;
	color: #7a7a7a;
}

#whatsNew ol
{
	clear: right;
	width: 100%;
}

#whatsNew ol li
{
	padding: 13px 5px 0px 3px;
	list-style: none;
	font-size: 1em;
	color: #606c74;
	line-height: 1.2em;
}

#whatsNew ol li span.date
{
	color: #ff8324;
	font-weight: bold;
}

#whatsNew ol li a
{
	color: #5c90bf;
}

#mainPromo
{
	clear: left;
	width: 100%;
	/*width: 745px;*/
	height: 245px;
	padding-top: 20px;
	margin-left: 14px;
}

#mainPromo .mainPromoItem
{
	float: left;
	text-align: center;
	/*padding: 0px 12px 0px 12px;*/
	width: 178px;
	height: 260px;
	background: url(../images/gray_box_bg.gif) no-repeat top;
	margin: 0px 5px;
	display: inline;
}

.mainPromoItem img
{

	border: 1px solid #b4b4b4;
}

#mainPromo .mainPromoItem h3
{
	height: 44px;
	/*padding: 0px 0px 16px 0px;*/
	color: #0163a1;
	font: bold 1.2em tahoma, arial, sans-serif;
	text-align: center;
}

#mainPromo .mainPromoItem .mainPromoText
{
	margin: 13px 0px 5px 0px;
	width: 100%;
	height: 52px;
}

#mainPromo .mainPromoItem p
{
	height: 55px;
	text-align: center;
	color: #5a5a5a;
}

#mainPromo .mainPromoItem a.learnMoreBtn
{
	display: block;
	margin: 0px auto;
	text-align: center;
	padding: 4px 0px 0px 0px;
	width: 132px;
	height: 17px;
	background: url(../images/btn_bg2.gif) no-repeat left;
	color: #2a79bc;
	font-weight: bold;
}

#mainPromo .mainPromoItem a.learnMoreBtn:hover
{
	text-decoration: none;
	color: #008fea;
}

/* -------------------------------------------------------- table tab styles ---------------------------- */
.tableTabs
{
	clear: left;
	width: 759px;
	height: 37px;
	border-bottom: 3px solid #f6740a;
}

.tableTabs ul.tableTabItems li
{
	list-style: none;
	float: left;
	text-align: center;
}

.tableTabs ul.tableTabItems li a
{
	padding-top: 5px;
	float: left;
	width: 152px;
	height: 32px;
	font-size: 1.1em;
	font-family: tahoma, verdana, sans-serif;
	font-weight: bold;
	background: url(../images/tab_bg_11.gif) no-repeat bottom;
	color: #5f5e5e;
	margin-right: 4px;
}

.tableTabs ul.tableTabItems li a.singleLineTab
{
	line-height: 25px; /*vertical align text */
	float: left;
	width: 152px;
	height: 32px;
	font-size: 1.1em;
	font-family: tahoma, verdana, sans-serif;
	font-weight: bold;
	background: url(../images/tab_bg_11.gif) no-repeat bottom;
	color: #5f5e5e;
	margin-right: 4px;
}

.tableTabs ul.tableTabItems li a:hover
{
	color: #979797;
	text-decoration: none;

}

.tableTabs ul.tableTabItems li a:active, #mainBody .tableTabs ul.tableTabItems li a:focus
{
	background: url(../images/tab_bg_07.gif) no-repeat bottom;
	color: #fff;
}

.tableTabs ul.tableTabItems li.greenTab a
{
	padding-top: 5px;
	margin-right: 0px;
	width: 135px;
	height: 32px;
	background: url(../images/tab_bg_14.gif) no-repeat bottom;
	float: left;
	color: #0e7800;
}

.tableTabs ul.tableTabItems li.greenTab a:active, #mainBody .tableTabs ul.tableTabItems li.greenTab a:focus
{
	background: url(../images/tab_bg_14.gif) no-repeat bottom;
}

/* ----------------------------------------------------------------------- table style ----------*/

.generalTable
{
	padding-top: 11px;
	width: 100%;
	text-align: center;
	background: url(../images/table_gradient.gif) repeat-x top left;
}

table.generalTable tr th
{
	font: bold 1.2em tahoma, verdana, sans-serif;
	color: #2284dc;
	height: 36px;
	vertical-align: middle;
}

table.generalTable tr td
{
	font:  1.2em tahoma, verdana, sans-serif;
	color: #5a5a5a;
	height: 36px;
	vertical-align: middle;
}

table.generalTable tr th.lastTableCell, table.generalTable tr td.lastTableCell
{
	border-right: none;
}

table.generalTable tr th, table.generalTable tr td
{
	border-right: 1px solid #dedede;
}

table.generalTable tr.altRow
{
	background-color: #f1f9ff;
}

ul.listOfPages
{
	font-size: 1.2em;
	width: 300px;
	height: 20px;
	margin: 25px auto 0px auto;
}

ul.listOfPages li
{
	list-style: none;
	float: left;
	padding: 4px 6px;
	margin: 0px 2px;
	
}


ul.listOfPages li.pageNumber
{
	border: 1px solid #cccccc;
}

ul.listOfPages li.selectedPage
{
	background-color: #1b72cc;
	color: #fff;
	border: 1px solid #1b72cc;
}

ul.listOfPages li.pageNumber a
{
	color: #5a5a5a;
}



/* ------------------------------------------------------ footer -------------------------------*/

#footer
{
	padding-top: 30px;
	font-size:10px;
	clear: both;
	width: 100%;
	height: 72px;
	background: url(../images/footer_bg.gif) no-repeat bottom;
}

#footer ul#footerItems
{
	padding-top: 13px;
	margin-left: 28px;
}

#footer ul#footerItems li span
{
	color: #777777;
}

#footer ul#footerItems li
{
	float: left;
	list-style: none;
}

#footer ul#footerItems li a
{
	color: #4d4d4d;
	padding: 0px 8px;
}

#footer ul#footerItems li a:hover
{
	color: #009b21;
	text-decoration: none;
}

#footer a#designCredit
{
	margin-top: 20px;
	margin-right: 20px;
	float: right;
	color: #666;
}

/*---------------------------------------------------------------------------------- sifr ------*/


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	/*letter-spacing: -9px;
	font-size: 55px;*/
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/
/*---------------------------------------------------------------------------------- end of sifr ------*/

/*-------------------------------------------------- form, list & table styles ------------------ */
table.generalForm
{
	width: 75%;
	margin: 10px auto;
}

table.generalForm tr
{
	width: 100%;
	height: 25px;
}

table.generalForm tr.highlightRow
{
	background-color: #f1f9ff;
}

table.generalForm tr td input
{
	border: 1px solid #ccc;
}



table.generalForm tr th
{
	font: bold 1.1em verdana, arial, tahoma, sans-serif;
	color: #4c4c4c;
	text-align: left;
}

table.generalForm tr td
{
	font: normal 1.1em verdana, arial, tahoma, sans-serif;
	color: #4c4c4c;
	text-align: left;
}

table.generalForm tr td textarea
{
	width: 100%;
	border: 1px solid #ccc;
	background-color: #ecf8ff;
}

ul.generalUnorderedList
{
	margin: 15px 0px 15px 15px;
}

ul.generalUnorderedList li
{
	list-style: none;
	background: url(../images/blue_square.gif) no-repeat 0px 4px;
	padding-left: 13px;
	font-size: 1.1em;
	color: #676767;
	margin-left: 15px;
	margin-bottom: 5px;
}
/*-------------------------------------------------- end of form, list & table styles ------------------ */












.generalBtn
{
	margin: 10px 20px;
	display: block;
	float: right;
	background-color: #fff;
	color: #f86e07;
	font-size: 1em;
	padding: 2px 5px;
	border: 0px;
}

.alignLeft
{
	margin: 10px 20px;
	display: block;
	float: left;
}

span.boldType
{
	font-weight: bold;
}



/*--------------------------------------------------HOME CONTENT CENTER AREA------------------------------------------------------------- */

/*ADDED BY CHRIS VP 06/17/10*/



/* GLOBAL STYLE ATRIBUTES */

		
	.content_home_wrapper{
	width:777px;
	height:auto;
	margin:0px;
	padding:0px; 
	}
	
/*HEADER/TITLE SECTION*/	
	.content_home_title{
	width:776px;
	height:93px;
	margin:-18px 0 0 2px;
	padding:0px; 
	background:url(../images/title_home_bg.png) no-repeat top;
	}

	.content_home_subtitle{
	width:777px;
	height:auto;
	margin:9px 0 0 2px;
	padding:0px; 
	background:#F8F8F8;
	}
	
	.content_home_subtitle img{
	float: left;
	}
	
	
/*CONTENT SECTION*/
	
	.content_home_content{
	width:777px;
	height:auto;
	margin:100px auto 0 auto;
	padding:0px; 
	}
	
	.content_home_content_left_bar{
	width:184px;
	margin: 37px 0 0 6px;
	padding: 37px 0 0 0;
	float: left;
	background: url(../images/bar_top_left_home.jpg) no-repeat top left #FFF;
	}
	
	.content_home_content_left{
	width:182px;
	margin:0;
	padding:0px;
	border: 1px solid #dadada;
	font-family:Tahoma, Arial;
	}
	
	.content_home_content_mid{
	width:425px;
	min-height:485px;
	margin-left: 177px;
	position: absolute;
	background: url(../images/bar_top_mid_home.jpg) no-repeat top center;
	font-family:Tahoma, Arial;
	}
	
	
	.content_home_content_info{
	margin:37px 0 0 0;
	}
	
	
	.row_1_home {
	width: 425px;
	height: 35px;
	padding-left:20px;
	background: #d6edff;
	border: none;
	border-collapse: collapse;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	color: #5a5a5a;
	font-size:12px;
	}
	
	.row_1_home_cell1{
	font-weight:bold;
	text-align:left;
	}
	
	.row_2_home_cell2{
	font-weight:bold;
	text-align:left;
	}
	
	.row_1_home_end {
	width: 30px;
	height: 35px;
	padding:0 20px 0 0;
	background: #d6edff;
	border: none;
	border-collapse: collapse;
	}
	.row_1_home a{
	color:#5a5a5a;
	text-decoration: none;
	font-size:12px;
	}
	
	tr.row_1_home_tr{
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	}
	
	tr.row_2_home_tr{
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	}
	
	.row_2_home {
	width: 425px;
	height:35px;
	padding-left:20px;
	background: #FFFFFF;
	border: none;
	border-collapse: collapse;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	color:#5a5a5a;
	font-size:12px;
	}
	
	.row_2_home_end {
	width: 30px;
	height:35px;
	padding:0 20px 0 0;
	background: #FFFFFF;
	border: none;
	border-collapse: collapse;
	}
	
	.row_2_home a{
	color:#5a5a5a;
	text-decoration: none;
	font-size:12px;
	}
	
	
	.content_home_learnmore{
	width: 161px;
	height: 212px;
	margin: 10px;
	background: url(../images/img_container_grey_home.jpg) no-repeat top center;
	}
	
	.content_home_learnmore p{	
	font-family: Tahoma, Arial;
	font-weight: bold;
	font-size: 10px;
	color: #126da6; 
	text-align: center;
	margin:5px 3px;
	padding: 0px;
	}
	
	.driver_pic{
	width: 132px;
	height: 142px;
	margin: 10px 14px 0 15px;
	}
	
	.learnmore_btn{
	width: 108px;
	height: 17px;
	margin: -2px 0 4px 25px;
	}
	
	.content_home_content_right_bar{
	width:184px;
	margin: 37px 4px 0 0;
	padding: 37px 0 0 0;
	float: right;
	background: url(../images/bar_top_right_home.jpg) no-repeat top right #FFF;
	}
	
	.content_home_content_right{
	width:182px;
	margin:0;
	padding:0px;
	border: 1px solid #dadada;
	font-family:Tahoma, Arial;
	}