html
{
	width: 100%;
	height: 100%;	
	margin: 0px auto 0px auto;
}

body
{
	background:#172F3C url(/images/common/bg_driver.jpg) no-repeat top center;
	background-position: top center;
	margin: 25px auto 0px auto;
	text-align: left;
	font-family: Verdana,Helvetica,Arial,sans-serif;  
	font-size: 12px; 
	line-height: 1.4; 
	font-weight: normal;
	width: 100%;
	height: 100%;
}

body.loginBody
{
	background:#172F3C url(/images/common/bg_blank.jpg) no-repeat top center;
}

/*  MAIN WRAPPER  -------------------*/

#main
{
	margin: 38px auto 0px auto;
	width: 957px;
	text-align: left;
}

/*  HEADER WRAPPERS  -------------------*/

#headerBar
{
	background: url(/images/common/bg_logo_header3.jpg) no-repeat top center;
	width: 100%;
	height: auto;	
	float: left;
}

#headerBarLesserLinks
{
	background: url(/images/common/bg_top.png) no-repeat top left;
	width: 98%;
	height: 30px;
	float: left;
	text-align: right;
	padding: 14px 2% 10px 0px;
	color: #666;
}

#headerBarLogo
{
	width: 100%;
	float: left;
	clear: both;	
}

#userDisplay
{
	width: 350px;
	float: right;
	color: #FFF;
	font-size: 11px;
	padding: 20px 20px 0px 120px;
	text-align: left;
}

#userDisplay a
{
	color: #3193CA;
	font-size: 11px; 
}
	
/*  MAIN NAVIGATION ICON UL  -------------------*/

#mainNavDivUL
{
	margin: 0px 0px 0px 20px;
	padding: 0px;
	display: inline;
	float: left;
	width: 99%;
	font-size:16px;
	color:#ffffff;
	text-shadow: 2px 2px #000000;	
}

#mainNavDivUL li
{
	margin: 0px 0px 0px -10px;
	padding: 0px;
	width:109px;
	list-style: none;
	display: inline-block;
	border-bottom: 0px;
	vertical-align:top;
}
#mainNavDivUL a{
	color:#ffffff;
}

#naviconholder{
	float:none;
	width:103px;
	height:auto;
	text-align:center;
	margin-top: 10px;
	font-family: 'Open Sans Condensed', sans-serif;	
	position: relative;
	top: -5px;
}

/*  DIV USED TO CLEAR FLOAT ELEMENTS  -------------------*/

#clearDiv
{
	width: 100%;
	float: left;
	clear: both;
}

/* PAGE TITLE  -------------------*/

#pageTitle
{
	width: 90%;
	float: left;
	padding: 0px 10px 0px 20px;	
	clear: both;
}

/* COLUMN WIDTH DIVS  -------------------*/

#overallColumnContainer
{
	float: left;
	clear: both;
	width: 947px;
	background: #FFF;
	padding: 10px 0px 20px 10px;
}

#xSmallColumn
{
	width: 293px;
	float: left;
	margin-left: 0px;
}

#smallColumn
{
	width: 400px;
	float: left;
	margin-left: 0px;
}

#mediumColumn
{
	width: 620px;
	float: left;
	margin-left: 0px;
}

#largeColumn
{
	width: 931px;
	float: left;
	margin-left: 0px;
}

/* HEADING COLOR BAR ELEMENTS (X-SMALL)  -------------------*/

#headingColorBarXSmall
{
	width: 243px;
	float: left;
	color: #FFF;
	padding: 16px 30px 10px 20px;
	margin-top: 10px;
}

#headingColorBarXSmall h1
{
	color: #FFF;
	margin: 0px;	
	font-size: 14px;
}

#headingColorBarXSmall.green
{
	background: url(/images/common/bg_heading_round_green_x_small.jpg) no-repeat top left;
}

#headingColorBarXSmall.blue
{
	background: url(/images/common/bg_heading_round_blue_x_small.jpg) no-repeat top left;
}

/* HEADING COLOR BAR ELEMENTS (SMALL)  -------------------*/

#headingColorBarSmall
{
	width: 350px;
	float: left;
	color: #FFF;
	padding: 16px 30px 10px 20px;
	margin-top: 10px;
}

#headingColorBarSmall h1
{
	color: #FFF;
	margin: 0px;	
	font-size: 14px;
}

#headingColorBarSmall.green
{
	background: url(/images/common/bg_heading_round_green_small.jpg) no-repeat top left;
}

#headingColorBarSmall.blue
{
	background: url(/images/common/bg_heading_round_blue_small.jpg) no-repeat top left;
}

/* HEADING COLOR BAR ELEMENTS (MEDIUM)  -------------------*/

