/* GLOBAL FORM ELEMENT STYLES */
input {
}
select {
}
label {
}
textarea {
    font-family: inherit;
}
/* SW MAINFORMS DEFAULT STYLES */
.mainforms {
    width: inherit;
    clear:both;
    margin:0;
    padding:0;
}
.mainforms p {
    float: left;
    clear: both;
    margin: 5px 10px;
}
.mainforms .fieldok,
.mainforms .fielderror {
    float: left;
    display: block;
    clear: both;
    width: auto;
    padding: 1px 0;
}
.mainforms label {
    width: auto;
    float: left;
    margin: 5px;
    text-align: right;
    font-weight: 500;
    color: #808080;
}
.mainforms .fielderror label {
    font-weight: 700;
    color: #700;
}
.mainforms input {
    float: left;
    clear: none;
    width: auto;
    padding: 4px 6px;
    background: #fff;
    border: 1px solid #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
}
.mainforms .fielderror input {
    background: #fcc;
    border: 1px dotted #700;
}
.mainforms input.cbox {
    width: 18px;
    height: 18px;
    border: none;
    padding: 0;
    background: transparent;
}
.mainforms input.radio {
    width: 18px;
    height: 18px;
    border: none;
    padding: 0 5px;
    background: transparent;
}
.mainforms input.dissed,
.mainforms textarea.dissed{
    background: #ccc;
}
.mainforms select {
    width: auto;
    padding: 3px 6px; 
    background: #fff;
    border: 1px solid #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
}
.mainforms .fielderror select {
    background: #fcc;
    border: 1px dotted #700;
}
.mainforms textarea {
    width: auto;
    height: auto;
    padding: 4px 6px;
    background: #fff;
    border: 1px solid #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
}
.mainforms .fielderror textarea {
    background: #fcc;
    border: 1px dotted #700;
}
.mainform .file {
    padding: 4px 6px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #92B22A;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-transform: capitalize;
    background: #92B22A;
    color: #fff;
}
.mainforms .fielderror .file {
    background: #fcc;
    border: 1px dotted #700;
}
.mainforms .buttons {
    margin: 10px 0;
}
.mainforms .button {
    padding: 4px 6px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    border: 1px solid #92B22A;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-transform: capitalize;
    background: #92B22A;
    color: #fff;
    cursor: pointer;
}
.mainforms .button:hover {
    background: #183068;
    text-decoration: none;
}
.mainforms .feedback {
    float: left;
    clear: both;
    width: 100%;
    margin: 5px 0;
    font-size: 15px;
    text-indent: 15px;
    color:#700;
}
.mainforms .feedback span {
    color: inherit;
}
/* ######################### */
/*  Form overides for v30Win */
.v30Win .mainforms { 
    padding-top: 10px;
}
.v30Win .mainforms label { 
    width: 120px;
    margin: 5px;
}
.v30Win .mainforms .buttons {
    float: left;
    clear: both;
    width: 85%;
    text-align: right;
}
.v30Win .mainforms .note {
    float: left;
    clear: both;
    width: auto;
    margin: 10px 20px;
}
.v30Win .mainforms .terms {
    float: left;
    clear: both;
    width: auto;
    margin: 10px 20px;
}
.v30Win .mainforms .terms label {
    float: left;
    clear: none;
    width: auto; 
}
.v30Win .mainforms .terms label .cbox {
    position: relative;
    top: -3px;
    left: -3px;
}
.v30Win .mainforms .rule-container ul li .cbox {
    float: left;
    clear: none; 
}
.v30Win .mainforms .rule-container ul li label {
    display: block;
    float: left;
    clear: none;
    width: auto;
    margin: 3px;
    text-align: left;
}
#clrequest.v30Win { /* carrier lists window from lists page */
    position: fixed;
    top: 300px;
    left: auto;
    right: auto;
    width: 550px;
    border-bottom-color: rgb(255,152,45);
}
#clrequest.v30Win textarea.cl-request {
    width: 360px;
    height: 60px;
    resize:none;
}
#clrequest.v30Win input.wide {
    width: 360px;
}
#clrequest.v30Win .button.left {
    float: left;
    margin-left:130px;
}
/* ################ */
/* MINI SEARCH Form */
.mainforms#minisearch30 label {
    margin: 4px;
    width: 100px;
    font-size: 15px;
    color: #183068;
}
.mainforms#minisearch30 input {
    width: 100px;
    font-size: 12px;
    border-color: #183068;
}
.mainforms#minisearch30 .button {
    position:relative;
    top: 2px;
    left: 3px;
    font-size: 15px;
    font-weight: 900;
    padding: 0 6px;
    border: 1px dotted #92B22A;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.mainforms#minisearch30 .button:hover {
    border-color: #183068;
}
/* ################### */
/* SEARCH PAGE SECTION */

