/* BEGIN DOCUMENTATION  
*****************************************************************  
* FILE: /css/hep/environment/air_quality.css                   *  
* ------------------------------------------------------------- *  
* PURPOSE: Styles for the Air Quality topic. This includes     *  
*           overrides to FHWA and HEP stylesheets, mainly color *  
*           changes where indicated                             *  
* ------------------------------------------------------------- *  
* OVERRIDES: /css/fhwatopic.css                                *  
*             /css/hep.css                                      *  
*             /css/hep/environment.css                          *  
*****************************************************************  
END DOCUMENTATION */  
a, #breadcrumb, #breadcrumb a, #breadcrumb a:visited { color: #064f4e; background-color:inherit;  }  
/*a { text-decoration: underline; }*/  
a:visited { color: #3D1761; background-color: inherit;}  
h1, h2, h3, h4, h5, h6 {  
    margin: 5px 0 ;  
    padding: 5px 0 ;  
    color: #033;  background-color: inherit;  
	}  
h1 { font-size: 155%; color: #015F76;  background-color: inherit;}  
h2 { font-size: 120%; color: #344456;  background-color: inherit;}  
h3 { border-bottom: 1px solid #7E949F;  color:inherit;  background-color: inherit; overflow: hidden;}  
h3, h4 { font-size: 110%; margin-left: 1px; padding-left: 1px; color: #344456;  background-color: inherit;}  
h5, h6 { font-size: 100%;  /*margin-left: 5px; padding-left: 5px;*/ color: #015F76;  background-color: inherit;}  
h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover {text-decoration: none; color: #033; background-color: inherit; font-weight: bold;}  
h5 a, h5 a:hover, h6 a, h6 a:hover {text-decoration: none; color: #015F76; background-color: inherit; font-weight: bold;}  
#header, #wrapper, .relateditem, .relateditem p.relatedtitle { border-color: #1f6572; }  
#wrapper { background-image: url(/environment/climate_change/images/subnavbg.png); }  
#header { background: #C1EDFF url(/environment/climate_change/images/bannerbg.png) top right no-repeat; border-bottom: solid 1px #414D5B; color: #000; }  
#header.adapt { background: #C1EDFF url(/environment/climate_change/images/banner_adapt.png) top right no-repeat; border-bottom: solid 1px #414D5B; color: #000;}  
#header.mitigate { background: #C1EDFF url(/environment/climate_change/images/banner_mitigate.png) top right no-repeat; border-bottom: solid 1px #414D5B; color: #000; }  
#header #pageheading { margin: 0 ; color: #000 ; background-color: transparent;}  
#header #pageheading img { color: #fff;  background-color: transparent;}  
#navigation { background: none; }  
#navigation  ul { margin-left: 18%; }  
#navigation li {   
    background: url(/environment/climate_change/images/tab-left.png) left top no-repeat ;   
    padding: 0 0 0 3px;   
    margin: 0 3px 0 0;  
	}  
#navigation a, #navigation a:visited {  
    background: url(/environment/climate_change/images/tab-right.png) right top no-repeat ;  
    padding: 5px 10px 4px 7px ;  
	text-decoration: none;  
	}  
#navigation li:hover, #navigation ul li.current {   
	color: #003F4D;  
	background-image: url(/environment/climate_change/images/tab-left-over.png);   
	background-repeat: no-repeat;  
	background-position: left top;  
	background-color: transparent;   
	border-bottom: 1px solid #fff;  
	margin-bottom: -1px;  
	}  
#navigation ul li a:hover, #navigation ul li a.current, #navigation ul li a.current:hover {   
	color: #003F4D;  
	background-image: url(/environment/climate_change/images/tab-right-over.png);   
	background-repeat: no-repeat;  
	background-position: right top;  
	background-color: transparent;   
	border-bottom: 1px solid #fff;  
	margin-bottom: -1px;  
	}  
div#subnavigation ul li a, div#subnavigation ul li a:visited {
	background-color: #e0e8d9;
	border-bottom: 1px solid #7E949F;
}
div#subnavigation ul li ul li a, div#subnavigation ul li ul li a:visited {
	background-color: #e0e8d9;
	border-bottom: 1px solid #F2EDDE;
}
div#subnavigation ul li ul {
	border-bottom: 1px solid #7E949F;
	}
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: #CBD9BF;
}
/* #subnavigation ul.mapnav {  
	margin: 0;  
	padding: 2px 0 15px 30px;  
	list-style: disc;  
	}  
#subnavigation ul.mapnav li {  
	list-style: disc;  
	margin: 5px;  
	}  
#subnavigation ul.mapnav li a, #subnavigation ul.mapnav li a:hover, #subnavigation ul.mapnav li a:visited {  
	background: none;  
	padding: 0;  
	}  */ 
