/* General Styles for NCPP website - June 2006 */

/* defaults, globals, and miscellaneous
==============================================================================*/

*, span { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}
body {
	margin: 0 auto;
	font-family: arial, san-serif, Verdana;
	font-size: 12px;
	text-align: left;
	/*	line-height: 1.3em;   */
}
hr {
	display: none;
	}
img {
	border: 0; /* removes border in case images get have anchor around them */
	}
#renderprint {
	width: 600px;
}
a {
	text-decoration: none;
	}
	
.clear {
	clear: both;
	}
.CS_PgIndex_Primary_Category {
	display: block;
	line-height: 18px;
	}

/* Header of page - before breadcrumb
==============================================================================*/

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 910px;
	vertical-align: top;
	}
#header {
	height: 131px;
	}
#mainbody {
	text-align: right;
	width: 910px;
	}
	
/* Banner area - large
==============================================================================*/

#background {
	width: 100%;
	text-align: center;
	}
	
#imagery {
	margin: 20px 0 0 0;
	width: auto;
	height: 104px;
	}
	
	#imagery img {
		margin: 0;
		padding: 0;
		border: 0 none;
		}
			
#bannerTab {
	margin: 10px 0 0 0;
	width: auto;
	height: 114px;
	}
	
	.siteTab {
		width: 290px;
		height: 114px;
		text-align: center;
		}
		
		.siteTab a, .siteTab a:hover {
			display: block;
			overflow: hidden;
			text-indent: -5000px;
			width: 270px;
			height: 114px;
			}
		
		.siteTab img {
			padding: 27px 0;
			}

			
/* Logos for different sites, to be reused across the site
==============================================================================*/			
			
.logoSellafield, a.logoSellafield:hover 	{background: url(../images/logo/sellafield.jpg) center center no-repeat;}
.logoSpringfields, a.tabSpringfields:hover 	{background: url(../images/logo/springfields.jpg) center center no-repeat;}
.logoLLWR, a.logoLLWR:hover					{background: url(../images/logo/llwr.jpg) center center no-repeat;}
.logoMagnoxNorth, a.logoMagnoxNorth:hover	{background: url(../images/logo/magnox_north.jpg) center center no-repeat;}
.logoMagnoxSouth, a.logoMagnoxSouth:hover	{background: url(../images/logo/magnox_south.jpg) center center no-repeat;}
.logoDounreay, a.logoDounreay:hover	{background: url(../images/logo/dounreay.jpg) center center no-repeat;}
.logoResearch, a.logoResearch:hover	{background: url(../images/logo/research.jpg) center center no-repeat;}

/* Main logo and system navigation
==============================================================================*/

h1 {
	position: relative;
	height: 121px;
	width: 212px;
	}
	
	h1 a {
		display: block;
		position: absolute;
		top: 10px;
		width: 182px;
		height: 121px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../images/logo/ncpp_02.gif) no-repeat;
		}
	h1 a:hover {
		background: url(../images/logo/ncpp_02.gif) no-repeat;
		text-decoration: none;
		}	

#system {
	position: absolute;
	top: 25px;
	right: 260px;
	margin-left: 150px;
	color: #666;
	letter-spacing: 1px;
	font-size: 90%;
	}
	#system a {
		text-decoration: none;
		}


/* search setup
==============================================================================*/

#search {
	/* position: absolute; - removing this fixes firefox problem*/
	position: absolute;
	left: 652px;
	top: 10px;
	width: 230px;
	text-align: center;
	}
	#search form {
		position: relative;
		}
	#search fieldset {
		float: left; /* forces Mozilla to shrink form to size */
		border: 0 none;
		}
	/*
	#search label {
		display: block;
		float: left;
		height: 39px;
		}
	*/
	#search select {
		margin: 10px 25px 0;
		font-size: 10px;
		}


/* main site navigation
==============================================================================*/

#nav {
	position: absolute;
	top: 91px;
	height: 40px; width: 910px;
	margin-bottom: 7px;
	list-style: none;
	}
#nav li {
	float: right;
	height: 40px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	line-height: 40px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#navHome {
		position: relative;
		}
		
	/* Individual navigation tabs now stored in Colourscheme stylesheets */
	
