/* 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/bannerbg6.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: #000;
	background-color: #ffd521;
	border-left: 1px solid #326D59;
	border-top: 1px solid #326D59;
	border-right: 1px solid #326D59;
	border-bottom: 1px solid #000;
	margin-bottom: -1px;
	}
#navigation ul li a, #navigation ul li a:visited {
	padding: 4px 10px 4px 10px ;
	text-decoration: none;
	color: #000;
	background-color: #f9f2d1;
	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;
	}
	
/*subnav*/
div#subnavigation ul li a, div#subnavigation ul li a:visited {
	color: #fff;
	background-color: #539a88;
	border-bottom: 1px solid #f9f2d1;
	}
div#subnavigation ul li ul li a:visited { color: #fff; }
div#subnavigation ul li ul li a {
	color: #fff;
	background-color: #539a88;
	border-bottom: 1px solid #fbf7e2;
	background-image: url('/hep/images/listarrow_wt.png');
	background-position: 6px 8px;
	padding: 0.4em 0;
	}
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 lia.current 
, div#subnavigation ul li ul li a.current
, div#subnavigation ul li ul li ul li a:hover  {
	color: #000;
	background-color: #D1E6DF;
	border-left-color: #d1e6df;
	}
#subnavigation .relateditem { margin-top: 15px ; }
#wrapper { background-image: url(/real_estate/images/subnavbg.png) ; }

.relateditem, #contacts {
	background: #f9f2d1 ;
	}
/*.	relateditem a, #contacts a {
	color: #664504 ;
}*/
.relateditem .relatedtitle {
	background-color: #D1E6DF;
	color: #000;
	}
#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;
	}
div#gdsignup {
	background-color: #fff;
	}
/*contacts box */
#contacts {
	color: #000;
	background-color: #f9f2d1;
	}
#contacts p.contacttitle {
	background-color: #D1E6DF;
	color: #000;
	border-bottom: 1px solid #539A88;
	}
#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; }
.datatable { font-size: 1em; }
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;
	}
.addborder { border: 1px solid blue; }
.bsep { 
	border-collapse: separate; 
	border-spacing: 0.5em; 
	vertical-align: top; 
	}
body#hepcontent.early_acquisition div.tcell p { margin: 0 0.5em; padding: 0 0.5em; }
body#hepcontent.early_acquisition div.tcell h3 { margin: 0.2em 0 0.2em 0.3em; }
body#hepcontent.early_acquisition div.tcell ul { margin-top: 0; padding-top: 0; }
body#hepcontent h3.nl {
	display: block;
	width: 98%;
	padding: 0.75em 0.5em;
	margin-left: 0;
	margin-bottom: 0.75em;
	color: #fff;
	background-color: #2F6D59!important;
	overflow: hidden;
}
/*.pgsection h2 { 
	padding: 0 0 0.5em 0; 
	margin: 0; 
	font-size: 115%;
	}*/
	
/* expand/collapse font sizes */
div#pgcontainer div.pgsection h2
, div#pgcontainer div.pgsection h3.pgexpand
, div#pgcontainer div.pgsection h3.pgcollapse
, div#pgcontainer h3.pgsub
, div#pgcontainer h3.subcollapse
, div#pgcontainer div.pgsection div.pgcontain h3 {
	font-size: 105%;
	padding-top: 0!important;
	padding-bottom: 0.5em;
	margin-top: 0;
}
div#pgcontainer div.pgsection div.pgcontain h4 { font-size: 100%; }

h3.pgcollapse
, h3.pgexpand
, p.expandall
, p.collapsall {
	cursor: pointer;
}
h3.pgcollapse { padding-left: 0.4em; }
h3.pgexpand:before
, h4.pgsub:before {
	content: "+";
	padding: 0 4px 0 0;
	margin: 0;
}
h3.pgcollapse:before
, h4.subcollapse:before {
	content: "-";
	padding: 0 4px 0 0;
	margin: 0;
}

/* FLT stuff */
table#fltnav {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}
#fltnav td {
	border: 1px solid #cccccc;
	border-radius: 4px;
	display: table-cell;
	padding: 5px 0 0 0;
	width: 33%;
	font-weight: bold;
}
#fltnav td img {
	width: 48px;
	height: auto;
}
#fltnav td:hover {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;
}
.imgcrop {
	width: 100%;
    height: 300px;
    overflow: hidden;
	margin: 0 0 0.7em 0;
	padding: 0;
}

ul#fltsubnav {
	margin: 0;
	padding: 0;
	display: table;
	border-collapse: separate;
	border-spacing: 3px;
	border-radius: 2px;
	clear: right;
	margin-bottom: 1em;
	/*box-shadow: 1px 1px 6px #eee;*/
}
ul#fltsubnav li {
	display: table-cell;
	border: 1px solid #ccc;
	vertical-align: middle;
	position: relative;
	padding-top: 2px;
	background-color: #fff;
}
ul#fltsubnav li figure {
	display: inline;
}
ul#fltsubnav li figcaption {
	display: none;
}
ul#fltsubnav li:hover, ul#fltsubnav li.current  {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;
}
ul#fltsubnav li:hover figcaption {
	position: absolute;
	top: -10px;
	left: 0;
	display: block;
	padding: 3px 6px;
	border: 1px solid #2F6D59;
	white-space: nowrap;
	background-color: #fff;
	z-index: 500;
	font-weight: bold;
}
ul#fltsubnav li img {
	width: 32px;
	height: auto;
}
#hepcontent.guidance ul#fltsubnav li.guidance {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;	
}
#hepcontent.manuals ul#fltsubnav li.manuals {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;	
}
#hepcontent.process ul#fltsubnav li.process {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;	
}
#hepcontent.mou ul#fltsubnav li.mou {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;	
}
#hepcontent.glossary ul#fltsubnav li.glossary {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;	
}
#hepcontent.training ul#fltsubnav li.training {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;	
}
#hepcontent.templates ul#fltsubnav li.templates {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;	
}
#hepcontent.best_practices ul#fltsubnav li.best_practices {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;	
}
#hepcontent.tools ul#fltsubnav li.tools {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;	
}
#hepcontent.faq ul#fltsubnav li.faq {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;	
}
#hepcontent.research ul#fltsubnav li.research {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;	
}
#hepcontent.contacts ul#fltsubnav li.contacts {
	background-color: #F9F2D1;
	border: 1px solid #9AC1E8;	
}