/*******************************************************************************
* Basic
*******************************************************************************/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 70%;
}

#container {
	margin: 0 auto;
	width: 944px;
}

h1, h2, h3, h4 {
	color: #37266E;
	font-weight: normal;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.5em;
	margin-bottom: 10px;
}

h3.smaller-heading,
h4 {
	font-size: 1.3em;
}

p {
	color: #484849;
	font-size: 1em;
	margin: 0 0 15px 0;
}

a:link,
a:visited {
	color: #5C4C8D;
	text-decoration: none;
}

p a {
	font-weight: bold;
}

/*******************************************************************************
* Header
*******************************************************************************/
#top-container #header {
	background: transparent url(../images/layout/header-bg.gif) no-repeat scroll 0 0;
	width: 100%;
	padding: 0 10px;
	margin-bottom: 8px;
}

	#top-container #header #logo {
		text-indent: -9999px;
		height: 83px;
		width: 192px;
		display: block;
	}
	
		#top-container #header #logo h1 a {
			display: block;
			height: 78px;
			width: 200px;
		}
		
#menu {
	background: transparent url(../images/layout/menu-bg.gif) no-repeat scroll 0 0;
	height: 40px;
}

	#menu ul {
		list-style: none;
		overflow: hidden;
	}

		#menu ul li {
			float: left;
			height: 36px;
			position: relative;
		}
		
			#menu ul li.last {
				background: none;
				margin: 0;
				padding-right: 0;
			}
			
			#menu ul li.first {
			}
		
		#menu ul li a:link, #menu ul li a:visited {
			color: #FFFFFF;
			display: block;
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
			text-transform: lowercase;
			width: 134px;
			height: 36px;
			text-align: center;
		}
		
			#menu ul li a:hover,
			#menu ul li a.current {
				background: transparent url(../images/layout/menu-hover.gif) repeat-x scroll top right;
				color: #38276F !important;
				cursor: pointer;
			}
			
			#menu ul li.first a:hover,
			#menu ul li.first a.current {
				background: transparent url(../images/layout/menu-hover.gif) repeat-x scroll 0 0;
			}
			
				#menu ul li.last a:hover {
					padding-right: 5px;
				}
		
			#menu ul li a span {
				background: url(../images/layout/menu-separator.gif) repeat-y top right;
				display: block;
				padding-top: 10px;
				height: 36px;
			}
			
			* html #menu ul li a span {
				height: 26px;
			}
			
			*+html #menu ul li a span {
				height: 26px;
			}
			
			#menu ul li.last a span {
				background: none;
			}
		
		#menu ul li.current span {
			background: transparent url(../images/layout/rounded-nav-left.gif) no-repeat scroll top left;
			width: 10px;
			height: 34px;
			position: absolute;
			top: 0;
			left: 0;
		}
		
		#menu ul li.current {
			background-color: #2E1E5F;
		}
		
#search {
	background: #D4D3E6 url(../images/layout/search-bottom.gif) no-repeat scroll bottom left;
	color: #565656;
	margin-bottom: 8px;
	overflow: hidden;
	padding: 6px 10px 6px 20px;
	width: 913px;
}

	#search h2 {
		color: #37266E;
		font-size: 1.6em;
		font-weight: normal;
		text-transform: lowercase;
		float: left;
	}
	
	#search span.hint {
		float: left;
		font-size: 1.2em;
		margin: 3px 0 0 50px;
	}
	
	#search .form {
		float: right;
		overflow: hidden;
	}
	
		#search .form .field {
			float: left;
			margin-right: 5px;
			width: 220px;
		}
		
			.field select {
				background-color: #FFFFFF;
				border: solid 1px #9D9D9D;
				color: #9D9D9D;
				font-size: 1em;
				font-style: italic;			
			}
		
			#search .form .field select {
				margin-top: 3px;
				text-transform: lowercase;
				width: 220px;
			}
				#search .form .field select option{
					padding-left:5px;
				}
		
		#search .form .field.submit {
			margin: 0 0 0 20px;
			width: 125px;
		}
		
		*+html #search .form .field.submit {
			margin: 0 0 0 5px;
		}
		
		* html #search .form .field.submit {
			margin: 0 0 0 5px;
		}
		
		#search .form .field.submit input {
			background: transparent url(../images/form/search.gif) no-repeat scroll 0 0;
			border: 0 none;
			cursor: pointer;
			height: 26px;
			width: 125px;
		}
			
			#search .form .field.submit input:hover {
				background: transparent url(../images/form/search-hover.gif) no-repeat scroll 0 0 !important;
			} 
	
		#search .form label.hidden {
			display: none;
		}
		
