/* Promo Box */
.promo {text-align:center; padding: .5em}
.promo a {font-weight:bold}

/* General text elements and container divs */
body {
	text-align:center;
	font: 70%/1.2em verdana, arial, sans-serif; 
	margin:0;
	padding:0;
	color: #333;
	background-color: #fff;
}

h1 {
	font-size: 1.7em; 
	margin: 1em 0;
	clear:left;
	line-height:normal;
}

h2 {
	font-size: 1.2em; 
	color: #333;
	margin: 1em 0;
}

h3 {font-size: 1.1em}

h4 {font-size: 1em}

h5 {}

ul, ol { }

p {
	line-height: 1.2em;
	margin:0;
	padding:.5em 0;
}

a {text-decoration:none}
a:hover {text-decoration:underline}
a:visited { }

img {border:0; margin:0}


.StandardTable{}


hr {
	clear:both;
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: none;
	padding: 0;
	margin: .6em 0;
}


.coloured{
	color:#5f9203;
}

.intro {font-weight:bold}

.float-left{float:left;}
.float-right{float:right;}

/*Added by DS after client feedback - colour differentiation wanted in the Regions section*/
h1#region {
	color:#057D7E;
}

.column h1 {margin: .2em 0 .5em 0;}

.column h2 {
	font-size: 1.5em; 
	font-weight:bold;
	border-bottom: 1px solid #000; 
	padding: .2em 0 .8em 0em; 
	margin-bottom:.5em; 
}

/*Added by DS after client feedback - colour differentiation wanted in the Regions section*/
.column h2.region {
	color:#057D7E;
}

.column h2 span {font-size: .65em}

.column h3 {
	margin-bottom:0; 
	padding-bottom:0;
}


.url
{
	display:block;
	width:100%;
	overflow:hidden;
}

.StandardTable table, table.StandardTable {
	clear:both; 
	margin:.5em 0; 
	padding:0; 
	border-collapse:collapse; 
	width:100%;
	font-size: 1em;
}
.StandardTable caption {text-align:left; }
.StandardTable td, th {
	vertical-align:top; 
	text-align:left; 
	padding-right:1em; 
	margin:0;
}


.errorMessage
{
	border:3px solid red;
	color:Red;
	margin-top:2em;
	margin-bottom:0.5em;
	padding:4px;
	font-size:1.2em;
}

.errorMessageLeft
{
	color:Red;
}
#skipLinks { /* For accessibility */
	position: absolute;
	left:0;
	top: -500px;
}

/* All navigation on site: main, sub and breadcrumb nav */
/* Top level Navigation - top of screen 
-------------------------------------------------------------------
*/
#navWrap {
	float:left;
	width: 98%;
	background: url(../../images/bg-nav.gif) no-repeat left bottom #FFFFFF;
}

#navMain {
	float:left; 
	padding-bottom: 0px; 
	padding-right: 15px; 
	width: 100%;
	background: url(../../images/bg-nav2.gif) no-repeat right bottom transparent;
}

#navWrap ul {
	float:left;
	margin: 1em 0 0 0;
	margin-left: 15px;
	padding:0 0 0 1em;
	width: 95%;
}

#navWrap ul li {
	list-style:none;
	float:left;
	margin:0 .2em; 
	padding:0; 
	display:inline;
	line-height: 2em; 
}
#navWrap ul li.national {float:right}

#navWrap ul li a {
	float:left;
	padding: 0 .6em; 
	text-decoration:none;
	background: #000;
	color: #fff; 
	border-bottom: 3px solid #4d4d4d;
}

#navHeaderBG 
{
	background: url(../../images/bg-navbg.gif) repeat-x bottom transparent;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	margin-left:15px;
	height:3.2em;
	display:block;
}

/* Secondary Navigation - left side of screen 
-------------------------------------------------------------------
*/
   
#navSecondary {
	float: left; 
/*	width: 25.2%; */
/* needs to be slightly smaller to stop main content jumping down when in edit site */
	width: 25.1%;
}

#navSecondary ul {margin:0; padding:0}

#navSecondary ul li {
	margin:0;
	padding:0;
	list-style:none; 
}

#navSecondary ul li, #navSecondary ul li ul li, #navSecondary ul li ul li ul li
{
	border-top: 1px solid #fff;  
}

#navSecondary > ul > li:first-child
{
	border-top-width:0px;
}

#navSecondary ul li a { 
	border-left: 5px solid #000; 
	padding: .3em 0 .3em .5em; 
	display:block;
}
#navSecondary ul li a:hover,
#navSecondary ul li.on {text-decoration:none; border-left-color: #000;}

/* Third level nav */
#navSecondary ul li ul li a {border-left-width: 12px;}

/* Fourth level nav */
#navSecondary ul li ul li ul li a {border-left-width: 22px;}


/* Breadcrumb Nav
-------------------------------------------------------------------
 */

#breadcrumb {
	float:left; 
	clear:both;
	margin: .5em 0 1em 0;
	width: 85%;
}
#breadcrumb ul {
	margin:0; 
	padding:0;
}
#breadcrumb ul li {
	list-style:none; 
	margin:0; 
	padding:0; 
	display:inline;
}

/* All styled content on site. Contains styles for all container divs */
#wrapper {
	width: 69.5em; 
	margin:0 auto;
	text-align:left;
	background: url(../../images/bg-body.gif) repeat-y  #fff;
	display: block;

}

