body {
        margin: 0;
        padding: 0;
        font-family: Arial, Helvetica, sans-serif;
        background-color:black;
}

table{
        background-color:white;
        font-size:12px;
        padding:0;
        margin:0;
        border:1px solid white;
}

#loading {
  display:block;

  width:500px;
  height: 40px;
  top: 95px;

  left: 15%;
  background:url(/images/loading.gif) no-repeat left ;
  border:0px;
  z-index:2;
  overflow: hide;
}

a, a:hover, a:visited, a:active{
        color: #1364b2;
}



th{
        font-size: 14px;
        font-weight: normal;
        background-color: #6699CC;
        color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding: 5px;
}

#header{
        font-size:16px;
        color: #FFFFFF;
        padding:3px;
}

#buttons{
        background-color:black;
        border:0px;
        padding:0;
        margin:0;
}

#footer{
        padding:5px;
        text-align:center       ;
}

#footer a{
        color:white;
        font-size:12px;
}

#root{
        padding:0;
        margin:10px auto 10px auto;
        width:1240px;

}

#content{
        width:100%;
        background-color:black;
}

.left_column{
        width:400px;
        background-color:white;
}

.right_column{
        width:820px;
        background-color:white;
}

.column{
        width:610px;
        background-color:white;
}


.space{
        width:16px;
        float:left;
}

.full{
        width:100%;
}


.wide{
        background-color:white;
        width:1240px;}

.metawide{
        background-color:white;
        width:1224px;
}

#map {
        width: 100%;
        height: 540px;
}

.map_border{
        padding:1px
}

.left{float: left;}

.clear{clear:both;}

.light_row{}

.dark_row{background-color:#EEE;}

.header{
        background-color: #6699CC;
        color:white;
        padding:3px;
        border-bottom:1px solid white;
}

.subheader{
        background-color: #d2eafc;
        padding:3px;
        font-size:14px;
}

.header a{
        color:white;

}

.pagination{
        text-align:center;
}

.truck_button{
        font-family:Arial;
        padding:7px 5px 5px 40px;
        width:85px;
        background-image:url("/images/truck_button.png");
        margin-right:10px;
}

.truck_button a{
        color:white;
        text-decoration:none;
        font-size:14px;
}

.error{
        color:red;
        font-size:13px;
}

#search_form{color:white;}

#search_results{
        position:absolute;
        width:150px;
        z-index:1;
        overflow-y:scroll;
        min-height:30px;
        max-height:300px;
        background-color:pink;
}

#search_results div{
        color:black;
        padding:3px;
}

.marker_text{
        color: #6699CC;
        font-size:10px;
}


#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

span#trailer_mileage{
    margin-left:  274px;
}

div#archive {
    text-align: center;
    width: 100%;
    background-color: #6699CC;
    color: white;
    height: 35px;
}

div#archive span {
    font-weight:  bold;
    font-size:  24pt;
}

#route_name_auto_complete {
  overflow: scroll;
  overflow-x: hidden;
  height: 20em;
}