/*******************************************************************************
* Footer
*******************************************************************************/
#footer {
	background: transparent url(../images/layout/footer/bg.gif) no-repeat scroll 0 0;
	clear: both;
	color: #534386;
	height: 102px;
	margin-top: 10px;
}

	#footer ul.left {
		background: transparent url(../images/layout/footer/separator.gif) no-repeat scroll top right;
		float: left;
		list-style: none;
		padding: 15px 40px 0 20px;
	}
	
	#footer ul.left.last {
		background: none;
	}
	
		#footer ul.left li {
			margin-bottom: 10px;
			text-transform: lowercase;
		}
		
			#footer ul li a:link,
			#footer ul li a:visited {
				color: #534386;
				text-decoration: none;
			}
			
			#footer ul li a:hover {
				text-decoration: underline;
			}
			
	#footer ul.right {
		float: right;
		list-style: none;
	}
	
		#footer ul.right li {
			background: transparent url(../images/layout/footer/separator.gif) repeat-y scroll top right;
			float: left;
			padding: 63px 15px 0;
		}
		#footer ul.right li.privacy {
			background:none;
		}
		
		#footer ul.right li.copyright {
			background: transparent url(../images/layout/footer/logo.gif) no-repeat scroll 0 15px;
			display: block;
			height: 86px;
			width:92px;
			padding: 0;
		}
		
			#footer ul.right li.copyright a {
				display: block;
				height: 86px;
				text-indent: -9999px;
			}
		
/*******************************************************************************
* Flash areas
*******************************************************************************/
#homepage-flash {
	width: 954px;
	height: 525px;
	margin-bottom: 8px;
	margin-left: -5px;
	position: relative;
	display: block;
	background: transparent url(../images/homepage-flash.jpg) no-repeat scroll 0 0;
}

	#homepage-flash a {
		cursor: pointer;
		outline: none;
		position:absolute;
		text-indent: -9999px;
		z-index: 9999;
	}
	
	#homepage-flash a.why-join-us {
		height:52px;
		left: 95px;
		top: 129px;
		width: 96px;
	}
	
		#homepage-flash a.why-join-us:hover {
			background: transparent url(../images/home/why-join-us.jpg) no-repeat scroll 0 0;
		}
	
	#homepage-flash a.training {
		height:54px;
		left:321px;
		top:117px;
		width:98px;
	}
	
		#homepage-flash a.training:hover {
			background: transparent url(../images/home/training.jpg) no-repeat scroll 0 0;
		}
	
	#homepage-flash a.rewards {
		height:56px;
		left:363px;
		top:189px;
		width:99px;
	}
	
		#homepage-flash a.rewards:hover {
			background: transparent url(../images/home/rewards.jpg) no-repeat scroll 0 0;
		}
	
	#homepage-flash a.team {
		height:94px;
		left:187px;
		top:208px;
		width:115px;
	}
	
		#homepage-flash a.team:hover {
			background: transparent url(../images/home/team.jpg) no-repeat scroll 0 0;
		}
	
	#homepage-flash a.roles {
		height:52px;
		right:257px;
		top:180px;
		width:96px;
	}
	
		#homepage-flash a.roles:hover {
			background: transparent url(../images/home/roles.jpg) no-repeat scroll 0 0;
		}
	
	#homepage-flash a.how-to-apply {
		height:52px;
		right:81px;
		top:81px;
		width:99px;
	}
	
		#homepage-flash a.how-to-apply:hover {
			background: transparent url(../images/home/how-to-apply.jpg) no-repeat scroll 0 0;
		}
	
/*******************************************************************************
* Main content
*******************************************************************************/
#content .split {
	overflow: hidden;
	padding: 10px 5px 10px 15px;
}

	#content .split .left {
		float: left;
		width: 545px;
	}
	
		#content .split h3,
		#content .split .left h3 {
			position: relative;
			text-transform: lowercase;
		}
		
			#content .split h3.float-left {
				float: left;
				margin-right: 15px;
			}
		
		#content .split .left h3 span {
			font-size: 0.9em;
		}
	
		#content .split .left p {
			padding-right: 30px;
			position: relative;
		}
		
			#content .split .left p.view-job {
				margin-bottom: 5px;
			}
		
		#content .split .left ul.content {
			color: #484849;
			margin: 0 0 15px 15px;
		}
		
			#content .split .left ul.content li {
				margin: 3px 0;
			}
	
		#content .split .left span.back-to-results {
			background: transparent url(../images/layout/job-list-button-wide.gif) no-repeat scroll 0 0;
			display: block;
			float: right;
			height: 25px;
			margin: -10px 0 10px;
			text-align: center;
			width: 151px;
		}
		
			#content .split .left span.back-to-results a {
				color: #9088B1;
				display: block;
				font-size: 1em;
				font-weight: bold;
				margin-top: 4px;
				text-transform: lowercase;
			}
	
		#content .split .left .quote {
			background: transparent url(../images/layout/quote-sofa-bg.gif) no-repeat scroll 0 0;
			margin-top: 5px;
			width: 543px;
			height: 369px;
		}
		
			#content .split .left .quote .inner {
				padding-top: 20px;
				text-align: center;
			}
			
				#content .split .left .quote .inner h3 {
					text-transform: none;
					margin-bottom: 5px;
				}
				
				#content .split .left .quote .inner p {
					color: #3A2871;
					font-size: 1.1em;
					padding: 0 32px;
					margin-top: 5px;
					margin-bottom: 8px;
				}
				
		#content .split .right {
			float: right;
			width: 350px;
		}
		
			#content .split .right .retrieve-application {
				background: #E8E7ED url(../images/form/retrieve-box.gif) repeat-x scroll bottom left;
				border-left: solid 1px #DBD3F7;
				border-right: solid 1px #DBD3F7;
				padding: 20px 28px;
				height: 265px;
				width: 382px;
			}
			
			* html #content .split .right .retrieve-application {
				margin-top: -7px;
			}
			
				#content .split .right .retrieve-application-top {
					background: #FFFFFF url(../images/form/retrieve-box-top.gif) no-repeat scroll 0 0;
					height: 7px;
					width: 440px !important;
				}
				
				#content .split .right .retrieve-application-bottom {
					background: #FFFFFF url(../images/form/retrieve-box-bottom.gif) no-repeat scroll 0 0;
					height: 5px;
					width: 440px !important;
				}
		
			#content .split .right .pod {
				background: #ECEBF4 url(../images/layout/right-pod-bottom.gif) no-repeat scroll bottom left;
			}
			
				#content .split .right .pod .pod-image {
					margin-left: -2px;
				}
				
				#content .split .right .pod .inner {
					overflow: hidden;
					padding: 12px;
				}
				
					#content .split .right .pod .inner .left {
						float: left;
						margin-right: 8px;
						width: 97px;
					}
					
					#content .split .right .pod .inner .right {
						float: left;
						width: 220px;
					}
		
