@charset "iso-8859-1";
/* CSS Document */
/*
// Copyright 2007 - 2010 John Wiley and Sons Ltd
// Author : Regio            Date : 30 Nov 2007
// Update : Toby hudson - Layout Redesign July 2008
// Update : 07/05/2010 MST, NCS WO095BJUI Added class for View/add Comment link 
// Update : 07/10/2010 MST, NCS STORY51 Remove width in Comment 
// Update : 09/11/2010 ACA, NCS STORY57 Added mainContentWrapper and Commented infobar
// Update : 29/11/2010 ACA, NCS STORY57 Fixed Alignment Issue 
// Update : 27/06/2011 WBO, NCS STORY335 New style for editor application page 
// Update : 20/07/2011 TH, Advert Change Request, added in skyscraper and in page ad styles
// Update : 26/07/2011 MST, NCS STORY355, added in primarycolright & logobox the margin styles and remove top-margin from mainContentWrapper
// Update : 29/07/2011 MST, NCS STORY358, Adjust height of the maincolumn class
*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

body {
	margin-left: 0;	/* FLR, SCS Removed formatting from html*/
	margin-top: 0;
	background-image: url(/images/body_bg.jpg);
	background-repeat: repeat-y;
	background-position:center;
	background-color: #e7e7e7;
}

/* 09/11/2010 ACA, NCS STORY57 Added mainContentWrapper */
#mainContentWrapper {
	position:absolute;
/*	top:184px; pre-leaderboard ad
	top: 189px; /*this must be fixed to relative for when there is no leaderboard ad */
	}
/*29/11/2010 - Fixed Alignment Issue */	
#generalContent {
	width:960px;
	margin:0 auto;
	}
	
/*****/
	
/* General position */
#wrapper {
	width: 960px;
	top: 5px;
	/* top: 10px; Use for Leaderboard Ad */
	position:absolute;
	height: 100px;
	}

#primarycolleft {
	width: 790px;
	float: left;
	}
/*26/07/2011 MST, NCS STORY355 Added Margin top*/	
#primarycolright {
	width: 160px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;   /*accomodate wider ad */
	position: relative;
	}
#primarycolright li {list-style: none; margin-bottom: 5px;}
#primarycolright a {text-decoration: none; color: #666666; font-weight:bold;}

/*26/07/2011 MST, NCS STORY355 Added Margin top and right*/
#logobox {
	padding: 10px 5px 0px 5px;
	border-width: 0px 1px 1px 1px;
	border-color: #DDD;
	border-style: solid;
	text-align: center;
	margin-bottom: 10px;
	margin-top:-2px;
	margin-right:1px;
	}

#header {
	float: left;
	width: 790px;
	height:174px
	}
#toplogin {
	float: left;
	width: 790px;
	height: 25px;
	background-image: url(/images/log_in_bg.jpg);
	background-repeat: repeat-x;
	margin-bottom: 7px;
	}	
#loginform {
	margin-left:55px;
	vertical-align:middle;
	padding:2px;
	}	
	
#welcome {
	margin-left:65px;
	padding-top:3px;
	}

/* 09/11/2010 ACA, NCS STORY57 Commented infobar */
/*#infobar {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	height: 15px;
	width: 790px;
	}
*/

#fullwidth {
	float: left;
	width: 790px;
	height: 30px;
	background-image: url(/images/dev_contheaderbg.gif);
	background-repeat:repeat-x;
	}
	
#tickerbox {
	float: left;
	width: 710px;
	height: 30px;
	}

/* News Ticker */
.newsticker {
	font-size:11px;
	color: #7f7f7f;
	}

#tickerbox a {
	text-decoration: none;
	color: #000000;
	}

#sitesearch {
	float: right;
	width: 150px;
	height: 76px;
	padding: 0px 0px 2px 0px;
	margin-bottom: 10px;
	}
	
* html #sitesearch {
    \height: 30px; /* for IE5 and IE6 in quirks mode */
    h\eight: 30px; /* for IE6 in standards mode */
	}

#btngroup {
	float: right;
	height: 20px;
	padding-top:5px;
	width: 70px;
	vertical-align:middle;
	}
