/*
Main HTML
----------------------------------------------------------*/
body {
    background:#012b46 repeat-x 0 0;
    font: normal 100%/1 Verdana;
    margin: 0;
    padding: 0;
    color:#1f1f1f;
    background-color: #6D347E;
    height:100%;
}

a:link {color:#034af3; text-decoration:underline;}
a:visited {color:#505abc;}
a:hover {color:#1d60ff; text-decoration:none;}
a:active {color:#12eb87;}

p {margin-bottom:20px; line-height:1.6em;}

header, footer, nav, section {display:block;}
label {font-weight:bold; font-size:.9em;}

audio {}

button {cursor:pointer;}

fieldset{padding-left: 0.75em}

img {width:100%;}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-size:1.5em; color:#000;}
h1 {padding: 0; margin: 0 0 10px; font-size: 1.2em; border-bottom: 1px solid #929292;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em; margin:0 0 5px;}
h4, h5, h6 {font-size:1em;}


/*
Sprites call
----------------------------------------------------------*/
.nav ul#menu li.navConfig a, .carrier_failed .icon, .truck_failed .icon, .screening-factor-priority .icon, #first, #last, #back, #next, .searchFieldValidation div, .error, .screening_summary_detail .carrier_failed .icon, .screening_summary_detail .truck_failed .icon, .screening_summary_detail .screening-factor-priority .icon, .screening_summary_detail .screening-factor-priority, .dumpContentContainer h4.alert, .truckNoImg, .driverNoImg, .screening-factor, .screening_summary_detail .screening-factor-alert, .screening_summary_detail .screening-factor-priority, .report-link li, .field-validation-error, #searchformtoggle, #togglecommentform, .dumpContentContainer h4.warning {background: url(images/pageElements.png) no-repeat;}
.field-validation-error, .dumpContentContainer h4.alert, .carrier_failed .icon, .truck_failed .icon, .screening-factor-priority .icon, .screening_summary_detail .carrier_failed .icon, .screening_summary_detail .truck_failed .icon, .screening_summary_detail .screening-factor-priority .icon, #closedetailpane, #closedetailpane:hover, #closedetailpane:active, .dumpContentContainer h4.warning {background: url(images/pageElementsLrg.png) no-repeat;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.logo {margin: 0; padding: 0; position: absolute; z-index: 2; top: -31px; display: block; width: auto}

.page {width:700px; position:relative; margin:2.125em auto; padding:0 1.25em 0 0;} 

#header, .header {position:relative; margin-bottom:0px; color:#000; padding:0;}
#header h1, .header h1 {
    font-weight:bold;
    padding:.3125em 0;
    margin:0;
    color:#fff;
    border:none;
    line-height:2em;
    font-size:2em !important;
    text-shadow:1px 1px 2px #111;
}

.main {
    padding:.625em;
    background:#f8f8f8;
    border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 0 0 0;
    -moz-border-radius:6px 0 0 0;      
}

.mainReport {
    padding:.625em;
    background:#fff;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;    
}

.footer, #footer {
    background-color:#F1F1F1;
    color:#999;
    display:block;
    height:5px;
    font-size:.9em;
    border-radius:0 0 6px 6px;
    -webkit-border-radius:0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    position:relative;
}


/* TAB MENU   
----------------------------------------------------------*/
.nav ul#menu {
    position:relative;
    margin:0;
    text-align:right;
    font-size:.9375em;
    margin:0 0 .25em;
}

.nav ul#menu li {
    display:inline;
    list-style:none;
    position:relative;
}

.nav ul#menu li#greeting {
    padding:.625em 1.25em;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
}

.nav ul#menu li a {
    padding:.1875em 2.5em;
    text-decoration:none;
    background:#265e81 url(images/tabGrayBg.png) repeat-x 0 0;
    color:#fff;
    border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
}

.nav ul#menu li a:hover, .nav ul#menu li:hover a {background:#f8f8f8; color:#323232; text-decoration:none;}
.nav ul#menu li a:active {background-color:#f8f8f8; color:#000; text-decoration:none;}
.nav ul#menu li.selected a {background-color:#fff; color:#000;}

