* {margin: 0; padding: 0;}
html {width: 100%; height: 100%;}
a:link {color: #F72126; text-decoration: none;}
a:visited {color: #F72126; text-decoration: none;}
a:hover, a:active {color: #3C297D; text-decoration: underline;}
a.navlink:link, a.navlink:visited {color: #3C297D; text-decoration: none;}
img {border: none;}
body {
text-align: center; /* IE Hack to Center Page*/
font-size: 15px; font-family: Arial, Helvetica, Sans-serif;
background: #BCB7D5; color: black;
}

#container {
position: absolute; top: 0; left: 0;
padding: 0 0 20px 0;
width: 100%;
}
#page {
position: relative; top: 0;
width: 750px; height: auto;
margin: 0 auto; padding: 0;
background: #f8f8f8;
border: 1px solid #3C297D; border-top: none;
text-align: left; /* IE Hack to Center Page PART 2 - keep text left aligned */
}
/* MODAL WINDOW */
#modalWin {
position: absolute; top: 0; left: 0; z-index: 20;
width: 100%; height: 100%;
overflow: hidden;
cursor: wait;
}
/* MODAL PROCESSING REQUEST BOX */
#progressWin {
position: absolute; top: 0; left: 0; z-index: 50;
width: 100%; height: 100%;
overflow: hidden;
cursor: wait;
}
#progressWin #progmsg {
position: fixed; top: 240px; left: 380px; z-index: 50;
width: 300px; height: 72px;
background: #ddd url(../graphics/LS_processing.gif) no-repeat top left;
border: solid 3px #aaa; border-top: solid 3px #eee; border-left: solid 3px #eee;
}
#progressWin #progmsg p {
margin: 15px 5px 5px 112px;
font-size: 14px; font-weight: bold;
}
#progressWin #progmsg a {
position: absolute; top: 40px; right: 20px;
margin: 0; padding: 4px 8px;
font-size: 12px; font-weight: bold;
text-decoration: none;
background: #ddd; color: #000;
border: solid 2px #aaa; border-top: solid 2px #eee; border-left: solid 2px #eee;
}
/* DEBUG WINDOW */
#comTrace {
position: absolute; top: 1px; left: 2px; z-index: 20;
}
#debugWin {
position: absolute; top: 100px; left: 100px; z-index: 50;
width: 100%; height: 100%;
overflow: hidden;
cursor: wait;
}
#debugWin textarea {
color: blue; background: #ededed;
border: solid 1px black;
}
/* ALERT WINDOW */
#alertWin {
position: absolute; top: 160px; left: 300px; z-index: 51;
width: 305px;
background: #d8d8d8; color: black;
border: solid 3px #aaa; border-top: solid 3px #eee; border-left: solid 3px #eee;
}
#alertWin h4 {
width: 295px; height: 20px;
margin: 0 0 5px 0; padding: 7px 0 0 10px;
font-size: 12px;
background: #d1d1d1; color: #334;
border-bottom: solid 1px #334;
}
#alertWin textarea {
width: 260px; height: 90px;
margin: 5px 0 0 20px;
font-size: 14px;
overflow: hidden;
}
#alertWin .buttons {
margin: 15px 0 15px 180px;
}
#alertWin .buttons a.button {
height: 30px;
margin: 2px; padding: 3px 6px;
font-size: 12px; font-weight: bold;
text-decoration: none;
background: #e1dfef; color: #334;
border: solid 2px #565486; border-top: solid 2px #f1f1f1; border-left: solid 2px #f1f1f1;
}
#alertWin .buttons a.button:hover {
background: #00c; color: #e1dfef;
}
#top {
position: absolute; top: 0; left: 0;
width: 750px; height: 122px;
background: #3C297D url(../graphics/load_solutions.jpg) no-repeat top left;
}
#top #call {
position: absolute; top: 86px; left: 462px;
font-size: 19px; font-weight: bold; font-style: italic;
color: #3C297D;
}
#top #dash {
position: absolute; top: 108px; left: 0;
width: 750px; height: 14px;
margin: 0;
background: transparent url(../graphics/load_solutions_dash.gif) no-repeat bottom left;
}
/* NAV SECTION */
#nav {
position: relative; top: 122px; left: 0;
height: 24px;
border-bottom: solid 1px #3C297D;
background: #BCB7D5;
}
#nav ul {
float: left;
list-style-type: none;
padding: 3px 5px 0 0;
font-size: 13px;
}
#nav ul li {
float: left;
padding: 4px 0 1px 4px;
}
#nav ul li em {
font-weight: bold;
color: red;
}
#nav ul li span {
font-weight: bold; font-style: italic;
}
#nav a.navlink {
padding: 3px 5px 1px 5px;
background: #EFEEF5;
border: solid 1px #3C297D;
}
#nav a.navlink:hover {
background: #ffc; color: #900;
text-decoration: underline;
}
#nav a.navlinkthis {
padding: 3px 5px 1px 5px;
background: #3C297D; color: white;
border: solid 1px #3C297D;
}
/* MAIN SECTION */
#mid {
margin: 122px 0 0 0; padding: 5px 0 0 0;
width: 750px;

