/**
 * Layout styles
 *
 * Layout style, these are used to style the site. These are modified from the
 * SilverStripe Black Candy Theme.
 *
 * @copyright Copyright 2010 Better Brief LLP
 * @author Dan Hensby <dan@betterbrief.co.uk>
 * @author Josh Holloway <josh@betterbrief.co.uk>
 *
 */

html, body {
	width:100%;
	height:100%;
	background:#e7e7e7 url(../images/container-bg.png) 0 0 repeat;
}

body, #Stick {
	min-height:100%;
	width:100%;
}

#Main {
	overflow:auto;
	padding-bottom:381px;/*must be same as footerwrap height */
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

h1, h2, h3 {
	font-family:Helvetica, Arial, sans-serif;
	color:#00204e;
	padding:10px;
}

h1 {
	font-size:30px;
	line-height:40px;
	font-weight:bold;
}

h2 {
	font-size:24px;
	font-weight:bold;
}

h3 {
	font-size:14px;
	font-weight:normal;
	font-weight:bold;
}

p {
	line-height:20px;
	margin:6px 0;
}

.container {
	width:960px;
	margin:13px auto 0;
}



	#HomePage .container,
	#Footer .container,
	#Header .container {
		margin-top:0;
	}

.clear {
	clear:both;
}

#Head:after,
#FooterHeads:after,
#SearchResults > li:after,
#Crumbs:after,
.fieldgroupField:after,
.fieldgroup:after,
.lifter:after,
.col:after,
.utilities:after,
.latestNews:after,
.newsSignup:after,
.content-repeat .content:after,
.row:after,
.container:after,
.sideCol:after,
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

#Head,
#FooterHeads,
#SearchResults > li,
#Crumbs,
.fieldgroupField,
.fieldgroup,
.lifter,
.col,
.utilities,
.latestNews,
.newsSignup,
.content-repeat .content,
.row,
.container,
.sideCol,
.clearfix {
	display:inline-block;
}

html[xmlns] #Head,
html[xmlns] #FooterHeads,
html[xmlns] #SearchResults > li,
html[xmlns] #Crumbs,
html[xmlns] .fieldgroupField,
html[xmlns] .fieldgroup,
html[xmlns] .lifter,
html[xmlns] .col,
html[xmlns] .utilities,
html[xmlns] .latestNews,
html[xmlns] .newsSignup,
html[xmlns] .content-repeat .content,
html[xmlns] .row,
html[xmlns] .container,
html[xmlns] .sideCol,
html[xmlns] .clearfix {
	display:block;
}

* html #Head,
* html #FooterHeads,
* html #SearchResults > li,
* html #Crumbs,
* html .fieldgroupField,
* html .fieldgroup,
* html .lifter,
* html .col,
* html .utilities,
* html .latestNews,
* html .newsSignup,
* html .content-repeat .content,
* html .row,
* html .container,
* html .sideCol,
* html .clearfix{
	height:1%;
}

a.more {
	padding-left:14px;
	font-weight:bold;
	padding-right:8px;
	background:url(../images/more-arrow.gif) center right no-repeat;
	margin:8px 0;
	display:block;
	float:left;
}

/**
 *CHOPPY BOX
 *
 * Thanks Andrew, you are my saviour!
 */