#nav li a:hover {
	background-position: 0 -40px;
	}
	#nav li a.active,
	#nav li a.active:hover {
		background-position: 0 -80px;
		}

/* breadcrumb area
==============================================================================*/

#breadcrumb {
	width: auto;
	text-align: left;
	padding: 0;
	margin: 9px 0;
	color: #666;
	/*letter-spacing: 1px;
	font-size: 90%;*/
	font-weight: 600;
	}
	#breadcrumb a {
		text-decoration: none;
		}	
		
#print {
	float: right;
	height: 33px; width: auto;
	list-style: none;
	}

#print a {
	display: block;
	float: right;
	width: 70px;
	margin: 0 2px 0 0;
	line-height: 33px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#printHome {
		width: 70px;
		}
#print a:hover {
	background-position: 0 -33px;
	}

/* standard layouts
==============================================================================*/

p { 
	font-size: 100%;
	color: black;
	padding: 5px 0;
	margin: 0;
	}
ul, .pagelinks ul, #pagelinks ul, ul#pagelinks, ul.pagelinks { 
	margin: 0; 
	padding: 0;
	list-style: none;
	}
li, .pagelinks li, #pagelinks li {
	margin: 0;
	padding: 0; 
	font-size: 100%;
	background: none;
	}
h2 {
	font-size: 110%;
	color: white;
	padding: 7px 0 0 0;
	margin: 0;
	}
h3 {
	font-size: 120%;
	padding: 5px 0;
	margin: 0;
	}
.element_padding {
	padding: 5px;
	}
.element_padding2 {
	padding: 5px 0;
	}
.news .date,
#news #date {
	margin: 0 5px 0 0;
	padding: 0;
	width: 40px;
	height: 55px;
	text-align: center;
	}
	.news .date p,
	#news #date p {
		padding: 10px 5px 0 5px;
		line-height: 1em;
		}
.news .copy,
#news #copy {
	margin: 0;
	padding: 0;
	width: 230px;
	float: right;
	text-align: left;
	}
#news .linker,
#news #linker {
	margin: 5px 0;
	padding: 0;
	clear: both;
	text-align: left;
	}

#maincontent .title,
#maincontent #title {
	height: 30px;
	text-align: center;
	}

.contentmain ul { 
	margin: 0; 
	padding: 0 0 0 18px; 
	list-style: square;
	}
	
.contentmain li {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

#maincontent .main, .contentmain,
#maincontent #main, #contentmain {
	text-align: left;
	padding: 0 5px 10px 5px;
	margin: 0 0 20px 0;
}
#maincontent #additional {
	text-align: left;
	padding: 0 5px;
	margin: 0;
}

#rightside .title, #leftside .title, #rightside .title2, #leftside .title2, #splash .title,
#rightside #title, #leftside #title, #rightside #title2, #leftside #title2, #splash #title {
	height: 30px;
	text-align: center;
}

#rightside .main, #leftside .main, .rightmain, .leftmain,
#rightside #main, #leftside #main, .rightmain, .leftmain {
	text-align: left;
	padding: 0px 5px 10px 5px;
	margin: 0 0 20px 0;
}

.contentnav, .pdfnav {
	text-align: left;
	padding: 5px 5px 10px 5px;
	margin: 0 0 20px 0;
	line-height: 5px;
}

.contentnav2 {
	text-align: left;
	padding: 0 5px 10px 5px;
	margin: 0 0 20px 0;
	line-height: 5px;
}

.leftnav {
	text-align: left;
	padding: 5px 5px 10px 5px;
	margin: 0 0 20px 0;
	line-height: 5px;
}
.stretch {
	width: 300px;
}
.hideme {
	display: none;
	}
.stretch2 {
	width: 600px;
}
.stretch3 {
	width: 280px;
}
.breakline {
	line-height: 1.5em;
	}
.subheading {
	line-height: 1.5em;
	font-size: 120%;
	margin: 5px 0;
}

.facetContainer {}
	.facetContainer .facetContainer div {
		display: none;
		}
		.facetContainer .facetContainer div.CS_FacetNav_BreadCrumb {
			display: block;
			}

/* FAQ
==============================================================================*/

#faqAd01 {
	width: 600px;
	height: 150px;
	margin: 0 0 20px 0;
}

#faqAd02 {
	margin: 0 25px 0 305px;
	padding: 15px 0;
	
}

