/* 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;}
#breadcrumb { margin-left: 18.1%; }
#contents a, #pagecontents a { text-decoration: underline; }
a:visited { color: #3D1761; background-color: inherit;  }
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    color: #0C4B4B;  
    background-color: inherit; 
}
h3 {color: #142753; background-color: transparent;}
h3 a, h3 a:hover { text-decoration: none; color: #142753; background-color:inherit; }
h2 a, h2 a:hover, h4 a, h4 a:hover, h5 a:hover { text-decoration: none; color: #033; background-color: inherit; }
h2.uline { width: 90%; border-bottom: 3px solid #0C4B4B!important; margin-bottom: 1em; }

#header,
#wrapper,
.relateditem, .relateditem p.relatedtitle,
#contacts p.contactitle {
 	border-color: #1f6572; 
	}
#wrapper { background-image: url(/environment/air_quality/images/subnavbg.png); }
/*#wrapper #pagecontents {overflow: auto;}*/
#header { 
	background: #76BDE7 url(/environment/air_quality/images/bannerbg.png) no-repeat top right; 
	border-bottom: solid 1px #1f6572;
	height: 125px;
	}
#header #pageheading { 
	margin: 0; 
	color: #fff; 
	background-color: transparent; 
	}
#header #pageheading img { 
	background-color: inherit; 
	color: #fff; 
	margin-top: 0; 
	margin-bottom: 0;
}
#navigation { background: none; }
#navigation  ul { margin-left: 18%; }
#navigation ul li { 
	padding: 0;  
	margin: 0 4px 0 0;
	color: #fff;
	background-color: #0B4C5A;
	border-left: 1px solid #0B4C5A;
	border-top: 1px solid #0B4C5A;
	border-right: 1px solid #0B4C5A;
	border-bottom: 1px solid #0B4C5A;
	margin-bottom: -1px;
}
#navigation ul li a, #navigation ul li a:visited {
	padding: 4px 10px 4px 10px ;
	text-decoration: none;
	color: #fff;
	background-color: #0B4C5A;
	border: none;
	margin: 0;
}
#navigation ul li:hover, #navigation ul li.current {
	color: #0B4C5A;
	background-color: #fff;
	border-left: 1px solid #0B4C5A;
	border-top: 1px solid #0B4C5A;
	border-right: 1px solid #0B4C5A;
	padding-bottom: 1px;
	margin-bottom: -2px;
	box-shadow: 1px -1px 4px #666;
}
#navigation ul li a:hover, #navigation ul li.current a, #navigation ul li.current a:hover  {
	color: #0B4C5A;
	background-color: #fff;
	background-image: none;
}

#related .relateditem {
    padding: 0;
    background-color: #fbf9f3; color:inherit; 
}
.relateditem p.relatedtitle { 
    background-color: #C6D2C2; 
    color: #000; 
    margin: 0; 
    padding: 5px;
}
#contacts {
	border: 1px solid #5a5934;
}
#contacts p.contacttitle { 
    background-color: #015362; 
    color: #fff; 
    margin: 0; 
	border-bottom: 1px solid #5a5934;
}
#contacts p.contactitem {
    background-color: #fbf9f3;
	color: #000;
}

#pageconents .docnav ul li a, .docnav ul li a.index { 
	border-color: #00f; 
    text-decoration: none!important; 
    text-align: center; 
}
#pageconents .docnav ul li a.current, .docnav ul li a:hover { 
	background-color: #00f; 
    color: #fff;  
    text-decoration: none!important; 
}
#contents div.docnav {
	margin: 0 auto 0 auto;
	height: 25px;
	padding: 5px 5px 3px 5px;
	font-size: 90%;
	text-align: center;
	white-space: nowrap;
	border-top: 1px solid #ccc;
	background-color: #fff;
	position: fixed;
	z-index: 9999999;
	bottom: 0;
	left: 0;
	width: 100%!important;
}
#contents .docnav ul { display: inline; margin: auto; }
#contents .docnav ul li a,
#contents .docnav ul li a.index { 
	border: 1px solid #365b01; 
	text-align: center; 
	text-decoration: none; 
	}
#contents .docnav ul li a.current,
#contents .docnav ul li a:hover {
	background: #365b01;
	color: #fff;
	text-decoration: none;
	}