#headingColorBarMedium
{
	width: 570px;
	float: left;
	color: #FFF;
	padding: 16px 30px 10px 20px;
	margin-top: 10px;
}

#headingColorBarMedium h1
{
	color: #FFF;
	margin: 0px;	
	font-size: 14px;
}

#headingColorBarMedium.green
{
	background: url(/images/common/bg_heading_round_green_medium.jpg) no-repeat top left;
}

#headingColorBarMedium.blue
{
	background: url(/images/common/bg_heading_round_blue_medium.jpg) no-repeat top left;
}

/* HEADING COLOR BAR ELEMENTS (LARGE)  -------------------*/

#headingColorBarLarge
{
	width: 881px;
	float: left;
	color: #FFF;
	padding: 16px 30px 10px 20px;
	margin-top: 10px;
}

#headingColorBarLarge h1
{
	color: #FFF;
	margin: 0px;	
	font-size: 14px;
}

#headingColorBarLarge.green
{
	background: url(/images/common/bg_heading_round_green_large.jpg) no-repeat top left;
}

#headingColorBarLarge.blue
{
	background: url(/images/common/bg_heading_round_blue_large.jpg) no-repeat top left;
}

/* COLUMN SUB-HEADING COLOR BAR ELEMENTS -------------------*/

#subHeadingColorBar
{
	color: #FFF;
	padding: 4px 2% 4px 2%;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #000;
}

#subHeadingColorBar a
{
	color: #FFF;
}

#subHeadingColorBar a:hover
{
	text-decoration: underline;
}

#columnBackgroundXSmall #subHeadingColorBar
{
	margin-left: -10px;	
	width: 272px;
}

#columnBackgroundSmall #subHeadingColorBar
{
	margin-left: -11px;	
	width: 369px;
}

#columnBackgroundMedium #subHeadingColorBar
{
	margin-left: -11px;	
	width: 581px;
}

#columnBackgroundLarge #subHeadingColorBar
{
	margin-left: -11px;	
	width: 879px;
}

#subHeadingColorBar h1
{
	color: #FFF;
	margin: 0px 0px 0px 6px;	
	font-size: 12px;
}

#subHeadingColorBar.green
{
	background: #77954B url(/images/common/bg_heading_repeat_green.jpg) repeat-x top left;
}

#subHeadingColorBar.blue
{
	background: #456075 url(/images/common/bg_heading_repeat_blue.jpg) repeat-x top left;
}

#subHeadingColorBar.red
{
	background: #A83E38 url(/images/common/bg_heading_repeat_red.jpg) repeat-x top left;
}

/* COLUMN CONTENT CONTAINER WITH FADING BACKGROUND IMAGE - THESE GO DIRECTLY UNDER HEADING COLOR BAR ELEMENTS (X-SMALL)  -------------------*/

#columnBackgroundXSmall
{
	background: url(/images/common/bg_fade_gray_x_small.jpg) no-repeat top left;
	width: 263px;
	float: left;
	padding: 0px 15px 0px 15px;
}

#columnBackgroundSmall
{
	background: url(/images/common/bg_fade_gray_small.jpg) no-repeat top left;
	width: 360px;
	float: left;
	padding: 0px 20px 0px 20px;
}

#columnBackgroundMedium
{
	background: url(/images/common/bg_fade_gray_medium.jpg) no-repeat top left;
	width: 580px;
	float: left;
	padding: 0px 20px 0px 20px;
}

#columnBackgroundLarge
{
	background: url(/images/common/bg_fade_gray_large.jpg) no-repeat top left;
	width: 891px;
	float: left;
	padding: 0px 20px 0px 20px;
}

/*  HOME ALERT DIV ELEMENTS  -------------------*/
#alertAndExtraButtonColumn
{
	width: 247px;
	float: left;
	margin: 9px 0px 0px 7px;
}

#alertDiv
{
	background: url(/images/common/bg_fleet_admin_message_repeat.jpg) repeat-y top left;
	width: 247px;
	float: left;
	margin: 0px 0px 10px 0px;
	color: #FFF;
	font-size: 11px;
}

#alertDivBackground
{
	background: url(/images/common/bg_fleet_admin_message_top.jpg) no-repeat top left;
	width: 207px;
	padding: 20px;
	color: #FFF;
}

#alertDivBackgroundBottom
{
	background: url(/images/common/bg_fleet_admin_message_bottom.jpg) no-repeat top left;
	width: 244px;
	height: 17px;
}

#alertDiv a
{
	color: #FFF;
	font-size: 11px; 
}

#alertDiv .floatLeft
{
	float: left;
	margin: -12px 4px 0px -10px;	
}