.docnav ul li a, .docnav ul li a.index { border-color: #064f4e; }  
.docnav ul li a.current, .docnav ul li a:hover { background-color: #064f4e ; color: #fff; }  
.thumb { border: 2px solid #296d6b; }  
.cmaq_cover { width: 410px ; margin: 0 auto; }  
.statenav {  
    position: fixed ;  
    bottom: 0 ;  
    left: 0 ;  
    width: 100% ;  
    padding: 5px 0 10px 0 ;  
    border-top: 1px solid #ccc ;   
    text-align: center ;   
    font-size: 85% ;  
    line-height: 1.5em ;  
    background-color: #fff ;  color:inherit;  
    margin-top: 10px ;  
	}  
.statenav a {  
    border-left: 1px solid #ccc ;  
    padding: 0 3px ;  
	}  
.statenav a.first { border: 0; }  
.naamap {  
    width: 100% ;  
    max-width: 800px ;  
    border: 0 ;   
	}  
.show { border: 0; }  
.hide { display: none; }  
#pagecontents ul {  
	padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;  
	}  
#pagecontents ul li {  
	padding-top: 0; padding-bottom: 3px; margin-top: 0; margin-bottom: 3px;  
	}  
#pagecontents ul li ul li{  
	padding-top: 0; padding-bottom: 0; margin-bottom: 0;  
	}  
#pagecontents ul li p {  
	padding-top: 2px; padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px;  
	}  
#pagecontents a {  
	text-decoration: underline;  
	}  
#contents ul {  
	padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;  
	}  
#contents ul li {  
	padding-top: 0; padding-bottom: 3px; margin-top: 0; margin-bottom: 3px;  
	}  
#contents ul li ul li{  
	padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;  
	}  
#contents ul li p {  
	padding-top: 2px; padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px;  
	}  
#contents a {  
	text-decoration: underline;  
	}  
#contacts {  
	background-color: #fff;  
	color: #000;  
	border: 1px solid #414D5B;  
	padding-bottom: 5px;  
	}  
#contacts p.contacttitle {  
	background-color: #374657;  
	color: #fff;  
	font-size: 95%;  
	border-bottom: 1px solid #414D5B;  
	}  
#contacts p {  
	color: #000;  
	background-color: transparent; 
	margin: 0;  
	padding: 5px;  
	}  
#contacts ol {  
	list-style-type: square!important;  
	margin: 0 0 5px 20px;  
	padding-left: 0;  
	}  
#contacts ol li {  
	font-size: 90%;  
	margin: 1px 1px 1px 20px;  
	}  
#contacts a {  
	font-weight: bold;  
	text-decoration: none;  
	}  
#contacts a:hover {  
	text-decoration: underline;  
	}  
ol.contactlist {  
	margin: 0 0 5px 0;  
	}  
ol.contactlist li, ol.contactlist li a {  
	font-size: 100%;  
	margin-top: 1px;  
	margin-bottom: 1px;  
	}  
#related .relateditem {  
    padding: 0;  
    background-color: #fbf9f3;
	color:inherit;  
	} 
body.gulf_coast_study #related .relateditem p.relatedtitle {
	 margin-bottom: 8px;
}
.relateditem p.relatedtitle {   
    background-color: #e0e0e0;   
    color: #213041;   
    margin: 0;   
    padding: 5px;  
    font-size: 110%;   
	}  
#related .relateditem ul {  
	padding-bottom: 3px;   
	margin-bottom: 3px;  
	}  
#related {  
	margin: 0 5px;  
/*	background-color: #FBF9F3;  */
	}  
.pubdate {  
	font-weight: bold;  
	font-size: 90%!important;  
	}  
/* Styles for geomap (/environment/climate_change/adaptation/ongoing_and_current_research/gulf_coast_study/phase2_task3/geospatial2/) */  
iframe {  
	width: 99%;  
	height: 700px;  
	border: 0;  
	padding: 0 5px;  
	}  
html.dj_gecko.dj_ff22.dj_contentbox.esriLtr.notembed {  
	margin: 0;  
	}  
body.claro.notembed {  
	background-image: none!important;  
	}  
p.hcontact {  
	text-align: center;  
	margin-bottom: -3em;  
	font-size: .85em;  
	}  
/* styles for adaptation framework */	  
body.resources form fieldset {  
	border: none;  
	margin-bottom: 1em;  
	padding: .5em;  
	white-space: nowrap;  
	width: 80%;  
	}  