.thumb { border: 2px solid #296d6b; }
.cmaq_cover { width: 410px; margin: 0 auto; }
.naamap {
    width: 100%;
    max-width: 800px;
	height: auto;
    border: 0; 
}
.show { border: 0; }
.hide { display: none; }
/* styles for tiles */
#cmaqtiles { 
	width: 100%;
	padding: 0;
	display: table;
	border-collapse: separate;
	border-spacing: 0.5em;
	}
#cmaqtiles p {
	color: #fff;
	background-color: #174E5E;
	margin: 0;
	padding: 5px;
	display: table-row;
	text-align: center;
}
figure.cmaqtilerow { display: block; width: 100%; white-space: nowrap!important;}
figure.cmaqtilerow figure { float: left; width: 18%; margin: 0; padding: 0; }
figure.cmaqtilerow figure img { width: 90%;  margin: 0; padding: 0;  border: 1px dashed blue; }
figure.cmaqtilerow figure figcaption { float: left; }

/*figure.cmaqtile {
	display: table-cell;
	width: 45%;
	margin: 0;
	padding: 0;
	}
figure.cmaqtile img { 
	/*display: table-cell;
   	width: 100%;
	margin: 0!important;
	padding: 0;
	}
figure.cmaqtile figcaption {
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	}
figure.cmaqtile a:hover figcaption { color: #00937F; }
*/
#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-top: 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;
}
#related {
	margin: 0 5px;
}	
#related .relateditem ul {
	padding-bottom: 3px; margin-bottom: 3px;
}


/*---------- CMCF Related CSS -----------*/

.cmcf input {
	width: 200px;
	border:1px dotted #828282;
	}
.cmcf textarea {
	border:1px dotted #828282;
	}
.cmcf label {	
	float: right;
	vertical-align:top;
	padding:5px;
	text-align:right;
	}
.td_form td {
	padding:8px;
	font-size: .78em;
	font-family: sans-serif;
	border:1px dotted black;
		}
.td_form td em {
	padding:5px;
	font-size: .9em;
	font-family: sans-serif;
		}
.results img {
	margin-left:5px;
		}
		/*---------- bubble tooltip -----------*/
.tooltip {
	border-bottom: 1px dotted #000000; 
	background-color: inherit;  
	color: #3300ff; 
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
	font-size: 14px!important;
		}
.tooltip span {
	margin-left: -999em;
	position: absolute;
		}
.tooltip:hover span {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
	font-weight: normal;
	font-size: 0.85em;
	position: absolute; 
	left: 1em; 
	top: 0; 
	z-index: 99;
	margin-left: 0;
	min-width: 200px;
	max-width: 400px;
	text-decoration:none;
	padding: 5px 10px;
	border: 1px solid #999;
	background-color: #fff;
	color: #000;
	}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
		}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; 
	font-size: 12px; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
		}
.classic { padding: 0.8em 1em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }

.thdk {
background-color:#ffffcc!important;
font-size:110%;
text-align:center;
}
.thrheader {
background-color:#ffffee!important;
text-align:right;
color:#000!important;
font-weight:normal!important;
vertical-align:middle!important;
}
.thrheader_lt {
background-color:#ffffee!important;
color:#3d3d3d!important;
text-align:right;
font-weight:normal;
vertical-align:middle!important;
padding-right:27px!important;
}
.thrheader_lg {
background-color:#ffffee!important;
border-right:0!important;
text-align:right;
color:#000!important;
font-weight:normal!important;
}
.noborder {
border-left:0!important;
}
.white {
background-color:#fff!important;
}

.savepage {
margin:0 auto;
text-align:center;
width:25%;
border:1px dashed black;
padding:5px;
background-color:#ffffee;
}

.errors {
border:0px solid black; 
padding:5px; 
background-color:#ffffcc;
color:red;
}

.center {
margin:0 auto;
}

.indent1 {
margin-left:35px;
}

.iform_col3 {
background-color:#ffffee;
border-left:0;
}

.tablepad td {
padding:5px!important;
}

