/* GLOBAL STYLES */
* {margin: 0; padding: 0; border: 0; background: transparent; color: black;}
a:link {text-decoration: underline; color: blue;}
a:visited {text-decoration: underline; color: purple;}
a:active, a:hover {text-decoration: underline; color: green;}
input, select, textarea {border: solid 1px black; background: white; color: black;}
input.cbox {border: none;}
ul, ol {list-style-type: none;}
table {border-collapse: collapse;}
form {margin: 0; padding: 0;}
/* STRUCTURE */
html {
position: absolute; top: 0px; left: 0px;
width: 100%; height: 100%;
}
body {
margin: 10px auto;
text-align: center; /* IE */
width: 1000px;
font-family: sans-serif; font-size: 11px;
}
/* TOP */
#top {
position: relative; top: 0; left: 0;
width: 990px; height: 100px;
margin: 0 auto; padding: 0;
}
#top #tla { /* top left ad */
position: absolute; top: 4px; left: 0;
width: 120px; height: 90px;
}
#top #logo {
position: absolute; top: 4px; left: 193px;
width: 600px; height: 90px;
}
#top #logo a {
display: block;
width: 600px; height: 90px;
background: #ffd url(../uploads/uploadImages/banner.jpg) no-repeat top left;
}
#top #logo a span {
display: none;
}
#top #tra { /* top right ad */
position: absolute; top: 4px; left: 865px;
width: 120px; height: 90px;
}
/* MAIN CONTENT */
#page {
position: relative; top: 0; left: 0;
width: 990px; height: 1200px;
margin: 0 auto; padding: 0;
}
#page #mainwrapper {
position: absolute; top: 0; left: 180px;
width: 800px;
text-align: left;
margin: 5px 0 0 5px; padding: 0;
}
#mainwrapper #ptba { /* page top banner ad */
float: left; clear: both;
margin: 4px 0 5px 71px;
width: 468px; height: 60px;
}
#mainwrapper #main {
margin: 0;
}
#main h2 {
clear: both;
margin: 0 0 5px 0;
font-size: 20px; font-weight: normal;
color: #007dc3;
border-bottom: solid 1px #999;
}
#mainwrapper #pbba { /* page bottom banner ad */
float: left; clear: none;
margin: 4px 0 5px 71px;
width: 468px; height: 60px;
}
/* nav section, service section */
#page #navarea {
float: left; clear: none;
margin: 1px 0 0 0;
height: 100%; width: 175px;
text-align: left;
}
#page #servicearea {
position: absolute; top: 1px; left: 801px; z-index: 2;
height: 100%; width: 175px;
}
#page #servicearea.wide {
position: absolute; top: 650px; left: 0; z-index: 2;
height: 100%; width: 175px;
}
#servicearea h3 {
margin: 10px 1px -5px 0;
height: 15px;
font-size: 12px;
text-align: right;
color: #007DC3;
}
#navarea h3,
#servicearea.wide h3 {
margin: 10px 0 -5px 10px;
height: 15px;
font-size: 12px;
text-align: left;
color: #007DC3;
}
#servicearea ul {
margin: 5px 0;
}
#navarea ul {
margin: 5px 0;
}
#navarea ul li a,
#servicearea ul li a {
display: block;
margin: -2px 0 0 0; padding: 2px 0 0 10px;
width: 174px; height: 19px;
font-size: 12px; font-weight: bold;
text-align: left; text-decoration: none;
color: white;
background: white url(../images/button_left.gif) no-repeat top left;
}
#servicearea ul li a {
padding: 2px 10px 0 0;
text-align: right;
background: white url(../images/button_right.gif) no-repeat top right;
}
#servicearea.wide ul li a {
padding: 2px 0 0 10px;
text-align: left;
background: white url(../images/button_left.gif) no-repeat top left;
}
#servicearea ul li a:hover {
background: white url(../images/button_right_hover.gif) no-repeat top right;
}
#navarea ul li a:hover,
#servicearea.wide ul li a:hover {
background: white url(../images/button_left_hover.gif) no-repeat top left;
}
#servicearea #lra { /* lower right ad */
position: relative; top: 0; left: 60px;
width: 120px; height: 90px;
margin: 20px 0 10px 3px;
}
#navarea #lla,
#servicearea.wide #lra { /* lower left ad */
position: relative; top: 0; left: 0;
width: 120px; height: 90px;
margin: 20px 0 10px 2px;
}
/* end nav section */
#page #front {
float: left; clear: none;
width: 615px;
margin: 5px 0 0 10px; padding: 0 0 10px 0;
background: white;
}
#front h2 {
clear: both;
margin: 0 0 5px 0;
font-size: 18px; font-weight: normal;
color: #007dc3;
border-bottom: solid 1px #999;
}
#front p {
margin: 3px 10px;
}
#front ul {
width: 600px;
padding: 0 5px;
}
#front ul li {
display: block;
float: left;
width: 200px;
text-align: center;
}
/* login */
#page #login {
float: left; clear: none;
width: 300px;
margin: 10px 0 10px 150px; padding: 10px 0;
border: solid 1px #999;
}
#login .label {
clear: left;
font-weight: bold;
padding: 1px 0;
}
#login .label span {
display: block; float: left;
width: 80px;
margin: 5px 0 0 10px; padding: 0 5px 0 0;
text-align: right;
color: #007dc3;
}
#login .fields span {
display: block;
}
#login .terms {
margin: 5px 0 5px 30px;
height: 14px;
}
#login .terms input.cbox {
width: 14px; height: 14px;
}
#login .terms label {
vertical-align: top;
}
#message {
float: left; clear: none;
width: 300px;
margin: 10px 0 10px 150px; padding: 0 0 10px 0;
border: solid 1px #999;
}
#message h4 {
font-size: 13px;
margin: 0; padding: 3px 0;
text-indent: 10px;
color: #007dc3;
}
#message p {
margin: 2px 10px;
}
/* forms */
.fields input {
height: 17px;
}
.fields input.cbox {
background: transparent;
}
.fields select {
height: 19px;
font-size: 11px;
}
/* contact */
#front #contact {
float: left; clear: none;
width: 500px;
margin: 10px 0 10px 50px;
}
#contact .label {
clear: both;
font-weight: bold;
margin: 0 0 0 35px; padding: 2px 0 0 0;
}
#contact .label span {
display: block; float: left;
margin: 0; padding: 0 2px;
text-align: center;
}
#contact .fields {
clear: both;
margin: 0 0 0 35px; padding: 0 0 2px 0;
}
#contact .name {
width: 180px;
}
#contact .phone {
width: 120px;
}
#contact .email {
width: 120px;
}
#contact .number {
width: 120px;
}
#contact .half {
width: 180px;
}
#contact .fields textarea {
width: 430px; height: 80px;
}
/* account */
#front #account {
float: left; clear: none;
width: 500px;
margin: 10px 0 10px 50px;
background: #ddd;
}
#account .label {
clear: both;
font-weight: bold;
margin: 0 0 0 65px; padding: 1px 0 0 0;
}
#account .label span {
display: block; float: left;
margin: 0; padding: 0 2px;
text-align: center;
}
#account .fields {
clear: both;
margin: 0 0 0 65px; padding: 0 0 2px 0;
}
#account .half {
width: 180px;
}
#account .quarter {
width: 86px;
}
#account .third {
width: 120px;
}
#account .phone {
width: 150px;
}
#account .btype {
width: 120px;
}
#account .ext,
#account .num {
width: 60px;
}
#account p {
clear: both;
margin: 0 0 0 65px; padding: 5px 0 0 0;
}
/* entry forms */
#main #entryform {
width: 100%;
}
#entryform .label {
font-weight: bold;
}
#entryform #origdestdate {
float: left; clear: none;
width: 280px;
}
#origdestdate .label span {
display: block; float: left;
padding: 0 2px;
text-align: center;
}
#origdestdate .fields {
clear: both;
}
#origdestdate .city {
width: 140px;
}
#origdestdate .prov {
width: 50px;
}
#origdestdate .rad {
width: 70px;
}
#origdestdate .label .date {
width: 140px;
}
#origdestdate .fields .date {
width: 120px;
}
#origdestdate .qty {
width: 50px;
}
#origdestdate .wt {
width: 50px;
}
#entryform #trktype,
#entryform #trktypeb,
#entryform #loadtype {
float: left; clear: none;
width: 140px;
}
#trktype .fields span,
#trktypeb .fields span,
#loadtype .fields span {
display: block;
height: 14px;
margin: 2px 0 2px 0;
}
#trktype .fields span label,
#trktypeb .fields span label,
#loadtype .fields span label {
margin: 0; padding: 0 0 0 2px;
vertical-align: top;
}
#loadtype .srvtype {
width: 100px;
}
#misc {
float: left; clear: none;
margin: 5px 0 0 0;
width: 180px;
}
.pallets {
width: 100px;
}
.fields .pallets {
width: 50px;
}
#misc .fields textarea {
width: 180px; height: 70px;
}
/* end entry forms */