/* ################## */
/* ALL CARRIER SEARCH */
#searchall {
    width: 1050px;
    margin: 0;
    background: #f1f1f1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
}
#searchall h4 {
    width: inherit;
    float: left;
    clear: both;
    padding-bottom: 15px;
    font-size: 16px;
    text-align: left;
}
#searchall #compsearch .buttons {
    float: left;
    clear: both;
    width: 60%;
    text-align: right;
} 
#searchall #needhelp {
    float: right;
    clear: none;
    margin: 0;
    padding: 10px;
    width: 443px;
    height: auto;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #f1f1f1;
}
#searchall #needhelp h4 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 5px;
    
}
#searchall #needhelp p {
    float: left;
    clear: both;
    margin: 2px 10px 8px;
    font-size: 15px;
    line-height: 20px
}
#searchall .infobox {
    float: left;
    clear: none;
    margin: 0 0 50px;
    padding: 0 10px;
    height: auto;
    min-height: 380px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
}
#searchall .infobox#power-op {
    width: 340px; 
    margin-right: 25px;
    border-top: 0;
    border-left: 0;
}
#searchall .infobox#cl-op {
    width: 310px;
    margin-right: 25px;
    border-top: 0;   
}
#searchall .infobox#quick-op {
    width: 286px;
    border-top: 0;
    border-right: 0;
}
/*
#searchall #all-arrow {
    display: block;
    position: absolute;
    top: 130px;
    left: 145px;
    width: 315px;
    height: 115px;
    background: transparent url(../graphics/all-search-arrows2.png) no-repeat top left;  
}
#searchall #clcarrier-arrow {
    display: block;
    position: absolute;
    top: 130px;
    left: 485px;
    width: 180px;
    height: 115px;
    background: transparent url(../graphics/clcarrier-arrow.png) no-repeat top left;  
}
#searchall #quick-arrow {
    display: block;
    position: absolute;
    top: 100px;
    right: 130px;
    width: 180px;
    height: 150px;
    background: transparent url(../graphics/quick-search-arrow2.png) no-repeat top left;  
}
*/
#searchall .infobox p {
    float: left;
    clear: both;
    margin: 0 5px 10px 5px;
    padding: 5px 8px;
    font-size: 14px;
    line-height: 20px;
}
#searchall .infobox#power-op h3 {
    position: relative;
    top: 0;
    left: -10px;
    width: 350px;
    min-height: 15px;
    padding: 23px 0 15px 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px;
    text-indent: 10px;
    font-weight: 500;
    line-height: 22px;
    background: -webkit-linear-gradient(right,rgba(255,255,255,0),rgba(34,66,142,1),rgba(34,66,142,1));
    background: -o-linear-gradient(right,rgba(255,255,255,0),rgba(34,66,142,1),rgba(34,66,142,1));
    background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(34,66,142,1),rgba(34,66,142,1));
    background: linear-gradient(to left,rgba(255,255,255,0),rgba(34,66,142,1),rgba(34,66,142,1));
    border-bottom: 2px solid rgb(34,66,142,1);
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;  
}
#searchall .infobox#cl-op h3 {
    position: relative;
    top: 0;
    left: -10px;
    width: 320px;
    padding: 10px 0 5px 10px;
    margin-bottom: 10px;
    color: #444;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    background: -webkit-linear-gradient(left,rgba(255,152,45,1),rgba(255,152,45,0.8), rgba(255,255,255,0));
    background: -o-linear-gradient(left,rgba(255,152,45,1),rgba(255,152,45,0.8), rgba(255,255,255,0));
    background: -moz-linear-gradient(left,rgba(255,152,45,1),rgba(255,152,45,0.8), rgba(255,255,255,0));
    background: linear-gradient(to right,rgba(255,152,45,1),rgba(255,152,45,0.8), rgba(255,255,255,0));
    border-bottom: 2px solid rgb(255,152,45);
}
#searchall .infobox#cl-op #cl-icon {
    float: right;
    clear: none;
    margin-top: -56px;
    margin-right: -15px;
    width: 64px;
    height: 64px;
    background: transparent url(../graphics/carrier-lists-cl.png) no-repeat top left;  
}
#searchall .infobox#cl-op .buttons {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}
#searchall .infobox#cl-op .buttons .button {
    color: #fff;
    background: #555;
    border-color: rgb(255,152,45);
}
#searchall .infobox#cl-op .buttons .button:hover {
    color: #555;
    background: #fff;
    border-color: rgb(255,152,45);
}
#searchall .infobox#quick-op h3 {
    position: relative;
    top: 0;
    left: -10px;
    width: 296px;
    min-height: 15px;
    padding: 23px 0 15px 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px;
    text-indent: 10px;
    font-weight: 500;
    line-height: 22px;
    background: -webkit-linear-gradient(right,rgba(255,255,255,0),rgba(136,172,24,1),rgba(136,172,24,1));
    background: -o-linear-gradient(right,rgba(255,255,255,0),rgba(136,172,24,1),rgba(136,172,24,1));
    background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(136,172,24,1),rgba(136,172,24,1));
    background: linear-gradient(to left,rgba(255,255,255,0),rgba(136,172,24,1),rgba(136,172,24,1));
    border-bottom: 2px solid rgb(136,172,24);
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
}
#searchall .infobox#power-op .sw-icon,
#searchall .infobox#quick-op .sw-icon {
    float: right;
    clear: none;
    margin-top: -8px;
    padding-right: 15px;
    width: 32px;
    height: 32px;
    background: transparent url(../graphics/sw-icon.png) no-repeat top left;  
}
/* ######################### */
/* INTERSTATE CARRIER SEARCH */
/* BROKER SEARCH too - for now */
#supersearch {
    float: left;
    clear: both;
    width: 1050px;
    margin: 0 auto 20px;
}
#supersearch #quick-image {
    position: absolute;
    top: 92px;
    right: 210px;
    width: 235px;
    height: 95px;
    background: transparent url(../graphics/yellow-big-rig.png) no-repeat top left;
}
#supersearch #advanced-image {
    position: absolute;
    top: 77px;
    right: 290px;
    width: 140px;
    height: 110px;
    background: transparent url(../graphics/black-rig.png) no-repeat top left;
}
#supersearch #broker-image { 
    position: absolute;
    top: 80px;
    right: 275px;
    width: 125px;
    height: 100px;
    background: transparent url(../graphics/broker.png) no-repeat top left;
}
#supersearch h4 {
    width: inherit;
    float: left;
    clear: both;
    padding-bottom: 10px;
    font-size: 16px;
    text-align: left;
}
#supersearch h5 {
    width: inherit;
    float: left;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: left;
    text-indent: 15px;
    border-bottom: dotted 1px #777;
}
#supersearch h6 {
    width: inherit;
    float: left;
    clear: both;
    padding: 6px 0 3px;
    font-size: 12px;
    text-align: left;
    text-indent: 5px;   
}
#supersearch label {
    padding: 4px 5px 0 2px;
    font-size: 11px;
}
#supersearch input {
}
#supersearch input.ssearch {
    width: 140px;
}
#supersearch input.csearch {
    width: 175px;
}
#supersearch input.num {
    float: none;
    width: 40px;
    margin-right: 5px;
    padding: 4px 6px;
}
#supersearch input.cbox {
    float: left;
    clear: none;
}
#supersearch label.cbox {
    float: left;
    clear: none;
    position: relative;
    text-align: left;
    margin: 3px 0;
}
#supersearch input.dotsearch {
    width: 180px;
    margin-top: 3px;
    margin-right: 5px;
    font-size: 14px;
}

#supersearch #leftside {
    float: left;
    clear: left;
    width: 504px;
    margin-left: 0;
}
#supersearch .rad-label {
    float: left;
    clear: none;
    font-size: 11px;    
    margin: 0 3px;
    padding: 6px 5px 0 2px;
    color: #808080;
}
#supersearch label.set-width,
#supersearch span.set-width {
    width: 90px;
    text-align: right;
}
#supersearch .rad-select {
    float: left;
    clear: none;
    font-size: 13px;
    margin: 0 3px;
}
#supersearch select.risk-level {
    width: 185px;
}
#supersearch select.pick-list {
    width: 170px;
}
#supersearch #leftside #companysearch {
    float: left;
    width: 479px;
    height: auto;
    margin-left: 25px;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #ccc;
}
#supersearch #leftside #carbtrusearch {
    float: left;
    width: 479px;
    height: auto;
    margin-left: 25px;
    padding: 10px 0 15px 0;
    border-bottom: 1px dotted #ccc;
}
#supersearch #leftside #smartwaysearch {
    float: left;
    width: 479px;
    height: auto;
    margin-left: 25px;
    padding: 10px 0 15px 0;
    border-bottom: 1px dotted #ccc;
}
#supersearch #commonsearch {
    float: left;
    clear: none;
    width: 479px;
    height: auto;
    padding: 0 0 15px 25px;
    border-bottom: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
    border-right: none;
}
#supersearch #othercargosearch {
    float: left;
    clear: none;    
    width: 479px;
    height: auto;
    padding: 10px 0 15px 25px;
    border-left: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}
