﻿body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #999999;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

#header {
	width: 833px;
	margin-right: auto;
	margin-left: auto;
}

#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.white11bold {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.gray11bold {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.navy11bold {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #134474; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.gray11 {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.red11bold {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #cc0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.red11boldcenter {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR:White; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-align:center;
}

.blue11link {
	FONT-SIZE: 11px; COLOR: #0000ff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.medblue11bold {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #5989b8; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.lightblue11 {
	font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#e5f0fb; font-size:11; 
}

.darkbluebackground { background-color:#134474; 
}

.mediumbluebackground { background-color:#8eb3d7; 
}

.lightbluebackground { background-color:#e5f0fb; 
}

.gray11bold_lightbluebackground { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background-color:#e5f0fb; 
}

.StationListHeaderStyle { background-color:#003366; color:#ffffff; font-family:Verdana; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}

.StationListHeaderColor { color:#ffffff; 
}


.StationListItem { background-color:#e5f0fb; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif
}

.StationListAlternatingItem { background-color:#cae1f7; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif 
}

.StationListRank { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11; 
}

.StationListBrand { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11; 
}

.StationListAddress { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11; 
}

.StationListZip { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11; 
}

.StationListReg { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11; 
}

.StationListMid { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11; 
}

.StationListPre { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11; 
}

.StationListDsl { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11; 
}

.MethodologyBody { text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#e5f0fb; font-size:11; 
}

.FeedbackSubmitted { color:#ff0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13; 
}

.FeedbackMessage { width:100%; 
	}

.CurrentPrice
{font-size: 10pt;color:Black;}

.CurrentPriceDate
{font-size: 10pt;color: #872808;}

.CurrentPriceTime
{font-size: 10pt;color: #AE0000;}

.OutDatedPrice
{font-size: 10pt;color:Gray;}
 
.ShowStationList a:link{color:#990000; font-weight:normal;font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;}
.ShowStationList a:visited{color:#990000; font-weight:normal;font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;}
.ShowStationList a:active{color:#990000; font-weight:normal;font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;}
.ShowStationList a:hover{color:#ff6600; font-weight:normal;font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;}

.DetailStatiionContainer{ background-color:#E2E9EF}

.transparent 
{	
	filter:progid:DXImageTransform.Microsoft.DropShadow(color=Firebrick,strength=3);
    background-color:black;
    display:none;
    width: 200px;
    position:absolute;
    color: white;
    border: 1 black solid;
}	
.PopupHeader
{
	font-size: 10pt;
	font-weight: bold;
	background-color: Black;
	color: WhiteSmoke;
}
.PopupText
{font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;

	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 0px;
	border-bottom-style:none;
	border-bottom-color: #000033;
	padding-top: 5px;
}
#titleBar{color: #FFFFFF;}
#InfoPopup{position:absolute;
	width:230px;
	left:405px;top:340px;
	visibility:hidden;
	z-index:9999}
	
#InfoPopupContent{font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 0px;
	border-bottom-style:none;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;}
	
#FeedBackHeader { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 0px;
	border-bottom-style:none;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;}
	
#MethodologyHeader { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 0px;
	border-bottom-style:none;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;}
	
#YourStationHeader{ font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:Yellow;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 0px;
	border-bottom-style:none;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;}
#YourStationHeader	a:link{color:Yellow;}

#ErrorBody {background-color:#e5f0fb;}

#CopyrightBody {width: 864px; }
	
#CopyrightBody	.litegray10 {
	FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.ResultGridViewHeader { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;}
	
.ResultGridViewItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top;}
.ResultGridViewAlternatingItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine2.jpg);
	background-repeat: repeat-x;
	background-position: top; }

.StationGridViewHeader { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;}
.StationGridViewItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top;  }
.StationGridViewAlternatingItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine2.jpg);
	background-repeat: repeat-x;
	background-position: top; }

.PLPGridViewHeader { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;}
.PLPGridViewItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top;  }
.PLPGridViewAlternatingItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine2.jpg);
	background-repeat: repeat-x;
	background-position: top; }