th.cmaq_b, td.cmaq_b { background-color: #bdd7ee; color: inherit; }
th.cmaq_g, td.cmaq_g { background-color: #e2efda; color: inherit; }
th.cmaq_o, td.cmaq_o { background-color: #f7caac; color: inherit; }
th.cmaq_y, td.cmaq_y { background-color: #fff2cc; color: inherit; }

body.data_tables div#fhwafooter, body.nonattainment_2007 div#fhwafooter { margin-bottom: 2em; }

/* Legacy Classes from italladdsup.gov */

/* ------------------------------------------------------- HEADER STYLES */

#diduno {
	display: block;
	margin: auto auto 15px auto;
	width: 85%;
	background: #c8d8ee;
	border: 1px solid black;
	padding: 3px 8px 8px 8px;

}

#diduno h3 {
	text-align: center;
	/*font-family: verdana, tahoma, arial;*/
	font-size: 140%;
	margin: 5px 0 5px 0;
	padding: 0;
}

span#flash {
	display: block;
	margin: auto;
	border: 1px solid black;
	width: 343px;
	height: 120px;
}

p#flash_metatext {
	margin-bottom: 5px;
}

div#flashcontent > * {
	margin: 0;
	padding: 0;
}


p#message{
	/*font-size: 110%;*/
	/*font-family: verdana, arial, geneva;*/
	/*background: url(/img/promote_message.jpg) no-repeat top left;*/
	padding-top: 2px;
	margin-top: 0px;
	/*text-indent: 428px;*/
	/*font-weight: bolder;
	font-style: italic;*/
}

span#introtext {
	display: none;
}

span.required{
	color: red;
	font-weight: bold;
		background-color: transparent; 
}

span.link{
	background: orange;
	font-weight: bold;
	/*border-bottom: solid orange;
	border: 0 0 1px 0;
	border-style: dashed;*/
}

ul#factlist li {
	padding: 3px 0;
}

ul.contentlist li {
	padding: 2px 0;
}

dl.filelist {

}

dt.filetitle {
	font-size: .9em;
}

dd.filedesc {
	font-size: .8em;
}

img.spacer {
	padding-top: 7px;
}

/*-------------------------------------------------------- DOC / MATERIAL LISTING STYLES */

dt {
	font-weight: bold;
	margin: 10px 0 0 0;
}

dd {
	margin: 3px 0 4px 20px;
 }

.fileicon {
	vertical-align: bottom;
}

/*-------------------------------------------------------- CP STYLES */

table#cp_map {
	margin: auto;
}

/* ------------------------------------------------------- FAQ STYLES */

ul.faq {
		margin: 0 0 20px 0px;
		padding-left: 20px;
	}
	
ul.faq li {
		list-style-image: url(../img/bullet.html);
		margin: 3px 0;
	}

dt.faq {
		font-weight: bold; 
		margin: 8px 0 0 0;
	}
	
dd.answer{
		margin: 0;
		padding: 0;
	} 
	
dd.answer p.ans {
		margin: 3px 0 8px 25px;
		line-height: 1.4em;
		font-size: .9em;
	}
	
p.top {
		padding: 2px 3px 2px 0px; 
		margin: 2px 0 6px 0; 
		background-color: #efefef;
	}
	
p.top a {
		color: black;
			background-color: transparent; 
		text-decoration: none;
		padding: 0 0 0 17px;
		background-image: url(../img/arrow_up.gif);
		background-repeat: no-repeat;
		background-position: 3px;
	}
	
p.top a:hover {
		color: black;
		text-decoration: underline;
	background-color: transparent; 
	}

td.dtable {	
	border-bottom: 1px solid black;
	vertical-align: top;
	padding: 6px 4px;
	width: 50%;
}
td.pptable {	
	vertical-align: top;
	padding: 6px 4px;
	width: 50%;
}
td.btd {
	border-bottom: 1px solid black;
	vertical-align: top;
	padding: 6px 4px;
	width: 50%;
}

th.dhtable {	
	border-bottom: 1px solid black;
	vertical-align: top;
	padding: 6px 4px;
}

td.mtable {	
	border: 1px solid black;
	vertical-align: top;
	padding: 6px 4px;
}

table.mtable{
border: 1px solid black;
	
}

table.ktable{
	width: 50%;
}

ul.dul{
	margin: 0px;
}

td.ktd { 
	vertical-align: top;
	padding: 6px 4px;
	width: 30%;
	text-align: left;
	text-indent: 20px;
}