#supersearch #brokersearch {
    float: left;
    clear: none;
    width: 980px;
    height: auto;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 15px 25px;
}
#supersearch #brokersearch .sidebyside {
    width: 340px;
    float: left;
    clear: none;
}
#supersearch #companysearch label,
#supersearch #brokersearch label {
    width: 120px;
    clear: none;
}
#supersearch #commonsearch label.unaccept {
    width: auto;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
}
#supersearch #commonsearch label.unaccept .cbox {
    position: relative;
    top: -1px;
    left: -4px;
    /*margin-left: 50px;*/
}
#supersearch #commonsearch #pickcargo .buttons {
    float: left;
    clear: none;
    width: 85%;
    text-align: right;
    margin: 0;
    padding-top: 5px;
}
#supersearch #commonsearch #pickcargo .buttons .button {
    float: right;
    margin: 0;
}
#supersearch #commonsearch #picklocation {
    margin-top: 15px;
}
#supersearch #commonsearch #picklocation .or {
    float: left;
    clear: both;
    margin: 10px 0 10px 150px;
    font-size: 13px;
    font-weight: 700;
}
#supersearch span.select {
    display: inline-block;
    position: relative;
    top: 4px;
    left: 2px;
    width: 32px;
    height: 16px;
    background: transparent url(../graphics/select-button-16g.gif) no-repeat top left;
    cursor: pointer;
}
#supersearch #companysearch .buttons,
#supersearch #carbtrusearch .buttons,
#supersearch #smartwaysearch .buttons,
#supersearch #othercargosearch .buttons {
    float: left;
    clear: both;
    width: 67%;
    text-align: right;
}
#supersearch #commonsearch .buttons {
    float: left;
    clear: both;
    width: 60%;
    text-align: right;
}
#supersearch #brokersearch .buttons {
    float: left;
    clear: both;
    width: 80%;
    text-align: right;
    position: relative;
    top: -35px;
}
/* #################### */
/* Advanced Search Form */
#supersearch #advsearch {
    float: left;
    clear: both;
    width: 1050px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#supersearch #advsearch .lite-note {
    float: left;
    clear: both;
    width: auto;
    margin: 5px 20px 0 45px;
    font-size: 14px;
    color: #700;
}
#supersearch #advsearch h4 {
    width: auto;
    float: left;
    clear: both;
    padding-bottom: 10px;
    font-size: 16px;
    text-align: left;
    text-indent: 25px;
}
#supersearch #advsearch .single-checks {
    float: left;
    clear: both;
    margin-top: 5px;
}
#supersearch #advsearch label {
    width: 150px;
    padding: 2px 4px 0 2px;
    font-size: 11px;
}
#supersearch #advsearch .single-checks label {
    width: auto;
}
#supersearch #advsearch #advsearch1 .single-checks label {
    width: 125px;
}
#supersearch #advsearch #advsearch2 .single-checks label {
    width: 85px;
}
#supersearch #advsearch #advsearch2 .break {
    float: left;
    clear: both;
    height: 16px;
}
#supersearch #advsearch #advsearch2 span.set-width {
    width: 65px;
    text-align: right;
}
#supersearch #advsearch label.float {
    width: 130px;
    clear: none;
}
#supersearch #advsearch label.cbox {
    width: auto;
    margin: 3px 0;
    padding: 0 8px 0 4px;
}
#supersearch #advsearch label.cbox-auth {
    width: auto;
    margin: 4px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    color: #33C;
}
#supersearch #advsearch label.title {
    width: 130px;
    clear: none;
    margin: 3px 0 3px 25px;
    font-weight: 700;
}
#supersearch #advsearch input {
    float: left;
    margin-right: 3px;
    font-size: 12px;    
    padding: 3px 6px;
}
#supersearch #advsearch input.float {
    float: left;
    margin-right: 3px;
    font-size: 11px;    
    clear: none;
    margin-left: 5px;
}
#supersearch #advsearch input.cbox {
    float: left;
    clear: none;
    padding: 0;
}
#supersearch #advsearch input.ssearch {
    width: 100px;
}
#supersearch #advsearch input.num { 
    width: 30px;
}
#supersearch #advsearch input.bignum {
    width: 60px;
    margin-right: 5px;
}
#supersearch #advsearch input.date {
    width: 60px;
    margin-right: 5px;
}
#supersearch #advsearch select {
    float: left;
    margin-right: 3px;
    font-size: 11px;
}
#supersearch #advsearch select.yesno {
   width: 65px;
}
#supersearch #advsearch select.lessthan {
   width: 120px;
}
#supersearch #advsearch input.other {
    width: 65px;
    float: left;
    margin-right: 3px;
    font-size: 12px;    
    padding: 3px 6px;
}
#supersearch #advsearch1,
#supersearch #advsearch2 {
    float: left;
    clear: both;
    width: 470px;
    height: auto;
    margin-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#supersearch #advsearch2 {
    clear: none;
    margin-left: 30px;
}
#supersearch #advsearch3 {
    float:left;
    clear:both;
    width:970px;
    margin-left: 15px;
}
#supersearch #advsearch3a {
    float: left;
    clear: none;
    width: 250px;
    height: auto;
    margin-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#supersearch #advsearch3a h6 {
    margin-top: 5px;
    text-indent: 0;   
}
#supersearch #advsearch3a label {
    width: 90px;
}
#supersearch #advsearch3a label.cbox {
    width: auto;
    min-width: 70px;
    padding: 0;
    margin: 3px 0;
}
#supersearch #advsearch3b {
    float: left;
    clear: none;
    width: 225px;
    height: auto;
    margin-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#supersearch #advsearch3b h6 {
    margin-top: 5px;
    text-indent: 0;   
}
#supersearch #advsearch3b label {
    width: 90px;
}
#supersearch .searchtable {
    float: left;
    clear: none;
    width: 680px;
    margin: 10px 0;
}
#supersearch .searchtable#crash {
    width: 950px;
}
#supersearch .searchtable .headerrow span {
    display: inline-block;
    width: 60px;
    padding: 3px;
    text-align: center;
}
#supersearch .searchtable .headerrow span.tabletitle {
    display: inline-block;
    width: 150px;
    text-align: right;
    font-size: 12px;
    font-weight: 700;
}
#supersearch .searchtable .headerrow span.percent {
    width: 160px;
}
#supersearch .buttonbox {
    float: right;
    clear: left;
    margin: -30px 20px 0 0;
    padding: 0;
} 
#supersearch .buttonbox-foot {
    float: right;
    clear: none;
    margin: 10px 20px 20px 0;
    padding: 0;
}
#supersearch .buttonbox .buttons,
#supersearch .buttonbox-foot .buttons {
    width: 300px;
}
#supersearch .buttonbox .buttons .button,
#supersearch .buttonbox-foot .buttons .button {
    font-size: 12px;
    padding: 5px 10px;
}
/* ########################### */
/* CARRIER LISTS SEARCH */
#clsearch {
    float: left;
    clear: both;
    width: 1050px;
    margin: 0 auto;
}
#clsearch #cl-image { 
    position: absolute;
    top: 68px;
    right: 240px;
    width: 190px;
    height: 125px;
    background: transparent url(../graphics/truck-cabs.png) no-repeat top left;
}
#clsearch #cl-header { 
    float: left;
    clear: both;
    width: 100%;
    height: 40px;
    margin-top: 0;
    background: -webkit-linear-gradient(left,rgba(255,152,45,1),rgba(255,152,45,1),rgba(241,241,241,0),rgba(255,255,255,0));
    background: -o-linear-gradient(left,rgba(255,152,45,1),rgba(255,152,45,1),rgba(241,241,241,0),rgba(255,255,255,0));
    background: -moz-linear-gradient(left,rgba(255,152,45,1),rgba(255,152,45,1),rgba(241,241,241,0),rgba(255,255,255,0));
    background: linear-gradient(to right,rgba(255,152,45,1),rgba(255,152,45,1),rgba(241,241,241,0),rgba(255,255,255,0));
    border-bottom: 1px solid rgb(255,152,45);
}
#clsearch #cl-header h3 { 
    width: auto;
    height: 40px;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    text-indent: 15px;
    padding-top: 12px;
    color: #f1f1f1;  
    background: transparent url(../graphics/carrier-lists-logo.png) no-repeat top right;
}
#clsearch #cl-header h3 span {
    color: inherit;
}
#clsearch #cl-header h3 span.resultstext { /* CarrierLists header text */
    margin-left: 30px;
    font-size: 13px;
    text-transform: none;
    font-weight: bold;
    color: #444;
}
#clsearch h4 {
    width: inherit;
    float: left;
    clear: both;
    padding-bottom: 10px;
    font-size: 16px;
    text-align: left;
}
#clsearch.mainforms .fieldok, 
#clsearch.mainforms .fielderror { 
    width: 470px;
    clear:none;
}
#clsearch #head-back-haul {
    float: left;
    clear: both;
    width: 1050px;
    height: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #ccc;
    border-left: none;
    border-right: none;    
}
#clsearch #head-back-haul h4 {
    margin: 5px 0 0 35px;
}
#clsearch #head-back-haul label {
    float: left;
    clear: none;
    width: auto;
    font-size: 12px;
    padding-top: 1px;
}
#clsearch #head-back-haul .select {
    float: left;
    clear: none;
}
#clsearch #head-back-haul .or {
    float: left;
    clear: both;
    margin: 5px 0;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 700;
}
#clsearch .domicile_container {
    margin-top: 10px;
    margin-left: 72px;
    float: left;
    clear: both;
}
#clsearch input.ssearch {
    width: 175px;
}
#clsearch #truck-spec {
    float: left;
    clear: none;
    width: 1050px;
    height: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #ccc;
    border-left: none;
    border-right: none;      
}
#clsearch #truck-spec h4 {
    margin: 20px 0 0 30px;
}
#clsearch #truck-spec #pickcargo {
    float: left;
    clear: none; 
    width: 1000px;
    margin:0;
}
#clsearch #truck-spec #pickcargo h6 {
    width: inherit;
    float: left;
    clear: both;
    padding: 6px 0 3px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-indent: 5px; 
    border-bottom: 1px solid rgb(255,152,45);
    margin-bottom: 3px;
}
#clsearch #truck-spec #pickcargo #cargo {
    float: left;
    clear: none; 
    width: 470px;
    margin: 0 0 0 25px;
}
#clsearch #truck-spec #pickcargo #specialties {
    float: left;
    clear: none;
    width: 470px;
    margin: 0 0 0 25px;    
}
#clsearch #pickcargo #cargo ul li,
#clsearch #pickcargo #specialties ul li {
    float: left;
    clear: left;
    margin: 3px 0;
    
}
#clsearch #pickcargo #cargo ul li label,
#clsearch #pickcargo #specialties ul li label {
    font-size: 14px;
    margin: 2px 0 0;
}
#clsearch #sw-filter {
    float: left;
    clear: none;
    width: 1000px;
    height: auto;
    padding: 0 0 15px 0;    
}
#clsearch #sw-filter h4 {
    margin: 20px 0 0 30px;
}
#clsearch #sw-filter .sw-filterbox {
    float: left;
    clear: none;
    width: 500px;
    height: auto;  
    margin: 0 0 0 30px;
}
#clsearch #sw-filter select.risk-level {
    width: 195px;
}
#clsearch #sw-filter .buttons {
    float: left;
    clear: none;
    width: 300px;
    margin: 5px auto;
}
    