/* 01/08/2011 MST,NCS STORY358 Increase the min heigh*/
#maincolumn {
	float:left;
	position:relative;
	margin-bottom:20px;
	top:15px;
	left:160px;
	width:640px; /*to fit skyscraper ad */
	/*min-height:0;*/
	/*Added 11/11/10*/
	min-height:1760px; height:auto !important;  height:860px; 	
	}
	
#leftcolumn {
	float: left;
	margin-bottom:20px;
	right:640px;
	top:15px;
	position:relative;
	width: 150px;
	}

#rightcolumn {
	float:right;
	width: 160px;
	}
	
#footer {
	/*float: right;*/
	height: 28px;
	margin-bottom: 20px;
	width: 960px;
	/*Added 11/11/10*/
	clear:both;
	}

	
/* --------------- */	

	
/* Log in form */	
#login {
	/*border-width: 1px;
	border-color: #7F7F7F;
	border-style: solid;
	background-color: #C2CACE;
	padding: 10px;
	margin-bottom: 10px; */
	}
#loginform input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.login {
	font-size: 10px;
	color:#fff;
	vertical-align:middle;
	height:25px;
	}
.login a {
	text-decoration: none;
	color:#ffffff;}
.login a:hover {
	text-decoration: none;
	color: #999999;}
.logerror {
	margin-left:15px;
	font-size:10px;
	font-weight:bold;
	background-color:#bb0000;
	color:#fff;
	padding:2px;
	/*opacity:0.8;filter:alpha(opacity=80)*/
	}
.logfielderror {
	color:#000000;
	background-color:#FF9999;
}
.logicon {
	margin-right: 10px;
	}
/* --------------- */

p, form, ul {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 5px;
	}
.imgrightborder {
	margin-right: 10px;
	}
#contentformat p {
	margin: 0px 0px 10px 0px;
	}
#contentformat a, #sitesearch a {
	color: #D40000;
	text-decoration: none;
	font-weight: bold;
	}
#contentformat .formerror {
	color:#000000;
	background-color:#FF9999;
	padding: 10px 5px 5px 5px;
	margin-bottom: 10px;
}
#contentformat .forminfo {
	color:#000000;
	background-color:#c1b2ff;
	padding: 10px 5px 5px 5px;
	margin-bottom: 10px;
}
#contentformat hr {
	margin: 0px 0px 10px 0px;
	color: #C2CaCe;
	}
#contentformat  textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 380px;
	}


.topcol {
	background-image:url(/images/top_title_bgl.jpg); background-repeat: repeat-x;
	background-color: #335270;
	color: #FFF;  
	}

#topsubmit {
	float:left;
	width: 630px;
	height: 50px;
	background-color: #335270;
	background-image: url(/images/bg_topfooter.jpg);
	background-repeat: repeat-x;
	background-position:bottom; 
	padding: 10px 0px 7px 0px;
	margin-bottom: 10px;
	}
#topsubmit a {margin: 0 2px;}

.columnborder {
	padding-bottom: 7px;
	border-bottom: 1px;
	border-color: #e5e5e5;
	border-style: solid;
	}	
	
#maincontent 
	{
	float: left;
	left:0px;
	width: 960px;
	}

#sectionbuttons {
	width: 150px;
	height: 140px;
	margin-bottom: 10px;
	}

.search {
	font-size: 10px;
	color: #666666;
	}
.searchpad {
	margin-top: 3px;
	text-align: center;
	}
* html #sitesearch {
    \width: 150px; /* for IE5 and IE6 in quirks mode */
    w\idth: 150px; /* for IE6 in standards mode */
	}	

#subsectionbuttons {
	width: 150px;
	margin-bottom: 5px;
	}

.navendo {background-image: url(/images/dev_ssbg_endo.gif);}
.navonco {background-image: url(/images/dev_ssbg_onco.gif);}
.navfema {background-image: url(/images/dev_ssbg_fema.gif);}
.navandr {background-image: url(/images/dev_ssbg_andr.gif);}

#homebutton {
	position: absolute;
	top: 83px;
	left: 561px;
	}
