/* BEGIN DOCUMENTATION 
*****************************************************************
* FILE: /css/hep/livability.css                                *
* ------------------------------------------------------------- *
* PURPOSE: Styles for the Livability topic. This includes      *
*           overrides to FHWA and HEP stylesheets, mainly color *
*           changes where indicated                             *
* ------------------------------------------------------------- *
* OVERRIDES: /css/fhwatopic.css                                *
*             /css/hep/hep.css                                  *
*             /css/hep/planning.css                             *
*****************************************************************
END DOCUMENTATION */

#updated { 
	margin: 0 0 0 0.75em;
	border: none;
	}
a:visited { color: #630; }
a, #breadcrumb, #breadcrumb a, #breadcrumb a:visited { color: #006; background-color: transparent;}

h1, h2 { color: #1e517c;  background-color: transparent; } 
h1 { border-bottom: 2px solid #1e517c; }
h3, h4, h5, h6 { color: #2a73b0; background-color: transparent; }
h2 a:hover, h3 a:hover, h4 a:hover, h2 a, h3 a, h4 a { text-decoration: none; }
h3.digest { 
	margin: 5px 0 3px 0;
	border-bottom: 1px solid #cca; 
	}
h2.uline {
	margin-bottom: 1em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #cca; 
	}
.ndigest { 
	margin: 0 0 1em 0!important;
	border-top: 1px solid #cca; 
	}
h3.ndigest img {
	padding-top: 0.5em; 
	}
p.digesttitle { 
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	}
article.hedigest h3.ndigest img  {
	padding-top: 0!important;
}
body#hepcontent article.hedigest h3 {
	display: flex;
	align-items: center;
	padding-top: 0.5em;
	font-size: 155%!important;
}
article.hedigest h3 img {
	padding-right: 0.5em;
}
body.livability h3 { font-size: 110%; }
body.he_digest #contents h4 {
	margin-bottom: -8px;
	padding-bottom: 0;
	}
h2.narrow {
	width: 70%;
	margin: 5px 0 20px 0;
	}
#header, #wrapper { border-color: #030; }
#header {
	background-color: #3d5900; 
	color: inherit;
	height: 120px;
	background-image: url(/livability/images/bannerbg2.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 1px;
	padding-bottom: 0;
	overflow: hidden;
	
	}
#wrapper { background-image: url(/livability/images/subnavbg2.png); }

#pageheading { 
	float: left;
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: transparent!important;
	font-weight: 100;
	position: relative;
	height: 120px;
}
#pageheading img {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 2em;
	bottom: 0.6em;
	}
#related { width: 23%; }
#related div.relateditem { border: 0; }
#related div.relateditem p.relatedtitle { border-bottom: 0; text-align: left; }
#related img { border: 0; }
#contents { width: 55%; }

div#subnavigation ul li a, div#subnavigation ul li a:visited  {
	color: #fff;
	background-color: #1e517c;
	border-bottom: 1px solid #fff;
}
div#subnavigation ul li ul li a {
	color: #fff;
	background-color: #2a73b0;
	border-bottom: 1px solid #fff;
	border-left: 5px solid #ABB496;
}
/*
div#subnavigation ul li ul {
	border-bottom: 1px solid #DBDFD1;
	}*/
div#subnavigation ul li a:hover
, div#subnavigation ul li a.current {
	background-color: #CDE2F3;
	border-left-color: #CDE2F3;
	color: #1E517C;
}

#pagecontents div.relateditem p.relatedtitle {
	font-size: 120%;
	color: #030; 
	margin: 0 0 3px 0;
	padding-bottom: 3px;
	width: 95%;
	border-color: #cca;
	background-color: #fff;
	}
#pagecontents div.relateditem p.relatedsubtitle {
	font-size: 110%;
	color: #030; 
	width: 95%;
	background-color: transparent;
	}
#wrapper div.relateditem {
	padding: 0 5px;
}
#wrapper div.relateditem p.relatedtitle {
	color: #030;
	background-color: #fff;
}
.relateditem ul li {
	list-style-type: none;
	margin-left: 0;
	}

#contacts {
	padding: 0;
	margin: 10px;
	border: 1px solid #1E517C;
	color: #000;
	background-color: #e5f0f9;
	}
#contacts a { text-decoration: underline; }
#contacts p.contacttitle {
	color: #fff;
	background-color: #4D8ABB;
	font-size: 80%!important;
	border-bottom: 1px solid #1E517C;
	padding-bottom: 2px;
	padding-left: 3px;
	}
#contacts ol {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding-left: 4px;
	}
#contacts ol li {
/*	font-size: 80%;*/
/*	margin: 1px 0;
	padding-left: 0;*/
	}
	
.relateditem a, #contacts ol li a { font-weight: bold; }
aside.highlight {
	color: #000;
	background-color: #f3f5f0;
}
p.featured img.left, p.featured img.right {
	padding: 4px;
	background-color: #cca; color: inherit;
	border: 1px solid #000;
	}