/*  GENERAL ALERT DIV  -------------------*/

.alertDivGeneral
{
	background: #791B15 url(/images/common/bg_alert_general_repeat.gif) repeat-x top left;
	width: 96%;
	padding: 10px 2% 10px 2%;
	float: left;
	margin: 4px 0px 4px 0px;
	color: #FFF;
	font-size: 11px;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.alertDivGeneral a
{
	color: #FFF;
	font-size: 11px; 
}

.alertDivGeneral .floatLeft
{
	float: left;
	margin: -12px 4px 0px -10px;	
}

/*  EXTRA BUTTONS  -------------------*/

#extraButton
{
	background: url(/images/common/bg_button_white.jpg) no-repeat top left;
	width: 204px;
	height: 24px;
	float: left;
	margin: 0px 0px 4px 4px;
	color: #093862;
	font-size: 14px;
	text-align: center;
	padding: 10px;
}

#extraButton:hover
{
	background: url(/images/common/bg_button_white_over.jpg) no-repeat top left;
	cursor: pointer;
}

#extraButton:hover a
{
	font-weight: bold;
	color: #093862;
}

/*  FOOTER AND FOOTER LINKS  -------------------*/

#bottomCap
{
	background: url(/images/common/bg_bottom.png) no-repeat top center;
	width: 100%;
	height: 29px;	
	float: left;
	clear: both;
}

#footer
{
	width: 100%;
	float: left;
	clear: both;
	padding-top: 20px;
	text-align: center;
	font-size: 10px;
	color: #666;
	background: #FFF;
}

#footer a
{  
	color: #3193CA;
	font-size: 10px; 
}

/*  GENERAL SEMANTIC ELEMENTS  -------------------*/

img
{
	border: 0px;	
}

p
{
	text-align:left;
	line-height:15px;
}

hr
{
	color: #DDD9D6;
	background-color: #DDD9D6;
	height: 1px;
	width: 100%;
	border: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}

td 
{
	text-align:left;
	vertical-align:top;
	padding: 0px;
}

h1
{
	color: #093862;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
}

h1 A:LINK
{ 
	font-size: 20px;
	font-weight: normal; 
	color: #1A5D7C; 
}

h1 A:VISITED
{ 
	font-size: 20px;
	font-weight: normal; 
	color: #1A5D7C; 
}

h1 A:HOVER
{ 
	font-size: 20px;
	font-weight: normal; 
	color: #3193CA; 
}

h1 A:ACTIVE
{ 
	font-size: 20px;
	font-weight: normal; 
	color: #1A5D7C;  
}


h2
{
	color: #093862;
	font-size: 16px;
	font-weight: bold;
}

h2 A:LINK
{ 
	font-size: 16px;
	font-weight: normal; 
	color: #1A5D7C; 
}

h2 A:VISITED
{ 
	font-size: 16px;
	font-weight: normal; 
	color: #1A5D7C; 
}

h2 A:HOVER
{ 
	font-size: 16px;
	font-weight: normal; 
	color: #3193CA; 
}

h2 A:ACTIVE
{ 
	font-size: 16px;
	font-weight: normal; 
	color: #1A5D7C;  
}

h3
{
	color: #093862;
	font-size: 16px;
	font-weight: bold;
}

A:LINK
{ 
	color: #1A5D7C; 
	text-decoration: none;
}

A:VISITED
{ 
	color: #1A5D7C; 
	text-decoration: none;
}

A:HOVER
{ 
	color: #3193CA; 
	text-decoration: none; 
}

A:ACTIVE
{ color: #1A5D7C; 
	text-decoration: underline; 
}


ol 
{
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

ul 
{
	list-style-image: url(/images/common/bullet.png);
	list-style-type: circle;
	margin-top: 0px;
	margin-bottom: 0px;
}

li 
{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DEDEDE;
}

table
{
	width: 100%;
	border: 0px;	
}

table td
{
	padding: 6px;	
	font-size: 12px;
}

table td.nobottomborder
{
	border-bottom: 0px;
}

#homeChart table
{
	width: 100px;
	border: 0px;	
	font-family: Verdana,Helvetica,Arial,sans-serif; 
}

#dataTable
{
	width: 100%;
	border: 1px solid #EBEBEB;	
}

#dataTable.marginTop
{
	margin-top: 14px;	
}


#dataTable td
{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #FFF;
}

#shortTableThreeColumn td
{
	width: 33%;	
}

table th#blueColumnHeader
{
	background: #456075 url(/images/common/bg_heading_repeat_blue.jpg) repeat-x top left;	
	color: #FFF;
	text-align: center;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #FFF;
	padding: 6px;	
	font-size: 12px;
}

table td#blueColumnHeader
{
	background: #456075 url(/images/common/bg_heading_repeat_blue.jpg) repeat-x top left;	
	color: #FFF;
	text-align: center;
}

table td#greenColumnHeader
{
	background: #77954B url(/images/common/bg_heading_repeat_green.jpg) repeat-x top left;
	color: #FFF;
	text-align: center;
}

table th#blueColumnHeader
{
	background: #456075 url(/images/common/bg_heading_repeat_blue.jpg) repeat-x top left;	
	color: #FFF;
	text-align: center;
}

table th#greenColumnHeader
{
	background: #77954B url(/images/common/bg_heading_repeat_green.jpg) repeat-x top left;
	color: #FFF;
	text-align: center;
}

table td.tableRowLight
{
	background: #FFF;	
}

table td.tableRowDark
{
	background: #EBEBEB;	
}

table tr.tableRowLight
{
	background: #FFF;	
}

table tr.tableRowDark
{
	background: #EBEBEB;	
}
td.fourColumns
{
	padding-top: 20px;
	width: 25%;
	text-align: center;
}

td.twentyFivePercent
{
	width: 25%;
}

td.fiftyFivePercent
{
	width: 50%;
}

.inlineMargin
{
	margin-right: 1em;	
}

.inlineMarginRed
{
	color: #F00;
	margin-right: .5em;
}

#promotionArea
{
	margin-top: 10px;
	width: 243px;
	float: left;
	background: url(/images/common/self-promotional-ad.png) no-repeat top center;	
	color: #FFF;
	text-align: center;
	padding: 105px 20px 300px 20px;
	padding-bottom: 300px;
	font-weight: bold;
	margin: 1px 0px 0px -10px;
}

#promotionArea p
{
	text-align: center;	
}

#promotionArea img
{
	margin-top: 20px;	
}


#OILDiv
{
	display: none;
}

#TIREDiv
{
	display: none;
}

#BRAKEDiv
{
	display: none;
}

a.increasedMargin
{
	margin-left: 600px;
}

#formBoxFloatLeft
{
	width: 400px;
	float: left;
	border: 1px solid #CCC;
	background: #EBEBEB;	
	margin: 20px 20px 20px 0px;
}

#formBoxFloatLeft #subHeadingColorBar
{
	width: 384px;
	margin: 0px 0px 20px 0px;
}

#maintGetOIL,#maintGetTIRE,#maintGetBRAKE
{
	margin-top: 20px;	
}
.chartHolder
{
	padding-top: 15px;
	text-align: center;
	width: 100%;
}

#successMessage
{
	background: #77954B url(/images/common/bg_heading_repeat_green.jpg) repeat-x top left;
	width: 270px;
	float: left;
	margin: 10px;
	color: #FFF;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #FFF;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

#successMessage img
{
	float: left;
	margin-right: 10px;	
}

#successMessage p
{
	margin-top: 20px;	
	text-align: left;
}

#PrintLink
{
	width: 200px;
	float: right;
	text-align: right;	
}

#PrintLink a
{
	position: relative;
	top: -5px;	
}

#PrintLink a img
{
	position: relative;
	top: 5px;	
}

#newCarMessage
{
	background: #77954B url(/images/common/bg_heading_repeat_green.jpg) repeat-x top left;
	width: 99%;
	float: left;
	margin: 10px 0px 10px 0px;
	color: #FFF;
	font-size: 14px;
	padding: 4px;
	border: 1px solid #FFF;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

#newCarMessage img
{
	float: left;
	margin-right: 10px;	
}

#newCarMessage p
{
	margin: 20px 0px 0px 0px;
	text-align: left;
}

#screen{
	float:left;
	margin: 0px 10px 20px 0px;
	background: #FFF;
	width: 640px;
	height: 360px;
	padding: 4px;
	border: 1px solid #DEDEDE;
}

#screen a{
	width: 640px;
	height:360px;
}

/*  SUPERUSER INTERFACE  -------------------*/

#wrapper{
	margin:0px auto 0px auto;
}

#main{
	margin:0px auto 0px auto;
	background-color:#FFF;
}

#maininfo{
	margin:0px auto 0px auto;
	background:url(/images/admin/BG_main.jpg) no-repeat top;
	width: 800px;
}

#title{
	padding-top:20px;
	padding-left:25px;
}

#title h1{
	color:#FFF;
	font-weight:100;
	font-size:18px;
	margin-top:0px;
	margin-bottom:15px;
	clear:both;
	display:inline;
}

#title p{
	display:inline;
}

#driverappposter{
	background:url(../images/common/bbl-driver-app-poster.jpg) no-repeat;
}