/* search, post form */
#searchform h3 {
font-size: 14px;
margin: 5px 0 0 10px;
}
#searchform h3 span {
font-size: 12px; font-weight: normal;
padding: 0 0 0 3px;
}
#searchform .label {
font-weight: bold;
}
#searchform #origin,
#searchform #dest {
float: left; clear: none;
width: 370px;
}
#searchform #origin h4,
#searchform #dest h4 {
margin: 0 0 5px 0; padding: 3px 0;
width: 370px;
font-size: 12px;
text-indent: 5px;
}
#origin .local,
#dest .local {
margin: 5px; padding: 2px 0 2px 0;
}
#origin .posttruck,
#dest .trkdestlocal {
margin: 5px; padding: 2px 0 2px 0;
background: white url(../images/grade1.gif) repeat-x top left;
}
#origin .postload,
#dest .postload {
margin: 5px; padding: 2px 0 2px 0;
background: white url(../images/grade1.gif) repeat-x top left;
}
#origin .local p,
#dest .local p {
margin: 2px 0 2px 25px; padding: 0;
font-size: 9px;
}
#origin .label,
#dest .label {
margin: 0 0 0 20px;
}
#origin .label span,
#dest .label span {
display: block; float: left;
text-align: center;
}
#origin .fields,
#dest .fields {
clear: both;
margin: 0 0 0 20px;
}
#origin .city,
#dest .city {
width: 140px;
}
#origin .prov,
#dest .prov {
width: 50px;
}
#origin .rad,
#dest .rad {
width: 70px;
}
#destnotes {
margin: -5px 0;
text-align: center;
}
#destnotes .local,
#destnotes .provbox {
margin: 0 40px 0 0;
font-size: 10px;
}
#destnote .or {
font-weight: bold;
}
#destnotes .anywhere {
width: 100px;
position: absolute; top: 200px; left: 640px;
font-size: 10px; font-style: italic;
}
#origin .provboxes,
#dest .provboxes {
margin: 5px; padding: 2px 0 5px 0;
background: white url(../images/grade2.gif) repeat-x top left;
}
#dest .postdestprovboxes
 {
margin: 5px; padding: 2px 0 5px 0;
 background: white url(../images/grade2.gif) repeat-x top left;
}
#dest1,#canada,#america
{
margin: 5px; padding: 2px 0 5px 0;
background: white url(../images/grade2.gif) repeat-x top left;
}
#america .row,
#canada .row{
clear: both;
margin: 0 0 0 20px; padding: 0;
}