td.ktd2 { 
	vertical-align: top;
	padding: 6px 4px;
	width: 70%;
}

th.kth {	
	border-bottom: 1px solid black;
	vertical-align: top;
	padding: 6px 4px;
}

table.ktable {
	width: 350px;
}

dd.rtkdd {
	margin: 5px 0 15px 20px;
	font-size: smaller;
	color: #5F5F5F;
	background-color: transparent; 
}

li.kli {
	padding: 10px 0px;
}

input.button {
	padding: 10px;
}

/* ------------------------------------------------------- SITE MAP STYLES */

ul#map_toplevel, ul.map_secondlevel, ul.map_thirdlevel {
	list-style-type: none;
}

ul#map_toplevel li {
	padding: 4px 0 2px 0;
}

ul#map_toplevel li ul li {
	padding: 4px 0 2px 0;
}

ul#map_toplevel li ul li ul li {
	padding: 2px;
}

ul#map_toplevel li a {
	font-size: 1.1em;
	/*font-family: arial, verdana, geneva;*/
	font-weight: bolder;
	/*text-decoration: none;*/
	color: #002292;
	width: 100%;
	background-color: transparent; 
}

ul#map_toplevel li ul li a {
	font-size: 1em;
	/*font-family: verdana, arial, geneva;*/
	font-weight: normal;
	color: #2752cd;
	background-color: transparent; 
}

ul#map_toplevel li ul li ul li a {
	font-size: 0.8em;
	color: #2977ef;
	background-color: transparent; 
}

a.footerlinks
{
	color: #ffffff;
	background-color: transparent; 
}

div.spanish {
	border: 1px solid black;
	margin: 5px;
	padding: 8px;
	background-color: #E29E6E;
	color: #ffffff;	

}



body#homebody div#container {
	background: #fff url(../img/floating_head.gif) no-repeat bottom right;

}

#container {	/* use min-max.js to allow IE to understand max-width, min-width */
	max-width: 865px;
	min-width: 760px;
	padding:0 5px 5px 0;
	margin: 0 5px 5px 0;
	background-color: #ffffff;
	/*padding: 5px;
	border-left: 15px solid #E6F1F4;
	border-right: 15px solid #E6F1F4;*/
}

/* ------------------------------------------------------- HEADER */
	

	

	
#header_sub {
	background-image: url(../img/sub_header.gif);
	background-repeat: no-repeat;
	/*background-color: pink;*/
	/*background-color: #F5F8FF;*/
	/*border-bottom: 1px solid #8ea9e0;*/
	height: 153px;
	margin: 0 0 1px 0;
	/*padding: 0 0 5px 0;*/
}


	
	
/* ------------------------------------------------------- SIDEBAR - NAVIGATION */	
	
#sidebar {
	float: left;
	display: inline;
	width: 170px;
}

#sidebar form {	/* search form in the #sidebar */
	 margin: 0;
	 padding: 10px 0 10px 10px;
	 text-align: left;
	 background-color: #DCE1E8; color:inherit; 
}

#sidebar form input {  /* search button */
	font-size: .9em;
	padding: 2px;
	}
	
#searchbutton {
	margin: 5px 0 -6px 0;
	}

#navcolumn {
	padding: 0;
	margin: 0;
	}

#did_you_know {
width: 248px;
margin-left: 175px;
padding: 0 0 5px 0;
}

#dyk_header {
background: url("../img/didyouknow_header.gif") no-repeat top;
/*display: none;*/
height: 95px;
/*padding-top: 100px;*/
}

#dyk_text {
	background: #dfe3ea;
	padding: 10px 10px 5px 10px;
	margin:-4px 0 0 0; 
	font-size: 1.3em;
}
		
#download {
	margin: 5px 0px;
	height: 340px;
	background-color: #BD7B54;
	text-align: center;
	text-decoration: none;
	}
	
#download img {
	border: none;
}

#exchange {
margin: 5px 0px;
height: 109px;
background-color: #426B90;
text-align: center
}

#exchange img {
	border: none;
}

/* ------------------------------------------------------- RIGHT SIDEBAR */

#rightside {
	float: right;
}

#success_story {
	width: 190px;
}

