/* 
*************************************************************************************** 
* Default formatting for all FHWA-HEP web pages. These override any formatting          
* set in fhwatopic.css that is custom to FHWA-HEP, but not all of higher style          * 
* sheet. These can be customized per office and topic on the appropriate style sheet. * 
*************************************************************************************** 
* --------------------------------------- * 
* LAST UPDATE:
	17 April 2018 Fixed figcaption to work without needless <p>
	15 December 2017 Paul Lindenfelser: Added table sorter classes.
	29 August 2017 Dennis Coyle; tweaked figcaption within tablelayout
	29 June 2016 Paul Lindenfelser; added styles for new subheader tabs.
	20 April 2015 Paul Lindenfelser; added caption classes 
	7 October 2014; Dennis Coyle; added li p.lispace
	Dennis added generic classes from the discontinued fhawtopics.css																									 * 
* --------------------------------------- * 
*/ 
#redirected {
	margin: -100px 0 0 -300px;
	padding: 0.5em 1em 1.5em 1em; 
	color: inherit;
	background-color: #fff;
	font-size: 140%;
	border: 1px solid #333;
	box-shadow: 3px 3px 5px #aaa;
	width: 600px;
	height: auto;
	position: fixed; 
	top: 35%; 
	left: 50%; 
	z-index: 9999;
	}
#redirected a {
	text-decoration: underline;
	margin: 0 auto;
	}
#superseded {
	width: 95%;
	min-width: 810px; /* prevents the content area from becoming too small */ 
	max-width: 1280px; 
	color: #000;
	background-color: #f9f757;
	margin: 0 auto;
	padding: 0.5em 0 0.3em 0;
	}
#superseded p {
	font-size: 110%;
	margin: 0.5em 1em 1em 1em;
	}
#superseded p a {
	text-decoration: underline;
	}
.fhwacontainer {
	border: #f00 0px solid;
	margin: auto;
	width: 99%; 
	} 
/*::::::::::::::::: COMMON TAG FORMATTING DEFAULTS::::::::::::::::: */ 

html
, body { 
	height: 100%; 
	margin: 0; 
	padding: 0; 
	text-align: center;	/*centers the content containers on the page */ 
	}

body * { font-family: Verdana, Arial, sans-serif; } 

#updated { 
	float: left;
	background-color: transparent;
	color: #000;
	margin: -3em 0 0 0.75em;
	position: relative;
	z-index: 1;
	/*width: 93%; 
	min-width: 740px; 
	max-width: 1270px; 
	margin: -4em auto 2em; 
	padding: 0 5px; 
	position: relative; 
	z-index: 499; 
	float: none; 
	clear: both; 
	text-align: left; 
	font-size: 75%; 
	color: #000; 
	background-color: transparent!important;*/
}
#moddate2 { 
	width: 93%; 
	min-width: 740px; 
	max-width: 1270px; 
	padding: 0 5px; 
	position: absolute;
	left: 1em;
	top: -3em; 
	float: none; 
	clear: both; 
	text-align: left;
	font-weight: bold; 
	color: #000; 
	background-color: transparent!important;
} 
#moddate {display: none;}
#wrapper #header #footer { 
	margin-right: auto;
	margin-left: auto; 
	}
td, th { 
	padding: 0; 
	vertical-align: top; 
	} 
/* Text defaults */ 
div#contents, div#pagecontents { font-size: 0.9em }
p { 
	text-align: left; 
	margin: 10px 15px 20px 5px; 
	padding: 0; 
	} 
ul, ol {
	text-align: left; 
	margin: 10px 15px 20px 0; 
	padding: 0; 
	}
body#hepcontent h1 { 
	margin-bottom: 10px; 
	margin-left: 5px;
	margin-top: 5px;
	font-size: 1.8em; 
	font-weight: bold; 
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	} 
body#hepcontent h2 { 
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 1.6em; 
	font-weight: bold; 
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	} 
body#hepcontent h3 {
	margin: 0 0 5px 5px; 
	font-size: 1.5em;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	} 
body#hepcontent h4 {
	margin: 0 0 4px 5px; 
	font-size: 1.35em;
	font-style: italic; 
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	}
body#hepcontent h5 {
	margin: 0 0 4px 5px; 
	font-size: 1.2em;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	} 
body#hepcontent h6 {
	margin: 0 0 4px 5px; 
	font-size: 1.1em;
	font-style: italic;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; 
	} 
body#hepcontent h2 a.headlink {text-decoration: underline!important;}

acronym { border-bottom: none; font-family: inherit; } 
ul, ol { padding: 0 0 0 30px; } 
ul ul, ol ol, ul ol, ol ul { 
	margin: 0; 
	} 
li { 
	margin: 5px 15px;
	padding: 2px; 
	} 
li p {
	margin: 0 0 0 10px; 
	}

/* Added to fix lists after FHWA header change on 3/20/17 */
div.dropdown ul,  div.dropdown ul li { padding: 0; margin: 0; }
div.dropdown ul li ul li a { font-size: 0.9em!important; }
/**************/

.normal {font-weight: normal; color: #000; background-color: inherit;}

/* us p.lispace to adjust <p> tag spacing on 2nd or subsequent <li> lines with more than 1 paragraph in the list item */ 
li p.lispace {margin: 10px 0 0 0!important;} 
dl { 
	margin: 0 20px 15px; 
	padding: 0; 
	font-size: 0.9em; 
	} 
dt { 
	font-weight: bold; 
	margin-top: 15px; 
	padding: 0; 
	} 
dd { 
	margin: 5px 20px; 
	padding: 0; 
	} 
del { 
	color: #999; 
	background-color: #fff; } 
ins {
	font-weight: bold;
	border-bottom: solid 1px red; 
	} 
/* Link defaults */ 
#hephead a
, #header a
, #subnavigation a
, #hepfoot a
, #footer a
, #breadcrumb a
, #related a { 
	text-decoration: none; 
	white-space: normal; /* forces long strings to wrap within the container instead of flowing outside of the visible borders. */ 
	} 
#related a:hover,
#contacts a:hover { text-decoration: underline; } 
div#contacts ol.contactlist li a[href^="mailto:"]
, div#contacts a[href^="mailto:"] { font-weight: bold; }
/*a:visited { color: #763200; }*/ 
a img {
	border: 1px solid; /* any images that are links will have a border in the designated link color */ 
	} 
#header a img { 
	border: none; /* banner images that link to the topic home page will not have a border */ 
	} 
/* Elements with common styles */ 
/*#hephead *,*/ 
#hepfoot *
, #hepfoot a
, #hepfoot a:visited
, .ofcheadlnx a
, .ofcheadlnx a:visited { 
	display: inline-block; 
	margin: 2px 0; 
	padding: 2px 10px; 
	}
#hepfoot a { border-left: 1px solid #000; }
.ofcheadlnx * { color: #000; background-color: transparent;} 
div#hepfoot a.home  { border-left: none!important; }
.ofclink {font-size: 100%!important;} 

/*::::::::::::::::: COMMON TAG FORMATTING DEFAULTS::::::::::::::::: */ 
/*--------------------------------------------------------------------*/ 
/*::::::::::::::::::::::: LAYOUT CONTAINERS:::::::::::::::::::::::: */ 
/* common styles amongst containers */ 
#hephead
, #hepfoot
, #wrapper
, #header
, #errorpage { 
	position: relative;
	clear: both; 
	margin: 0 auto; 
	padding: 0; 
	width: 94.8%; 
	min-width: 810px; /* prevents the content area from becoming too small */ 
	max-width: 1280px; 
	} 
div.ofcheading {
	padding: 0;
	margin: 0 0 0 10px;
	font-weight: bold;
	position: absolute;
	top: 0.2em;
	z-index: 5;
	}
div.ofcheading a {
	color: #000;
	background-color: transparent;
	line-height: 1.4;
	}
/* new tab code */
div.ofctabs { 
	width: 94.8%; 
	min-width: 810px; /* prevents the content area from becoming too small */ 
	max-width: 1280px; 
	white-space: nowrap!important;
	margin: -1px auto 2.5em auto;
	position: relative;
	z-index: 60;
	}
@-moz-document url-prefix() { 
	div.ofctabs { margin-top: -2px; }
}
/* tabs on left side */
div.ofclink {
	width: 40%;
	text-align: left;
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 70;
}
div.ofctabs div.ofclink a {
	display: inline-block;
	border-top: 0;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #404040; 
	padding: 2px 4px;
	margin: 0 -1px;
	background-color: #fefefe;
	color: #000;
	font-weight: bold;
	font-size: 80%;
	text-decoration: none;
	}
/* tabs on right side */
div.ofcheadlnx {
	width: 50%;
	text-align: right;
	position: absolute;
	top: 0;
	right: 15px;
	z-index: 70;
}
div.ofctabs div.ofcheadlnx a {
	display: inline-block;
	border-top: 0;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #404040; 
	padding: 2px 4px;
	margin: 0 -1px;
	background-color: #fefefe;
	color: #000;
	font-weight: bold;
	font-size: 80%;
	text-decoration: none;
	}
div.ofctabs div.ofclink a.plntab {
	background-color: #DBD2D2;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);
	color: #000;
	border-top: 2px solid #DBD2D2;
	margin-top: -3px;
	}
div.ofctabs div.ofclink a.envtab {
	background-color: #D6E8D2;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);
	color: #000;
	border-top: 2px solid #D6E8D2;
	margin-top: -3px;
	}
div.ofctabs div.ofclink a.retab {
	background-color: #DDE5EE;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);
	color: #000;
	border-top: 2px solid #DDE5EE;
	margin-top: -3px;
	}
div.ofctabs div.ofcheadlnx a#heplink { margin-right: 1em; }
div.ofclink a:hover
, div.ofcheadlnx a:hover {
	background-color: #EEEEEE;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);
	font-weight: bold;
	}
