body {
	margin: 0;
	padding: 0;
	text-align:center;
}

h2{
font-family: Arial, Helvetica, sans-serif; 
color: #FFFFFF;
text-decoration: none;
line-height: 26px; 
font-size: 21px;
font-weight:normal;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:20px;
	text-decoration: none;
	line-height: 50px;
	font-weight:normal;
	padding:0;
	text-align:left;}



#navlist {
margin:0;
margin-left:10px;
padding: 0;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 8px;
}

#grey {
  background:#CCCCCC;
 }
 
#lgrey {
  background:#EEEEEE;
 }

#rose{
background: #FDD5D5;
}
#lblue{
background: #D5E1FD;
}
#lyel{
background: #F7F6B0;
}

.hideFromScreen {display:none;}

#contents
{
margin-right: auto;
margin-left: auto;
text-align:left;
width:625px;
margin-top:0px;
padding-bottom:0px;
background-color: #FFF;
color: #000;
height:100%;
}

#login_bar
{
margin-right: auto;
margin-left: auto;
width:625px;
border-top:8px solid #FF691E;
padding-top:9px;
height:99px;
background-color: #FFF;
}

#login_bar_cust
{
width:100%;
border-top:8px solid #FF691E;
padding-top:9px;
height:99px;
background-color: #FFF;
}
#login_bar_container
{
position:absolute;
top:10px;
left: 10px;
width:780px;
}

#login_bar form{
margin:0;
padding:0;
}

#login_bar_sample
{
width:100%;
border-top:8px solid #FF691E;
padding-top:9px;
height:99px;
background-color: #FFF;
}

.fbl { background: url(/images/login-crnr-bl.gif) 0 100% no-repeat #B8B8B8; width: 311px; font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #333333;
	}
.fbr {background: url(/images/login-crnr-br.gif) 100% 100% no-repeat}
.ftl {background: url(/images/login-crnr-tl.gif) 0 0 no-repeat}
.ftr {background: url(/images/login-crnr-tr.gif) 100% 0 no-repeat; padding-top:7px; padding-right:7px; padding-bottom:5px; padding-left:9px;}
.clear {font-size: 1px; height: 1px} 

.fbl a{
	color: #fff;
	margin-right:100px;
	text-decoration:none;
}

.cbl { background: url(/images/cbl.gif) 0 100% no-repeat #FFFFFF; 
	   min-width: 615px; 
	   font-family: Arial, Helvetica, sans-serif;
	   color: #000;	  
	}
.cbr {background: url(/images/cbr.gif) 100% 100% no-repeat}
.ctl {background: url(/images/ctl.gif) 0 0 no-repeat}
.ctr {background: url(/images/ctr.gif) 100% 0 no-repeat; padding-top:7px; padding-right:7px; padding-bottom:5px; padding-left:9px;}

.crbl { background: url(/images/crbl.gif) 0 100% no-repeat #CECECE; 
	   min-width: 615px; 
	   font-family: Arial, Helvetica, sans-serif;
	   color: #000;	  
	}
.crbr {background: url(/images/crbr.gif) 100% 100% no-repeat}
.crtl {background: url(/images/crtl.gif) 0 0 no-repeat}
.crtr {background: url(/images/crtr.gif) 100% 0 no-repeat; padding-top:7px; padding-right:7px; padding-bottom:5px; padding-left:9px;}

.content2 h2 {
    font-size:14px;
    color:#666666;
}

#plasma {
height: 232px;
width: 625px;
}

#content_left{
background-color:#FF691E;
text-align:left;
margin-right:15px;
margin-left:0px;
padding:0px;
width:49%;
height:100%;
float:left;
border-right:1px solid #999;
}
#content_right{
height:100%;
background-color:#FF691E;
}
#content_leftw{
background-color:#FFFFFF;
text-align:left;
margin-right:15px;
margin-left:0px;
padding:0px;
width:49%;
height:100%;
float:left;
border-right:1px solid #999;
}
#content_rightw{
height:100%;
background-color:#FFFFFF;
}

#content_subnav{
background-color:#FFF;
text-align:left;
margin-right:15px;
margin-left:15px;
padding:0px;
width:200px;
height:100%;
float:none;

}

#content_subnav a{
color:#FF691E;
}

#content_wsubnav{
background-color:#FFF;
text-align:left;
padding:0px;
width:80%;
height:100%;


}

.hint {        
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   color: #999999;
}

.snbl { background: url(/images/cbl.gif) 0 100% no-repeat #FFFFFF; 
	   min-width: 200px; 
	   font-family: Arial, Helvetica, sans-serif;
	   color: #000;	  
	}
.snbr {background: url(/images/cbr.gif) 100% 100% no-repeat}
.sntl {background: url(/images/ctl.gif) 0 0 no-repeat}
.sntr {background: url(/images/ctr.gif) 100% 0 no-repeat; padding-top:7px; padding-right:7px; padding-bottom:5px; padding-left:9px;}





