/* BEGIN DOCUMENTATION 
****************************************************************
* FILE: /css/hep/real_estate.css                               *
* ------------------------------------------------------------- *
* PURPOSE: Establishes general styles for pages and sites      *
*           associated with the Real Estate office.             *
* ------------------------------------------------------------- *
* OVERRIDES: /css/hep.css                                      *
*****************************************************************
END DOCUMENTATION */

#hephead, #hepfoot { background-color: #DDE5EE; color: #000;}
div#hephead div.ofctabs div.ofcheadlnx a#heplink {
  	background-color: #DDE5EE;
	color: #000;	
	}
#hepfoot a { color: #222; background-color: transparent; } 
a, #breadcrumb, #breadcrumb a, #breadcrumb a:visited { color: #285C5C; background-color: transparent;}
#pagecontents a:visited, #contents a:visited { color: #357B35; background-color: transparent; }
#contents a, #pagecontents a { text-decoration: underline ; }
body#hepcontent h1, body#hepcontent h3, body#hepcontent h5 { color: #09193E; background-color: transparent!important;}
body#hepcontent h2, body#hepcontent h4, body#hepcontent h6 { color: #033838; background-color: transparent; }
h2 a, h2 a:hover, h2 a:visited { color: #033838; background-color: transparent; }
h3 a, h3 a:hover, h3 a:visited { color: #09193E; background-color: transparent; }

#header {
	background: #e6e1cc url('/real_estate/images/bannerbg4.png') no-repeat right top ; 
	color: inherit;
	padding: 0;
	border-bottom: solid 1px #391616 ;
}
#header.lpa {
	background: #F3E8C6 url('/real_estate/local_public_agencies/images/lpabanner.png') no-repeat right top ; 
	padding : 0;
	border-bottom : solid 1px #391616 ;
}
#header #pageheading { 
	float: left;
	margin: 10px 0 0 1%;
	padding: 0 5px;
	font-size: 175%;
	font-weight: bold;
	}
#header.lpa #pageheading { 
	padding: 0;
	margin: 0;
	}
#header #pageheading img { /* topic title if it is an image. */
	font-size: 100%;
	}

#header #pageheading a { display: block; }
/*#header #pageheading {
	width: 60% ;
}*/

#navigation {
	background: transparent;
	color: #000;;
}
#navigation ul {
	padding-left: 18%;
	}
#navigation ul li { 
	padding: 0;  
	margin: 0 2px 0 0;
	color: #fff;
	background-color: #945E0A;
	border-left: 1px solid #301D00;
	border-top: 1px solid #301D00;
	border-right: 1px solid #301D00;
	border-bottom: 1px solid #945E0A;
	margin-bottom: -1px;
}
#navigation ul li a, #navigation ul li a:visited {
	padding: 4px 10px 4px 10px ;
	text-decoration: none;
	color: #fff;
	background-color: #945E0A;
	border: none;
	margin: 0;
}
#navigation ul li:hover, #navigation ul li.current {
	color: #140C00;
	background-color: #fff;
	border-left: 1px solid #301D00;
	border-top: 1px solid #301D00;
	border-right: 1px solid #301D00;
	padding-bottom: 1px;
	margin-bottom: -2px;
}
#navigation ul:hover, #navigation ul li a:hover, #navigation ul li a.current, #navigation ul li a.current:hover  {
	color: #140C00;
	background-color: #fff;
	background-image: none;
}
div#subnavigation ul li a, div#subnavigation ul li a:visited {
	background-color: #E7D6B1;
	border-bottom: 1px solid #C9A24F;
}
div#subnavigation ul li ul li a {
	background-color: #EDE0C3;
	border-bottom: 1px solid #F2EDDE;
}
div#subnavigation ul li ul {
	border-bottom: 1px solid #C9A24F;
	}
div#subnavigation ul li a:hover
, div#subnavigation ul li a.current 
, div#subnavigation ul li ul li a:hover
, div#subnavigation ul li ul li a.current {
	background-color: #E1CB9D;
	border-left-color: #E1CB9D;
}
#subnavigation .relateditem { margin-top: 15px ; }
#wrapper { background-image: url(/real_estate/images/subnavbg.png) ; }

/*.relateditem, #contacts {
	background: #F7F2D9 ;
	border-color: #7E570A ;
}
.relateditem a, #contacts a {
	color: #664504 ;
}
.relateditem .relatedtitle, #contacts .contacttitle {
	border-color: #7E570A ;
	color: #1E7B7B;
}*/
#pagecontents .docnav ul li a, .docnav ul li a.index { border-color: #285C5C; }
#pagecontents .docnav ul li a.current, .docnav ul li a:hover { background-color: #2060A8; }
#pagecontents .docnav ul { display: inline; margin: auto; }

