/* Title: Default ROE Stylesheet */
/* INDICATOR STYLES */
#page.wide{background:none;}
	#content #page.wide #areanav{display:none;}
	
	#content #title{
	clear:both;
	margin:0;
	padding:5px 0 3px 0;
	}
	
	#graphs{}
		.hor #graphs{
		float:left;
		margin:2px 0 15px 0;
		width:434px;
		}
		.vert #graphs{
		clear:both;
		margin:0 1px 0 0;
		}
	#graphsInner{
	border:1px solid #73a2bd;
	padding:3px 0;
	height:auto;
	}
	#graphsInnerVertical{
	border:1px solid #73a2bd;
	padding:3px 0;
	height:532px;/*match height of accordion*/
	}

	
	/* for two column indicators layout */
	.hor ul.tools {
		list-style-type:none;
		margin:0;
		padding:10px 0 0 0;
		}
	.hor ul.tools li{
		display:inline;
		text-align:center;
		margin:5px 10px;
		}
						
	/* for one column indicators layout */
	.vert .toolsCol{
		float:right;
		margin: 0 2px 0 0;
		width: 60px;
		position: relative;z-index:1000;
		}
	#content .vert ul.tools {
		list-style-type:none;
		margin:0 0 15px 0;
		padding:0;
		}
		
	.vert ul.tools li{
		list-style-type:none;
		margin:0;
		padding:0 0 5px 0;
		}
									
	/* coda-slider styles for indicator thumbnail slider */	
	#thumbnails {width:180px;float:left;}
	#thumbnails-scroll {width:180px;float:left;margin-top:9px;overflow:auto;}
	
	/*handles hidden scrollbars in Mac Safari/Chrome browsers*/
	#thumbnails-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
	}
	#thumbnails-scroll::-webkit-scrollbar:vertical {
    width: 11px;
	}
	#thumbnails-scroll::-webkit-scrollbar:horizontal {
    height: 11px;
	}
	#thumbnails-scroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #eee; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .3);
	}
	#thumbnails-scroll::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
	} 	
	
	p#coda-nav-1.coda-nav { clear:both;}
	.onecol { text-align:left;padding:10px;}
	.vert .coda-nav span {margin: 0px 5px 0px 5px;display:block;clear:both;}
	.hor .coda-nav span {margin: 0px 5px 0px 5px;}
	span a.thumbnail {display:block;padding:5px;font-size:11px;margin-bottom:5px;}
	.coda-nav span span.thumbnailtitle {float:right;width:100px;margin:0 0 10px 0;padding:0;font-size:11px;line-height:13px;*margin-top:-38px;/*IE 7 hack*/ }
	#content p.legendinfo {clear:right;font-size:10px;color:#666;background:url(../images/left-arrow.gif) no-repeat left top;text-indent:10px;}
	#content .indicator-footnotes {height:auto;min-height:100px;font:12px sans-serif;text-align:left;}
	
	.coda-nav span a { display:inline-block;}
	#content .coda-nav span a:link, #content .coda-nav span a:active, #content .coda-nav span a:visited{text-decoration:none;color:#000;}
	#content .coda-nav span a:focus, #content .coda-nav span a:hover {color:#000;text-decoration:none;}
	.coda-nav a { margin:0;padding:0;border: 2px solid #fff; }
	.coda-nav a.current { border: 2px solid #428dad;}
	

	/* Stuff to change */
	.coda-slider-wrapper { padding: 20px 0 }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel {position:relative;} 
	.twocolumn {width: 424px;}
	.onecolumn {width: 757px;padding:5px 0 15px 0;}
	.onecolumngraph {width:687px;float:left;border:1px solid #bbb; }
		
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 10px 1px 0px 1px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

	/* Don't change anything below here unless you know what you're doing */
	.coda-slider-wrapper { clear: both; overflow:auto }
	.coda-slider { float: none; overflow: hidden; position: relative;margin:0px auto;}
	.leftalign {float:left;}
	.centeralign {text-align:center;}
	.coda-slider .panel { display: block; float: left; text-align:center;}
	.coda-slider .panel-container { position: relative; }
	/* end coda-slider styles */						
								

/* custom accordions */			
	.accordion-container {padding-bottom:10px;}
		
	.accordion-container .accordion h3{
		background:#73978d;
		border-top:2px solid #fff;
		font-size:14px;
		font-weight:normal;
		}
		.accordion-container .accordion h3 span{
			background:url(../images/arrow_right.png) right center no-repeat;
			padding:0 30px 0 0;
		}
		.accordion-container .accordion h3.current{background:#418ca9;}
		.accordion-container .accordion h3.current span{background:url(../images/arrow_down.png) right center no-repeat;}
		
	.accordion-container .accordion .pane {border:1px solid #ccc;height:auto;}
	
	
/* Indicator Accordions */		
	.hor .accordion{
		border-right:1px solid #fff;
		float:right;
		margin:0;
		width:500px;
		}
	.vert .accordion{
		border-right:1px solid #fff;
		clear:both;
		}
	#page.wide .accordion h3{
		background:#73978d;
		border-top:2px solid #fff;
		font-size:14px;
		font-weight:normal;
		}
		#page.wide .accordion h3 span{
			background:url(../images/arrow_right.png) right center no-repeat;
			padding:0 30px 0 0;
		}
		#page.wide .accordion h3.current{background:#418ca9;}
		#page.wide .accordion h3.current span{background:url(../images/arrow_down.png) right center no-repeat;}
		
	.pane {height:400px;overflow:auto;border:1px solid #ccc;}
	
	
/* Indicator References, Technical Documentation, More information and Disclaimer */
	#indicatorinfo {width:939px;position:relative;top:10px;}
	#indicatorinfoleft {float:left;width:567px;}
	
	.accordion {margin-bottom:0px}
	.popuplinks {position:relative;cursor:pointer;cursor:hand;color:#fff;padding-bottom:10px}
	#popuplinks {position:relative;cursor:pointer;cursor:hand;color:#fff;padding-bottom:10px}	
	#popuplinks a {background-color:#73978d;color:#fff;padding:5px 5px 5px 12px;cursor:pointer;display:inline-block;width:225px;margin-bottom:5px;font-size:14px; }
	#popuplinks a:hover {font-weight:normal;color:#fff;text-decoration:none;}
		
	#moreinfo{
		border:1px solid #418ca9;
		margin:10px 0 0 0;
	}
		#moreinfo h2{
			background:#418ca9;
			color:#fff;
			font-size:14px;
			font-weight:normal;
			padding:0 0 0 15px;
		}
		
	#disclaimerbox {border:1px solid #ccc;float:right;width:328px;}
	#disclaimerbox p {padding:0 10px 0 10px;font-size:11px;}
		#disclaimerbox h2{
			background:#ccc;
			color:#fff;
			font-size:14px;
			font-weight:normal;
			padding:0 0 0 15px;
		}
	
/* new clearfix */
.clearfix:after, .row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix, * html .row { zoom: 1; } /* IE6 */
*:first-child+html .clearfix, *:first-child+html .row { zoom: 1; } /* IE7 */

.dialogContent {visibility: hidden;position:absolute;/*fixes the extra vertical space*/}

/* END INDICATOR STYLES */


/* NAV STYLES */
div#smoothmenu.ddsmoothmenu{ 
	font-weight: bold;
	font-size: 13.5px;
	width: 100%;
	margin:0;
	padding:0;
	}

div#smoothmenu.ddsmoothmenu ul{
	z-index:9999; /*EPA share dropdown z-index is 150*/
	position:relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

/*Top level list items*/
div#smoothmenu.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
	}

