@import "tabnav.css";
@import "menunav.css";
@import "dropdown.css";
@import "tablist.css";
@import "toolbar.css";

body { padding:0px; margin:5px; font:12px arial, helvetica, sans-serif; background-color:#FFFFFF; }

#page_wrapper { margin:auto; padding:0px; }

#header { text-align:left; border:1px solid black; width:auto; background-color:#e0e0e0; }
#header #side-a { float: left; width: 140px; padding:16px 0px 0px 5px; }
#header #side-b { float: right; width: 250px; padding:3px 5px 0px 0px; text-align:right; }

#header #page_title { float:left; color:#333333; font-size:20px; font-weight:bold; padding-left:39px; margin-top:5px; }

#header #tabs { float:left; color:black; margin-top:8px; }

#content_wrapper { clear:both; width:auto; height:auto; }

#footer { clear:both; margin:15px auto 10px auto; padding:5px 0px; border-top:1px solid black; }

div.fluid_left { float:left; width:50%; }
div.fluid_right { float:right; width:50%;}

/* Form Layout/Design */
div.form { clear:both; padding:4px; background-color:#E0E0E0; margin:auto; border:1px solid black; }
div.label fieldset { border:1px solid black; }
div.cell { display:inline-block; float:left; padding:2px 4px; }
div.right { float:right; }
div.break { clear:both; }

span.label {
	font-size:12px;
	font-weight:bold;
	color:black;	
}

body.forma {padding:0px; margin:0px; font-size:100%; font-family:arial, helvetica, sans-serif; background-color:#FFFFFF; }
h1.forma {font-size:2.5em;}
h2.forma {font-size:1.875em;} 
p.forma {font-size:0.875em;} 
div.forma { clear:both; padding:0px; background-color:#E0E0E0; margin:auto; border:1px solid black; }
div.forma fieldset { border:1px solid gray; }


/* TABLE STYLES */


table td.label {
	font-size:12px;
	font-weight:bold;
	color:black;	
}

div.caption { float:left; font-size:14px; font-weight:bold; }

table.data { border:1px solid black; font-family:arial; font-size:12px; padding:0px; }
table.data caption { text-align:left; color:#FFFFFF; font-size:14px; font-weight:bold; 
					 padding:2px; border:1px solid black; border-bottom:none; }
table.data tbody td, table.data tfoot td { border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; }
table.data tbody tr, table.data tfoot tr { background-color:#E9E9E9; }
table.data tbody tr:hover, table.data tfoot tr:hover { background-color:#FFFFCC; }
table.data tbody tr.odd, table.data tfoot tr.odd { background-color:#DBDBDB; }
table.data tbody tr.odd:hover, table.data tfoot tr.odd:hover { background-color:#FFFFCC; }
table.data thead { display:table-header-group; }
table.data thead th { background-color:#B6B6B6; font-weight:bold; font-size:12px; text-align:center;
					  border-right:1px solid #999999; border-bottom:1px solid #999999; color:#130172; }
table.data thead th a { text-decoration:none; display: block; color:#130172; }
table.data thead th label { color:#130172; }

table.no_hover tbody tr:hover, table.no_hover tfoot tr:hover { background-color:#E9E9E9; }
table.no_hover tbody tr.odd:hover, table.no_hover tfoot tr.odd:hover { background-color:#DBDBDB; }

#main table.data caption { background-color:#0033ff; }
#properties table.data caption { background-color:#c6091c; }
#jobs table.data caption { background-color:#ff6600; }
#tools table.data caption { background-color:#139f13; }
#accounting table.data caption { background-color:#ffb94f; }
#admin table.data caption { background-color:#7a52cf; }

#main table.data thead th a:hover { color:#0033ff; }
#properties table.data thead th a:hover { color:#c6091c; }
#jobs table.data thead th a:hover { color:#ff6600; }
#tools table.data thead th a:hover { color:#139f13; }
#accounting table.data thead th a:hover { color:#ffb94f; }
#admin table.data thead th a:hover { color:#7a52cf; }

.hide_cell { display:none; }

table.form { border:1px solid black; padding:1px; margin:auto; clear:both; background-color:#E0E0E0; }
table.form td { border:none; }
table.form tr.borders td { border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; }
table.form tr.odd { background-color:#DBDBDB; }
table.form tr.even { background-color:#E9E9E9; }
table.form td.label { font-size:12px; font-weight:bold; }
table.form tr th { border-right:1px solid #999999; border-bottom:1px solid #999999; background-color:#C3C3C3;
				   font-weight: bold; color: #130172; text-align:center; }
table.form textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:2px; }
table.form caption { background-color:#CCC; padding:2px; font-weight:bold; font-size:12px; color:#130172; 
					 border:1px solid black; border-bottom:none; }
					 
input.date { width:80px; }

table div.pageinfo { font-size:12px; font-weight:bold; } /* temporary */


/* table 'cat' needs to be replaced */ 
table.cat_no_font{ background-color: #000000; border-style: solid; border-width: 1px; border-collapse: separate; }
tr.cattop { background-color: #c3c3c3; font-weight: bold; color: #aa0000 ;font-size: 20px}
font.catlarge { font-size: 18px; color: #000000 }
tr.cattitle td { background-color: #c3c3c3; font-weight: bold; color: #130172; text-align: center}
tr.cat { background-color: #E0E0E0; color: #000000; border-color: #AAAAAA; border-width: 1px}
td.cattitle { background-color: #c3c3c3; font-weight: bold; color: #130172; text-align: center}
tr.catorama { background-color: #c3c3c3; font-weight: bold; color: #130172; text-align: left; border-color: #AAAAAA}
td.cateven_attn { background-color: #c3c3c3; color: #aa0000; border:1px solid #AAAAAA; }
tr.catattn { background-color: #CDAD00; color: #000000; border:1px solid #AAAAAA; }
tr.catattn2 { background-color: #55FFD4; color: #000000; border:1px solid #AAAAAA; }
tr.catattn3 { background-color: #FF7FD4; color: #000000; border:1px solid #AAAAAA; }
td.catodd_attn { background-color: #E0E0E0; color: #aa0000; border:1px solid #AAAAAA; }
tr.catshaded { background-color: #EaEaEa; color: #aa0000; border:1px solid #AAAAAA; }
tr.catempty { background-color: #FaFaFa; color: #000000; border: #AAAAAA}


table.cat { background-color: #AAAAAA; font-size: 11px; border:1px solid #444444; clear:both; }

textarea.cat { background-color: #AAAAAA; width: 100%; font-size: 11px; border:1px solid #444444; clear:both; }

tr.cateven { background-color: #c3c3c3; color: #000000; border:1px solid #130172; }
tr.cateven td { background-color: #c3c3c3; color: #000000; border:1px solid #130172; }
tr.catodd { background-color: #E0E0E0; color: #000000; border:1px solid #130172; }
tr.catodd td{ background-color: #E0E0E0; color: #000000; border:1px solid #130172; }

td.cateven { background-color: #c3c3c3; color: #000000; border:1px solid #130172; }
td.catodd { background-color: #E0E0E0; color: #000000; border:1px solid #130172; }
td.clearcell { background-color: #ffffff; color: #ffffff; border:1px solid #ffffff; }

tr.catsuccess { background-color: #AAFF7F; color: #000000; border:1px solid #130172; }
td.catsuccess { background-color: #AAFF7F; color: #000000; border:1px solid #130172; }

tr.caterror { background-color: #FF7F7F; color: #000000; border:1px solid #130172; }
td.caterror { background-color: #FF7F7F; color: #000000; border:1px solid #130172; }


table.report { background-color:#FFFFFF; border-style:ridge; border-width:3px; margin-top:10px; padding-bottom:5px; }
table.report tr th { font-family:arial; font-size:13px; font-weight:bold; text-align:left; color:#FFFFFF; }	



/* SEARCH */
.search_input { font-family:tahoma; font-size:10px; width:70px; height:16px; border:1px solid #CCCCCC; }
.go_button { font-family:tahoma; font-size:10px; width:22px; height:19px; border:2px solid #CCCCCC; padding-bottom:3px; }


table.silver { background-color: #e0e0e0; font-size: 11px; border:1px solid #AAAAAA; }
tr.silvereven { background-color: #cccccc; color: #000000; }
tr.silverodd { background-color: #E0E0E0; color: #000000; }
td.silvereven { background-color: #cccccc; color: #000000; }
td.silverodd { background-color: #E0E0E0; color: #000000; }



/* TIMELINE [Clean-Up] */
td.tltext { background-color: #FFFFFF;font-size: 12px; text-align: left}
td.tlworkorder { background-color: #E0E8EF;font-size: 12px; text-align: left}
td.tlitem { background-color: #EECBAD;font-size: 12px; text-align: center}
td.tlevent { background-color: #E0EEE0;font-size: 12px; text-align: center; padding-bottom: .25em}
td.tlalert { background-color: #FFA07A;font-size: 12px; text-align: center}
td.tlstep { background-color: #EED2EE;font-size: 12px; text-align: center}
td.tlupload { background-color: #EED2EE;font-size: 12px; text-align: center;  padding-bottom:.25em}
td.tladd { background-color: #2FAACE; border-color: #2FAACE; font-size: 12px; text-align: center; padding-bottom:.25em}
td.tlsnapshot { background-color: #99CCFF;font-size: 12px; text-align: center;  padding-bottom:.25em}
td.tlmessage { background-color: #66CC33;font-size: 12px; text-align: center;  padding-bottom:.25em}
td.tlinspect { background-color: #CCCC99;font-size: 12px; text-align: center; padding-bottom:.25em}
td.tlsmall { background-color: #EEEEEE;font-size: 11px; border-color:#FFFFFF;}
table.tlsnapshot { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#99CCFF;}
table.tlinspect { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#CCCC99;}
table.tlmessage { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#66CC33;}
table.tladd { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#2FAACE;}
table.tlevent { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#E0EEE0;}
table.tldeliver { background-color: #EEEEEE; border-style: solid ; border-width: 3px; border-color:#FF99FF;}
tr.t1white { background-color: #FFFFFF;font-size: 12px; text-align: center; border-color:#FFFFFF; border-style: none }
td.t1white { background-color: #FFFFFF;font-size: 12px; text-align: center; border-color:#FFFFFF; border-style: none }
td.tldeliver { background-color: #FF99FF;font-size: 12px; text-align: center;  padding-bottom:.25em}
td.tlemail { background-color: #BBBBFF;font-size: 12px; text-align: center}
td.tlaccountant { background-color: #CCCC00;font-size: 12px; text-align: center;  padding-bottom:.25em}
table.tlcol {vertical-align: top; border-style: solid; border-width: 1px}
td.tlcol {vertical-align: top}
th.tlcol { background-color: #AAAAAA;font-size: 14px; text-align: center; border-style: solid; border-width: 1px}
table.trasparent { background-color: #FFFFFF; border-style: none; border-collapse: collapse; font-size: 14px }
table.task { background-color: #E0E0E0; border-style: solid; border-width: 1px; border-collapse: separate; font-size: 10px }
tr.tasktitle { background-color: #aa0000; font-weight: bold; color: #ffffff }
tr.taskspecs { background-color: #E0E0E0; font-weight: bold; color: #000000 }
tr.taskdesc { background-color: #FFFFFF; font-weight: bold; color: #000000 }
tr.taskoptions { background-color: #E0E0E0; font-weight: bold; color: #000000 }


a { outline:none; }
a:link, a:visited {color: #003333;}
a.image, a:active {color: #ff0000;}


label { cursor:pointer; }

textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; }


/* Links & Quick Links Boxes */
.links_box { width:auto; margin-top:10px; border:1px solid black; }
.links_box .go_button { position:absolute; left:420px; width:33px; border:1px solid black; 
						background-color:#CCCCCC; cursor:pointer; }
.links_box a { color:black; }	
#main .links_box a:hover, #main .links_box input:hover { color:#0033ff; }
#properties .links_box a:hover, #properties .links_box input:hover { color:#c6091c; }
#jobs .links_box a:hover, #jobs .links_box input:hover { color:#ff6600; }
#tools .links_box a:hover, #tools .links_box input:hover { color:#139f13; }
#accounting .links_box a:hover, #accounting .links_box input:hover { color:#ffb94f; }
#admin .links_box a:hover, #admin .links_box input:hover { color:#7a52cf; }			
.links_box ul { margin-left:-10px; }
.links_box ul li { padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; }
.links_box .header { width:auto; padding:3px; border-bottom:1px solid black; 
					 color:white; font-size:12px; font-weight:bold; }
			   
.quick_links_box { width:210px; margin-top:10px; border:1px solid black; }				   
.quick_links_box .header { width:auto; padding:3px; border-bottom:1px solid black; 
					       color:white; font-size:12px; font-weight:bold; text-align:center; }
.quick_links_box table { width:100%; padding:2px; background-color:#e0e0e0; border:none; }

#tabcontent_container .checkpoint_question { width:99%; }
				   	 
#main .links_box .header, #main .quick_links_box .header { background-color:#0033ff; }
#properties .links_box .header, #properties .quick_links_box .header { background-color:#c6091c; }
#jobs .links_box .header, #jobs .quick_links_box .header { background-color:#ff6600; }
#tools .links_box .header, #tools .quick_links_box .header { background-color:#139f13; }
#accounting .links_box .header, #accounting .quick_links_box .header { background-color:#ffb94f; }
#admin .links_box .header, #admin .quick_links_box .header { background-color:#7a52cf; }

.checklist { border:2px inset #999; list-style: none; overflow:auto; background-color:white; margin:1px 0px 0px 0px; }
.checklist, .checklist li { margin-left:0; padding:0; clear:left;  }

.checklist label:hover, .checklist label.hover { color:yellow; }
#main .checklist label:hover, #main .checklist label.hover { color:#0033ff; }
#properties .checklist label:hover, #properties .checklist label.hover { color:#c6091c; }
#jobs .checklist label:hover, #jobs .checklist label.hover { color:#ff6600; }
#tools .checklist label:hover, #tools .checklist label.hover { color:#139f13; }
#accounting .checklist label:hover, #accounting .checklist label.hover { color:#ffb94f; }
#admin .checklist label:hover, #admin .checklist label.hover { color:#7a52cf; }

/* PAGE INTROS */
.pageintro { font-size:12px; font-weight:bold; color:#130172; padding:10px 0px 20px 0px; text-align:left; }
.pageintrosuccess { font-size:14px; font-weight:bold; color:#00CC00; padding:10px 0px 20px 0px; text-align:left; }
.pageintroerror	{ font-size:14px; font-weight:bold; color:#C6091C; padding:10px 0px 20px 0px; text-align:left; }
.pageintrowarning { font-size:14px;	font-weight:bold; color:#FF9900; padding:10px 0px 20px 0px; text-align:left; }

.pageintrolabel	{ font-size:8pt; vertical-align:top; color:#130172; }
.pageintroalert	{ font-size:14px; font-weight:bold; color:#C6091C; }

.success { font-weight:bold; color:#00CC00; }
.error { font-weight:bold; color:#C6091C; }
.warning { font-weight:bold; color:#FF9900; }

.note { color:red; font-style:italic; float:left; padding-bottom:10px; }

.hide { display:none; }