/****************************/
/****** SETUP DEFAULTS ******/
/****************************/
* {
   font-family: Arial, Helvetica, sans-serif; 
}
body {
   background-color: #0F1345;
}
table, a, div, table, td, tr {
   margin: 0;
   padding: 0;
}
p { 
	padding: 0; 
	margin: 0.2em 0 0.9em 0; 
}
p, ol, ul, li, table, td, tr {
   font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	line-height: 12pt; 
}
a:link {
	text-decoration: underline; 
	color: #02407B;
}
a:visited {
	text-decoration: underline; 
	color: #02407B;
}
a:hover { 
	text-decoration: underline; 
	color: #999999; 
}

.copy p, .copy ul, .copy ul li, .copy table, .copy table tr, .copy table tr td {
	font-size: 10pt; 
	line-height: 12pt; 
} 

/******************************/
/***** FIXED WIDTH HEADER *****/
/******************************/

/** Page Fixed Width **/
div.pageFixed {
	width: 900px; 
	margin: 5px auto; 
	padding: 0; 
	border: 1px solid white; 
	background-color: #0F1345;
}

/** Header Fixed Width **/
div.headerFixed {
	background-color: white; 
	margin: 0; 
	padding: 0;
}
div.headerFixed a:link, div.headerFixed a:visited, div.headerFixed a:active, div.headerFixed a:hover {
	text-decoration: none;
	border: 0;
}
div.headerFixed img {
	width: 900px; 
	height: 100px; 
	margin-bottom:1px;
	padding-bottom:1px; 
	border: 0;
}

/** Homepage Content Fixed Width **/
div.homeFixed {
	padding: 0 0 5px 0;
	background-color: #e3e3e3;
}

table.homeFixed {
	margin: 0 auto;
	padding: 0;
}

table.homeFixed tr, table.homeFixed tr td {
	vertical-align: top;
	background-color: #fff;
}

table.homeFixed tr td.withborder {
	border: 1px solid #296cb2;
}

table.homeFixed tr td.adcell {
	width: 182px; 
	border: 0; 
	background: #e3e3e3;
	text-align: center;
}

table.homeFixed tr td.adcell img {
	margin: 0; 
	padding: 0; 
	border: 1px solid #296cb2;
}

table.homeFixed tr td.adcell img.noimgborder {
	margin: 0 auto; 
	padding: 0 0 15px 0; 
	border: 0;
	background: #e3e3e3;
}

table.homeFixed tr td div.title {
	width: 100%; 
	margin: 0;
	padding: 0;
	background-color: #2c3173;
}
table.homeFixed tr td div.title h1 {
	margin: 0;
	padding: 0 0 0 10px;
	color: white;
	font-size: 12pt;
	line-height: 20pt;
	font-weight: bold;
}

table.homeFixed tr td .copy {
	background-color: white; 
	padding:7px;
}

table.homeFixed tr td .copy ul{
	margin-left: 7px; 
	padding-left: 7px;
}
table.homeFixed tr td .copy ul li {
	margin-left: 7px; 
	padding-left: 7px;
}

/**********************************/
/****** GROWING WIDTH HEADER ******/
/**********************************/

/** Page Growing Width **/
table.page, div.page {
	width: 100%;
	margin: 5px auto; 
	padding: 0; 
	border-collapse: collapse;
	border: 1px solid white; 
	background-color: #0F1345;
}

/** Header Growing Width **/
div.header {
	background-color: white; 
	margin: 0; 
	padding: 0;
	text-align: center;
}
div.header table.headerRow {
	width: 100%;
	border: 0;
	border-bottom: 1px solid white;
}
div.header table.headerRow td.growing {
	background-image: url('/images/header-grow-center-background-v4.jpg'); 
	background-position: right; 
	height:155px;
}
/** Weather **/
div.header table.headerRow tr td table.wxsticker {
	width: 136px; 
	height: 155px; 
	background-color: white; 
	background-image: url('/images/header-grow-weather-v02.jpg');
}
div.header table.headerRow tr td table.wxsticker td {
	vertical-align: top;
}

/** Content Growing Width **/
div.content {
	margin: 0;
	padding: 10px 0 10px 10px;
	background-color: white;
}