/*Top level menu link items style*/
div#smoothmenu.ddsmoothmenu ul li a{
	display: block;
	color: white;
	padding: 8px 10px;
	border-right: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	}

div#smoothmenu.ddsmoothmenu ul li.air {width:14%;}
div#smoothmenu.ddsmoothmenu ul li.air a{ background: #62899f;color: #fff;}
div#smoothmenu.ddsmoothmenu ul li.air a.drop, div#smoothmenu.ddsmoothmenu ul li.air a.subdrop{background:url(../images/arrow_right.png) right center no-repeat #62899f;}
div#smoothmenu.ddsmoothmenu ul li.air a.selected, div#smoothmenu.ddsmoothmenu ul li.air a:hover{background-color:#386680;}
div#smoothmenu.ddsmoothmenu ul li.air a.selected.drop{background:url(../images/arrow_down.png) right center no-repeat #386680;}

div#smoothmenu.ddsmoothmenu ul li.water {width:14%;}
div#smoothmenu.ddsmoothmenu ul li.water a{background: #80bbbc;color: #fff;}
div#smoothmenu.ddsmoothmenu ul li.water a.drop, div#smoothmenu.ddsmoothmenu ul li.water a.subdrop{background:url(../images/arrow_right.png) right center no-repeat #80bbbc;}
div#smoothmenu.ddsmoothmenu ul li.water a.selected, div#smoothmenu.ddsmoothmenu ul li.water a:hover{background-color:#649da2;}
div#smoothmenu.ddsmoothmenu ul li.water a.selected.drop{background:url(../images/arrow_down.png) right center no-repeat #649da2;}

div#smoothmenu.ddsmoothmenu ul li.land {width:14%;}
div#smoothmenu.ddsmoothmenu ul li.land a{background: #9abc82;color: #fff;}
div#smoothmenu.ddsmoothmenu ul li.land a.drop, div#smoothmenu.ddsmoothmenu ul li.land a.subdrop{background:url(../images/arrow_right.png) right center no-repeat #9abc82;}
div#smoothmenu.ddsmoothmenu ul li.land a.selected, div#smoothmenu.ddsmoothmenu ul li.land a:hover{background-color:#648f48;}
div#smoothmenu.ddsmoothmenu ul li.land a.selected.drop{background:url(../images/arrow_down.png) right center no-repeat #648f48;}