.tl{float:left;width:11px;height:11px;background:url(../images/bg-corners.png) no-repeat top left;}
.tr{float:right;width:11px;height:11px;background:url(../images/bg-corners.png) no-repeat top right;}
.tc{height:11px;margin:0px 11px;background:url(../images/bg-top-repeat-x.png) repeat-x top;}
.ml{background:url(../images/bg-left-repeat-y.png) left repeat-y;}
.mr{background:url(../images/bg-right-repeat-y.png) right repeat-y; overflow:hidden;}
.bl{float:left;width:11px;height:16px;background:url(../images/bg-corners.png) no-repeat bottom left;}
.br{float:right;width:11px;height:16px;background:url(../images/bg-corners.png) no-repeat bottom right;}
.bc{height:16px;margin:0px 11px;background:url(../images/bg-bottom-repeat-x.png) repeat-x bottom;}
.mr .content {margin:0 9px;background:#fff;}

.torn.orange .tl,
.torn.orange .tr,
.torn.orange .bl,
.torn.orange .br {background-image:url(../images/bg-corners-orange.png);}

.torn.orange .tc {background-image:url(../images/bg-top-repeat-x-orange.png);}
.torn.orange .ml {background-image:url(../images/bg-left-repeat-y-orange.png);}
.torn.orange .mr {background-image:url(../images/bg-right-repeat-y-orange.png);}
.torn.orange .bc {background-image:url(../images/bg-bottom-repeat-x-orange.png);}
.torn.orange .mr .content {background:#ff8340 url(../images/bg-content-orange.png);}

.torn.teal .tl,
.torn.teal .tr,
.torn.teal .bl,
.torn.teal .br {background-image:url(../images/bg-corners-teal.png);}

.torn.teal .tc {background-image:url(../images/bg-top-repeat-x-teal.png);}
.torn.teal .ml {background-image:url(../images/bg-left-repeat-y-teal.png);}
.torn.teal .mr {background-image:url(../images/bg-right-repeat-y-teal.png);}
.torn.teal .bc {background-image:url(../images/bg-bottom-repeat-x-teal.png);}
.torn.teal .mr .content {background:#29b8d2 url(../images/bg-content-teal.png);}

.torn.blue .tl,
.torn.blue .tr,
.torn.blue .bl,
.torn.blue .br {background-image:url(../images/bg-corners-blue.png);}

.torn.blue .tc {background-image:url(../images/bg-top-repeat-x-blue.png);}
.torn.blue .ml {background-image:url(../images/bg-left-repeat-y-blue.png);}
.torn.blue .mr {background-image:url(../images/bg-right-repeat-y-blue.png);}
.torn.blue .bc {background-image:url(../images/bg-bottom-repeat-x-blue.png);}
.torn.blue .mr .content {background:#0077cb url(../images/bg-content-blue.png);}

.torn.green .tl,
.torn.green .tr,
.torn.green .bl,
.torn.green .br {background-image:url(../images/bg-corners-green.png);}

.torn.green .tc {background-image:url(../images/bg-top-repeat-x-green.png);}
.torn.green .ml {background-image:url(../images/bg-left-repeat-y-green.png);}
.torn.green .mr {background-image:url(../images/bg-right-repeat-y-green.png);}
.torn.green .bc {background-image:url(../images/bg-bottom-repeat-x-green.png);}
.torn.green .mr .content {background:#86ac00 url(../images/bg-content-green.png);}

.torn.grey .tl,
.torn.grey .tr,
.torn.grey .bl,
.torn.grey .br {background-image:url(../images/bg-corners-grey.png);}

.torn.grey .tc {background-image:url(../images/bg-top-repeat-x-grey.png);}
.torn.grey .ml {background-image:url(../images/bg-left-repeat-y-grey.png);}
.torn.grey .mr {background-image:url(../images/bg-right-repeat-y-grey.png);}
.torn.grey .bc {background-image:url(../images/bg-bottom-repeat-x-grey.png);}
.torn.grey .mr .content {background:#86ac00 url(../images/bg-content-grey.png);}

.torn.teal h2,
.torn.teal p,
.torn.teal q,
.torn.blue h2,
.torn.blue p,
.torn.blue q,
.torn.orange h2,
.torn.orange p,
.torn.orange q,
.torn.green h2,
.torn.green p,
.torn.green q {
	color:#fff;
}

.torn.teal .button,
.torn.blue .button,
.torn.orange .button,
.torn.green .button{
	text-transform:none;
	/*background-image:url(../images/forms/button-blue.gif);*/
}

.equal-height .content {
	height: 425px;
	position: relative;
	overflow: hidden;
}

.equal-height .button {
	margin-top: 0;
	text-transform: uppercase !important;
	float: right;
	margin-bottom: 0;
}

.equal-height h4 {
	font-weight: 700;
}

ul.scroller { height: 350px; overflow: auto; }
#Content ul.scroller li { margin-bottom: 0; }

.simpleform { position: absolute; bottom: 0; }

.simpleform input.text { width: 200px; background-image: url(../images/forms/input-background-short.png); }

.simpleform label { position: absolute; font-size: 13px; top: 2px; left: 5px; }

.simpleform .field { position: relative; }

.simpleform h3 { padding: 20px 0 5px; }

.simpleform .message { font-size: 11px; }

.social {
	float: right;
	width: 138px;
	padding: 6px 0 0 10px;
	position: relative;
	overflow: hidden;
}

/**
 * HEADER
 */
#Header {
	font-size:11px;
	background:transparent url(../images/header-bg.png) top left repeat-x;
	display:block;
	height:162px;
	margin-bottom:6px;
}

	#Header a {
		color:#89cfff;
		font-weight:bold;
	}

	#Header .utilities {
		padding-left:10px;
		margin-bottom:14px;
	}

.utilities {
	font-family:Arial, sans-serif;
	height:30px;
	margin-bottom:20px;
	background:#00204e;
	color:#fff;
}

	.utilities p,
	.utilities li {
		float:left;
		width:auto;
		margin-top:8px;
		line-height:11px;
		height:11px;
		font-size:11px;
	}

	.utilities p {
		clear:left;
	}

	.utilities li {
		padding:0 2px;
	}

		.utilities li a {
			display:block;
			padding:3px 6px 9px;
			padding:10px 6px;
			margin:-10px 0;
			font-weight:bold;
		}

	.utilities ol {
		float:left;
		width:auto;
	}

		.utilities ol li {
			background:url(../images/crumb-arrow.png) right center no-repeat;
			padding-right:5px;
		}

		.utilities ol li.last {
			background:none;
			padding-left:9px;
			font-weight:bold;
		}

			.utilities ol li a {
				padding-right:7px;
			}

	.utilities ul {
		float:right;
	}

		.utilities ul li {
			border-right:1px solid #fff;
		}

			.utilities ul li.last {
				border-right:none;
				padding-right:0;
			}

				.utilities ul li.last a {
					padding-right:0;
				}

#Head {
	margin-bottom:10px;
}

	#Head form {
		float:right;
		width:auto;
		height:32px;
	}

	#Head fieldset {
		width:auto;
	}

	#Head label {
		position:absolute;
		font-size:11px;
		float:none;
		width:auto;
		top:25px;
		margin-left:10px;
	}

	#Head .search {
		float:none;
	}

	#Head button {
		margin:0;
	}

	#Head ul {
		font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		float:right;
		clear:right;
		width:auto;
		margin-top:30px;
		font-size:14px;
		line-height:14px;
	}

		#Head li {
			float:left;
		}

		#Head li a {
			display:block;
			padding:7px;
			margin:0 2px;
			color:#0076c9;
			font-weight:normal;
		}

			#Head li.current a,
			#Head li.section a {
				color:#00204e;
			}

#Logo {
	display:block;
	float:left;
	margin-left:10px;

}

a#Logo:hover {
	text-decoration:none;
}

