/* <style> */
body {
  background: #477ece;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;  
}
/* classes to make modal div work */

#modalPart {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px; 
  left: 0px;
}

.modalBackground {
  filter: Alpha(Opacity=40); 
  -moz-opacity:0.4; 
  opacity: 0.4;
  width: 100%; 
  height: 100%; 
  background-color: #999999;
  position: absolute;
  z-index: 500;
  top: 0px; 
  left: 0px;
}

.modalContainer {
  position: absolute;
  width: 300px;
  left: 50%;
  top: 50%;
  z-index: 750;
}

.modal {
  background-color: #ffffff;
  border: solid 1px #000000; 
  position: relative;
  top: -10px;
  left: -150px;
  z-index: 1000;
  width: 300px;
  height: 20px;
  padding: 0px;
}

.modalTop {
  width: 292px;
  background-color: #000099;
  padding: 4px;
  color: #ffffff;
  text-align: right;
}

.modalTop a, .modalTop a:visited {
  color: #ffffff;
}

.modalBody {
  padding: 0px;
  background-color: #ffffff;
  color: #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

/* end of modal div classes */

#company_select {
  display:inline;
}

td {
  vertical-align: middle;
}

input, select, radio, checkbox { 
  font-weight: bolder;
  color: #0000cc;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

span.labelLeft {
  width: 49%; 
  float: left; 
  text-align: left;
}

span.labelRight {
  width: 40%; 
  float: left; 
  text-align: right;
}

div.line {
  width: 100%;
  height: 1px;
  margin: 0px;
  border-top: 1px dotted black;
  padding: 0px;
  display: block;
  font-size: 1px;
}

#main label {
  font-weight: bolder;
}

#doc {
/*	border: 1px solid #000000; */
  text-align: center;
  margin: 2px;
  padding: 2px;
}

#header {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-style: normal; 
  font-weight: bold;
  border: thin solid #000000;	
  text-align: center;
  width: inherit;
  margin: 2px;
  padding: 2px;
  display: block;
}

#logo {
  background:  url(images/Marsh.gif); 
  border: 2px groove #0000dd; 
  width: inherit; 
  margin: 2px;
  padding: 1px;
  display: block;	
}

#logo table {
  width: 100%;
  white-space: nowrap;
}

#logo td.left {
  text-align: left;
  width: 20%;
}

#logo td.middle {
  text-align: center;
  width: 60%;
  font-size: x-large;
  color: #FFFFFF;
}

#logo td.right {
  text-align: right;
  width: 20%
}


#test {
  font-family: Arial, Helvetica, sans-serif
}


#nav {
  border: 1px solid #000000;
  background: #80b1e9;
  width: inherit;
  margin: 2px;
  padding: 4px;
  list-style-type: none;
  display: block;
  white-space: nowrap;
  text-align: center;
}

#nav ul {
  display: block;
  padding: 0px;
  margin: 0px;
  width: 100%;
  text-align: center;
}

#nav li {
  display: inline;
  padding: 0px;
  margin: 0px;
}
  
#nav a:link,
#nav a:visited {
  color: #000000;
  background: #80b1e9;
  padding: 2px 4px;
  width: auto;
  border: 1px solid #80b1e9;
  text-decoration: none;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#nav a:hover {
  color: #ffffff;
  background: #477ece;
}

#Home #nav-Home a,
#Incident #nav-Incident a,
#Vehicle #nav-Vehicle a,
#Driver #nav-Driver a,
#Pool #nav-Pool a,
#Location #nav-Location a,
#User #nav-User a,
#Report #nav-Report a,
#Admin #nav-Admin a,
#SafeComm #nav-safecom a,
#Document #nav-Document a,
#Approval #nav-Approval a,
#Injury #nav-Injury a,
#DVIR #nav-DVIR a,
#Training #nav-Training a,
#Camera #nav-Camera a,
#CredList #nav-CredList a,
#DQForms #nav-DQForms a,
#Vendor #nav-Vendor a,
#Factor #nav-Factor a,
#Type #nav-Type a,
#CredUpdate #nav-CredUpdate a,
#Upload #nav-Upload a,
#Inspection #nav-Inspection a,
#Customer #nav-Customer a,
#Color #nav-Color a,
#GPS #nav-GPS a,
#CameraV1 #nav-CameraV1 a,
#injury-list #nav-Injury a,
#School #nav-school a,
#Logout #nav-Logout a {
  background: #000000;
  color: #ffffff;
}