/*******************************************************************************
* Rewards
*******************************************************************************/
.rewards {
	width: 545px;
}

	.rewards span.top,
	.rewards span.bottom {
		background: transparent url(../images/layout/rewards-top.gif) no-repeat scroll 0 0;
		display: block;
		height: 20px;
		width: 100%;
	}
	
	.rewards span.bottom {
		background: transparent url(../images/layout/rewards-bottom.gif) no-repeat scroll 0 0;
	}
	
	.rewards .inner {
		background: transparent url(../images/layout/rewards-middle.gif) repeat-y scroll 0 0;
		overflow: hidden;
		padding: 0 15px;
	}

		.rewards .inner ul {
			list-style: none;
		}
		
		.rewards .inner ul li {
			margin-bottom: 10px;
		}
		
			.rewards .inner ul li a {
				background: transparent url(../images/layout/rewards-li.gif) no-repeat scroll 0 0;
				padding: 5px 30px;
				width: 100%;
				display: block;
			}
		
			.rewards .inner ul li a.current {
				background: transparent url(../images/layout/rewards-li-hover.gif) no-repeat scroll 0 0;
			}
		
			.rewards .inner ul li.last {
				margin-bottom: 0;
			}
		
			.rewards .inner ul li a.current {
				color: #E47AC4 !important;	
			}
			
			.rewards .inner ul li a:link,
			.rewards .inner ul li a:visited {
				font-size: 1.1em;
				font-weight: bold;
				color: #5F4F8F;	
				text-decoration: none;	
			}
			
			.rewards .inner ul li a:hover {
				color: #E47AC4;
			}
			
				.rewards .inner ul li span {
					color: #514084;
					display: block;
					margin-top: 5px;
					margin-left: 30px;
				}
				
/*******************************************************************************
* Training Pods
*******************************************************************************/
.training-pod {
	background: transparent url(../images/layout/training-pod.gif) no-repeat scroll 0 0;
	float: left;
	margin-right: 10px;
	height: 245px;
	width: 266px;
}

.training-pod.last {
	margin-right: 0;
}

	.training-pod .inner {
		padding-top: 20px;
		text-align: center;
	}
	
		.training-pod .inner h4 {
			color: #E455B3;
			font-size: 1.1em;
			margin-bottom: 10px;
		}
	
		.training-pod .inner p {
			color: #3A2871;
			padding: 0 20px !important;
		}
		
		.training-pod .inner p.new-starter {
			margin-top: 15px;
		}
		
		.training-pod .inner p.new-manager {
			margin-top: 15px;
		}
		
/*******************************************************************************
* Meet the Team
*******************************************************************************/
.team {
	clear: both;
	margin-bottom: 5px;
	overflow: hidden;
	width: 100%;
}

	.team .member {
		float: left;
		margin-right: 15px;
		position: relative;
		width: 287px;
	}
	
		.team .member.narrow {
			margin-right: 30px;
		}
		
		.team .member.narrow .inner {
			background: transparent url(../images/layout/team-narrow-bg.gif) no-repeat scroll 0 0;
			padding: 30px 15px;
			height: 160px;
		}
		
			.team .member.narrow .inner.middle {
				/* background: transparent url(../images/layout/team-narrow-middle-bg.gif) no-repeat scroll 0 0; */
				background: transparent url(../images/layout/team-malony-bg.gif) no-repeat scroll 0 0;
			}
			
			.team .member.narrow .inner.last {
				background: transparent url(../images/layout/team-narrow-right-bg.gif) no-repeat scroll 0 0;
			}
	
	.team .member.wide {
		width: 452px;
	}
	
		.team .member.wide .inner {
			 /* background: transparent url(../images/layout/team-wide-bg.gif) no-repeat scroll 0 0; */
			background: transparent url(../images/layout/team-henderson-bg.gif) no-repeat scroll 0 0;
			height: 130px;
			padding: 40px 15px;
		}
		
			.team .member.wide .inner.last {
				 /* background: transparent url(../images/layout/team-wide-bg-right.gif) no-repeat scroll 0 0; */
				 background: transparent url(../images/layout/team-brockelhurst-bg.gif) no-repeat scroll 0 0;
			}
		
		.team .member p {
			color: #3A2871;
			font-size: 1.0em;
			margin-bottom: 5px;
			width: 260px;
		}
		
			.team .member.narrow p {
				width: 160px;
			}
	
	.team .member.last {
		margin-right: 0;
	}
	
	.team .member span {
		display: block;
		font-size: 1.0em;
	}
	
		.pink,
		.team .member span.pink {
			color: #E455B3;
		}
		
		.team .member span.pink.bold {
			font-weight: bold;
		}


