html {width: 100%; height: 100%; background: white;}
img {border: none;}
a:link {text-decoration: underline; color: #C00;}
a:visited {text-decoration: underline; color: #C00;}
a:hover, a:active {text-decoration: underline; color: #00C;}
a.line:link, a.line:visited {text-decoration: underline; color: #C00;}
a.line:hover, a.line:active {text-decoration: underline; color: #399;}
a.sort:link, a.sort:visited {text-decoration: underline; color: #C00;}
a.sort:hover, a.sort:active {text-decoration: underline; color: #00C;}
a.join:link, a.join:visited {text-decoration: underline; color: #C00; font-size: 12px;}
a.join:hover, a.join:active {text-decoration: underline; color: #399; font-size: 12px;}

.buttons input, #prenext input, #close input, #closegc input, .adbuttons input {
background: white; color: #399;
border: solid 2px #399; border-top: solid 2px #66CCCC; border-left: solid 2px #66CCCC;
font-size: 13px; font-family: Arial, Helvetica, sans-serif;
}

.buttons input.submit {font-weight: bold;}
/* BILL's STYLES */ 


.titlematson { color: #990000; text-align: center; font-weight: 800; font-family:arial, verdana,times new roman, times,tahoma,arial,sans-serif; font-size: 16px; padding: 30px 20px 10px 20px; }
.contentmatson { color: #000000; font-family: arial,verdana,arial,sans-serif; font-size: 12px; padding:0 20px 0 20px;}
.name { color: #000000; font-family: times new roman,times,tahoma,verdana,arial,sans-serif; font-size: 24px; }
.customval { color: #000000; font-family: times new roman,times,verdana,arial,sans-serif; font-size: 18px; }
.text { color: #000000; font-family: verdana,arial,sans-serif;  font-size: 10pt; }
.bottomlink { color: #cc0000; font-family:  verdana,arial,sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; }
.formname { color: #ffffff; font-family: verdana,arial,sans-serif; font-size: 10px; }
 	
body {background: #ffffff; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; color: #000000;}
table {empty-cells: show;} 
table th {font-family: Arial, Helvetica, Verdana, sans-serif; font-variant: small-caps; font-size: 10pt; background: #fff; height: 20px; color: #399;} 
table td {empty-cells: show; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10pt;} 
#title {background-color: transparent; color: #399; font-family: 'Signet Roundhand', Times New Roman, Arial, Helvetica, Verdana, sans-serif; font-size: 32pt;  font-weight: bold;}
#titlemain { text-align: center; padding: 15px 0 15px 0; top: 12px; font-family: 'Times New Roman', Arial, Helvetica, Verdana, sans-serif; font-weight:bold; color:#399; font-size:24px;} 
#subTitle1 {background-color: transparent;  color: #399; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 10pt;   }
#subTitle2 {background-color: transparent;  color: #399; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14pt;  text-decoration: underline; }
#subTitle3 {background-color: transparent;  color: #ffffff; font-family: Verdana, Arial, Helvetica,  sans-serif; font-size: 8pt; font-weight: bold;}
#nav {background-color: transparent; }
#nav ul {list-style-type: none; margin: 0 0 0 12px; padding: 4px 0; text-align: left; font-family: Verdana, Arial, Helvetica  sans-serif;}
#nav ul li {margin: 0; padding: 14px 0 0 0;  color: white; font-family: Verdana, Arial, Helvetica,  sans-serif; font-variant: small-caps; font-size: 10pt; font-weight: bold;}
#nav a:link, #nav a:visited {background-color: transparent; color: white; font-size: 8pt; line-height: 13px; font-weight: bold; text-decoration: underline;}
#nav a:active, #nav a:hover {background-color: transparent; color: yellow; font-size: 8pt; line-height: 13px; font-weight: bold; font- text-decoration: none;}
#nav ul li span.nol {text-decoration: none;}
#nav ul li span.ind1 {padding: 1 0 1 20px;}
#nav ul li span.ind2 {padding: 2 0 2 10px;}
#Link {background-color: transparent; }
#Link a:link, #Link a:visited {background-color: transparent; color: #00F; font-size: 9pt; line-height: 13px; font-weight: bold; text-decoration: underline;}
#Link a:active, #Link a:hover {background-color: transparent;color: #00F; font-size: 10pt; line-height: 13px; font-weight: bold; font-style: italic; text-decoration: none;}
/* CORE CONTENT */
#py {
width: 100%; 
margin: 0 auto; padding: 0; 
text-align: center; /* IE centering hack */
}
#py form {
margin: 0; padding: 0;
text-align: center; /* IE centering hack */
}
#py .help {
padding: 0 0 0 10px;
font-weight: bold;
}
/* BOXES and HEADERS */
#formbox, #findbox, #postbox, #listbox, #detailbox, #menubox, #errorbox {
text-align: center; /* IE centering hack */
border-top: solid 4px #399;
}
#mybox {
text-align: center; /* IE centering hack */
}
#mybox h3 {
margin: 0 0 0 0;
font-size: 15px; font-weight: bold;
background: #399; color: white;
}

#logbox h4, #formbox h4, #menubox h4, #errorbox h4 {
margin: 0 0 3px 0;
padding: 2px;
font-size: 13px;
background: #399; color: white;
text-align: center;
}
#formbox h5 {
margin: 6px 0 3px 0;
padding: 2px;
clear: both;
font-size: 12px;
background: #399; color: white;
text-align: center;
}

/* FormMod - Login - Signup - Contact - etc. */
#formMod {
width: 620px; 
margin: 5px auto;
border-bottom: solid 3px #399;
text-align: center;
}
#formMod #accountwrapper {
width: 460px;
margin: 0 auto;
text-align: center;
}
#formMod .field {clear: both;}
#formMod .field label {
float: left;
width: 125px;
margin: 4px 0 0 0;
text-align: right;
font-size: 11px; font-weight: bold;
color: #066;
}
#formMod .field label.login {width: 200px;}
#formMod .field label.zip {width: 87px;}
#formMod .field label.dot {width: 37px;}
#formMod .field input {
width: 200px; height: 22px;
margin: 1px 0 1px 3px;
padding-left: 2px;
float: left;
background: white;
border: solid 1px #399;
}
#formMod .field input.dissed {border-color: #999; background: #f8f8f8; color: black;}
#formMod .field input.short {width: 30px;}
#formMod .field input.med {width: 80px;}
#formMod .field input.long {width: 300px;}
#formMod .field input.ccstat {
width: 24px;
padding: 2px 0 0 3px;
font-size: 15px; font-weight: bold; 
background: #EFECEC; color: black;
border: none;
}
#formMod .field select {
width: 200px; height: 20px;
margin: 1px 0 1px 3px;
padding-left: 2px;
float: left;
background: white;
border: solid 1px #399;
}
#formMod .field select.short {width: 30px;}
#formMod .field select.med {width: 80px;}
#formMod .field p {
margin: 0 auto;
padding: 5px 0;
font-size: 13px;
color: #066;
}
#formMod .field p.status {padding: 4px 0 1px 0; font-weight: bold; color: #00C;}
#formMod .field input.check {width: 20px; border: none; background: #EFECEC;}
#formMod .field input.radio {
width: 20px; 
height: 16px; 
margin: 5px 0 0 0; 
border: none; 
background: #EFECEC;
}
#formMod .field span {font-size: 11px; float: left; padding: 4px 0 0 5px;}
#formMod textarea {
width: 200px; height: 48px;
margin: 1px 0 1px 3px;
padding-left: 2px;
font-size: 12px; font-family: Arial, Helvetica, Sans-serif;
border: solid 1px #399;
background: white;
}
#formMod .buttons {
clear: both;
padding: 5px 0; 
text-align: center; 
}
#formMod .buttons input {
width: 100px; height: 24px;
font-weight: bold;
background: white; color: #066;
border: solid 2px #399; border-top: solid 2px #6CC; border-left: solid 2px #6CC;
}
#formMod .error { /* login */
clear: both;
padding: 5px 0;
font-size: 12px; font-weight: bold;
color: #00C;
text-align: center;
}
#formMod #reset { /* login - forgot password */
clear: both;
padding: 5px 0; 
font-size: 11px; font-weight: bold;
text-align: center;
}
#formMod #pwreset {
width: 140px; 
font-weight: bold;
}
#formMod #csnote {
clear: both;
margin: 0 0 0 130px;
font-size: 11px;
text-align: left;
}
/* LOAD ENTRY MODULE SECTION */
#entryMod {
width: 620px; 
margin: 5px auto;
border-bottom: solid 3px #399;
}
#entryMod .field {
clear: both;
margin: 0 0 2px 0; /* this makes IE 6 look like FF an Opera -  but IE 5.X gets doubled */
text-align: center;
}
#entryMod .field label {
float: left;
width: 100px;
margin: 4px 0 0 0;
text-align: right;
font-size: 11px; font-weight: bold;
color: #066;
}
#entryMod .field label.short {width: 50px;}
#entryMod .field label.truck {width: 72px;}
#entryMod .field label.fullpart {width: 75px;}
#entryMod .field label.qty {width: 30px;}
#entryMod .field label.com {width: 80px;}
#entryMod .field input {
float: left;
width: 180px; height: 22px;
margin: 0 0 2px 3px;  /* this is correct way to space fields -  but IE 6 doesn;t get it */
font-size: 13px;
background: white;
border: solid 1px #6CC;
font-family: Arial, Helvetica, sans-serif;
}
#entryMod .field input.short {width: 30px;}
#entryMod .field input.co {
width: 280px;
margin-bottom: 5px;
}
#entryMod .field input.comment {width: 200px;}
#entryMod .field input.dissed {
background: #F1F1F1; color: black;
}
#entryMod .field span {
float: left;
padding: 3px 3px 0 3px;
font-size: 12px;
}
#entryMod .field span.contactnote {
padding-left: 20px;
font-size: 12px;
}
#entryMod .field select {
float: left;
width: 200px; height: 20px;
margin: 0 0 2px 3px;  /* this is correct way to space fields -  but IE 6 doesn;t get it */
font-size: 13px; font-weight: normal; 
background: white;
border: solid 1px #6CC;
font-family: Arial, Helvetica, sans-serif;
}
#entryMod .field select.short {width: 50px;}
#entryMod .field select.date {width: 70px;}
#entryMod .field select.tt {width: 180px;}
#entryMod .field select.fp {width: 80px;}

