/*	
	courierboard driver
	date: sept 11, 07
	oxidev interactive
*/



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

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

html
{
	/*background: #fff url(../images/sec_driver_01.gif) repeat-x top;*/
	background: #fff url(../images/driver_main_bg.gif) repeat-x top;
}

body
{
	width: 779px;
	margin: 0px 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: 23px;
	font-weight: normal;
	color: #0066c5;
	font-family: tahoma, arial, helvetica, verdana, sans-serif;
}

h2
{
	font-size: 18px;
	font-weight: normal;
}

h3
{
	font-size: 14px;
	font-weight: normal;
	color: #327ec3;
	margin: 10px 0px 5px 0px;
	font-family: tahoma, arial, helvetica, verdana, sans-serif;
}

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

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

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

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

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

#mainBodySectional
{
	width: 100%;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	padding-top: 29px;
}

#leftColumn
{
	width: 170px;
	background: #f1f1f1 url(../images/sec_11.gif) no-repeat top;
	float: left;
	margin-left: 9px;
	display: inline;
	padding-top: 5px;
}

#sideNav ul li
{
	list-style: none;
	font-size: 1.2em;
	font-weight: bold;
	/*background: url(../images/driver_sidenav_edge.gif) repeat-x bottom;*/
	display: inline;
}

/*#sideNav ul li a
{
	display: block;
	background: url(../images/nav1_bg.gif) no-repeat top;
	color: #0261a7;
	padding: 13px 0px 15px 18px;
}*/

#sideNav ul li a
{
	display: block;
	background: url(../images/green_arrow3.gif) no-repeat 10px 18px;
	color: #0261a7;
	padding: 13px 0px 15px 18px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d8e0e9;
}

#sideNav ul li a:hover
{
	color: #007ae3;
	background: #fafafa url(../images/green_arrow3.gif) no-repeat 10px 18px;
	text-decoration: none;
}

#sideNav ul li:first-child a
{
    border-top: none;
}

/* level 2 */
#sideNav li li
{
	padding: 0px;
	background: none;
}

#sideNav li li a
{	
	display: block;
	border: none;
	padding: 0px;
	background: #f9f9f9 url(../images/gray_arrow.gif) no-repeat 20px 10px;
	font-size: .7em;
	font-weight: normal;
	color: #00a023;
	padding: 6px 0px 6px 29px;
}

#sideNav li li a:hover
{
	color: #006717;
	background: #e5e5e5 url(../images/gray_arrow.gif) no-repeat 20px 10px;
}



#sideNav ul#subNavItems li a:hover
{
	color: #184469;
}

#promoHolder
{
	padding-left: 7px;
	padding-top: 15px;
	
}

#promoHolder a img
{
	padding: 1px 0px;
}

#bottomEdge
{
	width: 170px;
	height: 10px;
	background: url(../images/nav_bottom_edge.gif) no-repeat bottom;
}

