/* 08/03/2010 */

/* CSS Document updated by info@codeculture.co.uk */
@import url("banner.css");
@import url("basics.css");
@import url("tabs.css");
@import url("lists.css");

body {
	background-image:url(../graphics/default/background.gif);
	background-repeat:repeat-x;
	background-color:#ccc;
	font-family: Arial, Helvetica, sans-serif;
}

/* --- HEADER styles --- */

strong	{ font-weight:bold;}

/* --- Accessibility styles --- */
#accessbar { width: auto; height: 1px; position: relative; padding: 0; margin: 0;}
#accessbar li { position: absolute; display: block; margin: 0; padding: 0; height: 1px; }
#accessbar a { height: 1px; display: block; text-indent: -9999px; text-decoration: underline; }

.accessNav { float:right; margin-top:16px; margin-bottom:6px; }
.accessNav p { font-size:.75em; padding:0 0 0 0; white-space:nowrap;}
.accessNav a { color:#91785b; }


/* --- Quick search styles --- */

.quickSearch { float:right; display:block; background-color:#FFFFFF; }
.quickSearch p {
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 9px;}
.quickSearch label { color:#000; font-size:small;}
.quickSearch .searchField {}
	

/* --- Logo styles --- */

.logoHeader {
	float:left;
	margin:6px 0 0 0;
	width:175px;
	height:69px;
	background-image: url(../graphics/default/LGO-logo-default.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.printMe { display:none; height:0px; }

/* -------------- Strap Line ---------------- */

#strapLine {
	display:block;
	font-size:81.5%;
	border-right-width: 8px;
	border-right-style: solid; }

#strapLine p {
	font-weight:bold;
	font-style:italic;
	font-size: 1.4em;
	text-align:right;
	padding: 8px 10px 4px 0;  }

/* -------------- Crumb ---------------- */

#crumbLine {
	display:block;
	clear:both;
	margin-top: 6px;
	background-repeat: no-repeat; 
	background-position:top left;
	float:left;	 /* Missing something?  Colours are held in the section stylesheets */
	width:100%; }  /* 01/10/2008 */

	.crumbText {
		line-height:normal;
		text-transform:capitalize;
		display:block;
		font-size:.75em;
		padding: 8px 0 8px 16px;
		float:left;
		width:58%;
		min-width:58%; }   /* Missing something?  Colours are held in the section stylesheets */
.crumbRight {
	background:url(../graphics/navigation/crumbRight.gif) no-repeat right top;
	display:block;
	width:35%;
	max-width: 35%;    /* Mozilla fix */
	float:right;
	min-height:35px;
	height:35px;
	padding-right: 16px;
	font-size:.75em;
	text-align:right!important;
	white-space:nowrap;  }
	
/* all background colours for each section are in the section stylesheets understyle/sections */
	#crumbLine a { background-color: transparent; color:#FFF; text-decoration:underline;}
	.declare { font-weight:bolder; font-size:110%; }
	
/* -------------- Adverts ---------------- */

.advert a { background: transparent;}

	#address p.menuTitle a {
		display:block;
		background-image: url(../graphics/navigation/contactTab.gif);
		background-repeat: no-repeat;
		background-position: center top;
		padding:.6em 0 .4em 26px;
		text-decoration:none;
		color:#000000;
		border-bottom-style: none;
		width:147px;
	}
	#address p.menuTitle a:hover {
		display:block;
		background-image: url(../graphics/navigation/contactTabOver.gif);	}
	#address div { 
		border:1px solid #869ace;
		width:151px;
		padding:10px;}
	#address address { font-size:.7em; margin-bottom:1em;}
	#address table { font-size:.85em;}
	#address table th { font-weight:bold; padding-right:1em; }
	

/* -------------- Footer ---------------- */
	
#footer { margin-top: 0.7em;}	
#footer a img { margin:0 .5em 0 0; padding:0 0 0 0; line-height:normal; display:block; float:left;}
#footer a:active, #footer a:focus { background-color: #f4f4f4; } 