#clsearch #cl-trial {
    float: left;
    clear: none;
    margin: 5px 20px 20px;
    padding: 15px 10px 20px;
    width: 982px;
    height: auto;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-linear-gradient(#ffffff, #e2e1e3);
    background: -o-linear-gradient(#ffffff, #e2e1e3);
    background: -moz-linear-gradient(#ffffff, #e2e1e3);
    background: linear-gradient(#ffffff, #e2e1e3);   
}
#clsearch #cl-activate {
    float: left;
    clear: left;
    margin: 5px 0 20px 20px;
    padding: 15px 10px 20px;
    width: 470px;
    height: auto;
    min-height: 320px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
}
#clsearch #cl-works {
    float: left;
    clear: none;
    margin: 5px 0 20px 20px;
    padding: 15px 10px 20px;
    width: 470px;
    height: auto;
    min-height: 320px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;    
}
#clsearch #cl-trial h4,
#clsearch #cl-activate h4,
#clsearch #cl-works h4 {
    color: #444;
    font-size: 18px;
    font-weight: 500;
    text-indent: 20px;
    width: 100%;
    border-bottom: 2px solid #777;
}
#clsearch #cl-trial p,
#clsearch #cl-activate p,
#clsearch #cl-works p {
    padding: 8px 20px;
    font-size: 16px;
    line-height: 22px;
}
#clsearch #cl-works p span.cl-truck-icon {
    float: left;
    clear: none;
    width: 64px;
    height: 64px;
    padding-right: 5px;
    background: transparent url(../graphics/cl-truck.png) no-repeat top left; 
}
#clsearch #cl-works p span.cl-phone-icon {
    float: left;
    clear: none;
    width: 64px;
    height: 70px;
    padding-right: 5px;
    background: transparent url(../graphics/cl-phone.png) no-repeat top left; 
}
#clsearch .buttons {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 20px;
    text-align: center;
}
#clsearch .buttons a {
    margin: 0 20px;
    background: rgb(255,152,45);
    border-color: #555;
}
#clsearch .buttons a:hover {
    color: rgb(255,152,45);
    background: rgb(255,255,255);
    border-color: #555;
}
#clsearch .buttons a {
    color: #fff;
    background: #555;
    border-color: rgb(255,152,45);
}
#clsearch .buttons a:hover {
    color: #555;
    background: #fff;
    border-color: rgb(255,152,45);
}
#clsearch .search_results {
    padding:15px 15px 5px 15px;
}
#clsearch .search_terms {
    font-weight: bold;
    color: #183068;
}
/* ########################### */
/* (INTRA)STATE CARRIER SEARCH */
#searchstate {
    float: left;
    clear: both;
    width: 1050px;
    margin: 0 auto 20px;
}
#searchstate #intra-image {
    position: absolute;
    top: 80px;
    right: 270px;
    width: 140px;
    height: 105px;
    background: transparent url(../graphics/red-straight-truck.png) no-repeat top left;
}
#searchstate h3 {
    width: inherit;
    float: left;
    clear: both;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}