#rightColumn
{
	width: 583px;
	background: #fff url(../images/sec_08.jpg) no-repeat top;
	float: left;
	margin-left: 8px;
	display: inline;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#rightColumnExt
{
	width: 761px;
	background: #fff url(../images/sec_bg_long.gif) no-repeat top;
	float: left;
	margin-left: 8px;
	display: inline;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#cmsContent
{
	width: 90%;
	margin: 0px auto;
	padding-top: 20px;
}

#cmsContent p
{
    font-size: 1.2em;
    line-height: 1.6em;
    margin-bottom: 1.3em;
    color: #333;
    font-family: arial, tahoma, helvetica, lucida, "lucida grande", Sans-Serif;
}

#cmsContent p b
{
    color: #009b21;
}

#cmsContent p span.bold
{
    font-weight: bold;
    color: #006616;
}

#cmsContent h1
{
    margin-bottom: .7em;
}

#cmsContent h2
{
    color: #0277e4;
    margin-bottom: .4em;
}

.txtCenter
{
    text-align: center;
}

#cmsContent ul
{
	margin: 15px 0px 15px 15px;
}

#cmsContent ul li
{
	list-style: none;
	background: url(../images/orange_arrow.gif) no-repeat 0px 7px;
	padding-left: 13px;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333333;
	margin-left: 15px;
	margin-bottom: 7px;
}

#cmsContent ol
{
	margin: 15px 0px 15px 15px;
}

#cmsContent ol li
{
	/*list-style: none;
	background: url(../images/orange_arrow.gif) no-repeat 0px 5px;*/
	padding-left: 13px;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333333;
	margin-left: 15px;
	margin-bottom: 7px;
}

#cmsContent em
{
    color: Red;
    margin-bottom: 10px;
}

#cmsContent table.basicTable
{
    margin: 15px 0px;
    border-collapse: collapse;
}

#required
{
    font-size: 1.1em;
    font-weight: bold;
    margin: 6px 0px 10px 0px;
    color: #ef870b !important;
    /*color: #009b21 !important;*/
}

#cmsContent table.basicTable th,
#cmsContent table.basicTable td
{
    font-size: 1.2em;
    color: #333;
    padding: 7px 10px;
    border: 1px solid #ccc;
    text-align: left;
}

#cmsContent table.basicTable th
{
    font-size: 1.4em;
    background-color: #f8f8f8;
}

#cmsContent .emBox
{
    background-color: #effef2;
    padding: 15px;
    border: 1px solid #a3b6a7;
    margin-bottom: 15px;
}

#cmsContent .emBox p
{
    font-size: 1.2em;
    font-family: lucida, "lucida grand", Arial, Helvetica, Sans-Serif;
    line-height: 1.4em;
    margin-bottom: .7em;
    font-weight: bold;
    color: #46644c;
}

#cmsContent .emBox p small
{
    color: #1798d6;
    line-height: 1.3em;
}

span.alertMsg
{
    font-weight: bold;
    color: #ff8324;
}


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

#footer
{
	padding-top: 30px;
	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: #00a023;
	text-decoration: underline;
}

#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 ------*/

































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

/* styles from original courierboard site */

/*-------------------------------------------------- form, list & table styles ------------------ */
table.generalForm table tr td
{
	border:none;
	margin:0px;
	padding:0px;
}

table.generalForm
{
	width: 75%;
	/*margin: 10px auto;*/
	margin: 10px 0px;
}

table.generalForm tr td a
{
	color: #2284dc;
}

table.generalForm tr td a:hover
{
	text-decoration: underline;
}

table.generalForm.invoice
{
	width: 600px;
	margin: 10px 0px 25px 0px;
}

table.generalFormInvoice
{
	width: 600px;
	margin: 10px 0px 25px 0px;
}

table.generalForm.searchPopUp
{
	width: 100%;
}

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

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

table.generalForm tr.divider
{
	background-color: #e5e5e5;
	height: 5px;
}

table.generalForm tr.divider td
{
	border: none;
}

table.generalForm tr td input
{
	font-size: 11px;
	color: #666;
	padding: 0px 3px;
}

table.generalForm tr td select
{
	font-size: 1em;
	color: #666;
	height: 20px;
	border: 1px solid #666;
}

table.generalForm tr td input[type="text"],table.generalForm tr td input[type="password"]
{
	width: 160px;
	border: 1px solid #666;
	/*font-size: .8em;*/
	color: #4d4d4d;
	height: 17px;
	padding-top: 3px;
}

table.generalForm tr th
{
	font: bold 1.3em verdana, arial, tahoma, sans-serif;
	color: #fff;
	text-align: left;
	background-color: #3395db;
	border-top: 1px dotted #e1e1e1;
	padding: 2px 10px 3px 10px;
	/*padding-left: 10px;*/
}

table.generalForm tr td
{
	font: normal 1.1em verdana, arial, tahoma, sans-serif;
	color: #4c4c4c;
	text-align: left;
	padding: 5px 10px;
	/*padding-left: 10px;*/
	border-top: 1px dotted #e1e1e1;
}

table.generalForm tr td a
{
	
}

table.generalForm tr td textarea
{
	width: 95%;
	border: 1px solid #ccc;
	padding: 3px 3px;
	color: #666;

}

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 ------------------ */

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

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

.generalTableForInvoice
{
	width: 700px;
}

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

table.generalTable tr th a
{
	color: #2284dc;
}

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

table.generalTable tr td a
{
	color: #2284dc;
}

table.generalTableAlignTop tr td
{
	vertical-align: top;
	padding: 6px 0px 3px 0px;
}

table.generalTable tr td a pre
{
	font-family: tahoma, helvetica, sans-serif;
}

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;*/
	border-right: 1px solid #b3b3b3;
}

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

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

ul.listOfPages li
{
	list-style: none;
	display: inline;
	/*float: left;*/
	padding: 4px 6px !important;
	margin: 0px 2px !important;
	background-image: none !important;
}

ul.listOfPages li a
{
	color: #2284dc !important;
}

ul.listOfPages li a:hover
{
	text-decoration: underline;
}

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

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

ul.listOfPages li.selectedPage a
{
	color: #fff !important;
	font-weight: bold;
}

ul.listOfPages li.pageNumber a
{
	color: #1b72cc;
}

ul.listOfPages li a#ctl00_ContentPlaceHolder1_Pager1_lnkNext,
ul.listOfPages li a#ctl00_ContentPlaceHolder1_Pager1_lnkPr
{
	font-weight: bold;
}

ul.listOfPages li.numOfResultPages
{
	color: #666;
}

ul.listOfPages li.numOfResultPages span
{
	color: #ff9904;
}

/*Modal Popup*/

.modalBackground {
	background-color:#CCCCFF;
	filter:alpha(opacity=40);
	opacity:0.5;
}

table.modalPopup
{
	width: 75%;
	margin: 10px auto;
	background-color:#FFFFFF;
	border:0px;
}

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

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

table.modalPopup tr td.titleText
{
	
}

table.modalPopup tr td input
{
	/*
	border: 1px solid #ccc;
	height:18px;
	font: 1.1em verdana, arial, tahoma, sans-serif;
	*/
}

table.modalPopup tr td input[type=text]
{

}

table.modalPopup tr td select
{
	border: 1px solid #aaa;
	height: 20px;
	font: 1.1em verdana, arial, tahoma, sans-serif;
}

table.modalPopup tr th
{
	font: bold 1.4em arial, "lucidea grande", tahoma, helvetica, sans-serif;
	color: #2284dc;
	text-align: left;
	white-space: nowrap;
	border-bottom: 2px solid #4191d9;

	/*font: bold 1.1em verdana, arial, tahoma, sans-serif;
	color: #4c4c4c;
	text-align: left;
	white-space:nowrap;*/
}

table.modalPopup tr td,table.modalPopup tr td label
{
	font: normal 1.1em verdana, arial, tahoma, sans-serif;
	color: #4c4c4c;
	text-align: left;
	white-space:nowrap;
	padding-right: 3px;
}

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

/* ................ end of modalpopup ................ */


table.CalendarStyle tr td
{
	text-align:center;
}



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


/* HoverPanel */

.HoverPanel
{
	background-color: #fff1cb;
	border-right: #ff9933 thin solid;
	border-top: #ff9933 thin solid;
	vertical-align: top;
	border-left: #ff9933 thin solid;
	border-bottom: #ff9933 thin solid;
	text-align: left;
}

/* Accordion */
.Accordion
{
	min-height:220px;
}

.AccordionHeader
{
	padding-top: 11px;
	padding: 5px;
    margin-top: 5px;
	width: 730px;
	text-align: left;
	background-color: navajowhite;
	color: #2284dc;
	height: 20px;
	vertical-align: middle;
	cursor: pointer;
	font-size: 1.2em;
	line-height: normal;

	font-style: normal;
	font-family: tahoma, verdana, sans-serif;
	font-variant: normal;
}


.AccordionHeader a:hover
{
	background: #ff6600;
}

.AccordionContent
{
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.radiobtn input, .checkbox input
{
	margin-right: 10px;
	margin-left: 10px;
	background-color: White;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.CalendarPanel
{
	 padding: 10px 10px 10px 10px;	
}

table.CalendarStyle tr td,table.CalendarStyle tr th
{
	text-align:center;
	height:12px;
	padding-top:0px;
	padding-bottom:0px;
	border-right-style:none;
}

table.CalendarStyle tr
{
	 height:12px;
	 padding-top:0px;
	 padding-bottom:0px;
}
.MymodalBackground
{		
}

/*table.generalForm tr td input.regularBtn, span.generalForm input.regularBtn 
{
	margin: 5px 5px;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	border: none;
	display: block;
	width: 135px;
	height: 22px;
	background: url(../images/btn_xlrg_bg.gif) no-repeat top;
}*/

/*............................................................................. regular button ......................... */
span.buttonHolder
{
	margin-top:15px;	
	padding-top:15px;
}

table.generalForm tr td input.regularBtn, table.modalPopup tr td input.regularBtn, span.generalForm input.regularBtn, table#directionInput tr td input.regularBtn, table#weatherSearchHolder tr td input.regularBtn
{
	/*clear: both;*/
	margin: 5px 5px 5px 0px;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	border: none;
	display: block;
	height: 22px;
	background: url(../images/orange_btn_bg.gif) repeat-x left;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}


/*............................................................................. grey button ......................... */

table.generalForm tr td input.greyBtn, table.modalPopup tr td input.greyBtn, span.generalForm input.greyBtn 
{
	/*clear: both;*/
	margin: 5px 5px 5px 0px;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	border: none;
	display: block;
	/*width: 102px;*/
	height: 22px;
	/*background: url(../images/btn_large_bg.gif) no-repeat top;*/
	background-color: orange;

	background: url(../images/grey_btn_bg2.gif) repeat-x left;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}





/* .............................................. invoice ........................................ */

table#invoiceHeader
{
	margin: 30px 0px;
	width: 700px;
}

table#invoiceHeader tr td
{
	font-size: 12px;
	color: #666;
}

table#invoiceHeader tr td#printInvoice
{
	text-align: right;
	border-bottom: 3px solid #e5e5e5;
	padding-bottom: 5px;
}

table#invoiceHeader tr td#printInvoice a
{
	color: #3395db;
	font-weight: bold;
	background: url(../images/printer_icon.gif) no-repeat 0px -1px;
	padding-left: 22px;
}

table#invoiceHeader tr td#invoiceDate
{
	font-size: 13px;
	color: 3395db;
}

table#invoiceFooter
{
	margin-top: 30px;
	width: 700px;
}

table#invoiceFooter
{
	border-top: 3px solid #e5e5e5;
}

table#invoiceFooter tr td
{
	font-size: 11px;
	color: #3395db;
	text-align: center;
	height: 20px;
}

table#invoiceFooter tr td a
{
	color: #3395db;
	text-decoration: underline;
}



/* ....................................... direction and map ................................................. */

table#directionAndMap
{
	margin-top: 20px;
}

table#directionAndMap h3
{
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	
}

table#directionAndMap tr td#drivingDirection
{
	vertical-align: top;
	width: 250px;
}

table#directionAndMap tr td#drivingDirection #Directions
{
	padding: 0px;
	margin: 0px;
	font-size: 1.2em;
	color: #3395db;
	height: 500px;
	overflow: auto;
}

table#directionAndMap tr td#drivingDirection #Directions ul
{
	padding-top: 10px;
}

table#directionAndMap tr td#drivingDirection #Directions li
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	background: url(../images/blue_arrow.gif) no-repeat 0px 5px;
	padding-left: 13px;
	font-size: 11px;
	color: #666;
	padding-bottom: 3px;
}

table#directionAndMap tr td#directionMap
{
	vertical-align: top;
}

#myMap
{
	border: 1px solid #999999;
	margin-right: 10px;
}

table#directionInput
{
	margin-top: 10px;
}

table#directionInput tr td
{
	vertical-align: middle;
}

table#directionInput tr td input
{
	font-size: 11px;
	color: #666;
	padding: 2px;
}

.resultHolder
{
	margin-top: 15px;
}




/* .......................................... weather & road condition ................................... */

table#weatherSearchHolder
{
	margin: 20px 0px 30px 0px;
}

table#weatherDisplayHolde
{
	width: 600px;
}

table#weatherDisplayHolder tr th
{
	font-size: 1.4em;
	font-weight: normal;
	text-align: left;
	color: #3395db;
	border-bottom: 3px solid #94bedc;
	padding-bottom: 7px;
}

table#weatherDisplayHolder tr td#weatherCondition
{
	padding-top: 15px;
	width: 300px;
}

table#weatherDisplayHolder tr td#weatherCondition b
{
	font-weight: normal;
	font-size: 12px;
	color: #fe9f2a;
}

table#weatherDisplayHolder tr td
{
	font-size: 11px;
	color: #666;
	vertical-align: top;
}

table#weatherDisplayHolder tr td#roadConditon
{
	width: 400px;
}

table#weatherDisplayHolder tr td#roadConditon table tr td
{
	border: none;
}


/* ................................................... map pickup information .................................................... */

.pickupInfo
{
	font-size: 10px;
	color: #4d4d4d;
	border-bottom: 1px dotted #bbb;
	padding-bottom: 5px;
	/*width: 300px;*/
}

.pickupInfo span.vehicleNumber
{
	font-weight: bold;
	color: #3395db;
	background: url(../images/green_flag_icon.gif) no-repeat 0px 0px;
	padding-left: 18px;
}

.pickupInfo span.vehicleLocation
{
	font-weight: bold;
	color: #3395db;
}

.pickupInfo span.vehicleDestination
{
	font-weight: bold;
	color: #f78400;
}

.pickupInfo span.vehicleDate
{
	font-weight: bold;
	color: #3395db;
}

/* ......................... search popup .................................. */
.searchPopUp
{
	border: 1px solid #58b1fd;
}

.searchPopUp h2
{
	margin: 0px;
	padding: 0px;
}

/* ......................... general search bar ........................... */

/* overwrites generalform style*/
table.generalForm .generalSearchForm
{
	width: 749px;
	margin-left: 10px;
	/*width: 100%;*/
	
}

.generalSearchBar
{
	width: 759px;
	background: url(../images/table_gradient.gif) repeat-x top left;
}

.generalSearchBar table
{

}

.generalSearchBar table tr td
{
	padding-left:0px;
	padding-right:0px;
	font-weight: bold;
	border:none;
	color: #004784;
}

.generalSearchBar table tr td input.textMiles
{
	border: none;
	padding-left: 3px;
	padding-right: 3px;
	width: 26px;
	height: 22px;
	background: url(../images/miles_field.gif) no-repeat top;
}

.generalSearchBar table tr td input.textCity
{
	border: none;
	padding-left: 3px;
	padding-right: 3px;
	width: 105px;
	height: 22px;
	background: url(../images/city_field.gif) no-repeat top;
}

a.advancedSearch
{
	font-size: 10px;
	font-weight: bold;
	color: #2284dc;
	background: url(../images/orange_solid_arrow.gif) no-repeat 0px 2px;
	padding-left: 13px;
}

a.advancedSearch:hover
{
	text-decoration: underline;
}



/*......................... expandable buttons ............................. */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


/* ............... orange color ..................... */
.orangeBtn
{
	background: transparent url(../images/orange_btn_bg_02.gif) no-repeat scroll top right;
	display: block;
	float: left;
    height: 22px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
	/*margin-top: 10px;
	margin-bottom: 10px;*/
	border: none;
	margin-left: 5px;
	display: inline;
}

/*.orangeBtnInside
{
    
}*/

.orangeBtn input.orangeBtnInside
{
	font-family: tahoma, "lucida grande", arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;

	background: transparent url(../images/orange_btn_bg_01.gif) no-repeat;
    display: block;
    line-height: 12px;
    padding: 4px 0px 6px 11px;
	border: none;
}

.orangeBtn input:hover
{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

/* ............... blue color ..................... */
.blueBtn
{
	background: transparent url(../images/blue_btn_big_bg_02.gif) no-repeat scroll top right;
	display: block;
	float: left;
    height: 29px !important;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
	/*margin-top: 10px;
	margin-bottom: 10px;*/
	border: none;
	margin-left: 5px;
	display: inline;
	
	
}

.blueBtn input.blueBtnInside
{
	font-family: tahoma, "lucida grande", arial, sans-serif;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #fff !important;

	background: transparent url(../images/blue_btn_big_bg_01.gif) no-repeat;
    display: block;
    line-height: 12px !important;
    padding: 6px 0px 8px 11px !important;
	border: none;
	
	cursor: pointer;
	width:auto; /* for ie */
    overflow:visible; /* for ie */
}

.blueBtn input:hover
{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}






/*.................... details page .............................. */
table.detailsPage
{
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: left;
}

table.detailsPage tr
{
	height: 30px;
}

table.detailsPage tr th
{
	vertical-align: middle;
	font-size: 1.2em;
	font-weight: normal;
	color: #2284dc;
	white-space: nowrap;
	width: 250px;
	border-bottom: 1px dotted #e5e5e5;
}

table.detailsPage tr td
{
	vertical-align: middle;
	font-size: 1.1em;
	color: #666;
	border-bottom: 1px dotted #e5e5e5;
	width: 350px;
}

table.detailsPage tr td a
{
	color: #f87c0f;
}

table.detailsPage tr td a:hover
{
	text-decoration: underline;
}

/* .......................................................... progress bar */

#progressBar
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/semi.png) repeat top;
	/*background-color: #000;
	opacity: .4;
	-moz-opacity:0.4;
	filter:alpha(opacity=40);*/
}

#progressBar img
{
	display: block;
	margin: 0px auto;
	margin-top: 20%;
	opacity: 1;

}


/* ............................................. search result number ............................................. */

.numResultHolder
{
	margin-top: 5px;
	font-size: 12px;
	color: #666;
	background: url(../images/orange_solid_arrow.gif) no-repeat 0px 4px;
	padding-left: 13px;
}

.numResultHolder span
{
	color: #2284dc;
	font-weight: bold
}

.numResultHolder span.numResult
{
	color: #2284dc;
	font-weight: bold
}

.numResultHolder span.searchItem
{
	color: #2284dc;
	font-weight: bold;
}

/* added sept 18, 07 */

p.instructionMsg
{
    font-size: 1.1em;
    line-height: 1.4em !important;
    font-weight: bold;
    margin: 6px 0px 10px 0px;
    color: #ef870b !important;
    /*color: #009b21 !important;*/
}

p.instructionMsg big
{
    margin-top: 23px;
    line-height: 1.2em;
}


/* ............................................. SignUp Styles ............................................. */

#signupSectional
{
	width: 100%;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	padding-top: 0px;
	font-family: tahoma, Arial, helvetica, Sans-Serif !important;
}

#signupSectional ul
{
    margin-bottom: 30px;
}

#signupSectional li
{
    font-weight: bold;
}

#signupSectional p
{
    font-weight: bold;
}

#signupSectional p.signhead
{
    font-weight: normal;
}

#signupSectional p.signhead big
{
    font-size: 18px;
}

.signhead
{
}

p.signhead
{
    font-size: 1.1em;
    line-height: 1.4em;
    font-weight: normal;
    margin: 18px 0px 10px 30px;
    color: #0077ED !important;
}

p.signhead big
{
    font-size:1.3em;
	font-weight: normal;
	margin-top: 23px;
    line-height: 1.3em;
}

.notice
{
}

h1.orangeTitle
{
    color: #ef870b !important;
}

/* signup banner (oct 8, 07)*/

#signupBanner
{
    position: relative;
    padding-left: 320px;
    padding-top: 20px;
    width: 350px;
    height: 206px;
    background: url(../images/signup_banner.jpg) no-repeat center;
    font-family: Arial, helvetica, Sans-Serif;
    margin-bottom: 15px;
}

#signupBanner h1
{
    font-size: 1.4em;
    color: #fff;
}

#signupBanner h1 span
{
    font-size: 1.4em;
    color: #ffdf01;
}

#signupBanner ul li
{
    font-size: 1.2em;
    color: #fff;
}

#signupBanner ul li a
{
    font-weight: bold;
    color: #ffdf01;
    text-decoration: underline;
}

input#ctl00_ContentPlaceHolder1_txtCode
{
    padding: 3px 2px;
}

#ctl00_ContentPlaceHolder1_UpdatePanel1 span.checkbox label
{
    font-size: 12px !important;
}

td.termsText
{
    font-family: Tahoma, Arial, Sans-Serif !important;
}

td.termsText h2
{
}

td.termsText p
{
    font-size: 12px !important;
    color: #333 !important;
}

a#ctl00_ContentPlaceHolder1_lbtnGoToAccount,
a#ctl00_ContentPlaceHolder1_lbtnLogOut
{
    font-size: 12px;
}

.errorMsg p
{
    font-size: 1.5em !important;
    line-height: 1.2em !important;
    color: #c20000 !important;
}

/*Added by JS from Dashboard.css for the instructionTop class*/
p.instructionTop
{
    font-size: 13px !important;
    color: Green !important;
    font-weight: bold;
    font-family: Arial, helvetica, Sans-Serif;
    padding: 5px 0px 0px 0px;
}

p.instructionTop span.blue
{
    color: #006ca3;
}



/* client boxes (added nov 26, 07) */

/* NICA */
.nicaBox
{
	padding: 10px;
	margin-bottom: 15px;
		border: 2px solid #000066;
		background: rgb(211, 211, 222) url(../images/nica_bg.gif) repeat-x bottom;
	
	
}

.nicaBox h2
{
	text-align: center;
	font-weight: bold;
	color: #000066 !important;
}

.nicaBox li
{
	font-weight: bold;
	color: #000033 !important;
	background: url(../images/nica_bullet.gif) no-repeat 0px 6px !important;
}





/* CMS Corp */
.cmsBox
{
	padding: 10px;
	margin-bottom: 15px;
		border: 2px solid #0d2f58;
		background: #515d6b url(../images/cms_bg.gif) no-repeat right bottom;
}

.cmsBox h2
{
	text-align: center;
	font-weight: bold;
	color: #e2e2e2 !important;
}

.cmsBox li
{
	font-weight: bold;
	color: #e2e2e2 !important;
	background: url(../images/cms_bullet.gif) no-repeat 0px 6px !important;
}



/* SCI */
.sciBox
{
	padding: 10px;
	margin-bottom: 15px;
		border: 2px solid #d49b21;
		background: url(../images/sci_bg.gif) repeat top;
}

.sciBox h2
{
	text-align: center;
	font-weight: bold;
	color: #000066 !important;
}

.sciBox li
{
	font-weight: bold;
	color: #333333 !important;
	background: url(../images/sci_bullet.gif) no-repeat 0px 6px !important;
}



/*-------------------------------------------------EmployerContactUs-------------------------------------------------*/


	.employer_contact_reasons_top{
	width:690px;
	min-height:300px;
	}
	
	#employer_contact_reasons_left{
	width:430px;
	min-height:100px;
	float:left;
	}
	
	#employer_contact_reasons_left h1{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:20px;		
	color:#007cd2;	
	}
	
	#employer_contact_reasons_left p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#025BBF;
	margin-bottom:10px;
	padding:0;
	}
		
	#employer_contact_reasons_right{
	width:226px;
	min-height:300px;
	margin-top:5px;
	float:right;
	}
	
	.employer_contact_form_bottom h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#007cd2;	
	}
	
	.request_find_drvr_info{
	width:732px;
	height:45px;
	margin:0 0 0 -45px;
	padding:15px 0 11px 45px;
	background:url(../images/formtitlebg.gif) repeat-x;
	display:inline-block;
	}
	