clear: both;
}
/* FEATURED CONTENT */
#featured {
width: 597px;
float: right;
padding: 0 3px 0 0;
}
#featured h1, #featured h2 {
margin: 0; padding: 6px 0 2px 0;
font-size: 19px;
color: #3C297D;
}
#featured p {
margin: 2px 20px 8px 15px; padding: 0;
font-size: 12px;
}
#featured p a em {
font-weight: bold;
color: red;
}
#featured h3 {
margin: 10px 0 5px 10px; padding: 0;
font-size: 16px;
color: #3C297D;
}
#featured #empty {
width: 130px; height: 196px;
clear: right;
float: right;
margin: 0 0 0 10px; padding: 0 10px 0 0;
background: transparent url(../graphics/empty.jpg) top left no-repeat;
}
#featured #emptytext {
width: 130px;
clear: right;
float: right;
margin: 0 0 0 10px; padding: 0 6px 0 0;
font-size: 13px; font-weight: bold;
color: red;
}
#homelist ul {
list-style-type: circle;
margin: 0 0 0 30px; padding: 0 2px 5px 0;
font-size: 13px;
}
/* LOGIN BOX */
#logbox {
width: 170px;
float: right;
margin: 3px 0 10px 10px; padding: 4px;
background: white;
border: solid 1px #3C297D;
}
#logbox h4 {
margin: 0 0 2px 0; padding: 2px;
font-size: 13px;
background: #BCB7D5; color: #600;
text-align: center;
}
#logbox .field {
clear: both;
}
#logbox .field label {
width: 55px;
float: left;
padding: 5px 0 0 0;
text-align: right;
font-size: 11px;
color: #3C297D;
}
#logbox .field input {
width: 100px; height: 18px;
margin: 0 0 0 3px;
float: left;
font-size: 13px;
background: white;
border: solid 1px #BCB7D5;
}
#logbox .buttons {
width: 160px;
clear: both;
}
#logbox .buttons input {
width: 80px; height: 22px;
float: left;
margin: 5px 0 2px 58px;
font-size: 11px; font-weight: bold;
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
background: #f1f1f1; color: #3C297D;
}
#logbox .error {
clear: both;
margin: 0 0 0 5px;
font-size: 12px; font-weight: bold;
color: #900;
}
#logbox #csnote { /* login is case-sensitive */
display: none; /* show on login page only */
}
#logbox #reset { /* login - forgot password */
clear: both;
margin: 0 0 0 58px;
font-size: 10px;
}
/* SIDEBAR CONTENT */
#sidebar {
position: absolute; top: 147px;
width: 145px; height: 200px;
}
#sidebar #truck {
width: 144px; height: 158px;
float: left;
background: transparent url(../graphics/truck.jpg) top left no-repeat;
}
#sidebar #links {
width: 140px;
clear: left;
float: left;
padding: 0 0 0 5px;
}
#sidebar #links ul {
list-style-type: none;
font-size: 13px; font-weight: bold;
}
#sidebar #links ul li {
padding: 5px 0 0 0;
}
#sidebar #links ul li a em {
color: #060;
}
#sidebar #mhc {
width: 88px; height: 33px;
float: left;
margin: 5px 0 0 0;
background: transparent url(../graphics/MHC_logo.gif) top left no-repeat;
}
#sidebar #mhc #mhclink {
width: 88px; height: 33px;
float: left;
}
#sidebar #mhc #mhclink span {
display: none;
}
#sidebar #mhctext {
clear: both;
width: 88px;
font-size: 10px;
text-align: center;
color: #3C297D;
}
#sidebar #otc {
width: 112px; height: 82px;
float: left;
margin: 5px 0 0 0;
background: transparent url(../graphics/otc.gif) top left no-repeat;
}
#sidebar #otc #otclink {
width: 112px; height: 82px;
float: left;
}
#sidebar #otc #otclink span {
display: none;
}
/* SIGN UP */
#formbox {
width: 500px;
margin: 3px 3px 10px 0; padding: 4px;
float: left;
background: white;
border: solid 1px #3C297D;
}
#formbox h4 {
margin: 0 0 2px 0; padding: 2px;
font-size: 13px;
background: #BCB7D5; color: #600;
text-align: center;
}
#formbox h5 {
margin: 0 0 2px 0; padding: 2px;
clear: both;
font-size: 12px;
background: #BCB7D5; color: #600;
text-align: center;
}
#formbox .field,
#formbox .fieldok,
#formbox .fielderror {
clear: both;
}
#formbox .field label,
#formbox .fieldok label,
#formbox .fielderror label {
width: 180px;
float: left;
padding: 5px 0 0 0;
font-size: 11px; font-weight: bold;
color: #3C297D;
text-align: right;
}
#formbox .field input,
#formbox .fieldok input,
#formbox .fielderror input {
width: 200px; height: 18px;
margin: 1px 0 1px 3px; padding-left: 2px;
float: left;
font-size: 13px;
background: white;
border: solid 1px #BCB7D5;
}
#formbox .field input.locked,
#formbox .fieldok input.locked,
#formbox .fiefielderrorld input.locked {
color: black;
border: none;
}
#formbox .field input.dissed,
#formbox .fieldok input.dissed,
#formbox .fielderror input.dissed {
color: #006;
background: #EFEEF5;
}
#formbox .field input.short,
#formbox .fieldok input.short,
#formbox .fielderror input.short {
width: 30px;
}
#formbox .field input.med,
#formbox .fieldok input.med,
#formbox .fielderror input.med {
width: 80px;
}
#formbox .field input.long,
#formbox .fieldok input.long,
#formbox .fielderror input.long {
width: 300px;
}
#formbox .field p,
#formbox .fieldok p,
#formbox .fielderror p {
margin: 0 60px 0 178px; padding: 5px 0;
font-size: 12px;
color: #600;
}
#formbox .field input.check,
#formbox .fieldok input.check,
#formbox .fielderror input.check {
width: 20px;
}
#formbox .field input.radio,
#formbox .fieldok input.radio,
#formbox .fielderror input.radio {
width: 20px; height: 16px;
margin: 5px 0 0 0;
}
#formbox .field select,
#formbox .fieldok select,
#formbox .fielderror select {
width: 200px; height: 18px;
float: left;
margin: 1px 0 1px 3px; padding-left: 2px;
font-size: 13px;
background: white;
border: solid 1px #BCB7D5;
z-index: 0;
}
#formbox .field select.short,
#formbox .fieldok select.short,
#formbox .fielderror select.short {
width: 50px;
}
#formbox .field select.med,
#formbox .fieldok select.med,
#formbox .fielderror select.med {
width: 70px;
}