#content_center{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
margin-right: auto;
margin-left: auto;
text-align:left;
background-color:#FF691E;
min-width:625px;
max-width:100%;
}

#setup_button{
margin-top:5px; 
float:left; 
text-align:center; 
width:311px; 
height:20px;
background-color:#FF691E;
color:#FFFFFF;
}
#setup_button a{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

#content_center2{
margin-right: auto;
margin-left: auto;
text-align:left;
background-color:#FF691E;
min-width:1850px;
max-width:100%;
}

#content_pad{
padding:5px;
}

#option_pad {
padding:10px;
}

#questions{
font-weight:bold;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:20px;
	text-decoration: none;
	line-height: 50px;
}

.title a{
	color: #FFFFFF;
	text-decoration: none;
}

.betalink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFF00;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:20px;
	line-height: 50px;
}

.beta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFFF00;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:20px;
	text-decoration: none;
	line-height: 50px;
}

.beta a{
	color: #FFFFFF;
	text-decoration: none;
}

.reglist ul{
margin-left:20px;
}

.reglist li{
	margin-top:10px;
	margin-bottom:10px;
}

#content {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
	list-style: block;
	list-style-type: disc;
}

#content ul{
	margin:0;
	padding: 0;
}
#content li{
	margin-left:0px;
	margin-bottom:10px;
	padding: 0;
}

.content2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	text-decoration: none;
	list-style-type: disc;
}
#routetable {
font-size: 10px;
}

#exit_form dl{
text-align:center;
}

#exit_form dt{
clear: left;
text-align:right; float: left; width: 200px; 
}	
#exit_form dd{
	line-height:24px;
	margin-left:210px;
	text-align:left;
}

#routetable form{
font-size: 15px;
}
#routetable select{
width: 80px;
}
#submittable {
margin-top:10px;
font-size:10px;
text-align:center;}
#submittable input{
font-size:10px;}
#submittable select{
font-size:10px;}

.content2 a{
 text-decoration:underline;
 font-weight:bold;
 color:#FF691E;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #FFFFFF;
	background-color: #FF691E;
	text-decoration: none;
}

.footer a{
color: #FFFFFF;
}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	color: #333333;
}
.nav {
margin-right: auto;
margin-left: auto;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	background-color:#B8B8B8;
	width:625px;
}

.nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	text-decoration: none;
}
.nav a:link {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
    text-decoration: none;
}
.nav a:visited {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	text-decoration: none;
}
.nav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	text-decoration: underline;
}

#custnav_container{
text-align:left;
background-color:#C1C2C2; /* previous B8B8B8 */
border-bottom:5px solid #000;
}
.custnav {  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	background-color:#B8B8B8;
	width:735px;
}

.custnav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	text-decoration: none;
}
.custnav a:link {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
    text-decoration: none;
}
.custnav a:visited {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	text-decoration: none;
}
.custnav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	text-decoration: underline;
}

.samplenav {  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	background-color:#B8B8B8;
	width:680px;
}

.samplenav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	text-decoration: none;
}
.samplenav a:link {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
    text-decoration: none;
}
.samplenav a:visited {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	text-decoration: none;
}
.samplenav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	color: #000000;
	text-decoration: underline;
}

.graytable	{
	list-style: none;
	background: #F7F7F7;
	font-size:11px;
	color:#000;
	margin: 0 0 5px 0;
	padding: 5px 10px 5px 0px;
	border: 1px solid #9c9c9c;
}
.graytable	th{
border-bottom: 1px solid #9c9c9c;
}
dl{
text-align:center;}
dt{
clear: left;
text-align:right; float: left; width:140px;
}	
dd{
	
	text-align:left; 
}

#content a:link {
	color: #000000;
	text-decoration: underline;
}
#content a:visited {
	color: #000000;
	text-decoration: underline;
}
#content a:hover {
	color: #000000;
	text-decoration: underline;
}
.login a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.login a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.login a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.login a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}
#ratetable {
	background: #F7F7F7;
	font-size:11px;
	color:#100;
	margin:0 0 0px 0;
	padding: 5px;
	border: 1px solid #9c9c9c;
	width:200px;
	}

#datatable {
	background: #F7F7F7;
	font-size:11px;
	color:#100;
	margin:0 0 0px 0;
	padding: 5px;
	border: 1px solid #9c9c9c;
	}

#historyTable {
	background: #F7F7F7;
	font-size:11px;
	color:#100;
	margin:0 0 0px 0;
	padding: 0px;
	border: 1px solid #9c9c9c;
	width:200px;
    display: none;
	}

#historyTableDiv {
	background: #CCCCC;
	font-size:11px;
	color:#100;
	margin:0 0 0px 0;
	padding: 0px;
	width:200px;
    display: none;
	}

#grey {
  background:#CCCCCC;
 }
 
#fueltable {
	background: #F7F7F7;
	font-size:11px;
	color:#100;
	margin:0 0 0px 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #9c9c9c;
	width:200px;
	}