/*******************************************************************************
* PANEL
*******************************************************************************/

#panel {
	background-image: url(../images/layout/panel-bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
	clear: both;
}

#panel .inner {
	background-image: url(../images/layout/panel-top.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

* html #panel .inner {
	padding-bottom: 10px;
}

#panel span.bottom {
     background: #FFFFFF url(../images/layout/panel-bottom.gif) no-repeat scroll top center;
     height: 5px;
     display: block;
     clear: left;
}


#panel .panel-content {
	overflow: hidden;
    padding: 20px;
}

	#panel.view-job .panel-content {
		padding-bottom: 0 !important;
	}

	#panel .inner .panel-content .pagination {
		position: relative;
	}

	#panel .panel-content span.more-details.pink {
		background: transparent url(../images/layout/job-list-button-pink.gif) no-repeat scroll 0 0;
		clear: none;
		float: right;
		margin: 0 0 5px 0;
		height: 32px;
		width: 92px;
		text-align: center;
	}
	
	#panel span.more-details a {
		color: #9086B0;
		font-size: 1.1em;
		font-weight: bold;
		padding: 8px 0;
		text-transform: lowercase;
		display: block;
	}
	
/*******************************************************************************
* Roles search
*******************************************************************************/
#job-type-holder {
	background: #FFFFFF url(../images/layout/jobtypes-top.gif) no-repeat scroll 0 0;
	margin-bottom: 15px;
	padding-top: 5px;
	width: 523px;
}

	#job-type-holder h3 {
		margin-bottom: 15px;
		clear:both;
	}

	#job-type-holder .inner {
		background-color: #EDEAF7;
		border-left: solid 1px #E6E2F3;
		border-right: solid 1px #E6E2F3;
		padding: 15px;
		width: 490px;
		overflow: hidden;
	}
	
		#job-type-holder .inner ul.types-list {
			list-style: none;
			clear: both;
		}
		
			#job-type-holder .inner ul.types-list li {
				background: transparent url(../images/layout/job-type-button.gif) no-repeat scroll 0 0;
				float: left;
				margin: 0px 25px 15px 0;
				text-align: center;
				height: 32px;
				width: 142px;
			}
			
			#job-type-holder .inner ul.types-list li.no-options {
				background: transparent url(../images/layout/job-type-button-white.gif) no-repeat scroll 0 0;
			}
			
				#job-type-holder .inner ul.types-list li a {
					font-size: 1.1em;
					font-weight: bold;
					display: block;
					margin-top: 8px;
					text-transform: lowercase;
				}
				
				#job-type-holder .inner ul.types-list li.no-options a {
					font-size: 0.8em;
					color: #2B1C5A;
					margin-top: 10px;
				}
				
			#job-type-holder .inner ul.types-list li.last {
				margin-right: 0;
			}
			#job-type-holder .inner p {
				clear:both;
				width:100%;
				color:#5C4C8D;
				font-size:1.1em;
				font-weight:bold;
			}
			#job-type-holder .inner p a{
				color:#E455B3;
			}
			#job-type-holder .inner p a#apply_btn{
				background:url(../images/layout/pink-button.gif) 0 no-repeat;
				width:90px;
				height:22px;
				display:block;
				margin:10px 5px 0 0;
				color:#FFF;
				padding:4px 0 0 30px;
			}
			#job-type-holder .inner p span{
				float:left;
			}
	
	#job-type-holder span.bottom {
		background: #FFFFFF url(../images/layout/jobtypes-bottom.gif) no-repeat scroll 0 0;
		display: block;
		height: 9px;
	}
	
ul.locations {
	list-style: none;
}

	ul.locations li {
		margin: 4px 0 4px 3px;
		width: 97px;
		height: 18px;
	}
	
		ul.locations li a {
			display: block;
			color: #554587;
			text-transform: lowercase;
			width: 100%;
			height: 100%;
			padding: 3px 0 0 5px;
		}
		
		ul.locations li a:link,
		ul.locations li a:visited {
			background: transparent url(../images/layout/location-button.gif) no-repeat scroll 0 0;
		}
		
		ul.locations li a:hover {
			background: transparent url(../images/layout/location-button.gif) no-repeat scroll 0 -21px;
			color: #FFFFFF;
			font-weight: bold;
		}
		
span.search-results {
	color: #9086B0;
	float: right;
	font-size: 1.1em;
	margin: 5px 20px 5px 5px;
}