#formbox .field span,
#formbox .fieldok span,
#formbox .fielderror span {
float: left;
padding: 4px 0 0 5px;
font-size: 11px;
}
#formbox textarea {
width: 300px; height: 48px;
margin: 1px 0 1px 3px;
padding-left: 2px;
font-size: 12px; font-family: Arial, Helvetica, Sans-serif;
border: solid 1px #BCB7D5;
background: white;
}
#formbox .fielderror input,
#formbox .fielderror select,
#formbox .fielderror textarea {
color: #c00; background: #fbb;
}
#formbox .buttons {
clear: both;
float: left;
padding: 0 0 10px 182px;
}
#formbox .buttons input {
width: 100px; height: 24px;
float: left;
margin: 5px 5px 2px 0;
font-size: 13px;
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
background: #f1f1f1; color: #3C297D;
}
#formbox .buttons input.admin {
width: 60px;
font-weight: bold;
}
#formbox .buttons input.cancelsub {
width: 205px;
font-weight: bold;
}
#formbox .buttons input.submit {
font-weight: bold;
}
#formbox .buttons span#buttonAjax input { /* Ajax image buttons for paypal */
border: none;
}
#formbox .field label em {
font-weight: bold;
color: red;
}
#formbox .error { /* login */
clear: both;
margin: 0 0 10px 0px;
font-size: 12px; font-weight: bold;
color: #900;
text-align: center;
}