body.resources form fieldset legend {  
	font-weight: bold;  
	}  
body.resources form label.drop {  
	float: left;  
	width: 30%;  
	display: block;  
	}  
body.resources form label.em {  
	font-style: italic;  
	font-weight: bold;  
	}  
body.resources form span.xlabel {  
	float: left;  
	width: 28%;  
	display: block;  
	font-size: 0.8em;  
	margin-left: 2%;  
	}  
body.resources form select {  
	min-width: 33%;  
	}  
div.stateselect {  
	height: 200px;  
	overflow: auto;  
	margin-left: 28%;  
	width: 35%;  
	padding: 5px 10px;  
	border: 1px solid #ccc;  
	font-size: 0.9em;  
	}  
div.stateselect label { 
	display: block; 
	} 
p.select {  
	margin-bottom: 0.5em;  
	}  
body.resources #pagecontents ul.ccresults {  
	margin-left: 0;  
	padding-left: 0;  
	}  
body.resources #pagecontents ul.ccresults li {  
	padding: 0px 0px 15px 45px;  
	list-style: none;  
	margin: 0;  
	}  
body.resources #pagecontents ul.ccresults li.pdf {	  
	background: url('/environment/climate_change/images/acrobat_icon.png') no-repeat left top;  
	}  
body.resources #pagecontents ul.ccresults li.web {	  
	background: url('/environment/climate_change/images/web_icon.png') no-repeat left top;  
	}  
body.modules div.relateditem p.relatedtitle, body.adaptation_framework div.relateditem p.relatedtitle {  
	margin-bottom: 0.5em;  
	}  
div#results h2 {  
	margin-top: -2em;  
	}  
div#results ul.ccresults {  
	margin: 1em;  
	padding: 0;  
	}  
div#results ul.ccresults li {  
	margin-top: .5em;  
	margin-bottom: .75em;  
	}  
div#results ul.ccresults li a {  
	font-weight: bold;  
	}  
div#results ul.ccresults li div.cats {  
	padding-top: 5px;  
	font-size: .8em;  
	}  
.boxright2  {  
	border: 1px solid #000;  
	width: 33%;  
	margin: 5px auto 5px auto;  
	padding: 5px 5px;  
	background-color: #fffbf2;  
	float: right;  
	}  
	  
.boxright2 p {padding: 1px 1px; margin-right: 2px; margin-left: 2px; }  
body.adaptation .clear {margin-top: -235px; padding-top: 0;}  
body.adaptation .col1 {width: 50%;}  
body.adaptation .col2 {width: 50%;}  
body.adaptation .m25.col2  {margin-top: -235px;}  
div.ccplayer {  
	width:360px;  
	height:203px;  
	float:left;  
	margin-right:1em;  
	margin-bottom: 1em;  
	}  
div.ccplayer2 {  
	width:360px ; 
	float:left;  
	margin-right:1em;   
	}  
body.climate_change div.boxcenter {  
	white-space: pre;  
	} 
/*div.col1 div.imgleft img, div.col2 div.imgleft img { 
	margin-bottom: 1em; 
}*/ 
div.contentrow { 
	margin: 0 0 0 0.2em; 
	padding: 0 0 0 0; 
	width: 98%; 
	display: table; 
} 
.contentrow .col1 p, .contentrow .col2 p  {padding: 0 0 0 0!important; margin: 0 0 0 0!important;} 
/* Dennis's 3-col layout */ 
.colcontain {float: left; width: 98%;} 
.cccol1 {float: left; width: 33%} 
.cccol2 {display: inline-block; width: 33%;} 
.cccol3 {float: right; width: 33%;} 
.phase2_task6 .col1 {width: 45%!important;} 
.phase2_task6 .col2 {width: 55%!important;} 

