/* CSS Document */

body {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		FONT-SIZE: 12px; COLOR: #585858;  
		FONT-FAMILY: Arial,Helvetica, geneva,sans-serif;
		}
img {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		border: 0px 0px 0px 0px;	
}	
form {
		margin-bottom:0px;
		padding:0px 0px 0px 0px;
		border: 0px 0px 0px 0px;
}

h1 {
FONT-SIZE: 16px; COLOR: #585858;  
font-weight: none;
}
.look input
{
	margin-left: 16px;	/* make room for the background image */
	border:2px solid #FFCC33;
	
}

.look select
{
	margin-left: 16px;	/* make room for the background image */
	background:#FFCC33;
	
}

.look
{
	background-image: url(/images/check.gif);
	background-repeat: no-repeat;
}





#banner {
position: absolute;
float:left;
height:125px;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: #239CEB;
border-top:1px solid #444;
border-bottom:1px solid #444;
}
#status {
position: absolute;
top:127px;
float: left;
height: 30px;
width:100%;
margin: 0;
padding: 0;
border:0;
vertical-align: middle; 
background: #EBEBEB;
border-bottom:1px solid #A5A5A5;
}

#status p{
FONT-SIZE: 16px; COLOR: #585858;  FONT-FAMILY: Arial,Helvetica, geneva,sans-serif;
font-weight: bold;
vertical-align: middle; 
margin: 5px 0 0 160px;
}


#navigation	{
	position: absolute;
	top: 158px;
	float:left;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border-top:0;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 13px;
	background: #FFF;
	width: 140px;
	padding: 2px 0px 10px 0px;
}
	
#navigation	ul{
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
	width: 120px;
}

#navigation li  {
	display: block;
	font-weight: normal;
	background: #FFFFF;
	padding: 0;
	margin: 0;
	border-top: 1px solid #FFF;	
	color: #334;
	text-decoration: none;
	width: 120px; 
	}

#navigation li a {
	display: block;
	font-weight: normal;
	background: #FFFFF;
	padding: 1px 0px 1px 10px;
	margin: 1px 6px 5px 5px;	
	color: #334;
	border-bottom: 1px solid #999;
	text-decoration: none;
	width: 120px; 
	}
#navigation li a:hover {
	font-weight: normal;
	background: #CECECE;
	color: #000;
	margin: 0 5px 5px 5px;
	padding: 1px 0px 1px 10px;
	border-top: 1px solid #9C9C9C;
	border-bottom: 1px solid #9C9C9C;
	border-right: 1px solid #9C9C9C;
	text-decoration: none;
	}


#navigation li.selected a{
	display: block;
	font-weight: bold;
	color:#FF7131;
	margin: 0px 5px 5px 5px;
	padding: 1px 0px 1px 10px;
	border-bottom: 2px solid #222222;
	text-decoration: none;
}

#help{
margin: 0 5px 0 15px;
}

#help ul{
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
	width: 100%;
}

#help h4{
	color:#FF7131;
	font-weight:bold;
	border-bottom: 1px solid #9C9C9C;
}

#help h3{
	background:  #DDD url("/images/plus.gif") left center no-repeat;
	padding-left:20px;
	color:#777;
	font-weight:bold;
	border-top: 1px solid #9C9C9C;
	border-bottom: 1px solid #9C9C9C;
	border-right: 1px solid #9C9C9C;
	width: 250px;
	FONT-SIZE: 13px;
}

#help h3 a{
	text-decoration:none;
	}

.copy {
	FONT-SIZE: 12px; COLOR: #585858;  FONT-FAMILY: Arial,Helvetica, geneva,sans-serif
}

#dataProviderForm {
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	text-align: left;
	font-size: 12px;
	background: #F7F7F7;
	width: 200px;
	padding: 2px 0 2px 0;
    display: none;
}

#opisFuelCardForm {
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	text-align: left;
	font-size: 12px;
	background: #F7F7F7;
	width: 200px;
	padding: 2px 0 2px 0;
    display: none;
}

#tchekFuelCardForm {
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	text-align: left;
	font-size: 12px;
	background: #F7F7F7;
	width: 200px;
	padding: 2px 0 2px 0;
    display: none;
}


#FuelNetworkDiv{
	background: #fff url('/images/searching.gif') no-repeat ;
	background-position: 150px 50px;
	border:1px solid #000;
	padding:10px; 
	margin:10px;
	height:100%;
}

#FuelQueryDiv{
	background: #fff url('/images/searching.gif') no-repeat ;
	background-position: 150px 50px;
/*	border:1px solid #000; */
	padding:3px; 
	margin:0px;
	height:100%;

	
}
#FuelQueryResultsDiv{
	background: #fff ;
	background-position: 150px 50px;
/*	border:1px solid #000; */
	padding:3px; 
	margin:0px;
	height:100%;

	
}

div#emailForm
{
    margin: 0px 20px 0px 20px;
    display: none;
}

#grey {
  background:#C9C9C9;
 }

#qname {
  background:#C9C9C9;
  color: #000000;
  font-weight: bold
 }

#queryInfo {
  background:#C9C9C9;
  font-weight: bold
 }

