/* SHIPPERNET ON PAGE STYLES */
body {margin: 0; background-color: #d5d5d5;}
.style1 {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
/* OUR LINK STYLES */
#main a:link {text-decoration: none; color: #00C;}
#main a:visited {text-decoration: none; color: #00C;}
#main a:active, #main a:hover {text-decoration: none; color: #FCA000;}
#main a.line:link {text-decoration: underline; color:#00C;}
#main a.line:visited {text-decoration: underline; color:#00C;}
#main a.line:active {text-decoration: underline; color:#C00;}
#main a.line:hover {text-decoration: underline; color:#FCA000;}
/* PAGE LAYOUT */
#main { /* CONTAINER FOR MODULES */
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
/* HOME MODULE SECTION */
#homeMod {
width: 400px; 
margin: 60px auto;
margin-bottom: 175px; /* Fill background Below Mod */
background: white;
border: solid 2px #FCA000; 
}
#homeMod h3 {
margin: 5px 0;
padding: 0;
text-align: center;
font-size: 12pt;
font-weight: bold;
color: #345A98;
}
#homeMod h3 span {
font-size: 10pt;
}
#homeMod .button {
width: 300px;
margin: 0;
padding: 0 0 10px 20px;
} 
#homeMod .submit {
width: 180px;
font-size: 10pt;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}
/* WHIP MODULE SECTION */
#whpMod { /* WOOIE LIST DIV */
margin: 0; 
padding: 0;
}
#whpMod #unavail { /* DETAIL LIST NO LONGER POSTED */
margin: 0;
padding: 0; 
background: #f9f9f9;
}
#whpMod #unavail p { /* DETAIL LIST NO LONGER POSTED */
margin: 0;
padding: 35px 0 50px 0; 
font-size: 9pt; 
font-weight: bold; 
text-align: center;
}
#whpMod #topBar { /* LIST CAPS */
width: 100%;
height: 24px;
margin: 20px 0 0 0;
padding: 0;
background: #FCA000;
}
#whpMod #footBar, #whpMod #midBar { /* LIST CAPS */
width: 100%;
height: 30px;
margin: 0;
padding: 0;
background: #FCA000;
}
#whpMod #topBar p, #whpMod #midBar p, #whpMod #footBar p { /* LIST CAP TEXT */
width: 100%;
margin: 0;
padding-top: 4px;
text-align: center;
font-size: 10pt;
font-weight: bold;
color: black;
}
#whpMod #midBar input, #whpMod #footBar input { /* BUTTONS */
width: 130px;
height: 22px;
font-size: 9pt;
font-weight: bold;
text-align: center;
color: #345A98;
font-family: Arial, Helvetica, sans-serif;
background: white; 
border: solid 2px #345A98;
}
#whpMod table { /* LIST TABLE */
width: 100%;
margin: 0;
padding: 0;
}
#whpMod tr.header { /* HEADER ROWS */
background: #dadada;
}
#whpMod thead td { /* HEADER CELLS */
margin: 0;
padding: 0 0 1px 3px;
font-size: 8pt; 
font-weight: bold; 
text-align: left; 
white-space: nowrap;
}
#whpMod tr.white { /* DATA ROWS */
background: white;
}
#whpMod tr.alt { /* DATA ROWS */
background: #f1f1f1;
}
#whpMod tbody td { /* DATA CELLS */
margin: 0;
padding: 1px 0 2px 3px; 
font-size: 8pt; 
color: black; 
font-weight: normal;
text-align: left;
vertical-align: top;
}
#whpMod tbody td span { /* PREVENT CONTACT PHONE FROM WRAPPING */
font-weight: bold;
white-space: nowrap;
}
#whpMod tbody td#none { /* NO LOADS OR TRUCKS LISTED */
margin: 0;
padding: 35px 0 50px 0; 
font-size: 9pt;
font-weight: bold;
color: black; 
text-align: center;
}
#whpMod tbody td.comment { /* COMMENT TEXT WOOIE LIST ONLY */
padding: 3px 2px 2px 4px; 
font-size: 7pt; 
color: black; 
text-align: left;
}
/* SEARCH MODULE SECTION */
#searchMod {
width: 480px; 
margin: 60px auto;
margin-bottom: 109px; /* Fill background Below Mod */
background: white;
border: solid 2px #FCA000;
}
#searchMod h3 {
margin: 5px 0;
padding: 0;
text-align: center;
font-size: 12pt;
font-weight: bold;
color: #345A98;
}
#searchMod .field {
clear: both;
margin: 0 0 3px 0; /* this makes IE 6 look like FF an Opera -  but IE 5.X gets doubled */
padding: 0;
}
#searchMod .field label {
float: left;
width: 150px;
margin: 3px 5px 0 0;
padding: 0;
text-align: right;
font-size: 10pt;
font-weight: bold;
color: #345A98;
}
#searchMod .field input {
float: left;
width: 180px;
margin: 0 0 3px 0;  /* this is correct way to space fields -  but IE 6 doesn;t get it */
padding: 0;
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
}
#searchMod .field input.short {
width: 30px;
}
#searchMod .field input.cbox {
width: 16px;
margin: 3px 0 0 5px;
padding: 0;
}
#searchMod .field span {
width: 160px;
margin: 2px 0 0 0;
padding: 0;
float: left;
font-weight: normal;
font-size: 9pt;
}
#searchMod .field select {
float: left;
width: 100px;
margin: 0 0 3px 0;  /* this is correct way to space fields -  but IE 6 doesn;t get it */
padding: 0;
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
#searchMod .field select.long {
width: 200px;
}
#searchMod .field option {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
#searchMod .button {
clear: both;
width: 300px;
margin: 0;
padding: 10px 0 10px 20px;
} 
#searchMod .submit {
width: 150px;
font-size: 10pt;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
/* USE PE MODULE SECTION */
#usePEMod {
width: 480px; 
margin: 60px auto;
margin-bottom: 135px; /* Fill background Below Mod */
background: white;
border: solid 2px #FCA000;
}
#usePEMod h2 {
margin: 10px 0;
padding: 0;
font-size: 12pt;
text-align: center;
color: #345A98;
}
#usePEMod p {
margin: 0 0 20px 0;
padding: 0 40px 0 30px;
font-size: 10pt;
text-align: left;
}
#usePEMod .button {
width: 300px;
margin: 0;
padding: 0 0 10px 20px;
} 
#usePEMod .submit {
width: 150px;
font-size: 10pt;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
/* GENERAL */
.clear { /* KEEPS FLOATED ELEMENTS ENCLOSED */
clear: both; 
height: 1px; 
overflow: hidden;
}
.block { /* KEEPS HIDDEN FORM ELEMENTS HIDDEN */
display: none;
}