/* General Top level styles - usually provides the framework for the colour style sheet to colour in */
/* If there is a style such as margin-top:0.001pt then leave it in as Immediacy requires this to ensure consistency in the editor  */
body			{font-size:82%; font-family: Arial, Verdana, sans-serif; margin:0px; color:#2f0b5b; background-color:#fff; text-align:center;}
div 			{margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px; font-weight:normal; color:#2f0b5b;}
span			{margin-top:0.001pt; margin-bottom:0.001pt; color:#2f0b5b; font-weight:normal;}
ul           	{margin-top:0.001pt; margin-bottom:0.001pt;  padding-left:18px; margin-left:18px; list-style-image:url(../../../../images/bullet-Purple.gif);}
li 				{margin-top:4px; }
ol           	{margin-top:0.001pt; margin-bottom:0.001pt;}
blockquote	 	{margin-top:0.001pt; margin-bottom:0.001pt;}
form		 	{margin-top:0px; }
p 				{margin-top:0.001pt; margin-bottom:0.001pt; color:#2f0b5b; font-weight:normal; }
textarea  		{}
.textcentre		{text-align:center;}

.Heading2, H2 {color:#6d459e; font-size: 134%; font-weight:bold; margin-bottom:8px; margin-top:0.4em; padding-left:0px;}


.txtDate {color:#ffffff;}
/* variety of class styles to standardise grey and colour shades across Immediacy websites  */
.blackText  { color:#000000; }
.veryDarkGreyText { color:#000000; }
.darkGreyText { color:#666666; }
.midGreyText { color:#999999; }
.lightGreyText{ color:#cccccc; }
.lightGreyTextPad{ color:#cccccc; padding-left:4px; padding-right:4px; }
.whiteText { color:#ffffff; }
.whiteTextStrong { color:#ffffff; font-weight:bold; }
.smallFont { font-size:75%; font-family:Verdana, Arial, sans-serif; }
.smallBoldFont { font-size:75%; font-weight:bold; font-family:Verdana, Arial,  sans-serif; }

.spanLeft{ position:relative; float:left; margin-left:7px; }
.spanRight{ position:relative; float:right; background-color:#ffffff; text-align:right; margin-right:4px; }
.spanPadded { margin: 4px; color:#fff; }
.textsize { margin-left:5px; }
.TextBoxesmover { position:relative; top:1px; }
.noBorder { border:none; }
/* -------------------------------------------------------------------------------*/
#superContainer {width:950px; height:100%; background-color:#fff; margin-left:auto; margin-right:auto;}
#printerLogo { display:none; }
#inner {
display:block; 
padding:0px;
margin:0px;	
text-align:left; 
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
background-color:#ffffff;
z-index:100;
width:948px;
background-image:url(../../../../images/cont-Bkdrop.gif);
background-repeat:repeat-y;}

#leftColumn {
position:relative;
float:left;
width:180px;
margin:0px;
margin-bottom:20px;
padding:0px;
background-color:#6d459e;
overflow:hidden;}

#rightColumn {position:relative; float:right; display:block; width:212px; right:0px; background-color:#ffffff; padding-right:3px;	margin-bottom:10px; }
#rightColumnWeather {position:relative; float:right; display:block; width:212px; right:0px; background-color:#fff; padding-right:1px;  margin-bottom:10px; }
#weatherColumn { background-color:#fff; margin-top:15px; margin-left:3px; clear:both; padding-top:0px; }
#mainColumn {position:relative;	float:left;	display:block; width:760px;	padding:0px; padding-left:8px; background-color:#ffffff; border-bottom:30px #ffffff solid;}

/* 3 column webpage */
#contentColumn { position:relative; float:left; display:block; background-color:#ffffff; width:545px; }
/* 2 column webpage */
#contentColumnWide { position:relative; float:left; display:block; background-color:#ffffff; width:760px; }
/* 1 column webpage */
#contentColumnFull { position:relative; float:left; display:block; background-color:#ffffff; width:939px; padding-left:8px; padding-bottom:8px; }
#singleBlock { display:block; padding:0px;	text-align:left;  border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; background-color:#fff; z-index:100; width:941px; padding-left:7px; }
.clear {clear:both; margin:0px; padding:0px;}

#topBar	/*  topbar div holds the fixed links across the top of the fullframe div */
{
	position:relative; 
	float:left; 
	display:block; 
	width:950px; 
	height:25px; 
	background-color:#fff; 
	margin-top:10px;
	margin-bottom:0px;
	padding-top:10px;
}

/* This holds the datediv and the Universal page links  */
#globalLinkBar {
	position:relative;
	float:left;
	display:block;
	text-align:left;
	width:948px; 
	height:26px; 
	background-color:#8c64bc;
	color:#ffffff;
	border-top:1px solid #ffffff; 
	border-bottom:1px solid #ffffff; 
	padding-top:0px; 
	padding-bottom:0px;
	margin:0px;
	 }
	
#divDate {
	color:#ffffff;
	position:relative;
	float:right;
	clear:both;
	height: 0px;
	margin-right:4px;
	margin-top:4px;
}

#tBarBorder { border-left:1px #000 solid; border-top:1px #000 solid; border-right:1px #000 solid; background-color:#6d459e; padding:0px; margin:0px; position:relative; float:left; }
#bluebetweendiv { height:2px; width:948px; background-color:#6d459e; margin:0px; padding:0px; border-left:solid #000 1px; border-right:solid #000 1px; line-height:2px; display:block;}
#footerRegion { position:relative; float:left; padding-top:10px; background-color:#fff; width:948px; font-size:90%; color:#666666; }
.bottomaddress { position:relative; float:left; text-align:center; width:948px; margin-top:20px; margin-bottom:20px; background-color:#FFFFFF; color:#666666; }
.misclinks{
	padding:7px;
}
.bottomleft{
	text-align:center;	
}
.bottomright{
	text-align:center;
	padding:4px;
}
.ymclogo{
	text-align:center;
	padding:4px;
	margin-top:3px;
	margin-bottom:10px;
}
.rightfbox{
	position:relative;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top:4px;
	margin-bottom:4px;	
}
.rightfbox-bottom{
	position:relative;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top:4px;
	margin-bottom:4px;	
}
.leftlogo {
	text-align:center;
	margin:10px;
}
.leftlogoDIOnline
{
	text-align:center;
	margin-left:10px;
	margin-top:27px;
}

/* Global Sidemenu Styles  - see color style sheets for further styles */
	/* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined in the color style sheets. */
		
		/* style the containing div, for the menu */	
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#sidemenu {
			width:179px;
			font-family: Arial, Verdana, sans-serif;
			font-size:93%;
			margin-top:4px;
		}

		/* style of the header for the menu if there is one */
		div#sidemenu .head	{
					font-weight:normal; font-size:100%; color:#cad7fc;
				    height:7px; padding-left:0px; padding-top:0.1em; margin-bottom:0.01px; margin-top:0.01px;
					}
		/* default ul tag style for this menu - you probably won't need to change this */
		div#sidemenu ul 
		{
			list-style:none;
			margin-bottom:0px;
			margin-right:0px;
			margin-left:0px;
			margin-top:0px;
			padding:0px;
		}
		
		/* default li tag style for this menu - you probably won't need to change this */
		div#sidemenu ul li		
		{
			float:left;
			width:100%;
			margin:0px;

		}
		
		/* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle filling the LI tag to 100% height */
		/* change the padding styles, but exercise some caution with different browsers*/					
		div#sidemenu a {
			display:block;
			text-decoration:none;
			padding-top:0.23em;
			padding-bottom:0.33em;
			padding-left:3px;
		}
		
		/* style for the menu bullets */
		div#sidemenu a SPAN	 {float:left; height:1.5em; width:9px; margin-top:2px; background-repeat:no-repeat; position:relative; top:2px;}

/* This is the first div to hold content in the right column styles below it are to allow separate styling of the head  */
#dynamicBox{
position:relative;
float:left;
right:0px;
width:162px;
border-left: 2px solid #eaeaea;
border-top: 2px solid #eaeaea;
border-bottom: 2px solid #eaeaea;
border-right: 18px solid #eaeaea;
background-color:#fafafa;
margin-left:8px;
margin-right:0px;
padding-left:10px;
padding-right:0px;
padding-bottom:8px;
margin-bottom:6px;
padding-top:8px;
margin-top:10px;
font-size:90%;
}
#dynamicBox ul li{
position:relative;
left:-16px;
font-size:100%;
list-style-image:url(../../../../images/bulletDynamicBox.gif);
}
#dynamicBox ul a {
position:relative;
left:1px;
bottom:2px;
}
#dynamicBox ul img {
position:relative;
}

/* this is the right column div to hold content as required inc feature Boxes */
#featureBox{
position:relative;
float:left;
background-color:#ffffff;
width:192px;
margin-right:0px;
margin-left:8px;
margin-top:16px;
padding:0px;
}

/* the following are banner/logo bar design divs  */ 
#bannerBar	{
	width:948px;
	height:98px; 
	background-color:#8c64bc;
	position:relative;
	float:left;
	clear:both;
	
	 }  /* the outer holding div  */
#banBar01A {
	background-color:#6d459e;
	/* background-image: url(../../../../images/title-banner.gif); */
	width:401px;
	position:relative;
	float:left;
	height:98px;
}
#banBar01B {
	background-color:#8c64bc;
	width:547px;
	position:relative;
	float:left;
	height:48px;
}
#banBar01C {
	background-color:#6d459e;
	width:546px;
	position:relative;
	float:left;
	height:48px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;	
}

#banBar02 {
	background-color:#6d459e;
	width:71px;
	position:relative;
	float:left;
	height:48px;
	border-right: 1px solid #ffffff;		
}
#banBar03 {
	background-color:#8c64bc;
	width:70px;
	position:relative;
	float:left;
	height:48px;
	border-right: 1px solid #ffffff;	
}
#banBar04 {
	background-color:#8c64bc;
	width:73px;
	position:relative;
	float:left;
	height:48px;
	border-right: 1px solid #ffffff;	
}
#banBar05 {
	background-color:#8c64bc;
	width:180px;
	position:relative;
	float:left;
	height:48px;
	border-right: 1px solid #ffffff;	
}
#banBar06 {
	background-color:#8c64bc;
	width:149px;
	position:relative;
	float:left;
	height:48px;
}
#banBar07 {
	background-color:#8c64bc;
	width:70px;
	position:relative;
	float:left;
	height:49px;
	border-right: 1px solid #ffffff;
}
#banBar08 {
	background-color:#8c64bc;
	width:144px;
	position:relative;
	float:left;
	height:49px;
	border-right: 1px solid #ffffff;
}
#banBar09 {
	background-color:#8c64bc;
	width:70px;
	position:relative;
	float:left;
	height:49px;
	border-right: 1px solid #ffffff;
}
#banBar10 {
	background-color:#8c64bc;
	width:72px;
	position:relative;
	float:left;
	height:49px;
	border-right: 1px solid #ffffff;
}
#banBar11 {
	background-color:#8c64bc;
	width:70px;
	position:relative;
	float:left;
	height:49px;
	border-right: 1px solid #ffffff;
}
#banBar12 {
	background-color:#6d459e;
	width:115px;
	position:relative;
	float:left;
	height:49px;
}
/* above are the banner/logo bar design divs  */
/* Google Map Style */ 
#map {width:536px; height:600px; border:solid 1px #000000; position:relative; float:right; right:10px; }
#searchcontrol {width:200px; height:600px; position:relative; float:left; }
#slideShow { width:160px; height:160px; padding:10px; }