.job-list {
	clear: both;
	overflow: hidden;
}
   #job-type-list .job-list {
        padding-left: 30px;
   }
   
   	.job-list ul {
   		list-style: none;
   	}
   
	.job-list ul li {
		background: #F9F8F9 url(../images/layout/job-list-top.gif) no-repeat scroll 0 0;
		overflow: hidden;
		position: relative;
		padding: 12px;
		width: 461px;
		margin-bottom: 20px;
	}
	
		.job-list ul li .left {
			width: 330px !important;
		}
	
		.job-list ul li.last {
			margin-bottom: 0;
		}
	
		.job-list ul li h4,
		.job-list ul li span {
			clear: left;
			float: left;
			width: 330px;
		}
		
		.job-list ul li h4 {
			color: #E455B3;
			font-size: 1.2em;
			font-weight: normal;
		}
		
		.job-list ul li span {
			color: #3A2871;
			font-size: 1em;
		}
		
		* html .job-list ul li span.reference {
			position: relative;
		}
		
		.job-list ul li span.bottom {
			background: #F9F8F9 url(../images/layout/job-list-bottom.gif) no-repeat scroll 0 0 !important;
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 485px;
			height: 7px;
		}
		
		.job-list ul li span.more-details {
			background: transparent url(../images/layout/job-list-button.gif) no-repeat scroll 0 0;
			clear: none;
			float: right;
			margin: 0 0 5px 0;
			height: 32px;
			width: 92px;
			text-align: center;
		}
		
		#panel span.more-details {
			float: right;
			display: block;
		}
		
			.job-list ul li span.more-details a {
				color: #9086B0;
				font-size: 1.1em;
				font-weight: bold;
				padding: 8px 0;
				text-transform: lowercase;
				display: block;
 			}
 		
 		.job-list ul li span.more-details.pink {
			background: transparent url(../images/layout/job-list-button-pink.gif) no-repeat scroll 50% 50%;
			height: 25px;
		}
			
				.job-list ul li span.more-details.pink a,
				#panel span.more-details.pink a {
					color: #FFFFFF;
					padding: 5px 0;
				}
				
				.job-list ul li span.more-details.pink a:hover,
				#panel span.more-details.pink a:hover {
					background: transparent url(../images/layout/job-list-button-pink-hover.gif) no-repeat scroll 0 0;
				}
 		
ul.types-list {
    overflow: hidden;
    width: 503px;
    list-style: none;
}

*+html ul.types-list {
	padding-bottom: 10px;
}

* html ul.types-list {
	padding-bottom: 10px;
}

    ul.types-list li {
    	background: transparent url(../images/layout/job-type-button.gif) no-repeat scroll 0 0;
    	float: left;
    	margin: 0px 35px 15px 0;
    	text-align: center;
    	height: 32px;
    	width: 142px;
    	vertical-align: middle;
    	text-align: center;
    	display: inline;
    }

    ul.types-list li.no-options {
    	background: transparent url(../images/layout/job-type-button-white.gif) no-repeat scroll 0 0;
    }

	ul.types-list li a {
		cursor: pointer;
		display: block;
		position: relative;
		height: 31px;
		line-height: 28px;
		font-size: 1.1em;
		font-weight: bold;
		text-transform: lowercase;
		width: 142px;
	}
	
		ul.types-list li a:hover {
			color: #FFFFFF;
		}
	
		ul.types-list li a span {
			overflow: visible;
			display: inline-block;
			line-height: 14px;
			text-align: center;
			width: 120px;
		}

    ul.types-list li.no-options a {
		font-size: 0.8em;
		color: #2B1C5A;
		margin-top: 10px;
	}

ul.types-list li.last {
	margin-right: 0;
}

.vacancy {
	margin: 0 5px;
	width: 315px;
}

.vacancy.large {
	font-size: 12px;
}

	.vacancy.large .inner p {
		margin: 0 0 10px;
	}

	.vacancy .inner {
		background: #F9F8F9 url(../images/layout/right-pod-top.gif) no-repeat scroll 0 0;
	}
	
		.vacancy .inner h4 {
			font-size: 1.1em;
			font-weight: normal;
		}
		
		.vacancy .inner span.detail {
			color: #3A2871;
			display: block;
		}
		
		.vacancy .inner span.reference {
			font-style: italic;
			margin-bottom: 10px;
		}
		
		.vacancy .inner p {
			margin:10px 0 0 0 ;
		}
		
		.vacancy .inner.margin p {
			margin: 0 0 10px 0;
		}
			
			.vacancy .inner.margin p.last {
				margin: 0;
			}
		
		.vacancy .inner ul {
			color: #484849;
			margin: 10px 0 0 15px;
		}
		
	.vacancy .search,
	.vacancy .apply {
		margin-top: 10px;
		text-align: center;
	}
		
	.vacancy .search {
		background: transparent url(../images/layout/pink-button.gif) no-repeat scroll 0 0;
		float: right;
		width: 120px;
		height: 26px;
	}
		
	.vacancy .apply {
		background: transparent url(../images/layout/purple-button.gif) no-repeat scroll 0 0;
		width: 81px;
		height: 26px;
		float: left;
	}
		
		.button a,
		.vacancy .apply a,
		.vacancy .search a {
			color: #FFFFFF;
			display: block;
			font-weight: bold;
			padding: 5px 0;
			text-transform: lowercase;
		}
		
/*******************************************************************************
* Buttton
*******************************************************************************/