#formbox #csnote { /* login is case-sensitive */
clear: both;
margin: 0 0 5px 184px;
font-size: 11px;
}
#formbox #reset { /* login - forgot password */
clear: both;
margin: 0 0 5px 184px;
font-size: 11px; font-weight: bold;
}
#formbox #pwreset {
width: 140px; 
font-weight: bold;
}
#main { /* CONTAINER FOR MODULES */
text-align: center;
}
#main a:link {text-decoration: none; color: #3C297D;}
#main a:visited {text-decoration: none; color: #3C297D;}
#main a:active, #main a:hover {text-decoration: none; color: #C00;}
#main a.line:link, #adminlistbox a.line:link {text-decoration: underline; color: #3C297D;}
#main a.line:visited, #adminlistbox a.line:visited {text-decoration: underline; color: #3C297D;}
#main a.line:active, #adminlistbox a.line:active {text-decoration: underline; color: #C00;}
#main a.line:hover, #adminlistbox a.line:hover {text-decoration: underline; color: #C00;}

#main #demonote {
clear: both;
margin: 2px 0 2px 0;
font-size: 12px; font-weight: bold;
color: #600;
text-align: left;
}
#main #manage {
width: 300px; height: 20px;
float: left; clear: left;
text-align: left;
}
#main #manage a.managelink {
height: 16px;
margin: 0 5px 0 0; padding: 0 3px;
font-size: 12px;
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
background: #f1f1f1; color: #3C297D;
}
#main #resultsnote {
width: 410px;
float: left;
margin: 1px 0 4px 0;
font-size: 13px;
color: #3C297D;
text-align: left;
}
#main #resultsnoteship {
width: 450px;
float: left;
margin: 1px 0 4px 0;
font-size: 13px;
color: #3C297D;
text-align: left;
}
#main hr.clr {
clear: both;
margin: 3px 0;
visibility: hidden;
}

#main .error { /* login */
clear: both;
margin: 0 0 10px 0px;
font-size: 12px; font-weight: bold;
color: #900;
text-align: center;
}
#menubox, #errorbox, #adminbox, #adminlistbox {
width: 500px;
float: left;
margin: 3px 3px 10px 0; padding: 4px;
background: white;
border: solid 1px #3C297D;
}
#findbox {
width: 540px;
float: left;
margin: 3px 3px 10px 0; padding: 4px;
background: white;
border: solid 1px #3C297D;
}
#postbox {
width: 580px;
float: left;
margin: 3px 3px 10px 0; padding: 4px;
background: white;
border: solid 1px #3C297D;
}
#listbox, #detailbox {
width: 720px;
margin: 0 0 10px 10px; padding: 4px;
background: white;
border: solid 1px #3C297D;
}
#searchbox {
width: 500px;
}