#libbutton {
	position: absolute;
	top: 83px;
	left: 455px;
	}
#leftnav {
	border-width: 1px;
	border-color: #7F7F7F;
	border-style: solid;
	margin-bottom: 10px;
	}

/* General Styles */

.topnav	{
	border-width: 1px 0px 1px 1px;
	border-color: #7F7F7F;
	border-style: solid;
	}
.topnavend	{
	border-width: 1px 1px 1px 1px;
	border-color: #7F7F7F;
	border-style: solid;
	}

h1 {
	font-size: 12px;
	color: #000000;
	padding: 4px 10px 4px 2px;
	margin-bottom: 10px;
	}

/* New Home/Subject box styling */
#boxheader {height: 25px; width: 310px; background-image:url(/images/bg_home_titles.jpg); background-repeat: repeat-x;}
#boxheaderh1 {height: 25px; background-image:url(/images/bg_home_h1titles.jpg); background-repeat: repeat-x; float:left;}
#boxheader h1 {color: #FFF; padding: 3px 0px 0px 5px; margin: 0px;}
#boxcontent {width: 308px; background-image:url(/images/bg_home_titleshadow.jpg); background-repeat: repeat-x; background-color: #e0e8ef; border-left: 1px solid #cfd8e2; border-right: 1px solid #cfd8e2; border-bottom: 1px solid #cfd8e2; margin-bottom: 10px;}
#boxcontent p {margin: 0px 5px 0px 5px; padding: 6px 0px 4px 0px;}
#boxfooter {width: 308px; height: 25px; background-color: #cfd8e2; border-top: 1px solid #abbbcc}
#boxfooter p { text-align:right; margin-right: 5px; padding-top: 4px;}
#topboxheaderl {height: 25px; width: 315px;}
#topboxheaderr {height: 25px; width: 310px; background-image:url(/images/top_title_bgr.jpg); background-repeat: repeat-x;}
#topboxcontent p, #topboxcontent h1, #topboxcontent h2, #topboxcontent h3 {margin: 0px 5px 0px 0px; padding: 6px 0px 4px 0px;}
#topboxstyle a {color: #FFFFFF;}