.purple.button {
	margin-top: 10px;
	background: transparent url(../images/layout/purple-button.gif) no-repeat scroll 0 0;
	float: left;
	height: 26px;
	width: 81px;
	text-align: center;
	position: relative;
}

	.purple.button.wide {
		width: 140px;
	}

	.purple.button span {
		background: transparent url(../images/layout/purple-button-right.gif) no-repeat scroll 0 0;
		height: 26px;
		width: 7px;
		position: absolute;
		right: 0;
		top: 0;
	}
	
/*******************************************************************************
* Applications
*******************************************************************************/
#apply-form {
	border-bottom: solid 1px #E2DEDF;
	border-top: solid 1px #E2DEDF;
	margin: 0 0 15px 0;
	padding: 15px 0;
	clear: both;
	overflow: hidden;
	width: 900px;
}

#apply-form.education {
	border-top: 0 none !important;
	padding-top: 0 !important;
}

	#apply-form .left {
		margin-right: 65px;
		width: 390px !important;
	}
	
	#apply-form .right {
		float: left !important;
		width: 445px !important;
	}
	
	#apply-form span.q{
		padding-bottom:3px; display:block;
	}
	
#apply-form .field {
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}

* html #apply-form .field.active {
	clear: left;
	overflow: hidden;
	height: 23px;
}

	#apply-form .field.hidden {
		display: none;
	}
	
	#apply-form .add-link {
		margin: 3px 0;
		text-align: right;
		width: 496px;
	}
	
		#apply-form a.add-subject:link,
		#apply-form a.add-subject:visited,
		#apply-form a.add-institution:link,
		#apply-form a.add-institution:visited {
			text-decoration: underline;
		}
	
		#apply-form .add-link.institution {
			overflow: hidden;
		}
		
			#apply-form .add-link.institution a {
				border-top: solid 1px #E2DEDF;
				float: right;
				outline: none;
				padding-top: 5px;
				width: 360px;
			}

	#apply-form .field .group {
		float: left;
		padding: 5px;
	}

	#apply-form .field.fromto {
		padding: 15px 0;
	}
	
		#apply-form .field.fromto span.fromlabel {
			color: #484849;
			float: left;
			margin-right: 5px;
			margin-top: 4px;
		}

	#apply-form .field .tip {
		background: transparent url(../images/form/info.gif) no-repeat scroll 0 0;
		float: left;
		height: 22px;
		width: 22px;
	}
	
	#apply-form .field .tip.radio {
		margin-left: 10px;
	}
	
		#apply-form .field .tip span {
			display: block;
			text-indent: -9999px;
		}
		
		#apply-form .field .tip-content {
			display: none;
			position: absolute;
			width: 195px;
			z-index: 999;
		}
		
			#apply-form .field .tip-content .tip-top {
				background: transparent url(../images/form/tip-top.png) no-repeat scroll 0 0;
				height: 5px;
			}
			
			* html #apply-form .field .tip-content .tip-top {
				margin-bottom: -10px;
			}
			
			#apply-form .field .tip-content .tip-bottom {
				background: transparent url(../images/form/tip-bottom.png) no-repeat scroll 0 0;
				height: 10px;
			}
			
			#apply-form .field .tip-content .tip-main {
				background: transparent url(../images/form/tip-middle.png) repeat-y scroll 0 0;
				color: #38276F;
				font-weight: bold;
				padding: 5px 10px;
			}
			
				#apply-form .field .tip-content .tip-main p {
					color: #38276F;
					margin: 0 0 5px !important;
				}
				
#apply-form .field.overflow {
	overflow:visible;
}

