/* BEGIN DOCUMENTATION 
*****************************************************************
* FILE : /css/hep/environment/noise.css                         *
* ------------------------------------------------------------- *
* PURPOSE : Styles for the Noise topic. This includes           *
*           overrides to FHWA and HEP stylesheets, mainly color *
*           changes where indicated                             *
* ------------------------------------------------------------- *
* OVERRIDES : /css/fhwatopic.css                                *
*             /css/hep.css                                      *
*             /css/hep/environment.css                          *
*****************************************************************
END DOCUMENTATION */


a:visited { color: #1d4d0f; }
a, #breadcrumb, #breadcrumb a, #breadcrumb a:visited, h1, h2, h3, h4, h5, h6 { color: #006; }
#header, #wrapper { border-color: #006; }
#header {
	height: 90px;
	background: #DBF0FD url(/environment/noise/images/noisebanner.png) right bottom no-repeat;
	border-bottom-width: 1px;
	color: #006;
	}
div#header div#pageheading {
	font-size: 150%;
	font-weight: bold;
	color: #fff;
	padding: 10px 10px 0 8px;
	margin: 0;
	}
#pageheading img {
	margin: 0;
	}
#pageheading a {
	text-decoration: none;
	color: #fff;
	}
#wrapper { background-image: url(/environment/noise/images/subnav_bg.png); }
#navigation {
	background: transparent;
	color: #000;;
}
#navigation ul {
	padding-left: 18%;
	}
#navigation ul li { 
	padding: 0;  
	margin: 0 2px 0 0;
	color: #fff;
	background-color: #914C22;
	border-left: 1px solid #301D00;
	border-top: 1px solid #301D00;
	border-right: 1px solid #301D00;
	border-bottom: 1px solid #914C22;
	margin-bottom: -2px;
	border-radius: 3px 3px 0 0;
}
#navigation ul li a, #navigation ul li a:visited {
	padding: 3px 8px 4px 8px ;
	text-decoration: none;
	color: #fff;
	background-color: #914C22;
/* 	border-bottom: 1px solid #000066; */
	margin: 0;
	font-size: 110%;
	border-radius: 5px 5px 0 0;
}
#navigation ul li:hover, #navigation ul li.current {
	color: #140C00;
	background-color: #fff;
	border-left: 1px solid #301D00;
	border-top: 1px solid #301D00;
	border-right: 1px solid #301D00;
	padding-bottom: 1px;
	margin-bottom: -3px;
}
#navigation ul:hover, #navigation ul li a:hover, #navigation ul li a.current, #navigation ul li a.current:hover  {
	color: #140C00;
	background-color: #fff;
	background-image: none;
}
div#subnavigation ul li a {
	background-color: #E3EAF4;
	border-bottom: 1px solid #bac9b5;
}
div#subnavigation ul li a:visited {
	background-color: inherit;
}
div#subnavigation ul li ul {
	border-bottom: none;
}
div#subnavigation ul li ul li a {
	background-color: #E8EEF6;
	border-bottom: none;
}
div#subnavigation ul li ul li:last-child a {
	border-bottom: 1px solid #bac9b5;
}	
div#subnavigation ul li ul li a.ndarrow {
	background-image: url('/hep/images/listarrowd.png');
    background-repeat: no-repeat;
    background-position: 5px 50%;
	padding-left: 1.8em!important;
}
div#subnavigation ul li ul li ul li a {
	background-image: url('/hep/images/listsquare.png');
    background-repeat: no-repeat;
    background-position: 15px 50%;
	padding-left: 3em!important;
}
div#subnavigation ul li a:hover
, div#subnavigation ul li a.current 
, div#subnavigation ul li ul li a:hover
, div#subnavigation ul li ul li a.current {
	background-color: #C7D5E9;
}
p.relatedtitle {
	color: #006;
	font-size: 110%;
	border-bottom: 1px solid #B4C5AC;
	}
.relateditem {
	background-color: #fff;
	border-color: #b4c5ac;
	border-width: 2px;
	}
.relateditem ul li a {
		text-decoration:underline!important;
 	}
body#hepcontent.inventory_tool div#wrapper div#contents form#barrierdform div#related.matselect { 	
	position: fixed;
	top: 190px;
	left: 70%;
	transform: translateX(20px);
    width: 200px;

}
div#related.matselect div.relateditem label.check { display: block; }
#contacts {
	border: 2px solid #b4c5ac;
	background-color: #fff;
}
#contacts p.contacttitle { 
	color: #006;
	border-bottom: 1px solid #B4C5AC;
}
#contacts p.contactitem {
	background-color: #f7f7f7;
	border-color: #b4c5ac;
	border-width: 2px;
}
#contacts ol  {list-type: disc;}
.picleft {
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	}
.picright {
	float: right;
	margin: 0 4px;
	padding: 0;
	}