#Logo span,
#Logo img {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	clear:left;
	font-weight:normal;
}

#Logo span {
	color:#00204e;
	font-size:15px;
    font-weight:700;
	line-height:15px;
	margin-top:9px;
}

/**
 * Widgets
 */
.sideCol .col .content {
	padding:0 6px;
}

.sideCol .col .content h2{
	padding-left:0;
	padding-top:8px;
	line-height:24px;
}

.sideCol.ie6lastCol {
	float:right;
	clear:right;
}

.quote q {
	font-style:italic;
}

.quote p {
	margin:0;
	font-size:11px;
	line-height:15px;
}

.quote .who {
	font-weight:bold;
	margin-top:6px;
}

.sideCol .icons li a {
	padding-right:9px;
}

/**
 * CONTENT AREA
 */
#Content {
}

#Content .row {
	margin:15px 0;
	clear:both;
}

#Content .col {
	width:230px;
	/*height:330px;*/
	float:left;
	margin-right:13px;
}

	#Content .col h2 {
		padding:12px 4px;
	}

	#Content .col.search .content {
		padding:6px;
	}

		#Content .col.search h2 {
			padding:12px 0px;
		}

	#Content .col .content-repeat .content {
		padding:2px;
	}

	#Content .col ul {
		list-style:square url(../images/bullet-point-lightblue.gif) outside;
		color:#404040;
		padding-left:24px;
	}

	#Content .col ul.icons {
		padding-left:0;
	}

	#Content .col li {
		line-height:14px;
		padding-bottom:8px;
	}

	#Content .col .icons li {
		margin:0;
	}

	ul.resources {
		margin-top:10px;
	}

	ul.resources li {
		padding-top:6px;
	}

	ul.icons,
	ul.resources {
		font-family:Arial;
		list-style:none;
		padding:0;
		color:#404040;
		border-top:1px solid #dfdfdf;
	}

		.icons li,
		.resources li {
			border-bottom:1px solid #dfdfdf;
			display:table;
			height:50px;
			width:100%;
			overflow:hidden;
			margin:0;
		}

			.icons li > div {
				display:table-cell;
				vertical-align:middle;
			}

			.icons li a,
			.resources li a {
				display:block;
				font-size:14px;
				padding-left:42px;
				padding-right:12px;
			}

		.icons .blog {
			background:transparent url(../images/blog-icon-large.png) center left no-repeat;
		}

			.icons .blog a {
				color:#da0033;
			}

		.icons .download {
			background:transparent url(../images/download-icon-large.png) center left no-repeat;
		}

			.icons .download a {
				color:#6fa200;
			}

		.icons .news {
			background:transparent url(../images/news-icon-large.png) center left no-repeat;
		}

			.icons .news a {
				color:#f49b00;
			}

		.icons .post {
			background:transparent url(../images/post-icon-large.png) center left no-repeat;
		}

			.icons .post a {
				color:#00aac9;
			}

	#Content .col.last {
		margin:0;
	}

	#Content .col.double {
		width:473px;
	}

		#Content .double .double {
			margin-top:20px;
		}

	.latestNews {
		float:left;
	}

		.latestNews h2 a {
			color:#00204E;
		}

		.latestNews ul {
			border-top:1px solid #efefef;
			width:280px;
			float:left;
			margin:12px 30px 6px 10px;
		}

		.latestNews li {
			border-bottom:1px solid #efefef;
			min-height:30px;
			padding:8px 20px 8px 24px;
			line-height:16px;
		}

		.latestNews a.getNews {
			width:280px;
			text-align:right;
			display:block;
			clear:both;
		}

			.latestNews li.tweet,
			.latestNews li.news,
			.latestNews li.blog {
				background:transparent url(../images/tweet-icon.png) 0 5px no-repeat;
			}

			.latestNews li.news {
				background-image:url(../images/news-icon.png);
			}

			.latestNews li.blog {
				background-image:url(../images/blog-icon.png);
				background-position:0 10px;
			}

		.latestNews li:hover,
		.icons li:hover {
			background-color:#f5f5f5;
		}

		.js .latestNews li:hover,
		.js .icons li:hover {
			background-color:transparent;
		}

	#Content .newsSignup {
		background:#fff;
		float:left;
		width:280px;
		margin-left:10px;
	}



		#Content .newsSignup h2 {
			padding-left:0;
		}

/**
 * HOME PAGE
 */
#HomePage h1 {
	font-size:44px;
	line-height:50px;
	letter-spacing:-0.05em;
}

#HomePage ul.icons {
	margin-bottom:20px;
}

#HomePage .row.first {
	margin-top:1px;
}

#SearchForm_SimpleJobSearchForm_action_jobResults, #SearchForm_CandidateSearchForm_action_candidateResults {
	margin-right:8px;
}

#Content .whatItTakes {
	margin:20px 12px;
	position:relative;
	background:#0077cb;
	width:452px;
	height:76px;
}

	.whatItTakes .content {
		background:transparent url(../images/got-what-it-takes.png) top left no-repeat;
		padding:10px;
		padding-left:90px;
		width:370px;
		height:76px;
		margin:-10px;
	}

    .whatItTakes .content:hover a {
        text-decoration:underline;
    }

.sideCol .whatItTakes {
	margin:0;
	width:auto;
	height:auto;
	position:relative;
}

	.sideCol .whatItTakes .content{
		width:auto;
		height:auto;
		margin:0 10px;
		padding:0 5px;
	}

	.sideCol .whatItTakes h2 {
		font-size:20px;
		font-weight:normal;
		line-height:25px;
		padding:0;
	}

	.sideCol h3 {
		padding:12px 0 2px;
		font-size:18px;
	}

	.sideCol .whatItTakes p {
		padding-top:10px;
		padding-bottom:10px;
		margin:0;
	}