#entryMod .line {
clear: both;
width: 100%; height: 3px;
margin: 5px 0;
background: #399;
}
#entryMod #alerts {
margin: 10px 40px;
text-align: left;
font-size: 12px; font-weight: bold; 
}
#entryMod #alerts span {display: none;} /* Turned on by Validation Script */
#entryMod #alerts span.warn {display: block; color: #060;}
#entryMod #alerts span.error {display: block; color: #009;}
#entryMod #alerts span.pass {display: none;}
#entryMod #message {
width: 410px; 
margin: 10px auto;
background: #FFD;
border: solid 2px #399;
}
#entryMod #message h2 {
margin: 5px 0 2px 0;
padding: 0 30px 0 20px;
font-size: 13px;
text-align: left;
color: #066;
}
#entryMod #message p {
margin: 0 0 3px 0; padding: 0 30px;
font-size: 11px;
text-align: left;
color: black;
}
#entryMod #message p span {
font-weight: bold; 
color: #066;
}


#entryMod .buttons {
clear: both;
padding: 5px 0; 
text-align: center; 
}


#entryMod .buttons input {
width: 120px; height: 24px;
font-weight: bold;
background: white; color: #066;
border: solid 2px #399; border-top: solid 2px #6CC; border-left: solid 2px #6CC;
}


