/*STYLE SHEET FOR ORIGINTECHNICALPRODUCTIONS.CO.UK */
/* LAST EDITED BY: PETER COX */

/* otp_sitemap.css v23.0 (22.09.23) */
/* W3C validated d2.09.23 */


#r_bodyWrapper { /* Styling for ALL widths unless overidden above 798px ON THE PAGE */
	/*height:<%=dryhireBoxHeight+32%>em;*/ /* Controlled by script on the page */
	/*border:1px solid yellow;*/  /* DEV only */
	/*background-color:#00FFCC;*/ /* DEV only */
	}
	
body.sitemap #r_contentWrapper { /* Styling for ALL widths unless overidden above 798px */
	position:relative;
	display:flex;
	flex-direction:column;
	/*width:360px;*/
	/*width:100%;*/ /* changed inline within the sitemap file */
	/*min-height:435px;
	min-height:310px;*/
	width:90%; /* from #r_contentWrapper */
	
	/* max-width:400px;  /* CHECK THIS */	
	
	/*margin:auto;*/ /* from #r_contentWrapper */
	margin-top:34px;
	margin-top:10px;
	color:#ffffff;
	font-size:1.1em;
	line-height:1.6em;
	/*margin-bottom:30px;
	padding-bottom:20px;*/
	/*border:2px dotted fuchsia;*/  /* DEV only */
	}
	
@media only screen and (min-width: 799px) { /* Modifications to style at widths above 799px */
body.sitemap #r_contentWrapper { /* IE Conditional */ /* Added 19.02.12 */
	width:70%; /* from #r_contentWrapper */
	}
}
	
body.sitemap h1 { /* Styling for ALL widths unless overidden above 798px */
	position:relative;
	display:inline-block;
	/*order:1;*/
	/*font-size:2.4em;
	margin-top:40px;*/
	}
@media only screen and (min-width: 799px) { /* Modifications to style at widths above 799px */
body.sitemap h1 { /* Styling for ALL widths unless overidden above 798px */
	position:relative;
	display:inline-block;
	margin-left:40px;  /* To move it across in line with the first background column boxes */
	}
}


/* ///////////////////////////////////////// SITEMAP LISTS ///////////////////////////////////////// */
/* ///////////////////////////////////////// SITEMAP LISTS ///////////////////////////////////////// */
/* ///////////////////////////////////////// SITEMAP LISTS ///////////////////////////////////////// */

/* STYLING FOR ALL ULs WITHIN #r_contentWrapper */	
/* THIS IS DUPLICATED */	
body.sitemap #r_contentWrapper ul { /* Styling for ALL widths unless overidden above 798px */
	/*border:1px dotted white;*/ /* DEV only */
	}

@media only screen and (min-width: 799px) { /* Modifications to style at widths above 799px */	
body.sitemap #r_contentWrapper ul { /* Modifications to style at widths above 799px */
	margin-left:10px; /* Positions lists further into boxes */
	/*border:1px dotted yellow;*/ /* DEV only */
	}
}


/* STYLING FOR ALL LIs WITHIN #r_contentWrapper */	
body.sitemap #r_contentWrapper li {	/* Styling for ALL widths unless overidden above 798px */
	/*display:none;*/
	margin-left:15px;
	padding-left:5px;
	}
	
	
@media only screen and (min-width: 799px) { /* Modifications to style at widths above 799px */		
body.sitemap #r_contentWrapper li {	/* Modifications to style at widths above 799px */
	/* No modifications required */
	}		
}


/* ////////////////////////////////  sitemapContainer ///////////////////////////////////////// */

/* Specific styling for the outer, unordered list container */
ul.sitemapContainer { /* Styling for ALL widths unless overidden above 798px */
	position:relative;
	display:inline-block;
	top:-5px;
	width:100%; /* Use all of the available parent container width */
	padding-left:10px; /* Create space between the border and the bullets */
	margin-top:30px;
	margin-left:0;
	margin-bottom:30px;
	line-height:2.0em; /* Increase the vertical line spacing between each list item */
	color:#FF9900;
	background-image:url(/images12/png/navDropBackground.png);
	border:none;
	/*border-top:1px solid #3366FF;*/
	/*border-left:1px solid #3366FF;*/
	/*border:1px dotted white;*/  /* DEV only */
	/*z-index:100;*/
	}