.nav ul#menu li.navConfig a {padding:.1875em .9375em .1875em 1.25em; background-position:9px 3px; background-color:#265e81;}
.nav ul#menu li.navConfig ul {margin:0; padding:.3125em;}

.nav ul ul {display:none;}
.nav ul li:hover ul {
    display:block; position:absolute; width:12.5em; left:-10.65em; top:1.3125em; background:#F1F1F1; z-index:10; border:1px solid #7B7B7B; border-top:0; box-shadow: 0px .1875em .5625em #000;
    border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
}

.loginBox {color:#fff; margin:0 .625em 0 0;}

.nav ul#menu li.loginBox a {
    padding:0;
    text-decoration:none;
    background:transparent;
    color:#fff;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    }

.nav ul#menu li.loginBox a:hover, .nav ul#menu li.loginBox:hover a {background-color:transparent; color:#fff; text-decoration:none;}
.nav ul#menu li.loginBox a:active {background-color:transparent; color:#fff; text-decoration:none;}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
input[type="text"], input[type="password"], select {
    border:1px solid #286083;
    padding:.125em;
    font-size:1em;
    color:#000;
    width:12.5em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
select {font-size:.875em;}


/* TABLE
----------------------------------------------------------*/
table {border:none; border-collapse:collapse; width:100%; display:block;}
table td {padding:0; text-align:left;}
table table td {padding:3px;}
table th {padding:0;}
#content__login_RememberMe + label {float:left;}

/* MISC  
----------------------------------------------------------*/
.clear, .clearFix {clear:both;}
.somewhereInnocuous, .versionNumber {display:none;}

.error {
    background-color:#D7BFBF; 
    background-repeat:no-repeat; 
    border:1px solid #c0504d; 
    color:#2c2c2c; 
    margin:0; 
    padding:.625em .625em .625em 3.75em; 
    margin:0 0 .375em;
    background-position:5px -29px;
}

div#title {display:block; float:left; text-align:left;}

.searchFieldValidation {}
.searchFieldValidation span {color:#2c2c2c;}
.searchFieldValidation div {float:left; background-repeat:no-repeat; background-position:0 -33px; display:block; width:1.875em; height:1.875em; margin:.4375em 0 0 .4375em; clear:both;}
.searchFieldValidation ul {margin:.625em 0 .625em 1.25em;}

.searchField {float:left; margin:0 1.25em 0 0;}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {font-size: 85%;background-color:#f2dcdb; background-position:5px -110px; border:1px solid #c0504d; color:#2c2c2c; padding:.3125em .3125em .3125em 1.5625em; margin:0 0 .3125em;margin-top: 0.10em;clear:both; display:block;}
.field-validation-valid {display:none;}

.input-validation-error {font-size: 85%; border:1px solid #c0504d; background-color:#f2dcdb;}
.validation-summary-errors {font-size: 85%; font-weight:bold;color: #ff0000;}
.validation-summary-valid {display:none;}


/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label {margin:1em 0 0 0;}
.display-field, .editor-field {margin:0.5em 0 0 0; text-transform:uppercase;}

.text-box {width:30em;}
.text-box.multi-line {height:6.5em;}

.tri-state {width:6em;}


/* Footer
----------------------------------------------------------*/
.footer ul.menu {font-size:.875em; margin:0; padding:0 0 .375em; position:absolute; top:.375em;}
.footer  ul.menu li {display:inline; list-style:none; padding:0 .375em 0 0;}
.footer  ul.menu li a {
    padding: 0;
    text-decoration: none;
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color:#fff;
}

.footer  ul.menu li a:hover, .footer  ul.menu li a:active {background-color:transparent; color:#fff; text-decoration:underline;}
.footer  ul.menu li.selected a {background-color:transparent; color:#fff;}


/* Login Table
-----------------------------------------------------------*/
#content__login table tr {display:none;}
#content__login table tr + tr {display:block;}
#content__login table td {width:120px;}
#content__login table td + td {width:auto;}