/***********************************************/
/* masterStyles.css                            */
/* Author:   EDS User Experience			   */
/* Version:  October 2006					   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 


/*margins set to 0 in order to eliminate default margins in IE, Firefox, Mozilla and Netscape*/
/*padding set to "0" in order to eliminate default padding in Opera*/
/*text-align: center set to center the page in Internet Explorer 5.0 & 5.5*/

html
{font-size: 100.01%;}

body {
	margin: 0;
	padding: 0;
	/*background: #e7e7e7 url(../images/graphics/pageBackground01.jpg) repeat-y center top;*/
	/*background: #fefefe url(../images/graphics/pageBackground01.jpg) repeat-y center top;*/
	font: 1em/1.5 arial, helvetica, sans-serif;
	color: #666666;
}

a:link{
	color: #3F6BB2;
	text-decoration: none;
	
}

a:visited{
	color: #8B9FBC;
	text-decoration: none;
}

a:hover{
	color: #3F6BB2;
	text-decoration: underline;
}

p {
font: 0.8em/normal Arial, Helvetica, sans-serif;
line-height: 1.6em;
color: #474747;
margin: 0 0 10px 5px;

}


/* Heading Levels 
---------------------------------------------------------------------------------------------------------------------------*/
h1
{margin: 10px 0 5px 5px;
  padding: 0;
  font: bold 1em arial, Helvetica, sans-serif;
  text-transform: none;
  text-align: left;
  color: #851D1C;
  }

h2
{margin: 5px 0 5px 5px;
  padding: 0;
  font: bold 0.9em arial, sans-serif;
 /* text-transform: capitalize;*/
  text-align: left;
  color: #183886;
  
  }

h3
{margin: 5px 0 5px 5px;
  padding: 2px 0 0 0;
  font: bold 0.8em arial, sans-serif;
/*  text-transform: capitalize;*/
  text-align: left;
  color: #851D1C;}

h4
{margin: 5px 0 5px 5px;
  padding: 0;
  font: normal .8em arial, sans-serif;
/*  text-transform: capitalize;*/
  text-align: left;
  color: #666;}
  
label{
 font: 0.8em arial, helvetica, sans-serif;
 font-weight: normal;
 color: #000000;
 
}


/* Main Page Container
---------------------------------------------------------------------------------------------------------------------------*/
#container{
	width: 778px;
	margin: 0 auto;
	position: relative;
	background-color: #FFFFFF;
	left: 0px;
	top: 0px;
}

/* top of pages - header area 
---------------------------------------------------------------------------------------------------------------------------*/



/* search in header area
---------------------------------------------------------------------------------------------------------------------------*/

#searchbox
{ display:none; }

#search
{ display:none; }

#search form 
{ display:none; }

#search p
{ display:none; }

#search a:link
{ display:none; }

#search a:hover
{ display:none; }

#search a:visited
{ display:none; }

#searchbtn
{ display:none; }

/* tabbed navigation at top of pages
---------------------------------------------------------------------------------------------------------------------------*/


.tabNav { display:none; }

.tabNav ul { display:none; }

.tabNav ul li { display:none; }
	
.tabNav ul li a:link, .tabNav a:visited { display:none; }
	
.tabNav ul li a:hover { display:none; }

#activeTab .CustomersTab { display:none; }

#activeTab .Owner_OperatorsTab { display:none; }

#activeTab .Partner_ProgramsTab { display:none; }

#activeTab .About_SCGTab, #activeTab .ServicesTab, #activeTab .Contact_UsTab { display:none; }

.tagline { display:none; }



/* left column left havigation start
---------------------------------------------------------------------------------------------------------------------------*/

#navBar { display:none; }

#navBar ul a:link, #navBar ul a:visited { display:none; }

#navBar ul { display:none; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li { display:none; }

/* fix for browsers that don't need the hack */
html>body #navBar li { display:none; }


#sectionLinks { display:none; }

#sectionLinks ul { display:none; }

#sectionLinks li { display:none; }

#sectionLinks  li a { display:none; }

#sectionLinks  .on { display:none; }

#sectionLinks .indented { display:none; }

#sectionLinks .indentedOn { display:none; }


#sectionLinks li a:hover { display:none; }

#sectionLinks .divider { display:none; }

#fuelicon { display:none; }

.trackingBox { display:none; }

.trackingBox h2 { display:none; }

.trackingBox p { display:none; }

#navBar .trackingBox a { display:none; }

.trackingBox form { display:none; }

.trackingBox form input { display:none; }
  
.trackingBox .btn { display:none; }

/* Center Column - Main Content Area
---------------------------------------------------------------------------------------------------------------------------*/

#content{
	float: left;
	width: 450px;
	padding: 5px 0 0 9px;
	background-color: #FFFFFF;
	margin-bottom: 10px;	
}