#apply-form .field.pad {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

	#apply-form .field.left {
		clear: none;
		float: left;
		width: 200px;
	}
	
		#apply-form .field.left label {
			margin-bottom: 2px;
			width: 100%;
		}
	
	#apply-form .field.pad {
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;
	}

	#apply-form .field.full {
		margin-bottom: 25px;
	}
	
		#apply-form .field.full label {
			float: none;
			margin-bottom: 5px;
			width: 100%;
		}
	
			*+html #apply-form .field.full.fixed-height {
				height: 121px;
			}
	
			#apply-form .field.full textarea {
				height: 80px;
				width: 490px;
			}
			
	#apply-form .field.submit {
		font-weight: bold;
	}

	#apply-form .field span.question{
		color: #484849;
		display:block;
		float:left;
		width:125px;
		padding:2px 10px 0 0;
	}
	
	#apply-form .field label {
		color: #484849;
		display: block;
		float: left;
		width: 90px;
		padding: 2px 10px 0 0;
	}
	
		#apply-form .field label.no-float {
			padding: 8px 0 !important;
			float: none;
			width: auto !important;
		}
	
		#apply-form .field label.wide {
			width: 110px !important;
		}
	
	#apply-form .field input.text.focus,
	#apply-form .field textarea.focus {
		background-color: #DAD9EB !important;
		margin-top: 0 !important;
	}	
	
	#apply-form .field input.date {
		margin-right: 10px;
		width: 70px !important;
	}
	
	#apply-form .field label.radio_label {
		color: #484849;
		display:inline-block;
		float: left;
		padding:2px 2px 0 0;
		width:auto;
		margin:0 5px;
	}
	
		#apply-form .field span.postcode-hint {
			display: block;
			color: #8D8D8F;
			margin: 5px 0 5px 135px; 
		}
		
		* html #apply-form .field span.postcode-hint {
			margin-left: 138px;
		}
		
		#apply-form .field select.po_address {
			border: solid 1px #857ba4 !important;
			margin-left: 135px;
		}
		
		* html #apply-form .field select.po_address {
			margin-left: 138px;
			z-index: -999 !important;
		}
		
		* html #apply-form .field .fake-select {
			border: solid 1px #857ba4 !important;
			margin-left: 138px;
			height: 20px;
			width: 265px;
		}
		
		#apply-form .field.continue {
			margin: 10px 20px 0 0;	
			float:left;
			display:inline;
			clear:none;
		}
		#apply-form .field.review {
			margin: 10px 20px 0 0;	
			float:left;
			display:inline;
			clear:none;
		}
		#apply-form .field.previous {
			margin: 10px 20px 0 0;
			float:left;
			display:inline;
			clear:none;
		}
		#apply-form .field.submit {
			margin: 10px 20px 0 0;	
			float: right;
			display:inline;
			clear:none;
		}

		#apply-form .clear.submit-buttons {
			float: left;
			clear: both;
		}
		
		#apply-form .submit-buttons {
			float: left;
			overflow: hidden;
			width: 375px;
		}

		#apply-form .noclear {
			clear: none;
		}
		
			#apply-form .submit-buttons.narrow {
				width: 250px !important;
			}
			
			#apply-form .submit-buttons.single {
				width: 120px !important;
			}
		
	#apply-form.form label {
		text-transform: lowercase;
		width: 125px;
	}
	
	#apply-form .field input,
	#apply-form .field select {
		color: #484849;
	}
	
	#apply-form .field input.text {
		border: solid 1px #857BA4;
		padding: 2px;
		width:260px;
	}
	
		#apply-form .field input.upload {
			float: left;
			margin-right: 5px;
		}
		
		#apply-form .field .small {
			color: #484849;
			font-size: 0.9em;
			font-weight: bold;
		}
		
		#apply-form .field .current-cv {
			clear: left;
			display: block;
		}
	
		#apply-form .field input.subject {
			float: left;
			margin-top: 0 !important;
			width: 280px;
		}
		
		#apply-form .field input.grade {
			width: 58px;
		}
		
		#apply-form .field input.grade.help {
			float: left;
			margin-right; 5px;
		}
		
		#apply-form .field .subject-seperator {
			border-right: solid 1px #E2DEDF;
			float: left;
			margin-right: 5px;
			height: 20px;
			width: 5px;
		}
	
		#apply-form .field input.help {
			float: left;
			margin-bottom: 0;
			margin-right: 5px;
		}
		
		* html #apply-form .field .date-help {
			display: inline;
		}
		
		* html #apply-form .field input.help {
			margin-bottom: 5px;
			margin-left: 3px;
		}
	
	#apply-form .field textarea {
		border: solid 1px #857BA4;
		padding: 2px;
		width: 260px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #484849;
	}
	
		#apply-form .field textarea.help {
			float: left;
			margin-right: 5px;
		}
	
	#apply-form .field table {
		margin-left:131px;
		width:194px;
		text-align:center;
		font-size:0.9em;
		color:#37266E;
	}
	
		#apply-form .field table tr td.header {
			text-align: center;
		}
	
	#apply-form .field table tr td input{
		width: 80px !important;
		margin: 0 0 5px 4px;
	}
	
	
	#apply-form .field input.radio {
		float:left;
		margin-top:3px;
		display:inline;
	}
	
	#apply-form .field select {
		border: solid 1px #857BA4;
		font-style: normal;
		height: 22px;
	}
	
		#apply-form .field select.help {
			float: left;	
			margin-right: 5px;
		}
	
		#apply-form .field select.title {
			width: 50px;
		}
	
	#apply-form .field input.text.narrow {
		width: 100px !important;
	}
	
	#apply-form .current-upload {
		border: solid 1px #857BA4;
		background-color: #DAD9EB;
		color: #484849;
		width: 395px;
		overflow: hidden;
		padding: 2px;
		margin: 0 0 5px;
	}
	
		#apply-form .current-upload span.current-cv {
			float: left;
		}
	
		#apply-form .current-upload a {
			float: right;
			margin-right: 2px;
		}
	
.apply-button {
	background: transparent url(../images/layout/job-list-button-pink.gif) no-repeat scroll 0 0;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	text-transform: lowercase;
	height: 26px;
	width: 92px;
}

	.apply-button a:link,
	.apply-button a:visited {
		color: #FFFFFF !important;
		display: block;
		padding: 3px 0 6px;
	}
	
	.apply-button a:hover {
		background: transparent url(../images/layout/job-list-button-pink-hover.gif) no-repeat scroll 0 0;
	}
	
#apply-form .label-subject {
	border-right: solid 1px #E2DEDF;
	margin: 5px 5px 5px 135px !important;
	width: 290px;
}

* html #apply-form .label-subject {
	clear: left;
	margin-left: 68px !important;
}

#apply-form .subject-header-holder {
	clear: both;
	display: block;
	height: 25px;
	overflow: hidden;
}

#apply-form .label-subject,
#apply-form .label-grade {
	color: #484849;
	display: block;
	float: left;
	margin: 5px 5px 5px 0;
	padding: 1px 1px 1px 0;
}

.formError {
	border: 1px solid #D8000C !important;
	background: #FFBABA !important;
}