/* Branding for the site 
--------------------------------------------------------------------------
*/

#brandWrap {
	width: 98%; 
	clear:both; 
	background: url(../../images/bg-shadow.gif) repeat-y right; 
	padding-right: 15px;
}

.branding {	
	text-align:right; 
	background: no-repeat top left #e8e8e8;
	margin-left: 15px;
	border-bottom-style: solid;
	border-bottom-width:5px;
}


/* Main content area & wrapper 
--------------------------------------------------------------------------
*/

#contentWrap {
	margin-left: 15px;
	background: #fff;
	padding: 0 ;
	width: 98%;

}
.section #contentWrap {background: url(../../images/bg-contentwrap.gif) repeat-y left #f6f6f6; }

#content {
	width: 94%;
	background: url(../../images/bg-shadow.gif) repeat-y right #fff; 
	padding: 2%;
	padding-right: 4%;
}
.section #content {
	width: 68%; 
	float:right; 
	border-left: 5px solid #000; 
	min-height:26em;
}


.fakeiframe{
	height:30em;
	overflow:auto;
}
.fakeiframe .inner{
	width:95%;
}

/* Footer 
--------------------------------------------------------------------------
*/

#footerWrap {
	width: 98%;
	background: url(../../images/bg-shadow.gif) repeat-y right; 
	padding-right: 15px;
}
#footer {
	margin-left: 15px; 
	background: url(../../images/bg-footer.gif) repeat-y left;
	padding: 1em 0;
	padding-left: 35px; 
	border-top-style:solid;
	border-top-width: 5px;
}

#footer p {
	float:right; 
	width: 10em; 
	padding:0; 
	margin:.3em 0;
}

#footer ul {
	margin:.3em 0;
	padding:0;
}

#footer ul li {
	margin:0;
	padding:0;
	display:inline;
}
#footer ul span {margin-left: -.4em}
#footer ul span li {padding-left: .4em}

#footer ul li a {
	border-right: 1px solid #000;
	padding: 0 .6em 0 .2em;
	color: #000;
}	

#footer ul li.last a {border-right:none}

#footerBase {background: url(../../images/bg-footerbase.gif) no-repeat bottom left #fff }
#footerBase p {
	background: url(../../images/bg-footerbase2.gif) no-repeat bottom right; 
	margin:0; 
	padding:0; 
	line-height: 1em; 
	font-size: 1em;  
}

/* Page layout for landing & secondary pages 
--------------------------------------------------------------------------
*/

.column {
	float:left; 
	width: 20em;  
	padding-right: 1em; 
}
.columnRt {
	float:right; 
	width: 21em;
}

/* Feature boxes */
.feature, 
.feature2 {
	clear:both;
	margin-bottom: 1em; 
	padding: 1em;
	border-width: 5px;
	border-style:solid;
}
.feature h3, .feature2 h3 {margin:0; padding:0;  font-size:1.4em; }
.feature2 h4 {margin:0; padding-bottom:0;}
.feature2 .regButton {text-align:right}

/* Promo Box */
.promo {text-align:center; padding: .5em}
.promo a {font-weight:bold}

/* 
Generic site-wide classes
--------------------------------------------------------------------------
 */
 
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;} /* For IE 7 & IE5Mac */
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clearer {
	clear:both; 
	font-size: 1px; 
	line-height: 1px; 
}

.hidden {
	padding: 0;
	text-indent: -9999px;
	line-height:1px;
	height: 1px;
	color: #fff;
}
.hidden:lang(en) {display:none} /* for opera */


.button {vertical-align: middle }

.rtFloat {float:right}
.ltImgFloat {float:left; margin: 0 1em 1em 0}


/* 
Page-specific styles
--------------------------------------------------------------------------
 */

/* A-Z letters */
.azLetters {margin:0; padding:0}
.azLetters li {
	padding:0; 
	float:left; 
	list-style:none;
	line-height:1.5em;
	margin: 0 .1em .1em 0;
	width: 2em;
	text-align:center;
}

.azLetters .current {font-weight:bold}
.azLetters .current a:hover {text-decoration:none}

.long li {margin-right: .45em;}
.double li {margin-right: 1.5em;}

/* Page tools */
#pageTools 
{
	display:block;
	background: #c8c8c8; 
	border: 5px solid #d9d8d8;
	padding: .3em .4em;
	margin-bottom: 1em;
	line-height:1em;
}

#pageTools #searchForm 
{
	display:inline;
	margin: .2em 0 .1em 0;
	padding:0;
	float:left;
	width:100%;
}

div#accessibilitydiv
{
	display:inline;
	float:right;
	margin-top:-1.55em!important;
	margin-top:-1.7em;
}

#pageTools img, #pageTools .TextSizeButton {vertical-align:middle; }
#pageTools a {color: #000}

.leftborderme
{
	padding: 0 4px;
	margin: 0;
	border-left-style: solid;
	border-left-width: 1px;
}

.printIcon {
	float:right; 
/*	line-height:16px;*/
	line-height:20px;
	white-space:nowrap;
	display: block;

/*clear:both;*/
}

.printIcon div 
{
	margin:0;
	padding:0;
	white-space:nowrap;
}

