/* BEGIN DOCUMENTATION  
***************************************************************** 
* FILE : /css/planning.css     * 
* ------------------------------------------------------------- * 
* PURPOSE : Establishes general styles for pages and sites * 
*  associated with the Planning office.  * 
* ------------------------------------------------------------- * 
* OVERRIDES : /css/hep.css     * 
***************************************************************** 
END DOCUMENTATION */ 
a:visited { color: #3b1b00; } 

h2, h3, h3 a, h3 a:hover, h4, h4 a, h4 a:hover, h5, h5 a, h5 a:hover, h6, h6 a, h6 a:hover, .relatedtitle {
    background-color: inherit;
    color: #1a5964;
}
#subnavigation ol.contactlist li span, #subnavigation p, .archiveitem {
    font-weight: bold;
}
h2, h3, h3 a, h3 a:hover, h4, h4 a, h4 a:hover, h5, h5 a, h5 a:hover, h6, h6 a, h6 a:hover, .relatedtitle { color: #1A5964; background-color: inherit; }

div#pgcontainer h3 { margin-top: 0.1em; padding-bottom: 0.4em; }
body.planning div#pgcontainer { width: 98%; }
p.expandall, p.collapsall { margin-left: 0.1em!important; font-size: 0.9em }
body.planning div#pgcontainer div.pgsection h2
, body.planning div#pgcontainer div.pgsection h3.pgexpand
, body.planning div#pgcontainer div.pgsection h3.pgcollapse
, body.planning div#pgcontainer h3.pgsub
, body.planning div#pgcontainer h3.subcollapse
, body.planning div#pgcontainer div.pgsection div.pgcontain h3 {
	font-size: 105%;
}
body.planning div#pgcontainer div.pgsection div.pgcontain h4 { font-size: 90%; }

h1 {color: #1A5964; background-color: transparent;} 
#hephead, #hepfoot { background-color: #DBD2D2; }/*#E2D7FD*/
div#hephead div.ofctabs div.ofcheadlnx a#heplink {
  	background-color: #DBD2D2;
	color: #000;	
	}
#hepfoot a { color: #222; background-color: transparent; } 
#wrapper, #header, .hr { border-color: #4e3e30; } 
#header { background : #BECEE0 url(/planning/images/bannerbg3.png) bottom right no-repeat; height: 100px; } 
/*#header { background : #A33327 url(/planning/images/bannerbg.png) top right no-repeat; } */


/* The following styles position the top, left banner image correctly. When adding a new publication under the main Planning topic, include the folder name here like in the body.briefing_book line.*/
body.planning #header #pageheading, 
body.publications #header #pageheading, 
body.planning_menu #header #pageheading,
body.briefing_book #header #pageheading  
{  
	float: left; 
	margin: 0; 
	padding: 0; 
	} 
#wrapper { background-image: url(/planning/images/subnavbg.png); } 
#navigation { background-color: #f6eee6; color: #fff; } 
#navigation ul li {  background-color: #00008F; color: #fff;} 
#navigation ul li a:hover { background-color: #605600; } 
#guidance {margin-right: 1px;} 
.relateditem, .relatedtitle, #contacts, .contacttitle, #guidance .guidenceitem, p.guidencetitle { border-color: #64442a; text-align: center; } 
#contacts p.contacttitle { color: #fff; background-color: #A33926; } 
#related .relateditem .relatedtitle, #guidance .guidanceitem p.guidancetitle { color: #291809; background-color: #D4E0EC; } 
p.guidancetitle { 
	color: #fff; 
	background: #A33327; 
	font-size: 100%; 
	font-weight: bold;  
	margin: 0; 
	padding: 1px 4px; 
	border-bottom: 1px solid #5a5934; 
	text-align: center; 
	} 
	 
.guidanceitem ul { 
	margin-right: 0; 
	margin-bottom: 3px; 
	padding: 0 0 3px 0; 
	} 
.guidanceitem ul ul { margin: 0; } 
.guidanceitem .viewer { 
	margin: 10px 15px; 
	font-size: 80%; 
	} 
.guidanceitem ul li {font-size: .9em;} 
.docnav ul li a, .docnav ul li a.index { border-color: #733400; } 
#pagecontents .docnav ul li a {border-color: #BF4630;} 
#pagecontents .docnav ul li a.current {background-color: #A61A00;} 
#pagecontents .docnav ul li a.index {border-color: #A61A00;} 
#pagecontents .docnav ul li a:hover {background-color: #A61A00;} 

/*body.planning #contents { 
	width: 40%; 
	}*/ 
body.planning #related { 
	width: 20%; 
	} 
body.planning #guidance { 
	border: 1px solid #000; 
	float: right; 
	width: 20%; 
	color: #000; 
	background-color: #F7F9F2;
} 
#guidance .guidenceitem .guidencestitle { color: #fff; background-color: #A33327; } 
#guidance a { 
	text-decoration: none; 
	white-space: normal; /* forces long strings to wrap within the container instead of flowing outside of the visible borders. */ 
	} 
#guidance a:hover { text-decoration: underline; } 
/*contacts box */ 
#contacts { 
	background-color: #fff; 
	color: #000; 
	border: 1px solid #683B00; 
	} 
