#navholder { width: 18%; float: left; }
#nav li { width:170px; margin: 2px; list-style: none; float: left; display: block; padding: 2px; }
#nav { clear: both; }
#content { float: left;  width: 79%; margin: 1em;}

body, p, td, th, div { font-family: Arial; font-size: 13px; }
.components h1 { padding: 2pt; font-size: 20pt; }
.components h2 { padding: 2pt; font-size: 18pt; }
.components h3 { padding: 2pt; font-size: 11pt; }
.components h4 { padding: 2pt; font-size: 10pt; }
.components h5 { padding: 2pt; font-size: 12pt; }
.components h6 { padding: 2pt; font-size: 11pt; }
.components li { font-size: 10px; }
.components h1, .components h2, .components h3, .components h4, .components h5, .components h6, .components h7 {
	min-height: 24px;
	clear: both;
}

.components > ul { clear: left; margin-left: 0px; padding-left: 0px; }
.components td.spec { width: 70px; }
.components li { list-style-type: none;  }
.components li.item { clear: left; }
.components li label { width: 200px;/* text-align: right; */margin-right: 2em; font-size: 12pt; float: left; clear: both; }
.components ul {  }

.components h1 { padding: 0px; margin: 0px; font-size: 20pt; }
.components li li h1 { font-size: 17pt; }
.components li li li h1 { font-size: 15pt; }
.components li li li li h1 { font-size: 13pt; }
.components li li li li li h1 { font-size: 12pt; }

div.tools { margin-top: 2em; }
div.tools > div { margin-left: 0.5em; margin-right: 0.5em; }


.components ul {  }


##a { border: none !important; }

#flash, .flash { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1000; }
#flash, #flash * { cursor: pointer; }

.aform { width: 60%; height: auto; padding: 1em; margin-left: auto; margin-right: auto; bottom: 10%; left: 10%; position: fixed; z-index: 101; border: 10px solid grey; background-color: white; }
	
.speclist dt, .speclist dd  { width: 200px; }
.speclist dt { float: left; clear: left; font-weight: bold; }
.speclist dd { float: left; }

textarea.bigtextarea { width: 900px;}

.status, .condition { position: relative; background-color: #666666; width:180px;}
.status span, .condition span { font-size: 90%;	color: white; font-weight: bold;}

.status_ok, .status_resolved, .condition_good, .status_noclaims, .status_completed { background-color: green; }
.status_repaired { background-color: darkblue; }
.status_watch, .condition_fair, .status_monitorrepairs { background-color: orange; }
.status_declined { background-color: black; }
.status_warning, .status_open, .condition_poor, .status_claimsopen { background-color: red; }
.status_scheduled { background-color: maroon; }
.status_on_hold { background-color: orange; }

.status .label, .condition .label { left: 0px; top: 0px; background-color: white; color: black; font-size: 8pt; font-weight: bold; padding: 2px; }

.editbutton,.detailbutton { float: left; margin-right: 5px; }

table.oldnotes td { border-bottom: 1px solid black; }

.due { border: 1px solid red; background-color: pink; }
.overdue { border: 2px solid purple; background-color: red; color: white; }
.issuetooltip { position: absolute; z-index: 101; width: 400px; height: auto; }

.attachmentlinklist a:hover { background-color: pink; }

#loginbox { margin:2px; }

ul.homebuttons { list-style-type: none; }
.homebuttons li { margin: 20px; text-align: center; padding: 10px; display: block; float: left; width: 120px;  }
/*.homebuttons li:nth-child(6) { clear: left; }*/

.status a, .condition a { text-decoration: none;}
.demobuttons { clear: both; margin: 30px; list-style-type: none; }
.demobuttons li { text-align: center; padding: 30px; width: 400px; margin-left: auto; margin-right: auto; }
.pageheader { float: left; }


/* floating fixed buttons */
#requestSurvey {background:url(/static/brochure/img/btns.png) no-repeat scroll 0px 0px;height:167px;right:0;position:absolute;float: right;top:185px;width:40px;z-index:10;}
div#requestSurvey:hover {background-position:-40px 0px;}
#requestSurvey a {display:block;height:167px;width:40px; text-indent: -9999px;outline: 0;}
#contactUs {background:url(/static/brochure/img/btns.png) no-repeat scroll 0 -167px;height:114px;right:0;position:absolute;float: right;top:360px;width:40px;z-index:10;}
div#contactUs:hover {background-position:-40px -167px;}
#contactUs a {display:block;height:114px;width:40px; text-indent: -9999px;outline: 0;}
#yaccount {background:url(/static/brochure/img/btns.png) no-repeat scroll 0 -281px;height:130px;right:0;position:absolute;float: right;top:482px;width:40px;z-index:10;}
div#yaccount:hover {background-position:-40px -281px;}
#yaccount a {display:block;height:130px;width:40px; text-indent: -9999px;outline: 0;}

.shared { background-color: #CCFFD9; }
.private { background-color: #FFDFCC; }

.slidedown a { text-decoration: none; }
.slidedown a:hover { cursor: pointer; }
h4 { padding: 0px; margin: 0px; }


.b { width: 200px; float: left; margin: 3px;  }


/*.ui-jqgrid-view a { color: black !important; }*/
a.addatt { text-decoration: underline; cursor: pointer; }
.atsb { cursor: pointer; }
div.statushint { width: 300px; height: auto; }
div.vessel, div.inactivevessels { float: left; clear: left; }