#searchbox .error { /* login */
clear: both;
font-size: 12px; font-weight: bold;
color: #900;
text-align: center;
}
#menubox h4, #findbox h4, #postbox h4 {
margin: 0 0 2px 0; padding: 2px;
font-size: 13px;
background: #BCB7D5; color: #600;
text-align: center;
}
/* HOME MODULE SECTION */
#homeMod {
margin: 0 auto; padding: 12px 0;
}
#homeMod .button {
margin: 0; padding: 5px 0;
} 
#homeMod .button input { /* BUTTONS */
height: 24px;
font-size: 13px; font-weight: bold;
background: #fafafa; color: #3C297D;
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
}
#homeMod .button input.submit {
width: 160px;
}
#homeMod .button input.shipper {
width: 240px;
}
/* WHIP MODULE SECTION */
#whpMod { /* WOOIE LIST DIV */
clear: both;
margin: 0; padding: 0;
}
#whpMod #unavail { /* DETAIL LIST NO LONGER POSTED */
background: white;
}
#whpMod #unavail p { /* DETAIL LIST NO LONGER POSTED */
padding: 35px 0 50px 0; 
font-size: 12px; font-weight: bold; 
text-align: center;
}
#whpMod #topBar, #whpMod #midBar, #whpMod #footBar { /* LIST CAPS */
width: 100%; height: 30px;
background: white;
}
#whpMod #topBar p, #whpMod #midBar p, #whpMod #footBar p { /* LIST CAP TEXT */
width: 100%;
padding-top: 5px;
font-size: 16px; font-weight: bold;
color: #3C297D;
}
#whpMod #footBar input { /* BUTTONS */
width: 120px; height: 22px;
font-size: 11px; font-weight: bold;
background: #fafafa; color: #3C297D;
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
}
#whpMod #footBar input.disabled { /* BUTTONS */
width: 120px; height: 22px;
font-size: 11px; font-weight: bold;
background: #CCC; color: #666;
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
}
#whpMod table { /* LIST TABLE */
width: 100%;
}
#whpMod tr.header { /* HEADER ROWS */
background: #BCB7D5;
}
#whpMod thead td { /* HEADER CELLS */
padding: 0 0 1px 3px;
font-size: 11px; font-weight: bold; 
color: #600;
text-align: left; white-space: nowrap;
}
#whpMod .detail thead td {
font-size: 13px;
}
#whpMod tr.white { /* DATA ROWS */
background: white;
}
#whpMod tr.alt { /* DATA ROWS */
background: #f1f1f1;
}
#whpMod tbody td { /* DATA CELLS */
height: 18px;
padding: 1px 0 2px 3px;
font-size: 11px; font-weight: normal;
color: black; 
text-align: left; vertical-align: top;
}
#whpMod .detail tbody td {
font-size: 13px;
white-space: nowrap; overflow: hidden;
}
#whpMod tbody td span { /* PREVENT CONTACT PHONE FROM WRAPPING */
font-weight: bold; 
white-space: nowrap;
}
#whpMod tbody td#none { /* NO LOADS OR TRUCKS LISTED */
padding: 35px 0 50px 0; 
font-size: 12px; font-weight: bold;
color: black; 
text-align: center;
}
#whpMod tbody td.comment { 
width: 120px;
padding: 3px 2px 2px 4px;
font-size: 9px; 
color: black; 
text-align: left;
}
#whpMod tbody td input.cbox {
display: block; float: left; clear: none;
width: 12px; height: 12px;
margin: 0 2px 0 0;
border: none;
background: transparent;
}
#whpMod tbody td a {
display: block; float: left; clear: none;
margin: 0 0 0 2px;
text-align: left;
}
/* SEARCH MODULE SECTION */
#searchMod {
width: 480px; 
margin: 10px auto;
}
#searchMod h3 {
margin: 5px 0; padding: 0;
font-size: 10px; font-weight: bold;
text-align: center;
}
#searchMod .field,
#searchMod .fieldok,
#searchMod .fielderror {
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,
#searchMod .fieldok label,
#searchMod .fielderror label {
width: 125px;
float: left;
margin: 3px 5px 0 0; padding: 0;
font-size: 12px; font-weight: bold;
color: #3C297D;
text-align: right;
}
#searchMod .field input,
#searchMod .fieldok input,
#searchMod .fielderror input {
width: 180px; height: 18px;
float: left;
margin: 0 0 3px 0;  /* this is correct way to space fields -  but IE 6 doesn;t get it */
padding: 0; font-family: Arial, Helvetica, sans-serif;
background: white;
border: solid 1px #BCB7D5;
}
#searchMod .field input.short,
#searchMod .fieldok input.short,
#searchMod .fielderror input.short {
width: 30px;
}
#searchMod .field input.long,
#searchMod .fieldok input.long,
#searchMod .fielderror input.long {
width: 220px;
}
#searchMod .field input.cbox,
#searchMod .fieldok input.cbox,
#searchMod .fielderror input.cbox {
width: 16px; height: 16px;
margin: 3px 0 0 5px; padding: 0;
border: none;
}
#searchMod .field span,
#searchMod .fieldok span,
#searchMod .fielderror span {
margin: 2px 0 0 0; padding: 0;
float: left;
font-size: 12px; font-weight: normal;
}
#searchMod .field span.area,
#searchMod .fieldok span.area,
#searchMod .fielderror span.area {
width: 40px;
margin: 4px 0 0 0; padding: 0 0 0 5px;
font-size: 11px; font-weight: bold;
text-align: left;
color: #3C297D; 
}
#searchMod .field select,
#searchMod .fieldok select,
#searchMod .fielderror select {
width: 100px; height: 18px;
float: left;
margin: 0 0 3px 0;  /* this is correct way to space fields -  but IE 6 doesn;t get it */
padding: 0;
font-weight: normal; font-family: Arial, Helvetica, sans-serif;
background: white;
border: solid 1px #BCB7D5;
}
#searchMod .field select.short,
#searchMod .fieldok select.short,
#searchMod .fielderror select.short {
width: 50px;
}
#searchMod .field select.rad,
#searchMod .fieldok select.rad,
#searchMod .fielderror select.rad {
width: 55px;
}
#searchMod .field select.long,
#searchMod .fieldok select.long,
#searchMod .fielderror select.long {
width: 200px;
}
#searchMod .field option,
#searchMod .fieldok option,
#searchMod .fielderror option {
font-weight: normal; font-family: Arial, Helvetica, sans-serif;
}
#searchMod .fielderror input,
#searchMod .fielderror select,
#searchMod .fielderror textarea {
color: #c00; background: #fbb;
}
#searchMod .buttons {
clear: both;
margin: 0; padding: 10px; 
text-align: center;
}
#searchMod .buttons input {
width: 120px;
font-size: 13px; font-family: Arial, Helvetica, sans-serif;
background: #fafafa; color: #3C297D;
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
}
#searchMod .buttons input.submit {
font-weight: bold;
}
#searchMod .calendarlink {
width: 22px;
float: left;
padding: 1px; margin: 0 5px 2px 0;
border: solid 1px #3C297D;
cursor: pointer;
}
#searchMod .calendarlink:hover {
background: #BCB7D5;
}
#searchMod span.pudate {
width: 150px; height: 16px;
margin: 0 0 6px 0;
font-size: 13px;
text-align: left;
}
#searchMod #cleardate {
width: 60px;
font-size: 11px;
background: #fafafa; color: #3C297D;
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
}
/* Search Shipper Classes */
#cityta {
font-size: 12px;
}
#searchMod .field span#opt {
padding: 0 0 0 5px;
font-size: 10px;
}
/* LOAD ENTRY MODULE SECTION */
#loadEntryMod, #truckEntryMod {; 
margin: 0 auto; margin-bottom: 20px;
}
#loadEntryMod h2, #truckEntryMod h2 {
margin: 5px 0 2px 0; padding: 0;
font-size: 19px;
color: #3C297D;
text-align: center;
}
#loadEntryMod table, #truckEntryMod table {
margin: 0; padding: 0;
border: none;
}
#loadEntryMod table thead td, #truckEntryMod table thead td {
margin: 2px; padding: 0; 
font-size: 9px; 
color: #3C297D;
text-align: center; 
}
#loadEntryMod table tbody td, #truckEntryMod table tbody td {
margin: 0; padding: 1px; 
font-size: 12px;
}
#loadEntryMod hr, #truckEntryMod hr {
margin: 10px 0;
visibility: hidden;
}
#loadEntryMod table tbody td input, #truckEntryMod table tbody td input {
height: 18px;
padding-left: 1px;
background: white;
border: solid 1px #BCB7D5;
}
#loadEntryMod table tbody td select, #truckEntryMod table tbody td select {
height: 18px;
background: white;
border: solid 1px #BCB7D5;
}
#loadEntryMod table tbody td input.short, #truckEntryMod table tbody td input.short {
width: 34px;
padding-right: 2px;
text-align: right;
}
#loadEntryMod table tbody td input.med, #truckEntryMod table tbody td input.med {
width: 116px;
}
#loadEntryMod table tbody td input.cn, #truckEntryMod table tbody td input.cn {
width: 182px; 
color: #006;
background: #EFEEF5;
}
#loadEntryMod table tbody td input.cp, #truckEntryMod table tbody td input.cp {
width: 144px;
color: #006;
background: #EFEEF5;
}
#loadEntryMod table tbody td input.co, #truckEntryMod table tbody td input.co {
width: 236px;
color: #006;
background: #EFEEF5;
}
#loadEntryMod table tbody td input.comment, #truckEntryMod table tbody td input.comment {
width: 200px;
}
#loadEntryMod table tbody td input.state, #truckEntryMod table tbody td input.state {
width: 48px;
}
#loadEntryMod table tbody td input.date, #truckEntryMod table tbody td input.date {
width: 60px;
}
#loadEntryMod table tbody td input.tt, #truckEntryMod table tbody td input.tt {
width: 144px;
}
#loadEntryMod table tbody td select.fp, #truckEntryMod table tbody td select.fp {
width: 70px;
}
#loadEntryMod table tbody td.buttons, #truckEntryMod table tbody td.buttons {
margin: 0; padding: 10px; 
text-align: center;
}
#loadEntryMod table tbody td.buttons input, #truckEntryMod table tbody td.buttons input {
width: 120px; height: 24px;
font-size: 13px; font-family: Arial, Helvetica, sans-serif;
background: #fafafa; color: #3C297D;
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
}
#loadEntryMod table tbody td.buttons input.submit, #truckEntryMod table tbody td.buttons input.submit {
font-weight: bold;
}
#loadEntryMod table tbody td.buttons input.mainButton, #truckEntryMod table tbody td.buttons input.mainButton {
font-size: 13px; font-weight: bold;
}
#loadEntryMod .statelink, #truckEntryMod .statelink {
margin: 5px auto;
font-size: 13px; font-weight: bold;
}
#loadEntryMod .calendarlink, #truckEntryMod .calendarlink {
width: 22px;
float: left;
margin: 0 2px 2px 0; padding: 1px;
border: solid 1px #3C297D;
cursor: pointer; 
}
#loadEntryMod .pudate, #truckEntryMod .pudate {
height: 16px;
margin: 0 0 6px 0;
font-size: 13px;
text-align: left;
}
#loadEntryMod #alerts, #truckEntryMod #alerts {
width: 400px;
margin: 5px 40px;
font-size: 12px; font-weight: bold;
text-align: left;
}
#loadEntryMod #alerts span, #truckEntryMod #alerts span {
display: none; /* Turned on by Validation Script */
}
#loadEntryMod #alerts span.warn, #truckEntryMod #alerts span.warn {
display: block;
color: #060;
}
#loadEntryMod #alerts span.error, #truckEntryMod #alerts span.error {
display: block;
color: #009;
}
#loadEntryMod #alerts span.pass, #truckEntryMod #alerts span.pass {
display: none; 
}
#loadEntryMod #message, #truckEntryMod #message {
width: 480px; 
margin: 0 auto; margin-bottom: 10px; bpadding: 0 0 5px 0;
background: #ffe;
border: solid 2px #3C297D;
}
#loadEntryMod #message h2, #truckEntryMod #message h2 {
margin: 5px 0 2px 0; padding: 0 30px 0 20px;
font-size: 13px;
color: #3C297D;
text-align: left;
}
#loadEntryMod #message p, #truckEntryMod #message p {
margin: 0 0 1px 0; padding: 0 30px;
font-size: 11px;
color: #3C297D;
text-align: left;
}
#loadEntryMod #message p span, #truckEntryMod #message p span {
font-weight: bold;
color: #3C297D;
}

