/* Title: ROE Stylesheet - for new EPA template 5/2017 */

/*EPA style overrides*/
form.epa-search fieldset {
  display:inline !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  top:0 !important;
}

form.epa-search fieldset label {
  display:inline !important;font-size:14px;color:#666;
}

form.epa-search fieldset input[type='radio'] {
    padding: 0;
    position: inherit !important;
    left: -999em;
}


.guidetabs #tabs .tabs {
    border-bottom: 1px solid #aeb0b5 !important;
}

.guidetabs #tabs .tabs > li {
    border-bottom: 0 !important;
    margin-bottom: 0em !important;
}


#atoztable, #mapstable {overflow-x:auto;}
 #atoztable table tbody, #mapstable table tbody
  {font-size:12px !important;}

#atoztable table thead th, #mapstable table thead th
  {font-size:14px !important;}

#one div label {
  display: inline !important;
}

.js .epa-search {
    bottom: 0em !important;
}

#share .on + ul {
    z-index: 4;
}

#indicatorinfo a.button {
	background-color: #0071bc;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1.5em;
  padding: 0.5882em 1.1765em;
  text-align: center;
  text-decoration: none;
  vertical-align: baseline;
  white-space: normal;
}


.demo {
    width:450px;
}
.demo ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
.demo ul li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
}
.demo ul li img {
    display: block;
    height: auto;
    max-width: 100%;
}





ul.breadcrumb {
    padding: 8px 0px;
    list-style: none;
}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}




/* INDICATOR STYLES */
#page.wide{background:none;}
	#page.wide #areanav{display:none;}

	#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 !important;
	}
	#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;
		}


  .toolsCol ul {
    list-style-type:none !important;
  }

  .toolsCol ul.tools li a {
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    outline-offset: 0px !important;
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    cursor:pointer;
}

	/* coda-slider styles for indicator thumbnail slider */
	#thumbnails {width:165px;float:left;}/*decreased width from 180px for IE11*/
	#thumbnails-scroll {width:165px;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*/ }
	p.legendinfo {clear:right;font-size:11px;color:#666;background-image:url('../images/left-arrow.gif') no-repeat left top;text-indent:10px;}
	.indicator-footnotes {height:auto;min-height:100px;font:12px sans-serif;text-align:left;}

	.coda-nav span a { display:inline-block;}
	.coda-nav span a:link, .coda-nav span a:active, .coda-nav span a:visited{text-decoration:none;color:#000;}
	.coda-nav span a:focus, .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: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;}*/

	/*.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;
		}



.dialogContent {visibility: hidden;position:absolute;/*fixes the extra vertical space*/}
.mobile-region-nav{
  display: none;
}
.main-landing-photo{
  width: 50%;
}
.popuplinks{
  color: #0071bc;
  cursor: pointer;
}
.space-bottom-0{
  margin-bottom: 0;
  padding-bottom: 0;
}
.space-top{
  margin-top: 1rem;
}
/* END INDICATOR 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;}*/
#intro-banner {position:relative;z-index:0;height:135px;overflow:hidden;}

.intro-air-outdoor,
.intro-air-indoor,
.intro-air-ghgs,
.intro-water-surface,
.intro-water-ground,
.intro-water,
.intro-water-wetlands,
.intro-water-coastal,
.intro-water-fish,
.intro-water-drinking,
.intro-water-recreational,
.intro-land,
.intro-land-chemicals,
.intro-land-contaminated,
.intro-land-cover,
.intro-land-use,
.intro-land-wastes,
.intro-health,
.intro-health-exposure,
.intro-health-status,
.intro-health-disease,
.intro-eco,
.intro-eco-extent,
.intro-eco-balance,
.intro-eco-processes,
.intro-eco-physical,
.intro-eco-exposure,
.intro-sustain,
.intro-sustain-resource{
  width: 50%;
  height: 100%;
  background: url(../images/banner_photos/air-outdoor.jpg) no-repeat;
  background-size: auto 100%;
  background-position: top center;
  font-size: 0.85rem;
  padding: 0.5rem;
  margin-bottom: 1rem;
}

.intro-air {background-image:url(../images/banner_photos/air.jpg);}
.intro-air-indoor {background-image:url(../images/banner_photos/air-indoor.jpg);}
.intro-air-ghgs {background-image:url(../images/banner_photos/air-ghgs.jpg);}
.intro-water-surface {background-image:url(../images/banner_photos/water-surface.jpg);}
.intro-water-ground {background-image:url(../images/banner_photos/water-ground.jpg);}
.intro-water {background-image:url(../images/banner_photos/water.jpg);}
.intro-water-coastal {background-image:url(../images/banner_photos/water-coastal.jpg);}
.intro-water-fish {background-image:url(../images/banner_photos/water-fish.jpg);}
.intro-water-drinking {background-image:url(../images/banner_photos/water-drinking.jpg);}
.intro-water-recreational {background-image:url(../images/banner_photos/water-recreational.jpg);}
.intro-water-wetlands{background-image:url(../images/banner_photos/water-wetlands.jpg);}

.intro-land {background-image:url(../images/banner_photos/land.jpg);}
.intro-land-chemicals {background-image:url(../images/banner_photos/land-chemicals.jpg);}
.intro-land-contaminated {background-image:url(../images/banner_photos/land-contaminated.jpg);}
.intro-land-cover {background-image:url(../images/banner_photos/land-cover.jpg);}
.intro-land-use {background-image:url(../images/banner_photos/land-use.jpg);}
.intro-land-wastes {background-image:url(../images/banner_photos/land-wastes.jpg);}