ul#contentsnav {
	margin: 0.5em auto;
	padding: 0.7em 0 0 0;
	display: block;
	list-style-type: none;
	text-align: center;
	width: 100%;
	height: 2em;
	color: #fff;
	background-color: #C5CDD7;
	white-space: nowrap;
	clear: right;
}
ul#contentsnav li {
	display: inline;
	margin: 0 0.5em;
}
ul#contentsnav li a {
	text-decoration: none;
	border: 1px solid #17385E;
	padding: 0.1em 0.5em;
	margin: 0;
	color: #17385E;
	background-color: #fff;
}
ul#contentsnav li a.cmod, ul#contentsnav li a:hover {
	color: #fff;
	background-color: #17385E;
}
.D1CFDA {color: #000; background-color: #D1CFDA!important;}
.FDE9D9 {color: #000; background-color: #FDE9D9!important;}
.F2DCDB {color: #000; background-color: #F2DCDB!important;}
.EBF1DE {color: #000; background-color: #EBF1DE!important;}

/*body.ev_deployment #pagecontents table.datatable td p {text-align: right!important;}
body.ev_deployment #pagecontents table.datatable td {text-align: right!important;}
body.ev_deployment #pagecontents table.datatable td p.alleft {text-align: left!important;}*/

.tdred {background-color: #e00; color: #fff; font-weight: bold;}
.tdgreen {background-color: #060; color: #fff; font-weight: bold;}
.tdorange {background-color: #FF5600; color: #fff; font-weight: bold;}

body.user_guide .boxfull {background-color: #DBE3F7;}
body.user_guide  .boxfull .datatable tr td {background-color: #fff!important;} 

/*body#hepcontent.infographic div#wrapper div#pagecontents div.tablelayout div.tcell img {margin-right: auto; margin-left: auto; text-align: center;}*/

div.tablelayout div.tcell { text-align: center; }
div.tablelayout div.tcell p { text-align: left; }

.setheight {height: 400px; margin-top: 25px; position: relative; box-shadow: 10px 10px 5px #888888; }
.setheight .pbot {position: absolute; bottom: 0.5em; left: 0.5em; }


html body#hepcontent.adaptation div#wrapper div#pagecontents div.tablelayout div.tcell.pc30 div.imgleft.capt1 img {padding-right: 20px;}
html body#hepcontent.adaptation div#wrapper div#pagecontents div.tablelayout  div.tcell div#related.bigrelated {width: 90%; margin-left: 20px!important; padding-bottom: 5px; padding-left: 5px;}
html body#hepcontent.adaptation div#wrapper div#pagecontents div.tablelayout div.tcell.pc30 div#related.bigrelated div.relateditem ul li { margin-left: 50px!important; padding-left:0;}

html body#hepcontent.adaptation div#wrapper div#pagecontents div.tablelayout div.tcell.pc30 div#related.bigrelated div.relateditem ul li a {padding-left:3px!important; margin-left:0;}

/*Custom styles for https://www.fhwa.dot.gov/environment/climate_change/adaptation/resilience_pilots/2013-2015_pilots/final_report/chap00.cfm*/


html body#hepcontent.final_report div#wrapper div#pagecontents div.f_right.pc40 table.datatable tbody tr th.largetype, html body#hepcontent.final_report div#wrapper div#pagecontents div.f_right.pc40 table.datatable tbody tr td.largetype {font-size: 110%!important; background-color: #fff!important; color: #006; border-width: 0 0 1px 0!important;}

html body#hepcontent.final_report div#wrapper div#pagecontents div.f_right.pc40 table.datatable tbody tr th.largetype.bluetype, html body#hepcontent.final_report div#wrapper div#pagecontents div.f_right.pc40 table.datatable tbody tr td.largetype.bluetype {font-size: 110%!important; background-color: #fff!important; color: #015F76;  border-width: 0 0 1px 0!important;}

html body#hepcontent.final_report div#wrapper div#pagecontents div.f_right.pc40 table.datatable tbody tr th.largetype {text-align: right!important;}

html body#hepcontent.final_report div#wrapper div#pagecontents div.f_right.pc40 table.datatable caption.tablecapblue {font-size: 120%!important; background-color: #fff!important; color: #015F76; text-align: center; border-style: solid; border-color: #999; border-width: 0 0 1px 0!important;}

html body#hepcontent.final_report div#wrapper div#pagecontents div.f_right.pc40 table.datatable tbody tr.noborder td.noborder {border:none!important;}
html body#hepcontent.final_report div#wrapper div#pagecontents div.tablelayout.pc70 div.tcell ul li {padding-top: 0!important; padding-bottom: 0!important; margin-top: 2px!important; margin-bottom: 0!important;}

html body#hepcontent.final_report div#wrapper div#pagecontents div.tablelayout.pc70 {padding-top: 0!important; padding-bottom: 15px!important;}


div.pad10 {
    padding: 10px;
}

hr.s85 {
    background: -moz-linear-gradient(left center , #ccc, #333, #ccc) repeat scroll 0 0 #333;
    border: 0 none;
    clear: right;
    display: block;
    height: 1px;
    margin: 0 auto;
    width: 85%;
}


.tablelayout .tcell ul li {
    padding: 0px 10px !important;
}

.nopadtop  {
    margin-top: -18px !important;
	margin-left:10px !important;
}

.subhead {
	font-size:1.1em;
	font-weight:900;
	/*margin-top: -10px !important;*/
}


.lesstop {
    margin-top: -8px !important;
}