#america .row span,
#canada .row span{
display: block; float: left; clear: none;
width: 45px; height: 18px;
}

#america .row span input,
#canada .row span input{
width: 14px; height: 14px;
}
#canada .row span label
#america .row span label {
padding: 0 5px 0 1px;
vertical-align: top;
}


#stateproviencesinfo #dest .postdestprovboxes{
margin: 5px; padding: 2px 0 5px 0;
background: white url(../images/grade2.gif) repeat-x top left;
}

#origin .provboxes .row,
#dest .provboxes .row,
#dest .postdestprovboxes .row {
clear: both;
margin: 0 0 0 20px; padding: 0;
}
#origin .provboxes .break,
#dest .provboxes .break,
#dest .postdestprovboxes .break {
clear: both;
height: 5px;
}
#origin .provboxes .row span,
#dest .provboxes .row span,
#dest .postdestprovboxes .row span {
display: block; float: left; clear: none;
width: 45px; height: 18px;
}
#origin .provboxes .row span input,
#dest .provboxes .row span input,
#dest .postdestprovboxes .row span input {
width: 14px; height: 14px;
}
#origin .provboxes .row span label,
#dest .provboxes .row span label,
#dest .postdestprovboxes .row span label {
padding: 0 5px 0 1px;
vertical-align: top;
}
#origin .provboxes .clear,
#dest .provboxes .clear,
#dest .postdestprovboxes .clear {
height: 1px; clear: both;
}
#searchform #trkdetails {
float: left; clear: none;
width: 370px;
margin-left: 130px;
background: white url(../images/grade1.gif) repeat-x top left;
}
#searchform #posttrkdetails {
float: left; clear: none;
margin: 20px 0 0 0; padding: 2px 0 2px 0;
width: 360px;
background: white url(../images/grade2.gif) repeat-x top left;
}
#searchform #postloaddetails {
float: left; clear: none;
margin: 20px 0 0 5px; padding: 2px 0 20px 0;
width: 730px;
background: white url(../images/grade2.gif) repeat-x top left;
}
#searchform #posttrkdetails h3,
#searchform #trkdetails h3 {
margin: 5px 0 0 20px;
}
#searchform #postloaddetails h3 {
margin: 1px 0 4px 10px;
}
#trktype,
#trktypeb {
float: left; clear: none;
width: 100px;
margin: 5px 0 0 20px;
}
#loadtype {
float: left; clear: none;
width: 100px;
margin: 5px 0 0 0;
}
#srvtype{
float: left; clear: right;
width: 150px;
margin: 5px 0 0 0;
}
#srvtype .wt {
width: 50px;
}
#srvtype .srvtype {
width: 100px;
}
#posttrkdetails #postnote,
#postloaddetails #postnote {
float: left; clear: left;
width: 180px;
margin: 5px 0 0 0;
}
#posttrkdetails #postpallets,
#postloaddetails #postpallets {
float: left; clear: none;
margin: 5px 0 0 0;
width: 80px;
}
#posttrkdetails #postpallets .label span,
#postloaddetails #postpallets .label spante {
float: left;
text-align: left;
width:80px;
}