div#smoothmenu.ddsmoothmenu ul li.health {width:32%;}
div#smoothmenu.ddsmoothmenu ul li.health a{background: #e39561;color: #fff;}
div#smoothmenu.ddsmoothmenu ul li.health a.drop, div#smoothmenu.ddsmoothmenu ul li.health a.subdrop{background:url(../images/arrow_right.png) right center no-repeat #e39561;}
div#smoothmenu.ddsmoothmenu ul li.health a.selected, div#smoothmenu.ddsmoothmenu ul li.health a:hover{background-color:#c27b4d;}
div#smoothmenu.ddsmoothmenu ul li.health a.selected.drop{background:url(../images/arrow_down.png) right center no-repeat #c27b4d;}

div#smoothmenu.ddsmoothmenu ul li.eco {width:26%;}
div#smoothmenu.ddsmoothmenu ul li.eco a{background: #9261a5;color: #fff;}
div#smoothmenu.ddsmoothmenu ul li.eco a.drop, div#smoothmenu.ddsmoothmenu ul li.eco a.subdrop{background:url(../images/arrow_right.png) right center no-repeat #9261a5;}
div#smoothmenu.ddsmoothmenu ul li.eco a.selected, div#smoothmenu.ddsmoothmenu ul li.eco a:hover{background-color:#694181;}
div#smoothmenu.ddsmoothmenu ul li.eco a.selected.drop{background:url(../images/arrow_down.png) right center no-repeat #694181;}

/*div#smoothmenu.ddsmoothmenu ul li.sustain {width:16.9%;}
div#smoothmenu.ddsmoothmenu ul li.sustain a{background: #a1676b;color: #fff;}
div#smoothmenu.ddsmoothmenu ul li.sustain a.drop, div#smoothmenu.ddsmoothmenu ul li.sustain a.subdrop{background:url(../images/arrow_right.png) right center no-repeat #a1676b;}
div#smoothmenu.ddsmoothmenu ul li.sustain a.selected, div#smoothmenu.ddsmoothmenu ul li.sustain a:hover{background-color:#793031;}
div#smoothmenu.ddsmoothmenu ul li.sustain a.selected.drop{background:url(../images/arrow_down.png) right center no-repeat #793031;}*/

* html div#smoothmenu.ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	}

div#smoothmenu.ddsmoothmenu ul li a:link, div#smoothmenu.ddsmoothmenu ul li a:visited{
	color: white;
	}

	
/*1st sub level menu*/
div#smoothmenu.ddsmoothmenu ul li ul{
/*width: 270px;*/
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	}

/*Sub level menu list items (undo style from Top level List Items)*/
div#smoothmenu.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
	}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
	div#smoothmenu.ddsmoothmenu ul li ul li ul{
	top: 0;
	}
	
/* Sub level menu links style */
div#smoothmenu.ddsmoothmenu ul li ul li a{
	font-weight: normal;
	font-size: 14px;
	width: 328px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #fff;
	}

div#smoothmenu.ddsmoothmenu ul li ul li a.narrow {width:80px;}

/* Hack for IE 7 and below \*/
* html div#smoothmenu.ddsmoothmenu{height: 1%;}

/* classes applied to down and right arrow images */
.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
	}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
	}

/* shadow added to sub menus */
.ddshadow{ /*shadow for NON CSS3 capable browsers*/
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	/*background: silver;*/
	}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
	opacity: 0.8;
}
/* END NAV STYLES */

/* CONTENT STYLES */

/* Home, Chapter and Question page banners */
.customsidebox { margin-top:1px;margin-left:0;margin-right:1px;padding:0;width:226px; } /*customized to override EPA sidebar box style*/
.customsideboxfixed {margin-top:1px;margin-left:0;margin-right:1px;padding:0;width:226px;height:133px;} /*fixed height to line up with banner images*/
.intro-home {clear:left;position:relative;top:1px;margin-bottom:15px;width:700px;height:135px;}
#intro-banner {position:relative;z-index:1;height:135px;overflow:hidden;}
.intro-air {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/air.jpg) no-repeat;} 
.intro-air-outdoor {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/air-outdoor.jpg) no-repeat;} 
.intro-air-indoor {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/air-indoor.jpg) no-repeat;} 
.intro-air-ghgs {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/air-ghgs.jpg) no-repeat;} 

.intro-water {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/water.jpg) no-repeat;} 
.intro-water-coastal {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/water-coastal.jpg) no-repeat;} 
.intro-water-fish {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/water-fish.jpg) no-repeat;} 
.intro-water-drinking {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/water-drinking.jpg) no-repeat;} 
.intro-water-ground {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/water-ground.jpg) no-repeat;} 
.intro-water-recreational {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/water-recreational.jpg) no-repeat;} 
.intro-water-surface {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/water-surface.jpg) no-repeat;} 
.intro-water-wetlands {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/water-wetlands.jpg) no-repeat;} 