.sideCol .lifter {
	background:url(../images/weight-lifter.png) 100% 10px no-repeat;
	padding-right:61px;
}

.starJob {
	background:url(../images/star.png) no-repeat top right;
}

.starJob p {
	overflow:hidden;
	margin:0;
}

.starJob a h3 {
	color:#fff;
}

.starJob a:hover h3,
.starJob a:hover h2 {
	text-decoration:underline;
}

.starJob .location {
	float:left;
	display:block;
	padding:14px 0 0;
	font-weight:700;
	font-size:14px;
}

.DownloadableResources {
	background:url(../images/download-icon-white-large.png) no-repeat top right;
}

.green .DownloadableResources h4 a {
	font-weight:700;
}

#SlideShow {
	position:relative;
}

#SlideShow.new {
	height:210px;
	background: #fff;
	padding-left: 0 !important;
	list-style:none !important;
}

#SlideShow.new li {
	margin-left: 0;
}

	#SlideShow h3 {
		padding:0;
		font-family:'Arial', 'sans-serif';
		font-weight:bold;
	}

	#SlideShow li {
		width:240px;
		height:34px;
		border-bottom:1px solid #efefef;
	}

	#SlideShow li .slide {
		z-index:1;
	}

	#SlideShow li.current .slide {
		z-index:2;
	}

	#SlideShow li.current {
		background-color:#f5f5f5;
	}

	#SlideShow li.last {
		border:none;
	}

		#SlideShow li .slide {
			position:absolute;
			top:0;
			right:0;
		}

		#SlideShow li img {
			z-index:5;
		}

		#SlideShow li .quote {
			position:absolute;
			bottom:25px;
			left:31px;
			z-index:10;
			width:480px;
			font-family:"Trebuchet MS", Arial, sans-serif;
			color:#fff;
		}

			#SlideShow li .quote q {
				font-size:20px;
				font-style:italic;
			}

			#SlideShow li .quote p {
				font-size:14px;
				margin-bottom:0;
			}

		#SlideShow li a {
			display:block;
			padding:8px 0 9px 50px;
		}

		#SlideShow.new li a {
			padding: 8px;
			line-height: 31px;
		}

        #SlideShow li a.slideLink {
            padding:0;
        }

		#SlideShow li a,
		#SlideShow li a:visited {
			color:#00204e;
		}

		#SlideShow li a:hover {
			text-decoration:none;
			background-color:#f5f5f5;
		}

		.js #SlideShow li a:hover {
			background-color:transparent;
		}

	.specialisms h3 {
		background-position: 0 50%;
		background-repeat: no-repeat;
		padding-left: 39px;
	}

	.specialisms li {
		list-style: none;
		margin-bottom: 0;
	}

	#Content .col .specialisms {
		padding-left: 0;
	}

	#SlideShow a {
		background:transparent none 5px center no-repeat;
	}

	.specialisms .yot h3,
	#SlideShow .yot a {
		background-image:url(../images/yot-icon.gif);
	}

	.specialisms .probation h3,
	#SlideShow .probation a {
		background-image:url(../images/probation-icon.gif);
	}

	.specialisms .substance h3,
	#SlideShow .substance a {
		background-image:url(../images/substance-icon.gif);
	}

	.specialisms .housing h3,
	#SlideShow .housing a {
		background-image:url(../images/housing-icon.gif);
	}

	.specialisms .charity h3,
	#SlideShow .charity a {
		background-image:url(../images/charity-icon.gif);
	}

	.specialisms .youth-work h3,
	#SlideShow .youth-work a {
		background-image:url(../images/youth-work-icon.gif);
	}

/*.lifter {
	background:url(../images/weight-lifter.png) center left no-repeat;
	padding:12px 0;
	padding-left:80px;
	margin:-12px 0;
	position:relative;
}*/

	.lifter > p {
		margin-bottom:0;
		padding-right:15px;
		padding-left:4px;
		font-size:14px;
		width:auto;
		float:left;
		background:url(../images/white-arrow.gif) center right no-repeat;
	}

	.lifter > a {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}

	.lifter a {
		color:#fff;
	}

/**
 * Standard Page
 */
#Content.torn {
	margin:0 10px 20px;
	width:480px;
	float:left;
}

	#Content .torn.search .content{
		padding:4px;
	}

.sideCol {
	width:230px;
	min-height:1px;
	float:left;
}

	.sideCol.right {
		float:right;
		clear:right;
	}

	.sideCol .col {
		margin-bottom:20px;
	}

.subMenu h2 {
	font-size:18px;
}

.subMenu a {
	color:#404040;
	background:#fff url(../images/arrow-grey.png) 0 9px no-repeat;
	display:block;
	padding:6px;
	padding-left:12px;
}

.subMenu a:hover,
.subMenu .current > a,
.subMenu .section > a {
	color:#0077cb;
	background-image:url(../images/arrow-blue.png);
}

.subMenu .current > a,
.subMenu .section > a {
	font-weight:bold;
}

.subMenu li {
	border-bottom:1px solid #dfdfdf;
	height:30px;
	overflow:hidden;
}

.subMenu li.section,
.subMenu li.current {
	height:auto;
}

	.subMenu li li {
		border:none;
		height:auto;
		overflow:visible;
	}