#worksheettable {
	background: #F7F7F7;
	font-size:11px;
	color:#100;
	margin:0 0 0 0;
	padding: 5px 5px 5px 20px;
	border: 1px solid #9c9c9c;
	width:200px;
	}
#worksheettable input{
height:17px;
font-size:11px;
}

#worksheettable table  { border-collapse: collapse; border-spacing: 0; }
#worksheettable  td, th { padding-left: 5px;padding-top:0;padding-bottom:0;padding-right:0; }


#fuellocationtable {
	background: #F7F7F7;
	font-size:11px;
	text-align:center;
	color:#100;
	margin:0 0 0px 0;
	padding: 0px 0px 0px 0px;
	border: 1px solid #9c9c9c;
	width:200px;
	}

#saved_lanes	{
	margin: 0 0 0 0px;
	text-align: center;
	border: 1px solid #000;
	font-size: 12px;
	background: #F7F7F7;
	width: 150px;
	padding: 2px 0 2px 0;
}
	
#saved_lanes	ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100px;
	
}

#saved_lanes li{
margin:0 0 0 0;
padding:0;

}

#saved_lanes 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: 95px; 
	}

#saved_lanes 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_lanes li a:active {
	font-weight: normal;
	background: #000;
	color: #ffe;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-decoration: none;
}

#saved_lanes 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: 90px; 
}

#saved_lanes select{
width:150px;
}

#rateDataEntryDiv {
    background-color:#CCCCCC;
    background:#CCCCCC;
    display: block;
}

#rateResultsDiv {
    background-color:#CCCCCC;
    background:#CCCCCC;
    display: block;
}

#historyChart {
    background-color:#CCCCCC;
    background:#CCCCCC;
    display: none;
    position:relative;
    width:720px;
    height:170px;
    top:0px;
    left:0px;
    padding-left:0px;
}

#mapImage {
    background-color:CCCCCC;
    background:CCCCCC;
    display: none;
    width:520px;
    height:510px;
    top:0px;
    left:0px;
    padding-top:5px;
    padding-left:5px;
}

.zip{
width:60px;
}

.zip option{
background:#F58E8E;
background-color:#F58E8E;
}

#total_rpm{background:#CCCCCC;}
#total_rev{background:#CCCCCC;}
#market_rpm{background:#CCCCCC;}
#market_rev{background:#CCCCCC;}
#market_rate_d{background:#CCCCCC;}

#loads{
border:1px solid #666;
height:200px;
width:300px;
}

#load_tabs{
text-align:left;
margin: 0px;
 padding: 0px;
  }

#load_tabs ul {
 margin: 0px;
 padding: 0px;
 line-height: 30px;
 white-space: nowrap;
 border-right:1px solid #666;
}
#load_tabs li {
 background:#FFFFFF;
 list-style-type: none;
 display: inline;
 border-top:1px solid #666;
 
 border-left:1px solid #666;
 border-bottom:0;
}
#load_tabs li.selected{
 background:#EEE;
 }
#load_tabs li a {
 text-decoration: none;
 padding: 3px 3px;
 color: #0000FF;
}

#load_board_list ul{
margin: 0px;
padding: 0px;
text-align:left;
}
#load_board_list li{
display: box;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#loads_list ul{
margin: 0px;
padding: 0px;
text-align:left;
}

#loads_list li{
display: box;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#loads_list{
background:#FFFFFF;
}

#loads_list a{
color:#0000FF;
}

#loads_list table{
margin-top:5px;
border:1px solid #999;
}

.load_main {
border:1px solid #999;
background-color:#EEEEEE;
}

.load_header {
background-color:#DBD7FE;
}
.load_header_2 {
background-color:#C1F8CE;
}

#load_detail{
padding-left:5px;
padding-right:5px;
}

.sysalert {  
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
    text-align:left;
	color: DarkRed;
	background-color:pink;
    padding-left:5px;
}

.sysinfo {  
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
    text-align:left;
	color: #000000;
	background-color:cornsilk;
    padding-left:5px;
}

.tlrSubmitButton {
        
    background-color:#999;
    color:#fff;

}

.ssthumbnail
{
  float: left;
  padding: 6px;
  font-family:helvetica,arial,sans-serif;
  font-weight:bold;
  font-size:12px;
}

.ssthumbnail a:link
{
  color: #FF691E;
  text-decoration:none;
  font-family:helvetica;
}

.ssthumbnail a:visited
{
  color: #FF691E;
}

.ssthumbnail a:hover, a:active
{
  color: #B24A15;
}

.clearboth { clear: both; }

#loginform label {
    font-size:11px;
    width: 50px;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block
}

#loginform a {
    margin:5px;
}

#loginform input {
    margin-left: 0.2em;
    font-size:12px;
    width:120px;
}

#loginform #recover {
    width: 6em;
    font-size:10px;
    padding:5px 5px 5px 15px;
    
}

#loginform #recover a {
    color:#222;
}

#loginform submit {
    float:right;
}