#Home #nav-Home a:hover,
#Incident #nav-Incident a:hover,
#Vehicle #nav-Vehicle a:hover,
#Driver #nav-Driver a:hover,
#Pool #nav-Pool a:hover,
#Location #nav-Location a:hover,
#User #nav-User a:hover,
#Report #nav-Report a:hover,
#Admin #nav-Admin a:hover,
#SafeComm #nav-safecom a,
#Document #nav-Document a,
#Approval #nav-Approval a,
#Injury #nav-Injury a,
#DVIR #nav-DVIR a,
#Training #nav-Training a:hover,
#Camera #nav-Camera a:hover,
#CredList #nav-CredList a:hover,
#DQForms #nav-DQForms a:hover,
#Vendor #nav-Vendor a:hover,
#Factor #nav-Factor a:hover,
#Type #nav-Type a:hover,
#CredUpdate #nav-CredUpdate a:hover,
#Upload #nav-Upload a:hover,
#Inspection #nav-Inspection a:hover,
#Customer #nav-Customer a:hover,
#Color #nav-Color a:hover,
#GPS #nav-GPS a:hover,
#CameraV1 #nav-CameraV1 a:hover,
#injury-list #nav-Injury a:hover,
#School #nav-school a:hover,
#Logout #nav-Logout a:hover {
  background: #000000;
}

#nav a:active {
  background: #361f0d;
  color: #ffffff;
}

#nav form {
  margin: 0;
  padding: 0;
  display: inline;
}

a img {
  border: none;
}

#main {
  border: 1px solid #000000;
  width: auto;
  margin: 2px;
  padding: 2px;
  display: block;
  clear: both;
  color: #000000;
  text-align: center;
}

#main table {
  border: 1px solid #000000;
  margin: 0;
  padding: 2px;
  width: 100%;
  text-align: left;
  color: #000000;
  background: #80b1e9;
}

#main table#incident_table {
  width: auto;
  float: left;
}

#main thead {
  background: #80b1e9;
}

#main tfoot {
  background: #80b1e9; 
}

#main tr {
  border: 1px solid #000000;
}

#main td {
  border: 1px solid #000000;
  vertical-align: top;
}

#main th {
  border: 1px solid #000000;
}

#main table.incident {
  width: auto;
}

#video th {
  border: 1px solid #000000;
  text-align: center;
}

#video td {
  border: 1px solid #000000;
  text-align: left;
}

#search table {
  border-collapse: collapse;
}

#search .sLabel {
  text-align: right;
  border-right: none;
  margin-right: 0px;
  padding-right: 0px;
}

#search .sField {
  text-align: left;
  border-left: none;
  margin-left: 0px;
  padding-left: 0px;
}

#printer {
  border: 1px solid #000000;
  width: auto;
  margin: 2px;
  padding: 2px;
  display: block;
  clear: both;
  color: #000000;
  text-align: center;
}

#printer table{
  border: 1px solid #000000; 
}

#main pre {
  margin: 0;
  padding: 0;
  font-size: small;
  font-weight: normal;
  display: block;
  text-align: left;
}

#main .legendText {
  color: #000000;
  text-align: center;
  border: 1px solid #000000; 
  background: #ccccdd;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  /* border: 1px solid #000000; */
}

#main .training {
  color: #000000;
  text-align: left;
  border: 1px solid #000000; 
  background: #ccccdd;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 2px;
  /* border: 1px solid #000000; */
}

#main .trainingHeader {
  color: #ffffff;
  text-align: left;
  border: 1px solid #000000; 
  background: #3349FF;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 2px;
  /* border: 1px solid #000000; */
}


#main .divider {
  height: 1px;
  border: none;
}

#main fieldset {
  margin: 2px;
  /*border: 1px solid #000000;*/
  border: none;
  padding: 2px;
  margin-left: 0;
  padding-left: 0;
  color: #000000;
  text-align: center;
}

#main fieldset fieldset {
  margin: 2px;
  /*border: 1px solid #000000; */
  padding: 2px;
  color: #000000;
  text-align: center;	
}

.cleaner {
  margin-top: 1em;
  clear: both;
}

#safecom_incident_wrapper {
  float: left;
  width: 50%;
  text-align: left;
  padding: 0;
}

#ndap_incident_wrapper {
  float: left;
  width: 50%;
  text-align: left;
  padding: 0;
}

#attachment_list_wrapper {
  float: right; 
  margin-top: -34px;
  width: 50%;
}

#attachment_list_wrapper fieldset {
  border: none;
}

#attachment_list_wrapper legend {
  float: right;
}

#attachment_update_wrapper {
  display:none;
}

#attachment_table {
  /*height: 132px;*/
  overflow: scroll;
  /*z-index: 100;*/
}

#main form {
  margin: 0;
  padding: 0;
  display: inline;
}

#main .incidentLabel {
  text-align: right;
}

#main .responseLabel {
  text-align: right;
}

#startDiv { 
  width:50px;
  height:70px;
  position:absolute;
  visibility:hidden;
  background-color:white;
}

#endDiv {
  width:50px;
  height:70px;
  position:absolute;
  visibility:hidden;
  background-color:white;
}

#footer {
  margin: 2px;
  color: #000000;
  background: #477ece;
  border: 1px solid #000000;
  padding: 1px;
  text-align: center;
  clear: both;
  display: block;
}

#search tr td {
  text-align: right;
}

table#dor_detail {
  width: auto;
}

#footer div {
  background: #a9b9db;
  margin: 2px;
  color: #000000;
  border: 1px solid #000000;
  padding: 1px;
  text-align: center;
}

/* </style> */