@CHARSET "UTF-8";
html{
 height: 100%;
}
body {
 background-color: #fff;
 margin: 10px 40px 40px 40px;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
 height: 100%;
}

code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}

div#headWrapper,
div#navigationWrapper,
div#bodyWrapper,
div#footerWrapper{
  width: 1000px;
  float: left;
}

/* development
div {
  border: 1px solid green;
}
*/

div#navigationWrapper{
  margin-top: 20px;
}

div#bodyWrapper{
  clear: left;
  min-height: 500px;
}

div#navigation_left{
  width: 75%;
  float: left;
  clear: left;
}

div#navigation_right{
  width: 20%;
  float: right;
}
div#footerWrapper{
  border-top: 1px solid #D0D0D0;
  margin-top: 10px;
}

div#footer_left,
div#footer_center,
div#footer_right {
    float: left;
    height: 20px;
}

div#footer_left {
    width: 395px;
}

div#footer_center{
    width: 200px;
}

div#footer_right{
    width: 395px;
}

div.app_container{
    border-bottom: 2px solid #000000;
}

div.rep_container {
    border-bottom: 2px solid #E5E5E5;
    margin-bottom: 30px;
    padding-bottom: 10px;
}


img {
  border: 0px;
}

img#logo, img#bar {
  float: right;
}

a {
    color: #003399;
    background-color: transparent;
    font-weight: normal;
}

h3 a {
    font-weight: bold;
}

div.hr {
    float: left;
    width: 1000px;
    margin: 0px;
    border-bottom: 1px solid #D0D0D0;
}

hr {
    margin-bottom: 30px;
}

h1 {
 color: #444;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 font-size: 18px;
 font-weight: bold;
 margin: 10px 0 2px 0;
 padding: 5px 0 6px 0;
}


h2 {
 font-size: 16px;
 font-weight: bold;
 clear: left;
}

h3 {
 font-size: 14px;
}

label {
  font-weight: bold;
  float: left;
  margin-right: 5px;
}

span#error{
  clear: left;
  float: left;
  color: red;
}

span.title {
 color: #444;
 background-color: transparent;
 font-size: 16px;
 font-weight: bold;
}

/*
 border-bottom: 1px solid #D0D0D0;
 margin: 10px 0 2px 0;
 padding: 5px 0 6px 0;
 * */

div.login_container{
  margin-top: 20px;
  clear: left;
  float: left;
}

div#title_bar {
 color: #444;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 margin: 10px 0 2px 0;
 padding: 5px 0 3px 0;
 float: left;
}

div#menu{
    float: left;
    margin-top: 20px;
}

div.message {
    border: 1px solid #D0D0D0;
    margin-top: 10px;
    padding: 5px;
}

.left { float: left; }
.right { float: right; }
.hidden { display: none; }
.greyed { color: #BFBFBF; }
.small { font-size: 8pt; }

/* Collapsing Content***************************** */
span.collapser {
  color: #999999;
  font-size: 8pt;
  padding: 0px 10px 1px 1px;
  position: relative;
  top: 2px;
  width: 1em;
}
span.collapser:hover {
  cursor: pointer;
}
div.collapser_container {
  width: 36em;
}
/* ************************************************ */


/* Hyperlinks************************************** */
a {
  color: #003399;
  background-color: transparent;
  font-weight: normal;
  text-decoration: none;
}

p.opener{
  cursor:pointer;
  color: #003399;
  text-decoration: none;
}

a:hover,
p.opener:hover {
  text-decoration: underline;
}
a.no_color, a.navigation {
  color: #4F5155;
}
a.no_color:hover, a.navigation:hover {
  text-decoration: none;
}
a.navigation{
  font-size: 14px;
}
a#logout {
  float: right;
  color: #4F5155;
}

th {
    text-align: left;
}

td.data_header a,
td.software_header a{
  font-size: 16px;
  font-weight: bold;
}
/* ************************************************ */

/* Data Tables ************************************ */
div.dataTables_wrapper{
    border: 1px solid #D0D0D0;
    padding-top: 5px;
    padding-bottom: 0px;
}

div.dataTables_length{
    margin-left: 10px;
}

div.dataTables_filter{
    margin-right: 10px;
}

div.dataTables_info{
    margin-left: 10px;
    margin-top: 5px;
}

.align_center{
    text-align: center;
}

td.error_text{
  color: #EE0909;

}

td.ok_text{
  color: #20BE24;
  font-weight: bold;
}

td.data_header,
td.software_header{
  border-top: 1px solid #D0D0D0;
  border-left: 1px solid #D0D0D0;
  text-align: center;
}

td.data_header,
th.data_header{
  background-color: white;
}

td.software_header,
th.software_header{
  background-color: #ECEFF8;
}

th.border_left{
  border-left: 1px solid #D0D0D0;
}

span.error{
  background-color: #F60000;
  padding: 1px 5px 1px 5px;
  color: white;
}

/* vehicle search input */
.dataTables_filter input {
    width: 100px;
}

div.dataTables_info{clear: right;}

/* Form Elements************************************** */
select, input {
  font-family: Lucida Grande, Verdana, Sans-serif;
}

/* ************************************************ */

/* esig ******************************************* */


div#esig_box {
    width: 320px;
    border: 1px solid #BFDAEE;
    margin-top: 0px;
    padding: 10px;
    height: 110px;
}

div#esig_box input,
div#esig_box label {
    float: right;
    margin-right: 5px;
}

div#esig_box br {
    clear: right;
}

span#esig_error  {
    clear:right;
    float: right;
    color: red;
}