#posttrkdetails #postcomment,
#postloaddetails #postcomment {
float: left; clear: both;
width: 180px;
margin: 5px 0 0 0;
}
#posttrkdetails #postpallets .pallets {
width: 50px;
}
#posttrkdetails #postpallets .fields {
width: 50px;
}
#posttrkdetails #postcomment .fields textarea {
width: 330px; height: 30px;
}
#posttrkdetails #trktype .label span,
#posttrkdetails #trktypeb .label span,
#trkdetails #trktype .label span,
#trkdetails #loadtype .label span,
#trkdetails #srvtype .label span {
display: block; float: left;
text-align: left;
}
#posttrkdetails #trktype .fields,
#trailerinfo #posttrkdetails #trktype .fields,
#trailerinfo #posttrkdetails #trktypeb .fields,
#posttrkdetails #trktypeb .fields,
#trkdetails #trktype .fields,
#trkdetails #loadtype .fields,
#trkdetails #srvtype .fields {
clear: both;
margin: 0 0 0 2px;
}
#posttrkdetails #trktype .length,
#trkdetails #srvtype .length {
width: 80px;
}
#posttrkdetails #trktype .pallets,
#trkdetails #srvtype .pallets {
width: 50px;
}
#posttrkdetails #trktype .fields .pallets,
#trkdetails #srvtype .fields .pallets {
width: 50px;
}