.subMenu ul {
	border-top:1px solid #dfdfdf;
}

	.subMenu ul ul {
		border:none;
		margin:-6px 0 5px 21px;
	}

		.subMenu ul ul .link > a,
		.subMenu ul ul .section > a,
		.subMenu ul ul .current > a{
			background:none;
			padding:4px;
			padding-right:12px;
			margin:1px;
			font-size:11px;
			line-height:12px;
		}

		.subMenu ul ul a:hover {
			background:none;
		}

.key li {
	padding: 4px 0 6px;
	line-height: 30px;
	height: auto;
	border-bottom: 1px solid #DFDFDF
}

.key img {
	float: left;
	margin: 0 6px 0 0;
}

/**
 * SECURITY PAGE
 */
#Content.security {
	width:940px;
}

	#Content.security form {
		margin-right:66%;
	}

/**
 * Prequal Page
 */
#PrequalPage #Content .content {
	min-height:530px;
	position:relative;
}

#PrequalPage #Content .content a.skip {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	padding:10px;
}

#PrequalPage h1 {
	padding-left:60px;
	background:#fff url(../images/lifter-h1.png) center left no-repeat;
}

#PrequalPage #Form_Form_Heading1 {
	padding-left:32px;
	background:#fff url(../images/question-icon.png) center left no-repeat;
}

#PrequalPage #Content form,
#Result {
	border:1px solid #dfdfdf;
	border-width:1px 0;
	margin:10px 0;
	padding:10px 0 9px;
}

	#Result .holder {
		padding:20px 50px;
        overflow:hidden;
	}

		#Content #Result .holder p {
			margin:0;
		}

#PrequalPage #Content p {
	margin-left:62px;
	margin-right:30px;
}

#PrequalPage #Content form p {
	margin:6px 0;
}

#PrequalPage .fieldgroupField {
    float:left;
}

#PrequalPage h4 {
    width:200px;
}

#PrequalPage #Heading1Literal1Step1 .fieldgroupField > label {
    float:left;
    width:215px;
    padding-right:10px;
}

#PrequalPage #Heading1Literal1Step1 .fieldgroupField .optionset {
    margin-top:5px;
    width:435px;
    overflow:hidden;
}

#PrequalPage .fieldgroupField label {
	font-weight:bold;
	font-size:12px;
    margin-top:5px;
}

#PrequalPage .fieldgroupField .optionset label {
	width:auto;
	font-size:12px;
	font-weight:normal;
    margin-top:0;
}

#PrequalPage .fieldgroupField .optionset {
	float:left;
	overflow:hidden;
    margin-top:18px;
    padding-left:0;
}

#PrequalPage .fieldgroupField .optionset li {
	display:block;
    width:445px;
}

#PrequalPage .button.flexi {
    float:none;
}

#Result {
	min-height:226px;
    margin-bottom:0;
}

#Result h3 {
    clear:both;
}

#Loading {
	height:200px;
	display:none;
	background:#fff url(../images/ajax-loader.gif) center center no-repeat;
}

#Buttons .next {
	float:right;
}

#Buttons .prev {
	float:left;
}

#Buttons a span {
    background-repeat:no-repeat;
    display:block;
    margin:0 5px;
}

#Buttons .next span {
    background-image:url(../images/arrow-next.png);
    background-position:right;
    text-align:left;
}

#Buttons .prev span {
    background-image:url(../images/arrow-prev.png);
    background-position:left;
    text-align:right;
}

#PleaseSelect {
	border:2px solid red;
	background:#ff9191;
	padding:10px;
	margin-top:5px;
	color:#404040;
	font-weight:bold;
}

#Crumbs {
	list-style:none;
	padding:0;
}

	#Crumbs li {
		height:30px;
		font-size:12px;
		padding:0;
		line-height:30px;
		text-align:center;
		font-weight:bold;
		color:#00204e;
		background:transparent url(../images/prequal.png) top left no-repeat;
		float:left;
		width:121px;
		margin-left:-10px;
	}

	#Crumbs.locked li.current {
		color:#81bce5;
	}

	#Crumbs li.current {
		color:#fff;
		background-image:url(../images/prequal-current.png);
	}

	#Crumbs li.first {
		color:#fff;
		margin:0;
		width:117px;
		background-image:url(../images/prequal-first.png);
	}

	#Crumbs li.last {
		width:105px;
		background-image:url(../images/prequal-last.png);
	}

	#Crumbs li.last.current {
		background-image:url(../images/prequal-last-current.png)
	}

	#Crumbs.locked li.last{
		color:#fff;
	}

/**
 *SubmitDetailsPage
 */
#SubmitDetailsPage h1 {
	background:#fff url(../images/submit-details-logo.png) center left no-repeat;
	padding-left:70px;
}

/**
 * INDUSTRY NEWS
 */
#IndustryNewsHolder h1 {
    background:url(../images/industry-news-icon-large.png) no-repeat center left;
    padding-left:60px;
    float:left;
}
#NewsItems h3, #NewsItems h3 a, #IndustryNewsHolder .SotD h2, #IndustryNewsHolder .SotD h2 a {
    color:#0077B9;
    letter-spacing:-0.01em;
    font-family:Helvetica, Arial, sans-serif;
    padding-bottom:0;
	text-decoration:none;
}

#NewsItems h3 a:hover,
 #IndustryNewsHolder .SotD h2 a:hover {
	text-decoration:underline;
}

.SotD {
    font-size:1.1em;
    line-height:1.1em;
    background:#F6F6F6;
    clear:both;
}

.SotD .date {
    clear:none;
}

#IndustryNewsHolder .SotD .mr {
    padding:0 18px;
}