#loadEntryMod .error { /* login */
clear: both;
margin: 0 0 10px 180px;
font-size: 12px; font-weight: bold;
color: #900;
}
/* Admin BOX  and Error BOX*/
#adminbox h4, #adminbox h5, #errorbox h4 {
margin: 0 0 2px 0; padding: 2px;
font-size: 13px;
background: #BCB7D5; color: #600;
text-align: center;
}
#errobox p.response {
padding: 20px 30px;
font-weight: bold;
color: #3C297D;
}
#errobox p.error {
padding: 20px 30px;
font-weight: bold;
color: #600;
}
#adminbox .buttons, #errorbox .buttons {
clear: both;
margin: 5px auto;
text-align: center;
}
#adminbox .buttons input.admin, #errorbox .buttons input.error {
width: 140px;
margin: 5px 4px 2px 0;
font-size: 13px; font-weight: bold;
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
background: #f1f1f1; color: #3C297D;
}
#adminlistbox .buttons {
clear: both;
margin: 5px 0 5px 3px;
}
#adminlistbox .buttons input.admin {
width: 75px;
margin: 5px 4px 2px 0;
font-size: 12px; font-weight: bold;
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
background: #f1f1f1; color: #3C297D;
}
#adminlistbox table { /* LIST TABLE */
width: 100%;
clear: both;
}
#adminlistbox tr.header { /* HEADER ROWS */
background: #BCB7D5;
}
#adminlistbox thead td { /* HEADER CELLS */
padding: 0 0 1px 3px;
font-size: 11px; font-weight: bold; 
color: #600;
text-align: left; white-space: nowrap;
}
#adminlistbox tr.white { /* DATA ROWS */
background: white;
}
#adminlistbox tr.alt { /* DATA ROWS */
background: #f1f1f1;
}
#adminlistbox tbody td { /* DATA CELLS */
padding: 1px 0 2px 3px; 
font-size: 11px; font-weight: normal;
color: black; 
text-align: left; vertical-align: top;
}
#adminlistbox tbody td span { /* PREVENT CONTACT PHONE FROM WRAPPING */
font-weight: bold;
white-space: nowrap;
}
#adminlistbox tbody td#none { /* NO Whatever LISTED */
padding: 15px 0 25px 0; 
font-size: 12px; font-weight: bold;
color: black; 
text-align: center;
}
#adminlistbox tbody td.comment { /* COMMENT TEXT WOOIE LIST ONLY */
padding: 3px 2px 2px 4px; 
font-size: 9px; 
color: black; 
text-align: left;
}
#adminlistbox #prenext {
width: 500px;
margin: 2px 0 0 0;
text-align: center;
}
/* SIGNUP NOW & STATE CODES */
#signupnow {
position: absolute; top: 140px; left: 150px; z-index: 21;
width: 420px;
margin: 10px;
font-size: 13px;
text-align: left;
background: white;
border: solid 5px #3C297D;
}
#signupnow h3 {
padding: 5px 0 0 5px;
font-size: 15px;
color: #3C297D;
}
#signupnow p {
margin: 0 15px 0 10px;
padding: 5px 0;
}
#states {
width: 410px;
margin: 10px;
font-size: 13px;
text-align: left;
}
#states ul {
list-style-type: none;
}