body#hepcontent.calendar div.ofcheadlnx a.events
, body#hepcontent.guidance div.ofcheadlnx a.guidance
, body#hepcontent.publications div.ofcheadlnx a.pubs
, body#hepcontent.awards div.ofcheadlnx a.awards
, body#hepcontent.contacts div.ofcheadlnx a.contacts {
	background-color: #C7C7A4;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);
	font-weight: bold;
	border-top: 2px solid #C7C7A4;
	margin-top: -2px;
	}
/* end of new tab code */
#errorpage { margin-top: 1em; }
#wrapper
, #header
, #errorpage { 
	border: 1px solid #4c4a2e; /* color customizable on office and topic level */ 
	} 
#wrapper,
#errorpage { background-color: #fff; color: #000;} /* color customizable on office and topic level */ 
#navigation ul
, #navigation li
, #subnavigation ul
, #subnavigation ul li { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	} 
#pagecontents
, #related { 
	padding-right: 5px; 
	} 
/* FHWA blue bar at top and very bottom of page */ 
#fhwafooterspacer {
	background:#326598;
	color: inherit;
	height: 1px;
	margin: 0 auto; 
	} 
#fhwaheader {
	height: 45px;
	border-bottom: solid 1px #326598;
	background-position: bottom;
	width: 95%; 
	min-width: 810px; /* prevents the content area from becoming too small */ 
	max-width: 1280px; 
	margin: 0 auto; 
	padding: 0 2px; 
	} 
#fhwafooter { 
	width: 95%; 
	min-width: 810px; /* prevents the content area from becoming too small */ 
	max-width: 1280px; 
	margin: 2px auto 0 auto; 
	padding: 8px 0 65px 0; 
	} 
#fhwaheader .hdtitle
, #fhwaheader .search { margin: 3px 0;	} 
#fhwaheader * { color: #fff;	background-color: transparent;} 
#fhwaheader a img { border: none; background-color: transparent; color: inherit;} 
#fhwaheader .hdtitle a img { height: 40px; } 
#fhwaheader .search fieldset { width: auto; } 
#fhwaheader .search fieldset div {
		float: left;
		margin-right: 20px; 
	} 
#fhwaheader .search fieldset div img { margin: 0 2px; } 
#fhwaheader .search fieldset div span { padding-top: 2px; } 
/* Office level header and footer as small bars at top and bottom */ 
#hephead { 
	height: 2em; 
	min-height: 1.5em;
	line-height: 1.4;
	z-index: 50; 
	font-size: 80%; 
	/* background: #ededc4 url(/images/hep/bg_hephead.png) repeat-x center; gradients are so 2002. Commented out on 6/28/16  */
	color: inherit; 
	margin-bottom: 0;
	padding: 0; 
	border-right: 1px solid #999;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #999;
	text-align: left;
	position: relative;
	} 
#hepfoot { 
	/* background: #ededc4 top url(/images/hep/bg_hepfoot.png); Commented out on 6/28/16  */
	height: 1.5em; 
	color: inherit; 
/*	background-position: top;*/ 
	text-align: center; 
	font-size: 80%; 
	padding: 0 0 5px 0; 
/*	z-index: 500; commented out by paul on 1/29/15. */
	margin-top: 1em; 
	} 
/* Topic header: largest banner on page. */ 
#header { 
	border-bottom: none; 
	margin-top: 20px; 
	padding: 0;
	height: 100px; 
/* 	color: inherit;
	background: #4b4819 url(/hep/images/bannerbg.png) top right no-repeat;  */
	position: relative; 
	} 
#header #pageheading {
	float: left; 
	margin: 10px 0 0 1%; 
	padding: 0 5px; 
	font-size: 175%; 
	font-weight: bold;
	} 
#header #pageheading img { /* topic title if it is an image. */ 
	font-size: 100%; 
	} 
#header #pageheading a { display: block; } 
/* Content containers */ 
#wrapper { /* container for majority of content */ 
	border-top: none; 
	margin-bottom: 10px; 
	background-image: url(/images/hep/bgsubnav_hep.png); /* refer to documentation on use of image for subnavigation box */ 
	background-position: 18% 0; 
	background-repeat: repeat-y; 
	padding-bottom: 50px; 
	min-height: 465px; /* layout does not use sticky footers, this forces the footers to the bottom of visible view for common sizes */ 
	/*overflow: hidden; removed for prev-next nav */
	display: table;
	}
#errorpage { /* container when an error has occured */ 
	min-height: 565px; 
	} 
/* Navigation located below page banner */ 
#navigation { 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	color: #000; 
	background-color: #660; /* customizable at the office and topic level */ 
	background-image: url(/images/hep/bg_nav.png); 
	background-position: center; 
	background-repeat: repeat-x; 
	width: 100%; 
	clear: both; 
	} 
#navigation li { 
	display: block; 
	float: left; 
	padding-right: 1px; 
	background: url(/images/hep/nav_line.png) no-repeat right center; 
	} 
#navigation a, 
	#navigation a:visited { 
	color: #fff; 
	background-color: transparent; 
	font-weight: bold; 
	font-size: 90%; 
	padding: 2px 15px 5px 15px; 
	margin: 0; 
	display: block; 
	} 
#navigation ul li a:hover { 
	background-color: transparent; 
	color: inherit; 
	background-position: center; 
	background-repeat: repeat-x; 
	text-decoration: none; 
	} 
/* Subnavigation box on the left */ 
#subnavigation { 
	width: 18%; 
	margin-bottom: 20px; 
	float: left; 
	} 
#subnavigation p { 
	margin: 0px; 
	padding: 5px 2px; 
	font-size: 75%; 
	text-align: center; 
	background: url(/images/hep/bg_subnavovr.png) repeat-x bottom; 
	} 

#subnavigation ul 
, #subnavigation ul li 
, #subnavigation ul li a 
, #subnavigation ul li ul li a 
, #subnavigation ul li a:visited 
, #subnavigation ul li ul li a:visited { color: #000; background-color: transparent;} 

#subnavigation ul { margin: 0 0 20px 0; } 

/* collapsible navigation */
div#subnavigation div#navclose {
	display: block;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	text-align: right;
}
div#navexpand {
	display: block;
	width: 1.2em;
	float: left;
	font-weight: bold;
	margin-left: -1px;
}
div#navexpand span {
	cursor: pointer;
	background-color: #e0e8d9;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	padding: 1px;
}
div#navclose span {
	cursor: pointer;
	background-color: #e0e8d9;
	padding: 0 1px 0 2px;
	border-top: 1px solid #bac9b5;
	border-left: 1px solid #bac9b5;
	border-bottom: 1px solid #bac9b5;
}
div#navexpand { display: none; } 
div#navclose { visibility: hidden; }

div#subnavigation ul
, div#subnavigation ul li
, div#subnavigation ul li ul {
	margin: 0!important;
	padding: 0!important;
	background-image: none;
}
div#subnavigation ul li a {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	background-image: none;
	padding: 0.5em;
	margin: 0;
}
div#subnavigation ul li ul li a {
	font-size: 80%;
	font-weight: normal;
	margin: 0;
	background-image: url('/hep/images/listarrow.png');
	   background-repeat: no-repeat;
	   background-position: 5px 6px;
	   padding-left: 1.6em!important;
	margin: 0;
}
div#subnavigation ul li a:hover
, div#subnavigation ul li a.current 
, div#subnavigation ul li ul li a:hover
, div#subnavigation ul li ul li a.current {
	transition: 0.4s ease;
}
div#subnavigation ul li ul li a.current {
	font-weight: normal;
}

/* Contacts box */ 
#contacts { 
	float: left; 
	text-align: left; 
	margin: 5px; 
	} 
#contacts p.contacttitle { 
	text-align: left; 
	font-weight: bold; 
	margin: 0; 
	padding: 3px 0 4px 6px; 
	white-space: normal; 
/*	background: none; */
	} 
#contacts p { 
	padding: 5px 10px; 
	white-space: normal; 
	text-align: left; 
	background: none; 
	} 
#contacts ol { 
	margin: 0 0 5px 0; 
	} 
#contacts ol li { 
	margin: 1px 0; 
	} 
span.ctitle, span.cphone
, span.cteam {
	display: block;
	margin-bottom: 0.5em;
	}
/* Memo page layout */ 
#memo:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	} 
#memohead { 
	width: 100%; 
	margin: 0; 
	padding: 10px 0 0 0; 
	position: relative; 
	} 
#memohead:after { 
	content: "."; 
	display: block; 
	height: 1px; 
	visibility: hidden; 
	} 
#memohead img { 
	float: left; 
	border: 0; 
	padding: 0 5px 0 0; 
	} 
#memohead h1 { 
	font-weight: normal; 
	font-size: 120%; 
	margin: 5px 0; 
	color: #000; 
	background-color: inherit; 
	font-variant: normal; 
	} 
#memohead p.small { 
	margin-left: 60px; 
	} 
#memofromto { 
	width: 45%; 
	float: left; 
	margin: 0; 
	} 
#memodatereply { 
	width: 45%; 
	float: right; 
	} 
#memobody { 
	float: left; 
	width: 100%; 
	} 
#memobody ul
, #memobody ol { padding-left: 25px; } 
#contents { 
	width: 60%;
	margin-left: 19.5%; 
	margin-bottom: 20px; 
	text-align: left;
	} 
#pagecontents
, #memo { 
	width: 80%; 
	margin-left: 19.5%;
	text-align: left; 
	} 
#errorpage #pagecontents { 
	width: 100%; 
	margin: 0 20px; 
	position: relative;
	} 
/* Jenism commented out 10/18/2013 
#pagecontents ul , 
#contents ul	{ 
	overflow: hidden; 
}*/ 
#pagecontents img, #contents img {
	border: none;
	margin-left: 5px;
}
img.toplink {
	float: right;
	}