.roleimages {
	background-color: #FFFFFF;
	width: 445px;
	text-align: left;
	padding-bottom: 5px;
	font: 0.8em/normal Arial, Helvetica, sans-serif;
	color: #474747;
}


.feature img {
	padding-left: 7px;
	background-color: #FFFF00;
	padding-top: 0px;
}

#mainimageCaption {
	color: #474747;
	font-weight: bold;
	text-align: center;
	font-size: 1.0em; /*need to resolve this fighting style if time permits*/
}


.leftRole {
	width: 145px;
	margin: 5px 5px 0 0;
	border-bottom: 3px solid #851d1c;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 5px;
}

.middleRole {
	width: 145px;
	margin: 5px 5px 0 0;
	border-bottom: 3px solid #3F6BB2;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 5px;
}

.rightRole {
	width: 145px;
	float: left;
	border-bottom: 3px solid #669933;
	background-color: #FFFFFF;
	padding-bottom: 5px;
	margin: 5px 0 0 0;
}

.roles ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

.roles ul li {
	list-style: none;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	color: #474747;
	background-color: #FFFFFF;
}

.roles li a:link {
	line-height: 1.75em;
	color: #474747;
}

.roles li a:visited {
	color: #8B9FBC;
	line-height: 1.75em;
}

.roles li a:hover { display:none; }




/* Second Level Pages — single column or 2 columns witin #content
---------------------------------------------------------------------------------------------------------------------------*/

.breadcrumb {
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #474747;
	padding: 0;
	margin: 0 0 5px 5px;
	font-weight: normal;
	}

.breadcrumb a:link {
	color: #3F6BB2;
	padding: 0;
	margin: 0;
	font-weight: normal;
	text-decoration: none;}

.breadcrumb a:visited {
	color: #8B9FBC;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
	}

.breadcrumb a:hover { display:none; }

.leftContent {
	width: 220px;
	float: left;
	background-color: #FFFFFF;
	padding:0 0 5px 0;
	margin: 0 0 5px 0;
}

.rightContent {
	width: 220px;
	float: left;
	background-color: #FFFFFF;
	padding:0 0 5px 0;
	margin: 0 0 5px 0;
}


.leadText {
	width: 195px;
	margin: 0;
	padding: 0 5px 0 0;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.5em;
}

.leadTextwider{
	width: 300px;
	margin: 0;
	padding: 0 5px 0 0;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.5em;
}




.box h2 {
	color:#000000;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	padding: 0 0 10px 5px;
	text-align: left;
}

.box ul {
	background-color: #FFFFFF;
	width: 205px;
	border-top: 3px solid #851d1c;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: 0px 0 5px;
	padding: 5px 0 5px 5px;
	}

.box li {
	font: 0.8em Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	list-style-type: none;
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: left;
	background-color: #FFFFFF;
}

.box li a:link{
	color:#474747;
	text-decoration: underline;
	padding: 0 0 0 5px;
}

.box li a:visited{
	color: #8B9FBC;
	padding: 0 0 0 5px;
	text-decoration: underline;
}

.box li a:hover { display:none; }
	

/* right column start
---------------------------------------------------------------------------------------------------------------------------*/

#rightcolumn
{
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	background-color: #FFFFFF;
	width: 150px;
}

/*--rTrack Login Box ****/
.loginBox { display:none; }

.loginBox form {display:none;}

.loginBox img {display:none;}

.loginBox p {display:none;}

.loginBox input {display:none;}

.loginBox label {display:none;}
  
.loginBox .btn {display:none;}

.loginBox a:link, .loginBox a:visited {display:none;}

.loginBox a:hover {display:none;}

/***Login box for Driver Seat ***/

