/* BEGIN DOCUMENTATION 
*****************************************************************
* FILE: /css/hep/planning/performance_based_planning.css       *
* ------------------------------------------------------------- *
* PURPOSE: Styles for the Performance Based Planning           * 
*           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: #002a1f; }
a:visited { color: #402800; }
h1 { color: #001c41; }
h3, h5, h6 { color: #403300; }
h2, h4 { color: #401800; }

h1 { color: #001c41; }
h3 a, h3 a:hover , h5 a,  h5 a:hover, h6 a h6 a:hover {text-decoration: none; color: #403300; }
h2, h4 { color: #401800; }

#header, #wrapper { border-color: #00122a; }
#header { 
	background-image: url(/planning/performance_based_planning/images/bannerbg.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #486fa0;
}
#header #pageheading, #header #pageheading * { margin: 0; padding: 0; }
#header #pageheading img, #header #pageheading a, #header #pageheading { color: #fff; }
#navigation { background: none; }
#wrapper { background-image: url(/planning/performance_based_planning/images/subnavbg.png); }
#subnavigation li a, #subnavigation li a:visited, #subnavigation p { color: #00122A; }
#subnavigation .relateditem p.relatedtitle { padding-top: 0; margin-top: 3px;}
#subnavigation ul li a.cmpcurrent {
	background-color: #285DA0!important;
	color: #fff!important;
	}
.relateditem {
	background-color: #E4EAF0;
	border-color: #00122a;
	}
.relateditem p.relatedtitle {
	color: #00122a;
	border-color: #00122a;
	}
#contacts {
	border: 1px solid #000;
	background-color: #E4EAF0;
	}
#contacts p.contacttitle {
	font-size: 80%;
	color: #fff;
	background-color: #2A4763;
	border-bottom: 1px solid #000;
	}
#contacts ol {
	list-style-type: square;
	}
#contacts a {
	font-weight: bold;
	}
.docnav ul li a, .docnav ul li a.index { border-color: #002a1f; }
.docnav ul li a.current, .docnav ul li a:hover { background-color: #002a1f; }
.pbpnews {color: #fff; background-color: #000;}
#pagecontents .boxfull img {display: block; margin: 5px auto; }
.boxfull {background-color: #DBE3F7;}
.boxfull .datatable tr td {background-color: #fff!important;} 
.datatable th.small { 
	font-size: .6em; 
} 
h5 { padding-top: 5px; margin-top: 5px;}
.datatable tr td li.hang { list-style-type: none; text-indent: -1em!important;}
div.pgsection h2 { padding: 0.5em 0; margin: 0; }

/* numptie-selected colors for roadmap page */
body#hepcontent.roadmap h1 { color: #1F497D; background-color: inherit; }
body#hepcontent.roadmap h2 { color: #005aa2 ; background-color: inherit; }
body#hepcontent.roadmap h3 { color: #1F497D; background-color: inherit; }
body#hepcontent.roadmap h4 { color: #005aa2 ; background-color: inherit; }
ol.howto strong { font-weight: bold; color: #005aa2 ; background-color: inherit; }
	
/* Expand/collapse styles */

h3.pgcollapse
, h3.pgexpand
, p.expandall
, p.collapsall {
	cursor: pointer;
}
h3.pgcollapse { padding-left: 0.4em; }
h3.pgexpand:before
, h4.pgsub:before {
	content: "+";
	padding: 0 4px 0 0;
	margin: 0;
}
h3.pgcollapse:before
, h4.subcollapse:before {
	content: "-";
	padding: 0 4px 0 0;
	margin: 0;
}
div#pgcontainer.roadmap div.pgsection div.pgcontain h4.pgsub { font-style: normal; }

div.pgcontain h4 {
	padding: .5em 1.5em;
}
div#pgcontainer p {
	margin-left: 2em;
}
p.expandall, p.collapsall {
	font-size: 110%;
	font-weight: bold;
	color: #213f99;
	background-color: transparent;
}
h3.pgcollapse
, h3.pgexpand
, h4.pgsub
, h4.subcollapse
, p.expandall
, p.collapsall {
	cursor: pointer;
}
div.pgsection {
	/*border: .1em solid #00adef;
	border-radius: 0;*/
	margin-bottom: 0.5em; 
	padding-top: 0.2em;
	border: none;
}
div.pgcontain div {
	margin-left: 0;
	padding: 5px 0 5px -10px;
	}
div.pgsection:hover {
	background-color: transparent;
}
div#pgcontainer div.pgsection h3
, div#pgcontainer h4.pgsub
, div#pgcontainer h4.subcollapse
, div#pgcontainer div.pgsection div.pgcontain h4 {
	font-size: 120%;
	font-weight: bold;
	font-style: normal;
	margin-top: .2em;
	margin-bottom: .2em;
}
div#pgcontainer div.pgsection div.pgcontain h4 {
	font-size: 110%;
	padding: .5em 2em;
}
div#pgcontainer div.pgsection h3.pgcollapse { padding-left: 0; margin-left: 5px; }
div#pgcontainer ul { margin-bottom: 1.5em }
div.pgsection div.pgcontain div { margin-left: 2em; }

/* end of Expand/collapse */

.toolnav {
  	list-style-type: none;
	padding: 0;
  	margin: 1em 0 0 0;
	overflow: hidden;
	font-size: .8em;
	color: #213f99;
}

.toolnav li {
	float: left;
	margin: 0 .2em 0 0!important;
}

.toolnav li a {
	display: block;
	border: 1px solid #ff8500;
	padding: .5em .8em!important;
	margin: 0!important;
	background-color: white;
	text-decoration: none!important;
	color: #213f99;
}

.toolnav li a:hover {
	font-weight: bold;
  	background-color: #D1D4D8!important;
}

a.active {
	font-weight: bold;
	background-color: #335683!important;
	color: #fff!important;
}
img.inactive {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.6;
}
#roadmapnav figcaption { text-align: center; }