.printIcon a, .printIcon input
{
	padding-right: 6px;
}
/*	padding-right: 21px;
	background-repeat:no-repeat;
	background-position:right top;
	background-image: url(../../images/ico-print.gif);
}*/

/*
a.rssIcon
{
	padding-right: 16px;
	background-image: url(../../images/feed-icon-14x14.png);
	background-repeat:no-repeat;
	background-position: right top;
}
*/

/* Photos within content areas */
.contentPhoto {	
	float:right; 
	margin: 0 0 1em 1em;
}
.contentPhoto img {
	padding: 5px; 
	border: 3px solid #f6f6f6;
}
.contentPhoto h2 {
	margin:.5em 0 0 .5em; 
	color: #333; 
	padding:0;
}
.contentPhoto p {
	margin-left: .5em; 
	padding: .2em 0 .5em 0;
}

/* Listings pages template */

.listings h3, 
.listings h3 a {
	font-size: 1.1em; 
	margin-bottom:0; 
	padding-bottom:0; 
}
.listings p {padding: .3em 0; margin:0}
.listings .imageHolder {float:right; margin: 0 0 1em 1em;}

.listingTools {text-align:right; clear:both; }
.listingTools p {float:right; width: 25%; margin-bottom: .5em}
.listingTools img {vertical-align:middle}

.listingFilters p {float:left; width: 60%}
.listingFilters .results {
	float:right; 
	text-align:right; 
	width: 40%;
}
/* Used by FfE Publication web site to show the No of Records Lable & drop-down */
.recordsPerPage {
	float:left ; 
	text-align:left; 
	width: 200px;
	padding-top:.3em; 
}

/* FfE Publication */
.boldLable{ font-weight:bold}
.boldLableUnderLine { font-weight:bold;text-decoration:underline; }
.boldLableRightPadding { font-weight:bold;margin-right:15.3em;}
.rowSpacingBottom{height:.6em;}

.recordsPerPage select {width: 5em}

.listingFilters .defaultSort {text-decoration:underline}

.filterSelect select {width: 12em}

/* Detail page layouts */
.detailTable th {text-align:right; width: 30%}
.detailTable th, .detailTable td {padding-bottom: .5em }
.detailLinks {text-align:right; padding: .5em 0}
.detailLinks p {display:inline; margin: .5em}
.detailLinks img {vertical-align:middle}
/* Table USED IN ffePUBLICATION.*/
.gridTable table 
{ 
	width :100%;	
	border-collapse: collapse;
	border-left:1px solid black;
	border-top:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
}


.gridTable .smallTable {width:50%;}

.gridTable td  {border-right :1px solid black;
		border-bottom: 1px solid black;
	padding:0.25em;}
	
	
.gridTable .leftAlignColumn  {text-align:left; }	
.gridTable .centerAlignColumn  {text-align:center; }	

.gridTable  th {	
		border-top: 1px solid black;
		border-right :1px solid black;
		border-bottom: 1px solid black;	
		text-align:center;
		vertical-align:middle;  }

.gridTable .leftAlignHeader 
{
	text-align:left;
}

/* Bio Pages */
.bioList {float:left; width: 100%; padding: .5em 0 1em 0}
.bioList img {float:left; margin-right: 1em; }
.bioList p {margin-bottom:0; padding-bottom:0}
.bioList h2 {margin:0; padding:0}

/* Software pages */
.softwareList h2, 
.softwareList h3 {
	margin-bottom:0; 
	padding-bottom:0; 
}
.softwareList td p {margin-top:0; padding-top:0}
.softwareList td img {margin-bottom: .5em}
.softwareList table {margin-bottom: 2em}
.softwareInfo td {width: 50%}