#success_header {
	background: url("../img/suc_stories_header.gif") no-repeat top;
	width: 190px;
	height: 95px;
	margin: 0;
	/*background-color: #AC7A56;*/
}

#success_text {
	font-size: 0.8em;
	padding: 10px 10px 115px 10px;
	text-align: left;
	background: #f2d3b2 url("../img/suc_stories_footer.gif") no-repeat bottom right;
	margin: 5px 0 0 0;
	color: #444;
}

#success_story a {
color: #AC7A56;
background-color: transparent; 
text-decoration: none;
font-size: small;
padding: 6px 0 0 0;
}

#success_story a:hover {
color: #AC7A56;
background-color: transparent; 
text-decoration: underline;
font-size: small;
padding: 6px 0 0 0;
}
span.successstorylink {
		display:block;
		margin:6px 0 0 0; 
}

#whos_talking_header {
		background: url("../img/whos_talking_header.gif") no-repeat top;
		width: 190px;
		height: 95px;
		margin: 0;
		/*background-color: #AC7A56;*/
	}

#whos_talking_text {
		padding: 10px 10px 115px 10px;
		text-align: left;
		background: #f2d3b2 url("../img/suc_stories_footer.gif") no-repeat bottom right;
		margin: 5px 0 0 0;
		color: #444;
	}

/* ------------------------------------------------------- CONTENT BLOCK
	
#content {
	margin-left: 175px;
	margin-right: 195px;
	padding: 0px 0 5px 0;
	background: #fff;
	text-align: left;
	color: #000;
	}

 ------------------------------------------------------- FOOTER */

#footer {
	clear: both;
	/*background: url("/img/bottom_pinstripes.jpg") no-repeat top left;*/
	height: 27px;
	font-size: .8em;
	padding: 20px 0 0 0;
	background: #E29E6E;
	/*border-top:1px dashed #8ea9e0;*/
	/*border-bottom: 1px dashed #8ea9e0;*/
}
#footer_nav {
	text-align: left;
	margin: 3px 0 3px 0;
	padding: 0;
}

#footer_nav li{
	display: inline;
}

#footer_links {
	margin: 0px 0px 0px 500px;
	color: White;
	background-color: transparent; 
}

#footer_links li {
	display: inline;
	padding: 0px 0 0 0;
}


#navcontainer {
	margin-bottom: 5px;
}

#navcontainer a {
	display: block;
	width: 160px;
	padding: 2px 0px 5px 10px;
	margin: 0 0 0 0px;
	color: #FFFFFF;
	text-decoration: none;
	background: #E29E6E;
	font-size: smaller;
}

#navcontainer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #AC7A56;
}

#navcontainer ul ul li { 
	margin: 1px 0 1px 0; 
}

#navcontainer ul ul li:hover { margin: 1px 0 1px 0;}

#navcontainer ul ul a {
	display: block;
	padding: 6px 0px 5px 0px;
	background: #E29E6E;
	color: #FFFFFF;
	text-decoration: none;
}

#navcontainer ul ul a:hover {
	color: #FFFFFF;
	background-color: transparent; 
	text-decoration: none;
}

#navcontainer ul {
	margin: 0 0px 0 0;
	padding: 0;
	list-style-type: none;
}

#navcontainer li { 
	margin: 0 0px 1px 0;
	padding-left: 0px;
	/*list-style-image: url(../img/nav_arrow_off.gif);*/
	border: 0px solid red;
}

#navcontainer li:hover { 
	margin: 0 0 1px 0;
	padding: 0;
	/*list-style-image: url(../img/nav_arrow_on.gif);*/
}

/* nav styling for about/history navbar */

ul#history_nav {

	margin: 0.5em 0;
	padding: .3em 0 0 0;
	display: table;
	list-style-type: none;
	text-align: center;
	width: 50%;
	height: 1.5em;
	color: #fff;
	background-color: #8495B2;
	white-space: nowrap;
}
ul#history_nav  {
	margin: 0;
}
ul#history_nav li {
	display: inline;
	margin: 0 1px;
}

ul#history_nav li a {
	text-decoration: none;
/*	border: 1px solid #17385E;
*/	padding: 3px;
	margin: 0;
	color: #fff;
	background-color: #8495B2;
}