#pagecontents div.imgright img
, #contents div.imgright img 
, #pagecontents div.imgleft img 
, #contents div.imgleft img 
{
	   margin-left: 0;
}
#pagecontents ul li
, #contents ul li    { 
	padding-top: 0;
	padding-bottom: 4px;
	margin-top: 0;
	margin-bottom: 4px; } 
#pagecontents ul li ul li 
, #contents ul li ul li { 
	padding-top: 3px;
	padding-bottom: 0;
	margin-top: 3px;
	margin-bottom: 0; 
	} 
#pagecontents a
, #contents a { 
	text-decoration: underline; 
	} 
#breadcrumb { 
	margin-left: 18.1%; 
	padding: 5px 5px 5px 10px; 
	font-size: 75%; 
	text-align: left; 
	} 
div#prefooter { 
	text-align: center; 
	margin: 0 auto; 
	padding: 0; 
	white-space: nowrap; 
	color:#fff; 
	background-color: transparent; 
	} 
div#prefooter * { color: #fff; background-color: inherit;} 
div#prefooter a { 
	font-size: 70%; 
	white-space: nowrap; 
	} 
/* Topic level footer. Optional */ 
/*#prefooter { 
	text-align: left; 
	position: relative; 
	z-index: 50; 
	float: right; 
	left: -50%; 
	white-space: nowrap;
	margin-bottom: 15px; 
} 
#prefooter ul { 
	list-style: none; 
	position: relative; 
	left: 50%; 
	margin: 0; 
	padding: 0; 
} 
#prefooter ul ul { 
	margin: 0; 
	padding: 0; 
	left: 0; 
} 
#prefooter li { 
	float: left; 
	position: relative; 
	margin: 0; 
	margin-left: 15px; 
	padding: 0; 
	text-align: left; 
	font-size: 90%; 
	font-weight: bold; 
} 
#prefooter li:first-child { margin: 0; } 
#prefooter li li { 
	float: none; 
	font-weight: normal; 
	font-size: 80%; 
	clear: both; 
	display: block; 
	text-align: left; 
	padding: 2px; 
	margin: 0; 
	border-bottom: 1px dotted #666; 
}*/ 
/*::::::::::::::::::::::: LAYOUT CONTAINERS:::::::::::::::::::::::: */ 
/*--------------------------------------------------------------------*/ 
/*::::::::::::::::::::: CUSTOM TABLES (classes):::::::::::::::::::: */ 
table.datatable { 
	margin: 3px 0 15px 5px; 
	padding: 3px 0 3px 0; 
/*	background-color: #fff;*/ 
	}