/* Document details for software pages */
.docDetails { } /* table */
.docDetails th, .docDetails td {padding: .3em }
.docDetails th {background: #d9d8d8 }
.docDetails .even {background: #eee}
.docDetails .name {width: 40%}

/* Annual report styles */
.reportChapter {
	padding: 1em; 
	padding-right: 20%; 
	border:1px solid #eee; 
	margin-bottom: 1.5em; 
}
.reportChapter h2,
.reportChapter h3 {margin:0; padding:0;}
.reportChapter h2 {color: #333 }
.reportChapter img {vertical-align:middle}
.reportChapter {background: no-repeat top right #fcfcfc; }


.nextButton {text-align:right}

/* Download Annual report chapters */
.downloadChapters p {margin-bottom:0; padding-bottom:0}
.downloadChapters ul {margin:.5em 0 0 0; padding-left:1.5em}


/* Search results list */
.resultsList h3 {margin-top:0}
.resultsList ol li {padding-bottom: 1em}
.resultsList ol li img {vertical-align:middle}

.listRegions {
	float:right;
	width: 46%;
	text-align:right;
	
}

.listRegions select, 
.listRegions input, 
.listRegions img {vertical-align:middle }

/* Image map styles for home page */

#regionMap {
	display:block; 
	width:190px; 
	height:200px; 
	background:url(../../images/map-regions.gif) no-repeat; 
	position:relative; 
	margin:1em auto;
}



#regionMap a {
	color:#333; 
	font-weight:bold; 
	text-decoration:none;
	font-size: .9em;
	line-height: 1em;
	display:block;
	height:0;
	overflow:hidden;
	position:absolute;
	background-repeat: no-repeat;
	background-position: 190px 200px;
}

#regionMap a:hover {background-position: 0 0; overflow:visible; }

#regionMap dt {
	display:block; 
	width:60px; 
	padding-top:17px; 
	position:absolute; 
	left:0; 
	top:0; 
	color: #fff; 
	font-weight:bold;
	height:0; 
}


/* Position and background images for regions */

#mapEastMidlands {
	width:55px; 
	padding-top:60px; 
	left:106px; 
	top:80px; 
	background-image: url(../../images/map-eastmidlands.gif)
}
#mapNorthEast {
	width:38px; 
	padding-top:55px; 
	left:100px; 
	top:0px; 
	background-image: url(../../images/map-northeast.gif);
}
#mapNorthWest { 
	width:34px; 
	padding-top:100px; 
	left:78px; 
	top:19px; 
	background-image: url(../../images/map-northwest.gif) ;
}
#mapSouthEast { 
	width:79px; 
	padding-top:60px; 
	left:102px; 
	top:129px; 
	background-image: url(../../images/map-southeast.gif) ;
}
#mapEast { 
	width:58px; 
	padding-top:60px; 
	left:132px; 
	top:102px; 
	background-image: url(../../images/map-east.gif) ;  
	z-index: 98;
}
#mapSouthWest { 
	width:100px; 
	padding-top:70px; 
	left:15px; 
	top:131px; 
	background-image: url(../../images/map-southwest.gif) ;
}
#mapWestMidlands { 
	width:44px; 
	padding-top:50px; 
	left:81px; 
	top:92px; 
	background-image: url(../../images/map-westmidlands.gif) ;
}
#mapYorkshire { 
	width:57px; 
	padding-top:50px; 
	left:99px; 
	top:45px; 
	background-image: url(../../images/map-yorkshire.gif) ;
}
#mapLondon {
	width:22px; 
	padding-top:40px; 
	left:136px; 
	top:149px; 
	background-image: url(../../images/map-london.gif); 
	z-index:99
}

/* Large map */

#regionMapLarge,
#regionMapLarge2 {
	display:block; 
	width:400px; 
	height:421px; 
	background:url(../../images/map-regions-large.gif) no-repeat; 
	position:relative; 
	margin:1em auto 2em auto;
} 

#regionMapLarge2 {background:url(../../images/map-regions-large2.gif) no-repeat; }

#regionMapLarge a,
#regionMapLarge2 a {
	color:#333; 
	font-weight:bold; 
	text-decoration:none;
	font-size: .9em;
	line-height: 1em;
	display:block;
	height:0;
	overflow:hidden;
	position:absolute;
	background-repeat: no-repeat;
	background-position: 190px 200px;
}

#regionMapLarge a:hover,
#regionMapLarge2 a:hover {background-position: 0 0; overflow:visible; }

#regionMapLarge a span,
#regionMapLarge2 a span {
	background: #fff; 
	border:1px solid #999; 
	display:block; 
	padding: .2em;
}

#regionMapLarge dt,
#regionMapLarge2 dt {
	display:block; 
	width:100%; 
	position:relative; 
	left:0; 
	top:0; 
	font-weight:bold;
 }
 
 /* Position and background images for regions of LARGE map */

#regionMapLarge #mapEastMidlands,
#regionMapLarge2  #mapEastMidlands {
	width:119px; 
	padding-top:119px; 
	left:222px; 
	top:169px; 
	background-image: url(../../images/map-eastmidlands2.gif)
}
#regionMapLarge2  #mapEastMidlands {background-image: url(../../images/map-eastmidlands2R.gif)}

#regionMapLarge #mapNorthEast,
#regionMapLarge2 #mapNorthEast {
	width:83px; 
	padding-top:110px; 
	left:210px; 
	top:0px; 
	background-image: url(../../images/map-northeast2.gif);
}
#regionMapLarge2 #mapNorthEast {background-image: url(../../images/map-northeast2R.gif); }


#regionMapLarge #mapNorthWest,
#regionMapLarge2  #mapNorthWest { 
	width:74px; 
	height:0; 
	padding-top:172px; 
	left:164px; 
	top:41px; 
	background-image: url(../../images/map-northwest2.gif) ;
}
#regionMapLarge2  #mapNorthWest {background-image: url(../../images/map-northwest2R.gif) ; }

#regionMapLarge #mapSouthEast,
#regionMapLarge2  #mapSouthEast { 
	width:169px; 
	height:0; 
	padding-top:125px; 
	left:215px; 
	top:271px; 
	background-image: url(../../images/map-southeast2.gif) ;
}
#regionMapLarge2  #mapSouthEast { background-image: url(../../images/map-southeast2R.gif) ;}

#regionMapLarge #mapEast,
#regionMapLarge2 #mapEast { 
	width:125px; 
	height:0; 
	padding-top:119px; 
	left:275px; 
	top:215px; 
	background-image: url(../../images/map-east2.gif) ;  
	z-index: 98;
}
#regionMapLarge2 #mapEast {background-image: url(../../images/map-east2R.gif) ;  }

#regionMapLarge #mapSouthWest,
#regionMapLarge2 #mapSouthWest { 
	width:212px; 
	height:0; 
	padding-top:145px; 
	left:31px; 
	top:276px; 
	background-image: url(../../images/map-southwest2.gif) ;
}
#regionMapLarge2 #mapSouthWest {background-image: url(../../images/map-southwest2R.gif) ; }

