/*=====================================================================*/
/*  Body */
/*=====================================================================*/
body {
    background: url("images/background.gif") repeat top left;
    margin: 0;
    font-family: Tahoma, serif;
}

/*=====================================================================*/
/*  Generic Table Stuff */
/*=====================================================================*/

td.sectionHeaderText {
    color: white;
    font-family: Verdana, tahoma, Arial, serif;
    font-size: 13px;
    font-weight: bold;
    background-color: #000033;
}

td {
    font-family: Verdana, tahoma, Arial, serif;
    font-size: 12px;
    font-weight: bold;
    background: #8492A7;
}

td.topBar {
    background: url("images/mainTableTopBars.jpg") top left;
    height: 35px;
    text-align: center;
}

td#mainHeader {
    background: url("images/mainHeaderBackground.jpg") repeat-x top left;
}

td#truckerName {
    height: 20px;
    font-family: Tahoma, serif;
    font-size: 11px;
    font-weight: bold;
}

td#mainNav {
    background: url("images/mainNavBackground.jpg") repeat-x top left;
    height: 35px;
    font-family: Tahoma, serif;
    font-size: 9px;
    font-weight: bold;
}

td#spacer {
    height: 20px;
    background: none;
}

td#instructions {
    padding: 10px 0 10px 25px;
}

/*=====================================================================*/
/*  img */
/*=====================================================================*/
img#mainHeaderText {
    float: left;
    margin-left: 100px;
}

img#mainHeaderLogos {
    float: right;
    margin-right: 20px;
}

/*=====================================================================*/
/*  statBar */
/*=====================================================================*/

#statBar {
    background: url("images/mainTableStatBar.jpg") repeat-x top left;
    height: 35px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
}

/*=====================================================================*/
/*  dataTable */
/*=====================================================================*/

table#dataTable {
    font-family: Tahoma, serif;
    font-size: 10px;
    color: #000;
    border: 1px solid #FFF;
    font-weight: bold;
}

table#dataTable td {
    padding: 2px;
    text-align: center;
}

table#dataTable th.nopad {
    background: #003;
    color: #FFF;
    text-align: center;
    padding: 3px;
    font-size: 12px;
}

table#dataTable th {
    background: #003;
    color: #FFF;
    text-align: center;
    padding: 3px;
    font-size: 12px;
}

table#dataTable th.alternate {
    background: #5A687C;
}

table#dataTable td {
    background: #6F7E97;
}

table#dataTable td.alternate {
    background: #8492A7;
}

table#dataTable tr.alternate td {
    background: #B0A592;
}

table#dataTable tr.alternate td.alternate {
    background: #C9C2B5;
}

table#dataTable div.changer {
    display: none;
}

/*=====================================================================*/
/*  input */
/*=====================================================================*/

input, select, span.nudge {
    font-family: Tahoma, serif;
    font-size: 10px;
    padding: 1px;
    margin: 1px;
    border: 1px solid #777;
    background: #fff;
}

input.required, select.required option, span.required {
    background: #fff;
}

input.nopadd {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
}

/*=====================================================================*/
/*  A */
/*=====================================================================*/
A {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000;
    FONT-FAMILY: Verdana, tahoma, Arial, serif;
    TEXT-DECORATION: underline;
}

A:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #fff;
    FONT-FAMILY: Verdana, tahoma, Arial, serif;
    TEXT-DECORATION: underline;
}

td#mainNav a:link, td#mainNav a:visited, td#mainNav a:hover, td#mainNav a:active {
    color: #000;
    text-decoration: none;
    margin-left: 15px;
    padding-left: 9px;
    background: url("images/mainNavSquare.gif") no-repeat center left;
}

td#mainNav a:hover {
    text-decoration: underline;
}