@media only screen and (min-width: 799px) { /* Modifications to style at widths above 799px */
ul.sitemapContainer {
	width:260px;
	height:105.0em; /* Height keeps it in position */ /* probably needs to be controlled by script to match the dryhire column height */
	left:30px;
	line-height:1.6em; /* Override the more open styling above for larger viewports */
	background-image:none;  /* Override the styling above; background tint is from the background boxes */
	border-top:0;  /* Override the styling above */
	border-left:0;  /* Override the styling above */
	z-index:100;  /* Position it in a layer over the background boxes */
	
	width:1000px;
	column-count:3;
	/*column-width:30%;*/
	column-width:300px; /* Fixed because % not a valid value */
	column-gap:40px;
	height:auto; /* override css file */
	
	/*border:1px dotted fuchsia;*/  /* DEV only */
	}
}

li.sitemap_topCat { /* Styling for ALL widths unless overidden above 798px */
	margin-left:30px;
	font-size:1.4em; /* Make the section headings a bit stronger visually on smaller screens */
	list-style-position:inside;
	border-left:1px solid #3366FF;
	padding-left:40px;
	margin-left:40px;
	/*margin-top:2.0em;*/  /* Visually separate the sections */
	/*font-weight:bold;*/
	}
@media only screen and (min-width: 799px) { /* Modifications to style at widths above 799px */
li.sitemap_topCat {
	font-size:1.0em; /* Override the styling above */
	margin-top:0;  /* Override the styling above */
	/*border:1px dotted teal;*/
	}	
}
/* Note that li headings for 2nd level ul lists are emboldened using html <strong> */

li.sitemap_topCat ul li { /* The Level 3 list items only - Links styled separately */
	font-size:0.9em;
	/*color:#00FF00;*/  /* DEV only (Green) */
	}

@media only screen and (min-width: 799px) { /* Modifications to style at widths above 799px */
li.sitemap_topCat ul li {
	font-size:1.0em;  /* Slightyly larger test for wider viewports */
	}
}

li.homepage {
	border-top:1px solid #3366FF;
	padding-bottom:0;
	}
@media only screen and (min-width: 799px) { /* Modifications to style at widths above 799px */	
li.homepage { /* Only refers to OTP homepage entry */
	position:relative;
	list-style-position:inside;
	padding-top:20px;
	border-top:1px solid #3366FF;
	border-left:1px solid #3366FF;
	}
}

.about {
	padding-top:0;
	margin-top:0;
	/*color:#00FF33;*/  /* DEV only */
	}


.jobOpps {
	padding-bottom:20px;
	}

body.sitemap #r_contentWrapper ul li a { /* Styling for ALL widths unless overidden above 798px */
	/*display:none;*/
	color:#FFFFFF;
	text-decoration:none;
	}
body.sitemap #r_contentWrapper ul li a:focus, 
body.sitemap #r_contentWrapper ul li a:hover {
	color:#FF9900;
	text-decoration:none;
	}

/*@media only screen and (min-width: 799px) { *//* Modifications to style at widths above 799px */	
/*body.sitemap #r_contentWrapper ul li a { */
	/*color:#FFFFFF;
	text-decoration:none;
	}*/
/*body.sitemap #r_contentWrapper ul li a:focus, 
body.sitemap #r_contentWrapper ul li a:hover {
	color:#FF9900;
	text-decoration:none;
	}
}*/

ul.sitemapLevel3 {
	/*margin-left:20px;*/
	/*padding-top:10px;*/
	/*border:1px dotted red;*/  /* DEV only */
	}
	
ul.sitemapContainer {
	border:none;
	}