.loginBoxDrivers { display:none; }

.loginBoxDrivers form { display:none; }

.loginBoxDrivers img { display:none; }

.loginBoxDrivers p { display:none; }

.loginBoxDrivers input { display:none; }
	
.loginBoxDrivers label { display:none; }
  
.loginBoxDrivers .btn { display:none; }

.loginBoxDrivers a:link { display:none; }

.loginBoxDrivers a:visited { display:none; }

.loginBoxDrivers a:hover { display:none; }

/***Login box for Partners ***/

.loginBoxPartners { display:none; }

.loginBoxPartners form { display:none; }

.loginBoxPartners img { display:none; }

.loginBoxPartners p { display:none; }

.loginBoxPartners input { display:none; }

.loginBoxPartners label { display:none; }
  
.loginBoxPartners .btn { display:none; }

.loginBoxPartners a:link { display:none; }

.loginBoxPartners a:visited { display:none; }

.loginBoxPartners a:hover { display:none; }

#caption { font: 0.7em Arial, Helvetica, sans-serif; color:#808080; }


/* Clear Floats
---------------------------------------------------------------------------------------------------------------------------*/
#clear {clear: both; height: 1px; overflow: hidden;}



/* Footer
---------------------------------------------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	padding: 4px 0;
	vertical-align: middle;
	color: #000000;
	text-align: center;
	width: 778px;
	}

#footer a:link {
	color: #000000;
	text-align: center;
	padding: 0 2px 0 2px;
	font-size: 0.8em;
	}
	
#footer a:visited {
	color: #183886;
	font-size: 0.8em;
}

#footer a:hover { display:none; }

#footerText {
	padding: 4px 0;
	vertical-align: middle;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}



/***** style for go to TOP of page links ******/

.top a {
	font-size: 0.8em;
	text-align: right;
	vertical-align: bottom;
	color: #3f6bb2;
}

/*--------------- News links ---------------*/
.news{
	width: 145px;
	margin: 5px 0 5px 5px;
	float: left;
	text-align: left;
}


.newsBullet
{
	background-color: White;
	float: left;
	margin-top: 2px;
	padding-left: 5px;
	color: #851d1c;
	padding-right: 3px;
	width: 10px;
	background: url(../images/graphics/swooshTiny.gif) no-repeat left;
	clear:both;
}

.newsTitle {
	float: left;
	width: 125px;
}
	
.news h3 {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #851d1c;
	padding-bottom: 5px;
}

.news h3 a {
	color: #851d1c;
}

.news h3 a:visited {
	color: #851d1c;
}

.news h2 a{
	font: 0.8em/normal  Arial, Helvetica, sans-serif;
	color: #183886;
	line-height: 1.0em;
	padding: 0 0 5px 0;

}

.news a:visited{
	color: #8B9FBC;
	
}

.news a:hover { display:none; }

/* Right Column Flexible Content...can be for links , testimonials
---------------------------------------------------------------------------------------------------------------------------*/


.rightColFlex {
	background-color: #FFFFFF;
	width: 145px;
	margin: 5px 7px 0 5px;
	padding: 0 0 5px;
	text-decoration: none;
}

.rightColFlex h3 {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #183886;
	padding: 0;
	background-color: #FFFFFF;
}

.rightColFlex p {
	font-size: 0.8em;
	color: #3F6BB2;
	font-weight: normal;
	background-color: #FFFFFF;
}

.rightColFlex a:link {
	font: normal 0.9em Arial, Helvetica, sans-serif;
	color: #3F6BB2;
	background-color: #FFFFFF;
}

.rightColFlex a:visited {
	color: #8B9FBC;
}

.rightColFlex a:hover { display:none; }


/* Clear Floats
---------------------------------------------------------------------------------------------------------------------------*/
#clear {clear: both; height: 1px; overflow: hidden;}


/* Misc styles
---------------------------------------------------------------------------------------------------------------------------*/
/*style for signs and extras for left and right column*/
#navBar .greenBox, .greenBox {
	background-image: url(../images/graphics/boxGreenBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 150px;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}


#navBar .greenBox h5, .greenBox h5 {
	font-size: 1em;
	font-weight: bold;
	background-image: url(../images/graphics/boxGreenTop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	margin: 0;
	padding: 5px 0 5px 5px;
	text-align: center;
}