.intro-land {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/land.jpg) no-repeat;} 
.intro-land-chemicals {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/land-chemicals.jpg) no-repeat;} 
.intro-land-contaminated {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/land-contaminated.jpg) no-repeat;} 
.intro-land-cover {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/land-cover.jpg) no-repeat;} 
.intro-land-use {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/land-use.jpg) no-repeat;} 
.intro-land-wastes {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/land-wastes.jpg) no-repeat;} 

.intro-health {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/health.jpg) no-repeat;} 
.intro-health-exposure {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/health-exposure.jpg) no-repeat;} 
.intro-health-status {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/health-status.jpg) no-repeat;} 
.intro-health-disease {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/health-disease.jpg) no-repeat;}  

.intro-eco {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/eco.jpg) no-repeat;} 
.intro-eco-extent {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/eco-extent.jpg) no-repeat;} 
.intro-eco-balance {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/eco-balance.jpg) no-repeat;} 
.intro-eco-processes {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/eco-processes.jpg) no-repeat;} 
.intro-eco-physical {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/eco-physical.jpg) no-repeat;} 
.intro-eco-exposure {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/eco-exposure.jpg) no-repeat;} 

.intro-sustain {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/sustain.jpg) no-repeat;} 
.intro-sustain-resource {clear:left;position:relative;top:1px;margin-bottom:15px;width:530px;height:135px;background:url(../images/banner_photos/sustain-resource.jpg) no-repeat;} 

