/********************************************************************************
--  Left menu styles are dynamically manipulated by server-side code and can be 
    found in /includes/header.html 
    
--  A.link styles are manipulated by server-side code in the tops of header.html
    and headerwide.html

********************************************************************************/
.favoritesHeader{
	cursor: hand;
}
.favoritesList{
	display:none; 
}	
.preferencesMessage{
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	color: #2c8c2c;
}
.preferencesError{
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	color: #FF0000;
}
H1 {
	font-family: arial;
	font-size: 26px;
	color: #000000;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;}
.normal
{
	font-family: arial;
	font-size: 26px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: none;
}
H2.MenuTitle
{
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}
H3 {
	font-family: tahoma;
	font-size: 18px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0px;}
.H3 {
	font-family: arial;
	font-size: 18px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -1px;}
.H5 {
	font-family: arial; 
	font-size: 14px; 
	font-weight: bold; 
	font-style: italic; 
	text-transform: uppercase;}
.H5normal {
	font-family: arial; 
	font-size: 14px; 
	font-weight: bold; 
	font-style: normal;}
.H6 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;}
.rowheader {
	font-size: 12px;
	font-weight: bold;
	font-family: verdana;
	white-space: nowrap;
	text-align: center;}
.title {
	font-family: arial;
	font-size: 26px;
	font-weight: bold;}
.fuelTitle {
	font-family: arial;
	font-size: 30px;
	font-weight: bold;}
.titleSmall{
	font-family: tahoma;
	font-size: 22px;
	font-weight: bold;}