#searchstate h4 {
    width: inherit;
    float: left;
    clear: both;
    padding-bottom: 15px;
    font-size: 16px;
    text-align: left;
}
#searchstate h5 {
    font-size: 14px;
    margin-bottom: 5px;
}
#searchstate #dotmap {
    float: left;
    clear: none;
    width: 600px;
}
#searchstate #dotmap h4 {
    margin-top: 25px;
    padding-bottom: 5px;
    font-size: 16px;
    text-indent: 20px;
}
#searchstate #dotmap iframe {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 600px; 
    height: 340px;
    border: none;
}
#searchstate #dotmap-info {
    float: left;
    clear: none;
    margin: 25px 5px 20px;
    padding: 10px;
    width: 360px;
    height: auto;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #f1f1f1;
}
#searchstate #dotmap-info p {
    float: left;
    clear: both;
    margin: 5px 10px;
    font-size: 15px;
    line-height: 22px;
}
#searchstate #dotmap-info p .green-box {
    display: inline-block;
    float: left;
    clear: none;
    width: 23px;
    height: 18px;
    margin: 0 5px 0 0; 
    border: 1px solid #444;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #88AC18;  
}
#searchstate #dotmap-info p .white-box {
    display: inline-block;
    float: left;
    clear: none;
    width: 23px;
    height: 18px;
    margin: 0 5px 0 0; 
    border: 1px solid #444;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;  
}
/* ################ */
/* WATCHLIST SEARCH */
#searchwatch {
    float: left;
    clear: both;
    width: 1050px;
    margin: 0 auto 5px;
}
#searchwatch h4 {
    width: inherit;
    float: left;
    clear: both;
    padding-bottom: 15px;
    font-size: 16px;
    text-align: left;
}
#searchwatch #typesearch {
    float: left;
    clear: left;
    width: 1050px;
    height: auto;
    padding: 10px 0;
}
#searchwatch #typesearch form {
    float: left;
    clear: both;
    display: inline;
    width: 1050px;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #777;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #e2e1e3;
    background: -webkit-linear-gradient(#fff, #e2e1e3);
    background: -o-linear-gradient(#fff, #e2e1e3);
    background: -moz-linear-gradient(#fff, #e2e1e3);
    background: linear-gradient(#fff, #e2e1e3);
}
#searchwatch #typesearch .broker {
    display: block;
    float: left;
    clear: none;
    width: 45px;
    line-height: 42px;
    padding: 0 5px;
    background: url(../graphics/btn-broker.png) top center no-repeat;
}
#searchwatch #typesearch .interstate {
    display: block;
    float: left;
    clear: none;
    width: 60px;
    line-height: 42px;
    padding: 0 5px;
    background: url(../graphics/btn-interstate.png) top center no-repeat;
}
#searchwatch #typesearch .intrastate {
    display: block;
    float: left;
    clear: none;   
    width: 60px;
    line-height: 42px;
    padding: 0 5px;
    background: url(../graphics/btn-intrastate.png) top center no-repeat;
}
#searchwatch #typesearch .other {
    display: block;
    float: left;
    clear: none;
    width: 45px;
    line-height: 42px;
    padding: 0 5px;
    background: url(../graphics/btn-other.png) top center no-repeat;
}
#searchwatch #typesearch .watched {
    display: block;
    float: left;
    clear: none;
    width: 60px;
    line-height: 42px;
    padding: 0 5px;
    background: url(../graphics/btn-all.png) top center no-repeat;
}
#searchwatch #typesearch input[type='radio'] {
    display: none;
}
#searchwatch #typesearch form[name='radioForm'] div {
    display: inline-block;
    float: left;
    clear: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
}
#searchwatch #typesearch .cool-bg {
    background: #92B22A;
}
#searchwatch #typesearch .icon-radio-group {
    float: left;
    clear: none;
    padding-top: 5px;
    margin-left: 30px;
}
#searchwatch #typesearch .icon-radio-group .type-label {
    float: left;
    clear: none;
    width: 90px;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    line-height: 20px;
    color: #88AC18;
    margin-right: 10px;
    padding-top: 8px;
}
#searchwatch #typesearch .or {
    float: left;
    clear: none;
    width: auto;
    padding: 20px 5px 0 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #777;
}
#searchwatch #typesearch .key-search {
    width: 340px;
    margin: 15px 0 0 10px;
}
#searchwatch #typesearch .key-search .type-label {
    float: left;
    clear: none;
    width: 80px;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    line-height: 20px;
    color: #88AC18;
    margin-right: 10px;
}
#searchwatch #typesearch .key-text {
    float: left;
    clear: right;
    width: 210px;
}
#searchwatch #typesearch .key-label {
    float: left;
    clear: none;
    width: 210px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #777;
}
#searchwatch #typesearch .watch-search-go .button {
    position: relative;
    top: 16px;
    left: 5px;
    font-size: 22px;
    font-weight: 900;
    padding: 0 8px 2px 10px;
    border: 1px dotted #92B22A;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    border-radius: 36px;
}
#searchwatch #typesearch .button:hover {
    border-color: #183068;
}
/* IMPORT WINDOW */
body.import-layer {
    width: 480px;
    background: transparent;  
}
#carrier-imp-form .file {
    width: 420px;
    margin: 5px 0 0 30px;
    font-size: 16px;
    background: transparent;
}
#carrier-imp-form .radios {
    float: left;
    clear: both;
    width: 75%;
    margin: 10px 5px 15px 50px;
}
#carrier-imp-form .radios label {
    float: left;
    clear: none;
    font-size: 14px;
    width: 120px;
    text-align: left;
    text-transform: capitalize;
    color: #183068;
    margin: 5px 5px 0 0;
    padding: 4px 6px;
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(255,255,255,0.7);

}
#carrier-imp-form .radios label:hover {
    background: #92B22A;
    color: #fff;
    text-decoration: none;
}
#carrier-imp-form input.radio {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
#carrier-imp-form .feedback {
    padding: 3px 6px;
    background: #ffd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;   
}
#carrier-imp-form .buttons {
    float: left;
    clear: both;
    width: 70%;
    margin-top: 5px;
    text-align: right;
}
#carrier-imp-form .buttons .button {
    font-size: 16px;
    padding: 5px 15px;
}
#carrier-imp-form .buttons p {
    float: left;
    clear: both;
    margin: 15px 0 0 35px;
}
#carrier-imp-form2 .buttons,
#iframe-alt .buttons {
    float: left;
    clear: both;
    width: 70%;
    margin-top: 20px;
    text-align: right;
}
#carrier-imp-form2 .buttons .button,
#iframe-alt .buttons .button{
    float: left;
    clear: none;
    margin-left: 10px;
}
#import-carriers .buttons {
    float: left;
    clear: both;
    width: 85%;
    margin-top: 20px;
    text-align: right;
}
#import-carriers .buttons .button {
    font-size: 16px;
    padding: 5px 15px;
}

/* ###################### */
/* State Selection Window */
#pickstate {
    width: 860px;
    margin-left: 90px;
}
#pickstate h5 {
    width: 830px;
    text-indent: 5px;
    margin: 4px 0;
}
#pickstate h5 .cbox {
    position: relative;
    top: -3px;
}
#pickstate h5 .switch {
    margin-left: 10px;
    font-size: 11px;
    font-weight: 500;
    color: #009;
    cursor: pointer;
}
#pickstate #usa,
#pickstate #canada,
#pickstate #mexico {
    float: left;
    clear: both;
    width: inherit;
    margin: 0 10px;
    border-bottom: 1px dotted #ccc;
}
#pickstate ul {
    float: left;
    clear: none;
    width: 105px;
    margin-bottom: 5px;
}
#pickstate #canada ul {
    width: 150px;
}
#pickstate #usa ul li, 
#pickstate #canada ul li, 
#pickstate #mexico ul li {
    width: inherit;
    height: 16px;
}
#pickstate #usa ul li label, 
#pickstate #canada ul li label, 
#pickstate #mexico ul li label {
    float: right;
    clear: right;
    width: 75px;
    margin: 3px 0;
    padding: 0 2px;
    text-align: left;
    font-size: 9px;
}
#pickstate #canada ul li label {
    width: 120px;
}
#pickstate ul li input.cbox {
    float: left;
    clear: left;
    margin-left: 5px;
}
#pickstate #usa ul li label.region,
#pickstate #canada ul li label.region,
#pickstate #mexico ul li label.region {
    font-weight: 700;
    color: #009;
}
#pickstate .buttons {
    width: 800px;
    text-align: right;
    margin-right: 60px;
}
/* ##################### */
/* Cargo Selection Panel */
#pickcargo {
    float: left;
    clear: both;
    position: relative;
    margin: 5px 0;
    padding: 0 0 10px 0;
    width: 468px;
}
#picklocation {
    float: left;
    clear: both;
    position: relative;
    margin: 5px 0;
    padding: 0 0 10px 0;
    width: 468px;
}
#pickcargo #cargo {
    width: inherit;
    padding: 0;
}
#pickcargo #cargo h6 {
    padding: 4px 0;
    font-size: 12px;
    text-indent: 5px;
}
#pickcargo .col1,
#pickcargo .col2,
#pickcargo .col3 {
    float: left;
    clear: none;
}
#pickcargo .col1 {
    width: 160px;    
}
#pickcargo .col2 {
    width: 150px;
}
#pickcargo .col3 {
    width: 150px;
}
#pickcargo #cargo ul li  {
    height: auto;
}
#pickcargo #cargo ul li input.cbox {
    float: left;
    clear: left;
    margin-left: 5px;
}
#pickcargo #cargo ul li label {
    float: right;
    clear: right;
    padding: 0 2px;
    text-align: left;
    font-size: 9px;
}
#pickcargo #cargo ul.col1 li label {
    width: 130px;
    margin: 3px 0;
}
#pickcargo #cargo ul.col2 li label {
    width: 120px;
    margin: 3px 0;
}
#pickcargo #cargo ul.col3 li label {
    width: 120px;
    margin: 3px 0;
}
#pickcargo .buttons {
    float: left;
    clear: none;
    width: 400px;
    text-align: right;
    margin: 0;
    padding-top: 5px;
}
#pickcargo .buttons .button {
    font-size: 11px;
}
/* CLCarrier Search */
#pickcargo #specialties {
    width: inherit;
    padding: 0;
}
#pickcargo #specialties h6 {
    padding: 4px 0;
    font-size: 12px;
    text-indent: 5px;
}
#pickcargo #specialties ul li  {
    height: auto;
}
#pickcargo #specialties ul li input.cbox {
    float: left;
    clear: left;
    margin-left: 5px;
}
#pickcargo #specialties ul li label {
    float: right;
    clear: right;
    padding: 0 2px;
    text-align: left;
    font-size: 9px;
}
#pickcargo #specialties ul.col1 li label {
    width: 130px;
    margin: 3px 0;
}
#pickcargo #specialties ul.col2 li label {
    width: 120px;
    margin: 3px 0;
}
#pickcargo #specialties ul.col3 li label {
    width: 120px;
    margin: 3px 0;
}
#specialties .buttons {
    float: left;
    clear: none;
    width: 400px;
    text-align: right;
    margin: 0;
    padding-top: 5px;
}
#specialties .buttons .button {
    font-size: 11px;
}
/* END SEARCH PAGE SECTION */
/* ####################### */