#usePEMod, #useIFTMod {
width: 480px; 
margin: 10px auto;
text-align: center;
background: #f1f1f1;
border: solid 2px #399;
}
#usePEMod h2, #useIFTMod h2 {
margin: 10px 0; padding: 0;
font-size: 16px;
text-align: center;
color: #399;
}
#usePEMod p, #useIFTMod p {
margin: 0 0 20px 0; padding: 0 30px 0 20px;
font-size: 13px;
text-align: left;
}
#usePEMod #getpe {
width: 300px;
margin: 8px auto;
text-align: center;
}
#usePEMod #getpe a {
font-size: 14px; font-weight: bold;
color: red;
text-decoration: underline;
}
/* SEARCH MODULE SECTION */
#searchMod {
width: 640px; 
margin: 5px auto;
}
#searchMod .field {
clear: both;
margin: 0 0 2px 0; /* this makes IE 6 look like FF an Opera -  but IE 5.X gets doubled */
text-align: center;
}
#searchMod .field label {
float: left;
width: 125px;
margin: 4px 0 0 0;
text-align: right;
font-size: 11px; font-weight: bold;
color: #066;
}
#searchMod .field label.radius {width: 50px;}
#searchMod .field label.tt {width: 65px;}
#searchMod .field label.fp {width: 20px;}
#searchMod .field input {
float: left;
width: 180px; height: 22px;
margin: 0 0 2px 3px;  /* this is correct way to space fields -  but IE 6 doesn;t get it */
background: white;
border: solid 1px #6CC;
font-family: Arial, Helvetica, sans-serif;
}
#searchMod .field input.short {width: 30px;}
#searchMod .field input.comp {width: 165px;}
#searchMod .field select {
float: left;
width: 200px; height: 20px;
margin: 0 0 2px 3px;  /* this is correct way to space fields -  but IE 6 doesn;t get it */
background: white;
border: solid 1px #6CC;
font-weight: normal; font-family: Arial, Helvetica, sans-serif;
}
#searchMod .field select.short {width: 50px;}
#searchMod .field select.med {width: 70px;}
#searchMod .field select.truck {width: 135px;}
#searchMod .field option {
font-weight: normal;
font-family: Arial, Helvetica, sans-serif; 
}

