/* BEGIN DOCUMENTATION 
*****************************************************************
* FILE: /css/hep/planning/freight_planning.css                 *
* ------------------------------------------------------------- *
* PURPOSE: Styles for the Section 1927 topic. This includes    *
*           overrides to FHWA and HEP stylesheets, mainly color *
*           changes where indicated                             *
* ------------------------------------------------------------- *
* OVERRIDES: /css/fhwatopic.css                                *
*             /css/hep.css                                      *
*             /css/hep/planning.css                             *
*****************************************************************
END DOCUMENTATION */
a, #breadcrumb, #breadcrumb a, #breadcrumb a:visited  { color: #000070; background-color: transparent; }
a:visited { color: #7e4100; background-color: transparent; }
h1, h2, h3, h4, h5, h6 { color: #570069; background-color: transparent; }
h1 {
	margin-bottom: .5em
	}
#header, #wrapper, #subnavigation, #subnavigation { border-color: #000070; }
#header { 
	background-image: url(/planning/freight_planning/images/headbg.png);
	background-repeat: no-repeat;
	background-position:  18% ;
	background-color: #ccccff;
}
#header #pageheading img, #header #pageheading a, #header #pageheading { color: #000070;  background-color: transparent;}
#header #pageheading, #header #pageheading img { margin-top: 0px; }
#navigation { background-color: #000070; color: inherit; }
#navigation a, #navigation a:visited {
	text-align:center;
	line-height:97%;
	}
#wrapper { background-image: url(/planning/freight_planning/images/subnavbg.png); }
#subnavigation { width: 17.6%; }
#subnavigation ul li a, #subnavigation ul li a:visited { color: #000028; background-color: transparent; }
#subnavigation p { color: #tran;  background-color: transparent;}
#subnavigation li.current a {
	background-color: transparent; color: inherit;
	background-image: url(/images/hep/bg_subnavovr.png);
	}
#breadcrumb { margin-left: 19%; }

#related {width: 20%}

.relateditem {
	background-color: #FFFAC3;
	border-color: #683B00;
	color: #000;
	}
 #related .relateditem .relatedtitle {
/*	font-size: 110%; */
	color: #FFFFFF;
	background-color: #683B00;
	border-bottom: 1px solid #000;
	}
/* Contacts box */

#contacts {
	background-color: #FFFAC3;
	color: #000;
	border: 1px solid #683B00;
	}
#contacts p.contacttitle {
	background-color: #683B00;
	color: #fff;
	font-size: 100%;
	border-bottom: 1px solid #000;
	}
/*#contacts p {
	color: #000;

	}*/
#contacts ol {
	list-style-type: square;

	}
#contacts ol li {
	font-size: 90%;

	}
#contacts a {
	font-weight: bold;
	text-decoration: none;
}

#contacts a:hover {
	text-decoration: underline;
}


ol.contactlist li, ol.contactlist li a {

	font-size: 100%;
/*	margin-top: 1px;
	margin-bottom: 1px;*/

}
.docnav ul li a, .docnav ul li a.index { border-color: #000070; }
.docnav ul li a.current, .docnav ul li a:hover { background-color: #000070; }
ul.archive {
	margin: 5px 10px;
	padding: 2px 0;
/*	text-align: center;*/
}
ul.archive li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 5px 0;;
	font-size: 70%;
}
ul.archive a, ul.archive li.curpg {
	text-decoration: none;
	width: auto;
	background-color: #FFFCDE;
	color: #895400;
	font-weight: bold;
	font-size: 105%;
	margin: 0 2px;
	padding: 2px 5px;
	border: 2px solid #895400;

}
ul.archive a:visited { color: #000070; }
ul.archive a:hover, ul.archive li.curpg {
	color: #fff;
	background-color: #895400;
	font-weight: bold;
	text-decoration: none;
}
ul.archivetable { 
	margin: 20px auto; 
	border: solid 1px #999; 
}
ul.archivetable thead th { 
	font-size: 90%; 
	color: #fff; 
	background-color: #895400; 
}
ul.archivetable th.topic { 
	padding: 5px; 
	border: 1px solid #999; 
	background-color: #FFFCDE; 
}
ul.archivetable th p, ul.archivetable td p { text-align: center;  margin: 5px;}
ul.archivetable td p { margin-top: 7px; }
ul.archivetable th h4, ul.archivetable th h3 {
	font-size: 105%;
	margin: 0;
	font-style: normal;
	font-weight: bold;
	color: #895400;
}
ul.archivetable td { 
	border-left: dotted 1px #333; 
}
ul.archivetable ul {
	margin: 0 0 20px 0;
	padding: 0;
}
ul.archivetable li { 
	margin: 5px 5px 5px 25px; 
	padding: 0;
}
.bgnone {background-image: none!important; color: #000!important;}

.fp_hl {
	float: right;
	width: 50%;
	border: 1px solid #ccc;
	margin-left: 1em;
	overflow: hidden;
}
.fpresbanner {
	background-size: contain;
	resize: horizontal;
	width: 100%;
	height: 240px; /* drop to 200 when sidebar */
	background-image: url('/planning/freight_planning/images/f_research_banner.png');
	background-size:100% 100%;
	border: 1px solid #eee;
	position: relative;
	padding-right: 0;
}
.fpresbanner h2 {
	display: inline-block;
	/*font-size: 1.1em!important;*/
	float: right;
	padding: 0.2em 0.5em;
	color: #fff;
	background-color: #000;
	width: 55%; /* change to 75 for sidebar */
	text-align: right;
	margin-right: 0!important;
}
.fpresbanner h2 span.subbanner {
	font-size: 0.7em;
	display: block;
}
.fp_hl p {
	font-size: 0.9em;
}
.fpresbanner div.credit {
	color: #000;
	background-color: #fff;
	font-size: 0.8em;
	font-style: italic;
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	width: 20%;
	padding: 0.3em;
}
.freightscanbox {
	float: left;
	width: 50%; /* bump to 100 for sidebar */
	padding: 0;
	border: 1px solid #000;
	text-align: center;
	box-sizing: border-box;
}
.freightscanbox p.boxtitle {
	width: 100%;
	margin: 0;
	padding: 0.3em 0.5em;
	color: #fff;
	background-color: #000;
	box-sizing: border-box;
	text-align: center;
}
.freightscanbox figure {
	display: flex;
	align-items: center;
}
.freightscanbox figcaption {
	text-align: left!important;
	font-weight: bold;
}
.doclink {
	float: left;
	text-align: right;
	width: 45%;
	margin-left: 2em;
}
.doclink figure a img {
	display: block;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 2px #ccc;
}
.doclink figcaption {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	padding-top: 0.5em;
}