#saved_queries	{
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	text-align: left;
	border: 1px solid #000;
	font-size: 12px;
	background: #F7F7F7;
	width: 200px;
	padding: 2px 0 2px 0;
    display: none;
}
	
#saved_queries	ul{
	list-style: none;
	margin: 0 0 0 0;
	padding: 5px, 0, 5px, 5px;
	text-align: left;
	width: 200px
}


#saved_queries	li a {
	display: block;
	font-weight: normal;
	background: #F7F7F7;
	margin: 0 5px 0 0px;
	padding: 1px 1px 1px 1px;	
	color: #334;
	text-decoration: none;
	width: 200px; 
	}

#saved_queries	li a:hover {
	font-weight: normal;
	background: #CECECE;
	color: #000;
	margin: 0 5px 0 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #9C9C9C;
	border-bottom: 1px solid #9C9C9C;
	border-left: 1px solid #9C9C9C;
	border-right: 1px solid #9C9C9C;
	text-decoration: none;
	}

#saved_queries	li a:active {
	font-weight: normal;
	background: #000;
	color: #ffe;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-decoration: none;
}

#saved_queries	li.selected a{
	font-weight: normal;
	background: #FFFFFF;
	color: #000;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	border-top: 1px solid #9C9C9C;
	border-bottom: 1px solid #9C9C9C;
	border-left: 1px solid #9C9C9C;
	border-right: 1px solid #9C9C9C;
	text-decoration: none;
	width: 200px; 
}

#NetworkForm{
margin-top:20px;
}
#TripPlanningDiv{
	background: #fff url('/images/searching.gif') no-repeat ;
	background-position: 150px 125px;
 	margin-left:10px; 
	padding:5px; 
	width:500px;
	border:1px solid #000;
	height:100%;
}


#copy {
position: absolute;
top: 167px;
left: 150px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:70%;
	}
	
#copyN {
position: absolute;
top: 167px;
left: 150px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:700px;
	}


#logindiv {
	text-align:center;
}

#login {
    float: right;
	margin:0px 0px 0px 15px;
	font-weight:bold;
}


#login_input{
	height: 15px;
	text-align:center;
}
#login_submit {
	background:#239CEB;
	color: #FFF;
	height: 20px;
	FONT-SIZE: 9px;
	font-weight: bold;
}

div.row {
  clear: both;
  padding:0px;
  text-align: center;
  width:100%;
  }
  
 div.crow {
  clear: both;
  padding:0px;
  height: 23px;
  text-align: center;
  width:100%;
  }

div.row span.label {
  float: left;
  margin-top: 5px;
  text-align: center;
  color:#FF7131;
  width:100%;
  }


div.row span.formw {
  float: left;
  text-align: center;
  width:100%;
  } 
dl{
text-align:center;}
dt{
clear: left;
text-align:right; float: left; width: 200px; 
}	
dd{
	margin-left:210px;
	text-align:left;
}
#prod_box {
margin:0 0 0 20px;
text-align: left;
float: left;
width:200px;
height:200px;
border: 1px solid #666;
}

#prod_box p,li{
margin: 0 0 0 5px;
padding: 0 0 0 0;
}
#prod_box ul{
margin: 0 0 0 15px;
padding: 0 0 0 0;
}

#prod_box h1{
margin: 5px 0 5px 5px;
padding: 0 0 0 0;
font-size: 15px;
font-weight: bold;
color:#FF7131;
}
#prod_box img{
border-bottom: 1px solid #000;
}
#acct_box {
margin: 2px;
text-align: left;
float: left;
width:200px;
height:80px;
border: 1px solid #666;
}

#acct_box h1{

margin: 5px 0 0px 5px;
padding: 0 0 0 0;
font-size: 15px;
font-weight: bold;
color:#FF7131;
}
#acct_box a{
color:#FF7131;
}

#acct_box img{
border-top: 0;
border-right: 0;
border-left: 0;
border-bottom: 1px solid #000;
}


.footer {
	font-size:9px;
	color:#000;
	FONT-FAMILY: Arial,Helvetica, geneva,sans-serif;
}

#list {
	margin:10px; 
	padding:10px;
	background:#eee; 
	border:1px solid #000; 
}

#list td{
border-right:1px solid #000;
border-bottom:1px solid #000;
}
#list table{
border-left:1px solid #000;
border-top:1px solid #000;
}
.line { 
	background: #999999;
	width: 700px;
	height: 5px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
#agreement{
margin: 0 10px 0 10px;
border: 1px 1px 1px 1px solid #000000;
}
#agreement	ul{
	font-size: 12px;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	text-align: left;
	
}
#agreement	li{
	
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	text-align: left;
}


/* Begin FuelOptimization CSS */

#maintbl
{
	border: 1px solid #565656;
	background:#D9D9D9;
	width: 445px;
}

#maintbl .headrow
{
	font-size: 140%;
	color: white;
	background: #565656;
	text-align: center;
}


.direction
{
	visited: red; 
	color: red;
	font-size: 130%;
}

#routetable 
{
	width: 94%;
	margin-left: 5px;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 3%;
	background:#C9C9C9;
}