p.featured img.left {
	float: left;
	margin-right: 10px;
	}
p.featured img.right {
	float: right;
	margin-left: 10px;
	}
.lsbreak {
	width: 50%;
	border: 1px dashed #060; 
	margin: 15px auto;
	}
div.contactmap img { margin: 5px; }
.maphead, .mapfirst {
	padding-top: 10px;
	width: 75%;
	margin: 5px 0;
	}
.maphead+p, .mapfirst+p { 
	width: 74%;
	margin: 0 5px;
}
.maphead {
	border-top: 1px dashed #3d5900;
	}
.maptop {
	float: right;
	margin: 5px 0;
	border: none;
	}
.contacttbl {
	width: 73%;
	border-collapse: separate;
	margin: 5px 5px 15px 5px;
	}
.contacttbl th { text-align: center; }
.contacttbl th span.small { font-size: .9em; }
.contacttbl th.row {
	font-weight: normal;
	text-align: left;
	border: 1px solid #cca;
	margin: 0;
	padding: 5px 8px;
	width: 35%;
	}
.contacttbl td {
	margin: 0;
	padding: 5px 8px;
	border: 1px solid #cca;
	}
.imgcap { font-size: 70%; color: #360; }
.inset { padding: 0 4px; margin: 5px; }
.sidebar {
	border: solid 1px #3d5900;
	margin: 10px;
	padding: 0;
	background: #fffbf2;
	height: 1%;
	overflow: hidden;
	}
.sidebar ul, .sidebar ol {
	padding: 5px;
	margin: 5px 15px;
	}
.sidebar .title {
	background-color: #3d5900;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	padding: 2px 5px;
	margin: 0 0 10px 0;

	}
.sidebar .caption {
	margin: 2px;
	padding: 0;
	font-size: 80%;
	width: auto;
	}
.sidebar .boxleft {
	margin-left: 0;
	margin-top: 0;
	padding: 0 0 1000px 0;
	margin-bottom: -990px;
	width: 32%;
	border: solid #3d5900 1px;

	}
.sidebar .boxleft ul { 
	margin: 0 0 0 5px; 
	padding: 0; 
	}
.videotable {
	border: none;
	border-spacing: 0;
	margin: 0 10px;
	padding: 0;
	}
.videotable td {
	text-align: center;
	margin: 0;
	padding: 0;
	}
.docnav ul li a, .docnav ul li a.index { border-color: #3d5900; }
.docnav ul li a.current, .docnav ul li a:hover { background-color: #3d5900; color: inherit;}
.docnav .navtext { margin: 0 auto; }

/* ---- PlaceFit Styles ---- */

body.placefit div#wrapper div#pagecontents h1 { border-bottom: 0; margin-bottom: 6px;}
ul li.form { list-style-type: none; font-weight: bold; margin:0; padding:0;}
ul li.form ul { margin-bottom: 5px; font-size: 95%; font-weight: normal; }
ul li.form ul li { font-weight: normal; }
ul li.form ul li.desc {	margin: 0; }
p.crumbs { 
	font-size: .9em; 
	background-color: #FFFDDE; color: inherit;
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999;
	margin: 0 -8px;
	padding: 5px 10px;
	}
input.crumblink { 
	border: none; 
	background: none;  
	text-decoration: none;
	font-size: 1em;
	font-family: Verdana, Geneva, sans-serif;
	}
input.crumblink:hover {
	text-decoration: underline;
	cursor: pointer;
	}
input.btnbld { font-weight: bold; color: #000;  background-color: transparent;}
input.btnoff:hover {
	text-decoration: none;
	cursor: default;
	}
input.pdflink { 
	border: none; 
/*	background: none;  */
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	float: right;
	margin-bottom: 3px;
	cursor: pointer;
	background: transparent url(/livability/tools/placefit/images/pdf-icon-small.png) no-repeat;
/*	background-repeat: no-repeat;*/
	width: 57px;
	height: 22px;
	}
p.crumbs a { text-decoration: none; }
body.placefit table.datatable {
	margin: 3px 0 15px 5px;
	border-collapse: collapse;
	border-spacing: 0;
	}
body.placefit table.datatable th { 
	font-size: 90%; 
	vertical-align: top; 
	border: 1px solid #666; 
	padding: 3px 6px;
	}
body.placefit table.datatable td {
	font-size: 90%; 
	vertical-align: top; 
	border: 1px solid #666; 
	padding: 6px;

	}
table.datatable tr.row0 { background-color: #eeeeee; color: #000;}
table.datatable tr.row1 { background-color: #ffffff; color: #000;}
.datatable caption {
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
	}
p.red { color: red; font-weight: bold;  background-color: transparent;}
.txtbold { font-weight: bold; }
fieldset { width: 35%; margin: 0 0 1em 0; border: 1px solid #ccc; }
fieldset.dark { border: 1px solid #999; }
fieldset legend { font-weight: bold; }
fieldset.wide { width: 85%; margin: 0 0 1em 0 }
fieldset.wide legend { font-weight: bold; }
fieldset.wide legend.sublegend { font-weight: bold; color: #333;  background-color: transparent;font-size: .9em; }
fieldset img { 
	float: left;
	margin: 12px 0 0 5px;
	}
p.tip { 
	position: relative;
	float: left;
	}
p.tip span {
	display: none;
	}
p.tip:hover span {
	display: block;
	border: 1px solid #3D5900;
	padding: 5px;
	width: 150px;
	position: absolute;
	left: -170px;
	top: 0;
	background-color: #FFFDDE; color: inherit;
	z-index: 500;
	}
	
p.tip img {
	padding: 7px;
	margin-top: -7px;
	margin-right: -7px;
	}
td p.tip img {
	margin: 0;
	padding: 0 5px 0 0;
	}
td p.tip:hover span {
	left: -165px;
	}
body#hepcontent.placefit div#wrapper div#pagecontents table.datatable tr td span.small {
	font-size: 1em;
}
span.small {
	display: block;
	padding-left: 30px;
}
p.tipleft img {
	float: left;
	margin: -2px 5px 0 -30px;
	padding: 0;
}
td img {
	float: left;
	margin-right: 3px;
	}
td ul {
	margin-bottom: 1em;
	}
td ul li:first-child {
	margin-top: .4em;
	}
body.placefit div#wrapper div#pagecontents table.datatable tr td ul li {
	list-style-type: circle;
	padding: 0;
	margin: 0;
	}
th.featured { 
	background-color: #bfd295;
	color:#000;
	font-size:1em;
	}
img.placefitlogo {
	width: 363px;
	height: 120px;
	float: right; 
	margin: 15px;
	}
img.placefitlogosm {	 
	width: 181px; 
	height: 60px;
	float: right;
	margin: 15px;
	}
body.placefit hr {
	width: 85%;
	margin-bottom: 1em;
}
input.space {
	margin-bottom: 1em;
	}
li.none {
	 list-style:none!important;
	 margin:7px;
}
embed { 
	height: 600px ; 
	background-color: #fff; 
	color: inherit;
	overflow: auto;
	}
.ltblue {color: #2F4372; background-color: #fff;}

/* Grid */
div#livgrid {
	width: 100%;
	display: table;
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 0.1em;
}
div.gridrow {
	display: table-row;
}
div.gridrow div {
	display: table-cell;
	padding: 0;
	margin: 0;
}
body.livability div#wrapper div#contents div#livgrid div.gridrow div a {
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 2em 5em;
	display: block;
	margin: 0;
}
body.livability div#wrapper div#contents div#livgrid div.gridrow div a.gitem1 {
	color: #fff;
	background-color: #628BB2;
}
body.livability div#wrapper div#contents div#livgrid div.gridrow div a.gitem2 {
	color: #fff;
	background-color: #80BE80;
}
body.livability div#wrapper div#contents div#livgrid div.gridrow div a.gitem3 {
	color: #fff;
	background-color: #C596C6;
}
body.livability div#wrapper div#contents div#livgrid div.gridrow div a.gitem4 {
	color: #fff;
	background-color: #B58383;
}
body.cer div#related div.relateditem {
	padding-bottom: 1em;
	}
div#fstudies {
	float: right;
	clear: none;
	width: 35%;
	border: 1px solid #4B4819;
	padding: 0 5px;
	margin-right: 2em;
	margin-top: 3em;
	}
div#fstudies p.fstudiestitle {
    background-color: #fffeee;
    border-bottom: 1px solid #cca;
    color: #030;
    padding: 3px 0 4px 6px;
	font-weight: bold;
	margin: 0;
	}
div#fstudies ul {
	padding: 0;
	}
div#fstudies ul li {
	font-size: 0.9em;
	}
span.formtip { 
	font-size: 0.8em; 
	margin-left: 1em;
	}
.nomarginbtm {
	margin-bottom: 0;
	padding-bottom: 0;
	}
.nomarginbtm + p {
	margin-top: 0;
	padding-top: 0;
	}
.tcallout {
	color: inherit;
	background-color: #FAFAD2;
	}
html body#hepcontent.he_digest div#wrapper div#pagecontents div#related  {margin-right:40%; }

html body#hepcontent.fact_sheets div#wrapper div#pagecontents h2 a {text-decoration: underline;}

html body#hepcontent.january_2017 div#wrapper div#pagecontents table.datatable tbody tr th.row ol, 
html body#hepcontent.january_2017 div#wrapper div#pagecontents table.datatable tbody tr td ol
 {margin-top: -5px; margin-bottom: -5px;;}