* { font-family : Arial, Helvetica, sans-serif; font-size: 100%; }
BODY {font-size: 0.75em; margin: 0 0 10px;	padding: 0;	background-color: #f6f6f6; color: #805a29; }

/* common elements*/
form		{display: inline;}
img {border: 0;}
p, a, td, th, textarea, input, div, select, ul, li, ol, span, h1, h2, h3, h4, label	{font-family : Arial, Helvetica, sans-serif;}
p, span, legend { color: #805a29;}
ul, ol, td	{ color: #805a29;}
textarea, input, select	{color: #000;}
h1			{color: #584B21; font-size: 1.5em; }
h2, .pageTitle	{color: #805a29; font-size: 1.1em; margin-top: 0;  font-weight: bold;}
h2 			{margin-bottom: 6px;}
h3			{font-size: 1.2em; margin: 2px; }

h4 { margin-top: 6px; margin-bottom: 6px;}

input.button, input.buttonPlain  { color: #805a29; background-color: #DECCB3; font-weight: bold; }
input.button  { margin-top: 4px; }
.disabled { background-color: RGB(212, 208, 200); }

a		{color: #f2662a;}
a:hover		{text-decoration: none;}

fieldset	{background-color: #FFF; border: 1px solid #ccc; padding: 0 5px 10px 5px;}

/* layout ids */
#masthead 	{background: #fe5d13 url(../images/bgHeader.gif) center bottom no-repeat; padding: 10px; height: 60px; }
#pageTitle 	{color: #FFF; display: block; margin: 5px 0 0 0; }
#subTitle 	{color: #FFF; display: block; margin: 5px 0 0 0; }
#masthead .userName 	{ text-align: right; color: #FFF; display: block; margin: 2px 0 0 0; }
#masthead .logo  {}



#menu 		{background: #ECE7DF url(../images/bgMainNav.gif) no-repeat center top; padding: 4px 4px 4px 8px; border-bottom: 1px solid #805a29; }
#menu a 	{color: #805a29; }

#footer		{ clear: both; border-top: 1px solid #f2662a; padding-bottom: 30px; margin-top: 30px; }
#footer p	{color: #7c6b62; margin: 0; padding: 20px 7px; }
#footer a	{color: #7c6b62;text-decoration: none;text-transform: lowercase;}
#footer a:hover	{color: #7c6b62;text-decoration: underline;}
#footerLinks{float: left;}
#copyright	{float: right; text-align: right;}

#mainContent { padding: 12px;}


#searchForm  { padding: 4px; width: 680px;  }
#detailsForm, #comments  { width: 750px;  }
#commentsList { width: 100% }

#tableHeader 	{ }
#results 		{ width: 98%;  }
#results td, #substationList td {padding: 3px;}
#substationList {width: 750px; }
#substationId {width: 250px;}

/*
#tableHeader td, #tableHeader a  {color: #805a29; background-color: #DECCB3; font-weight: bold; text-decoration: none;}
#tableHeader td {border-bottom: 1px solid #A07a49; border-right: 1px solid #A07a49; border-top: 1px solid #fff; border-left: 1px solid #fff; }
*/

/*  Mark's entries */
.listHeader, .listHeader a  { text-align: left; color: #805a29; background-color: #DECCB3; font-weight: bold; text-decoration: none; }
.listHeader  {padding-left: 3px; border-bottom: 1px solid #A07a49; border-right: 1px solid #A07a49; border-top: 1px solid #fff; border-left: 1px solid #fff; }

.sorted, .sorted a  { background-color: #D8D4CB; }
.ascending a  { background-color: #D8D4CB; }
.descending a  { background-color: #D8D4CB; }
.ascending  { background: #D8D4CB url(../images/col_ascend.gif) fixed no-repeat right center; }
.descending  { background: #D8D4CB url(../images/col_descend.gif) fixed no-repeat right center; }

.exportlinks {font-family : Arial, Helvetica, sans-serif; color: #D8D4CB; background: #fe5d13 url(../images/bgHeader.gif) center bottom no-repeat; }
.solTable {padding-bottom: 10px;}

.row0 	{background-color: #FFF; }
.row0 a	{ }
.row1 	{background-color: #ECE7DF; }
.urgent td, .urgent a	{color: red; font-weight: bold; }

td.started .Unsafe , a.started .Unsafe {background-color: red; color: white; }
td.started .Hazardous, a.started .Hazardous {background-color: blue; color: white; }
td.finished .Unsafe , a.finished .Unsafe {background-color: red; color: white; }
td.finished .Hazardous, a.finished .Hazardous {background-color: blue; color: white; }
td.overdue {background-color: #992222; color: white; }


td span { font-size: 1em; }
td span.overdue { color: red; font-weight: bolder; }

td.safeStatus .Unsafe 	{background-color: red; color: white; }
td.safeStatus .Hazardous {background-color: blue; color: white; }

.formCol1 {float: left; position: relative; left: -13px;}
.formCol2 {position:relative; float: left; left: 240px;}
.formItem {position: relative; margin: 8px; }
.formCol1 .formItem label	{display: block; width: 9.5em; text-align: right;}
.formCol1 .formItem input, .formCol1 .formItem select, .formCol1 .formItem span {position: absolute; top: 0; left: 10em;}
.formCol2 .formItem label	{display: block; width: 12em; text-align: right;}
.formCol2 .formItem input, .formCol2 .formItem select, .formCol2 .formItem span {position: absolute; top: 0; left: 12.5em;}
td label	{display: block; width: 10em; text-align: right;}
.textEntry { overflow: auto; margin-left: 6px; width: 700px; } 
.textLine { margin-left: 6px; width: 700px; } 

/* override classes */
.bright 	{color: #f2662a;}
.reversed 	{color: #FFF;}

.right { float: right; }
.left { float: left; }
.clearBoth	{clear: both;}

/* displaytag styles - see displaytag.properties for the html snippets these */
.controlBar { text-align: right; margin: 4px;}
/* make the contractor table fill the left column of the contractor page */
table#contractor { width: 100%; }

body {
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 80%;
}
#notes1 {
    overflow: auto;
    height: 17.5em;
    background-color: #FFF;
    padding: 1px;
/*
    _height: expression(this.scrollHeight > 95 ? "95px" : "auto"); 
    _border: expression(this.scrollHeight > 95 ? "1px solid #ccc" : "1px solid #ccc"); 
*/
}
#notes2 {
    overflow: auto;
    background-color: #FFF;
    padding: 1px;
    height: 15.5em; 
/*
    _height: expression(this.scrollHeight > 107 ? "107px" : "auto"); 
    _border: expression(this.scrollHeight > 107 ? "1px solid #ccc" : "1px solid #ccc"); 
*/
}
input.searchText {
    width: 7em
}
input.checkbox {
    width: auto
}
input.myButton {
    width: auto
}
input.addButton, input.delButton {
    padding: 0px 2px 0px 2px;
    font-size: 11px;
    width: auto;
}
div#history {
    position: absolute;
    top: 360px;
    right: 5px;
    width: 400px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    padding: 5px;
    font-size: 100%;
    display: none;
}
div#history {
    max-height: 400px;
    height: 400px;
}
div#history, div#logs {
    overflow: auto;
    /*max-height: 350px;
    height: 350px;*/
}

#column_left {
    float: left; 
    width: 49%; 
    vertical-align: top;
    padding: 5px 0px 5px 5px; /* zero right margin */
}
#column_right {
    float: right; 
    width: 49%; 
    vertical-align: top;
    padding: 5px 5px 5px 0px; /* zero left margin */
}
#column_single {
    float: left; 
    width: 500px; 
    vertical-align: top;
    padding: 5px 0px 5px 5px; /* zero right margin */
}

.orange-bg {   COLOR: white; 
                BACKGROUND-COLOR: #ff7400 }

th a  { color: #584B21; font-weight: bold;}

.displayColumn {
    height: 50px!important;
}