.titleSmallBlue{
	font-family: tahoma;
	font-size: 22px;
	font-weight: bold;
	color: #000080;}
.type {
	color: #FF0000;
	text-transform: uppercase;}
.by {
	color: #1C6793;
	text-transform: uppercase;}
A.smallprintlink {
	color: #FF0000;
	font-family:tahoma,arial,helvetica,san-serif;
	font-size:9px;
	text-decoration:none;}
A.smallprintlink:visited {
	color: #FF0000; }
A.smallprintlink:hover {
	color: #FF0000;
	text-decoration: underline;}
A {
	text-decoration: none;}
A:hover {
	text-decoration: underline;}
A.valueAddLinkSelected{
	font-size: 18px;
	text-decoration: none;
	color: #ffffff;}
A.valueAddLinkSelected:hover{
	font-size: 18px;
	text-decoration: none;
	color: #ffffff;}
A.valueAddLinkDeSelected{
	font-size: 18px;
	text-decoration: none;
	color: #000000;}
A.valueAddLinkDeSelected:hover{
	font-size: 18px;
	text-decoration: none;
	color: #000000;}
A.leftmenuheading {
	color: #FFFFFF;
	background-color: #003366;
	padding:1px;
	font-family: arial;
	font-size: 12px;
	font-weight: bolder;}
A.leftmenu {
	color: #000000;
	padding: 1px;
	font-family: tahoma;
	font-size: 12px;
	text-decoration: none;
	}
A.hoverback {
	color: #FFFFFF;
	width:100px;
	height:23px;
	padding:4px;
	font-family:tahoma,arial,helvetica,san-serif;
	font-size:11px;
	text-decoration:none;}
A.hoverback:hover {
	width: 100px;
	height: 23px;
	color: #FFFFFF;
	text-decoration: none;
}
A.hoverback:visited {
	color: #FFFFFF;}
A.rowheaderLink{
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	color: #000000;}
A.rowheaderLink:hover{
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	color: #000000;}
A.IMhoverback {
	color: #FFFFFF;
	width: 80px;
	height: 15px;
	padding: 1px;
	font-family: tahoma,arial,helvetica,san-serif;
	font-size: 11px;
	vertical-align: top;
	text-decoration: none;}
A.IMhoverback:hover {
	width: 80px;
	height: 15px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D8D8D8;}
A.sortby {
	color: #FFFFFF;
	text-decoration: none;}
A.sortby:hover {
	color: #FFFFFF;
	background-color: #336699;
	width: 100%;
	text-decoration: none;}
.leftmenu {
	color: #000000;
	background-color: #F6F6F6;
	font-family: tahoma;
	font-size: 12px;
	text-decoration: none;
	font-weight:normal;
	vertical-align:top;
	
	}

TABLE.search {
	background-color: #F6F6F6;
	border-style: none;}
TABLE.tableBorder{
	background-color: #003366;
	font-family: tahoma; 
	font-size: 12px;}
TABLE.SproutsPanal { 
	BORDER-RIGHT: #495ca0 5px solid; 
	BORDER-TOP: #495ca0 10px solid; 
	BORDER-LEFT: #495ca0 5px solid; 
	BORDER-BOTTOM: #495ca0 5px solid; 
	BACKGROUND-COLOR: #efefef; 
	TEXT-ALIGN: center }
TABLE.tableBorderLight {
	background-color: #336699;
	font-family: tahoma; 
	font-size: 12px;}
TABLE.tableContrast {
	background-color: #F6F6F6;
	font-family: tahoma; 
	font-size: 12px;}
TABLE.tableWhite {
	background-color: #F6F6F6;
	font-family: tahoma; 
	font-size: 12px;}
TABLE.tableWhite2 {
	background-color: #FFFFFF;
	font-family: tahoma; 
	font-size: 12px;
	border: 1px solid #000000;
	width: 270px;}
TABLE.tableBlue {
	background-color: #F6F6F6;
	font-family: tahoma; 
	font-size: 12px;
	border: 1px solid #003366; }
TABLE.tableBlue2{
	background-color: #DEEAF9;
	font-family: tahoma; 
	font-size: 12px;
	border: 2px solid #000000; }
TABLE.tableGray{
	background-color: #D8D8D8;
	font-family: tahoma; 
	font-size: 12px;}
TABLE.tableGray2{
	background-color: #EEEEEE;
	font-family: tahoma; 
	font-size: 12px;
	border: 1px solid #999999;}
TABLE.tableGray3{
	background-color: #DDDDDD;
	font-family: arial; 
	font-size: 10px;
	font-weight: bold;
	 border: 1px solid #003366;
	 padding: 2px;}
.BorderBox {
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	}
.BorderBoxRed
{
	border-right: #FF0000 thin solid;
	border-top: #FF0000 thin solid;
	border-left: #FF0000 thin solid;
	border-bottom: #FF0000 thin solid;
}
.AlertListBGColor{
	background-color: #F6F6F6;}
TH {
	padding: 1px;
	font-family: arial; 
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003366;
	vertical-align: middle;}
TH.creditlogo{
	font-size: 25px;
	font-weight: bold;
	color: #ffffff;
	background-color: #003366;
	vertical-align: middle;
	text-align: center;
	height: 32px;}
TH.light {
	padding: 1px;
	font-family: tahoma; 
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #495CA0;
	vertical-align: middle;
	text-align: center;}
TD {
	color: #000000;
	font-family: tahoma; 
	font-size: 12px;}
TD.INPUTCELL
 {
	white-space:nowrap;
	vertical-align: middle;
	text-align:left;
}
TD.LABELCELL
 {
	white-space:nowrap;
	vertical-align: middle;
	text-align:right;
}
.freeTrial{
	color: #FF0000;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;}
.freeTrialBig{
	color: #FF0000;
	font-size: 16pt;
	font-weight: bold;
	font-style: italic;}
.labelSmall{
	font-size: 8pt;
	font-weight: bold;
	text-align: center;}
.labelSmallDescription{
	font-size: 8pt;
	text-align: center;}
.companyNameBackground{
	text-align: center;
	background-color: #003366;}
.companyName{
	font-weight:bold;
	font-size: 12pt;
	color: #ffffff;}
.heading{
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;}
.tableBox {
	vertical-align:top;
	font-size: 11px;}
.tabletype{
	vertical-align:top;	
	font-size: 11px;}
.fieldHeader{
	font-weight:bold;
	font-size:16px;
	text-align:right;}
.score{
	background-color: #F6F6F6;
	border-color: #F6F6F6;
	white-space:nowrap;}
.dpt{
	background-color: #E8E8E8;
	border-color: #E8E8E8;}
.TDMonitor{
	color: #000000;
	font-family: tahoma; 
	font-size: 12px;
	background-color: #f6f6f6;}	
.TDMonitorAlternate
{
	color: #000000;
	font-family: tahoma; 
	font-size: 12px;
	background-color: #F0F0F0;}
	
.expandCollapse {
	color: #ffffff;
	background-color: #495CA0;
	width: 30px;
	font-size: 10px;
	white-space: nowrap;}
TD.subtitle {
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background-color: #495CA0;
	width: 100%;
	height: 15px;
	vertical-align: middle;
	white-space:nowrap;}	
.TDMonitorBold{
	color: #000000;
	font-family: tahoma; 
	font-size: 12px;
	background-color: #d9d9d9;}	
.TD {
	color: #000000;
	font-family: tahoma; 
	font-size: 12px;}
.arial16{
	font-family: arial;
	font-size: 16px;}
.arial11{
	font-family: arial;
	font-size: 11px;}
.arialonly{
	font-family: arial;}
.Safetystop{
    FONT-FAMILY: arial;
    font-size: 16px;
    vertical-align: top;}
.IATitle{
    FONT-FAMILY: arial;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;}
.IAMessage{
    FONT-FAMILY: tahoma;
    font-size: 12px;
    vertical-align: top;}	
TD.titlesub {
	background-color: #FFFFFF;
	font-family: arial;
	font-size: 26px;
	color: #000000;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
	vertical-align: middle;}
TD.tso {
	padding: 0px;
	background-color: #FFFFFF;
	font-family: arial;
	color: #000000;
	font-size: 14px;
	vertical-align: top;}
TD.search, div.search {
	background-color: #F6F6F6;
	font-family: tahoma;
	color: #000000;
	font-size: 13px;
	vertical-align: top;}
TD.SproutPanal { 
	VERTICAL-ALIGN: middle; 
	TEXT-ALIGN: center }
TD.trial{
	color: #ff0000;
	font-size: 18px;
	font-weight: bold;}	
TD.searchlist {
	padding: 0px;
	background-color: #F6F6F6;
	font-family: tahoma;
	color: #000000;
	font-size: 13px;
	vertical-align: top;}
TD.black {
	background-color: #003366;
	font-family: tahoma;
	color: #FFFFFF;
	font-size: 12px;
	vertical-align: top;}
.blue {
	background-color: #003366;
	font-family: tahoma;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	vertical-align: top;}
TD.key{
	background-color: #DEEAF9;}
TD.OrangeTitle {
	background-color: #FDE9CE;
	font-family: arial;
	font-weight: bold;
	color: black;
	font-size: 16px;
	font-style: italic;
	vertical-align: top;}
TD.Orange {
	background-color: #FDE9CE;
	font-family: tahoma;
	color: black;
	font-size: 12px;
	vertical-align: middle;
	height: 30px;}
.blue2{
	background-color: #495CA0;
	font-family: tahoma; 
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;}
.blue2web{
	background-color: #495CA0;
	font-family: tahoma; 
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;}
TD.blue3{
	background-color: #495CA0;
	text-align: left;
	vertical-align: middle;
	height: 32px;
	font-family: Verdana;
	width: 186px;}
.blue3 a{
	display: block;}
TD.blue4{
	background-color: #DEEAF9;
	text-align: left;
	font-family: Verdana;
	vertical-align: middle;
	height: 32px;
	border-style: solid;
	border-width: 1px;
	border-color: #495CA0;
	width: 186px;}
.blue4 a{
	display: block;}
.gray2{
	background-color: #EEEEEE;
	font-family: tahoma; 
	font-size: 14px;
	text-align: center;}
.gray3{
	background-color: #DCDCDC;
	font-family: tahoma; 
	font-size: 14px;
	text-align: center;}
TD.gray4{
	background-color: #EEEEEE;
	font-family: tahoma; 
	font-size: 14px;
	font-weight: bold;
	text-align: center;}
TD.formInactive {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    background-color: #d3d3d3;}
TD.white {
	background-color: #FFFFFF;
	font-family: tahoma;
	color: #000000;
	font-size: 12px;
	vertical-align: top;}
TD.searchCriteria {
	font-size: 10pt;
	font-family: Tahoma;
	color: #000000;
	text-align: right;}
TD.contrast {
	background-color: #F6F6F6;
	font-family: tahoma;
	color: #000000;
	font-size: 12px;}
TD.menu {
	padding: 0px;
	background-color: #F9F7F3;
	font-family: tahoma;
	color: #000000;
	font-size: 12px;
	vertical-align: top;}
TD.highrisk{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: #D70000;}
TD.medrisk{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;	
	color: #DFDF01;}
TD.lowrisk{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;	
	color: #196219;}
/*
BODY {
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #F3F3F3;
	scrollbar-base-color: #003366;
	scrollbar-shadow-color: #336699;
	scrollbar-highlight-color: #003366;
	scrollbar-darkshadow-color: #336699;
	scrollbar-3dlight-color: #336699;
	scrollbar-width: 15;}
*/
.hd {
	font-family: arial, helvetica, san-serif; 
	font-size: 10pt; 
	color: #FFFFFF}
.sp {
	font-family: arial, helvetica, san-serif; 
	font-size: 8pt; 
	color: #FF0000}
.nm {
	font-family: arial, helvetica, san-serif; 
	font-size: 8pt; 
	color: #000000}
.crmonitorlight {
	background-color: #c3d9ff; }
.contrast {
	background-color: #F0F0F0;}
.yellowlight {
	background-color: #FFFFAA;}
.redlight {
	background-color: #CC9999;}
.smallprintgreen {
	color: forestgreen;
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;}
.smallprint {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;}
.highlight {
	color: #228B22;}
.redText {
	color: #FF0000;
	font-size: 11px;
	font-family: tahoma, arial, helvetica, san-serif;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;}
.redText2 {
	color: #FF0000;
	font-size: 12px;
	font-family: tahoma, arial, helvetica, san-serif;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;}
.redTextLeft {
	color: #FF0000;
	font-size: 12px;
	font-family: tahoma, arial, helvetica, san-serif;
	text-align: Left;
	vertical-align: middle;
	text-decoration: none;}
.redTable {
	background-color:#9DAFC9; 
	color:FFFFFF; 
	font-family:tahoma, arial, helvectica, san-serif; 
	font-size:11px; 
	font-weight:bold; }
.blueHeader {
	color: #00008B;
	font-size: 22px;
	font-family: tahoma;
	text-align: left;}
.itemBorder {
	border-width: 1px;
	border-style: solid;
	border-color: #5D5D5D;}
.blueText {
	color: #1C6793;
	font-size: 12px;
	font-family: tahoma, arial, helvetica, san-serif;
	text-align: center;
	font-weight:bold; 
	vertical-align: middle;
	text-decoration: none;}
.itemText {
	color: #FFFFFF;
	font-size: 11px;
	font-family: tahoma, arial, helvetica, san-serif;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;}
.footerRight {
	font-family:arial; 
	color:FF0000; 
	font-size:11px; font-weight:bolder }
.label {
	font-family: tahoma;
	font-size: 10px;
	color: FF0000;}
HR {
	height: 1px;
	color: #000000;
	width: 98%;}
TEXTAREA, INPUT, SELECT {
	font-family: tahoma;}
INPUT.button {
	background-color: #FF0000; 
	color: FFFFFF; 
	font-family: tahoma, arial, helvectica, san-serif; 
	font-size: 11px; 
	font-weight: bold; }
INPUT.stateText {
	width: 30px;}
.pageNumbers {
	font-family: arial;
	font-size: 12px; 
	text-decoration: none;
	color: #FF0000; 
	font-weight: bold; }
.pageNumbers:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9DAFC9; }
TD.arrowbox2{
	color: #FF0000;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 12px;}
TR {
}
.MapTableHeader {
	font-family:Arial;
	font-weight:bold;
	text-align:center;
	color:White;
	background-color:#495ca0;}
.fuelStopsGray{
	background-color: #EEEEEE;
	font-family: tahoma; 
	font-size: 14px;
	text-align: center;}
.fuelStopsDarkGray{
	background-color: #DCDCDC;
	font-family: tahoma; 
	font-size: 14px;
	text-align: center;}
.highlightFavoriteStops {
	background-color: #FFFF00;
	font-family: tahoma; 
	font-size: 14px;
	text-align: center;}
.alternatingFirst{
	background-color: #CCCCCC;}
.alternatingSecond{
	background-color: #E9E9E9;}
.align{
	text-align:center;}
.header{
	font-size:13;
	font-weight:bold;
	text-align:center;}
.companyName{
	font-weight:bold;
	font-size: 12pt;
	color: #ffffff;}
.heading{
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;}
.freeTrial{
	color: #FF0000;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;}
.freeTrialBig{
	color: #FF0000;
	font-size: 16pt;
	font-weight: bold;
	font-style: italic;}
.labelSmall{
	font-size: 8pt;
	font-weight: bold;
	text-align: center;}
.labelSmallDescription{
	font-size: 8pt;
	text-align: center;}
.highrisk{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	color: #D70000;}
.medrisk{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;	
	color: #DFDF01;}
.lowrisk{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;	
	color: #196219;}
.rating{
	font-size: 60px;
	font-weight: bold;}
.ratingSmall{
	font-size: 9pt;
	font-weight: bold;}
.blueToo{
	background-color: #003366;
	font-family: tahoma;
	color: #FFFFFF;
	font-size: 12px;
	vertical-align: top;}
A.reportabroker{
	color: #FF0000;
	width: 169px;
	padding-left: 5px;
	font-family: tahoma;
	font-size: 12px;
	text-decoration: none;}
A.reportabroker:hover {
	color: #FF0000;
	background-color: #FFFFAA;
	width: 169px;
	text-decoration: none;}
.Bmenu {
	filter:alpha(Opacity=100, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=500, FinishY=250); }
P{
	font-family:Arial;}
.copy{
	margin: 5px 15px 15px 15px;
	}
.error{
	color: Red;
	font-weight: bold;
	text-align: center;}
.key{
	font-weight: bold;}
.keyScale{
	font-weight: bold;
	font-size: 8pt;
	font-weight: bold;
	margin: 27px 0px 27px 0px;
	}
img{
	border-style:none;
}
img.message
{
	margin:0px, 0px, 0px,0px;
	padding:0px, 0px, 0px,0px;
}
.visible{
	visibility: visible;}
font {
}
.title{
	font-size: 8pt;
	font-weight: bold;}
.titleSmall2{
	font-size: 8pt;}
/*
	New left menu
*/
UL.NewMenu
{
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}
A.NewMenu	
{
	width:100%;
	text-decoration:none;
	color: #000000;
	background-color: #F6F6F6;
	font-family: tahoma;
	font-size: 12px;
	text-decoration: none;
	font-weight:normal;
	Display:block;
}
A.NewMenu:hover 
{
	width:100%;
	display:block;
	background-color:#336699;
	color: #FFFFFF;
	text-decoration: none;
}
/*
	New Drop Down menu
*/
/* Set Width */
#menu 
{
	width: 100%;
	float: left;
	color:#FFFFFF;
}
#menu ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
}

/* Set Formatting & Color */
#menu a, #menu h2
{
	font: bold 10px arial;
	display: block;
	background: #000000;
	color:#FFFFFF;
	margin: 0;
}

#menu h2 
{
	color:#FFFFFF;
	background: #000000;
	text-transform: uppercase;
}

#menu a 
{
	color:#FFFFFF;
	background: #000000;
	text-decoration: none;
	//padding: 2px 2px;
	padding-left:5px;
	
}

#menu a:hover 
{
	color:#FFFFFF;
	background: #336699;
}

/* Positioning the Popout Menus and Dropdown Menus */

#menu li 
{
	position: relative;
}

#menu ul ul 
{
	position: absolute;
	z-index: 500;
}

#menu ul ul ul 
{
	top: 0;
	left: 100%;
}
/*Hiding and Revealing using*/
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul
{
	display: none;
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul
{
	display: block;
}

#menu a.Dropdown
{
	background: #000000 url("/images/tridown.gif") no-repeat 85% 80%;
}

#menu a.Dropdown:hover
{
	background:#336699 url(/images/tridown.gif) no-repeat 85% 80%;
}

#menu a.Sub
{
	background: #000000 url("/images/tri.gif") no-repeat 99% 80%;
}

#menu a.Sub:hover
{
	background:#336699 url(/images/tri.gif) no-repeat 99% 80%;
}

hd.headerBase
{
	background-image:url("/images/header_shadow.gif");
	background-repeat:repeat-x;
	
}

<!-- Above this is the old code that is being phased out -->
<!-- Below is the new code to be carefully managed - keep in mind that this stylesheet is going to be phased out -->

.popup {
	background:#f6f6f6 url(/images/table_bg.jpg) no-repeat bottom left;
	border:medium #003366 solid;
	position:absolute;
	top: 200px;
	width:350px;
	text-align:center;
	display: none;
	-moz-opacity: 1;
	z-index: 2;	
}

.regTrademark {
	font-size:10px;
	vertical-align:super;
}