/* RISK POLICY */
/* ########### */
#policy-selection {
    width: 1000px;
    float: left;
    clear: both;
    margin: 20px auto;
    padding-bottom: 15px;
}
#policy-selection #tia-agree { /* accept TIA terms to use framework */
    width: 400px;
    top: 320px;
    left: 0;
    margin-left: 25px;
}

#policy-selection h3 {
    width: inherit;
    float: left;
    clear: both;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    text-indent: 20px;
}
#policy-selection p {
    width: auto;
    float: left;
    clear: left;
    margin: 6px 10px 2px 25px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
}
#policy-selection .riskpoloff { /* class names used by js */
    width: 1000px;
    float: left;
    clear: both;
    margin: 0 25px;
}
#policy-selection .riskpolon { /* class names used by js */
    width: 1000px;
    float: left;
    clear: both;
    margin: 0 25px;
}
#policy-selection .button {
    width: 120px;
    float: left;
    clear: none;
    margin: 5px 15px 15px;
    padding: 5px 0;
    text-align: center;
}
#policy-selection .riskpoloff .button {
    display: block;
}
#policy-selection .riskpolon .button {
    display: none;
}
#policy-selection .riskpolon .current {
    display: block;
    width: 120px;
    float: left;
    clear: none;
    margin: 5px 15px 15px;
    padding: 4px 0;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #183068;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-transform: capitalize;
    text-align: center;    
    background: #183068;
    color: #fff;
}
#policy-selection .riskpoloff .current {
    display: none;
}
#policy-selection .policybox {
    width: 820px;
    float: left;
    clear: none;
    margin: 5px 0 10px;
    padding: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-linear-gradient(#ddd, #fafafa);
    background: -o-linear-gradient(#ddd, #fafafa);
    background: -moz-linear-gradient(#ddd, #fafafa);
    background: linear-gradient(#ddd, #fafafa);
}
#policy-selection .riskpoloff .policybox {
    border: 1px solid #ccc;
}
#policy-selection .riskpolon .policybox {
    border: 1px solid #183068;
}
#policy-selection .riskpoloff .policybox:hover {
    background-color: #ffd;
}
#policy-selection .policybox .policy-icon {
    float: left;
    clear: none;
    width: 100px;
    min-height: 100px;
    margin: 10px 0 0 10px;
}
#policy-selection .policybox .policy-desc {
    width: 660px;
    float: left;
    clear: none;
    margin-left: 10px; 
    padding: 10px 20px;
    font-size: 16px;
    line-height: 22px;
}
#policy-selection .policybox .policy-detail {
    float: right;
    clear: none;
    width: 600px;
    margin: 0 20px;
    padding: 0 15px 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
}
#policy-selection .policybox .policy-detail p {
    float: left;
    clear: both;
    margin: 10px 15px 0;
    font-size: 12px; 
}
#policy-selection .policybox .policy-detail ul {
    float: left;
    clear: both;
    margin: 5px 15px;
}
#policy-selection .policybox .policy-detail ul li {
    float: left;
    clear: both;
    margin: 2px 5px;
    font-size: 12px; 
}
#policy-selection .policybox .buttons {
    float: right;
    clear: right;
    width: 85%;
    margin-top: 0;
}
#policy-selection .policybox .buttons .button {
    width: auto;
    float: right;
    clear: none;
    margin: 5px 15px 0;
    padding: 5px 10px;
    font-size: 11px;
    text-align: center;
}
#policy-selection .policybox .buttons .big {
    font-size: 14px;
}
#policy-selection .policybox .buttons .rpt-link {
    width: auto;
    float: right;
    clear: none;
    margin: 8px 10px 0 0;
    padding: 3px 6px;
    font-size: 12px;
}
#policy-selection .policybox .buttons .rpt-link .icon {
    display: block;
    float: left;
    clear: none;
    position: relative;
    top: -5px;
    left: -5px;
    width: 20px;
    height: 20px;
    background: url(../graphics/swIcon_Report_gray.png) top center no-repeat;
}
#policy-selection .riskpolon .policybox .buttons .button {
    display: block;
}
/* Other Checklists Page */
#policy-other {
    width: 1000px;
    float: left;
    clear: both;
    margin: 20px auto;
    padding-bottom: 15px;
}
#policy-other h3 {
    width: inherit;
    float: left;
    clear: both;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    text-indent: 20px;
}
#policy-other .newpol .button {
    width: auto;
    float: left;
    clear: both;
    margin: 10px 30px;
}
#policy-other table {
    width: 800px;
    float: left;
    clear: both;
    margin: 10px 80px;
}
#policy-other table th {
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    color: #777;
    border-bottom: 1px solid #ccc;
}
#policy-other table td {
    padding: 5px 8px 3px;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    color: #183068;
    border-bottom: 1px dotted #ccc;
}
#policy-other table td .button {
    width: auto;
    float: left;
    clear: none;
    margin: 0 5px;
    padding: 3px 6px;
    font-size: 12px;
}
#policy-other table td .big {
    font-size: 14px;
}
#policy-other table td .rpt-link {
    width: auto;
    height: 20px;
    float: left;
    clear: none;
    margin: 3px 10px 0 0;
    padding: 3px 6px;
    font-size: 12px;
}
#policy-other table td .rpt-link .icon {
    display: block;
    float: left;
    clear: none;
    position: relative;
    top: -5px;
    left: -5px;
    width: 20px;
    height: 20px;
    background: url(../graphics/swIcon_Report_gray.png) top center no-repeat;
}