.footerAll {
	display:block;
	height:100%;
	height:1.7em; } /* Mozilla fix */
	
.footerLeft { 
	float:left; 
	width:85%; 
	display:block; 
	height:1.7em; 
	border: 0px none #CCCCCC;	
	background-position: left bottom;
	background-repeat:no-repeat; } /* Missing something?  Images are held in the section stylesheets */

.footerRight { 
	float:right; 
	width:14%; 
	display:block; 
	height:1.7em; 
	background-position: right bottom; 
	background-repeat:no-repeat; } /* Missing something?  Images are held in the section stylesheets */

	.footerLeft p { padding-left: 10px; padding-top: 5px; padding-bottom:5px; font-size:0.8em;}
	.footerRight p { padding-right: 10px; padding-top: 5px; padding-bottom:5px; font-size:0.8em;}
	.footerLeft span.pipe { margin-right:.3em; margin-left:.3em; color:#FFF;}	
	.topLink { display:block; float:right; }
	.topLink a {	
		background: transparent url(../graphics/default/upArrow.gif);
		background-repeat: no-repeat;
		background-position: left 3px;
		padding-left:13px;
		color:#FFF; }
	.topLink a:hover {	
		background-image: url(../graphics/default/upArrowOver.gif);
		background-repeat: no-repeat;
		background-position: left 3px;
		padding-left:13px; }
	.footerLeft a { 
		background:transparent;
		text-decoration:underline;
		border-bottom-style:none;
		color:#FFF; }
	.legal {
		padding:.4em 1% .3em 1%;
		font-size:.885em;
		margin-bottom:.3em;
		margin-top:.3em;
		color: #333; }
	.legal a { 
		border-bottom-style:none; color: #555; background: transparent; } 
	.syndicate { clear:both; margin-bottom:.3em;}
	.syndicate img { margin-right:1em;}
	.badges { 
		margin-top: 8px;
		margin-bottom:1em;
		float:right;
	}
/* ------- Address box -------- */

.addressLeft {
	float: left;
	padding-right: 8px;
	font-weight:bold;
	font-size:11px;
	display:block;
}
.addressRight {
	font-size:11px;
	display:block;
}

/* --------- News section ----- */
.newsText {
	border-bottom: 1px dotted #CCC;
	font-size:0.92em;
	line-height:normal;
	padding:4px 0 4px 0;
	margin-top:5px; }
.newsColumn {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding:10px 10px 0 10px; }
	
.newsTitle a {
	background-repeat: no-repeat; /* Missing something?  Images are held in the section stylesheets */
	padding-left: 15px; }
.newsText a { font-size:1.2em; }
.newsText p { font-size:0.8em; }
.newsText img { float:left; margin: 5px 5px 5px 0; }
.newsTitle { margin-bottom:0.2em; margin-top:0.6em; display:block; }

.newsBottom {
	background: url(../graphics/navigation/news_bottom.gif) no-repeat bottom left transparent;
	height:8px;}
	
.newsBottom span {
	background: url(../graphics/navigation/news_bottom.gif) no-repeat bottom right transparent;
	height:8px;
	width:50%;
	display:block;
	margin-left:15px;
	float:right;  }


/* --------- Languages ----- */

.language { 
	float:left; 
	margin:0 0 5px 5px; 
	width:170px;
	font-size: 0.92em; 
	white-space: nowrap; 
	line-height: 1.9em;   }
	.language img { float:left; margin: 0!important; }
	.icoLang { padding: 5px 3px 0 0; }
	
/* --------- Right-hand navigation ----- */

.navLeft {
	float: left;
	width:70%;
	padding-right: 1%; }

.rightColumn h2 {
	margin:0;
	padding: 6px 8px 6px 8px;
	font-size:0.72em;
	display:block;
	width:197px;
}
	
	.rightColumn .quoteText {
		padding: 5px 5px 10px 5px;
		font-size:0.84em;
		padding: 5px 5px 4px 5px;
		margin-bottom: 8px;
		font-style: italic; }
	.rightColumn .quoteText p { padding: 5px 5px 4px 5px;}
	.rightColumn .navText ul { margin-bottom:0; }
	.adText,
	.navText {
		font-size:0.74em;
		padding: 8px 8px 4px 8px;
		margin-bottom: 8px;
		border-top: #8c8d94 solid 1px;
		display:block;
		background: transparent url(../graphics/navigation/rightHand_bottom_default.gif) center bottom;
		width:197px;
	}
	
	.leftColumn .adText { width:auto; border: 1px solid #8c8d94; background-image:none; background-color:#FFFFFF; }
	.leftColumn {
	/* masks the white sopace bug in IE 6 and 7*/
		background-color: transparent;
		background-image: url(../graphics/navigation/purple-maskIE.gif);
		background-repeat: no-repeat;
		background-position: left 16px;
	}
	
/* right column upadtes using core html structure */


.formInputs {}

.rightColumn .module { /*background-color:#0F0; */
	width:213px;
	overflow:hidden;
	margin:0 0 8px 0;
}
.rightColumn .moduleTitle { /*background-color:#360;*/
	width:197px;
	padding: 6px 8px 6px 8px;
	display:block;
	font-weight:bold;
}
.rightColumn .moduleTitle p { font-size:.783em; }
.rightColumn .moduleContent { /*background-color:#CF0;*/
		width:197px;
		padding: 8px 8px 4px 8px;
		margin-bottom: 8px;
		border-top: #8c8d94 solid 1px;
		display:block;
		background: transparent url(../graphics/navigation/rightHand_bottom_default.gif) left bottom;
		font-size:0.74em;
}
.rightColumn .moduleContent p { font-size:1em; width:197px;}

.rightColumn .fieldPair { display:block; clear:both; margin-bottom:4px;}
.rightColumn .fieldPair p { display:block; clear:both; margin-bottom:4px; }
.rightColumn p span.required { color:#F00;}
p.label { font-weight:bold; }
p.field input.formField,
p.field textarea.formField,
p.field select.formField { width:188px; padding:3px; border: 1px solid #8c8d94; /* total width with oadding and border = 197px */ }
p.field .formField.error { border: 1px dotted #c12726;}
p.field textarea { font-family:Arial, Helvetica, sans-serif; font-size:1.01em; }

.rightColumn .moduleContent dl { margin:8px 0;}
.rightColumn .moduleContent dd {  font-size:1em; font-weight:bold; margin-bottom:4px;}


.rightColumn input.button { width:197px; text-transform:uppercase; }


.rightColumn .moduleContent .otherLinks,
.rightColumn .moduleContent .note { margin-bottom:4px; padding: 8px 8px 4px 8px; }
.rightColumn .moduleContent .otherLinks p,
.rightColumn .moduleContent .note p { margin-bottom:4px; width:165px;}
.rightColumn .moduleContent ul { margin: 0 0 4px 10px; padding:0 0 0 0;}
.rightColumn .moduleContent ul li { margin-bottom:8px;}


/* extras */
.rightColumn .validation {
	background-color:#c12726;
}
.rightColumn .success {
	background-color:#24b43c;
}
.rightColumn .validation,
.rightColumn .success {
	width:181px;
	padding: 14px 8px 8px 8px;
	overflow:hidden;
	margin-bottom:12px;
	background-image: url(../graphics/default/forumPromoArrowTop.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.rightColumn .validation p,
.rightColumn .success p {color:#FFF; width:165px;}
.rightColumn .validation p strong,
.rightColumn .success p strong { font-size:1.1em;}


.rightColumn .errorBlock { width:197px; margin-bottom:8px; display:block;}
.rightColumn .errorBlock .fieldError { display:block; float:left; width:16px; height:16px; margin-right:5px;
	background-image: url(../graphics/cross.gif);
	background-repeat: no-repeat;}
.rightColumn .errorBlock .fieldValidate {
	display:block;
	float:left;
	width:176px;

}
.rightColumn .moduleContent .errorBlock .fieldValidate p { width:176px; color:#c12726; }
		
			
/* --------- adverts --------- */
#young {border: 1px  solid #fff;
	padding:3px;}
#young p {
	background-image: url(../images/ads/right_youngPeople.jpg);
	padding:10px;
	background-repeat: no-repeat;
	background-position: left top;
	 }
	#young p span {  color:#FFF; background: transparent; text-decoration:none; line-height: normal; }
	
	#young p span.title {font-size: 1.8em; margin-bottom:1em; display:block; font-weight:bold;}
	#young p span.desc {font-size: 1.5em;}
	
	#young a {  color:#FFF; background: transparent; text-decoration:none;  line-height: normal; display:block; min-height: 120px; }
	#young p a span.title {font-size: 1.8em; margin-bottom:1em; display:block; font-weight:bold; text-decoration:underline; }
	#young p a:hover span.title {text-decoration:none;}
	
	
#browseAloud { 
	
	padding:10px;
	min-height: 120px;
}


	#browseAloud a { 
		font-size: 1.4em; 
		color:#3f2b82; 
		background: transparent; 
		text-decoration:none; 
		line-height: normal; }
	#browseAloud img { margin: 8px 0 8px 0; }
	#browseAloud p { 
		font-size: 1em!important; 
		color:#3f2b82; 
		background: transparent; 
		text-decoration:none; 
		line-height: normal; }
	#browseAloud a.noBold { 
		font-weight:normal; 
		text-decoration:underline; 
		font-size: 1em!important; }


/* --------- Page decoration --------- */
.pageEND { 
	clear:both;
	background: transparent url(../graphics/navigation/pageBGLeft.gif) bottom left no-repeat;
	height:20px;}
	.pageEND span { 
		background:transparent url(../graphics/navigation/pageBGRight.gif) bottom right no-repeat; 
		width:90%; display:block; 
		float:right; 
		height:20px; 
		font-size:0.1em; }
.page p {
	padding: 0 0 1.50em;
	font-size: 0.85em;
	color: #222;
	line-height: 1.3em; }

div.module .promoContent h2,
.middleColumn .module .moduleTitle p,
.middleColumnFull .module .moduleTitle p{
	font-size:1em;
	margin: 0.6em 0 0.6em 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-right: 0.4em; }
.middleColumn .module .moduleTitle p,
.middleColumnFull .module .moduleTitle p { margin:0 .4em .3em 0!important; padding-bottom:0!important;}	


/* signup module on homepage */
.promo.signup { margin-top:8px; margin-bottom:0;}
.promo.signup p { margin-bottom:0; padding-bottom:0!important;}
.promo.signup img { float:right; margin-left:5px;}

/* --------- global tweaks  --------- */

.promo .promoImage a,
.footerAll p a,
.footerAll p
{ border:none; }


div.promoText p { padding-bottom:10px!important; }
p.date { color:#999999; font-size:.85em; font-weight:bold; padding-top:0; }

.promo p { padding:0 0 8px 0 !important;  }


.promo.leftColHome { margin:8px 0 8px 0!important;}
.promo.homeHeadline p { padding-bottom:3px!important;}

hr { padding:0; margin:0 0.6em 0.2em 0; float: none; clear:both; }

.mandatory { color:#FF0000; font-weight:bold; }
.formText { font-size:0.8em; }

.clearRight { clear:right;}
.clearBoth { clear:both; float:none; font-size:0.1em; }
.clearHeader { clear:both; float:none; font-size:1em; }
.Text { margin: 0.6em 0 0.6em 0; clear:both; font-size:0.8em; }

.floatLeft { float:left; margin: 0 15px 0 0; border: #333 solid 1px;}

.alignCenter { text-align:center; display:block;}

.page strong { font-weight:bold;}

a.fakeButton { padding: 3px 10px 3px 10px;  background: #ccc; border: #333 solid 1px; color: #333!important; font-size:0.8em; text-decoration:none; white-space:nowrap; text-align:center; }

p.backToTop { 
	border-top: dashed 1px #ccc;
	background: url(../graphics/default/upArrowOver.gif) 86% 10px no-repeat;
	padding:5px 0 0 0!important; 
	margin:0!important;
	text-align:right;
	line-height:normal; }
p.blockFocus { display:block; background-color:#ededed; padding:5px!important; margin-bottom:5px;}
div.borderFocus { border: #999 solid 1px; padding: 5px; margin:5px 5px 10px 5px; color: #666666; font-size:0.82em; }
	
blockquote { margin: 0 30px 12px 30px;}


/* ---- Tables ----- Edited 23/10/2008 */




/* tables added in by nickc 5/11/2209 */
/*override messy edits */
.middleColumn  p table.inbodytable,
.middleColumnFull p table.inbodytable { font-size:100%;}
/*ends */
.middleColumn table.inbodytable,
.middleColumnFull table.inbodytable {
	background-color: #FFFFFF;
	border-collapse: collapse;
	vertical-align:bottom;
	text-align:right;
	border-spacing: 0;
	width:100%;
	border:1px solid #CCCCCC;
	/*font-size:74.8%;  renders as 11px */
	font-size:81.5%; /* renders as 12px */
	margin-bottom:2em;
}

.middleColumn table.inbodytable caption,
.middleColumnFull table.inbodytable caption {
	color: #000000;
	font-weight:normal;
	padding-bottom:.3em;
	font-weight:bold;
	font-size:120%;
	padding-bottom:1em;
}	

.middleColumn table.inbodytable thead,
.middleColumnFull table.inbodytable thead  { 
	border-left:none;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
	.middleColumn table.inbodytable th,
	.middleColumnFull table.inbodytable th {
		border-bottom: 1px solid #B3B3B3;
		border-left: 1px solid #B3B3B3;
		background-color: #E7E7E7;
		background-image: url(../graphics/default/thBg.gif);
		background-repeat: repeat-x;
		background-position: left top;
		text-align:right;
		font-weight:bold;
	}
	.middleColumn table.inbodytable tbody th { width:90px!important;}
	.middleColumnFull table.inbodytable tbody th  { width:250px!important;}
	.middleColumn table.inbodytable tbody th,
	.middleColumnFull table.inbodytable tbody th { border-bottom:none; border-right:1px solid #B3B3B3; }
	/* override global p tag setting */
	
	.middleColumn table.inbodytable p,
	.middleColumnFull table.inbodytable p { font-size:100%; }
	
	.middleColumn p table.inbodytable p,
	.middleColumnFull  p table.inbodytable p { font-size:100%;} /*overrides extra nesting from wysiwyg */
	
.middleColumn table.inbodytable tbody,
.middleColumnFull table.inbodytable tbody { 
	color:#333333; 	
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
	.middleColumn table.inbodytable tbody table.inbodytable tr.odd td,
	.middleColumnFull table.inbodytable tbody table.inbodytable tr.odd td {
		background-color: #F8F8F8;
	}

	.wrapper table.inbodytable tbody tr.rowodd:hover td, 
	.wrapper table.inbodytable tbody tr.roweven:hover td {
		background-color: #FFFFCC;
		/*border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #FFFF66;*/
	}
	/* stop the inheritance */
	div.promoText table.inbodytable p { padding-bottom:0px!important; }







.wrapper table.inbodytable th,
.wrapper table.inbodytable td { padding:6px 6px 6px 4px; vertical-align:bottom; text-align:right; }





/* ----Ancestors - unknown ----- */

div.module .promoContent p.hint {
	background-image: url(../../graphics/default/unknown.gif); }
div.module .promoContent p.formUser {
	background-image: url(../../graphics/default/user1_lock.gif); }
	
div.alertscolumn { display:inline-block; width:45%; float:left; margin-right:5%; }