#faqAd01 p, #faqAd03 p{
	line-height: 1em;
}

#faqAd03 {
	width: 290px;
	height: 150px;
	margin: 0 0 20px 0;
}

#faqAd04 {
	margin: 0 15px 0 10px;
	padding: 0;
	vertical-align: top;
	
}

.faqImage,
#faqImage {
	float: left;
	margin: 10px 5px 0 0;
}


.faqTitle, .greenTitle,
#faqTitle, #greenTitle {
	font-size: 120%;
	font-weight: 800;
	padding: 10px 0 5px 0;
	margin: 0;
}

.new_title {
	font-weight: 600;
	}

/* Splash Page 3 x 2 layouts
==============================================================================*/

#splash {
	margin: 0 0 20px 0;
	overflow: hidden;
	}
	
	#splash p, #splash h3 {
		padding: 0 0 10px 0;
		}
	
	#splash p {
		color: #666666;
		}
	
		#splash .splashText {
			height: 45px;
			}
			
	#splash a {
		font-weight: 600;
		}
	/*
	#splash h1 {
		height: 175px;
		margin: 0 0 20px 0;
		background: url(../images/logo/ncpp_03.gif) no-repeat;
		}
		
		#splash h1 a {
			display: block;
			position: relative;
			top: 0;
			width: 290px;
			height: 175px;
			text-indent: -5000px;
			overflow: hidden;
			background: url(../images/logo/ncpp_03.gif) no-repeat;
			}
	*/	
	#splash .main, #splash .mainFull, #splash .mainTall, #splash .mainTallFull {
		height: 125px;
		margin: 0 0 20px 0;
		overflow: hidden;
		width: 270px;
		padding: 10px;
		}
		#splash .mainTall, #splash .mainTallFull { height: 315px; }
		
		#splash .splashx3_600 .main, #splash .splashx3_600 .mainFull {
			height: 320px;
			width: 580px;
			}
			
	#splash .mainFull, #splash .splashx3_600 .mainFull { height: auto; }

.splashx3, .splashx3First, .splashx3_600 {
	width: 290px;
	float: left;
	margin: 0 0 0 20px;
	}
.splashx3First {
	margin: 0;
	}
.splashx3_600 {
	width: 600px;
	}

.splashSiteLink a, .splashSiteLink a:hover, .splashSiteTallLink a, .splashSiteTallLink a:hover {
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	width: 270px;
	height: 125px;
	background-color: white;
	}
	.splashSiteTallLink a, .splashSiteTallLink a:hover { height: 315px; }
		
	.splashSiteLink .splashLinkDL, .splashSiteLink .splashLinkDL:hover,
	.splashSiteTallLink .splashTallLinkDL, .splashSiteTallLink .splashTallLinkDL:hover {
		background: white url(../images/logo/doc_library.jpg) center center no-repeat;
		}
		
.pagelinks a.siteSection01, .pagelinks a.siteSection02{
	line-height: 40px;
	margin: 0 0 10px 0;
	color: white;
  	background: #A1004E url(../images/styles/linkarrow3.gif) right no-repeat;
   	}
.pagelinks a.siteSection02 {
	background: #6FA488 url(../images/styles/linkarrow4.gif) right no-repeat;
	}
	.pagelinks a.siteSection01:hover, .pagelinks a.siteSection02:hover {
		background: #666666 url(../images/styles/linkarrow2.gif) right no-repeat;
		}
		
.siteBanner {
	height: 125px;
	width: 580px;
	background-color: white;
	text-indent: -5000px;
	margin: 0 0 10px 0;
	}

/* Page index amendments
==============================================================================*/

.surround {
	background: url(../images/styles/listback.gif) bottom repeat-x;
	padding: 5px 0;
	width: 280px;
	}
.date_display {
	padding: 0 0 0 10px;
	background: #ccc;
	}

		 
/* Non Specific rte-snippets (used in main content area)
==============================================================================*/

.snippet,
#snippet {
	float: right;
	width: 290px;
	margin: 5px 0 5px 5px;
}

.snippet .title,
#snippet #title{
	text-align: center;
}

.snippet .title2,
#snippet #title2 {
	text-align: center;
}