.questiontext {width:250px;font-size:13px;padding:8px;}
.questiontexthome {width:350px;font-size:13px;padding:15px;position:relative;z-index:10;top:-135px;}
.questiontext h4, .questiontexthome h4 {color:#009ca6;margin-bottom:2px;}

#content a.airLink {color:#62899f;font-weight:bold;}
#content a.waterLink {color:#80bbbc;font-weight:bold;}
#content a.landLink {color:#9abc82;font-weight:bold;}
#content a.healthLink {color:#e39561;font-weight:bold;}
#content a.ecoLink {color:#9261a5;font-weight:bold;}

.boxmulti100 {clear:both;float:none;width:100%;margin-left:0px;background:none;}
.boxmulti100 h5 {text-indent:5px;font-size: 1.2em;}
.boxmulti48 {width:48.5%;margin:0px;background:#e7efdd;}
.boxmulti48 h5 {font-size: 1.2em;}

/* Slickbox slider styles */
div.slickbox-container {display:block;margin-left:25px;margin-top:-10px;width:520px;}
div.slickbox {display:block;padding:1px;}
div.slickbox h2 {
cursor:pointer;
padding:0px 0px 2px 25px;
margin:0px;
line-height:25px;
background: url(../images/arrow-green-right.gif) 10px center no-repeat #f1f1f2;
color:#009ca5;
font-weight:bold;
font-size:12px;
border:none;
outline:0;
text-decoration:none;
}

div.slickbox p.inactive {
padding:0px 0px 2px 10px;
margin:0px;
line-height:25px;
background:#f1f1f2;
font-weight:bold;
font-size:12px;
}

div.slickbox h2.active {
background: url(../images/arrow-green-down.gif) 10px center no-repeat #f1f1f2;
}
div.slickbox div.active {border:1px solid #f1f1f2;padding:10px; display:inline-block;width:476px;}
div#slickbox1 ul, div#slickbox2 ul, div#slickbox3 ul, div#slickbox4 ul, div#slickbox5 ul, div#slickbox6 ul {list-style-type:none; margin:0;padding:0;}
div#slickbox1 ul li, div#slickbox2 ul li, div#slickbox3 ul li, div#slickbox4 ul li, div#slickbox5 ul li, div#slickbox6 ul li {background:url(../images/square-bullet-green.gif) no-repeat left center; padding-left:15px; }
div#slickbox1 ul li a, div#slickbox2 ul li a, div#slickbox3 ul li a, div#slickbox4 ul li a, div#slickbox5 ul li a, div#slickbox6 ul li a  {font-weight:bold;}
/*/end slickbox slider styles*/

.synop{display:none;}
.ex-box{margin-bottom:15px;}
.rightsidebar .box ul {list-style-image:url('../images/square-bullet-green_small.gif'); margin:0;padding:0;}
.footnote {font-size:11px;color:#666666;}
a.footnotelink {font-weight:bold;}

input.editbutton{background-color:#62899f;color:#fff;border:1px solid #547789;padding:5px;font-weight:bold;cursor:pointer}
input.previewbutton{background-color:#A1676B;color:#fff;border:1px solid #865357;padding:5px;margin-left:10px;font-weight:bold;cursor:pointer}
input.approvebutton{background-color:#e39561;color:#fff;border:1px solid #DD7C3C;padding:5px;font-weight:bold;cursor:pointer}

div.hr {
	height:1px;
    width:auto;
    background:#ccc;
    margin: 10px 100px 20px 100px; 
	text-align:center;
	}
	
#content ul li ul.nobullet {list-style-type:none;}
 
.hide {display:none;}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;	
}
sup { bottom: 1ex; }
sub { top: .5ex; }
sup,sub{font-size:10px;}
/*sub{vertical-align:sub;}
sup{vertical-align:super;}*/
img {border:none;}

span.dialogContentNine {display:block;padding:20px;}
span.dialogContentNine a {color: #006699;}
span.dialogContentNine a:focus, span.dialogContentNine a:hover{color: #47aa42;}

.regionButton {cursor:pointer;}
div.regionDialog {display:block;padding:20px;}
div.regionDialog ul {margin:5px 0 0 20px;}
div.regionDialog a {color: #006699;}
div.regionDialog a:focus, div.regionDialog a:hover{color: #47aa42;}


.dialoglinks {display:block;padding:20px;}
.dialoglinks span a {color: #006699;}
.dialoglinks span a:focus, .dialoglinks span a:hover{color: #47aa42;}

#header fieldset ol li a{background:none;color:#fff;display:inline;font-size:.833em;height:auto;margin-left:70px;position:static;text-decoration:none;text-indent:0}

#contact_form fieldset {border-top:0px;}
#contact_form fieldset legend {padding-left:0px;}


/*form#EPAsearch fieldset fieldset#search input#searchbox:focus {  //ONLY SHOWS IN CHROME
	outline: none !important;
    border:1px solid rgba(81, 203, 238, 1);
    box-shadow: 0 0 10px rgba(81, 203, 238, 1); //box-shadow: 0px 0px 7px rgba(81, 203, 238, 1);
}*/


.highlight {background:yellow;}
.note {color:#C00;font-weight:bold;font-size:14px;font-style:italic}
.sitewide-note {color: #800000;/*font-weight:bold;font-size:16px;text-align:center;*/}
/* RR tried below to add site-wide message, worked in Chrome, sometimes in IE9 but not Firefox...
.sitewide-note:before {content:"*** External Review Draft ***"} */

/* END CONTENT STYLES */


/* styles for Bo's conceptual framework page elements */
.sectionoff, .sectionon {
	background-color:#b9cde5; 
	width:120px; 
	padding:4px;
	border:3px solid #fff;
}

.sectionon, .sectionoff:hover {
	background-color:#4f81bd; 
	border:3px solid #000;
	font-weight:bold;
}

p.sectionoff a {
	color:#000 !important;
}

p.sectionon a, p.sectionoff a:hover {
	color:#fff !important;
}

p.sectionoff a {
	color:#000 !important;
}

p.sectionon a, p.sectionoff a:hover {
	color:#fff !important;
}

.red {color:red;}
.blue {color:blue;}



.ui-widget-content a:focus, .ui-widget-content a:hover{color: #47aa42;}


/*override EPA tabs container style*/
.pane {
	height: /*400px*/ auto;
	overflow: auto;
	border: /*1px solid #ccc;*/ none;
}

#content ul.tabs-js li a, #content ul#tabs-vert li a {
	font-size:12px;
	/*background: #73978d;
	color:#fff;*/
}
/*#content ul#tabs, #content ul.tabs-js {
	background: url('i/bg-tabs.png') repeat-x 0 100%
	border-bottom:1px solid #73978d;
	list-style: none;
	margin: 0 0px 1.5em;
	overflow: hidden;
}
#content ul#tabs li a:hover, #content ul#tabs li.on a, #content ul.tabs-js li a:hover, #content ul.tabs-js li a.current, #content ul#tabs-vert li a:hover, #content ul#tabs-vert li.on a {
	background: #fff;
	border-bottom-color: #fff;
	text-decoration: none;
}*/


/*youtube video playlist styles*/
.yt-playlist-player {
  width: 450px;
  height: 300px;
  background: black;
  float: left;
  margin-right:10px;
}


#videos {
	width:735px;
    background: #f3f3f3;
    padding: 10px 10px 0 10px;
    float: left;
    border: 1px solid #e3e3e3;
	margin-bottom:15px;
}

ul.yt-playlist-list {
    float: left;
    margin: 0;
    padding: 0;
    width: 220px;
}

ul.yt-playlist-list li {
    list-style-type: none;
    display:block;
    /*background: #f1f1f1;*/
    float: left;
    width: 235px;
    margin-bottom: 5px;
	padding:2px;

}

ul.yt-playlist-list li img {
    width: 120px;
    float: left;
    margin-right: 5px;
    border: 1px solid #999;
}

ul.yt-playlist-list li a {
    text-decoration: none;
    display: block;
    color: #000;
}
.yt-playlist-list a.yt-playlist-active {
  /*background: #e6e6e6;*/
  font-weight: bold;
  text-decoration:none;
}
/* END youtube video playlist styles*/


/* styles specific to chart types */

/* Type AA */
.containerAA{}/* hard code height for each R container div in HTML to handle variations */
.togglecontainerAA, .togglecontainerAA_1, .togglecontainerAA_2, .togglecontainerAA_3, .togglecontainerAA_4, .togglecontainerAA_5, .togglecontainerAA_6, .togglecontainerAA_7, .togglecontainerAA_8 {
position:absolute;
right:0;
text-align:left;
top:55px;
width:150px;
z-index:100;
}
.togglecontainerAA input, .togglecontainerAA_1 input, .togglecontainerAA_2 input, .togglecontainerAA_3 input, .togglecontainerAA_4 input, .togglecontainerAA_5 input, .togglecontainerAA_6 input, .togglecontainerAA_7 input, .togglecontainerAA_8 input {text-align:center;}
.togglecontainerAA label, .togglecontainerAA_1 label, .togglecontainerAA_2 label, .togglecontainerAA_3 label, .togglecontainerAA_4 label, .togglecontainerAA_5 label, .togglecontainerAA_6 label, .togglecontainerAA_7 label, .togglecontainerAA_8 label {font-size:12px;}

/* Type AB */
.containerAB{}/* hard code height for each AB container div in HTML to handle variations */
.togglecontainerAB, .togglecontainerAB_1, .togglecontainerAB_2, .togglecontainerAB_3, .togglecontainerAB_4, .togglecontainerAB_5, .togglecontainerAB_6, .togglecontainerAB_7, .togglecontainerAB_8, .togglecontainerAB_9, .togglecontainerAB_10, .togglecontainerAB_11 {
position:absolute;
right:0;
text-align:left;
top:80px;
width:150px;
z-index:100;
}
.togglecontainerAB input, .togglecontainerAB_1 input, .togglecontainerAB_2 input, .togglecontainerAB_3 input, .togglecontainerAB_4 input, .togglecontainerAB_5 input, .togglecontainerAB_6 input, .togglecontainerAB_7 input, input.togglecontainerAB_8 input, .togglecontainerAB_9 input, .togglecontainerAB_10 input, .togglecontainerAB_11 input {text-align:center;}
.togglecontainerAB label, .togglecontainerAB_1 label, .togglecontainerAB_2 label, .togglecontainerAB_3 label, .togglecontainerAB_4 label, .togglecontainerAB_5 label, .togglecontainerAB_6 label, .togglecontainerAB_7 label, .togglecontainerAB_8 label, .togglecontainerAB_9 label, .togglecontainerAB_10 label, .togglecontainerAB_11 label {font-size:12px;}

/* Type C */
.containerC{}/*hard code height for each AB container div in HTML to handle variations*/
.togglecontainerC, .togglecontainerC_1, .togglecontainerC_2, .togglecontainerC_3, .togglecontainerC_4, .togglecontainerC_5, .togglecontainerC_6, .togglecontainerC_7, .togglecontainerC_8, .togglecontainerC_9, .togglecontainerC_10, .togglecontainerC_11 {
position:absolute;
right:0;
text-align:left;
top:80px;
width:150px;
z-index:100;
}
.togglecontainerC input, .togglecontainerC_1 input, .togglecontainerC_2 input, .togglecontainerC_3 input, .togglecontainerC_4 input, .togglecontainerC_5 input, .togglecontainerAB_6 input, .togglecontainerC_7 input, input.togglecontainerC_8 input, .togglecontainerC_9 input, .togglecontainerC_10 input, .togglecontainerC_11 input {text-align:center;}
.togglecontainerC label, .togglecontainerC_1 label, .togglecontainerC_2 label, .togglecontainerC_3 label, .togglecontainerC_4 label, .togglecontainerC_5 label, .togglecontainerAB_6 label, .togglecontainerC_7 label, .togglecontainerC_8 label, .togglecontainerC_9 label, .togglecontainerC_10 label, .togglecontainerC_11 label {font-size:12px;}


/* Type E */
.containerE{}
.togglecontainerE, .togglecontainerE_1, .togglecontainerE_2, .togglecontainerE_3, .togglecontainerE_4, .togglecontainerE_5 {
position:absolute;
right:0;
text-align:left;
top:80px;
width:150px;
z-index:100;
}
.togglecontainerE input, .togglecontainerE_1 input, .togglecontainerE_2 input, .togglecontainerE_3 input, .togglecontainerE_4 input, .togglecontainerE_5 input {text-align:center;}
.togglecontainerE label, .togglecontainerE_1 label, .togglecontainerE_2 label, .togglecontainerE_3 label, .togglecontainerE_4 label, .togglecontainerE_5 label {font-size:12px;}

.togglecontainerC, .togglecontainerC_1, .togglecontainerC_2, .togglecontainerC_3, .togglecontainerC_4, .togglecontainerC_5 {
position:absolute;
right:80px;
text-align:left;
top:80px;
width:220px;
z-index:100;
}
	
/* Type J (tables) */
.typeJ{
padding:10px 30px;
text-align:left;
overflow:auto;
}
.typeJ .title{
font-size:14px;
font-weight:bold;
}
.typeJ table{
font-size:11px;
margin:15px 0 0 0;
}
	#content thead{
	background:none;
	border-bottom:1px solid #ddd;
	}
	#content .table th{
	background:none;
	border:none;
	text-align:center;
	vertical-align:middle;
	}
#content .table th.superLabel{border-bottom:1px solid #000;}
.typeJ .tier3 td{vertical-align:middle;}
.typeJ .dataCell{text-align:center;}
.typeJ .footnote{
font-size:12px;
margin:15px 0 10px 0;
color:#000;
}

/* Type M */
.containerM{}
.togglecontainerM, .togglecontainerM_1, .togglecontainerM_2, .togglecontainerM_3, .togglecontainerM_4, .togglecontainerM_5 {
position:absolute;
right:0;
text-align:left;
top:80px;
width:150px;
z-index:100;
}
.togglecontainerM input, .togglecontainerM_1 input, .togglecontainerM_2 input, .togglecontainerM_3 input, .togglecontainerM_4 input, .togglecontainerM_5 input {text-align:center;}
.togglecontainerM label, .togglecontainerM_1 label, .togglecontainerM_2 label, .togglecontainerM_3 label, .togglecontainerM_4 label, .togglecontainerM_5 label {font-size:12px;}


/* Type N */
.containerN{}
.togglecontainerN, .togglecontainerN_1, .togglecontainerN_2, .togglecontainerN_3, .togglecontainerN_4, .togglecontainerN_5, .togglecontainerN_6, .togglecontainerN_7, .togglecontainerN_8{
position:absolute;
right:0;
text-align:left;
top:60px;
/*width:170px;*/
z-index:100;
}
.togglecontainerN input, .togglecontainerN_1 input, .togglecontainerN_2 input, .togglecontainerN_3 input, .togglecontainerN_4 input, .togglecontainerN_5 input, .togglecontainerN_6 input, .togglecontainerN_7 input, .togglecontainerN_8 input{text-align:center;}
.togglecontainerN label, .togglecontainerN_1 label, .togglecontainerN_2 label, .togglecontainerN_3 label, .togglecontainerN_4 label, .togglecontainerN_5 label, .togglecontainerN_6 label, .togglecontainerN_7 label, .togglecontainerN_8 label{font-size:12px;}


/* Type P */
.containerP{}
.togglecontainerP, .togglecontainerP_1, .togglecontainerP_2, .togglecontainerP_3, .togglecontainerP_4, .togglecontainerP_5 {
position:absolute;
right:0;
text-align:left;
top:80px;
width:150px;
z-index:100;
}
.togglecontainerP input, .togglecontainerP_1 input, .togglecontainerP_2 input, .togglecontainerP_3 input, .togglecontainerP_4 input, .togglecontainerP_5 input {text-align:center;}
.togglecontainerP label, .togglecontainerP_1 label, .togglecontainerP_2 label, .togglecontainerP_3 label, .togglecontainerP_4 label, .togglecontainerP_5 label {font-size:12px;}
	
	

/* Type RR */
.containerR{} /* hard code height for each Rcontainer div in HTML to handle variations */
.togglecontainerR, .togglecontainerR_1, .togglecontainerR_2, .togglecontainerR_3, .togglecontainerR_4, .togglecontainerR_5, .togglecontainerR_6, .togglecontainerR_7, .togglecontainerR_8, .togglecontainerR_9, .togglecontainerR_10{
position:absolute;
right:0;
text-align:left;
top:70px;
width:150px;
z-index:100;
}
.togglecontainerR input, .togglecontainerR_1 input, .togglecontainerR_2 input, .togglecontainerR_3 input, .togglecontainerR_4 input, .togglecontainerR_5 input, .togglecontainerR_6 input, .togglecontainerR_7 input, .togglecontainerR_8 input, .togglecontainerR_9 input, .togglecontainerR_10 input{text-align:center;}
.togglecontainerR label, .togglecontainerR_1 label, .togglecontainerR_2 label, .togglecontainerR_3 label, .togglecontainerR_4 label, .togglecontainerR_5 label, .togglecontainerR_6 label, .togglecontainerR_7 label, .togglecontainerR_8 label, .togglecontainerR_9 input, .togglecontainerR_10 input{font-size:12px;}


/* Type Y */
.containerY{} /* hard code height for each Ycontainer div in HTML to handle variations */
.togglecontainerY, .togglecontainerY_1, .togglecontainerY_2, .togglecontainerY_3, .togglecontainerY_4, .togglecontainerY_5, .togglecontainerY_6 { 
position:absolute;
right:0;
text-align:left;
top:55px;
width:150px;
z-index:100;
}
.togglecontainerY input, .togglecontainerY_1 input, .togglecontainerY_2 input, .togglecontainerY_3 input, .togglecontainerY_4 input, .togglecontainerY_5 input, .togglecontainerY_6 input {text-align:center;}
.togglecontainerY label, .togglecontainerY_1 label, .togglecontainerY_2 label, .togglecontainerY_3 label, .togglecontainerY_4 label, .togglecontainerY_5 label, .togglecontainerY_6 label {font-size:12px;}

/* Type Z2 */
.containerZ{width:655px; height:600px; margin:0 auto;}
.togglecontainerZ, .togglecontainerZ_1, .togglecontainerZ_2, .togglecontainerZ_3, .togglecontainerZ_4, .togglecontainerZ_5, .togglecontainerZ_6, .togglecontainerZ_7, .togglecontainerZ_8{
position:absolute;
right:0;
text-align:left;
top:80px;
width:243px;
z-index:100;
}
.togglecontainerZ input, .togglecontainerZ_1 input, .togglecontainerZ_2 input, .togglecontainerZ_3 input, .togglecontainerZ_4 input, .togglecontainerZ_5 input, .togglecontainerZ_6 input, .togglecontainerZ_7 input, .togglecontainerZ_8 input{text-align:center;}
.togglecontainerZ label, .togglecontainerZ_1 label, .togglecontainerZ_2 label, .togglecontainerZ_3 label, .togglecontainerZ_4 label, .togglecontainerZ_5 label, .togglecontainerZ_6 label, .togglecontainerZ_7 label, .togglecontainerZ_8 label{font-size:12px;}

		
/* Type X */
#legendX{
position:absolute;
right:220px;
top:166px;/*for chrome*/
top:168px\9;/* for IE8 and below */
z-index:100;
}

/* Type AB - Note: custom legend overlay image positions differently in different browser */
/* i=89 exhibit 1 position legend overlay image */ 
#legend-overlay-img-89-1{
position:absolute;
right:241px;
top:194px; /*for chrome/safari*/
top:114px\9;/*for IE8 and below*/
z-index:100;
}

/* i=89 exhibit 2 position legend overlay image */
#legend-overlay-img-89-2{
position:absolute;
right:241px;
top:80px;/*for chrome/safari*/
top:102px\9;/*for IE8 and below*/
z-index:100;
}

/* Type AB2 */
/* i=89 exhibit 3 position legend overlay image */
#legend-overlay-img-89-3{
position:absolute;
right:201px;
top:317px;/*for chrome/safari*/
top:331px\9;/*for IE8 and below*/
z-index:100;
}

/* i=89 exhibits 5 position legend overlay image */
#legend-overlay-img-89-5{
position:absolute;
right:241px;
top:224px;/*for chrome/safari*/
top:304px\9;/*for IE8 and below*/
z-index:100;
}

/* i=89 exhibits 6 position legend image */
#legend-overlay-img-89-6{
position:absolute;
right:241px;
top:223px;/*for chrome/safari*/
top:254px\9;/*for IE8 and below*/
z-index:100;
}
/* i=89 exhibits 7 position legend image */
#legend-overlay-img-89-7{
position:absolute;
right:201px;
top:316px;/*for chrome/safari*/
top:331px\9;/*for IE8 and below*/
z-index:100;
}


/*KEEP THESE STYLES AT THE BOTTOM - Firefox hacks for custom legend overlay image positioning*/

/* Type X for firefox */
@-moz-document url-prefix() {
    #legendX {
        right:228px;
		top:175px;
    }
}
/* Type AB for firefox (note: doesn't position exactly same on Windows and Mac) */ 
@-moz-document url-prefix() {
    #legend-overlay-img-89-1 {
        right:241px;
		top: 187px;
		position:absolute;
    }
}
@-moz-document url-prefix() {
    #legend-overlay-img-89-2 {
        right:241px;
		top:73px;
		position:absolute;
    }
}

/* Type AB-2 for firefox (note: doesn't position exactly same on Windows and Mac) */ 
@-moz-document url-prefix() {
    #legend-overlay-img-89-3 {
        right:201px;
		top:318px;
		position:absolute;
    }
}

@-moz-document url-prefix() {
    #legend-overlay-img-89-5 {
        right:241px;
		top:223px;
		position:absolute;
    }
}

@-moz-document url-prefix() {
    #legend-overlay-img-89-6 {
        right:241px;
		top:223px;
		position:absolute;
    }
}

@-moz-document url-prefix() {
    #legend-overlay-img-89-7 {
        right:201px;
		top:318px;
		position:absolute;
    }
}