.searchResults a{
	margin-top:10px;}

#newsearch{background-color:#6d459e;
padding:0px;
width:250px;
margin:0px;
margin-left:5px;
border:0px;
vertical-align:middle;
position:relative;
top:13px;
/*background:url(../../../../images/search-box-label.gif) left no-repeat;*/
}
#gsearch
{
	width:250px;
	margin-top:10px;
	height:28px;
	margin-left:2px;
}

/*the following section controls the position of the search box*/
#newsearch label{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#fafafa;
	height:22px;
	display: none;
	}
	
#searchBox input{
	border:2px #eaeaea solid;
	background-color:#fafafa;	
	font-size:12px;
	padding:0px;
	width:172px;
	margin:0px;	
	vertical-align:middle;
	position:relative;
	right:2px;
	}
#searchBox img{
padding:0px;
border:0px;
margin:0px;
vertical-align:middle;
position:relative;
right:3px;
}
.search-label{position:relative;
left:1px;
top:1px;
text-align:left;
float:left;
}
/* Weekly wheely bin rotater styles - home page plug-in */

.mwrholder{ float:left; position:relative; }
#supportingText
{
	font-size:95%;
	background-color:#FFFFFF;
	color:#6d459e;
	margin:0px;
	width:210px;
	height:72px;
	float:left;
	padding:4px;
}
#WheelyRotater
{
    width: 525px;
    background-color: #6d459e;
    color: #EADFE9;
    margin-left:0px;
	margin-top:15px;
	margin-bottom:10px;
	margin-right:10px;
	border: solid 2px #cdcdcd;
}
#WheelyRotTitle
{
    font-size:95%;
    text-align:center;
	font-weight:bold;	
	background-color:#6d459e;
    color: #EADFE9;
	padding-top:3px;
	padding-bottom:3px;
	width:280px;
	float:right;
}
#WheelyRotaterTop
{
    width:140px;
    color: #eeeeee;
	background-color:#6d459e;
	position:relative;
	float:right;
}
#WRTImage
{
    position:relative;
    float:left;
    width:40px;
    padding:2px;
}
#WRTText
{
    position:relative;
    float:left;
    padding-top:5px;
	padding-left:2px; 
	font-size:90%;
 
}
.wrttext
{
    color: #EADFE9;		
}