/* end search form */
#buttons {
float: left; clear: both;
width: 100%;
margin: 15px 0;
}
#buttons.two {
padding-left: 135px;
}
#buttons.three {
padding-left: 45px;
}
#buttons.post {
padding-left: 100px;
}
#contact #buttons.two {
padding-left: 80px;
}
#buttons input {
display: block; float: left; clear: none;
margin: 0 15px 0 0;
width: 174px; height: 19px;
font-size: 12px; font-weight: bold; font-family: sans-serif;
text-decoration: none;
color: white;
border: none;
}
#buttons .button {/* login - single button */
padding: 0 0 2px 0; margin-left: 65px;
text-align: center;
background: white url(../images/button_center.gif) no-repeat top center;
}

#buttons .button:hover {
background: white url(../images/button_center_hover.gif) no-repeat top center;
}
#buttons .buttonleft {
padding: 0 0 2px 10px;
text-align: left;
background: white url(../images/button_left.gif) no-repeat top left;
}
#buttons .buttoncenter {
padding: 0 0 2px 0;
text-align: center;
background: white url(../images/button_center.gif) no-repeat top center;
}
#buttons .buttonright {
padding: 0 10px 2px 0;
text-align: right;
background: white url(../images/button_right.gif) no-repeat top right;
}
#buttons .buttonleft:hover {
background: white url(../images/button_left_hover.gif) no-repeat top left;
}
#buttons .buttoncenter:hover {
background: white url(../images/button_center_hover.gif) no-repeat top center;
}
#buttons .buttonright:hover {
background: white url(../images/button_right_hover.gif) no-repeat top right;
}
/* search buttons */
#origin .provboxes .row span.clearbutton,
#dest .provboxes .row span.clearbutton,
#stateproviencesinfo #dest .postdestprovboxes .row span.clearbutton,
#dest .postdestprovboxes .row span.clearbutton {
width: 90px;
text-align: left;
}
#origin .provboxes .row span.clearbutton input.button,
#dest .provboxes .row span.clearbutton input.button,
#stateproviencesinfo #dest .postdestprovboxes .row span.clearbutton input.button,
#dest .postdestprovboxes .row span.clearbutton input.button {
margin: 5px 0 0 0; padding: 0 0 3px 0;
width: 90px; height: 18px;
font-size: 10px; /* IE is not getting this for some reason */
background: #69C; color: white;
border: solid 2px #369; border-top: solid 2px #9CF; border-left: solid 2px #9CF;
}
#origin .provboxes #buttons,
#dest .provboxes #buttons,
#dest .postdestprovboxes #buttons {
margin: 10px 0 0 0; padding: 0 0 0 40px;
width: 320px;
}
#origin .provboxes #buttons .button,
#dest .provboxes #buttons .button,
#stateproviencesinfo #dest .postdestprovboxes #buttons .button,
#dest .postdestprovboxes #buttons .button {
display: block; float: left; clear: none;
margin: 1px 5px 0 0; padding: 0 5px;
width: 90px; height: 20px;
background: #69C; color: white;
border: solid 2px #369; border-top: solid 2px #9CF; border-left: solid 2px #9CF;
}
#stateproviencesinfo .button,
{
display: block; text-align:center; clear: none;
margin: 1px 5px 0 0; padding: 0 5px;
width: 90px; height: 20px;
background: #69C; color: white;
border: solid 2px #369; border-top: solid 2px #9CF; border-left: solid 2px #9CF;
}
#feedback {
float: left; clear: both;
width: 100%;
text-align: center;
color: #900;
}
/* end forms */