ul#history_nav li a.cmod, ul#history_nav li a:hover {
	color: #fff;
	background-color: #416B91; padding: 3px;
}

#history_nav2 ul#history_nav li#active2 a#current {background-color: #416B91; color: #fff; padding: 3px;}
/*.section_navbar {
	margin: 0 0 0px 0;
	padding: 0;
	font-size: smaller;
	float: left;
	background-color: #8495B2;
	width: 100%;
}

.section_navbar ul {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
} 

.section_navbar li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	
}

.section_navbar a:link, .section_navbar a:visited {
	float: left;
	line-height: 14px;
	margin: 0 0px 0px 0px;
	padding: 4px 6px 4px 6px;
	text-decoration: none;
	color: #ffffff;
	background-color: transparent; */
	/*background-color: #8495B2;*/
	/*border-right: 1px solid white;}*/

/*
.section_navbar a:link#current, .section_navbar a:visited#current, .section_navbar a:hover {
	border-bottom: 3px solid #445089;
	padding-bottom: 3px;
	background: transparent;
	color: #ffffff;
	background-color: #426B90;
}*/

/*.section_navbar a:hover { background-color:inherit;  color: #ffffff }*/

*/

/*----------------------------------------------- BEHAVIOR FOR 'SELECTED' ELEMENTS ----------------*/
#navcontainer li#active a {
	color: #FFFFFF;
	text-decoration: none;
	background: #AC7A56;

}

#navcontainer li#active ul a {
	color: #FFFFFF;
	text-decoration: none;
	background: #E29E6E;
	margin: 0;
	padding-left: 17px;
	width: 153px;
}

#navcontainer li#active ul a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #AC7A56;
	margin: 0;
}

#navcontainer li#active ul li#subactive a {
	color: #FFFFFF;
	text-decoration: none;
	background: #AC7A56;
	width: 153px;
	padding-left: 17px;
}

/*----------------------------------------------- END BEHAVIOR FOR 'SELECTED' ELEMENTS ----------------*/
/* conformity practices search tool */
body.practices form#form1 label, body.practices form#form1 input {
	display: inline;
	}
body.practices form#conformity {
	float: left;
	width: 40%;
	}
body.practices fieldset {
	float: left;
	clear: left;
	width: 95%;
	margin-top: 1em;
	}
body.practices label {
	margin-bottom: 1em;
	}
body.practices form#conformity h2 {
	margin-bottom: 0;
	}
body.practices form#conformity p {
	float: left;
	clear: left;
	font-size: 0.8em;
	font-weight: bold;
	width: 95%;
	margin-bottom: 0.5em;
	}
body.practices form#conformity div.paramlabel {
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 1em;
	padding-bottom: 0.2em;
	}
body.practices form#conformity div.paramlabel:nth-of-type(1) {
	margin-top: 0.2em;
	}
body.practices form#conformity label.close {
	margin-bottom: 1px;
	}
body.practices form#conformity div.mselect {  
	max-height: 14em;  
	overflow: auto;  
	margin: 0.2em 0 0 0; 
	padding: 0 .5em 0 .2em; 
	width: 95%;
	}
body.practices form#conformity input.topmargin {
	margin-top: 1em;
	}
body.practices form#conformity input[type="radio"] {
	float: left;
	}
body.practices form#conformity input[type="radio"]:nth-of-type(1), body.practices form#conformity label.pradio:nth-of-type(1) {
	margin-top: 0.5em;
	}
body.practices form#conformity label.pradio {
	display: block; margin-left: 2em;
	}
body.practices div#results {
	width: 55%;
	float: left;
	clear: none;
	margin-left: 1em;
	padding-left: 1em;
	}
body.practices div#results p {
	font-size: 0.8em;
	font-weight: bold;
	}