.FuelsGridViewHeader { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;}
.FuelsGridViewItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top;  }
.FuelsGridViewAlternatingItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine2.jpg);
	background-repeat: repeat-x;
	background-position: top; }

.TruckServicesDataListHeader { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;}
.TruckServicesDataListItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top;  }
.TruckServicesDataListAlternatingItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top; }

.ConsumerDataListHeader { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px; }
.ConsumerDataListItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top;  }
.ConsumerDataListAlternatingItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top; }

.FoodDataListHeader { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;  }
.FoodDataListItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top;  }
.FoodDataListAlternatingItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top; }

.NetworkDataListHeader { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;  }
.NetworkDataListItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top;  }
.NetworkDataListAlternatingItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top; }

.CardDataListHeader { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;  }
.CardDataListItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top;  }
.CardDataListAlternatingItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top; }
	
.FuelDataListHeader { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/bgTableTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
	padding-top: 5px;
	padding-bottom: 5px;  }
.FuelDataListItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top;  }
.FuelDataListAlternatingItem { font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/bgTableLine1.jpg);
	background-repeat: repeat-x;
	background-position: top; }	


#avgBoxTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #AE0000;
	background-image: url(images/bgAvgBox.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 842px;
	text-align: center;
	padding: 5px 10px;
	line-height: 18px;
	border-top: 1px solid #000033;
	border-right: 1px solid #000033;
	border-left: 1px solid #000033;
}

#avgBoxBottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #AE0000;
	background-image: url(images/bgAvgBox.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 842px;
	text-align: center;
	padding: 5px 10px;
	line-height: 18px;
	border-right: 1px solid #000033;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000033;
}

.AveragePriceLabel{font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffff99;}

.MapNavigationRow{background-color:Navy}



#zoomBox {
	background-image: url(images/bgZoomBox.jpg);
	background-repeat: repeat-x;
	width: 862px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 4px;
	background-color: #666666;
	background-position: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000033;
	border-left-color: #000033;
}

#navBox {
	width: 650px;
	margin-top: 15px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
#navBox .nav-unselected {	
}
#navBox .nav-unselected ul {
	list-style:none;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	
}
#navBox .nav-unselected li {
	line-height:normal;
	background-image: url(images/bgNavUnselectedRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: auto;
	margin-right: 2px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 13px;
	padding-left: 0px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	display: block;
	float: left;
	text-align:center;
}
#navBox .nav-unselected a {
	background-image: url(images/bgNavUnselectedLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003263;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 6px;
	font-weight: bold;
	text-align:center;
}
#navBox .nav-unselected a:hover {
	color: #0066CC;
	text-decoration: underline;

}
#navBox .nav-selected a:hover {
	color: #000000;
	text-decoration: underline;

}
#navBox .nav-register a:hover {
 	color: #000000;
	text-decoration: underline;

}
#navBox .nav-selected ul {
	list-style:none;
	
}
#navBox .nav-selected li {
	line-height:normal;
	background-image: url(images/nav-selected-right-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: auto;
	float: left;
	margin-right: 3px;
	margin-top: 1px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 0px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}
#navBox .nav-selected a {
	background-image: url(images/nav-selected-left-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	text-decoration: none;
	height: inherit;
	padding-top: 9px;
	padding-bottom: 12px;
}

#topSearchContainer {
	width: 842px;
	background-color: #04407C;
	background-image: url(images/bgTopSearchContainer.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 47px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000033;
	border-right-color: #000033;
	border-left-color: #000033;
	padding-top: 20px;
}
#topSearchContainer .text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
#topSearchContainer .formBox {
	margin-top: 11px;
	margin-right: 8px;
	margin-left: 2px;
}

#mapContainer {
	width: 864px;
	border: 10px solid #EAEAEB;
	margin-right: 58px;
	margin-left: 58px;
	clear: left;
}
#map {
	width: 862px;
	border: 1px solid #000033;
}

.mapInfoTool {
	width: 862px;
	border: 1px solid #000033;
	cursor:url("/MapXtremeWebResources/MapInfoWebPointSelection.cur"),default;
}