.twoColForm {
	float: left;
	display: inline;
	width: 321px;
	padding-bottom: 20px;
	font-size:12px;
	color:#025BBF;
	}
.twoColForm input 
{
	width: 100%; 
	padding: 7px 5px; 
	color: #666;
	font-size: 12px;
	margin: 3px 0 0 0; 
	background: transparent url(../images/2colinputbg.png) no-repeat 0 0; 
	border: 0 !important;
	float:left;
}

.threeColForm {
	float: left;
	display: inline;
	width: 202px;
	margin-right: 35px;
	font-size:12px;
	color:#025BBF;
	}
.threeColForm input 
{
	width: 100%; 
	padding: 7px 5px; 
	font-size: 12px;
	color: #666;
	margin: 3px 0 0 0; 
	background: transparent url(../images/3colinputbg.png) no-repeat 0 0; 
	border: 0 !important;
}


.adTextArea 
{
	float: left; 
	width: 380px !important; 
	height: 110px !important; 
	background: url(../images/formtextareabg.gif) no-repeat 0 0 !important; 
	border: 0 !important;
	color: font-size:12px;
	color:#777777;
	font-size: 12px;
	padding: 10px !important;
	font-family: arial, helvetica, sans-serif;
}

#adTextArea{
	color:#777777;
	font-size: 12px;
}