#contacts p.contacttitle { 
	color: #000; 
	background-color: #D4E0EC;
	font-size: 95%;
	border-bottom: 1px solid #000; 
	} 
#contacts p { 
	color: #000; 
	margin: 0; 
	padding: 5px; 
	} 
#contacts ol { 
	list-style-type: square; 
	} 
#contacts ol li { 
	font-size: 0.8em;
	} 
#contacts a { 
	font-weight: bold; 
	text-decoration: none; 
} 
#contacts a:hover { 
	text-decoration: underline;
} 
#subnavigation p.navhead {
	background-image: none; 
	background-color: #A33327; 
	color: #fff; 
	font-size: .9em; 
	font-weight: bold; 
	padding: 4px auto; 
	margin: 0 -1px 0 0; 
	border-bottom: 1px solid #A33427; 
}
div#subnavigation ul li a, div#subnavigation ul li a:visited {
	background-color: #DAE3F0;
	border-bottom: 1px solid #8DADB2;
}
div#subnavigation ul li ul  {
	background-color: #E8EEF6;
}
div#subnavigation ul li ul li a {
	background-color: #E8EEF6;
	border-bottom: 1px solid #F2EDDE;
}
div#subnavigation ul li ul {
	border-bottom: 1px solid #8DADB2;
	}
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: #BECEE0;
}
 
/*body.planning #contents {width: 38%;}*/ 
.paddingtop {padding-top: 5px;} 
/* planning menu styles */ 
/*div.mselect {  
	height: 14em;  
	overflow: auto;  
	margin-left: 18%;  
	margin-bottom: 1.5em; 
	width: 60%;  
	padding: .5em .7em 0 .7em;  
	border: 1px solid #ccc;  
	font-size: 0.9em;  
	} 
div.sselect {  
	overflow: auto;  
	margin-left: 18%;  
	margin-bottom: 1em; 
	width: 35%;  
	padding: .5em .7em;  
	font-size: 0.9em;  
	}*/ 
form#plnmenu fieldset p, fieldset ul {
	margin-left: 0.2em;
	margin-right: 0.2em;
	font-size: 0.8em;
}
form#plnmenu fieldset p.prelist {
	margin-bottom: 0.3em;
}
form#plnmenu fieldset a.ttip { position: relative; }
form#plnmenu fieldset a.ttip span { display: none; }
form#plnmenu fieldset a.ttip:hover span {
	display: inline;
	position: absolute;
	left: 1em;
	top: 0;
	width: 50em;
	color: #000;
	background-color: #fff;
	font-size: 0.9em;
	font-weight: normal;
	padding: 0.5em 1em;
	border: 1px solid #A33926;
	z-index: 9999999!important;
	}
form#plnmenu fieldset a.ttip:hover span.high {
	left: 1em;
	top: -10em
	}
form#plnmenu fieldset a.ttip:hover span br {
	margin-bottom: 1em;
	}
/* PEL page styles */
body#hepcontent.project_delivery_essentials section.pi { color: #000; background-color: #c6d9f1; }
body#hepcontent.project_delivery_essentials section.roway { color: #000; background-color: #f2dbdb; }
body#hepcontent.project_delivery_essentials section.ej { color: #000; background-color: #c2d69b; }
body#hepcontent.project_delivery_essentials section.aq { color: #000; background-color: #fbd4b4; }
body#hepcontent.project_delivery_essentials section.tdm { color: #000; background-color: #bfbfbf; }
body#hepcontent.project_delivery_essentials section.eq { color: #000; background-color: #e5dfec; }
body#hepcontent.project_delivery_essentials section h3 { margin: 0; padding: 0; }
body#hepcontent.project_delivery_essentials section p { margin: 3px 0; padding: 0; }
body#hepcontent.project_delivery_essentials hr { margin: 2em 0; }
body#hepcontent.project_delivery_essentials #related { width: auto; }

body#hepcontent.project_delivery_essentials section.vert { 
	width: 70%;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 0.5em 1em;
	margin: 0.5em 0;
}
div.sectionbox {
	display: table;
	border-collapse: separate;
	border-spacing: 0.2em;
}
body#hepcontent.project_delivery_essentials section.horiz { 
	display: table-cell;
	width: 15%;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 0.4em;
}
ul.pelnav {
	list-style-type: none;
	margin: 0.5em 0 0 0;
	padding: 0;
}
ul.pelnav li {
	margin-left: 0;
	padding-left: 0;
}
ul.pelnav li a {
	display: block;
	font-size: 0.9em;
	margin: 0;
	padding: 0.2em 0.6em;
	border-top: 1px solid #ccc;
	border: 1px solid #ccc;
	text-decoration: none!important;
}
ul.pelnav li a.pi { color: #000; background-color: #c6d9f1; }
ul.pelnav li a.roway { color: #000; background-color: #f2dbdb; }
ul.pelnav li a.ej { color: #000; background-color: #c2d69b; }
ul.pelnav li a.aq { color: #000; background-color: #fbd4b4;  }
ul.pelnav li a.tdm { color: #000; background-color: #bfbfbf; }
ul.pelnav li a.eq { color: #000; background-color: #e5dfec; }


ul.pelnav li a.current { 
	border: 1px solid #000; 
	}