#navBar .greenBox ul, .greenBox ul {
	margin: 0;
	padding: 10px 5px 10px 10px;
	list-style:none;
	
}

#navBar .greenBox ul li, .greenBox ul li {
	margin: 0 0px 10px 5px;
	padding: 0;
	font-size: 0.9em;
	color: #FFFFFF;
	text-align: center;
	width: 125px;
	border: 0;
}

#navBar .blueBox, .blueBox {
	background-image: url(../images/graphics/boxBlueBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 150px;
	color: #FFFFFF;
	
}

#navBar .blueBox a:hover, #navBar .greenBox a:hover, #navBar .whiteBox a:hover, .blueBox a:hover, .greenBox a:hover, .whiteBox a:hover
{
	cursor: hand;
	text-decoration:none;
}
#navBar .blueBox h5, .blueBox h5 {
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/graphics/boxBlueTop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	margin: 0;
	padding: 5px 0 5px 5px;
	text-align: center;
}

#navBar .blueBox ul, .blueBox ul {
	list-style:none;
	left: 5px;
}

#navBar .blueBox ul li, .blueBox ul li {
	margin: 0 0 20px 6px;
	padding: 0;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	width: 135px;
	border: 0;
}

#navBar .whiteBox, .whiteBox {
	background-image: url(../images/graphics/boxWhiteBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 150px;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}
#navBar .whiteBox h5, .whiteBox h5 {
	font-size: 1em;
	font-weight: bold;
	background-image: url(../images/graphics/boxWhiteTop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000000;
	margin: 0;
	padding: 5px 0 5px 5px;
	text-align: center;
}

#navBar .whiteBox ul, .whiteBox ul {
	margin: 0;
	padding: 10px 5px 10px 10px;
	list-style:none;
	left: 5px;
}

#navBar .whiteBox ul li, .whiteBox ul li {
	margin: 0 0 10px 6px;
	padding: 0;
	font-size: 0.9em;
	color: #000000;
	text-align: center;
	width: 135px;
	border: 0;
}

li.generic {
	list-style-image: url(../images/graphics/arrow.gif);
	line-height: 1.5em;
	font-size: 0.8em;
}

ul.generic {
	line-height: 1.5em;
	font-size: 0.8em;
	list-style-type: none;
}


dt {
	font-size: .8em;
	font-weight: bold;
	color: #183866;
}
dd {
	font-size: 0.8em;
	line-height: 1.1em;
	color: #474747;
	margin-bottom: 10px;
}

img { border: 0; margin: 0;}

.fuelCurrent {
	width: 250px;
	margin: 5px;
	padding: 3px;
	border-top: 2px solid #851d1c;
	border-bottom: 2px solid #851d1c;
	
}

.fuelCurrent h2, .fuelFuture h2 {
	margin: 0 0 0 -2px;  /* Added this style as otherwise the Fuel surcharge labels were indented a bit too much.*/
}

.fuelFuture {
	width: 250px;
	margin: 5px;
	padding: 3px;
	border-top: 2px solid #3F6BB2;
	border-bottom: 2px solid #3F6BB2;
	
}

/*Manish Added for adobeReader to align with loginBox*/ 
.adobeReader { 
        margin: 5px 7px 0 5px; 
        padding: 0 0 5px; 
}

/* FORM RULES
---------------------------------------------------------------------------------------*/
.formsArea
 {
	width: 595px;
	margin-top: 10px;
	margin-right: 5px;
	padding-left: 10px;
	
}
.errorMessage {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFCC;
	text-align: left;
	vertical-align: middle;
	margin: 3px;
	padding: 2px 2px 2px 15px;
	border: 1px solid #990000;
	list-style-image: url(../images/graphics/arrowErrors.gif);
}

.errorHdrText { font-weight: bold; }

fieldset
 {
	border: 0;
	padding: 0 10px 10px 10px;
	background-color: #FFFFFF;
}

legend 
{
	font: bold 0.9em arial, helvetica, sans-serif;
	color: #3F6BB2;
	margin-bottom: 10px;
	padding: 4px 2px;
	background-color: #FFFFFF;
}