.smallin
{
	width: 50px;
}

#routetable .state
{
	width: 50px;
}



#routetable .zip
{
	width: 70px;
}

#routetable .rtoption
{
	width: 105px;
}

#stoptable td
{
padding:5px;
color: #666;
}

#stoptable th
{
font-size:15px;

}
#route_table td
{
padding:5px;
color: #666;
}

#route_table th
{
font-size:15px;

}


#trip_stats th
{
font-size:15px;

}

#trip_stats td
{
padding:5px;
color: #666;
}


#state_stats th
{
font-size:15px;
}

#state_stats td
{
padding:5px;
color: #666;
}
#GetTripSubmit
{
background:#00D800;
}


td.l-active{
	background-image: url(/images/tabs/l-active-tab.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    color: #000;
	width:96px;
	height:43px;
	padding:0;
	text-align:center;
}
td.l-right{
	background-image: url(/images/tabs/l-right-tab.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    color: #000;
	width:96px;
	height:43px;
	padding:0;
	text-align:center;

}

td.l-inactive{
	background-image: url(/images/tabs/l-none-tab.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    color: #000;
	width:96px;
	height:43px;
	padding:0;
	text-align:center;

}

td.r-active{

	background-image: url(/images/tabs/r-active-tab.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    color: #000;
	width:96px;
	height:43px;
	padding:0;
	text-align:center;

}
td.r-left{
	background-image: url(/images/tabs/r-left-tab.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    color: #000;
	width:96px;
	height:43px;
	padding:0;
	text-align:center;

}

td.r-inactive{
	background-image: url(/images/tabs/r-none-tab.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    color: #000;
	width:96px;
	height:43px;
	padding:0;
	text-align:center;
}

td.active{
	background-image: url(/images/tabs/active-tab.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    color: #000;
	width:90px;
	height:43px;
	padding:0;
	text-align:center;
}
td.right{
	background-image: url(/images/tabs/right-tab.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    color: #000;
	width:90px;
	height:43px;
	padding:0;
	text-align:center;
}

td.left{
	background-image: url(/images/tabs/left-tab.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    color: #000;
	width:90px;
	height:43px;
	padding:0;
	text-align:center;
}
td.inactive{
	background-image: url(/images/tabs/none-tab.gif);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    color: #000;
	width:90px;
	height:43px;
	padding:0;
	text-align:center;

}
#tabsdiv table{
border-collapse:collapse;
padding:0;
margin:0;
border:0;
border-spacing:0;
}
#tabsdiv a{
font-size:14px;
font-weight:bold;
color:#0000FF;
text-decoration:none;
}
#maintbl{
color:#555;
font-weight:bold;
}
#maindiv table{
border-collapse:collapse;
}
#maintbl table{
border-collapse:collapse;
}
<!-- keeps the table from being too jumbled -->
#maintbl td
{
	padding: 2px;
}

#maintbl a
{
	color: #0000FF;
}

<!-- separates left side from right side in tables -->
#maindiv td .mid-td
{
	width: 30px;
}

<!-- makes inputs smaller -->
#maindiv .fuelparm
{
	width: 100px;
}


#vehicletable select{


}

/* End Fuel Optimization CSS */ 


/* Start Network Form CSS */
.colhead
{
	font-size: 110%;
	width:550px;
}

#NetSrchDiv
{
}

#NetSrch
{
	border-spacing: 0;
	padding: 0;
	background: #D9D9D9;
	width: 540px;
	border: 1px solid #000;
}

#NetSrch .SrchWhich
{
	font-size: 120%;
	color: white;
	background: #565656;
	text-align: center;
}

#NetSrch .headtd
{
	width: 180px;
}

#SrchResultsDiv table
{
	width: 550px;
}

.net
{
	background: #fff4c2;
	
}



.netchain
{
	background: #FACAD1;
}

.disabled
{
	background: #DDDDDD;
}

.dischain
{
	background: #CCCCCC;
	color: #777777;
}



#SrchResultsDiv .smalltd
{
	width: 90px;
}

#SrchResultsDiv .bigtd
{
	width: 240px;
}

#SrchResultsDiv table
{
	border-spacing: 0;
	padding: 5;
	width:550px;
}

#SrchResultsDiv .tabletitle
{
	font-size: 105%;
	
}

#SrchBannerDiv table
{
	background: #e5ecf9;
	width:550px;
}

#SrchBannerDiv
{
	
}

#NetLocs
{
	
}

#SrchResultsDiv .smalltd input
{
	width: 90px;
}


.smallin
{
	width: 40px;
}

#routetable .state
{
	width: 50px;
}

#routetable .city
{
	width: 170px;
}

/* End Network Form CSS */

/* Start Fuel Query Form*/

#hwystable {

	width: 94%;
	margin-left: 3%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 3%;
	background:#C9C9C9;
}

#hwystable .hwy{
width:100px;
}


#fquerytable {
border:1px solid #000
}

#fquerytable TH{
border-bottom:1px solid #000
}

#querydiv{
background:#ddd;
 border:1px solid #000; padding:10px; margin:10px;
}

#FuelQForm{
color:#000000;
}
/* End Fuel Query Form*/