ul#NewsItems {
    padding-left:18px;
}

ul#NewsItems li {
    color:#414141;
    list-style:none;
}

#NewsItems h3 {
    float:left;
}

.MoreNewsItems {
    padding:0 18px;
}

.typography .MoreNewsItems ul {
    list-style:none;
    padding:0;
}

.typography .MoreNewsItems li {
    background:url(../images/more-arrow.png) center left no-repeat;
    padding-left:10px;
}

.aside {
    float:right;
    width:300px;
    text-align:right;
    margin-top:4px;
}

.source {
    float:right;
    font-size:11px;
}

.date {
	color:#00204E;
	font-weight:700;
	padding-top:0;
	margin-top:0;
    clear:both;
}

#NewsItems .date {
	clear:left;
}

.news-summary {
}

/* NewsItem icons */
/* Base class */
ul li.newsItem {
    background-position:0 1.75em;
    background-repeat:no-repeat;
    border-bottom:1px solid #E0E0E0;
    padding:10px 0;
}

/* Extensions */
li.blog {
    background-image:url(../images/blog-icon-large.png);
}

li.externalBlog {
    background-image:url(../images/external-blog-icon-large.png);
}

li.mainstreamNews {
    background-image:url(../images/mainstream-website-icon-large.png);
}

li.news {
    background-image:url(../images/industry-website-icon-large.png);
}

li.tweet {
    background-image:url(../images/tweet-icon-large.png);
}

li.newsItem h3, li.newsItem .date {
    padding-left:42px;
}

/**
 * SEARCH PAGE
 */
#JobSearchPage h1,
#CandidateSearchPage h1{
	padding-left:42px;
	background:#fff url(../images/large-search-icon.png) center left no-repeat;
}

	#JobSearchPage .job h1 {
		padding-left:0;
		background:none;
	}

#JobSearchPage #Content form,
#CandidateSearchPage #Content form{
	padding:0 56px 0 42px;
	padding-bottom:30px;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:10px;
}

#JobSearchPage #Content.results form,
#CandidateSearchPage #Content.results form {
	border-bottom:0;
	padding-left:0;
	padding-right:98px;
	margin-top:10px;
}

#JobSearchPage #Content ul,
#CandidateSearchPage #Content ul,
.fieldgroup .surrounding ul{
	list-style-type:disc;
	list-style-image:url(../images/tick-bullet-blue.png);
	list-style-position:outside;
	color:#404040;
}

#JobSearchPage #Content #SearchResults,
#CandidateSearchPage #Content #SearchResults {
	list-style-image: none;
}


.fieldgroup .surrounding ul {
	float:left;
	color:#0077cb;
	width:192px;
}

#SearchResults a.more,
.literal a.more{
	display:inline;
	float:none;
	margin:0;
	padding-left:0;
}

	p.literal {
		margin-top:15px;
		float:left;
	}

ul#SearchResults,
#SearchResults ul{
	color:#404040;
	padding:0;
}

ul#SearchResults {
	border-top:1px solid #dfdfdf;
}

	ul#SearchResults > li {
		border-bottom:1px solid #dfdfdf;
		padding:18px 0;
	}

		ul#SearchResults > li h3,
		ul#SearchResults > li h3 a{
			padding-top:0;
			color:#0077b9;
			text-decoration:none;
		}

			ul#SearchResults > li h3 a:hover {
				text-decoration:underline;
			}

		ul#SearchResults > li div {
			width:291px;
			float:left;
		}

	ul#SearchResults li ul {
		float:right;
		background:#f5f5f5;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border:1px solid #E6E6E6;
		/*height:77px;*/
		width:127px;
		overflow:hidden;
	}

		ul#SearchResults li ul li {
			/*height:25px;*/
			margin-bottom:1px;
			line-height:25px;
			padding:0 6px;
			border-bottom: 1px solid #E6E6E6;
		}

		ul#SearchResults li ul li.last {
			border:none;
		}

#Content .contractType,
#Content .contractType p,
#Content .contractType input,
#Content .contractType label{
	float:left;
	clear:none;
	width:auto;
	margin:0;
	padding:0;
	height:20px;
	font-size:13px;
	color:#00204e;
}

#Content .contractType {
	margin:6px 0 16px;
}

#Content .contractType p {
	margin-right:10px;
}

#Content .contractType label{
	padding-left:10px;
	padding-right:20px;
	font-weight:bold;
}

#Content .contractType .checkbox {
	float:left;
	width:auto;
}

.searchAgain label {
	color:#00204e;
	padding:0;
	margin-top:16px;
}

.searchAgain input.action {
	float:right;
}

.refine {
	position:relative;
	float:right;
	width:250px;
	margin-left:-20px;
	margin-bottom:20px;
}

	.refine a {
		font-weight:bold;
	}

	.refine .arrow {
		position:absolute;
		top:9px;
		left:-17px;
		background:transparent url(../images/refine-arrow.png) top right no-repeat;
		width:22px;
		height:48px;
	}

	.refine .search h2 {
		padding-left:30px;
		background:transparent url(../images/search-icon-on-orange.png) center left no-repeat;
	}

	.refine .content{
		padding:0 6px;
	}

	.refine .search label {
		padding-top:10px;
		padding-bottom:0;
		color:#fff;
		margin:0;
		padding-top:14px;
	}

	.refine input.text {
		margin-top:0;
	}

	.refine .contractType {
		float:left;
		width:auto;
	}

	.refine .contractType p,
	.refine .contractType input,
	.refine .contractType label {
		float:left;
		height:20px;
	}

	.refine .contractType input {
		clear:left;
	}

	.refine .contractType label {
		font-weight:bold;
		clear:none;
		margin:0;
		padding:3px;
	}

	.refine .letsTalk {
		border-top:1px dotted #ffc39f;
		margin-top:19px;
	}

	.refine ul {
		color:#fff;
		margin:6px;
		margin-bottom:-10px;
		padding:0;
		padding-left:20px;
		list-style:disc url(../images/tick-bullet-white.png) outside;
	}

		.refine ul li {
			padding:6px 0;
		}