.hgene {border-width: 1px 0px 1px 0px; border-style:solid; border-color:#999999;}
.hendo {border-width: 1px 0px 1px 0px; border-style:solid; border-color:#9E7CA8;}
.honco {border-width: 1px 0px 1px 0px; border-style:solid; border-color:#A9CD7C;}
.hfema {border-width: 1px 0px 1px 0px; border-style:solid; border-color:#AA5569;}
.handr {border-width: 1px 0px 1px 0px; border-style:solid; border-color:#6EA096;}
.hlite {border-width: 1px 0px 1px 0px; border-style:solid; border-color:#336699;}
.hadmin {border-width: 1px 0px 1px 0px; border-style:solid; border-color:#b03e3e;}
.hfooter {border-width: 1px 0px 1px 0px; border-style:solid; border-color:#cccccc;}
.huroscan {border-width: 1px 0px 1px 0px; border-style:solid; border-color:#308330;}
.hhotpapers{border-width: 1px 0px 1px 0px; border-style:solid; border-color:#cc0000;}
.hlatestnews{border-width: 1px 0px 1px 0px; border-style:solid; border-color:#418ef6;}
	
h2 {
	font-size: 11px;
	padding: 4px 0px 4px 0px;
	margin-bottom: 10px;
	}
h3 {	
	font-size: 11px;
	padding: 5px 10px 5px 2px;
	margin-bottom: 10px;
	border-width: 1px 0px 1px 0px; border-style:solid; border-color: #EEEEEE;
	}
#contentformat ul {
	line-height: 14px;
	margin: 0px 0px 10px 15px;
	list-style-image:url(/images/bullet.gif);
	}
#contentformat li {
	margin: 0px 0px 10px 0px;
	}
	
.clickmore {
	font-size: 10px;
	}
.cpdtitle {
	font-size: 13px;
	color:#666666;
	padding: 5px 0px 5px 0px;
	margin-bottom: 10px;
	}
/* CSS Content for left hand navigation */
.menutitle{
	cursor:pointer;
	font-weight:bold;
	color: #FFFFFF;
	padding: 0px 10px 0px 0px;
	font-size: 10px;
	line-height: 1.2 /* FLR, SCS added to fix layout when converted to aspx page */
}

.submenu{
	color: #FFFFFF;
	padding: 5px 10px 0px 0px;
}

ul#nav, ul#nav li, ul#nav a {
	list-style: none;
	line-height: 14px;
	margin-bottom: 25px;
	font-size: 10px;
	text-decoration: none;
	color: #333333;
	}
.navmenu a {
	text-decoration: none;
	color: #333333;
	}
#leftcolumn ul a {
	text-decoration: none;
	color: #333333;
	}
.navmenu hr {
	margin: 0px 0px 0px 0px;
	}
	
.leftmenu1 {background-color: #FFEBEB; 	border-bottom: 1px;	border-color: #ff7575;	border-style: solid;}
.leftmenu2 {background-color: #F8F0F4; 	border-bottom: 1px;	border-color: #d09ab5;	border-style: solid;}
.leftmenu3 {background-color: #F5FAF0; 	border-bottom: 1px;	border-color: #bbde98;	border-style: solid;}
.leftmenu4 {background-color: #FBF7EF; 	border-bottom: 1px;	border-color: #e1cd8e;	border-style: solid;}
.leftmenu5 {background-color: #FFF3EF; 	border-bottom: 1px;	border-color: #f7af95;	border-style: solid;}
.leftmenu6 {background-color: #FBF3F7; 	border-bottom: 1px;	border-color: #eaa7c5;	border-style: solid;}
.leftmenu7 {background-color: #F8F1F2; 	border-bottom: 1px;	border-color: #d2a6ab;	border-style: solid;}
.leftmenu8 {background-color: #EBF6F7; 	border-bottom: 1px;	border-color: #82c2cd;	border-style: solid;}	
.leftmenu9 {background-color: #F5F5F5; 	border-bottom: 1px;	border-color: #e5e5e5;	border-style: solid;}	
.leftmenushare { background-image:url(/images/dev_sbt_sharethis.gif); background-repeat:no-repeat; height:22px; margin-bottom:10px; padding-top:1px;}

.leftmenu1, .leftmenu2, .leftmenu3, .leftmenu4, .leftmenu5,.leftmenu6,.leftmenu7,.leftmenu8, .leftmenu9 {
	padding: 5px 0px 5px 2px;
	margin-bottom: 10px;
	}

/* Logo Area */	
.logotext {	
	line-height: 1.5em;
	font-size: 9px;
	}

/* Banner Adverts - Left Menu */



/* Footer */

.footer {
	font-size:11px;
	color: #7F7F7F;
	margin-top: 5px;
	}
.footer a {
	text-decoration: none;
	color: #7F7F7F;
	}
#calevent {
	margin: 0px 10px 0px 0px;
	}
	
/* SCS Classes*/	

ul.nav, ul.nav li, li.nav {
	list-style: none;
	line-height: 14px;
	margin-bottom: 5px;
	font-size: 10px;
	text-decoration: none;
	color: #333333;
	}		
	
.loginform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
}
	
.loginbox {
	border-width: 1px;
	border-color: #7F7F7F;
	border-style: solid;
	background-color: #C2CACE;
	padding: 10px;
	margin-bottom: 10px;
	}
	
.white 
{
	color:#ffffff;
	background-color:#ffffff;
	border:none;
	height:1px;
}	

.subbuttons {
	height: 18px;
	float: left;
    width:150px;
}

.subcontent 
	{
	float: left;
	top: 85px;
	left:0px;
	width: 630px;
	}

.navendo, .navonco, .navfema, .navandr {
	margin-bottom: 10px;
	width: 150px;
	}
	

	
.subnav a {
	text-decoration: none;
	color: #000000;
	}
	
.maincontent 
	{
	float: left;
	top: 85px;
	left:0px;
	width: 630px;
	}

.contentbox, .contentformat {
	border-width: 1px;
	border-color: #7F7F7F;
	border-style: solid;
	background-color: #FFFFFF;
	padding: 10px;
	margin-bottom: 10px;
	}
	
	
.pright
{
    text-align: right;
}	

.pleft
{
    text-align: left;
}	

.registertextwidth
{
    width: 250px;
}

.captcha
{
    width: 150px;
}

.search {
    left: 7px;
	}
	
.forminfo {
	color:#000000;
	background-color:#c1b2ff;
	padding: 10px 5px 5px 5px;
	margin-bottom: 10px;
}	

.black 
{
	color:#000000;
}	

#contentformat ol {
	line-height: 14px;
	margin: 0px 0px 10px 30px;
}
.smalltext {font-size: 9px;}
.commenttext {font-size: 9px; color:#0066CC; font-weight: bold;}

#welcomename {
	padding-right:10px;
	font-weight:bold;
	}
	
#admin {
	font-weight:bold;
	color:#bb0000;
	font-size:10px;
	margin-left:20px;
	}
#admin a {
	color: #FFF;
	}
	
#admin a:hover {
	color: #CCCCCC;
	}
	
.addthis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}
.addthis A {
	color:#000;
	text-decoration:none
}

.uroscan {
	background-color:#f2f7f2; 
}

.hotpapers {
	background-color:#fcf2f2; 
}

.latestnews {
	background-color:#f5f9ff; 
}	

/******************************************************/
/* GRID */
/******************************************************/

/*  BLOCK FLOATS*/
.grid-l { float:left; }
.grid-a { margin:auto; }
.grid-r { float:right; }

/*  Columns */
.grid-base { width:100%; float:left; 	background-color:#f5f9ff;  }
.grid-thirds { width: 33.28%; }
.grid-full { width: 90%; }

/*  Padding */
.right-space { padding-right: 3%; }
.no-space {  }


/*07/05/2010 MST,NCS WO095BJUI Added New Class for View/Add Comment Link Start*/
/*07/10/2010 MST, NCS STORY51 Remove the width property and included white-space*/
/*10 Jan 2011 Story 57 WBO, NCS Changed left margin*/
.comment
{	left: 475px; 
	clear: both; 
	font-size: 10px;
	position:absolute;
	white-space:nowrap;
}
/*07/05/2010 MST,NCS WO095BJUI Added New Class for View/Add Comment Link End*/

/* Styling for jquery left nav Added by THudson 6 September 2010*/
.treeview, .treeview ul { 
	padding: 0;
	margin-bottom: 5px;
	list-style: none;
}

.treeview ul {
	list-style: none;
	padding: 5px;
	border-width: 0px 1px 1px 1px;
	border-color: #DDD;
	border-style: solid;
	background: #f7f7f7;
}

/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 0px 0px 3px 0px;
	list-style: none;
}

.treeview a {
	text-decoration: none;
	color:#333333;
	font-size: 10px;
	line-height: 12px;
}

#treecontrol { margin: 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

span {margin:0px; padding: 0px;}

.sharethis {border: 1px solid #CCCCCC; padding: 3px 0px 0px 3px; text-decoration: none;}

/*CSS Column equaliser THudson 8 Sep 2010*/
#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
}
#col1 {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:310px;
	margin-left: 5px;
	position:relative;
	left:50%;
	overflow:hidden;
}
/*27/06/2011 WBO, NCS STORY335 New style for editor application page */
div.application-page {width: 550px;}
.application-page span.req {color: red;}
.application-page p {margin: 10px 0;}
.application-page td {margin: 20px auto;}
.application-page textarea {width: 550px; height: 100px;}
.application-page hr {border: 1px solid #EEE;}
.application-page input.application-text {width: 250px;}

/* 20/07/2011 TH Updates to include Advertising */
/* Leaderboard Ad 790px x 90px */
#leaderboardad {
	}
/* Skyscraper Ad 160px x 600px variable height */
#skyscraperad {
	}
/* MPU Ad 300px x 250px */
.mpuadhome {
	text-align: center;
	}
#mpuad {
	float:left;
	margin: 0px 10px 0px 0px;
	}