span.uline { display: inline-block; width: 100px; border-bottom: 1px solid #000;}
table#cmaqtable tr th, table#cmaqtable tr td { margin-left: 0; }
table#cmaqtable tr td ul li { margin-left: 0; }

/*custom styles for Confority Guidde*/
html body#hepcontent.2017_guide div#wrapper div#pagecontents div.tablelayout div.tablerow div.tcell.borderbox.tcellh {height: 100px!important;}

body#hepcontent.faqs div#wrapper div#pagecontents ul.nolinkline li.none a sub {text-decoration: none;}

/* 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%;
}
div#pgcontainer div.pgsection h2 { margin-top: 3px; margin-bottom: 3px; }
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;
}

/* CMAQ Toolkit expand/collapse styles */
ul.cmaqtklist {
	padding-left: 0;
}
section.tksect {
	border: 1px solid #000;
	border-radius: 5px;
	padding: 0 0 0 0.5em;
	margin-bottom: 0.5em;
	width: 80%;
	color: inherit;
	background-color: #f1f5ed;
	overflow: hidden;
	min-width: 800px;
}
section.tksect figure.ctop{
	float: right;
	margin-top: 0.5em;
}
section.tksect figure.clink {
	float: right;
	margin-top: 0.5em;
}
section.csoon { background-color: #fafafa; }
section.csoon h4 { color: #579494; background-color: inherit; }
section.csoon h4:after { content: ' (Coming Soon)'; font-weight: bold; font-style: italic; color: #0C4B4B; background-color: inherit; }
section.csoon p, section.csoon figcaption { color: #444; background-color: inherit; }
section.csoon div img { opacity: .15; }

section.tksect h4 { 
	font-size: 105%; 
	padding: 0.5em 0.5em 0.2em 0;
	}

figure.tklinks {
	display: trow;
	margin-left: 2em;
	margin-bottom: 1em;
}
figure.tklinks figure { padding-top: 0.5em; padding-right: 1em;}
figure.tklinks figcaption {font-size: 1em; }
figure.tklinks figure figcaption { font-size: 0.75em!important; }

.w100 {
width:100%!important;	
}

.w75 {
width:75%!important;	
}

.w50 {
width:50%!important;	
}

.w35 {
width:35%!important;	
}

.w25 {
width:25%!important;	
}


body#hepcontent.cmaq h2.profilehead
,body#hepcontent.cmaq h3.profilesub {
	padding: 4px 8px;
}
	
body#hepcontent.cmaq h2.profilehead.pblue {
	color: #fff;
	background-color: #194077;
}

body#hepcontent.cmaq h3.profilesub.porange {
	color: #fff;
	background-color: #CC6600;
}
body#hepcontent.cmaq h3.profilesub.pgreen {
	color: #fff;
	background-color: #4B6208;
}
body#hepcontent.cmaq h3.profilesub.pred {
	color: #fff;
	background-color: #7C2300;
}

td.chart_a, th.chart_a { color: #000; background-color: #f2f2f2; text-align: center!important; }
td.chart_b, th.chart_b { color: #000; background-color: #d9d9d9; text-align: center!important; }
td.chart_c, th.chart_c { color: #000; background-color: #ddebf7; text-align: center!important; }
td.chart_d, th.chart_d { color: #000; background-color: #bdd7ee; text-align: center!important; }
td.chart_e, th.chart_e { color: #000; background-color: #acb9ca; text-align: center!important; }
td.chart_f, th.chart_f { color: #000; background-color: #a6a6a6; text-align: center!important; }
td.chart_g, th.chart_g { color: #fff; background-color: #2f75b5; text-align: center!important; }
td.chart_h, th.chart_h { color: #fff; background-color: #1f4e78; text-align: center!important; }
td.chart_i, th.chart_i { color: #fff; background-color: #0d2031; text-align: center!important; }

section.slide {
	border: 1px solid #ccc;
	box-shadow: 0.2em 0.2em 1em #ddd;
	margin: 1em 0;
	padding: 0 1em;
	border-radius: 0.3em;
	overflow: hidden;
	background-color: #fbfffb;
	min-height: 200px;
}
body#hepcontent section.slide h3 {
	margin-top: 0.5em;
}
section.slide img.fit {
	width: 100%;
    max-width: 800px;
	height: auto;
    border: 0; 
}
div.slidenumber {
	float: right; 
	width: 2em; 
	height: 2.1em; 
	background-color: #B8D6EC; 
	box-shadow: 3px 3px #3A90CA; 
	text-align: center; 
	font-size: 1.2em; 
	padding-top: 0.7em;
}
object.tableauViz,
div.tableauPlaceholder {
	width: 100%;
	height: 850px;
	margin-left: -5px!important;
}