.snippet .main,
#snippet #main {
	text-align: left;
	padding: 5px 5px 10px 5px;
	margin: 0 0 20px 0;
}


/* Special Links
==============================================================================*/

.pagelinks,
#pagelinks {
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	}

	.linker a, .leftnav a, .contentnav a, #linker a,
	.pagelinks a, .listTermDisplay, #pagelinks a {
		display: block;
		width: auto;
		line-height: 20px;
		text-decoration: none;
		font-weight: bold;
		text-align: left;
		padding: 0 15px 0 5px;
		color: #666;
  		background: #ccc url(../images/styles/linkarrow.gif) right no-repeat;
		}
		.linker a.light, .leftnav a.light, .contentnav a.light, #linker a.light,
	.pagelinks a.light, .listTermDisplay .light, #pagelinks a.light {
		display: block;
		width: auto;
		line-height: 20px;
		text-decoration: none;
		font-weight: bold;
		text-align: left;
		padding: 0 15px 0 5px;
		color: #666;
  		background: #eee url(../images/styles/linkarrow5.gif) right no-repeat;
		}			
	.linker a img, .leftnav a img, .contentnav a img, #linker a img,
	.pagelinks a img, .listTermDisplay img, #pagelinks a img { padding: 2px 2px 0 0; vertical-align: top; }
			
	
		
	.pagelinks a, .listTermDisplay, #pagelinks a {
		overflow: hidden;
		}	
		
		.linker a:hover, .linker a.active, .leftnav a:hover, .leftnav a.active, .contentnav a:hover, .contentnav a.active, #linker a:hover, #linker a.active,
		.pagelinks a:hover, .pagelinks a.active, .listTermDisplay:hover, .listTermDisplay.active, #pagelinks a:hover, #pagelinks a.active {
			color: #EFEFEF;
			background: #666 url(../images/styles/linkarrow2.gif) right no-repeat;
			}
	
	.listTermDisplay {
		margin: 0 0 5px 0;
		}

	.pdfnav a, a.pdf {
		display: block;
		width: auto;
		line-height: 20px;
		text-decoration: none;
		font-weight: bold;
		text-align: left;
		padding: 0 15px 0 5px;
		color: #666;
  		background: #ccc url(../images/styles/pdfarrow1.gif) right no-repeat;
		}
		.pdfnav a:hover, .pdfnav a.active, a.pdf:hover, a.pdf active {
			color: #EFEFEF;
			background: #666 url(../images/styles/pdfarrow2.gif) right no-repeat;
			}


/*	
.CS_Element_FacetNav br {
	display: none;
	}
*/
   
/* Image styles and alignment styles
==============================================================================*/

.resultheader {
	margin: 0 5px 10px 5px;
	border-bottom: 1px solid #CDCDCD;
	}

.resultfooter {
	clear: left;
	margin: 0 5px;
	padding-top: 10px;
	border-top: 1px solid #CDCDCD;
	}

.imgshow {
	padding: 2px 0;
	text-align: center;
	}
	
.imgfright {
	padding: 0 0 0 10px;
	float: right;
	}

/* Forms
==============================================================================*/

input, textarea, select, button { 
	margin: 0;
	background: white;
	padding: 3px;
	letter-spacing: 1px;
	font-size: 100%;
	}

/* tables for use 
==============================================================================*/

.selector,
#selector {
	margin: 5px 0;
	}

	.selector th,
	#selector th {
		font-size: 100%; 
		color: white; 
		text-align: center; 
		padding: 3px; 
		border-bottom: 1px solid white; 
		border-right: 1px solid white;
		}
		
	.selector td,
	#selector td {
		font-size: 100%; 
		background-color: #cccccc; 
		color: black; 
		text-align: left; 
		padding: 2px; 
		border-bottom: 1px solid white; 
		border-right: 1px solid white;
		vertical-align: top;
		}

/* page footer
==============================================================================*/

#footer {
	margin: 0;
	clear: both;
	width: auto;
	text-align: left;
	border-top: 4px solid #ccc;
	padding: 10px 0 0 0;
	}
	
	#footer p {
		color: #666;
		padding: 0;
		margin: 0;
		letter-spacing: 1px;
		line-height: 1.5em;
		font-size: 90%;
		}
		
	#footer a {
		color: #598F94;
		}