#states #colA {
width: 190px;
float: left;
padding: 5px 0 5px 20px;
background: white;
}
#states #colB {
width: 190px;
float: left;
padding: 5px 10px 5px 0;
background: white;
}
#regions {
width: 410px; 
margin: 10px;  
border: solid 2px #3C297D; 
background: white;
text-align: left;
}
#regions ul {
list-style-type: none; 
padding: 5px 0 10px 50px;
}
#close {
padding: 0 0 5px 0;
background: white;
text-align: center;
}
#close input {
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
background: #fafafa; color: #3C297D;
}
/* FOOTER */
#foot {
clear: both;
margin: 5px 0 0 0;
}
#foot #amber {
width: 460px; height: 20px;
margin: 0 0 0 150px;
border: solid 1px #3C297D;
}
#foot p {
clear: both;
margin: 0 0 0 150px; padding: 2px;
font-size: 11px;
}
/* GENERAL */
.clear { /* KEEPS FLOATED ELEMENTS ENCLOSED */
height: 1px;
clear: both; 
overflow: hidden;
}
.block, .off, .hide { /* KEEPS HIDDEN ELEMENTS HIDDEN */
display: none;
}
.on, .show {
visibility: visible;
}
.hide {
visibility: hidden;
}
.nw { /* PREVENTS TEXT WRAPPING */
white-space: nowrap;
}
#main .paging {
width: 500px;
float: right; clear: none;
margin: 3px 5px 3px 0;
font-size: 11px;
text-align: right;
}
#main .paging a { /* First Next Previous Last */
width: 80px; height: 20px;
padding: 0 2px;
font-size: 11px; font-weight: bold;
color: #3C297D;
}
#main .paging a:hover {
color: #00F;
}
#main .paging span { /* First Next Previous Last */
width: 80px; height: 20px;
font-size: 11px; font-weight: bold;
color: #999;
}
#main .paging .rpp label {
padding: 0 0 0 5px;
color: #3C297D;
}
#main .pagemenu {
padding: 2px 0 5px 0;
border-top: solid 1px #3C297D;
}
#main .pagemenu a.button {
float: left; clear: none;
height: 16px;
padding: 0 3px;
font-size: 12px; font-weight: bold;
background: #fafafa; color: #3C297D;
border: solid 2px #3C297D; border-top: solid 2px #BCB7D5; border-left: solid 2px #BCB7D5;
}
#main .pagemenu a.button:hover {
color: #00F;
}
#valSuggestControl {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute; top: 0; left: 0; z-index: 9;
    width: 72px; height: 22px;
    margin: 0 0 0 1px; padding: 2px 4px;
    background: #f1f1fa;
    border: 1px solid #334;
    cursor: default;
}
#valSuggestText {
    display: block; clear: both;
    text-align: left;
    font-size: 12px; font-weight: bold;
    color: #009;
}
.suggestList {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute; top: 0; left: 0; z-index: 9;
    width: 200px; height: 120px;
    overflow-x: auto; overflow-y: scroll;
    margin: 0 0 0 1px; padding: 2px 4px;
    background: #f1f1fa;
    border: 1px solid #334;
    cursor: default;
    }
.suggestList li {
    display: block; clear: both;
    height: 15px;
    margin: 0; padding: 0 0 0 3px;
    overflow-x: hidden;
    font-size: 12px;
    color: #009;
    text-align: left;
    }
.suggestList li.selected {
    font-weight: bold;
    background: #ddf; color: #003;
    }

#adminlistbox .paging {
font-size: 11px;
text-align: right;
}