.intro-health {background-image:url(../images/banner_photos/health.jpg);}
.intro-health-exposure {background-image:url(../images/banner_photos/health-exposure.jpg);}
.intro-health-status {background-image:url(../images/banner_photos/health-status.jpg);}
.intro-health-disease {background-image:url(../images/banner_photos/health-disease.jpg);}

.intro-eco {background-image:url(../images/banner_photos/eco.jpg) no-repeat;}
.intro-eco-extent {background-image:url(../images/banner_photos/eco-extent.jpg);}
.intro-eco-balance {background-image:url(../images/banner_photos/eco-balance.jpg);}
.intro-eco-processes {background-image:url(../images/banner_photos/eco-processes.jpg);}
.intro-eco-physical {background-image:url(../images/banner_photos/eco-physical.jpg);}
.intro-eco-exposure {background-image:url(../images/banner_photos/eco-exposure.jpg);}

.intro-sustain {background-image:url(../images/banner_photos/sustain.jpg);}
.intro-sustain-resource {background-image:url(../images/banner_photos/sustain-resource.jpg);}

.questiontext {width:250px;padding:8px;}
/*.questiontexthome {width:355px;padding:15px;position:relative;z-index:2;margin-top:-135px;}*/
.questiontext h3 {margin-bottom:2px;}
/*.questiontexthome h3 {margin-bottom:2px;}*/

a.airLink {color:#62899f;font-weight:bold;}
a.waterLink {color:#80bbbc;font-weight:bold;}
a.landLink {color:#9abc82;font-weight:bold;}
a.healthLink {color:#e39561;font-weight:bold;}
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;}

.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;
	}

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;}

.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 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;
}

ul.tabs-js li a, 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:2;
}
.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:2;
}
.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:2;
}
.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:2;
}
.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:2;
}

/* Type J (tables) */
.typeJ{
  padding:10px 30px;
  text-align:left;
  overflow:auto;
}
.typeJ .title{
  font-size:15px;
  font-weight:bold;
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
}

.typeJ table{
  font-size:11px;
  margin:15px 0 0 0;
  font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
}

.typeJ table td {
  border: 0px !important;
  padding: 0.88235em;
}

.typeJ table thead, .typeJ table tr {
	background:none;
	border-bottom:1px solid #ddd;
}

.table th{
	background:none;
	border:none;
	text-align:center;
	vertical-align:middle;
}

.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;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

/* 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:2;
}
.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:2;
}
.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:2;
}
.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:2;
}
.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:2;
}
.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:200px;
z-index:2;*/
position: absolute;
right: 70px;
text-align: left;
top: 80px;
width: 145px;
z-index: 2;
}
.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;
  z-index:2;
}

/* 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:210px;
  z-index:2;
}

/* i=89 exhibit 2 position legend overlay image */
#legend-overlay-img-89-2{
  position:absolute;
  right:241px;
  top:100px;
  z-index:2;
}

/* Type AB2 */
/* i=89 exhibit 3 position legend overlay image */
#legend-overlay-img-89-3{
  position:absolute;
  right:201px;
  top:362px;
  z-index:2;
}

/* i=89 exhibits 5 position legend overlay image */
#legend-overlay-img-89-5{
  position:absolute;
  right:241px;
  top:232px;
  z-index:2;
}

/* i=89 exhibits 6 position legend image */
#legend-overlay-img-89-6{
position:absolute;
right:241px;
top:232px;
z-index:2;
}
/* i=89 exhibits 7 position legend image */
#legend-overlay-img-89-7{
position:absolute;
right:202px;
top:363px;
z-index:2;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ specific styles here */
 #legend-overlay-img-89-1{
    top:198px;
  }
  #legend-overlay-img-89-2{
    top:85px;
  }
  /*#legend-overlay-img-89-3{
    top:365px;
  }
  #legend-overlay-img-89-5{
    top:230px;
  }
 #legend-overlay-img-89-6{
    top:254px;
  }
  #legend-overlay-img-89-7{
    top:331px;
  }*/
}

@supports (-ms-ime-align:auto) {
/* Edge specific styles here */
  #legend-overlay-img-89-1{
    top:198px;
  } 
  #legend-overlay-img-89-2{
    top:85px;
  }
  /*#legend-overlay-img-89-3{
    top:365px;
  }
  #legend-overlay-img-89-5{
    top:230px;
  }
  #legend-overlay-img-89-6{
    top:254px;
  }
  #legend-overlay-img-89-7{
    top:331px;
  }*/
}






/*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: 208px;
		position:absolute;
    }
}
@-moz-document url-prefix() {
    #legend-overlay-img-89-2 {
    right:241px;
		top:100px;
		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:364px;
		position:absolute;
    }
}

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

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

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


/*Responsive media queries*/
@media (min-width: 768px) {
  #main-menu > li {
  float: none;
  display: table-cell;
  width: 1%;
  text-align: center;
  }
  .featured {clear:both !important;}
}

/*Responsive media queries*/
@media (max-width: 720px) {
  .col.size-3of4{
    width: 75%;
  }
  .col.size-1of4{
    width: 25%;
  }
  .col.size-1of4,
  .col.size-3of4{
    float: left;
  }
}


@media (max-width: 988px) {
  #thumbnails-scroll {
    width:auto;
    float:none;
    margin-top:9px;
    overflow:none;
    height:auto !important;
  }
  #thumbnails {
    width:auto;
  }

  .tab1 {
    display:block;
  }
}


@media (max-width: 480px) {
  .mobile-region-nav,
  .mobile-region-nav .region-sidebar{
    display: block;
  }
  .col .region-sidebar{
    display: none;
  }
  .region-sidebar .block-og-menu .menu{
    width: 100%;
  }
  .col.size-1of4,
  .col.size-3of4{
    width: 100%;
    float: none;
  }
}