#regionMapLarge #mapWestMidlands,
#regionMapLarge2 #mapWestMidlands { 
	width:94px; 
	height:0; 
	padding-top:103px; 
	left:170px; 
	top:194px; 
	background-image: url(../../images/map-westmidlands2.gif) ;
}
#regionMapLarge2 #mapWestMidlands { background-image: url(../../images/map-westmidlands2R.gif) ;}

#regionMapLarge #mapYorkshire,
#regionMapLarge2  #mapYorkshire { 
	width:121px; 
	height:0; 
	padding-top:100px; 
	left:209px; 
	top:94px; 
	background-image: url(../../images/map-yorkshire2.gif) ;
}
#regionMapLarge2  #mapYorkshire {background-image: url(../../images/map-yorkshire2R.gif) ; }

#regionMapLarge #mapLondon,
#regionMapLarge2 #mapLondon {
	width:46px; 
	height:0; 
	padding-top:32px; 
	left:286px; 
	top:312px; 
	background-image: url(../../images/map-london2.gif); 
	z-index:99
}
#regionMapLarge2 #mapLondon {background-image: url(../../images/map-london2R.gif);  }

/* Site map */

.siteMap ul {margin:0; padding:0}
.siteMap ul li {
	margin:0; 
	padding:.5em; 
	list-style:none; 
	line-height: 1.2em; 
	font-weight: bold; 
	font-size: 1.2em; 
	background: #f0f0f0; 
	margin-bottom: 1em 
}

.siteMap ul li a {
	padding-bottom: .3em; 
	margin-bottom: .3em; 
	border-bottom: 1px dotted #999; 
	display: block
}

.siteMap ul li ul li {
	background: url(../../images/bg-bullet2.gif) no-repeat .2em .4em; 
	margin-bottom:0; 
	padding: 0 0 0 1.2em; 
	font-size: .9em; 
	font-weight: bold;
}

.siteMap ul li ul li a {border-bottom:none; padding:0; }

.siteMap ul li ul li ul li { 
	background: url(../../images/bg-bullet3.gif) no-repeat .2em .4em; 
	font-weight:normal;
}

/* Contact us - regional and local listing pages */

.contactList h2 {margin-bottom: 0; padding-bottom:0 }

.regionContacts p {float:left; width: 48%}

.partnerList p {clear:both}

/* Accessibility: colour scheme changers */

#changeScheme { }
#changeScheme fieldset {margin-bottom: 1em; padding: .5em 0; float:left; width: 45%}
#changeScheme div {float:left; width: 3em; height: 3em; margin: 0 1em 1em 0; border:1px solid #000; background-color:#fff; background-position: 50% 50%;}
#changeScheme input {background: #eee; border:1px solid black}
#changeScheme .accessBlack {background: #000;}
#changeScheme .accessYellow {background: #ff0 }
#changeScheme .accessCBlack {background-image: url("../../images/accessCBlack.gif");}
#changeScheme .accessCWhite {background-image: url("../../images/accessCWhite.gif");}

/* Forms styles */
form {
	margin:0; 
	padding:0;
}