/* tables */
p.paging {
clear: both;
width: 100%;
margin: 0 10px 0 0;
text-align: right;
}
div#tabletop {
clear: both;
width: 100%;
}
div#tabletop a {
display: block; float: left; clear: none;
margin: 2px 5px 0 0; padding: 0 5px;
text-align: center; text-decoration: none;
width: auto; height: 14px;
background: #69C; color: white;
border: solid 2px #369; border-top: solid 2px #9CF; border-left: solid 2px #9CF;
}
div#tabletop input.button {
float: left; clear: none;
margin: 2px 5px 0 0; padding: 0 5px;
width: auto; height: 22px;
background: #69C; color: white;
border: solid 2px #369; border-top: solid 2px #9CF; border-left: solid 2px #9CF;
}
div#tabletop .refreshed {
display: block; float: right; clear: none;
text-align: right;
}
table {
clear: right;
width: 795px;
}
table tr.recent td {
background: #dfd;
}
table tr.alt td {
background: #eee;
}
table tr.done td{
background: #E8E8E8;
}
table th {
font-size: 11px;
padding: 1px 0 2px 0;
border: solid 1px black;
font-weight: normal;
cursor: default;
background: #4F8AD6;
}
table th.tlabel {
clear: both;
margin: 0; padding: 2px 0;
text-align: left;
font-size: 18px; font-weight: normal;
background: white; color: #007dc3;
border: none; border-bottom: solid 1px #999;
}
table th a:link,
table th a:active,
table th a:visited {
font-size: 10px;
color: yellow;
font-weight: bold;
text-decoration: underline;
}
table th a:hover {
color: white;
text-decoration: underline;
}

table .th_sort {
font-size: 11px;
padding: 1px 0 20px 0;
border: solid 1px black;
font-weight: normal;
cursor: default;
/*background: #4F8AD6; */
background-color:#4F8AD6
}

table td {
height: 15px;
padding: 0 1px 1px 1px;
font-size: 10px;
border: solid 1px black;
cursor: default;
}
table td.ctr {
text-align: center;
}
table span.newLead {
color:#528F47;
font-weight:bold;
font-size:10px;
}
table td img {
display: block; float: left; clear: none;
margin: 1px 0 0 2px;
}
/* end tables */

/* account */
#companyInfo {
float: left; clear: left;
width: 170px;
margin: 0 0 5px 0;
background: white;
}
#companyInfo.wide {
width: 355px;
}
#addressInfo, #equipmentinfo{
float: left; clear: none;
width: 170px; height: 100px;
margin: 0 0 5px 0;
background: white url(../images/grade1.gif) repeat-x top left;
}
#servicetypeinfo,#serviceareainfo{
float: left; clear: none;
width: 170px; height: 75px;
margin: 0 0 5px 0;
background: white url(../images/grade1.gif) repeat-x top left;

}
#stateproviencesinfo{
float: left; clear: none;
width: 170px; height: 250px;
margin: 0 0 5px 0;

}
#trailerinfo{
float: left; clear: none;
width: 170px; height: 175px;
margin: 0 0 5px 0;
background: white url(../images/grade2.gif) repeat-x top left;
}

#companyInfo.wide #addressInfo {
margin-right: 5px;
}
#contactInfo {
float: left; clear: none;
width: 170px;
margin: 0;
background: white url(../images/grade1.gif) repeat-x top left;
}
#accountInfo {
float: left; clear: none;
width: 230px;
margin: 0 0 5px 5px;
background: white url(../images/grade1.gif) repeat-x top left;
}

#emailInfo h4,#deaultemailInfo h4,#settingsinfo h4{
margin: 0 0 5px 0; padding: 3px 0;
font-size: 11px; font-weight: bold;width: 500px;
text-align: left; text-transform: uppercase;
background: #4F8AD6; color: white;
}
#emailInfo span,#deaultemailInfo span ,#settingsinfo span{
display: block;
margin: 0 0 0 2px;
}
#emailInfo,#deaultemailInfo {
float: left; clear: none;
width: 500px;
margin: 0 0 5px 5px;
background: white url(../images/grade1.gif) repeat-x top left;
}
#settingsinfo{
background: white url(../images/grade1.gif) repeat-x top left;
}
#billingInfo {
float: left; clear: none;
width: 200px;
margin: 0 0 5px 5px;
}
#billcontactInfo {
width: 200px;
margin: 0 0 5px 0;
background: white url(../images/grade1.gif) repeat-x top left;
}
#creditInfo {
width: 200px;
margin: 0;
background: white url(../images/grade2.gif) repeat-x top left;
}
#userInfo {
clear: left;
width: 385px;
margin: 0 0 5px 0;
}
#billHistory {
clear: both;
width: 600px;
margin: 5px 0 15px 0;
}
#companyInfo h4,
#carrierInfo h4,
#equipmentinfo h4,
#serviceareainfo h4,
#servicetypeinfo h4,
#trailerinfo h4,
#addressInfo h4,
#contactInfo h4,
#accountInfo h4,
#billingInfo h4,
#creditInfo h4 {