/******************/
/****** NAVS ******/
/******************/
div.navs {
	width: 100%; 
	height: 28px; 
	margin: 0; 
	padding: 0px; 
	border: 0; 
	border-bottom: 2px solid white; 
	background-color: #0F1345; 
	text-align: center;
}
table.navs {
	width: 100%; 
	height: 28px; 
	margin: 0px auto;  
	border: 0; 
	border-collapse: collapse; 
	background-color: #0F1345;
}
table.navs tr td {
	color: white;
	background-color: #131757;
	border: 1px solid white;
	vertical-align: top;
	padding-top: 8px;
}
table.navs tr td.navs a, table.navs tr td.navs a:link, table.navs tr td.navs a:visited {
	color: white;
	font-weight: bold;
	text-decoration: none; 
}
table.navs tr td.navs a:hover {
   color: #FDA64C; 
	text-decoration: underline;
}
.navs { 
   color: #000000; 
   font-size: 10pt; 
   text-align: center;
}

/*** User Guide Drop-Down Nav ***/
#userguide
{	margin: 0 auto;
	padding: 0;
	width: 60px;
	height: 28px; 
	background-color: #131757;
	z-index: 30;
}

#userguide li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 10pt;
	font-weight: bold;
   font-family: Arial, Helvetica, sans-serif; 
}

#userguide li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 0 10px 2px 10px;
	color: white;
	text-align: center;
	text-decoration: none;
}
#userguide li a:hover {
  	color: #FDA64C; 
	text-decoration: underline;
}

#userguide div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background-color: #131757;
}
	#userguide div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		font-weight: normal;
		background: #131757;
		color: white;
	}

/*** Project Listing Table Header Row Hovers ***/
div.add_job_hotlist, div.preview, div.status, div.project_name, div.work_type, div.construction_documents, div.stage, div.hotlist_email_updates, div.hotlist_bid_warning_email  { 
  position: absolute; 
  visibility: hidden; 
  text-align: left;
  width: 150px; 
  left: 0; 
  top: 0; 
  z-index: 500;
  font-size: 12px; 
  background-color: #e3e3e3; 
  padding: 15px;
  border: 2px solid #131757;
}

/*** Help Drop-Down Nav ***/
div.help_menu  { 
  position: absolute; 
  visibility: hidden; 
  text-align: left;
  left: 0; 
  top: 0; 
  z-index: 500;
  font-size: 12px; 
  background-color: #e3e3e3; 
  border: 2px solid;	
  border-color: #f7faff #99a #99a #f7faff; 
}
div.help_menu ul { 
	margin: .5em 1em .6em 0; 
	padding: 0; 
}
div.help_menu ul li { 
	line-height: 1em; 
	list-style-type: none; 
	margin: 0 0 .8em .4em; 
}
div.help_menu a { 
	text-decoration: none; 
	white-space: nowrap; 
	font-size: 10pt;
}  
div.help_menu a:link { 
	color: #33b; 
}
div.help_menu a:visited { 
	color: #339 
}
div.help_menu a:hover { 
  	color: #FDA64C; 
}

/** Bottom Text Navs **/
div.textnavs {
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}

/*****************/
/****** ADS ******/
/*****************/
/** Banner Ad (top and bottom banners) **/
div.bannerad {
	margin: 14px auto; 
	padding: 0;
	text-align: center;
}

/** Skyscaper Ad **/
div.skyad {
	float: right;
	width: 180px;
	height: 625px;
	margin: 0; 
	padding: 0;
	text-align: right; 
}
/** This is used to in place of the min-height property 
 ** for the skyscaper ad since IE doesn't support it    **/
div.propskyad {
	height: 625px; 
	float: right; 
	width: 1px; 
	background-color: white;
}
div.clearskyad {
	clear: both; 
	margin: 0;
	padding: 0;
	height: 1px; 
	overflow:hidden; 
	background-color: white;
}

/** Bottom Ad Row **/
div.adrow {
	background-color: #e3e3e3; 
	margin: 0 auto; 
	padding: 0;
	text-align: center;
}