#WheelyRotaterBottom
{
    width:140px;
	background-color:#6d459e;
	position:relative;
	float:right;		
}
#WRBImage
{
    position:relative;
    float:left;
    width:40px;
    padding:2px; 
	border-left: solid #6d459e 15px;   
}
#WRBText
{
    position:relative;
    float:left;
    padding-top:5px;
	padding-left:2px;	
	font-size:90%;	
}

#WheelyRotFooter
{
    font-size:98%;
	width:210px;
    text-align:center;
	font-weight:bold;
	background-color:#ffffff;
    color: #6d459e;
	margin-top:7px;
	margin-bottom:1px;
}
.wrtfootlink a:link { color:#6d459e; }
.wrtfootlink a:visited { color:#865CB8; }
.wrtfootlink a:hover { color:#ff8409; }
.wrtfootlink a:active { color:#eeeeee; }

.whtonpurplink { text-decoration:none; color:#E6DAE7; font-size:95%; margin-top:14px; margin-left:5px; }

/*Styles moved from user style list 11 November 2008*/

.quote{
	display:block;
	background-color:#FF8409;
	padding:8px;
	width:176px;
	font-size:85%;
	}
.quotemarkleft
{
	float:left;
	margin-left:0px;
	margin-right:6px;	
}
.quotemarkright
{
	position:relative;
	float:right;
	margin-left:4px;
	margin-right:0px;
	margin-top:-10px;	
}
.signature
{
	color:#ffedcd;
	background-color: #FF8409;
	font-weight:normal;
	margin-top:20px;
}
.video2 {
	background-color:#CCFF99;
	border:#000 1px ;
	color:#000;
	}
.search-label{
	position:relative;
	right:100px;
	}

/*Styles moved from user style list 11 November 2008*/

/* The breadcrumb does not correctly enforce the colour - more dev reqd. */
#breadcrumb { padding-top:12px; margin-left:0px; font-family: Verdana, Arial, sans-serif; color: #666666; font-size: 88%; padding-bottom:8px; }
.breadcrumb { padding-top:12px; margin-left:0px; font-family: Verdana, Arial, sans-serif; color: #666666; font-size: 88%; padding-bottom:8px; }
.breadcrumb a { color:#666666;}
.breadcrumb a:visited { color:#777777;}
.breadcrumb a:hover { color:#000000;}

/* this class style is for the dynamic maps in the right column */
.maprcol{
	position:relative;
	text-align:center;
	background-color: #FFFFFF;
	border: solid 2px #eeeeee;
	width:186px;
	height:298px;
	padding:0px;
} 

.pipeSpanGrey { background-color:#FFFFFF; color:#888; margin-left:4px; margin-right:4px; }	

/* topmenu website links */
.topSbcArrow {margin-right:4px; margin-left:3px; }

/* css for my top links */

/**This class keeps the first part of the link a constant colour**/

.my{
	color:#666;
	}
	
/*Homepage a-z styles.  This is the style for the hard-coded A-Z on the home page.  By Damion Pickup, November 2008*/

.azfront{
padding:0px;
margin:0px;
}

.azfront a{
display:block;    /*inline-block; */
border:1px solid #6d459e;
width:17px;
height:19px;
padding:0px;
text-align:center;
background-color:#f0e7fc;
color:#6d459e;
font-weight:bold;
margin-right:1px;
margin-top:4px;}

.azfront a:link{
display:inline-block;
border:1px solid #6d459e;
width:17px;
height:19px;
padding:0px;
text-align:center;
background-color:#f0e7fc;
color:#6d459e;
font-weight:bold;
margin-right:1px;
margin-top:4px;}

.azfront a:visited{
display:inline-block;
border:1px solid #6d459e;
width:17px;
height:19px;
padding:0px;
text-align:center;
background-color:#f0e7fc;
color:#6d459e;
font-weight:bold;
margin-right:1px;
margin-top:4px;}

.azfront a:hover{
display:inline-block;
border:1px solid #6d459e;
width:17px;
height:19px;
padding:0px;
text-align:center;
background-color:#ff860b;
color:#fff;
font-weight:bold;
margin-right:1px;
margin-top:4px;}

/* AtoZ CSS Added Matt Tomlinson @ Unified Solutions, 28/03/2006.  Modified for rebranding by Damion Pickup 13/11/2008 */
.azholder{
	margin-left:7px;
	position:relative;
	display:block;
	float:left;
	clear:both;
	}

#atozletters{
	/*  width:auto; test remove 04/12/09 */
	padding-bottom:0px;
	text-align:left;
}

#atozletters ul {	
	white-space: nowrap; 
	margin-bottom:15px;	 
	margin-left:-15px;
	margin-right:10px; 
	border: none; 
	list-style: none; 
	list-style-type: none;
	text-align:left;
	clear:both;
	}
#atozletters li {	
	background-image: none;
	height:20px;
	width: 19px;
	list-style-type: none;
	list-style-image: none;
	white-space: nowrap;
	margin-right: 1px;
	margin-bottom: 10px;  
	padding: 0px;
	float: left;
	text-align:center;
	display:inline-block;
}

#atozletters li a {
	/*  width:auto; test remove 04/12/09 */
}
#atozletters li a, #atozletters li strong {
	background-image: none;
	display: block;  
	border:1px solid #6d459e; 
	background-color:#f0e7fc;
	color:#6d459e;
	font-weight: bold;
	height:19px;
}

#atozletters li strong{
	color: #fff;
	background: #6d459d;	
	text-decoration: none; 
	font-weight: bold;
}
#atozletters li strong.disabled{
	color: #cccccc;
	background: #ffffff;	
	text-decoration: none; 
	font-weight:bold;
}

#atozletters li a:hover {
	background-color:#ff860b;
	color:#fff;
	font-weight:bold;
	 
	
}
#atozheader {	
	font-weight: bold;
	margin-bottom:0px; 
	margin-left: 1px;
	clear:both;	
}

.atozresults {	
	list-style-type : none;
	padding-left:0px;
/* 	background-image: url(../../../../images/design/bullet.jpg);*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top:10px;
	text-align:left;
	
}

/*Recycling a-z styles.  This is the style for the hard-coded A-Z on the recycling pages.  By Damion Pickup, December 2008*/

.azrecycle{
padding:0px;
margin:0px;
}

.azrecycle a{
display:inline-block;
border:1px solid #000;
/* width:; */
height:19px;
padding:3px;
text-align:center;
background-color:#0099cc;
color:#fff;
font-weight:bold;
margin-right:1px;
margin-top:4px;}

.azrecycle a:link{
display:inline-block;
border:1px solid #000;
/* width:; */
height:19px;
padding:3px;
text-align:center;
background-color:#0099cc;
color:#fff;
font-weight:bold;
margin-right:1px;
margin-top:4px;}

.azrecycle a:visited{
display:inline-block;
border:1px solid #000;
/* width:; */
height:19px;
padding:3px;
text-align:center;
background-color:#0099cc;
color:#fff;
font-weight:bold;
margin-right:1px;
margin-top:4px;}

.azrecycle a:hover{
display:inline-block;
border:1px solid #000;
/* width:; */
height:19px;
padding:3px;
text-align:center;
background-color:#fff;
color:#0099cc;
font-weight:bold;
margin-right:1px;
margin-top:4px;}

.ukmap {
	text-align:center;
	margin-top:35px;
	margin-bottom:15px;
	color:#eee;
}


.jobplugin{
	margin-top:5px;
	margin-bottom:40px;
}

.alljobscouncil{
	margin-top:10px;
	float:right;
	clear:both;
	font-weight:bold;
	padding-right:3px;
	}
	
.jobsright{
	clear:both;padding-bottom:2px;width:160px;
	}

.greygt{
	color:#999999;
	font-weight:bold;
	}

/* stylesheet for the Search box  */

#mySearchBox
{
    position: relative;
	float:left;    
    width: 250px;
    height: 26px;
    background-color: #6d459e;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: 4px;
    padding: 0px;
    color: #F7E4F8;
}
.gregssearchword
{
    position: relative;
    float: left;
    width: 50px;
    height: 26px;
    background-color: #6d459e;
    margin-top: 3px;    
}
.buttonmove
{
	position:relative;
	float:left;
	margin-left:0px;
	background-color:#6d459e;
	width:16px;
	height: 26px;
    margin-top: 3px;		
}
.searchtextboxmove
{
    position: relative;
    float: left;
    background-color: #eeeeee;
    width: 174px;
    height: 22px;
    margin-left: 0px;
    margin-top: 3px;
}

.keyinfo{
	padding-bottom:5px;
	}

.consultHeading{
	display:block;
	background-color:#6d459e;
	color:#fff;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:3px;
	}
.linkboxtitle{
	margin-left:10px;
	}
#newsarchive{
background-color:#EAEAEA;
text-align:center;
display:block;
padding:10px;
}
#newsarchive p{
font-weight:bold;
text-align:center;
}

/* stylesheet for the Disclosure Log Search box  */

#myDLSearchBox
{
    position: relative;
	float:left;    
    background-color: #fff;
    color: #F7E4F8;
}
.dlsearchword
{
    position: relative;
    float: left;
    margin-top: 3px;    
}
.dlbuttonmove
{
	position:relative;
	float:left;
	margin-left:0px;
	width:16px;
    		
}
.dlsearchtextboxmove
{
    position: relative;
    float: left;
	border: 1px solid #eeeeee;
    width: 174px;
    
}