/* OWNER APPLICATION FORM RULES
---------------------------------------------------------------------------------------*/
div .owner  p, div .owner  div
 {padding-bottom: 10px;}

div .owner label { display:none; }

.checkBoxBox {
	text-indent: -25px;
	padding-left: 25px;
	line-height: 1em;
	margin-bottom: 2px;
}

.Choices {
	width: 330px;
	float: left;
	text-align: left;
}
.leftChoice 
{
	background-color: White;
	float: left;
	width: 160px;
	margin-right: 5px;
	clear:both;
	
}
.rightChoice {
	background-color: White;
	float: right;
	width: 165px;
	
}

.labelColumn {
	width: 145px;
	font-weight: normal;
	text-align: right;
	padding-right: 5px;
	line-height: 1.1em;
	vertical-align: bottom;
	float: left;
	margin-bottom: 2px;
	clear: left;
	
}
.reqdColumn {
	color: #851D1C;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 15px;
	width: 10px;
	padding: 0 3px 0 3px;
	font-size: 1.5em;
	background-color:White;
	float: left;
	text-align: center;
	height: 10px;
}
.errorColumn {
	color: #851D1C;
	font-weight: bold;
	margin-bottom: 15px;
	width: 10px;
	padding: 0 3px 0 3px;
	font-size: 1.3em;
	float: left;
	text-align: left;
	vertical-align: middle;
	height: 20px;
}
.inputColumn {
	width: 385px;
	background-color: White;
	float: left;
	clear: right;
	color: #000000;
	
	
}

textarea 
{
	margin-bottom: 7px;
}

.labelTxt {
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: right;
	margin: 3px 0 0 0;
	padding: 0px;
	text-indent: 0px;
	/*background-color: #red;*/
}



.formRow {
	clear: both;}

.progressBarTxt
{
	display: none;
}

#ProgressMeter1_ProgressMeter
{
	display: none;
}

.conversions h2 {
	font: Bold 1em Arial, Helvetica, sans-serif;
	color: #183886;
	padding: 3px 0 10px 0;
}

.formData {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #474747;
	
}
.formData a {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #3F6BB2;
}

/*************** General Table Styles, specific styles further down CSS list *********************/

table {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 0.8em;*/
	color:#000000;
}
	
.topRow {
	background-color: #f4f4f7;
}

.labelRow {
	color: #FFFFFF;
	background-color: #9795A8;
	text-align: center;
	padding: 0; 
    margin: 0; 
    border: 0;
}

.oddRow {
	background-color: #FFFFFF;
}

.evenRow {
	background-color: #EAEAEE;
}

table a:link{
	color: #000000;
	text-decoration: none;
}

table a:visited{
	color: #8B9FBC;
	text-decoration: none;
}

table a:hover{
	 display:none; 
}

.centeralignedTxt {
	text-align: center;
	color: red;
}

/* Locks table header */ 
th 
{
	font-size: 0.9em;
	font-weight:bold;
	position:relative;
	z-index: 10;
	background-color: #3f6bb2;
	color: #FFFFFF;
	border-top: 2px solid #851d1c;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
}
 
td 
{ 
        border:1px solid white;
        font-size: 0.8em;
        padding-left:4px;
		color:#000000;
		background-color: red;
        
} 


td #caption{
font: 1.0em Arial, Helvetica, sans-serif;
color:#000000;
}

/********************* Locations Table Styles *********************/

.locations {
	background-color:  #FFFFFF;
	width: 600px;
	float: left;
	color:Black;
}
.locationsLeft {
	background-color:  #FFFFFF;
	float: left;
	margin-right: 15px;
}
.locationsRight {
	background-color: #FFFFFF;
	float: left;
	font-size: 0.8em;
	text-align: left;
	line-height: 2em;
}


.citycode {
	color: #FFFFFF;
	background-color: #851D1C;
	text-align: center;
	padding: 2px;
}
.cityName{
	color: #FFFFFF;
	background-color: #3F6BB2;
	padding: 2px 5px;
}

.cityLabels {
	color: #3F6BB2;
	text-align: right;
	padding: 2px 5px 2px 5px;
}

.cityAgentType {
	color: #FFFFFF;
	background-color: #669933;
	padding: 2px 5px;
	text-align: center;
}

.cityTable {
	border: 1px solid #474747;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}