table.datatable, table.datatable th
, table.datatable td { font-size: 90%; text-align: left; vertical-align: top;} 
table.datatable tr.row0 { background-color: #eeeeee; color: inherit;} 
table.datatable tr.row1 { background-color: #ffffff; color: inherit; } 
table.datatable caption {/*margin-left: 5px;*/ font-size: 85%;}
.datatable .row2, th.row2 { /* used to set a formatted cell, such as <th> to appear like a <td> cell with background color*/
	font-weight: normal;
	background-color: #FFFCEB!important;
	text-align: left;
	}
.tablecntnr { 
	border: 1px solid #666; 
	margin: 5px; 
	padding: 5px; 
	overflow: auto; 
	} 
.datatable, .datatable2
, .tight { 
	border-collapse: collapse; 
	border-spacing: 0; 
	margin-bottom: 10px; 
	empty-cells: show; 
	} 
.datatable p
, p.tight { 
	margin: 0; 
	font-size: 100%; 
	} 
.datatable caption { 
	text-align: left; 
	font-weight: bold; 
	margin-bottom: 5px; 
	} 

.datatable caption .caption_bottom	{ 
	text-align: left; 
	font-weight: bold; 
	margin-bottom: 5px; 
	caption-side: bottom!important;
	} 
table.tight th, table.tight td, table.datatable th, table.datatable td { 
	border: 1px solid #999; 
	} 
.datatable th { 
	color: #000; 
	background-color: #fffceb; 
	padding: 5px 8px; 
	} 
.datatable td { padding: 5px; }
.flush td { padding: 5px 5px 5px 0; } 
table.tight th
, table.tight td { 
	font-size: 75%; 
	padding: 1px 1px;  
	} 
/*.datatable td, .tight td, .row, */ 
th.row { /* used to set a formatted cell, such as <th> to appear like a <td> cell */ 
	font-weight: normal; 
	background-color: #ffffff; 
	color:#000; 
	} 
table.datatable td ul
, table.datatable th ul,
, table.datatable td ul.nopad { 
	padding-top: 0; 
	padding-bottom: 0; 
	margin-bottom: 0;
	margin-top: 0; 
	} 
	
.nopad_left { 
	padding-left: 0; 
	margin-left: 6px; 
	} 
	
.datatable th.thbig {
	font-size: 125%;
}
.datatable2 th
, .datatable2 td {width: 10%!important;} 

.datatable th.txtright
, .datatable td.txtright { 
	text-align: right;
	} 

.datatable th.txtcenter
, .datatable td.txtcenter { 
	text-align: center;
	} 
table.layout { 
	margin: 3px 0 3px 15px; 
	padding: 3px 0 3px 0; 
	background-color: #fff; 
	color: #000; 
	} 
table.layout td
, table.layout th { 
	border: none; 
	padding: 5px; 
	margin: 5px; 
	} 
td.center, th.center { text-align: center; } 
.cf_row0 { background-color: #fff; color: inherit;} 
.cf_row1 { background-color: #fffeee; color: inherit; } 

.datatable.noborder th
, .datatable.noborder td
, table.datatable tr td.noborder
, table.datatable tr th.noborder { border: none; } 

table.datatable tr td.thickl {border-left: 1px #000 solid;} 
table.datatable tr td.thickr {border-right: 1px #000 solid;} 

table.tablesorter thead tr .header { background: #FFFCEB url('/hep/images/bg.gif') no-repeat center right; padding-right: 2em!important; }
table.tablesorter thead tr .headerSortUp { background: #d8ecff url('/hep/images/desc.gif') no-repeat center right!important; padding-right: 2em!important; } 
table.tablesorter thead tr .headerSortDown { background: #d8ecff url('/hep/images/asc.gif') no-repeat center right!important; padding-right: 2em!important; } 

iframe.noborder { border: 0; }
/*::::::::::::::::::::: CUSTOM TABLES (classes):::::::::::::::::::: */ 
/*--------------------------------------------------------------------*/ 
/*::::::::::::::::::::: CUSTOM STYLES (classes):::::::::::::::::::: */ 
/* containers within #related on the right of content */ 
/* Related items box on the right */ 
#related { 
	width: 18%; 
	min-width: 185px;
	float: right; 
	margin: 0 5px;
	font-size: 0.75em;
	} 
div#related p.relatedtitle { 
	font-weight: bold;
	margin: 0; 
	padding: 1px 5px; 
	border-bottom: 1px solid #5a5934;
	font-size: 1.1em;
	} 
div#related .relateditem { 
	margin: 0 auto 20px auto; 
	padding: 0; 
	border: 1px solid #5a5934; 
	white-space: normal; 
	}
div#related div.relateditem ul, div#related div.relateditem ol {
	margin-left: 15px;
	}
#hepcontent.hep #related {width: 25%;}
#hepcontent.hep .relateditem {background-color: #fffbf2; color: #000; }
#hepcontent.hep .relateditem ul li {font-size: 120%}
.relateditem p { 
	margin: 0; 
	padding: 3px 0 4px 6px; 
	white-space: normal; 
	} 
.relateditem ul { 
	margin-right: 0; 
	margin-bottom: 3px; 
	padding: 0 0 3px 0; 
	} 
.relateditem ul ul { margin: 0; } 
.relateditem .viewer { 
	margin: 10px 15px; 
	font-size: 80%; 
	} 
/* element formatting on a page displaying a memo */ 
.memo { 
	font-weight: bold; 
	font-size: 30px; 
	} 
.memoheading { 
	font-weight: bold; 
	font-size: 200%; 
	margin: 0; 
	padding-top: 5px; 
	color: #006; 
	background-color: transparent;
	} 
/* sectioned boxes for use as visible container */ 
.box, .boxleft
, .boxright	{ 
	border: 1px solid #000; 
	width: 30%; 
	margin: 0 auto 5px auto; 
	padding: 5px 10px; 
	background-color: #fffbf2; 
	color: #000;
	} 
.boxleft { float: left; margin-right: 20px; margin-left: 5px } 
.clearbox {padding-left: 35%;}
.boxright { float: right; margin-left: 5px;} 
.boxfull { 
	border: 1px solid #000; 
	width: 90%; 
	margin: 0 auto 15px auto; 
	padding: 5px 10px; 
	background-color: #fffbf2; 
	color: #000; 
}
aside p.calltitle, nav p.calltitle  {
	background-color: #D6E8D2; 
	color: #004106; 
	border-radius: 6px 6px 0 0; 
	font-size: 120%; 
	font-weight: bold;
	margin: -7px -7px 5px -7px; 
	padding: 5px 12px; 
	border-bottom: 1px solid #004106; 

}

aside p.calltitle, nav p.calltitle {font-size: 105%;}
.callright {
	width: 25%;
	float: right;
	border: 1px solid #000066;
	border-radius: 6px;
	box-shadow: 3px 3px 5px #aaa;
	padding: 7px 7px 10px 7px; 
	margin: 0 5px 5px 5px;
	}
	
.callboxrt	{ 
	border-left: .5em solid #66CCCC; 
	border-top: .1em solid #339999;
	border-right: .5em solid #339999;
	border-bottom: .1em solid #66CCCC;
	border-radius: 0 3em 0 3em;
	width: 30%; 
	margin: 0 .5em .8em .8em; 
	padding: 1em .8em; 
	color: #000;
	float: right;
	} 
	
.callboxlt	{ 
	border-left: .5em solid #66CCCC; 
	border-top: .1em solid #339999;
	border-right: .5em solid #339999;
	border-bottom: .1em solid #66CCCC;
	border-radius: 0 3em 0 3em;
	width: 30%; 
	margin: 0 .5em .8em .8em; 
	padding: 1em .8em; 
	color: #000;
	float: left;
	} 
	
ul .callright, ol .callright, ul .callleft, ol .callleft {padding: 5px 0 0 0; margin-left: -10px!important;}
.callleft {
	width: 25%;
	float: left;
	border: 1px solid #000066;
	border-radius: 6px;
	box-shadow: 3px 3px 5px #aaa;
	padding: 7px 7px 10px 7px; 
	margin: 0 15px 5px 5px;
	}

.callcenter {
	width: 85%;
	border: 1px solid #000066;
	border-radius: 6px;
	box-shadow: 3px 3px 5px #aaa;
	padding: 8px; 
	margin: 10px auto 10px auto;
	color: inherit; 
	background-color: #FFFBF8;
	}

.callbox85	{ 
	width: 85%; 
	border-left: .5em solid #66CCCC; 
	border-top: .1em solid #339999;
	border-right: .5em solid #339999;
	border-bottom: .1em solid #66CCCC;
	border-radius: 0 3em 0 3em;
	margin: .8em auto .8em auto; 
	padding: 1em; 
	color: #000;
	} 
	
.callhalf {
	width: 50%;
	border: 1px solid #000066;
	border-radius: 6px;
	box-shadow: 3px 3px 5px #aaa;
	padding: 8px; 
	margin: 10px auto 10px auto;
	color: inherit; 
	background-color: #FFFBF8;
	}
	
div#pagecontents div.callright ul li, div#pagecontents div.callleft ul li, div#pagecontents div.callcenter ul li { margin-left: -10px; }

aside.callleft  {
	width: 25%;
	float: left;
	border: 1px solid #000066;
	border-radius: 10px;
	box-shadow: 3px 3px 5px #aaa;
	padding: 7px 7px 10px 7px; 
	margin: 0 15px 5px 5px;
	}
aside.callcenter {
	width: 85%;
	border: 1px solid #000066;
	border-radius: 15px;
	box-shadow: 3px 3px 5px #aaa;
	padding: 8px; 
	margin: 10px auto 10px auto;
	color: inherit; background-color: #FFFBF8;
	}

aside.callfull {
	border: 1px solid #000066;
	border-radius: 5px;
	box-shadow: 3px 3px 5px #aaa;
	padding: 4px 8px 2px 8px; 
	margin: 10px 0;
	color: inherit; background-color: #FFFBF8;
	}

aside.callright, nav.callright  {
	width: 25%;
	float: right;
	border: 1px solid #000066;
	border-radius: 6px;
	box-shadow: 5px 5px 5px #aaa;
	padding: 7px 7px 10px 7px; 
	margin: 0 5px 5px 10px;

	}
nav.navright  {
	width: 25%;
	float: right;
	border: 1px solid #000066;
	padding: 5px; 0;
	margin: 0 5px;
	font-size: 90%;
	font-weight: bold;

	}
nav p.navtitle {
	background-color: #transparent; 
	color: #004106; 
	font-size: 120%; 
	font-weight: bold;
	margin: 1px -5px; 
	padding: 5px; 
	border-bottom: 1px solid #004106; 
	text-align: center;
	}
nav.navright ul {margin-left: 5px; padding: 0 0 0 5px;}
span.small.captionblue { margin-left: 5px; padding-left: 0; font-size: 0.8em; }
.boxshadow {box-shadow: 10px 10px 5px #888888;}
.boxnobg {color: inherit; background-color: transparent!important;}
.boxfull h2 {
	margin-top: .3em;
	}
.boxhalf { 
	border: 1px solid #000; 
	width: 50%; 
	margin: 0 auto 5px auto; 
	padding: 5px 5px; 
	background-color: #fffbf2;
	color: #000; 
} 
.box3qtr { 
	border: 1px solid #000; 
	width: 75%; 
	margin: 0 auto 5px auto; 
	padding: 5px 5px; 
	background-color: #fffbf2; 
	color: #000; 
	overflow: auto;
} 
.box p, .boxleft p
, .boxright p
, .boxfull p { 
	margin-bottom: 5px; 
	} 
.box ul
, .boxleft ul
, .boxright ul
, .boxfull ul { 
	margin: 0; 
	padding-top: 0; 
	} 
.box ul li
, .boxleft ul li
, .boxright ul li
, .boxfull ul li { 
	padding-top: 10px; 
/*	margin-left: 0;*/ 
	} 
.noback {background-color: transparent; color: inherit;}

.boxclearimg { 
	clear:both; 
	width:100%; 
	font-size:1px; 
}
.boxshade {
	color: #000;
	background-color: #FFFBF2;
	border: 1px solid #ccc;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.2em;
	}
#pagecontents .boxfull table tr td ul li {margin-left: 5px; padding-left: 15px;} 
.imagecontain {display: table; width: 50%;} 
.imagecontain p {padding-left: 0; margin-left: -1px;} 
.imagecontain img {padding-left: 1px; margin-left: 1px;} 
.imageright { 
	border: 1px solid #000; 
	margin: 5px; 
	padding: 5px; 
	float: right; 
	background-color: #fffbf2;
	color: #000; 
	} 
.imageleft { 
	border: 1px solid #000; 
	margin: 5px; 
	padding: 5px; 
	float: left; 
	background-color: #fffbf2; 
	color: #000; 
	} 
.imagecenter { 
	border: 1px solid #000; 
	margin: 5px auto; 
	padding: 5px; 
	float: none; 
	background-color: #fffbf2;
	color: #000; 
	min-width: 25%; 
	max-width: 850px 
	} 
.imagecenter p {text-align: center!important;} 
.imagecenter img {margin-left: auto; margin-right: auto;} 
/* fixed width styles */ 
.px25 { width: 25px; } 
.px50 { width: 50px; } 
.px75 { width: 75px; } 
.px100 { width: 100px; } 
.px200 { width: 200px; } 
.px225 { width: 225px; } 
.px300 { width: 300px; }
.px350 { width: 350px; } 
.px375 { width: 375px; } 
.px400 { width: 400px; }
.px475 { width: 475px; } 
.px500 { width: 500px; } 
.px600 { width: 600px; } 
.px700 { width: 700px; } 
.px800 { width: 800px; } 
/* percentage width styles */ 
.pc5 {width: 5%;}
.pc10 { width: 10%; } 
.pc15 { width: 15%; } 
.pc20 { width: 20%; } 
.pc25 { width: 25%; } 
.pc30 { width: 30%; } 
.pc33 { width: 33%;}
.pc35 { width: 35%; } 
.pc40 { width: 40%; } 
.pc45 { width: 45%;}
.pc50 { width: 50%; } 
.pc55 { width: 55%;}
.pc60 { width: 60%;}
.pc65 { width: 65%;}
.pc70 { width: 70%;} 
.pc75 { width: 75%; } 
.pc80 { width: 80%; } 
.pc85 { width: 85%;}
.pc90 { width: 90%; } 
.pc95 { width: 95%; } 
.pc100 { width: 100%; }
.pxh550 {height: 550px;} 
/* positioning styles */ 
.clear { /* does not wrap or allow wrapping */ 
	clear: both;
	float: none;
	} 
.clear_l {
	clear: left;
}
.clear_r {
	clear: right;
}
.f_left { /* other elements wrap to the right, object floats on the left */ 
	float: left;
	margin-right: 10px;
	} 
.f_right { /* other elements wrap to the left, object floats on the right */ 
	float: right;
	margin-left: 5px;
	} 
.center, th.row.center p { /* center the object or the content within the container */ 
	margin: 0 auto; 
	text-align: center; 
	} 
.aln_left { /* left align text */ 
	text-align: left;
	} 
.aln_right, th.row.aln_right, th.row.aln_right p,.datatable td.aln_right { /* right align text */ 
	text-align: right;
	}
.aln_justify { text-align: justify; } /* justify text */ 
.nobold { font-weight: normal; } /* remove bold from text */ 
/* line decoration of text - replaces <u>, <s>, <strike> tags which are now deprecated */ 
.txtd_u { text-decoration: underline; } /* apply underline */ 
.txtd_s { text-decoration: line-through; } /* apply strikethrough */ 
.txtd_o { text-decoration: overline; } /* apply line over text */ 
.txtd_n { text-decoration: none; } /* remove any of the above line decorations */ 
/* white space - most useful for td; nowrap attribute is deprecated, use these classes instead */ 
.ws_normal { white-space: normal; } /* text will wrap when necessary */ 
.ws_nowrap { white-space: nowrap; } /* text will not wrap and will continue until a <br /> tag is encountered */ 
.ws_pre { white-space: pre; } /* text will only wrap on line breaks; acts like <pre> (preformatted) tag in HTML */ 
.ws_preline { white-space: pre; } /* sequential spaces will become a single space; text will wrap when necessary and on line breaks */ 
.ws_prewrap { white-space: normal; } /* sequential spaces will be preserved as such; text will wrap when necessary, and on line breaks */

/* list types - type attribute is deprecated and ordered lists should now use one of these classes */ 

ol.uproman  { list-style-type: upper-roman; } /* capaitalized roman numerals */ 
ol.loroman { list-style-type: lower-roman; } /* lower case roman numerals */ 
ol.upalpha { list-style-type: upper-alpha; } /* capitalized alphabet */ 
ol.loalpha { list-style-type: lower-alpha; } /* lower case alphabet */ 
ol.number, ol.decimal { list-style-type: decimal; } /* numbered list */ 
ol.number0, ol.decimal0 { list-style-type: decimal-leading-zero; } /* numbered list with a leading zero */ 
ul.nobullet, ul.typen, ul.none, ol.nobullet, ol.typen, ol.none { list-style-type: none; } /* list has no marker */ 
ul.blt_circ, ul.typec, ul.circle { list-style-type: circle; } /* empty circle as bullet */ 
ul.blt_disc, ul.disc { list-style-type: disc; } /* filled disc as bullet */ 
ul.blt_sqr, ul.typesq, ul.square { list-style-type: square; } /* filled square as bullet */ 

ul.check {
	 list-style: none!important;
}
ul.check li {padding-left: 5px;}

ul.check li:before {
	display: list;
	content: "\2713"
}
ul.lgcircle {
	 list-style: none!important;
}
ul.lgcircle li {padding-left: 5px;}

ul.lgcircle li:before {
	display: list;
	content: "\274D"
}
ul.lgbox {
	 list-style: none!important;
}
ul.lgbox li {padding-left: 5px;}

ul.lgbox li:before {
	display: list;
	content: "\274F"
}

ul.under {
	 list-style: none!important;
}
ul.under li {padding-left: 5px;}

ul.under li:before {
	display: inline-block;
	content: "\5f";
	transform: scale(3,1);
	padding-right: 10px;
}
/* document navigation for multi-page publications */ 
#pagecontents 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;
	border-bottom: 1px solid #ccc;
	background-color: #FFEFD5; 
	color: inherit; 
	position: fixed;
	z-index: 9999999; 
	bottom: 15px; 
	left: 0; 
	width: 100%; 
} 
.docnav ul { 
	list-style-type: none; 
	margin: 0 auto; 
	width: 80%; 
	} 
.docnav ul li { 
	display: inline; 
	margin: 0; 
	} 
/* .docnav ul li.docnavtop { 
	position: fixed;
	right: 5%;
	bottom: 16%;
	margin: 0; 
	color: inherit;
	background-color: #fff;
	}  */
.docnav ul li a { 
	display: inline-block;
	padding: 2px 4px; 
	margin-top: 0; 
	min-width: 10px; 
	text-decoration: none; 
	} 
.docnav ul li a.index { 
	display: inline-block;
	padding: 2px 4px; 
	margin-top: 0; 
	text-decoration: none; 
	} 
.docnavul li a.nav { 
	display: inline-table; 
	padding: 2px 4px; 
	margin-top: 0; 
	} 
.docnav ul li a.current { 
	margin-top: 0; 
	} 
.docnav ul li a.hide { 
	visibility: hidden; 
	} 
.docnav ul li a:hover { 
	color: #fff; 
	margin-top: 0; 
	} 
.docnav .navtext { 
	float: left; 
	padding: 0; 
	margin: -18px 0 0 0; 
	}

/* new docnav */
div.prevnext {
	display: table;
	border-spacing: 0.5em;
	border-collapse: separate;
	white-space: nowrap;
	width: 100%;
}
.sticky {
	position: sticky;
	z-index: 500;
	bottom: 0;
	color: red!important;
}
div.prevnext div.docprev, div.prevnext div.docnext, div.prevnext div.doctop, div.prevnext div.docindex { 
 	display: table-cell;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	box-shadow: 0 2px 1px -1px #555;
}
div.prevnext div.docprev { 
	width: 40%;
	position: relative;
	overflow: hidden;
}
div.prevnext div.docprev a { 
	background: url('/hep/images/navprev.png') no-repeat 0 35%;
	background-size: 6%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}
div.prevnext div.docnext { 
	text-align: right;
	width: 40%;
	position: relative;
	overflow: hidden;
}
div.prevnext div.docnext a { 
	background: url('/hep/images/navnext.png') no-repeat 100% 35%;
	background-size: 6%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}
div.prevnext div.docindex {
	position: relative;
	overflow: hidden;
}
div.prevnext div.docindex a {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}
div.prevnext div.doctop { 
	text-align: center;
	font-weight: bold;
	width: 5%;
	padding: 0;
}
div.prevnext div.doctop img { 
	width: 21px;
	height: auto;
	margin: 2px 2px -2px -2px;
	text-align: center;
	}
div.prevnext div.docprev a, div.prevnext div.docnext a, div.prevnext div.doctop a, div.prevnext div.docindex a { 
	display: block;
	height: 100%;
	margin: 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #DBDFD1;
	text-decoration: none!important;
}
div.prevnext div.docprev a, div.prevnext div.docnext a { 
	padding: 0.3em 2.5em;
}
div.prevnext div.doctop a, div.prevnext div.docindex a {
	padding: 0.6em 0.9em;
	text-align: center;
}
div.prevnext div.docnext a:hover, div.prevnext div.docprev a:hover, div.prevnext div.doctop a:hover, div.prevnext div.docindex a:hover { background-color: #FFFDDE; }
div.prevnext div.longtitle { 
	white-space: normal!important; 
	font-size: 85%;
	}
div.prevnext div.docprev.noshadow, div.prevnext div.docnext.noshadow { box-shadow: none }

/* end new docnav */
	
#pagecontents .docnav ul { display: inline; margin: auto; } 
#pagecontents .docnav ul li a, 
#pagecontents .docnav ul li a.index {
	border: 1px solid #365b01;
	text-align: center;
	text-decoration: none;
	} 
#pagecontents .docnav ul li a.current, 
#pagecontents .docnav ul li a:hover { 
	background: #365b01; 
	color: #fff; 
	text-decoration: none; 
	} 
/* miscellaneous classes */ 
.sitemap { font-size: 85%; } 
.hilight { /* use for high lighting particular text with a yellow background */ 
	font-size: 85%; 
	font-style: normal;
	font-weight: bold; 
	color: #000; 
	background: #ff0; 
	border: thin groove; 
	padding: 1px; 
	white-space: nowrap; 
	} 
	
.hr { 
	width: 90%; 
	border-bottom: 1px solid #999;
	border-top: none;
	margin: 0.5em auto 1em auto; 
	} 

.hr hr, .hrlite hr { 
	visibility: hidden; 
	} 


#pagecontents table.datatable tr.bgltblue th { 
	color: #000; 
	background-color: #B5D3EB!important; 
	}

.bgltblue { color: #000; background-color: #E0EEFA!important;}
.tdbgviolet
, table.datatable tr td.tdbgviolet {color: #000; background-color: #CCC0D9!important;}

.tdbgltgr
, table.datatable tr td.tdbgltgr { color: #000; background-color: #B4FFB4!important; } 

.tdbggray
, table.datatable tr td.tdbggray { color: #000; background-color: #F8F8F8!important; } 

.tdbgdkgray
, table.datatable tr td.tdbggray { color: #000; background-color: #c3c3c3!important; } 

.tdbgyellow
, table.datatable tr td.tdbgyellow { color: #000; background-color: #FFFFC0!important; } 

.tdbgred
, table.datatable tr td.tdbgred {color: #000; background-color: #ff5d5d!important;}

.tdbgdata
, table.datatable tr td.tdbgdata {color: #000; background-color: #FFFCEB!important;} 

.tdbgdkgr
, table.datatable tr td.tdbgdkgr { background-color: #82FF82!important; color: #000!important;} 

.tdbgbl
, table.datatable tr td.tdbgbl {color: #000; background-color: #80DBFD!important;}

.tdbgltred
, table.datatable tr td.tdbgltred {background-color: #FF9797!important; color: #000;}

.tdbgltog
, table.datatable tr td.tdbgltog {background-color: #FAC090!important; color: #000;}

.tdbgpurp, table.datatable tr td.tdbgpurp {background-color: #B39FC6!important; color: #000;}

.tdbgltgrn, table.datatable tr td.tdbgltgrn {background-color: #dde5cb !important; color: #000;}

.tdbgdkgrn, table.datatable tr td.tdbgdkgrn {background-color: #336600 !important; color: #fff;}

.tdbgpink, table.datatable tr td.tdbgpink {background-color: #FFE6FF !important; color: #000;}

div.pnobot {padding-bottom: 7px;}
div.pnobot p {padding-top: 0!important; padding-bottom: 0!important; margin-top: 0!important; margin-bottom: 0!important;}
div.tcell div.pnobot p {padding-top: 0!important; padding-bottom: 0!important; margin-top: 0!important; margin-bottom: 0!important;}

.listnobot ul li
, .listnobot ol li {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}

.listnobot ul li p
, .listnobot ol li p {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; margin-left: 0;}

.footerlink { padding-bottom: 0; } /* for the links in the FHWA footer */ 
.navfooter { padding-bottom: 35px; } /* increases the height of the FHWA footer when docnav.cfm is included */ 
.wideitem { /* used for items that have the potential to not fit within the wrapper at any supported resolution. */ 
	width: 95%; 
	max-width: 1200px;
	overflow: auto; /* adds scrollbars if necessary to view hidden parts */ 
	height: auto;
	max-height: 600px; 
	margin: 15px auto; 
	border: solid 1px #999; 
	padding: 10px; 
	} 


@media (max-width: 1280px) { .wideitem1024 { /* used for items that have the potential to not fit within the wrapper at any supported resolution. */ 
	max-width: 95%; 
	overflow: auto; /* adds scrollbars if necessary to view hidden parts */ 
	height: auto;
	max-height: 600px; 
	margin: 15px auto; 
	border: solid 1px #999; 
	padding: 10px; 
	} }
.wideitem img { max-width: none; } 
/*::::::::::::::::::::: CUSTOM STYLES (classes):::::::::::::::::::: */ 
/* Table of contents */ 
#pagecontents ul.toc
, ul.toc ul
, ul.toc ul li ul { 
	list-style-type: none; 
	} 
.hilite { 
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 80%; 
	color: #000000; 
	background: #FFFF00; 
	border: thin groove; 
	padding: 1px 2px; 
	white-space: nowrap; 
	} 
.callout { font-size: 110% } 
.txtcenter { text-align: center; } 
.tdbgdkgr { background-color: #103513; } 
#pagecontents h1 a
, #pagecontents h2 a
, #pagecontents h3 a
, #pagecontents h4 a
, #pagecontents h5 a
, #pagecontents h6 a
, #contents h1 a
, #contents h2 a
, #contents h3 a
, #contents h4 a
, #contents h5 a
, #contents h6 a {
	text-decoration: none;
	} 
/* classes for fixed position table headers */ 
.outer { 
	position: relative; 
	padding: 4em 0 3em 0; 
	width: auto; 
	margin: 0 auto 3em auto; 
	} 
.innera { 
	overflow: auto; 
	width: auto; 
	height: 9.6em; 
	} 
.outer thead tr { 
	position:absolute; 
	top: 2.5em; 
	height: 1.5em; 
	left: 0; 
	} 
.breakword { 
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word; 
	} 
#pagecontents a img.noborder, #contents a img.noborder {border: none;} 
#pagecontents aside.callright.noborder {border: none; border-radius: none!important; box-shadow:none;F;}

/* Image caption classes */
.imgleft, .imgright {position: relative;} 
.imgleft {padding: 5px 15px 5px 0!important;} 
.imgright {padding: 5px 5px 5px 0!important; margin-left: 10px} 
.imgcenter	{margin-right: auto; margin-left: auto; text-align: center; } 
.imgcenter p {text-align: center;} 
div#wrapper div#pagecontents div.tablelayout div.tcell div.imgleft.smpadright {padding-right: 2px!important; margin-right: -5px;}

div.imgleft.capt1
, div.imgright.capt1 { padding-bottom: 1.5em!important; }

div.imgleft.capt2
, div.imgright.capt2 { padding-bottom: 2.5em!important; }

div.imgleft.capt3
, div.imgright.capt3 { padding-bottom: 3.5em!important; }

div.imgleft.capt4
, div.imgright.capt4 { padding-bottom: 4.5em!important; }

div.imgleft.capt5
, div.imgright.capt5 { padding-bottom: 5.5em!important; }

div.imgleft.capt6
, div.imgright.capt6 { padding-bottom: 6.5em!important; }

div.imgleft.capt7
, div.imgright.capt7 { padding-bottom: 7.5em!important; }

div.imgleft.capt8
, div.imgright.capt8 { padding-bottom: 8.5em!important; }

div.imgleft.capt9
, div.imgright.capt9 { padding-bottom: 9.5em!important; }

div.imgleft.capt10
, div.imgright.capt10 { padding-bottom: 10.5em!important; }

div.imgleft.capt11
, div.imgright.capt11 { padding-bottom: 11.5em!important; }

div.imgleft.capt12
, div.imgright.capt12 { padding-bottom: 12.5em!important; }

div.imgleft.capt2top
, div.imgright.capt2top { padding-top: 2.5em!important; }

div.imgleft.capt5top p
, div.imgright.capt5top p{ margin-bottom: 5.5em!important; }

div.imgleft span.imgcaption {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	font-size: 0.8em;
	margin: 0;
	text-align: left;
	}



div.imgright span.imgcaption {
	position: absolute;
	left: 10px;
	right: 0;
	display: block;
	font-size: 0.8em;
	margin: 0 1em;
	text-align: left;
	}
span.imgcaptiontop {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	font-size: 0.8em;
	margin: 0 1em;
	}

div.imgcaption {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	font-size: 0.8em;
	margin: 0 1em 0 0;
	padding: 0;
	white-space: normal;
	text-align: left;
	}

div.imgcaption p {margin-left: 0;}
div.imgcaptiontop {
	position: absolute;
	left: 0;
	right: 0;
	display: table;
	font-size: 0.8em;
	margin: 0 1em;
	}


/* generic image, non-floated, non-wrap */
figure { 
	display: table; 
	margin: 0 0.5em 0.5em 0.5em;
	}

figcaption /*.imgcaption */ { 
/*	font-style: italic;*/
	display: table-caption; 
	caption-side: bottom;
	margin: 0 0.5em; 0.5em 0.5em;;
	font-size: 0.8em;
}
figcaption p { margin: 0; padding: 0; } /* zero out the padding and margin on needless <p> tags */

figure.flleft /*.imgleft */{ 
	display: table; 
	padding: 0;
	margin: 0 .5em .5em 0;
	float: left;
	}
figure.flright /*.imgright*/ { 
	display: table; 
	float: right;
	}

figure.spaceb { margin-bottom: 15px; }
figcaption.top /*.imgcaption */ { 
/*	font-style: italic;*/
	display: table-caption; 
	caption-side: top!important;
	margin-bottom: 2px;
	}

figcaption.top p {
	margin-left: 7px!important;
	}
/*figure.border {
	border: 1px 1px 0 1px #000 dotted;
	border-top: 1px;
	border-right: 1px;
	border-bottom: 0;
	border-left: 1px;
	border-color: #000;
	border-style: dotted;
	padding: 0;
}
figure.borderl {border-left: 1px dotted #000;}
figcaption.borderl {border-left: 1px dotted #000;}
figcaption.border {
	border-top: 0;
	border-right: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-color: #000;
	border-style: dotted;
	padding: 0;
}*/

figure p.small {margin-top: 5px;}
/* commenting out these nonsense styles for now 
figure figcaption p:first-child {margin: 0 0 0 5px!important;; padding-top: 0; padding-left: 5px; font-size:.9em;}
figure figcaption p:nth-child(2) {margin-top: 3px; margin-left: 10px!important; margin-bottom: 0; padding-top: 0; padding-left:5px0; font-size: .8em;}
figure figcaption p:nth-child(3) {margin-top: 3px; margin-left: 0; margin-bottom: 0; padding-top: 0; padding-left:0; /* font-size: .8em;}
figure figcaption p:last-child {margin-top: 3px; margin-left: 0; margin-bottom: 0; padding-top: 0; padding-left: 0; padding-bottom: 10px;font-size: .8em;}

figure.flright figcaption p:first-child {margin: 0 0 0 0!important;; padding-top: 0; padding-left: 5px; font-size:.9em;}
figure.flright figcaption p:nth-child(2) {margin-top: 3px; margin-left: 0; margin-bottom: 0; padding-top: 0; padding-left:5px; font-size: .8em;}
figure.flright figcaption p:nth-child(3) {margin-top: 3px; margin-left: 0; margin-bottom: 0; padding-top: 0; padding-left:5px; /* font-size: .8em;}
figure.flright figcaption p:last-child {margin-top: 3px; margin-left: 0; margin-bottom: 0; padding-top: 0; padding-left: 5px;/*  font-size: .8em;}

figure.flleft figcaption p:first-child {margin-top: 0; margin-left: 5px!important; padding-top: 0; padding-left: 10px; font-size:.9em;}
figure.flleft figcaption p:nth-child(2) {margin-top: 3px; margin-left: 0; margin-bottom: 0; padding-top: 0; padding-left:0; /* font-size: .8em;}
figure.flleft figcaption p:nth-child(3) {margin-top: 3px; margin-left: 0; margin-bottom: 0; padding-top: 0; padding-left:0; /* font-size: .8em;}
figure.flleft figcaption p:last-child {margin-top: 3px; margin-left: 0; margin-bottom: 0; padding-top: 0; padding-left: 0;/*  font-size: .8em;}
*/

ul.fixlist {margin-left: 3em;}
ul.fixlist li, ol.fixlist li {margin-left:17em!important; list-style-position: inside; padding-left:0; text-indent: -0.9em;}
ul.fixlist li ul li , ol.fixlist li ol li {margin-left:1em!important; list-style-position: outside; padding-left:0;}

div.tablelayout div.tcell figure figcaption p {margin-top: -3px; margin-left: 5px;}

div .captioncenter {position: relative; left: auto; right: auto; margin-right: auto; margin-left: auto; text-align: left; display: block; } 

	/*End image classes*/
dl.heptopics dt { 
	padding-top: 10px; 
	} 
dl.heptopics dd { 
	font-size: 85%; 
	} 
h2.topicalpha { 
	width: 50%; 
	padding-top: 10px; 
	border-bottom: 1px solid #6B6725; 
	} 
p.topicindex { 
	padding-top: 10px; 
	margin-left: 5%; 
	} 
#pagecontents p.topicindex a { 
	text-decoration: none; 
	border-left: 1px solid #6B6725; 
	padding-left: 5px; 
	} 
#pagecontents p.topicindex a:first-child { 
	border-left: none; 
	} 
.indextop { 
	float: right; 
	margin: 5px 0; 
	border: none; 
	} 
div#subnavigation div#gdsignup { 
	border: 1px solid #ccc; 
	border-radius: 5px; 
	padding: 2px 5px; 
	margin: 10px 5px 5px 5px; 
	text-align: center; 
	background-image: none; 
	} 
div#subnavigation div#gdsignup img { 
	border: 0; 
	vertical-align: middle; 
	float: left; 
	margin: 7px 8px 30px 3px; 
	} 
div#subnavigation div#gdsignup p { 
	background-image: none; 
	font-size: 75%; 
	font-weight: bold; 
	margin: 0 3px; 
	text-align: left; 
	} 
#related #gdsignup { 
	border: none; 
	} 
#related #gdsignup p { 
	font-size: 90%; 
	} 
.pindent { 
	text-indent: 2em; 
	margin: 6px; 
	padding:6px;} 
	 
.pindent2 { 
	text-indent: 4em; 
	margin: 5px; 
	padding:5px;} 
	 
.pindent3 { 
	text-indent: 6em; 
	margin: 5px; 
	padding:5px;} 
	 
.pindent4 { 
	text-indent: 8em;} 

.datatable td.vam
, .datatable th.vam {vertical-align: middle;}

.datatable td.aright
, .datatable th.aright
, .datatable td.aright p
, .datatable th.aright p {text-align: right;} 

#pagecontents table.datatable .tspace {margin-bottom: 5px; padding-bottom: 5px;} 

#col1 {float: left; width: 48%; padding-right: 3px; margin-right: 3px;} 
#col2 {float:right; width:48%;} 
div#pagecontents div.relateditem h3 { 
	text-align: left; 
	} 

p.hidemore { display: none; } 
.hideitem { display: none; } 
/* two-column layout */
.col1 {float: left!important; width: 45%; }
.col2 {float: right!important; width: 45%;} 
.col2nf {width: 45%;}
/* three-column layout */
.tricol_container {
	overflow:auto;
	width: 100%;
}
.tricol1 {
	float:left;
	width: 33%;
}
.tricol2 {
	float:left;
	width: 33%;
}
.tricol3 {
	float:right;
	width: 33%;
}
/*styles for fixed table headers */ 
.fixedheader {overflow:auto; position: relative; left 15px; width: 95%; height: 750px;} 
.fixedheader .wideitem {padding: 0; width: 100%; height: auto;} 
#pagecontents table.fixedhead {overflow:hidden; width:98%; border-collapse:collapse;	table-layout: fixed;} 
#pagecontents table.fixedhead thead {position:absolute; top:2px; left:25px; width: 95%; z-index:2;} 
table.fixedhead tbody { /*position:absolute; top:0; */overflow:auto; z-index:1; border:1px solid #000; margin:0;} 
table.fixedhead thead th {border:1px solid #000; padding:0; width: 10%;} 
table.fixedhead tbody td {border:1px solid #000; padding:0; width: 10%;} 
/* tablescroll class is created by the jQuery.	Doesn't exist in the markup at all.*/
.tablescroll_wrapper { 
		background-color: #fff; color: inherit; 
		border-left: 0; 
	border-bottom: 1px solid #666; 
} 
.tablescroll_head { 
		margin-bottom: 3px; 
	} 
.tablescroll td { 
	border: 1px solid #999; 
	font-size: 75%;	 
	} 
.tablescroll th { 
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999; 
	border-right: 1px solid #999; 
	background-color: #e5e5e5; color: inherit; 
	font-size: 75%; 
	padding: 0; 
	} 
.tablescroll th:first-child { 
	border-left: 1px solid #999; 
	} 
.tablescroll tbody tr.first td { 
		border-top: 0; 
	} 
label { font-size: .9em; }
fieldset.select legend label { font-size: 1.1em; }
/*legacy classes from discontinued fhwatopics.css*/ 
.small
, .viewer { 
	font-size: .75em; 
	} 
#contents .viewer
, #pagecontents .viewer {
	margin-left: 5px;
	}
.bcarrow { 
	font-size: 1.3em; 
	line-height: .8em; 
} 
li.none { 
	list-style-type: none; 
} 
.nolines {border: none!important;} 
/* li.hang removes bullets from <ul><li> for indenting lists.
Only use for content that is actually a list and requires numbers or letters in
parenthesis, such as an Order, to match hard copy;
use the padding classes if the content is not a list */ 
li.hang { 
	list-style-type: none; 
	text-indent: -.9em; 
}

li.hang p.unhang {text-indent: -10px;}

/* use the minor and major classes to modify the font size of header tags when the default size is not appropriate */ 
.minor { 
	font-size: .87em; 
} 
.major { 
	font-size: 1.125em; 
} 
.date { 
	font-size: 1em; 
	font-weight : normal; 
} 
/* row turns off the default bold and center for <th>. */ 
.row { 
	font-weight : normal; 
	text-align:left; 
} 
/* padding classes for indenting text when blockquote is not appropriate; indents text by increments of 1 em */ 
.padding { 
	padding-left: 1em!important; 
} 
.padding2 { 
	padding-left: 2em!important; 
} 
.padding3 { 
	padding-left: 3em!important; 
} 
.padding4 { 
	padding-left: 4em!important; 
} 
.nopadall {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;} 
.nopadbottom {padding-bottom: 0!important; margin-bottom: 0!important;} 
.nopadtop {padding-top: 0!important; margin-top: 0!important;} 
.nopadcaption{padding-bottom: 0!important; padding-left: 3px; margin-bottom: 0!important; margin-left: 3px;} 
.paddingtop {padding-top: 10px!important; margin-top: 10px!important;} 
.paddingbot {padding-bottom: 10px; margin-bottom: 10px!important;}
/*Class tspace adds padding to the <table> tag*/ 
.tspace { 
	margin: 5px; 
} 
.tspace caption { 
	padding-top: 15px; 
} 
.line { 
	border-top: 1px solid #000; 
} 
.underline { 
	border-bottom: 1px solid #000; 
} 
a#fhwacontent { 
	margin: 0; 
	padding: 0; 
	clear: none; 
	} 
.nobr {white-space: nowrap;} 
/*three picture layout */ 
.pwrap {width: 100%; display: table; } 
.p1 {float: left; width: 33%; vertical-align: top; display: table; margin-left: 0; padding: 0;}
.p2 {float: left; width: 33%; margin-right: auto; margin-left: 0; padding: 0;	vertical-align: top;} 
.p3 {width: 33%; vertical-align: top; display: table; margin-left: 15px; padding: 0;} 
#pagecontents .pwrap .p1 p img {margin-right: auto!important; margin-left: auto!important;}
.pdflink {font-weight: bold;} 
.statenav { 
		position: fixed; 
		bottom: 0; 
		left: 0; 
		width: 100%; 
		padding: 5px 0 10px 0; 
		border-top: 1px solid #ccc;
		text-align: center;
		font-size: 85%; 
		line-height: 1.5em; 
		margin-top: 10px; 
		background-color: #fff; color: #000; 
		z-index: 500; 
} 
.statenav a { 
		border-left: 1px solid #ccc; 
		padding: 0 3px; 
} 
.statenav a.first { border: 0; } 
/* Three column layout. Wrap Column 1 in tricol1. Wrap columns 2 and 3 in Tricol23. Then, wrap columns 2 and 3 in their own classes. */ 
.tricol1 {width: 33%; float: left; } 
.tricol23 {width: 67%; float: right; } 
.tricol2 {width: 50%; float: left; } 
.tricol3 {width: 50%; float: right; } 
.tricol_content {
	font-size:.88em;
	word-wrap:break-word;
}
.strong {font-weight: bold;} 
.alignlt {text-align: left; margin-left: 5px;} 

#pagecontents dl dd p {margin-left: 0!important; padding-left: 0!important; font-size: 100%;}
#pagecontents ul li p {padding-left: 0; margin-left: 0!important; margin-top: 5px;}
#pagecontents table caption a {text-decoration: none; color: #000; background-color: transparent;}
#pagecontents table caption a:hover {text-decoration: none; color: #000; background-color: transparent;}
.captionblue {color: #00f; background-color: transparent; }
p.captionblue {color: #00f; background-color: transparent; }
ul li.toppad, ol li.toppad, ul li p.toppad, ol li p.toppad {padding-top: 10px!important;}
/* web tool styles */
fieldset.select {
	width: 60%;
	margin-left: 2em;
	margin-bottom: 1em; 
	border: 1px solid #ccc;
	}
fieldset.nb { border: none; }
fieldset.select2 {
	float: left;
	width: 35%;
	margin-left: 2em;
	margin-bottom: 1em; 
	border: 1px solid #ccc;
	}
fieldset.narrow {
	width: 45%;
	} 
fieldset.select div.mselect {
	max-height: 14em;
	overflow: auto;
	margin: 0.2em 0 0 0; 
	padding: 0 .5em 0 .2em; 
	}
fieldset.select2 div.mselect {
	max-height: 8em;
	overflow: auto;
	margin: 0.2em 0 0 0; 
	padding: 0 .5em 0 .2em;
	}
fieldset.select legend, fieldset legend { 
	font-weight: bold; 
	font-size: 0.9em; 
	margin-bottom: 0.1em; 
	} 
fieldset label, fieldset.select label { 
	display: block; 
	font-size: 0.8em; 
	} 
label.em { 
	font-style: italic; 
	font-weight: bold; 
	} 
fieldset.select div.mselect input.bump { 
	margin-bottom: 0.7em; 
	} 
p.subselect {
	width: 25%;
	margin-left: 2em;
	}
p.subselect2 label {
	margin-left: 1em;
	float: left;
	width: 10%;
	max-width: 15%;
	white-space: nowrap;
	font-weight: bold;
	}
p.subselect3 {
	margin-left: 2.3em;
	padding-top: 0;
	font-weight: bold;
	font-size: .85em;
	}
p.subselect3 input {
	margin-left: 5%;
}
p.subselect3 label {
	font-weight: normal;
}
div.officelabel { font-weight: bold; font-size: 90%; padding-top: 1em; }
table.datatable caption.large { font-size: 110%; margin-top: 1em }
dl.results { 
	padding: 0.5em;
	} 
dl.results dt:first-child { 
	margin: 0;
	padding: 0;
	} 
dl.results dt { 
	margin: 0;
	padding: 2em 0 0 0;
	} 
dl.results dd { 
	font-size: 0.9em; 
	}
span.hilitefeat {
	background: none repeat scroll 0 0 #CEF6CE;
		border: thin groove;
		color: #000;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 80%;
		font-style: normal;
		font-weight: bold;
		padding: 1px 2px;
		white-space: nowrap;
	}
p.results, p.pdfsave { 
	width: 45%; 
} 
p.pdfsave { 
	float: right; 
	text-align: right; 
} 
input.pdflink {
	border: none;
	text-decoration: underline; 
	font-family: Verdana, Geneva, sans-serif; 
	float: right; 
	margin-bottom: 3px; 
	cursor: pointer; 
	background: transparent url(/livability/tools/placefit/images/pdf-icon-small.png) no-repeat; 
	width: 57px; 
	height: 22px; 
	}
#pagecontents ul.leftside {
	overflow: hidden;
	}
div#rdwarn {
	font-size: 1em;
	color: #B40404;
	background-color: white;
	border: 2px solid red;
	text-align: center;
	height: 48px;
	padding-top: 20px;
	margin: 0 auto;
	width: 95%;
	max-width: 1280px;
}
div#rdwarn p a { 
	color: #B40404;
	background-color: white;
	text-decoration: underline;
}
div#rdwarn p {
	margin: 0;
	padding: 0;
	text-align: center;
}
div.img404 {
	height: 650px;
	padding: 0;
	margin: 0;
	background-image: url('/hep/images/i-404r.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	}
div.img301{
	height: 650px;
	padding: 0;
	margin: 0;
	background-image: url('/hep/images/i-301r.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	}
.d_block {display: block;}

a[href$='.pdf'] { 
	  padding-right: 18px;
	  background: transparent url(/hep/images/icon_pdf.gif) no-repeat center right;
}
a.noicon {
	 background: none;
	 padding-right: 0;
}

/* Fixed Table Headers */

/*.datatable.scroll thead { display:table; margin:0px; cell-spacing:0; left:0px; width: 100%; }
.datatable.scroll tbody { display:block; overflow:auto; height:400px; width: 100%; }
.datatable.scroll th { margin:0; cell-spacing:0; }
.datatable.scroll td {  margin:0; cell-padding:5px; padding-right: 5px!important;}*/

/* CSS Table Layout */
.max95 {max-width: 95%;}

.tablelayout {display: table;}
.tablelayout .tcell {
	display: table-cell;
	padding: 0 5px;
	vertical-align: top;
	}

.tablelayout .tcell p {
	padding: 3px 1px!important;

}
.tablelayout .tcell ul li {
	padding-top: 0!important; padding-bottom: 0!important; margin-top: 0!important; padding-bottom: -5px!important;
}

.tablelayout .tcell ul li, .tablelayout .tcell ol li, .tablelayout {
	padding: 5px 1px!important;
}
.tablelayout .trow {display: table-row;}
.tablelayour .tcol {display: table-column;}
.tablelayout .tcell ul, .tablelayout .tcell ol 
{/*margin-left: -30px;*/
}

.borderbox {border: 1px solid #000;}

.oh { overflow: hidden; }
.hide508 {
	position: absolute;
	top: auto;
	left: -1000em;
	overflow: hidden;
	}
#hepp a:hover, #hepe a:hover, #hepr a:hover {opacity: 0.7;}
.h2under {border-bottom: 1px #666 solid;}

caption {min-width: 300px;}

.listpad  {padding-top: 10px;}

/* top content navigation */
	div#pagecontents ul#topnav {
		margin: 3em!important auto;
	padding: 1em!important 2em 2em!important 0;
	display: block;
	list-style-type: none;
	text-align: center;
	width: 100%;
	height: 2.1em;
	color: #fff;
	background-color: #C5CDD7;
}

	div#pagecontents ul#topnav li {
	display: inline;
/*	margin: 25px 2px 2px 2px;
	padding: 25px 2px 2px 2px;*/
/*	margin: 25px 0 5px 0!important;*/
}
	div#pagecontents ul#topnav {padding-top: 10px;}
div#pagecontents ul#topnav li a{
	text-decoration: none;
	border: 1px solid #17385E;
	padding: 0 .5em 0.3em 0.5em;

	color: #17385E;
	background-color: #fff;
	position: relative;
}
div#pagecontents ul#topnav li a:hover {color: #000; background-color: #D6E8D2;}
/*Fixed table header code*/

div.table_section {
	 position: relative;
	 border: 1px solid #000;
	 padding-top: 37px;
	 background: #A6A3AF;
}
div.positioned {
	 position: absolute;
	 top:100px;
	 left:100px;
	 width:800px;
	 box-shadow: 0 0 15px #333;
}
.table_scroll_container {
	 overflow-y: auto;
	 height: 400px;
}
table.fixedhead {
	 border-spacing: 0;
	 width:100%;
}
table.fixedhead td + td {
	 border-left:1px solid #eee;
}
table.fixedhead td, table.fixedhead th {
	 border-bottom:1px solid #eee;
	 background: #fff;
	 color: #000;
	 padding: 10px 25px;
}
table.fixedhead th {
	 height: 0!important;
	 line-height: 0!important;
	 padding-top: 0!important;
	 padding-bottom: 0!important;
	 color: inherit;
	 background-color: transparent;
	 border: none;
	 white-space: nowrap; 

}
table.fixedhead th div{
	 position: absolute;
	 background: transparent;
	 color: #fff;
	 padding: 5px 5px 20px 25px;
	 top: 0;
	 margin-left: -25px;
	 line-height: normal;
	 border-left: 1px solid #000;
	 font-size: 80%!important;
}
table.fixedhead th:first-child div{
	 border: none;
}
table.fixedhead th {color:#000; background-color: #FFFCEB; border: 1px solid #000; vertical-align: top; padding: 10px;}


@media all and (max-width: 1200px) {
.table1200 {.tcell display:block; .tablelayout display: block; .trow display:block; tcol display: block;}
}
@media all and (max-width: 1200px) {

div.table1200 div.tablelayout {display: block!important;}
}
@media all and (max-width: 1200px) {

div.table1200 div.tcell {display: block!important;}
}

@media all and (max-width: 1200px) {

div.table1200 div.trow {display: block!important;}
}
@media all and (max-width: 1200px) 

div.table1200 div.tcol {display: block!important;}

@media all and (max-width: 1024px) {
.table1024 {.tcell display:block; .tablelayout display: block; .trow display:block; tcol display: block;}
}
@media all and (max-width: 1024px) {

div.table1024 div.tablelayout {display: block!important;}
}
@media all and (max-width: 1024px) {

div.table1024 div.tcell {display: block!important;}
}

@media all and (max-width: 1024px) {

div.table1024 div.trow {display: block!important;}
}
@media all and (max-width: 1024px) {

div.table1024 div.tcol {display: block!important;}
}
@media screen a:tel {text-decoration: none;}

/* svg fix for IE8 */
div.svgbox { 
	padding: 0;
	position: relative;
}
div.svgbox img.svg { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
/*div.svgbox img.png {
	max-width: 1024px;
}*/


/* Expand/collapse styles */

h2.pgcollapse
, h2.pgexpand
, p.expandall
, p.collapsall {
	cursor: pointer;
}
h2.pgcollapse { padding-left: 0.4em; }
h2.pgexpand:before
, h3.pgsub:before {
	content: "+ ";
}
h2.pgcollapse:before
, h3.subcollapse:before {
	content: "- ";
}
div.pgcontain h3 {
	padding: .5em 1.5em;
}
div#pgcontainer p {
	margin-left: 2em;
}
p.expandall, p.collapsall {
	font-size: 110%;
	font-weight: bold;
	color: #0C4B4B;
	background-color: transparent;
}
h2.pgcollapse
, h2.pgexpand
, h3.pgsub
, h3.subcollapse
, p.expandall
, p.collapsall {
	cursor: pointer;
}
div.pgsection {
	border: 1px solid #999;
	border-radius: 0.5em;
	margin-bottom: 0.5em;
	padding-top: 0.3em;
}
div.pgsection:hover {
	background-color: #FFFFE0;
	border-color: #0C4B66;
	transition: 0.5s ease;
}
div#pgcontainer div.pgsection h2
, div#pgcontainer h3.pgsub
, div#pgcontainer h3.subcollapse
, div#pgcontainer div.pgsection div.pgcontain h3 {
	font-size: 105%;
	font-weight: bold;
	margin-bottom: 0;
}
div#pgcontainer div.pgsection div.pgcontain h4 {
	font-size: 90%;
	padding: .5em 2em;
}
div#pgcontainer div.pgsection h2.pgcollapse { padding-left: 0.3em; }
div#pgcontainer div.pgsection h3.subcollapse { margin-left: 0.7em; }
div#pgcontainer ul { margin-bottom: 1.5em }
/* end of Expand/collapse */

/* HEP search form */
div#header div#hepsearchbox {
	position: absolute;
	top: 5px;
	right: 5px;
}
div#header form#searchform {
	position: relative;
	font-size: 1em;
	font-weight: normal;
	text-align: right;
}
div#header form#searchform label {
	position: absolute;
	top: 0;
	right: 330px;
	z-index: 50;
	height: 18px;
	background-color: #fff;
	color: #444;
	padding: 3px 6px 0 6px; 
	opacity: 0.9;
	border-right: 1px solid #444;
	visibility:hidden;
}
div#header form#searchform input[type="text"] {
	position: absolute;
	top: 0;
	right: 23px;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-left: 2px;
	padding-left: 4px;
	height: 18px;
	width: 300px;
	opacity: 0.8;
}
input#mag {
	positon: absolute;
	top: 0;
	right: 0;
	background:url('/hep/images/mag_glass.png');
	background-repeat: no-repeat;
	background-color: #fff;
	width: 23px;
	height: 22px;
	border: 1px solid #ccc;
	border-left: 1px solid #fff;
	border-radius: 4px;
	opacity: 0.8;
}
div#header form#searchform a {
	font-size: 0.7em;
	background-image: none;
	color: #fff;
}
div#searchbg {
	background-color: inherit;
	color: #fff;
	opacity: 0.9;
	display: block;
}


/*figure img {
	display:block;
}


summary {border-bottom: 1px dotted #999; margin-bottom: 5px; padding-bottom: 5px;}
*/


.txtright {
	text-align:right!important;
}

.w100 {
	width:100%!important;
}

.w65 {
	width:65%!important;
}

.w55 {
	width:55%!important;
}

.w50 {
	width:50%!important;
}

.w45 {
	width:45%!important;
}

.w35 {
	width:35%!important;
}

.w25 {
	width:25%!important;
}

.margin10 {
	margin:10px; 
}

div.pad10 {
    padding: 10px;
}

.center {
margin:0 auto!important;	
}

.border0 {
	border:0!important;	
}