/* RISK POLICY SETUP */
/* ################# */
#custom-policy {
    width: 1000px;
    float: left;
    clear: both;
    margin: 20px auto;
    padding-bottom: 15px;
}
#custom-policy h3 {
    width: inherit;
    float: left;
    clear: both;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    text-indent: 20px;
}
#custom-policy p {
    width: auto;
    float: left;
    clear: left;
    margin: 2px 10px 4px 25px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
}
#custom-policy .rule-form {
    width: 880px;
    float: left;
    clear: left;
    margin: 2px 10px 4px 25px;
    padding-bottom: 5px;
}
#custom-policy #save-checklist {
    margin: 10px 0 0 30px;
}
#custom-policy #save-checklist label {
    font-size: 13px;
    color: #444;
}
#custom-policy #save-checklist input.list-name {
    width: auto;        
    margin-right: 5px;
    font-size: 14px;
    color: #183068;
    font-weight: 700;
}
#custom-policy #save-checklist input.dissed {
    border-color: transparent;
    background: transparent;
}
#custom-policy #save-checklist input.button {
    width: auto; 
    margin-right: 5px;
    font-size: 14px;
}
#custom-policy #save-go-top {
    margin: 10px 0 0 60px;
}
#custom-policy #save-go-top label {
    font-size: 14px;
    color: #444;
}
#custom-policy #save-go-top .button {
    position: relative;
    top: 5px;
    width: auto; 
    margin-left: 5px;
    font-size: 12px;
}
/* ALERT TRIGGERS SETUP */
/* #################### */
#custom-alerts {
    width: 1000px;
    float: left;
    clear: both;
    margin: 5px auto;
    padding-bottom: 15px;
}
#custom-alerts h3 {
    width: inherit;
    float: left;
    clear: both;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    text-indent: 20px;
}
#custom-alerts form {
    width: 660px;
    float: left;
    clear: left;
    margin: 2px 10px 4px 25px;
    padding-bottom: 5px;
}
/* RISK CHECKLIST Button*/
.risk-checklist {
    margin:-2px 0 2px 12px;
}

/* RISK Details Assessment Button*/
.detailsButton{
    position:relative;
    top:15px;
    left:60px;
}


/* COMMON SETUP STYLES */
/* ################### */
.rule-section {
    width: inherit;
    float: left;
    clear: both;
    padding: 5px 0;
    margin: 5px 10px 5px 10px;
}
.rule-section h5 {
    float: left;
    clear: none;
    font-size: 14px;
    font-weight: 500;
}
#custom-policy .rule-section h5 {
    float: left;
    clear: none;
    width: inherit;
    font-size: 16px;
    font-weight: 500;
    text-indent: 15px;
    padding: 5px 0;
    background: -webkit-linear-gradient(right,rgba(255,255,255,0),rgba(136,172,24,1));
    background: -o-linear-gradient(right,rgba(255,255,255,0),rgba(136,172,24,1));
    background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(136,172,24,1));
    background: linear-gradient(to left,rgba(255,255,255,0),rgba(136,172,24,1));
    color: white;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
}
.rule-section h5 .expand-btn { /* not used for checklist - used for alerts */
    background: #92B22A;
    color: white;
    font-size: 18px;
    font-weight: 900;
    margin-right: 5px;
    width: 28px;
    display: inline-block;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.rule-section .catradio { /* custom alerts radios */
    float: right;
    clear: none;
    width: auto;
    margin: 10px 50px 1px 0;
    padding: 0;
    text-align: right;
}
.rule-section .catradio input.radio {
    float: left;
    clear: none;
    width: 16px;
    margin: 0;
    padding: 0;
    border: none;
}
.rule-section .catradio label {
    float: left;
    clear: none;
    margin: 0;
    padding: 0 10px 0 2px;
    width: 30px;
    text-align: left;
}
.rule-section .catradio .catlink {
    float: left;
    clear: none;
    width: 120px;
    margin-left: 15px;
    text-align: left;
}
.rule-section .rule-subheading { /* Header Row for Policy Setup */
    width: inherit;
    float: left;
    clear: both;
    margin-top: 5px;
    border-bottom: 1px solid #CDCDCD;
}
.rule-section .rule-subheading span {
    display: block;
    float: left;
    clear: none;
    font-size: 12px;
    padding: 5px;
}
.rule-subheading span.item {
    width: 335px;
}
.rule-subheading span.sev {
    width: 130px;
}
.rule-subheading span.mods {
    width: 300px;
}
.rule-section .rule-chart { /* Chart Button Row for Policy Setup */
    width: 100%;
    height: auto;
    float: left;
    clear: left;
    margin: 5px 0;
}
.rule-section .rule-chart span {
    display: block;
    float: left;
    clear: none;
    font-size: 12px;
    padding: 5px;
}
.rule-subheading span.open {
    width: 130px;
}
.rule-subheading span.open .button {
    font-size: 12px; 
}
.rule-section .rule-chart .chartbox {
    float: left;
    clear: left;
    width: 425px;
    padding: 5px 10px 10px;
    margin-left: 10px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.rule-section .chart-link {
    width: 20px;
    float: left;
    clear: none;
    padding-top: 6px;
}
.rule-section .rule-chart .tablebox {
    float: left;
    clear: left;
    width: auto;
    padding: 5px 10px 10px;
    margin-left: 10px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.rule-section .rule-chart .tablebox h6 {
    font-size: 12px;
    font-weight: 500;
}
.rule-section .rule-chart .tablebox .button {
    float: right;
    clear: none;
}
.tablebox .chartTableClass {
    float: left;
    clear: both;
    width: 300px;
    margin: 10px 10px 10px 25px;
}
.tablebox .chartTableClass th {
    padding: 2px 3px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-align: right;    
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #88AC18;
    background: -webkit-linear-gradient(#88AC18, #B1CE46);
    background: -o-linear-gradient(#88AC18, #B1CE46);
    background: -moz-linear-gradient(#88AC18, #B1CE46);
    background: linear-gradient(#88AC18, #B1CE46);
}
.tablebox .chartTableClass td {
    padding: 1px 3px;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    color: #183068;
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
}
.rule-section .rule-chart .button {
    float: left;
    clear: none;
    font-size: 12px;
    padding: 2px 6px;
}
.rule-section .rule-container {
    float: left;
    clear: both;
    width: auto;
    padding: 5px 5px 1px 10px;
} 
.rule-section .inactive {
    cursor: default;
} 
.rule-container .rule-check {
    width: 340px;
    float: left;
    clear: left;
    margin: 0;
}
.rule-container label {
    float: left;
    clear: none;
    width: 310px;
    margin: 3px 5px 0;
    text-align: left;
}
.rule-container label.mods {
    width: auto;
}
.rule-container .cbox {
    float: left;
    clear: none;
}
.rule-container select {
    width: 110px;
    float: left;
    clear: none;
    margin: 0 20px 0 0;
    padding: 2px 4px;
    font-size: 12px;
}
.oos-pct-note { /* oos percentage notes on Policy Setup */
    margin: 0 0 10px 0;
    font-weight: 700;
}
.csae-note1 { /* CSA-e Policy Setup */
    float: left;
    clear: both;
    width: auto;
    margin: 15px 200px 0 40px;
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
    color: #183068;
}
.csae-note2 { /* CSA-e Policy Setup */
    float: left;
    clear: both;
    width: auto;
    margin: 5px 50px 5px 15px;
    font-weight: 500;
    line-height: 16px;
    font-size: 14px;
    color: #183068;
}
.rule-section .inactive select {
    background: #dadada;
    color: #999;
    cursor: default;
}
.rule-container .fieldok,
.rule-container .fielderror {
    width: auto;
    float: left;
    clear: none;
    margin: 0;
}
.rule-container input[type="text"] {
    float: left;
    clear: none;
    width: 55px;
    margin: 0 5px 0 0;
    padding: 2px 4px;
    font-size: 12px;
}
.rule-section .inactive input[type="text"] {
    background: #dadada;
    cursor: default; 
    color: #999;    
}
.rule-container .fielderror input[type="text"] {
    background: #fcc;
    cursor: default; 
    color: #700; 
}
.rule-container .rule-note {
    width: auto;
    float: left;
    clear: none;
    margin: 3px 0 0 10px;
}
.rule-container .button {
    padding: 2px 4px;
    font-size: 11px;
}
.rule-section .inactive .button {
    background: #999;
    color: #ccc;
    cursor: default;    
}
.rule-container ul { /* customer alert checkbox lists (old) */
    float: left;
    clear: none;
    width: 280px;
}
.rule-container ul li {
    display: block;
    float: left;
    clear: both;
    width: inherit;
}
.rule-container ul li.title {
    width: inherit;
    margin: 5px 0;
}
.rules {
    float: left;
    clear: both;
    margin-left: 20px;
    height: auto;
}
/* Add note pop layer */
 .notes-container {
    position: relative;
    width: 530px;
    top: 5px;
    left: auto;
    display: inline-block;
    margin-left: -2px;
    padding: 5px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-linear-gradient(#cdcdcd,#dadada,#f1f1f1);
    background: -o-linear-gradient(#cdcdcd,#dadada,#f1f1f1);
    background: -moz-linear-gradient(#cdcdcd,#dadada,#f1f1f1);
    background: linear-gradient(#cdcdcd,#dadada,#f1f1f1);
}
/* DISONTINUE USE
.notes-container {
    position: absolute;
    width: 320px;
    display: inline-block;
    margin: -52px 0 0 10px;
    padding: 5px;
    border:1px solid #92B22A;
    border-bottom: 1px solid #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-linear-gradient(#cdcdcd,#dadada,#f1f1f1);
    background: -o-linear-gradient(#cdcdcd,#dadada,#f1f1f1);
    background: -moz-linear-gradient(#cdcdcd,#dadada,#f1f1f1);
    background: linear-gradient(#cdcdcd,#dadada,#f1f1f1);
}
.notes-container:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(89, 213, 106, 0);
    border-right-color: #92B22A;
    border-width: 10px;
    margin-top: -13px;
} */
.notes-container h6 {
    float: left;
    clear: both;    
    color: #183068;
    padding: 3px 0;
    text-indent: 10px;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
    color: #183068;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: default;    
}
.notes-container p {
    float: left;
    clear: both;
    font-size: 13px;
}
.notes-container textarea {
    float: left;
    clear: both;    
    width: 510px;
    height: 90px;
    resize: none;
    display: block;
    margin: 0 auto;  
}
.notes-container .buttons {
    width: 85%;
    float: left;
    clear: both;    
    text-align: right;
}
.notes-container .button {
    padding: 4px 8px;
    margin: 0 0 5px 10px;
}
/* ALERTS LIST TOP FORM */
/* #################### */
#list-alrts #numsearch {
    float: left;
    clear: none;
    width: 334px;
    height: auto;
    margin-bottom: 0px;
    border: 1px dotted #ccc;
    border-top: none;
    border-left: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(136,172,24,1));
    background: -o-linear-gradient(rgba(255,255,255,0),rgba(136,172,24,1));
    background: -moz-linear-gradient(rgba(255,255,255,0),rgba(136,172,24,1));
    background: linear-gradient(rgba(255,255,255,0),rgba(136,172,24,1));
}
#list-alrts #numsearch .fieldok {
    margin-top:5px;
}
#list-alrts #numsearch label {
    float: left;
    clear: none;
    margin-bottom: 2px;
    text-align: left;
    font-size: 14px;
}
#list-alrts #numsearch input {
    float: left;
  //  clear: left;
    width: 83px;
   // margin-bottom: 5px;
    margin-left: 10px;
}
#list-alrts #numsearch input.button {
    float: left;
    clear: none;
    width: auto;
    margin-top: 1px;
    margin-bottom: 5px;
    margin-left: 10px;
    background: #183068;
}
#list-alrts #numsearch input.button:hover {
    background: #22428E;
}
#list-alrts #alertsearch {
    float: left;
    clear: none;
    //width: 1000px;
    height: auto;
    //margin-left: 25px;
   /* border: 1px dotted #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-linear-gradient(#cdcdcd,#dadada,#f1f1f1);
    background: -o-linear-gradient(#cdcdcd,#dadada,#f1f1f1);
    background: -moz-linear-gradient(#cdcdcd,#dadada,#f1f1f1);
    background: linear-gradient(#cdcdcd,#dadada,#f1f1f1);
   */
}
/* ALERT SETTINGS SETUP */
/* #################### */
#acctinfo h3.alertset {
    padding: 5px 15px;
    margin-bottom: 5px;
}
#acctinfo h3.alertsetopt {
    padding: 5px 15px;
    margin: 5px 0;
}
.alertsetform {
    float: left;
    clear: both;    
    padding: 5px 40px;
    width:661px;
}
.alertsetform .buttons {
    float: right;
    clear: both;
}
#enabledtop .alertsetform div.buttons input.button {
    font-size:16px;
}