margin: 0 0 5px 0; padding: 3px 0;
font-size: 11px; font-weight: bold;
text-align: center; text-transform: uppercase;
background: #4F8AD6; color: white;
}
#userInfo h4,
#billHistory h4 {
margin: 2px 0;
font-size: 12px; font-weight: bold;
}
#companyInfo span,
#contactInfo span,
#accountInfo span,
#billingInfo span,
#creditInfo span {
display: block;
margin: 0 0 0 2px;
}
#creditInfo h4 span {
display: inline;
margin: 0 0 0 5px;
font-size: 10px; font-weight: bold;
color: white;
}
#accountInfo input.button {
margin: 2px 5px 0 0; padding: 0 5px;
width: 120px; height: 24px;
font-size: 11px;
background: #69C; color: white;
border: solid 2px #369; border-top: solid 2px #9CF; border-left: solid 2px #9CF;
}
#userInfo table {
margin: 5px 0;
}
/* myPages account info */
#brokerInfo, #brokerInfo1,
#carrierInfo, #carrierInfo1 {
width: 795px
}
#brokerInfo h2, #brokerInfo1 h2,
#carrierInfo h2, #carrierInfo1 h2 {
clear: both;
margin: 2px 0 5px 0;
font-size: 18px; font-weight: normal;
color: #007dc3;
border-bottom: solid 1px #999;
}
#brokerInfo .exclude, #brokerInfo1 .exclude,
#carrierInfo .exclude, #carrierInfo1 .exclude {
text-align: right; margin: -21px 0 5px 0;
}
#carrier1 #companyInfo{
clear: both;
margin: 2px 0 5px 0;
color: #007dc3;
}
#companyInfo.myPages {
float: left; clear: left;
width: 250px; height: 200px;
margin: 0 0 5px 0;
background: white url(../images/grade1.gif) repeat-x top left;
}
#contactInfo.myPages { /* Depricated */
float: left; clear: none;
width: 190px; height: 125px;
margin: 0 0 5px 5px;
background: white url(../images/grade1.gif) repeat-x top left;
}
#accountInfo.myPages {
float: left; clear: none;
width: 250px; height: 200px;
margin: 0 0 5px 5px;
background: white url(../images/grade1.gif) repeat-x top left;
}
#billingInfo.myPages { /* Depricated */
float: left; clear: none;
width: 195px; height: 100px;
margin: 0 0 5px 5px;
background: white url(../images/grade1.gif) repeat-x top left;
}
#creditInfo.myPages {
float: left; clear: none;
width: 280px; height: 200px;
margin: 0 0 5px 5px;
background: white url(../images/grade1.gif) repeat-x top left;
}
#creditInfo.myPages div { /* Depricated */
float: left; clear: none;
width: 180px;
margin: 0 0 5px 0;
}
/* endaccount */