.noisepic { margin: 5px 0 5px 8px; }
.rowhead { vertical-align : top ; }
.rowhead p { text-align : center ; }
.f_left { clear : none ; }
.docnav ul li a, .docnav ul li a.index { border-color: #006; }
.docnav ul li a.current, .docnav ul li a:hover  { background-color: #006; }
div#contents form table.datatable.pc80 caption.barriercaption { font-size: 1.2em; }
form table.datatable.pc80 tbody tr.txtdemo { font-style: italic }
form table.datatable.pc80 tbody tr.noclass { }
p.topmargin { margin-top: 0.5em; }
p.filterbold { font-weight: bold; }
tr.cbarrier th, tr.cbarrier td { 
	color: inherit; 
	background-color: #FEFFC6; 
	font-weight: bold;
	}
	
.pgsection h2 { 
	padding: 0 0 0.5em 0; 
	margin: 0; 
	font-size: 125%;
	}
div.noisebox {
  border: 1px solid #000;
  border-radius: 5px;
  margin-bottom: 0.5em;
  width: 50%;
  color: inherit;
  background-color: #f1f5ed;
  overflow: hidden;
  text-align: center;
}
div.noisebox p {
	margin: 0.8em auto;
	 }
		
article.noisecard {
  border: 1px solid #000;
  border-radius: 5px;
  padding: 0.5em 0 0 0.5em;
  margin-bottom: 0.5em;
  width: 100%;
  color: inherit;
  background-color: #f1f5ed;
  overflow: hidden;
}
div.rsctrain {
	width: 30%!important;
	font-size: 1em!important;
}

div.tnm_map {
	width: 800px;
	height: 150px;
	position: relative;
	cursor: pointer;
}
div.tnm_map figure {
	border: 0;
	padding: 0;
	position:  absolute;
	botom: 0;
	left: 0;
	z-index: 2;
}
div.tnm_map a {
	position: absolute;
	z-index: 500;
	text-decoration: none!important;
	}
div.tnm_map a span { display: none }

div.tnm_map a span h5 { margin: 1em 0 0 0!important; }
div.tnm_map a span h5:first-child { margin: 0!important; }

div.tnm_map a:hover span { 
	display: block!important; 
	border: 1px solid #000;
	color: #000;
	background-color: #FCFBEA;
	width: 300px;
	height: auto;
	padding: 5px 10px;
	font-size: 0.8em;
	box-shadow: 2px 2px 3px 3px #999;
	}
div.tnm_map a.tnm5:hover span,
div.tnm_map a.tnm6:hover span,
div.tnm_map a.tnm7:hover span {
	position: absolute;
	right: 0!important; /* for absolute positioning. Not a typo */
	}

div.tnm_map a span p.tl_img {
	display: table!important;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0.5em;
	padding: 0;
	text-align: left;
	}
div.tnm_map a span img.tnm_full {
	width: 50%;
	max-width: 250px;
	border: 1px solid #999!important;
	margin: 0!important;
	padding: 0;
	}
div.tnm_map a span img.tnm_half {
	position: relative;
	width: 45%;
	display: table-cell!important;
	border: 1px solid #999!important;
	margin: 0!important;
	padding: 0;
	}
	div.tnm_map a.tnm0 {
	top: 0;
	left: 15px;
	width: 65px;
	height: 60px;
	}
div.tnm_map a.tnm1 {
	top: 80px;
	left: 95px;
	width: 65px;
	height: 60px;
	}
div.tnm_map a.tnm2 {
	top: 0px;
	left: 180px;
	width: 65px;
	height: 60px;
	}
div.tnm_map a.tnm3 {
	top: 80px;
	left: 260px;
	width: 65px;
	height: 60px;
	}
div.tnm_map a.tnm4 {
	top: 0px;
	left: 345px;
	width: 65px;
	height: 60px;
	}
div.tnm_map a.tnm5 {
	top: 80px;
	left: 505px;
	width: 65px;
	height: 60px;
	}
div.tnm_map a.tnm6 {
	top: 0px;
	left: 590px;
	width: 65px;
	height: 60px;
	}
div.tnm_map a.tnm7 {
	top: 80px;
	left: 670px;
	width: 65px;
	height: 60px;
	}
section#tnm_acc_tl {
	display: table;
}
section#tnm_acc_tl article {
	display: table-row;
}
section#tnm_acc_tl article img {
	max-width: 200px;
	border: 1px solid #999;
}