#searchMod .buttons {
float: left;
margin: 0 10px;
}


#searchMod .buttons input {
width: 160px; height: 21px;
font-size: 12px; font-weight: bold;
color: #066; background: white; 
border: solid 2px #399; border-top: solid 2px #6CC; border-left: solid 2px #6CC;}


/* WHIP LIST MODULE SECTION */
#whpMod {
clear: both; 
position: relative; top: 0; left: 0;
}
#whpMod #manage {
float: left; clear: both;
height: 20px;
margin: 2px 0;
}
#whpMod #manage a.managelink {
height: 16px;
margin: 0 0 0 2px; padding: 0 3px;
font-size: 11px;
background: white; color: #066;
border: solid 2px #399; border-top: solid 2px #6CC; border-left: solid 2px #6CC;
}
#whpMod #resultsnote {
float: left;
margin: 1px 0 4px 0;
font-size: 12px;
text-align: left;
color: black;
}
#whpMod #unavail {background: white;} /* DETAIL LIST NO LONGER POSTED */
#whpMod #unavail { /* DETAIL LIST NO LONGER POSTED */
padding: 35px 0 55px 0; 
font-size: 12px; font-weight: bold; 
text-align: center;
}
#whpMod #footBar { /* LIST CAPS */
width: 100%; height: 30px;
background: white;
}
#whpMod #footBar p { /* LIST CAP TEXT */
padding-top: 5px;
font-size: 16px; font-weight: bold;
text-align: center;
}

#whpMod #footBar input { /* BUTTONS */
width: 120px; height: 24px;
color: #066;
background: white; 
border: solid 2px #399; border-top: solid 2px #6CC; border-left: solid 2px #6CC;
}