#btmlinkjd input.button {
    font-size:16px;
    float:right;
}


#enabledtop {
    float: left;
    clear: both;
    width:100%;
}
#shhdalcat2 { /* switch */
}
#shhdalcat2 .rule-section {
    border-top: 1px solid #92B22A; 
}
.rule-section .no-cd {
    font-size: 13px;
    font-weight: 700;
    color: #183068;
    padding: 2px 0 5px;
}
.rule-section .no-cd .button {
    font-size: inherit;
}
.catboxes78 {
    margin-left: 10px;
    display: none; /* until switched on */
}
.catboxes78 h4 {
    clear: both;
    font-size: 14px;
    margin: 5px 0;
}
.alertsetform .radio {
    margin-top: 4px;
}
.alertsetform .radio-opt {
    font-size: 14px;
    font-weight: 700;
    padding-right: 15px;
}
.catboxes78 .radio-opt {
    font-size: 14px;
    font-weight: 700;
    padding-right: 15px;
}
.catboxes78 .long-desc {
    float: left;
    clear: none;
    width: 700px;
    font-size: 13px;
    margin: 2px 3px;  
}
.rule-container#alertset-button .button {
    font-size: 18px;
}
.catalertleft {
    float:left;
    display:block;
    width:100%;
}
.chkbutn76 {
    float:left;
    display:block;
    clear:both;
    margin:5px;
    padding:4px;
    color:#007aac;
    border:0px;
    width: 25px;
}

.input-error { /*  ???  */
    border: 1px solid #cc0000;
    box-shadow: 0 0 5px #cc0000;
}
.app-error { /*  ???  */
    background: rgb(255, 217, 224);
    margin-top: 45px;
    border: 1px solid rgb(210, 2, 2);
    border-radius: 3px;
    padding: 10px;
    position: relative;
    top: 23px;
}
/* Contact Us Page (when logged in) */
#content-body #contactus {
    width: 500px;
    margin: 20px 50px;
}
#contactus p {
    font-size: 14px;
    margin: 5px 0 10px;
}
#contactus label {
    width: 120px;
}
#contactus .buttons {
    float: left;
    clear: both;
    width: 85%;
    margin: 25px 0;
    text-align: right;
}
#contactus .buttons .button {
    font-size: 16px;
    padding: 5px 15px;
}