/********************/
/****** FOOTER ******/
/********************/
div.footer {
	background-color: #e3e3e3; 
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	clear: both;
}
div.footer a:link, div.footer a:active, div.footer a:visited { 
   color: #296cb2; 
	text-decoration: underline; 
}
div.footer a:hover { 
   color: #666; 
	text-decoration: underline; 
}
div.footer div.privacy {
	width: 30%;
	float: left;
	text-align: left;
	background-color: #e3e3e3; 
   color: #0F1345; 
   font-size: 8pt; 
   line-height: 15pt; 
}
div.footer div.privacy p {
	padding-left: 14px;
}
div.footer div.copyright {
	width: 70%;
	float: left;
	text-align: right;
	background-color: #e3e3e3; 
   color: #0F1345; 
   font-size: 8pt; 
   line-height: 15pt; 
}
div.footer div.copyright p {
	padding-right: 14px;
}

/******************/
/****** MISC ******/
/******************/
table.noborder, table.noborder tr, table.noborder tr td {
	border: 0;
}

table.noborder tr td {
	padding: 3px;
	margin-top: 5px;
	vertical-align: top;
}

table.noborder tr td h1 {
	margin: 0;
	padding: 0;
	font-size: 12pt;
	line-height: 24pt; 
	font-weight: bold; 
	color:#003399;
}

h1.page_title {
	margin: 0;
	padding: 0;
	font-weight: bold; 
   color: #0F1345; 
	font-size: 24pt;
	line-height: 28pt;
}

/****************************/
/****** PROJECT LISTNG ******/
/****************************/
table.project_listing, table.project_listing tr td {
	margin: 0 auto;
	padding: 5px;
	border-collapse: collapse;
	border: 1px solid black;
	text-align: left;
}

table.project_listing tr td a:visited {
	color: #999;
}

h1.title_bulletin {
	margin: 10px auto 0 auto;
	font-size: 24pt;
	line-height: 28pt;
	padding: 0;
	color: #0F1345;
}

h2.subtitle_section {
	margin: 0 auto 10px auto;
	padding: 0;
	font-size: 18pt;
	line-height: 22pt;
	color: #0F1345;
}

td.listing_head_center {
	text-align: center;
	color: #0F1345;
	font-weight: bold;
	font-size: 10pt;
	line-height: 12pt;
}
td.listing_head_left {
	text-align: left;
	color: #0F1345;
	font-weight: bold;
	font-size: 10pt;
	line-height: 12pt;
}
td.listing_sort_field {
	text-align: left;
	font-weight: bold;
	font-size: 10pt;
	line-height: 12pt;
}
td.listing_head_center a, td.listing_head_left a, td.listing_sort_field a {
	text-decoration: none;
	color: #0F1345;
}

/* remove border for interior tables */
table.project_listing tr td table tr td {
	border: 0;
}

td.preview_marked_projects, td.preview_marked_projects form {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}

table.sort_tool {
	border: 1px solid black;
	border: 0;
}

table.sort_tool p {
	margin: 1px 0;
	padding: 0;
}

table.sort_tool tr td select, table.sort_tool tr td input {
	font-size: 8pt;
	line-height: 10pt;
}

/**************************/
/****** Project View ******/
/**************************/
#project_view_toolbar {
	margin: 0 auto 15px auto;
	background-color:#ebebeb; 
	border: 3px solid #2C3172; 
}

#project_view_toolbar td.section {
	border-top: 1px solid white; 
	border-right: 1px solid #a7a7a7; 
	border-bottom: 1px solid #a7a7a7; 
	border-left: 1px solid white; 
	text-align: center; 
	padding: 10px;
}

/****************************/
/****** Standard Forms ******/
/****************************/
form.poten_bidders input, form.poten_bidders textarea, form.standard_form input, form.standard_form textarea {
	width: 300px;
	font-size: 8pt; 
}
form.poten_bidders p.fieldname, form.feedback_form p.fieldname, form.standard_form p.fieldname {
	font-weight: bold;
}
form.feedback_form label, form.feedback_form label input {
	font-size: 8pt; 
	margin: 0;
	padding: 0;
}
form.feedback_form label input {
	margin: 0 2px 0 10px;
	vertical-align: middle;
}
form.feedback_form table {
	margin: 0;
	padding: 0;
}