.letsTalk h3 {
	color:#fff;
	font-size:20px;
	padding:10px;
	padding-left:40px;
	background:transparent url(../images/contact-sprite.png) 0 10px no-repeat;
}

.letsTalk p,
#ClientHolder #SearchResults p,
#AccreditationHolder #SearchResults p{
	margin:0;
}

/**
 * FOOTER
 */
#FooterHeads {
	clear:both;
}

	#FooterHeads .col{
		float:left;
		width:281px;
		padding:0 24px;
	}

	#FooterHeads .first {
		padding-left:0;
	}

	#FooterHeads .last {
		padding-right:0;
		width:301px;
	}

	#FooterHeads .col.double {
		width:610px;
	}

	#FooterHeads h3{
		font-size:24px;
		padding:15px 10px;
	}

		#FooterHeads h3 a{
			color:#00204E;
		}

#FooterWrap {
	height:381px;
	margin-top:-381px;/*negative value of footerwrap height*/
}

	#FooterWrap .container {
		margin-top:0;
	}

#Footer {
	background:transparent url(../images/footer-bg.png) bottom right repeat-x;
	height:333px;
	clear:both;
	position:relative;
}

	#Footer .latestNews ul{
		border-top-style:dotted;
		border-top-color:#566b87;
	}

		#Footer .latestNews li{
			border-bottom-style:dotted;
			border-bottom-color:#566b87;
			color:#fff;
		}

	#Footer .newsSignup {
	}

		.newsSignup input.text {
			width:224px;
			background-image:url(../images/forms/input-background.gif);
			margin-top:14px;
		}

	#Footer .utilities {
		margin:0;
		clear:both;
	}

	#Footer a {
		color:#89cfff;
		font-weight:bold;
	}

	#Footer h3,
	#Footer p {
		color:#fff;
		margin-bottom:0;
	}

	#Footer p {
		font-size:11px;
	}

	#Footer h3 {
		padding:20px;
		font-size:24px;
	}

	#Footer .col {
		width:281px;
		height:204px;
		float:left;
		border-right:1px dotted #516584;
		padding:30px 24px 0;
		margin-bottom:25px;
	}

		#Footer .col.first {
			padding-left:0;
			width:280px;
		}

		#Footer .col.double {
			width:610px
		}

		#Footer .col.last {
			border:none;
			padding-right:0;
			width:301px;
		}

			#Footer .col.last h3 {
				padding-left:10px;
			}

		#Footer .col.logos {
			padding-right:4px;
			width:300px;
		}

		#Footer .logos > div {
			height:70px;
			width:130px;
			margin:0 20px 20px 0;
			float:left;
			background:url(../images/logo-holder-bg.png);
		}

		#Footer .logos .tall {
			height:160px;
		}

		#Footer .logos > div a {
			display:block;
			width:100%;
			height:100%;
		}

	#Footer .contact {
		margin-left:10px;
	}

	#Footer .contact > a {
		display:block;
		padding-left:40px;
		margin:11px 0;
		font-size:16px;
		background:transparent url(../images/contact-sprite.png) top left no-repeat;
	}

		#Footer .contact a.tel {
			background-position:top left;
		}

		#Footer .contact a.twit {
			background-position:center left;
		}

		#Footer .contact a.email {
			background-position:bottom left;
		}

/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style:none;
	margin:20px 0;
}
#PageComments li {
	margin:5px 0;
	padding:1px;
	width:88%;
}
	#PageComments li.odd {
		background:#E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding-left:40px;
		padding-right:10px;
		border-bottom:2px solid #BCE4FE;
	}
	#PageComments li.even {
		background:#fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right:40px;
		padding-left:10px;
	}

		#PageComments li.odd p.info {
			color:#3AA0C3;
		}

		.actionLinks li {
		   display:inline;
		   border-right:1px solid;
		}
			.actionLinks li a {
				padding-right:3px;
				font-size:10px;
			}
   			.actionLinks li.last {
      			border-right:none;
   			}

.commentrss {
	background:transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left:20px;
	font-size:1.1em;
	line-height:1.6em;
}
#PageCommentsPagination p {
	text-align:center;
	font-size:1.2em;
}
#PageComments p {
	font-size:1em;
}
	#PageComments p.info {
		color:#999;
		margin:0px;
		padding:0;
		line-height:1em;
		font-size:0.9em;
	}

/* SEARCH FORM
-----------------------------------------------*/
#Search {
	display:inline-block;
	width:auto;
}

.searchAgain .action,
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results{
	background-image:url(../images/forms/search-button-orange.png);
	text-indent:-200px;
	padding:0;
	margin:0;
	margin-left:0px;
	width:80px;
	height:27px;
	float:none;
	top:0px;
}