fieldset label {font-weight:normal; color: #333; }

fieldset {
	border:0 solid; 
	margin:0; 
	padding:0;
}
legend { }
input, select {font-size: 1em}
input,
select {font-size: 85%}
input {margin:0;}
button {}


/* Form-specific styles:
--------------------------------------------------------------------------
*/

/* main TWO COLUMN FORM layout */
/* change this to generic form WITHOUT a class, if all the forms follow two-col formal */

.twoColForm label,
.twoColForm input,
.twoColForm select {display:block; float:left}

.twoColForm label {
	width: 30%; 
	text-align:right; 
	margin: .4em 0;
	padding-right: 2em; 
	clear:left;
} 


/* Used by FfE publication web site to make the asp lable in same line  */
.twoColForm .ASPLable {text-align:left; margin:.4em 0;}
.twoColForm .providerErrorMessage {margin-left:6em;width:90%;color:Red;   }

.twoColForm .boldLableSmallRow {display:block; float:left;text-align:right;width: 30%;margin: .4em 0;font-weight:bold;padding-right: 2em; }
.twoColForm .boldLableBigRow   {display:block; float:left;text-align:right;width: 40%;margin: .4em 0;font-weight:bold;   }

.twoColForm input
.twoColForm select {margin: .3em 0;}
.twoColForm select {width: 53%}
.twoColForm fieldset {float:left;}
.twoColForm fieldset div {
	float:left; 
	margin-right: 1em;
}

.twoColForm div {
	float:left; 
	width: 65%;
}

/* FfE Publication . Used for space */
.twoColForm .space {	
	width: 10px;
}

.twoColForm div p {
	clear:left; 
	margin:.1em 0 .5em 0; 
	padding:0; 
}
/* DivTr Used by FfE Publication web site ************************************** */
.Divtr
{
	text-align:left;
	width:100%;
	float:left;
	display:block;
	clear:left;
	margin-bottom: .3em;
}

.Divtr .Divtd .value
{
	text-align:left;
	width:25%;
	float:left;	
	display:inline-block ;
	
}

.Divtr .Divtd .lable
{
	text-align:right;	
	font-weight:bold;
	float:left;
	width:22%;
	padding-right:.5em; 
	display:block;
}

/* alternate TWO COLUMN QUESTIONNAIRE layout */

.twoColQuestion p {width: 75%; padding:.2em 0; padding-right: 1%; margin: .5em 0; float:left; text-align:left; display:block;  line-height: 1.3em}
.twoColQuestion fieldset {float:right; width: 19%; margin: .5em 0; padding-top: .2em}
.twoColQuestion fieldset label, 
.twoColQuestion fieldset input {float:left; width: auto; margin: 0 .2em; padding:0; display:inline }

/* FFE Publication web site */
.buttonDiv
{
	text-align:right; 
	width:95%;
	
}

.buttonDiv input
{	
	
	margin-left :1em; 
	
}


.vacancyiframe iframe
{
	border:0px none;
}


/* Special Fieldset layouts (radio buttons, checkboxes, text inputs etc.)
--------------------------------------------------------------------------
*/

/* Horizontal layout for Date (text input) fieldsets */
fieldset.formDate {
	float:left; 
	width: auto; 
	margin: 0; 
	padding-top: .2em 
}
fieldset.formDate input,
fieldset.formDate label {
	float:left; width: auto; padding:0; display:inline;margin: 0 .2em;
}
fieldset.formDate input { 
	float:left; 
	margin-bottom:0;
}
fieldset.formDate label {
	float: left; 
	clear:left; 
	display:inline; 
	width: auto; 
	font-weight:normal;
}
fieldset.formDate div {float:left; width: auto}

/* Horizontal layout for drop-down select box fieldsets */
fieldset.horizSelectBox {
	float:left; 
	width: auto; 
	margin: 0; 
}
fieldset.horizSelectBox select,
fieldset.horizSelectBox label {
	float:left; width: auto; padding:0; display:inline;margin: 0 .2em;
}
fieldset.horizSelectBox input { 
	float:left; 
	margin-bottom:0;
}
fieldset.horizSelectBox label {
	float: left; 
	clear:left; 
	display:inline; 
	width: auto; 
	font-weight:normal;
}
fieldset.horizSelectBox div {float:left; width: auto}

/* Vertical layouts of radio button fieldsets */
.twoColForm fieldset.vertical, 
.twoColForm fieldset.verticalRequired {
	float:left; 
	width: 65%; 
	margin-bottom:1em;
}

.twoColForm fieldset.verticalRequired {background: url(../../images/bg-dash-vert.gif) repeat-y left}

fieldset.vertical input,
.twoColForm fieldset.verticalRequired input {
	float:left; 
	clear:left; 
	display:inline;
	margin: .3em .4em; 
	padding:0;
}

fieldset.vertical label,
fieldset.verticalRequired label {
	clear:none; 
	text-align:left; 
	margin: .2em; 
	padding:0;
	float:left; 
	width: 85%;
	font-weight:normal;
}


/* Horizontal layouts for checkboxes and radio buttons */
fieldset.horizontal { }
fieldset.horizontal label, 
fieldset.horizontal input {float:left; padding:.2em .1em}
fieldset.horizontal label {margin: 0 0 0 .3em; padding-top:0;  padding-right: 1em; }
fieldset.horizontal select {width: 30%}
fieldset.horizontal input {margin-top:.2em; margin-left: .2em}
fieldset.horizontal p.inline { float:left; padding-right: .5em; width:6em}


.spectrum label {width: 10%; padding-right: 2%; margin:0 }
.spectrum input {margin:0; padding-left:0; }

/* Form Layouts shared generically among tools
--------------------------------------------------------------------------
*/

/* Special Classes  */

.requiredTask {vertical-align:middle;}
.twoColForm label .requiredTask {float:right; position:relative; left: 1.2em; top: -.8em }
.twoColQuestion .requiredTask {float:right; padding-top: .4em;}

p.explanation {float:left; clear:none; margin:0 0 .3em 1em; color: #666;}
fieldset p.explanation {margin-left: 0}

.info {cursor: help}

.errorMessage {clear:both; }
.twoColForm .errorMessage{ float:none; width:auto; margin-bottom:2em;}
.errorMessage p, 
.errorMessage li {color: red}
.errorMessage p { padding-bottom:0}



/* PROCESS BUTTONS: Layout for lists of buttons on form pages: Previous, Next etc. */

ul.processButtons {
	float:left; 
	width: 100%; 
	margin: 0 0 1em 0;
	clear:both;
	padding:0;
}

ul.processButtons li {
	margin:0; 
	padding:1px 0; 
	float:right; 
	width: 33%; 
	list-style:none;
}
ul.processButtons li.btMiddle {text-align:center}
ul.processButtons li.btRight {text-align:right}
ul.processButtons li.btLeft {text-align:left}
ul.processButtons li p {padding-top: 0;}
/* shows pagination on results pages */
ul.processButtons li.pageResults {text-align:center}
ul.processButtons li.pageResults p a {padding:.2em .3em}
ul.processButtons li.pageResults p .current {padding:.2em .3em; color: #000; font-weight:bold}
ul.processButtons li.pageResults p a:hover.current {text-decoration:none}

/* PROGRESS BAR: 
used for "stepped" progress indicators. */

#progressBar {
	float:left;
	text-align:center; 
	width: 100%; 
	clear:both; 
	margin:.5em 0;
}
#progressBar ul, 
#progressBar ol {width: 530px; margin:0 auto; display:block; }
#progressBar li {margin:0; padding:0;}
#progressBar ol {float:left; padding:0; }
#progressBar ol li {float:left; list-style:none; padding-top: 2em; line-height:1.2em;}
#progressBar ol li.on {color: #393; background: url(../../images/pb-bg-on.gif) no-repeat top right; }
#progressBar ol li.done {background: url(../../images/pb-bg-done.gif) no-repeat top right}
#progressBar ol li.first {color: #393;}
#progressBar ol li.first,
#progressBar ol li.firstDone {background-position: top; background-repeat: no-repeat}
#progressBar ol li.last {color: #393; background: url(../../images/pb-bg-last.gif) no-repeat top right;}

/* Two items */
.progress2 {background: url(../../images/pb-bg.gif) no-repeat }
#progressBar .progress2 li {width: 265px; }
#progressBar .progress2 li.first {background-image: url(../../images/pb-bg-2-f-on.gif);}
#progressBar .progress2 li.firstDone {background-image: url(../../images/pb-bg-2-f-done.gif);}

/* Three items */
.progress3 {background: url(../../images/pb-bg-3.gif) no-repeat }
#progressBar .progress3 li {width: 176px; }
#progressBar .progress3 li.first {background-image: url(../../images/pb-bg-3-f-on.gif);}
#progressBar .progress3 li.firstDone {background-image: url(../../images/pb-bg-3-f-done.gif);}

/* Four items */
.progress4 {background: url(../../images/pb-bg-4.gif) no-repeat }
#progressBar .progress4 li {width: 132px; }
#progressBar .progress4 li.first {background-image: url(../../images/pb-bg-4-f-on.gif);}
#progressBar .progress4 li.firstDone {background-image: url(../../images/pb-bg-4-f-done.gif);}

/* Five items */
.progress5 {background: url(../../images/pb-bg-5.gif) no-repeat }
#progressBar .progress5 li {width: 106px;}
#progressBar .progress5 li.first {background-image: url(../../images/pb-bg-5-f-on.gif);}
#progressBar .progress5 li.firstDone {background-image: url(../../images/pb-bg-5-f-done.gif);}

/* Six items */
.progress6 {background: url(../../images/pb-bg-6.gif) no-repeat }
#progressBar .progress6 li {width: 88px; }
#progressBar .progress6 li.first {background-image: url(../../images/pb-bg-6-f-on.gif);}
#progressBar .progress6 li.firstDone {background-image: url(../../images/pb-bg-6-f-done.gif);}

/* CMS styles */
.CmsDialogue{
	background-color:#CCCCDD;
	padding:8px;
	border:2px solid #330066;
	margin:1em 0;
}
.CmsDialogue input{
	margin-right:8px;
}
.CmsDialogue .CmsCaption{
	display:block;
	text-align:center;
	margin-bottom:8px;
	margin-top:-4px;
	font-weight:bold;
}

.CmsSearch{
margin-top:8px; padding-top:8px;
border-top:2px groove #CCCCDD;
}
.CmsSearch .CmsSearchStatus{
	display:block;
	margin-bottom:8px;
}
.CmsSearch .CmsSearchList{
	width:100%;
	height:16em;
	margin-bottom:8px;
	display:block;
}
.CmsSearch .CmsSearchButton{
}
.MetadataPlaceholder{
	padding:8px;
	background-color:#CCCCDD;
	border:2px solid #330066;
	border-top:0px none;
	margin-bottom:1em;
}

.MetadataPlaceholder caption{
	text-align:left;
	font-weight:bold;
	padding:8px 8px 0;
	background-color:#CCCCDD;
	border:2px solid #330066;
	border-bottom:0 none;
	margin-top:1em;
}

/* The following stylesheet is for IE5/Mac only, and is hidden from all other browsers */
/*\*//*/
  @import "../LSCGOVUK/ie5mac.css";
/**/

.EastofEngland, .EastMidlands, .London, .NorthEast, .NorthWest, .SouthEast, .SouthWest, .WestMidlands, .YorkshireHumber {float:left ; width: 405px; height: 65px;}
.EastofEngland {background: url(../../images/regions/EastofEngland.png) no-repeat; }
.EastMidlands {background: url(../../images/regions/EastMidlands.png) no-repeat; }
.London {background: url(../../images/regions/London.png) no-repeat; }
.NorthEast {background: url(../../images/regions/NorthEast.png) no-repeat; }
.NorthWest {background: url(../../images/regions/NorthWest.png) no-repeat; }
.SouthEast {background: url(../../images/regions/SouthEast.png) no-repeat; }
.SouthWest {background: url(../../images/regions/SouthWest.png) no-repeat; }
.WestMidlands {background: url(../../images/regions/WestMidlands.png) no-repeat; }
.YorkshireHumber {background: url(../../images/regions/YorkshireHumber.png) no-repeat; }

/* Console Classes */
.consoleclass, .errorconsoleclass
{
	border-style: solid;
	border-width: 2px;
	margin-top:2em;
	clear:both;
	padding:2px;
}
.consoleclass { border-color:#AAC9DE; }
.errorconsoleclass { border-color:Red;}

/* Wizard */
.wizardcontainer {position:relative; width: 560px;}
.wizardconsole{position:absolute; left:1px; top:0px; font-family:Arial; font-size:11px; color:#1A1A1A; width:200px; }
.wizardconsoleleft {background-image:url(/LSCGOVUK/Images/Wizard/webauthor_sidebar_repeat.gif); background-repeat:repeat-y; width:7px;}
.wizardconsoleright{background-image:url(/LSCGOVUK/Images/Wizard/webauthor_sidebar_repeat_r.gif); background-repeat:repeat-y; width:7px;border-right:1px solid #72798A;}
.wizardconsoleitm{position:static; background-color:#E6E9F0; height:55px; overflow:hidden; border-bottom: solid 1px #D9DEE8;}
.wizardconsolealtitm{position:static; background-color:white;height:55px; overflow:hidden; border-bottom: solid 1px #D9DEE8;}
.wizardconsoletitle{font-family:Arial; color:#0082E4; line-height: 19px; font-size:12px; font-weight:bold;}
.wizardconsoledescription{display:block; clear:left; padding-left: 25px; font-family:Arial; font-size:12px;}
.wizardFrame {position:absolute; left: 210px; top: 1px; width: 100%;} /* width:718px */
.wizardFrameCentre {width:100%; vertical-align:bottom; text-align:right;border: 2px solid #0082E4;}
.wizardFrameTopLeft{background-image: url(/LSCGOVUK/Images/Wizard/framecorner_topleft.gif); width:8px; height: 17px;}
.wizardFrameTop{background-image: url(/LSCGOVUK/Images/Wizard/framerepeat_top.gif); background-repeat:repeat-x;}
.wizardFrameTopRight{background-image: url(/LSCGOVUK/Images/Wizard/framecorner_topright.gif); width:7px; height: 17px;}
.wizardFrameLeft{background-image: url(/LSCGOVUK/Images/Wizard/framerepeat_left.gif); background-repeat: repeat-y;}
.wizardFrameRight{background-image: url(/LSCGOVUK/Images/Wizard/framerepeat_right.gif); background-repeat: repeat-y;}
.wizardFrameBottomLeft{background-image: url(/LSCGOVUK/Images/Wizard/framecorner_bottomleft.gif); width: 8px; height: 18px;}
.wizardFrameBottom{background-image: url(/LSCGOVUK/Images/Wizard/framerepeat_bottom.gif); background-repeat: repeat-x;}
.wizardFrameBottomRight{background-image: url(/LSCGOVUK/Images/Wizard/framecorner_bottomright.gif); width: 7px; height: 18px;}
.wizardFrameGraphic{vertical-align:top;background-color:#009BEE;}
.wizardTab{border: 2px solid #0082E4; border-right: none; position:absolute; width:213px; height:55px; left:5px;}
.wizardProgress{position:absolute; left:450px; top:20px;}
.wizardProgress span{font-family:Arial; color:#0082E4; font-size:12px; font-weight:bold;}
.wizardProgress img{margin-left: 4px; margin-top:3px; vertical-align: middle;}
#wizardHelperText{font-family:Arial;font-size:11px;color:#004179;padding:3px 5px 3px 5px;text-align:left;width:100%; }
#wizardHelperText a {color:White;}
#wizardHelperText a:visited {color:White;}
#wizardHelperText_placeholder{text-align:left;overflow:hidden;position:absolute;height:134px;left:5px;top:25px;}
/* End Wizard */

/* Calendar */
#cltAdvancedSettingsWizardPanel_PostingStartDatePlaceholderControl_AuthoringModeControlsContainer_calendarPlaceholder{ top: 22px; }
#cltAdvancedSettingsWizardPanel_PostingEndDatePlaceholderControl_AuthoringModeControlsContainer_calendarPlaceholder{ top: 160px;}
.calendarPlaceholder{position:absolute; left:300px;}
.calendar {}
.calendarHeader {font-size:xx-small; background-color: #0083E0; color: White;}
.calendarDayHeader {background-color: #D1D1D1; color: #787878; border-left: solid 1px white; width: 25px; text-align:center; border-top:solid 1px #0083E0; border-bottom:solid 1px #0083E0;}
.calendarDay {background-color: #E6E6E6; color:#009AE1; text-decoration: underline; text-align:center;}
.calendarToday {background-color: #E6E6E6; color:#7800C8; text-decoration: underline; text-align:center;}
.calendarDayEmpty {background-color: #E6E6E6;}
.calendarNextMonth {color: #0083E0; font-size:xx-small; border-left:solid 1px #0083E0;}
.calendarPrevMonth {color: #0083E0; font-size:xx-small;}
/* End Calendar */

/* MetaData */
.MetadataPlaceholder{
	background-color:#FFFFFF;
	border:0px solid #FFFFFF;
}

.MetadataPlaceholder caption, .AuthoringModeTitle
{
	display:none;
}

input.WebAlertsCheckbox
{
	width: auto;
	background: transparent;
	border: 0;
}

p.DpParagraph
{
	margin-left: 34%;
	_zoom: 1;
}

/* Bio Pages - PostingList */
.bioPostingList {float:left; width: 100%; padding: .5em 0 1em 0}
.bioPostingList img {float:right; margin-right: 1em; }
.bioPostingList p {margin-bottom:0; padding-bottom:0}
.bioPostingList h2 {margin:0; padding:0}