#whpMod #footBar input.disabled { /* BUTTONS */
width: 120px; height: 22px;
background: #CCC; color: #666;
border: solid 2px #666; border-top: solid 2px #999; border-left: solid 2px #999;
}
#whpMod table  {width: 100%; clear: both;} /* LIST TABLE */
#whpMod tr.header {background: #d3dbd3;} /* HEADER ROWS */
#whpMod thead td { /* HEADER CELLS */
padding: 0 0 1px 3px;
font-size: 11px; font-weight: bold;
color: #066; 
text-align: left; 
white-space: nowrap;
}
#whpMod .detail thead td {font-size: 12px;}
#whpMod tr.white {background: white;} /* DATA ROWS */
#whpMod tr.alt {background: #f4fcf4;} /* DATA ROWS */
#whpMod tbody td { /* DATA CELLS */
padding: 1px 0 2px 3px; 
font-size: 11px; font-weight: normal;
color: black; 
text-align: left;
vertical-align: top;
border-top: solid 1px #FFE9AD;
}
#whpMod .detail tbody td {font-size: 13px;}
#whpMod tbody td span {font-weight: bold; white-space: nowrap;}/* PREVENT CONTACT PHONE FROM WRAPPING */
#whpMod tbody td#none { /* NO LOADS OR TRUCKS LISTED */
margin: 0; padding: 20px 0 30px 0; 
font-size: 14px; font-weight: bold;
line-height: 50px;
color: black; 
text-align: center;
}
#whpMod tbody td input.cbox {
width: 12px; height: 12px;
margin: 0; padding: 0;
}
#pagemenu {
padding: 2px 0 5px 0;
font-size: 12px; font-weight: bold;
text-align: center;
border-top: solid 3px #399;
}
#whpMod #pagemenu a {text-decoration: underline; padding: 0 3px;}
#prenext {
text-align: center;
}

#prenext input { /* Previous-Next BUTTONS */
width: 80px; height: 20px;
font-size: 12px; font-weight: bold;
}

#prenext input.disabled { /* BUTTONS */
background: #FFF; color: #999; 
border: solid 2px #999; border-top: solid 2px #CCC; border-left: solid 2px #CCC;
}



/* CONTAINER FOR MODULES */
#main hr.clr {clear: both; margin: 3px 0; visibility: hidden;}
/* HOME MODULE SECTION */
#homeMod {
width: 640px; 
margin: 5px auto;
text-align: center;
}

#homeMod input.submit { /* BUTTONS */
clear: left;
width: 160px; height: 24px;
margin: 8px 0 0 0;
font-weight: bold;
border: solid 2px #399; border-top: solid 2px #6CC; border-left: solid 2px #6CC;
background: #F8F6F6; color: #399;
}


/* Sitemap and Links */
.linklist {clear: both;}
.linklist ul {list-style-type: none; margin: 5px 0 0 10px; font-size: 13px;}
/* Admin BOX and Error BOX*/
#errorbox p.response {font-weight: bold; color: black; margin: 20px 30px;}
#errorbox p.error {font-weight: bold; color: #399; margin: 20px 30px;}
#adminbox .buttons, #errorbox .buttons {clear: both; margin: 5px auto; text-align: center;}
#adminbox .buttons input {width: 140px; margin: 3px 4px; font-weight: bold;}
#errorbox .buttons input {width: 140px; margin: 5px 4px 20px 0; font-weight: bold;}
#tandc {margin: 5px; padding: 5px 10px; text-align: left; font-size: 12px; background: white;}
#tandc p {margin: 5px 0;}

#close {text-align: center; background: white; padding: 0 0 5px 0;}
/* FOOTER */
#foot p {clear: both; text-align: center; margin: 10px 0 0 0; padding: 1px 0; font-size: 9px; color: #399;}
/* GENERAL */
.clear {clear: both; height: 1px; overflow: hidden;} /* KEEPS FLOATED ELEMENTS ENCLOSED */
.block {display: none;}

#dd {
    margin-left: 1%;
    padding: 0 0 3px;
}
#dd ul {
    padding: 0;
}
#dd li {
    float: left;
    font: bold 11px arial;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#dd li a.menu {
    background: none repeat scroll 0 0 #ffffff;
    color: #FF0000;
    display: block;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 10pt;
    font-variant: small-caps;
    margin: 7px 10px;
    padding: 0;
    text-align: center;
    text-decoration: underline;
}
#dd li a.menu:hover {
    background: none repeat scroll 0 0 #ffffff;
}
.submenu {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #ffffff;
    position: absolute;
    visibility: hidden;
    
    z-index: 3;
}
.submenu a {
    border-bottom: 1px solid #C3C2BD;
    color: #ff0000;
    display: block;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 8pt;
    
    margin: 5px 0 2px 3px;
    text-align: left;
    text-decoration: none;
}
.submenu a:hover {
    background: none repeat scroll 0 0 #ffffff;
    color: #000000;
}