/*----- Admin Application form alternative layout ------*/
#apply-form .adminfield .left{float:left; width:125px !important;}
#apply-form .adminfield .right{float:left; width:190px;}
#apply-form .adminfield .right label{width:150px; margin-bottom:5px;}
#apply-form .adminfield .right input.radio{margin-right:5px; clear:left;}
	
/*------------------------------------------*/

.split .hint {
	width: 375px;
	overflow:hidden;
	clear:both;
}

#application-progress {
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
}

	#application-progress ul {
		list-style: decimal;
		list-style-position: inside;
	}
	
		#application-progress ul li {
			border-bottom: solid 8px #DAD9EB;
			color: #37266E;
			float: left;
			font-weight: bold;
			margin-right: 15px;
			padding-bottom: 5px;
			text-transform: lowercase;
			width: 130px;
		}
		
		*+html #application-progress ul li {
			width: 140px;
		}
		
		#application-progress ul li.active {		
			border-bottom: solid 8px #37266E;
		}
		
#apply-form.form {
	width: 523px;
	overflow:visible;
	padding-bottom:4em;
}

	#apply-form h4.lower {
		margin-bottom: 10px;
		text-transform: lowercase;
	}
	
		#apply-form h4.lower span.upper {
			text-transform: uppercase;
		}
		
	#apply-form h4.sub-heading {
		border-bottom: solid 1px #E2DEDF;
		margin-bottom: 10px;
		padding-bottom: 5px;
	}
	
	#apply-form .a-school,
	#apply-form .b-school,
	#apply-form .c-school {
		margin-bottom: 8px;
	}
	
		#apply-form .a-school .additional,
		#apply-form .b-school .additional,
		#apply-form .c-school .additional {
			border-top: solid 1px #E2DEDF;
			margin-top: 10px;
			padding-top: 10px;
		}
	
		#apply-form .a-school .a-hidden,
		#apply-form .a-school .a2-hidden,
		#apply-form .a-school .a3-hidden,
		#apply-form .b-school .b2-hidden,
		#apply-form .b-school .b3-hidden,
		#apply-form .c-school .c2-hidden,
		#apply-form .c-school .c3-hidden,
		#apply-form .b-school .b-hidden,
		#apply-form .c-school .c-hidden {
			display: none;
		}

span.required {
	color: #C2529A;
}

.toggleList {
    padding: 15px 7px;
    list-style: none;
}

.toggleList.no-jobs {
	padding: 0 !important;
}

    .toggleList li .title {
        background-image: url(../images/layout/rewards-li.gif);
        background-repeat: no-repeat;
        background-position: top left;
        padding: 7px;
        padding-bottom: 0px;
        padding-left: 33px;
        display: block;
        color: #5f4f8f;
    }
        .toggleList li .title blockquote {
            margin-bottom: 15px;
        }
        .toggleList li .title p {
            color: #5f4f8f;
        }
        .toggleList li .title h3 {
            color: #5f4f8f;
            font-weight: bold;
            font-size: 1.1em;
        }
    .toggleList li .expandable {
        padding-left: 33px;
        color: #655792;
        margin-bottom: 10px;
        overflow: hidden;
    }

.pagination ul {
    list-style: none;
}

    .pagination li {
		color: #CCC;
        display: inline;
    }
    
    .pagination li.active a {
        color: #CCC;
        font-weight: bold;
    }
    
div.job-page {
    color:#484849;
}
    div.job-page ul {
        color:#484849;
        margin-left: 30px;
        margin-bottom: 20px;
    }

div.form-elm {
    overflow: hidden;
    zoom: 1;
    padding-bottom: 10px;
}
    div.form-elm label {
        float: left;
        width: 200px;
        display: block;
    }
    div.form-elm div.form-val {
        float: left;
        width: 250px;
    }

div.submit-elm {
    padding: 20px 0;
}

	div.submit-elm .previous-button {
		background: transparent url(../images/form/previous.gif) no-repeat scroll 0 0;
		border: 0 none;
		text-indent: -9999px;
		width: 104px;
		height: 23px;
	}
	
	div.submit-elm .continue-button {
		background: transparent url(../images/form/continue.gif) no-repeat scroll 0 0;
		border: 0 none;
		text-indent: -9999px;
		width: 104px;
		height: 23px;
	}

div.form-checkbox {
    overflow: hidden;
    zoom: 1;
    padding-bottom: 5px;
    margin-left: 20px;
}
    div.form-checkbox input {
        float: left;
    }
    div.form-checkbox label {
        width: 600px;
        float: left;
        display: block;
        margin-left: 6px;
    }
p.underlined {
    text-decoration: underline;
}
p.question {
    font-weight: bold;
}
div.error ul {
    margin-left: 16px;
    margin-bottom: 15px;
    color:#f00;
}

.clear {
	clear: left;
}

/*******************************************************************************
* Thank you popup message
*******************************************************************************/
#app-thank-you {
	background: url(../images/layout/thank-you-bg.png) no-repeat 0 0;
	width: 419px;
	height: 202px;
	position: absolute;
	top: 180px;
	left: 33%;
	padding: 50px;
	z-index: 999;
}

* html #app-thank-you {
	background: url(../images/layout/thank-you-bg.gif) no-repeat 0 0;
}