/* ADMIN */
#front ul#adminMenu,
#main ul#adminMenu {
clear: both;
width: 600px;
margin: 0; padding: 0 5px;
}
#front ul#adminMenu li,
#main ul#adminMenu li {
display: block;
float: left;
width: 195px;
text-align: center;
}
#front ul#adminMenu li a,
#main ul#adminMenu li a {
display: block;
margin: 2px 5px 0 0; padding: 0 5px;
text-align: center; text-decoration: none;
width: auto; height: 14px;
background: #eee; color: #009;
border: solid 2px #006; border-top: solid 2px #00C; border-left: solid 2px #00C;
}
#front ul#adminMenu li a:hover,
#main ul#adminMenu li a:hover {
background: #ccf; color: blue;
}
#adminStats {
float: left; clear: left;
width: 280px;
margin: 0 0 5px 10px;
}
#usageStats {
float: left; clear: none;
width: 280px;
margin: 0 0 5px 0;
}
#reportLinks {
float: left; clear: both;
width: 280px;
margin: 0 0 5px 10px;
}
#adminStats h4,
#usageStats h4,
#reportLinks h4 {
margin: 2px 0 0 0;
font-size: 12px;
}
#adminStats span,
#usageStats span,
#reportLinks span {
display: block;
}

#adminStats input.button {
margin: 2px 5px 0 0; padding: 0 5px;
width: 100px; height: 24px;
font-size: 11px;
background: #69C; color: white;
border: solid 2px #369; border-top: solid 2px #9CF; border-left: solid 2px #9CF;
}

#usageStats input.button {
margin: 2px 5px 0 0; padding: 0 5px;
width: 100px; height: 24px;
font-size: 11px;
background: #69C; color: white;
border: solid 2px #369; border-top: solid 2px #9CF; border-left: solid 2px #9CF;
}

#emailMatch input.button {
margin: 2px 5px 0 0; padding: 0 5px;
width: 70px; height: 24px;
font-size: 11px;
background: #69C; color: white;
border: solid 2px #369; border-top: solid 2px #9CF; border-left: solid 2px #9CF;
}

#adminAccount {
clear: both;
}
#adminAccount h5 {
margin: 2px 0 0 180px;
font-size: 12px;
}
#adminAccount h6 {
margin: 2px 0 0 180px;
font-size: 11px;
}
#adminAccount p {
margin: 2px 0 0 180px;
font-size: 11px;
}
#adminAccount .adminField {
clear: both;
width: 100%; height: 20px;
margin: 1px 0 1px 0;
}
#adminAccount label {
display: block; float: left; clear: none;
width: 145px; height: 13px;
margin: 0 5px 0 0; padding: 0 0 0 0;
text-align: left;
}
#adminAccount input {
width: 190px;
}
#adminAccount input.file {
margin: 0 40px 0 0;
}
#adminAccount input.url {
width: 140px;
}
#adminAccount input.dissed {
background: #eee;
}
#adminAccount select {
width: 190px;
}
/* End ADMIN */

/* FOOT */
#page #foot {
float: left; clear: none;
width: 610px;
margin: 5px 0 0 5px;
}
#foot ul {
width: 735px;
margin: 0 0 0 10px; padding: 0 5px;
}
#foot ul li {
display: block;
float: left;
width: 200px;
text-align: center;
}
#foot.front ul {
width: 600px;
}
#foot p {
clear: both;
padding: 10px 0 0 20px;
font-size: 12px;
text-align: center;
color: gray;
}
/* Utility */
.clear {
clear: both;
width: 100%; height: 0;
overflow: hidden;
}
.hide {
visibility: hidden;
}
.block {
display: none;
}
/* PopUp Calendar */
.calendar table {
  width: 30px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}
/* PopUp username/password edit */
.popup h2 {
clear: both;
margin:0 0 10px 0;
font-size: 18px; font-weight: normal;
color: #007dc3;
border-bottom: solid 1px #999; width:210px;
text-align:center;
}

/* tooltip style */
A.tip {
    BORDER-BOTTOM: 1px; TEXT-DECORATION: none
}
A.tip:hover {
    CURSOR: help; POSITION: relative
}
A.tip SPAN {    DISPLAY: none
}
A.tip:hover SPAN {
      padding:5px;BORDER: 4px solid #4F8AD6; DISPLAY: block;  Z-INDEX: 100; BACKGROUND:  #f0f0f0 no-repeat 100% 5%; LEFT: 0px; MARGIN: 10px; WIDTH: 200px;  POSITION: absolute; TOP: 10px; TEXT-DECORATION: none
}