html #SearchForm_SearchForm .middleColumn {
	width:auto;
	clear:none;
	display:inline-block;
}
	html #SearchForm_SearchForm .middleColumn input.text {
		padding:7px;
	}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin:15px;
	padding:5px;
	width:92%;
	color:#979908;
	border:4px solid #F7F8B4;
	background:#FFFFEA;
}
span.middleColumn .message {
	margin:4px 0 0 3px;
}
.required {
	margin:4px 0 0 3px;
	padding:5px;
	width:92%;
	color:#DC1313;
	border:4px solid #FF7373;
	background:#FED0D0;
}



p#Remember label {
	margin:-24px 0 0 20px;
	text-align:left;
}
.entry {
	border-bottom:1px solid #eee;
}

.typography #Content p.authorDate {
	color:#444;
	margin-top:-15px;
}


#Content.wide,
.wide {
	width:710px;
}

#Content .slideshow {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

#UserDefinedForm h1,
#ContactPage h1 {
	background:transparent url(../images/contact-icon-large.png) center left no-repeat;
	padding-left:53px;
}

#ContactPage .contactColumn {
	float:left;
	display:block;
	margin-right:27px;
	width:190px;
}

#ContactPage .contactColumn .requestCallbackButton {
	margin:25px 0 0;
}

.contactColumn p {
	font-size:12px;
}

.contactColumn strong {
	font-weight:700;
}

#ContactPage .findUs {
	width:165px;
	float:left;
	display:block;
}

.findUs p {
	padding-left:28px;
}

.findUs p.planner {
	padding:0;
}

.findUs .bus {
	background:transparent url(../images/bus-icon-small.png) center left no-repeat;
	margin-bottom:30px;
}

.findUs .rail {
	background:transparent url(../images/national-rail-icon-small.png) center left no-repeat;
	margin-left:2px;
	padding-left:26px;
}

.findUs .tube {
	background:transparent url(../images/tube-icon-small.png) center left no-repeat;
}

.break {
	height:1px;
	width:678px;
	border-bottom:1px solid #dfdfdf;
	clear:both;
	padding-top:30px;
	margin-bottom:30px;
}

/**
 * Map
 */
#MapCanvas {
	float:right;
	width:490px;
	height:350px;
	margin-bottom:10px;
}

#MapSearchPage #MapCanvas {
	width: 666px;
	height: 500px;
	clear: both;
}

.MapKeyWidget a {
	display: block;
}

.InfoWindow {
	width: 320px;
	min-height: 120px;
}

.InfoWindow .button {
	font-size: 11px;
}


#UserDefinedForm #Content .content p {
	width:300px;
	margin-left:55px;
}

#UserDefinedForm .content form {
	margin:0 80px 0 55px;
}

/* Request callback widget */
#UserDefinedForm .requestCallback p {
	margin-left:10px;
	width:180px;
	font-size:11px;
}
.sideCol .requestCallback .content {
	padding-top:20px;
}

.requestCallbackButton {
	display:block;
	background-image:url(../images/forms/callback-button-orange.png);
	text-indent:-10000px;
	padding:0;
	margin:0;
	margin-left:5px;
	width:185px;
	height:37px;
	float:none;
	border:none;
}

html .refine #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	background-image:url(../images/forms/search-button-blue.png);
	float:right;
	margin-right:14px;
}

.bqstart {
	float:left;
	height:45px;
	margin-top:-15px;
	margin-bottom:25px;
	padding-top:45px;
	clear:left;
	font-size:700%;
	color:#FF0000;
	margin-right:10px;
 }

.bqend {
	float:right;
	height:25px;
	margin-top:-10px;
	padding-top:45px;
	font-size:700%;
	color:#FF0000;
}

ul.topJobs {
	margin-left:15px;
	list-style:square url(../images/more-arrow.gif) outside;
}

	ul.topJobs li {
		margin-bottom:3px;
	}

	ul.topJobs a {
		text-decoration:underline;
	}

	ul.topJobs a:hover {
		text-decoration:none;
	}

div.pagination {
	position:relative;
	margin: 5px 0;
}

	div.pagination ol {
		list-style:none;
		margin:0 60px;
		padding:0;
		text-align:center;
	}

		div.pagination a,
		div.pagination strong {
			display:inline-block;
			padding:1px 6px;
			margin:2px;
		}

		div.pagination strong {
			background:#f5f5f5;
		}

			div.pagination a:hover {
				background:#ffe3d5;
				color:#222;
			}

		div.pagination a.next,
		div.pagination a.prev{
			font-size:1em;
			position:absolute;
			top:50%;
			margin-top:-.8em
		}

		div.pagination a.next {
			right:0;
		}

		div.pagination li {
			list-style:none;
			display:inline;
		}

p.searchInfo {
	border-top:1px solid #dfdfdf;
	margin:0;
	padding: 3px 0;
	font-size:11px;
	text-align:right;
}

#Content ul.finder {
	list-style: none;
	padding-left: 0;
}

#Content .finder a {
	display: block;
	color: #fff;
	padding-left: 10px;
	height: 60px;
	background: url(../images/forms/btn-large-orange.png);
	line-height: 60px;
	font-size: 16px;
	text-align: center;
	font-size: 24px;
	position: relative;
}

#Content .finder .blog {
	background: url(../images/forms/btn-large-blue.png);
}

.finder .blog b {
	background: url(../images/blog-icon.png) no-repeat 50% 50%;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 2px;
	top: 10px;
}

.finder .blog span {
	text-align: left;
	padding-left: 5px;
}

.finder span {
	display: block;
	height: 60px;
	padding-right: 10px;
	background: #fff url(../images/forms/btn-large-orange.png) right no-repeat;
}

.finder .blog span {
	background: #fff url(../images/forms/btn-large-blue.png) right no-repeat;
}

.topMargin {
	margin-top: 85px;
}