#pagecontents .docnav ul li a,
#pagecontents .docnav ul li a.index { 
	border: 1px solid #365b01; 
	text-align: center; 
	text-decoration: none; 
	}
#pagecontents .docnav ul li a.current,
#pagecontents .docnav ul li a:hover {
	background: #2060A8;
	color: #fff;
	text-decoration: none;
	}
table.chklst {
	width: 80%;
	margin:5px auto;
	border-width:0px;
}
table.chklst th, table.chklst td { font-size:100%; }
table.chklst tr { vertical-align:top; }
table.chklst ol,table.chklst li { margin:0; padding:0; }
table.chklst li { padding-right:10px; }
table.chklst td.ansline { border-bottom:solid 1px #000; }
table.chklst td.quesdetails {
	font-size:11px;
	font-style:italic;
	margin:0;
	padding-top:0;
	padding-right:10px;
	padding-bottom:25px;
	padding-left: 0;
}
/*contacts box */
#contacts {
	color: #000;
	background-color: #FFFDF3 ;
	border: 1px solid #C9870B;
	}
#contacts p.contacttitle {
	background-color: #945E0A;
	color: #fff;
	border-bottom: 1px solid #C9870B;
	}
#contacts p {
	color: #000; background-color: transparent;
	margin: 0;
	padding: 5px;
	}
#contacts ol {
	list-style-type: square;
	}
#contacts ol li {
	font-size: 0.8em;
	}
#contacts a {
	font-weight: bold;
	text-decoration: none;
}
#contacts a:hover {
	text-decoration: underline;
}
h3 a:hover, h4 a:hover, h5 a:hover, h3 a, h4 a, h5 a {color: #09193E;}
.searchbox {
	width: 220px;
	border: 0px solid #999;
	margin-bottom: 5px;
	margin-left: 15px;
}
.cf_row0 { background-color: #eeeeee; }
.datatable tr.cf_row1 { background-color: #ffffff; }
th { background-color: #E5ECFF; }
.sortgif { 
	float: right; 
	margin-top: 2px;	
}
.boxright a {
word-wrap: break-word;
}
div#tutorialbox {
	width: 85%;
	min-height: 350px;
	margin: 0 auto;
	border: 2px solid #006;
	padding: 0 20px 45px 20px;
	position: relative;
	}
div#tutorialbox div.docnav {
	position: absolute;
	bottom: 0;	
}
ul#test li {
	list-style-type: none;
}

.bordertop {border-top: 1px solid #000!important;}
body.corridor_management iframe { width: 95%; height: 600px; }

#related.uawider { 
	width: 30%; 
	} 
	
th.td1green {background-color: #92D050; color: #000;}
th.td2blue {background-color: #538DD5; color: #000;}
th.td3blue {background-color: #8DB4E2; color: #000;}
th.td4blue {background-color: #C5D9F1; color: #000;}

th.dkgreen, td.dkgreen {background-color: #c2d69b; color: #000;}
th.ltgreen, td.ltgreen {background-color: #eaf1dd; color: #000!important;}
th.mdgreen, td.mdgreen {background-color: #d6e3bc; color: #000!important;}

html body#hepcontent.vol7no2 div#wrapper div#pagecontents div.imgleft.capt3 div.imgcaption {border: 1px solid #000;}
html body#hepcontent.vol7no2 div#wrapper div#pagecontents div.imgleft.capt4 div.imgcaption {border: 1px solid #000;}
html body#hepcontent.vol7no2 div#wrapper div#pagecontents div.imgleft.capt5 div.imgcaption {border: 1px solid #000;}
html body#hepcontent.vol7no2 div#wrapper div#pagecontents div.imgleft.capt9 div.imgcaption {border: 1px solid #000;}

.w100 {
	width:100%;
}
.w90 {
	width:90%;
}
.w80 {
	width:80%;
}
.w70 {
	width:70%;
}
.w60 {
	width:60%;
}
.w50 {
	width:50%;
}
.w40 {
	width:40%;
}
.w30 {
	width:30%;
}
.w20 {
	width:20%;
}
.w10 {
	width:10%;
}


.layout_table, th, td {
	padding:5px;
	margin:0px;
}

.highlight_err {
	background-color:#fffccc;
	padding:5px;
	border:1px dashed black;
	width:350px;	
}

.margin_rt1 {
	margin-right: 1em;
}
.margin_rt2 {
	margin-right: 2em;
}
.margin_rt3 {
	margin-right: 3em;
}