/* <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,
#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,
#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> */