/*
Emap Jobs
James Wragg, Madgex Ltd. 2007
*/

/*
 Yahoo! Reset & Fonts - included here to save extra stylesheet requests
 =======================================================================
*/

	/*
	Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.3.0
	*/
	/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	/*fonts.css*/body {}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

	

html {
	border-bottom: 1px solid #fff; /* force the scrollbar to show in FF */
}

body {
	font: 62.5%/1.4 arial; 
}

p, blockquote, li, td, th, dd {
	font-size: 1.2em;
	}
	td li, li li {
		font-size: 1em;
	}

	

h1, h2, h3, h4 {
	color: navy;
	font-family: "Trebuchet MS", arial;
}
h1 {
	font-size: 2.4em;
	margin:0pt 0pt 13px;
	}
	h1 span {color: lightblue;}
h2 {
	font-size: 2.2em;
}
h3 {
	font-size: 1.7em;
	margin: 0 0 10px;
}
h4 {
	font-size: 1.9em;
	clear: left;
}
h5 {
	font-size: 1.4em;
	font-weight: bold;
}
p {
	margin: 6px 0pt 10px;
	}
	p span.note {
		display: block;
		font-size: 0.835em;
		margin: 3px 0;
	} 

a {
	text-decoration: none;
	color: red;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}



	
/*
 Layout
 ======
 */ 
	
	/* forces a scrollbar in mozilla, stopping the page shift */
	html { height: 100%; margin-bottom: 1px solid #417FA4;}	

	body {
		background: url(../cssimages/banner-generic-bg.jpg) top center repeat-x;
	}
	
	#wrapper, .wrapper {
		width: 960px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		zoom: 1;
		clear: both;
	}
	
	#skip {
		display: none;
	}
	
	#banner {
		color: #fff;
		position: relative;
		background: url(../cssimages/banner-generic-bg.jpg) repeat scroll center top;	
		overflow: hidden;
		}
		#logo {
			font-size: 3em;
			float: left;
			clear: both;
			margin: 25px 0pt 0pt;
			line-height: 52px;
			display: inline;
			font-family: "Trebuchet MS", "Helvetica", "Arial";
			width: 50%;
			}
			#logo a{
			    float: left;
			    margin-right: 15px;
			}
			#logo img {
				vertical-align: middle;
			}
		#banner p#powered-by {
			position: absolute;
			top: 0;
			right: 0;
			margin: 2px 0 0 0;
		}
		#banner div#powered-by {
			margin: 20px 0 0 0;
			display: block;
			height: 53px;
			width: 228px;
			background: url(../cssimages/workmoose-logo.gif) top left no-repeat;
			float: right;
			}
			#banner div#powered-by img {
				/*position: absolute;
				left: -9999em;*/
				display:none;
			}
			#banner div.adWrapper 
			{			    
			    position: absolute;
			    right: 0;
			    top: 20px;
			}
		#banner ul {
			/*
            p-osition: absolute;
			bottom: 0;
			left: 0;
			margin: 1.5em 0 0;
            */
			float: none;
			padding-top: 1.5em;
			width: 100%;
			clear: both;
		}
		#banner ul li {
			background: url(../cssimages/toptab-bg.gif) top left no-repeat;
			float: left;
			display:inline;
			margin-right: 10px;
		}
		#banner ul li.active {
			background: url(../cssimages/toptab-bg-active.gif) top left no-repeat;
			color: #062d44;
		}
		#banner ul li a{
			c-olor: #f4ead6;
			font-weight: normal;
		}
		#banner ul li span {
			background:transparent url(../cssimages/toptab-bg.gif) no-repeat scroll right top;
			display:block;
			margin-left:3px;
			padding:6px 18px 6px 15px;
		}
		#banner ul li.active span {
			background:transparent url(../cssimages/toptab-bg-active.gif) no-repeat scroll right top;
			}
			#banner ul li.active a {
				color: #062d44;
			}
			#banner ul li.active a:hover {
				color: #062d44;
			}
		#banner li.alt {
			float: right;
			margin: 0 0 0 10px;
		}
		#banner li.last {
			float: right;
			margin: 0 0;
		}
		#banner p.status {
			bottom:0pt;
			display:block;
			margin:6px 0pt;
			position:absolute;
			right:145px;
			text-align:right;
			width:465px;
		}
		#banner p.status span {
			display: none;
		}
		#banner p.status a {
			padding: 0 4px;
		}
		
	#nav {
		background: #CCD4E2 url(../cssimages/nav-bg.gif) top left repeat-x;
		height: auto !important;
		height: 38px;
		min-height: 38px;
		float: left;
		width: 100%;
		}
		#nav ul {
			color:#666666;
			float:left;
			font-weight:bold;
			margin:8px 0pt;
			}
			#nav li {
				line-height: 1;
				float: left;
				b-order-right: 1px solid #666666;
				}
				#nav li a {
					margin: 5px 0;
					padding: 0 0.85em;
					display: block;
					border-right: 1px solid #666666;
					}
					#nav li a.active {
						color: black;
					}
				#nav li.last a {
					border-right: none;
				}
		
		
	#content-wrapper {
		zoom: 1;
		overflow: hidden;
		clear: both;
		margin:0 auto 30px;
		padding-top: 15px;
		width:960px;
		position: relative;
		min-height: 550px;
		}
		#content-wrapper div.skyscraper-container {
			margin: 10px auto;
			text-align: center;
			clear: both;
		}
		
	#content {
		width: 800px;
		min-height: 200px;
		float: left;
		position: relative;
		clear: left;
		}
		#col1 {
			float: right;
			width: 350px;
			overflow: hidden;
		}
		#col2 {
			float: left;
			width: 435px;
			overflow: hidden;
		}
		
		/* ER68, 2008-06-20, Martin Digon:
			New area at the bottom of the content for SEO intro text.
			ID16084: remove string "SEO" from ID name, to avoid giving the game away to search engines.
		*/
		#intro-text
		{
			clear: both;
		}		
		
    	.careeradvice #col1 li
		{
    		list-style-type: disc;
    		margin-left: 1.5em;
		}

		
	#col3 {
		float: right;
		width: 145px;
		}
		div.banner-container {
			position:absolute;
			right:0pt;
			top:25px;
			width:100%;
			}
			div.banner-container .wrapper {
				height:62px;
				margin:0pt auto;
				text-align:right;
				width:960px;
			}
	#col3 div.adWrapper{
	    text-align: center;
	    margin: 0 0 15px 0;
	    overflow: hidden;
	}
	
	#cross-site-links 
	{
		clear: both;
		margin-top: 2em;
		overflow: hidden;
		text-align: center;
	}
	
	#footer {
		background: #616161 url(../cssimages/footer-bg.gif) top left repeat-x;
		clear: both;
		height: auto !important;
		height: 68px;
		min-height: 68px;
		color: grey;
		padding-top: 15px;
		}
		#footer img {
			float: left;
			text-align: left;
			vertical-align: middle;
		}
		#footer p {
			font-size: 1.1em;
			text-align: right;
			margin: 0;
			line-height: 1.8;
			float: right;
			clear: both;
			display: inline;
		}
		#footer a {
			font-weight: normal;
		}
		#footer ul {
			position: absolute;
		}
		#footer ul li {
			float: left;
			padding: 0 15px 0 0;
			line-height: 1.5;
		}
		#footer ul a {
			color: red;
		}
		#footer .wrapper {
			width: 960px;
			margin: 0 auto;
			overflow: hidden;
		}

	#ads-banner {
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
	

		
		
/*
 Rounded boxes styling
 =====================
 */

 .r145 .inner,
.r145-alt .inner,
.r145-highlight .inner,
.r145-feature .inner,
.r190 .inner,
.r190-alt .inner,
.r190-highlight .inner,
.r190-feature .inner,
.r210 .inner,
.r210-alt .inner,
.r210-highlight .inner,
.r210-feature .inner,
.r230 .inner,
.r230-alt .inner,
.r230-highlight .inner,
.r230-feature .inner,
.r332 .inner,
.r332-alt .inner,
.r332-highlight .inner,
.r332-feature .inner,
.r350 .inner,
.r350-alt .inner,
.r350-highlight .inner,
.r350-feature .inner,
.r435 .inner,
.r435-alt .inner,
.r435-highlight .inner,
.r435-feature .inner,
.r530 .inner,
.r530-alt .inner,
.r530-highlight .inner,
.r530-feature .inner,
.r550 .inner,
.r550-alt .inner,
.r550-highlight .inner,
.r550-feature .inner,
.r560 .inner,
.r560-alt .inner,
.r560-highlight .inner,
.r560-feature .inner {
	background-position: bottom left !important;
}

.r550-feature 
{
    margin: 0 -3px 0 0;
    } /* Fixes IE6 mystery character bug */

.r145, .r190, .r210, .r230, .r332, .r350, .r435, .r530, .r550 {
	float: left;
	margin-bottom:15px;
}
.inner {
	display: block;
	margin-top: 10px;
	padding: 0 10px 10px;
	position: relative;
	float: left;
}
h3.head {
	position:relative;
	width: 100%;
	float: left;
	margin-left:-10px;
	margin-bottom: 0;
	display: inline;
	left: 0;
	top:-10px;
	color: #fff;
}
h3.head span {
	padding: 3px 60px 5px 10px;
	float: left;
}

.r145 {
	background: url(../cssimages/r145-bg-c.gif) top left no-repeat;
	width: 145px;
	clear: left;
	}
	.r145-alt {
		background: url(../cssimages/r145-bg-g.gif) top left no-repeat;
	}
	.r145 a.rec-logo {
		zoom: 1;
		display: block;
		width: 125px;
		overflow: hidden;
	}
	.r145 img.logo {
		margin: 7px 0;
	}
	.r145-feature {
		background: url(../cssimages/r145-bg-y.gif) top left no-repeat;
	}
	.r145-feature {
		color: #fff;
		background: url(../cssimages/r145-bg-f.gif) top left no-repeat;
		}
		.r145-feature a {
			color: #fff;
		}
		.r145-feature ul {
			margin: 2px 0 16px;
			}
			.r145-feature li {
				margin: 4px 0;
			}
			.r145-feature li a {
				font-weight: normal;
			}
		.r145-feature h4 {
			font-size: 116%;
			font-weight: bold;
			line-height: 1.2;
			margin: 4px 0;
			color: #fff;
		}
	.r145 h3.head {
		width: 145px;
	}
	.r145 h3.head span {
			background: url(../cssimages/header-bg-c.gif) bottom right no-repeat;
		}
		.r145-feature h3.head span {
			background: url(../cssimages/header-bg-o.gif) bottom right no-repeat;
		}
		.r145-feature h3.head span {
			background: url(../cssimages/header-bg-f.gif) bottom right no-repeat;
		}
	.r145 .inner {
		background: url(../cssimages/r145-bg-c.gif) bottom left no-repeat;
		width: 125px;
		}
		.r145-feature .inner {
			background: url(../cssimages/r145-bg-y.gif) bottom left no-repeat;
		}
		.r145-feature .inner {
			background: url(../cssimages/r145-bg-f.gif) bottom left no-repeat;
		}
		.r145-alt .inner {
			background: url(../cssimages/r145-bg-g.gif) bottom left no-repeat;
		}
		
.r190 {
	background: url(../cssimages/r190-bg-c.gif) top left no-repeat;
	width: 190px;
	clear: left;
	}
	.r190 h3 a {
		color:#0a406f;
	}
	.r190 ul {
		margin: 2px 0;
		clear: both;
		}
		.r190 li {
			margin: 8px 0;
		}
	.r190-alt {
		background: url(../cssimages/r190-bg-g.gif) top left no-repeat;
	}
	.r190 img.logo {
		margin: 7px 0;
	}
	.r190-feature {
		background: url(../cssimages/r190-bg-y.gif) top left no-repeat;
	}
	.r190-feature {
		background: url(../cssimages/r190-bg-f.gif) top left no-repeat;
		}
		.r190-feature a {
			color: #1F69AF;
		}
		.r190-feature h4 {
			font-size: 116%;
			font-weight: bold;
			line-height: 1.2;
			margin: 4px 0;
			color: #fff;
		}
	.r190 h3.head {
		width: 190px;
	}
	.r190 h3.head span {
			background: url(../cssimages/header-bg-c.gif) bottom right no-repeat;
		}
		.r190-feature h3.head span {
			background: url(../cssimages/header-bg-o.gif) bottom right no-repeat;
		}
		.r190-feature h3.head span {
			background: url(../cssimages/header-bg-f.gif) bottom right no-repeat;
		}
	.r190 .inner {
		background: url(../cssimages/r190-bg-c.gif) bottom left no-repeat;
		width: 170px;
		}
		.r190-feature .inner {
			background: url(../cssimages/r190-bg-y.gif) bottom left no-repeat;
		}
		.r190-feature .inner {
			background: url(../cssimages/r190-bg-f.gif) bottom left no-repeat;
		}
		.r190-alt .inner {
			background: url(../cssimages/r190-bg-g.gif) bottom left no-repeat;
		}


.r210 {
	background: url(../cssimages/r210-bg-c.gif) top left no-repeat;
	width: 210px;
	margin-right: 15px;
	clear: left;
	}
	.r210-last {
		margin-right: 0;
		clear: none;
	}
	.r210-feature {
		background: url(../cssimages/r210-bg-y.gif) top left no-repeat;
	}
	.r210-feature {
		background: url(../cssimages/r210-bg-f.gif) top left no-repeat;
	}
	.r210-feature a {
		color: #fff;
	}
	.r210-alt {
		background: url(../cssimages/r210-bg-g.gif) top left no-repeat;
	}
	.r210 h3.head {
		width: 210px;
	}
	.r210 h3.head span {
			background: url(../cssimages/header-bg-c.gif) bottom right no-repeat;
		}
		.r210-feature h3.head span {
			background: url(../cssimages/header-bg-o.gif) bottom right no-repeat;
		}
		.r210-feature h3.head span {
			background: url(../cssimages/header-bg-f.gif) bottom right no-repeat;
		}
	.r210 .inner {
		background: url(../cssimages/r210-bg-c.gif) bottom left no-repeat;
		width: 190px;
		}
		.r210-feature .inner {
			background: url(../cssimages/r210-bg-y.gif) bottom left no-repeat;
		}
		.r210-feature .inner {
			background: url(../cssimages/r210-bg-f.gif) bottom left no-repeat;
		}
		.r210-alt .inner {
			background: url(../cssimages/r210-bg-g.gif) bottom left no-repeat;
		}
		
.r230 {
	background: url(../cssimages/r230-bg-c.gif) top left no-repeat;
	width: 230px;
	clear: left;
	}
	.r230 ul {
		margin: 2px 0;
		clear: both;
		}
		.r230 ul.details li {
			margin: 10px 0;
		}
	.r230-alt {
		background: url(../cssimages/r230-bg-g.gif) top left no-repeat;
	}
	.r230 img.logo {
		margin: 7px 0;
	}
	.r230-feature {
		background: url(../cssimages/r230-bg-y.gif) top left no-repeat;
	}
	.r230-feature {
		background: url(../cssimages/r230-bg-f.gif) top left no-repeat;
		}
		.r230-feature a {
			c-olor: #fff;
		}
		.r230-feature h4 {
			font-size: 116%;
			font-weight: bold;
			line-height: 1.2;
			margin: 4px 0;
			color: #fff;
		}
	.r230 h3.head {
		width: 230px;
	}
	.r230 h3.head span {
			background: url(../cssimages/header-bg-c.gif) bottom right no-repeat;
		}
		.r230-feature h3.head span {
			background: url(../cssimages/header-bg-o.gif) bottom right no-repeat;
		}
		.r230-feature h3.head span {
			background: url(../cssimages/header-bg-f.gif) bottom right no-repeat;
		}
	.r230 .inner {
		background: url(../cssimages/r230-bg-c.gif) bottom left no-repeat;
		width: 210px;
		}
		.r230-feature .inner {
			background: url(../cssimages/r230-bg-y.gif) bottom left no-repeat;
		}
		.r230-feature .inner {
			background: url(../cssimages/r230-bg-f.gif) bottom left no-repeat;
		}
		.r230-alt .inner {
			background: url(../cssimages/r230-bg-g.gif) bottom left no-repeat;
		}
		
.r350-feature .r332 {
	background: url(../cssimages/r332-bg-w.gif) top left no-repeat;
	width: 332px;
	}
	.r350-feature .r332 .inner {
		background: url(../cssimages/r332-bg-w.gif) bottom left no-repeat;
		width: 312px ;
		height: auto ;
		min-height: 0 !important;
		}
		
		
.r350 {
	background: url(../cssimages/r350-bg-c.gif) top left no-repeat;
	}

	.r350-feature {
		background: url(../cssimages/r350-bg-y.gif) top left no-repeat;
	}
	.r350-feature {
		background: url(../cssimages/r350-bg-f.gif) top left no-repeat;
		}
		.r350-feature img.logo {
			margin: 0pt 0pt 10px 10px;
		}
		
	.r350 h3.head {
		width: 342px;
	}
	.r350 h3.head span {
			background: url(../cssimages/header-bg-c.gif) bottom right no-repeat;
		}
		.r350-feature h3.head span {
			background: url(../cssimages/header-bg-o.gif) bottom right no-repeat;
		}
		.r350-feature h3.head span {
			background: url(../cssimages/header-bg-f.gif) bottom right no-repeat;
		}
	.r350 .inner {
		background: url(../cssimages/r350-bg-c.gif) bottom left no-repeat;
		width: 332px;
		}
		.r350-feature .inner {
			background: url(../cssimages/r350-bg-y.gif) bottom left no-repeat;
		}
		.r350-feature .inner {
			background: url(../cssimages/r350-bg-f.gif) bottom left no-repeat;
		}

.r435 {
	background: url(../cssimages/r435-bg-c.gif) top left no-repeat;
	width: 435px;
	}
	.r435-feature {
		background: url(../cssimages/r435-bg-y.gif) top left no-repeat;
	}
	.r435-feature {
		background: url(../cssimages/r435-bg-f.gif) top left no-repeat;
	}
	.r435-feature a {
		c-olor: #fff;
	}
	.r435-alt {
		background: url(../cssimages/r435-bg-g.gif) top left no-repeat;
	}
	.r435 h3.head {
		width: 435px;
	}
	.r435 h3.head span {
			background: url(../cssimages/header-bg-c.gif) bottom right no-repeat;
		}
		.r435-feature h3.head span {
			background: url(../cssimages/header-bg-o.gif) bottom right no-repeat;
		}
		.r435-feature h3.head span {
			background: url(../cssimages/header-bg-f.gif) bottom right no-repeat;
		}
	.r435 .inner {
		background: url(../cssimages/r435-bg-c.gif) bottom left no-repeat;
		width: 415px;
		}
		.r435-feature .inner {
			background: url(../cssimages/r435-bg-y.gif) bottom left no-repeat;
		}
		.r435-feature .inner {
			background: url(../cssimages/r435-bg-f.gif) bottom left no-repeat;
		}
		.r435-alt .inner {
			background: url(../cssimages/r435-bg-g.gif) bottom left no-repeat;
		}

.r530 {
	background: url(../cssimages/r530-bg-c.gif) top left no-repeat;
	width: 530px;
	}
	.r530-feature {
		background: url(../cssimages/r530-bg-y.gif) top left no-repeat;
	}
	.r530-feature {
		background: url(../cssimages/r530-bg-f.gif) top left no-repeat;
	}
	.r530-alt {
		background: url(../cssimages/r530-bg-g.gif) top left no-repeat;
	}
	.r530 h3.head {
		width: 530px;
	}
	.r530 h3.head span {
			background: url(../cssimages/header-bg-c.gif) bottom right no-repeat;
		}
		.r530-feature h3.head span {
			background: url(../cssimages/header-bg-o.gif) bottom right no-repeat;
		}
		.r530-feature h3.head span {
			background: url(../cssimages/header-bg-f.gif) bottom right no-repeat;
		}
	.r530 .inner {
		background: url(../cssimages/r530-bg-c.gif) bottom left no-repeat;
		width: 470px;
		padding: 10px 30px;
		margin-top: 10px;
		}
		.r530-feature .inner {
			background: url(../cssimages/r530-bg-y.gif) bottom left no-repeat;
		}
		.r530-feature .inner {
			background: url(../cssimages/r530-bg-f.gif) bottom left no-repeat;
		}
		.r530-alt .inner {
			background: url(../cssimages/r530-bg-g.gif) bottom left no-repeat;
		}


.r550 {
	background: url(../cssimages/r550-bg-c.gif) top left no-repeat;
	width: 550px;
	}
	.r550-feature {
		background: url(../cssimages/r550-bg-f.gif) top left no-repeat;
	}
	.r550-alt {
		background: url(../cssimages/r550-bg-g.gif) top left no-repeat;
	}
	.r550 h3.head {
		width: 550px;
	}
	.r550 h3.head span {
			background: url(../cssimages/header-bg-c.gif) bottom right no-repeat;
		}
		.r550-feature h3.head span {
			background: url(../cssimages/header-bg-f.gif) bottom right no-repeat;
		}
	.r550 .inner {
		background: url(../cssimages/r550-bg-c.gif) bottom left no-repeat;
		width: 530px;
		}
		.r550-feature .inner {
			background: url(../cssimages/r550-bg-f.gif) bottom left no-repeat;
		}
		.r550-alt .inner {
			background: url(../cssimages/r550-bg-g.gif) bottom left no-repeat;
		}


/*Added by NA for the "more jobs like this section" */
.r560 {
	background: url(../cssimages/r560-bg-c.gif) top left no-repeat;
	width: 550px;
	}
	.r560-feature {
		background: url(../cssimages/r560-bg-f.gif) top left no-repeat;
	}
	.r560-alt {
		background: url(../cssimages/r560-bg-g.gif) top left no-repeat;
	}
	.r560 h3.head {
		width: 550px;
	}
	.r560 h3.head span {
			background: url(../cssimages/header-bg-c.gif) bottom right no-repeat;
		}
		.r560-feature h3.head span {
			background: url(../cssimages/header-bg-f.gif) bottom right no-repeat;
		}
	.r560 .inner {
		background: url(../cssimages/r560-bg-c.gif) bottom left no-repeat;
		width: 530px;
		}
		.r560-feature .inner {
			background: url(../cssimages/r560-bg-f.gif) bottom left no-repeat;
		}
		.r560-alt .inner {
			background: url(../cssimages/r560-bg-g.gif) bottom left no-repeat;
		}
/*ends*/		

/* alt column widths */
.joblist #col1, .careeradvice #col1, .recruiteraz #col1 {
	width: 550px;
}

.joblist #col2, .careeradvice #col2, .recruiteraz #col2 {
	width: 230px;
}






/*
 Forms
 =====
 */
form {
	margin-bottom: 10px;
	position: relative;
	float: left;
	width: 100%;
	}
	form p.radio-label {
		float: left;
		clear: left;
		width: 130px;
		font-weight: bold;
	}

	form p.radio-alt {
		width: 70%;
	}

	form fieldset p.radio-alt {
		float: left;
		width: 70%;
	}

	form fieldset label.radio-label {
		margin: 0;
	}	


	form label.radio-label {
		margin: 6px 0 0 0;
	}	
	
	form label.radio-label {
		width: 100px;
		float: left;
	}
	form .itemError {
	    color: #D70000;
	    font-weight: bold;
	    display: block;
	    padding: 0.1em 0.2em;
	}
	form .check .itemError {
        margin-left: 20px;
	}

form .r550 .field {
	margin: 5px 0;
	float: left;
	width: 100%;
	}
	form .r550 .field label{
		position: static;
		float: left;
		}
		label.required {
			background: url(../cssimages/required-star.gif) right 5px no-repeat;
		}

		
	

form .r550 select.layout1,
form .r550 input.layout1,
form .r550 textarea.layout1 {
	float:left;
	width:385px;
}
form select.layout1,
form textarea.layout1,
form input.layout1 {
	width: 97%;
}
    .r530-feature .inner #recZone textarea {
        width: 97% !important;
        width: 20em;
    }
    
    .r550-feature .inner #reply input.text, .r550-feature .inner #reply textarea {
        width: 97% !important;
        width: 29em;
    }
    
    .r550-feature .inner #apply input.text, .r550-feature .inner #apply textarea.layout1 {
        width: 97% !important;
        width: 29em;
    }
    
    
form select.layout2,
form input.layout2 {
	width: 50%;
}
form select.layout3,
form input.layout3 {
	float:right;
	position:relative;
	top:-1.4em;
	width:70%;
}

	form p.radio-coll {
		margin: 2px 0 !important;
	}
	form .infoMsg {
		display: block;
		margin: 0.2em 0 0.2em 138px;
		/*font-weight: bold;*/
		}
	    body.jobapply form .infoMsg {
		    margin-left: 0;
		    }
	/* 2008-07-22, Martin Digon:
		New style to render indented check box fields, 
		for when they appear surrounded by other indented fields. */
	form .check-indented
	{
		margin-left: 138px;
	}
	form .field {
		margin: 6px 0 12px 80px;
		position: relative;
		clear: both;
		}
		form .submit {
			margin: 10px 0 10px 80px;
			overflow: hidden;
			line-height:25px;
		}
		form  a.arrow {
			float: left;
		}
	form .field label, form .field span.label {
		position: absolute;
		left: -80px;
		width: 78px;
		top: 3px;
		font-weight: bold;
	}
	form input.image {
		float: right;
	}
	form textarea {
		font-family: arial, helvetica;
	}
	
form .submit a.arrow {
	width: 90px;
	text-align: left;
	line-height: 1.2;
}
form .submit a.arrow-alt {
}		
	
fieldset.radio h3 {
	font-size: 1.2em;
	color: #000;
	font-weight: bold;
	margin-top: 4px;
	}
	fieldset.radio label{
		display: block;
		margin: 4px 0;
	}
	
	
	
/*
 Common flourishes
 =================
*/

.notice {
    background:#E10089 none repeat scroll 0% 50%;
    border:1px solid #AF006E;
    color:white;
    font-weight:bold;
    padding:4px 6px;
}

#map {
    clear:both;
    float:left;
    height:299px;
    width:392px;
}

#col1 .section {
	background: url(../cssimages/dotted-horiz.gif) bottom left repeat-x;
	padding-bottom: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	zoom: 1;
	}
	#col1 .section h2, #col1 .section-alt h2 {
		margin: 10px 15px;
	}
	#col1 .section p, #col1 .section-alt p, #col1 .section ul.col, #col1 .section-alt ul.col {
		margin: 0 15px;
		}
		#col1 .section ul.col-alt li{
			padding: 5px 0;
			height: 1%;
		}
	#col1 .section-alt {
		background: url(../cssimages/dotted-horiz.gif) bottom left repeat-x;
		padding-bottom: 10px;
		margin-bottom: 10px;
		margin-top: 40px;
	}
	#col1 .section ul.col {
		overflow: hidden;
		height: 1%;
		margin: 10px 15px;
		}
		#col1 .section ul.col li {
			float: left;
			width: 170px;
			color: #ff9932;
			}			
			#col1 .section ul.col li ul {
				margin-left: 1.5em;
				margin-bottom: 0.5em;
			}
	
	
 
dl.address {
	clear: both;
	overflow: hidden;
	zoom: 1;
	}
	dl.address dt {
		clear: left;
		float: left;
		width: 35%;
		font-weight: bold;
		color: #333333;
		font-size: 1.2em;
		
	}
	dl.address dd {
		float: left;
		width: 64%;
		background: none;
		margin: 0.2em 0;
		padding: 0;
		color: #333333;
	}


.ad-container {
	padding: 20px 0;
	text-align: center;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

dt {
	font-size: 1.4em;
	font-weight: bold;
	color: navy;
} 
dd {
	margin: 5px 0 10px;
	padding-bottom: 15px;
	background: url(../cssimages/dotted-horiz.gif) bottom left repeat-x;
	color: #666666;
}

p.clear {
	clear: both;
}
ul.normal {
	padding-left: 20px;
	}
	ul.normal li {
		list-style-type: disc;
	}

ol.normal {
	padding-left: 20px;
	margin: 1em 0;
	}
	ol.normal li {
		list-style-type: decimal;
		margin: 1em 0;
	}

	
table.alt {
	margin: 10px 0;
	}
	table.alt th {
		font-weight: bold;
	}
	table.alt th, table.alt td {
		padding: 6px 1px;
		border-bottom: 1px solid #b2b9c6;
		vertical-align: top;
	}
	table.alt th.actions-2 {
		width: 100px;
	}


#col1 ul.details {
		margin: 0;
		overflow: hidden;
		min-width: 0;
		font-size: 100%;
		color: #000;
		width: auto;
		clear: both;
	}
	#col1 ul.details li {
		overflow: hidden;
		margin: 2px 0;
		min-width: 0;
		background: none;
		padding: 0 5px 0 0;
		margin-right: 5px;
		float: left;
		width: auto; 
		border-right: 1px solid;
	}
	
	#col1 ul.joblist ul.details li 
	{
	    display: inline;
	}
	
	
	#col1 ul.details li span, #col1 ul.details li address{
		float: left;
		width: auto;
	}
	#col1 ul.details li span.label{
		padding-right: 10px;
		width: 80px;
		font-weight: bold;
		clear: left;
	}
	#col1 ul.details li ul {
		font-size: 100%;
	}
	#col1 ul.details li.last{
		border: none;
	}


	
.joblist #col2 form p, .recruiteraz #col2 form p {
	margin: 0 0 8px;
	overflow: hidden;
	}
	.joblist #col2 form p label, .recruiteraz #col2 form p label{
		width: auto;
		position: static;
		display: block;
		margin-bottom: 2px;
		margin-top: 2px;
		font-weight: bold;
	}
	.joblist ul.details{
		padding: 2px 7px 10px;
	}

 
 
ul.featured-jobs li {
		padding: 0 0 10px; 
		background: url(../cssimages/dotted-horiz.gif) bottom left repeat-x;
		zoom: 1;
	}
	ul.featured-jobs li.last {
		background: none;
	}
	ul.featured-jobs li p, ul.featured-jobs li ul {
		font-size: 100%;
		margin: 4px 0;
	}
	ul.featured-jobs li a img.logo {
		float: none;
		margin-bottom: 5px !important;
	}
	ul.featured-jobs li p.matching {
		font-size: 77%;
	}
	ul.featured-jobs li ul li {
		padding: 0;
		background: none;
	}

ul.criteria {
	
	}
	ul.criteria li {
		margin: 2px 0;
	}
	ul.criteria strong {
		color: #003366;
	}

p.list-type {
	float: left;
	clear: left;
	margin: 0 5px 5px 0;
	}
	p.list-type-alt {
		float: left;
		clear: none;
		margin: 0 5px 5px 30px;
		display: inline;
	}

ul.list {
	margin-bottom:5px;
	overflow:hidden;
	float: left;
	}
	ul.list li {
		border-right: 1px solid;
		float: left;
		padding: 0 5px;
		}
		ul.list li.first {
			padding-left: 0;
		}
		ul.list li.last {
			padding-right: 0;
			border: none;
		}
	
	

ul.job-links {
	overflow: hidden;
	min-width: 0;
	clear: both;
	margin: 0 0 5px;
	zoom: 1;
	}
	ul.job-links li {
		float: left;
		padding-right: 16px;
	}
	ul.job-links li.last {
		padding-right: 0;
	}
	ul.job-links li a {
		float: left;
	}
	ul.job-links li a.arrow {
		padding: 0 0 0 2.2em !important;
		background: transparent url(../cssimages/tabarrow.gif) no-repeat scroll .4em center !important;
		margin: 1.3em 0 0 0;
	}


.pdf {
	background: url(../cssimages/pdf-icon.gif) top left no-repeat;
	padding-left: 25px;
	height: auto !important;
	height: 20px;
	min-height: 20px;
	display: block;
	width: 140px;
}

.word {
	background: url(../cssimages/word-icon.gif) top left no-repeat;
	padding-left: 25px;
	height: auto !important;
	height: 25px;
	min-height: 25px;
	display: block;
	width: 140px;
}

.warning {
	background: #fde393 url(../cssimages/warning-icon.gif) 6px 7px no-repeat;
	border: 1px solid #cccccc;
	padding: 5px 5px 5px 35px;
	height: auto !important;
	height: 25px;
	min-height: 25px;
	margin: 15px 0 5px 0;
	font-size: 1.1em;
	clear: both;
	}
	.warning em, .warning strong {
		font-style: normal;
		font-weight: normal;
	}

.job-head {
	position: relative;
	min-width: 0;
	zoom: 1;
	}
	.job-head p.submit {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
	}
	
.job-body {
	margin: 35px 0 25px 2px;
	height: auto !important;
	height: 150px;
	min-height: 150px;
	zoom: 1;
	position: relative;
	padding-bottom:40px;
	}
	.job-body p.submit {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	}
	.job-body p {
		margin: 1.5em 0 0.5em;
	}
	.job-body ul {
	    margin-left: 2em;
	}
	.job-body li {
	    list-style-type: disc;
	}

p.submit {
	text-align: right;
	clear: both;
}
	 
a.arrow-alt {
	background: transparent url(../cssimages/tabarrow.gif) no-repeat scroll right center;
	padding-right: 20px;
}

a.arrow {
	background: transparent url(../cssimages/tabarrow.gif) no-repeat scroll left 2px;
	padding-left: 20px;
	display: block;
	}
	#banner a.arrow {
		background-position: center left;
	}
	a.arrow-active {
		background: transparent url(../cssimages/tabarrow-grey.gif) no-repeat scroll left 2px;
		color: #333333;
		font-weight: normal;
	}
	#col1 a.arrow {
		min-width: 0;
	}
	#col2 a.arrow {
		zoom: 1;
	}

a.envelope, a.envelope-small, a.cv, a.letter, a.rss-small {
	background: transparent url(../cssimages/envelope.gif) no-repeat scroll left top;
	padding-left: 55px;
	height: auto !important;
	height: 40px;
	min-height: 40px;
	padding-top: 10px;
	display: block;
	}
	a.envelope-small {
		background: transparent url(../cssimages/envelope-small.gif) no-repeat scroll left top;
		height: auto !important;
		height: 24px;
		min-height: 24px;
		line-height: 20px;
		padding-top: 0;
		padding-left: 30px;
		display: block;		
	}
	a.rss-small {
		background: transparent url(../cssimages/rss-small.gif) no-repeat scroll left top;
		height: auto !important;
		height: 24px;
		min-height: 24px;
		line-height: 20px;
		padding-top: 0;
		padding-left: 25px;
		display: block;		
	}
	a.envelope:hover {
		background: transparent url(../cssimages/envelope.gif) no-repeat scroll -453px 0;
	}
	a.cv {
		background: transparent url(../cssimages/cv.gif) no-repeat scroll left top;
	}
	a.cv:hover {
		background: transparent url(../cssimages/cv.gif) no-repeat scroll -454px 0;
	}
	a.letter {
		background: transparent url(../cssimages/letter.gif) no-repeat scroll left top;
	}
	a.letter:hover {
		background: transparent url(../cssimages/letter.gif) no-repeat scroll -450px 0;
	}

img.logo {
	border: 1px solid #808080;
	max-height: 62px;
	max-width: 122px;
	float: right;	
	}
	#ads img.logo {
		margin: 10px auto;
	}

#ads p {
	overflow: hidden;
	margin: 0;
}
	
/* preious search list */
.prev-search {
	background:transparent url(../cssimages/dotted-horiz.gif) repeat-x scroll left bottom;
	float:left;
	margin-top:6px;
	padding-bottom:10px;
	width:100%;
	display:inline;
	}
	.prev-search.last {
		background: none;
	}
.prev-search p {
	padding-left: 10px;
	margin: 2px 0 4px;
}
.prev-search ul {
	float: left;
	padding-left: 10px;
	color: #1F69AF;
}
.prev-search ul li {
	float: left;
	line-height: 1;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid;
	}
	.prev-search ul li.last {
		border: none;
	}

.pagination-area {
	padding: 10px 0 0;
	margin-bottom: 5px;
	overflow: hidden;
	min-width: 0;
	clear: both;
	line-height: 1;
	zoom: 1;
	position: relative;
	}
	.pagination-area-alt {
		background: url(../cssimages/dotted-horiz.gif) top left repeat-x;
		padding: 10px 0;
		margin: 10px 0;
		overflow: hidden;
		min-width: 0;
		clear: both;
		width: 100%;
	}
	

/*
 Page specifics - I don't like how much I've had to do this!
 ===========================================================
 */

/* 
 homepage
 ======== */ 

body.homepage .r550-feature a {
	color: #fff;
}
 
h1.headline, p.timedate {
	float:left;
	line-height:26px;
	margin:0 0 13px;
}
body.homepage h1.headline {
    width: 800px;
    }
 
p.return {
	float: left;
	background: transparent url(../cssimages/tabarrow-back.gif) no-repeat scroll left 0;
	padding: 0 0 0 20px;
	}

.pagination-area .result-total, .pagination-area-alt .result-total {
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: right;
	float: left;
	display: inline;	
}

ul.pagination {
	float: right;
	margin: 6px 0 10px 0;
	}
	ul.pagination li{
		float: left;
		padding-right: 5px;
		margin-left: 5px;
		border-right: 1px solid;
	}
	ul.pagination li.last{
		border-right: none;
		padding-right: 0;
	}
 
p.timedate {
	color: #073f6e;
}
 
body.homepage h4 {
	clear: left;
	}
	body.homepage .r145-feature h4 {
		font-size: 1.8em;
	}

	body.homepage .r145-feature a:hover {
		color: #fff;
	}

	/* Use "prebreak" to space this header and place a horizontal line above it. */
	body.homepage h4.prebreak { 
		line-height: 40px;
		background: url(../cssimages/dotted-horiz.gif) top left repeat-x;
	}
 
	/* ER70, 2008-06-25, Martin Digon:
		Use "nobreak" to space this header (for first header, without horizontal line). */
	body.homepage h4.nobreak { 
		line-height: 40px;
	}
 
 p.timedate {
	float: right;
 }
	
/*
moved to custom.css

p.tab-reversed {
	background: url(../cssimages/tab-reversed.gif) bottom left no-repeat;
	float: left;
	width: auto;
	color: #fff;
	position: relative;
	margin: 0 0 15px;
	}
	p.tab-reversed span {
		background: url(../cssimages/tab-reversed.gif) bottom right no-repeat;
		float: left;
		width: auto;
		margin-left:7px;
		padding:6px 18px 6px 11px;
	}
	p.tab-reversed span a {
		color: #fff;
		font-weight: normal;
		background: url(../cssimages/tabrevarrow.gif) center left no-repeat;
		padding-left: 20px;
	    }
	    p.tab-reversed span a:hover {
            color: #fff;
	    }
	p.tab-reversed + * {
		clear: left;
	}
*/
	
/*	
.homepage ul.  {
	width: 48%;
	float: left;
	}
	.facet-list li{
		color:navy;
	}
	.homepage ul.facet-list li{
		clear:both;
		line-height:1.1;
		overflow:hidden;
		zoom: 1;
		padding-bottom:0.3em;
		text-align:right;
		}
		.homepage ul.facet-list li a {
			float:left;
			text-align:left;
			width:80%;
		}
	.homepage ul.facet-list-alt {
		margin-left: 4%;
	}
*/

/*
DJE amended re homepage + webfeeds
*/
ul.facet-list  {
	width: 48%;
	float: left;
	}
	.facet-list li{
		color:navy;
	}
	ul.facet-list-alt {
		margin-left: 2%;
		display: inline;
	}

	ul.facet-list li{
		clear:both;
		line-height:1.1;
		overflow:hidden;
		zoom: 1;
		padding-bottom:0.3em;
		}
		
	/* Changes job count alignment on Homepage to indented */
    
	div.r435 ul.facet-list li{
		text-align:right;
		}
		div.r435 ul.facet-list li a {
		    float:left;
		    text-align:left;
			width:80%;
		}

    /* Changes job count alignment on Search Results to flush */
    
	div.r230 ul.facet-list li{
		text-align:left;
		}
		div.r230 ul.facet-list li a {
			width:auto;
			float: none;
		}
	
p.button {
	bottom:10px;
	position:absolute;
	right:10px;
}

.homepage form p.submit a.arrow{
	line-height: 28px;
	background-position: left center;
	width: auto;
}


/* make everything lineup on homepage */
body.homepage .r435 .inner 
{
	/* ER70, 2008-06-25, Martin Digon:
		Removed this, because the fallback for non-Flash browsers is now to show a
		list of Location facets which typically is smaller than the map, so this
		minimum height was leaving gap at the bottom of this area.
		Reinstate this minimum if it is required for anything else I haven't thought of!
	min-height: 730px;*/
}
body.homepage .r210-alt .inner {
	min-height: 95px;
}
body.homepage .r435-alt .inner {
	min-height: 87px;
}
body.homepage .r350-feature .inner {
	min-height: 325px;
}

#col1 .r350-feature .inner .job
{
	padding: 0 0 5px;
	background: url(../cssimages/dotted-horiz-r350.gif) bottom left repeat-x;
}

#col1 .job, #col1 .r350-feature .inner {
	height: auto !important;
	height: 140px;
	min-height: 140px;
}
#col1 .job {
	clear: both;
	background: url(../cssimages/dotted-horiz.gif) bottom left repeat-x;
	margin: 10px 0 5px;
	padding: 0 10px 5px;
	width: 332px;
	}
	#col1 .job p {
		margin: 3px 0 4px;
	}
	#col1 .job img {
		float: right;
		margin: 0 0 5px 10px;
	}
	
#col2 .r435-alt ul li {
	margin: 5px 0;
}
	

/* homepage forms */
body.homepage input.text {
	width: 240px;
	}
	body.homepage input.text-alt {
		width: 115px;
	}
	body.homepage input.text-alt2 {
		width: 150px;
	}
body.homepage select.dropdown{
	width: 97%;
	margin: 0 5px 0 0;
}
body.homepage select.dropdown.alt{
	width: 120px;
}
body.homepage select.dropdown.alt2{
	width: 86px;
}




	
/* 
 job detail & Employer details
 ============================= */ 

body.jobdetail .pagination-area .result-total, body.jobdetail .pagination-area-alt .result-total {
    left:140px;
    position:absolute;
    width:70%;
}

body.jobdetail #col1 {
	width: 550px;
}

body.jobdetail #col2 {
	width: 230px;
}

body.jobdetail .r230 ul.details li {
    margin: 0 0 0 5px;    
}
body.jobdetail .r230 ul ul {
	font-size: 100%;
	overflow: hidden;
	min-width: 0;
	margin: 0 0 10px;
	zoom: 1;
	}
	body.jobdetail .r230 ul ul li {
		/*float: left;*/
		display: inline;
		border-right: 1px solid;
		padding-right: 5px;
		margin: 0 0 0 5px;
	}
	body.jobdetail .r230 ul ul li.first {
		margin-left: 0;
	}
	body.jobdetail .r230 ul ul li.last {
		border-right: none;
	}

	body.jobdetail #col1 .job-head ul.details {
		overflow: visible;
		padding-bottom: 50px;
	}
	body.jobdetail #col1 .job-head ul.details li {
		float: none;
		border: none;
		}
		body.jobdetail #col1 .job-head ul.details li p {
			margin: 0;
		}
		body.jobdetail #col1 .job-head ul.details li span.detail {
		    width: 330px;
		}	

body.jobdetail dl.address {
	clear: left;
	}
	body.jobdetail dl.address dt{
		width: 17%;
	}
	body.jobdetail dl.address dd{
		margin: 0;
	}
	

	
/*
 Careers advice
 ==============
*/

.careeradvice .article img {
	float: right;
	border: 1px solid #CCCCCC;
	margin: 0 0 1.5em 1.5em;
}
.careeradvice .article  .author {
	border-top: 1px solid #CCCCCC;
	padding-top: 0.5em;
	margin-top: 2em;
}
.careeradvice .article  .intro {
	font-family: Arial,Helvetica,Sans-Serif;	
	color: #000000;
}
.careeradvice #col1 h2 { 
	margin-top: 42px;
	margin-bottom: 10px;
	color: #3F7FA4;
}
.careeradvice #col2 .links li { 
	margin: 5px 0;
	min-width: 0;
}
.careeradvice #col2 .links li a.active { 
	background: url(../cssimages/tabarrow-grey.gif) left 2px no-repeat;
	color: #333333;
    }
	.careeradvice #col2 ul ul {
		zoom: 1;
		margin: 0;
		}
		.careeradvice #col2 ul ul li {
			margin-left: 20px !important;
		}
		.careeradvice #col2 .links ul li a.active{
		    background-image: none;
		}



/*
 
job list
 ========
*/

.joblist #col1 .section ul.col-alt {
	width: auto !important;
	}
	.joblist #col1 .section ul.col-alt li {
		float: left !important;
		width: 170px !important;
		zoom: 1;
	}

.joblist #col1 .section ul.col {
	margin-right: 0;
	width: 47%;
	float: left;
	display: inline;
}
.joblist #col1 .section ul.col li {
		float: none;
		width: auto;
		color: #ff9932;
		zoom: 1;
		display: inline;
		}			
		.joblist #col1 .section ul.col li {
			display: block;
		}			
			.joblist #col1 .section ul.col li  {
				font-weight: bold;
			}
			.joblist #col1 .section ul.col li ul {
				margin-left: 20px;
				margin-bottom: 0.5em;
			}
			.joblist #col1 .section ul.col li ul li a {
				font-weight: normal;
			}

.joblist #col3 {
    margin-top: 46px;
}
/*
.joblist #col1 .section ul.col {
	margin-right: 0;
	width: 47%;
	float: left;
	display: inline;
}
.joblist #col1 .section ul.col li {
		float: none;
		width: auto;
		color: #ff9932;
		zoom: 1;
		display: inline;
		}			
		.joblist #col1 .section ul.col li ul li{
			display: block;
		}			
			.joblist #col1 .section ul.col li a {
				font-weight: bold;
			}
			.joblist #col1 .section ul.col li ul {
				margin-left: 20px;
				margin-bottom: 0.5em;
				font-weight: bold;
			}
			.joblist #col1 .section ul.col li ul li ul li a {
				font-weight: normal;
			}

*/
			
.joblist ul.facet-list{
	width: auto;
	margin-bottom: 10px;
}
.joblist #col2 h4 {
	clear: left;
	font-size: 1.8em;
	line-height: 30px;
	margin-top: 15px;
	}

.joblist form .text {
	padding: 1px;
	border-width: 2px;
	border-style: inset;
}
.joblist form #keywords {
	width: 97%;
}
.joblist form #position {
	width: 34%;
	float: left;
	margin-right: 1%;
}
.joblist form #range {
	float: left;
	width: 64%;
	margin: 0;
}
.joblist form #area-postcode {
	width: 61%;
	float: left;
	margin-right: 1%;
}
.joblist form #distance {
	width: 34%;
	float: left;
}
.joblist form #sector {
	width: 100%;
	float: left;
}

ul.joblist {
	color: #666666;
	}
	body.landingpage ul.joblist 
	{
		float: left;
		width: 100%;
	}
ul.joblist li {
	width: 100%;
	position: relative;
	vertical-align: top;
	background: url(../cssimages/dotted-horiz.gif) bottom left repeat-x;
}
ul.joblist li.featured {
	background-color: LightGrey;
}
ul.joblist li h2 {
	font-family: arial;
	font-size: 114%;
	font-weight: bold;
	padding: 10px 7px 4px;
	overflow: hidden;
	clear: both;
	}
	ul.joblist li h2 span.hide {
		display: none;
	}
	ul.joblist li h2 span.title {
		float: left;
		width: 85%;
		overflow: hidden;
	    }
	    ul.joblist li h2 a:hover span.title {
	        text-decoration: underline;
	        cursor: pointer;
	    }
	ul.joblist li h2 em, ul.joblist li h2 a:hover em {
		font-style: normal;
		font-weight: normal;
		position: absolute;
		right: 7px;
		text-decoration: none;
	}
	ul.joblist li p{
		margin: 4px 7px;
		font-size: 100%;
	}

 .joblist ul.joblist p img {
  float: right;
  margin: 0 0 0 0.5em;
 }
		
		
		
		
		
		
		
/* 
 Recruiter A-Z
 =============
*/

body.recruiteraz form #industry {
	width: 99%;
}
body.recruiteraz ul.az {
	min-width: 0;
	overflow: hidden;
	padding: 8px 0;
	width: 100%;
}
body.recruiteraz ul.az li{
	float: left;
}
body.recruiteraz ul.az a{
	padding: 3px 5.4px 5px;
}
body.recruiteraz ul.az a.active{
	color: #333;
}
body.recruiteraz ul.az a:hover{
	background-color: #eee;
	color: #000;
}
body.recruiteraz .pagination-area-alt p, body.recruiteraz .pagination-area-alt ul{
	margin: 2px 0 4px;
}
body.recruiteraz .pagination-area-alt p.list-type {
	margin-right: 5px;
}
body.recruiteraz .pagination-area-alt p.result-total {
	width: 45%;
}
body.recruiteraz ul.recruiters h2, body.recruiteraz ul.recruiters ul.details {
	padding: 10px 7px 4px;
	font-size: 114%;
}
body.recruiteraz ul.recruiters p {
	margin: 0 7px 4px;
}
body.recruiteraz ul.recruiters img.logo {
	margin: 0 7px 2px 7px;
}
body.recruiteraz ul.recruiters li {
	overflow: hidden;
	zoom: 1;
	background: #e6edf8 url(../cssimages/dotted-horiz.gif) bottom left repeat-x;
	vertical-align:top;
	}
	body.recruiteraz ul.recruiters-col {
		float: left;
		width: 47%;
		margin-right: 2%;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	body.recruiteraz ul.recruiters-col li {
		background: transparent;
		overflow: hidden;
		zoom: 1;
	}
	body.recruiteraz ul.recruiters-col li h2 {
		padding: 0.2em 0 0;
		font-size: 100%;
		font-family: arial;
	}

body.recruiteraz ul.recruiters p, body.recruiteraz ul.recruiters ul {
	font-size: 100%;
	color: #333333;
}
body.recruiteraz #col1 ul.details {
	margin: 5px 0;
}








/* 
 Logon
 =====
*/

body.logon h1.headline {
	float: none;
}
body.logon ul.normal {
	margin: 10px 0;
}
body.logon form p.field {
	margin-left: 120px;
}
body.logon form p.check {
	width: auto;
	}
	body.logon form p.check label{
		width: auto;
	}
body.logon form p.alt {
	margin: 0 0 0 20px;
	padding: 5px 0;
}
body.logon form p label {
	width: 117px;
	left: -120px;
}
body.logon form .check {
	padding: 10px 0;
	overflow: hidden;
	min-width: 0;
}
body.logon form .check input {
	float: left;
	width: auto;
}
body.logon form .check label {
	margin-left: 20px;
	float: none;
	display: block;
}
body.logon form p input.text {
	width: 185px;
}
body.logon #col2 form p input.text {
	width: 265px;
}
body.logon #ads {
	margin-top: -65px;
}



	
/*
 Jobapps, apply, profile, resetpassword & emailalerts
 ====================================================
*/

.jobapps h1.headline, .jobapply h1.headline, .emailalerts h1.headline, .profile h1.headline, .resetpassword h1.headline {
	float: none;
}
.jobapps #col1, .jobapply #col1, .emailalerts #col1, .resetpassword #col1, 
.advsearch #col1, .profile #col1 {
	float: left;
	width: 550px;
}
.jobapps #col2, .jobapply #col2, .emailalerts #col2, .resetpassword #col2,
.advsearch #col2, .profile #col2 {
	float: right;
	width: 230px;
	margin-top:65px;
}
.jobapply #col2 h3 {
	clear: both;
	margin-bottom: 5px;
}
.jobapply #col2 .r230 {
	margin-bottom: 20px;
}

.jobapps .r550 table, .emailalerts .r550 table {
	clear: both;
	width: 100%;
	}
	.jobapps .r550 table th.date {
		width: 85px;
	}
	.jobapps .r550 table a, .emailalerts .r550 table a{
		font-weight: normal;
	}
	.jobapps table .text img {
		margin: 10px 0;
	}
.jobapps textarea#message {
	width: 445px;
	height: 9.76em;
}
.jobapps form p.submit {
	text-align: left;
}

.resetpassword .field {
	margin-left: 120px;
	}
	.resetpassword .field label {
		left: -120px;
		width: 115px;
	}
	
.resetpassword p	
{
	clear:both;
}



/*
Profile 
=======
*/

body.profile form .field {
}
body.profile form label {
	width: 138px;
}

body.profile #status {
    height:2.8em;
    margin-top: 1em;
    font-weight: bold;
}
.dynLocation {
    margin-top:0pt;
    clear: both;
}
.rounded {
	margin: 0 0 2em 138px;
	display: block;
	width:390px;
	padding-left: 0;
	}
    .rounded .results {
        border:1px solid #CCCCCC;
        height:130px;
        margin-top:0pt;
        min-height:130px;
        overflow-x:hidden;
        overflow-y:scroll;
        padding:5px 0pt;
        position: relative !important;
        background: #fff;
    }
    .rounded .results br{
        display: none;
    }
    .rounded .results label{
        zoom: 1;
        position: relative !important;
        display:block !important;
        float:none !important;
        margin:0pt 3px 5px 5px !important;
        padding-left:1.8em !important;
        width:auto !important;
        font-size:1.2em; 
        font-weight: normal;
        left: 0;
    }
    .rounded .results label input{
        left:0 !important;
        top: 0;
        position:absolute !important;
}


/*
 Apply
 =====
*/

body.jobapply form .check {
	
}
.jobapply form .field, .jobapply form .submit, .jobapply form p.radio {
	margin-left: 130px;
	}
	.jobapply form .field .label, .jobapply form .field label{
		left: -130px;
		top: auto;
		width: 128px;
	}
	.jobapply form .check .label, .jobapply form .check label{
		position: static;
		width: auto;
	}
	.jobapply form p.radio input {
	}


	
	
	
	

/*
 Email alerts
 ============
*/

body.emailalerts #col1 td ul.details li {
	margin-top: 0;
	margin-bottom: 0;
}





/*
 Std editorial pages
 ===================
*/

body.std-editorial #col1 {
	width:550px;
}
body.std-editorial #col2 {
	width:230px;
	}
	body.std-editorial #col2 a {
		color: #1F69AF;
	}
	
	
/*
Adv. search
===========
*/
.advsearch form .field, .advsearch form .submit, .advsearch form p.radio {
	margin-left: 110px;
	}
	.advsearch form .field .label, .advsearch form .field label{
		left: -110px;
		top: auto;
		width: 108px;
	}
	.advsearch form .check .label, .advsearch form .check label{
		position: static;
		width: auto;
	}
	.advsearch form p.radio input {
	}


	
body.advsearch form #area-postcode {
	width: 69%;
	margin: 0;
}
body.advsearch form #distancefrom {
	width: 28%;
	position: absolute;
	right: 0;
}
body.advsearch form #salaryto {
	margin-top: 0.5em;
}





/*
Local and UK wide lcoations
===========================
*/

body.regions .section h3, body.regions .section h2 {
	margin: 3px 15px !important;
}
body.regions .section h2{
	font-size: 1.4em;
	color: #ff9932;
	font-family: arial;
}
body.regions .section h3{
	font-size: 1.2em;
	font-family: arial;
}
body.regions .section .arrow {
	font-weight: normal;
}






/*
Recruiter Zone pages
====================
*/

body.rzpage #content {
	width: 745px;
}
body.rzpage #col1 {
	width: 530px;
}
body.rzpage #col2 {
	width: 190px;
}
body.rzpage #col3 {
	width: 190px;
	float: right;
}

body.rzpage h2.headline {
	margin-bottom: 1em;
}
body.rzpage .r530-highlight .inner {
	padding-left: 80px;
	padding-right: 20px;
	width: 430px;
	display: inline;
	}
body.rzpage .r530-highlight ul {
	margin: 2em 0 2em 3em;
}
body.rzpage .r530-highlight li {
	margin: 0.8em 0;
	list-style-type: disc;
}
body.rzpage .r530-feature .inner {
	padding-right: 20px;
	display: inline;
	}
	body.rzpage .r530-feature h1.envelope {
		position: relative;
		left: -70px;
		padding-left: 70px;
		line-height: 1;
		font-size: 4em;
		background: url(../cssimages/letter-onyellow.gif) 15px 5px no-repeat;
	}
	body.rzpage .r530-feature ul {
		margin-left: 1.5em;
		}
		body.rzpage .r530-feature li {
			list-style-type: disc;		
			margin: 8px 0;
		}
	body.rzpage .r530-feature p img {
		margin: 1em 0 0.5em;
	}

body.rzpage #col3 .field {
	margin: 0;
	}
	body.rzpage #col3 label {
		position: static;
	}
	body.rzpage #col3 .field label {
		margin-top: 0.5em;
		display: block;
		width: auto;
	}
	body.rzpage #col3 form #btnSign {
		margin: 1em 0;
	}
	
.sub-col {
	clear: both;
	overflow: hidden;
	margin: 1em 0;
	padding-left: 50px;
	}
	.sub-col .col {
		float: left;
		width: 205px;
		margin: 0 0 0 30px;
		display: inline;
		}
		.sub-col .col h3 {
			font-size: 1.2em;
			font-family: arial;
			font-weight: bold;
			color: #000;
			margin: 1em 0 0.5em;
		}

body.rzpage .r530-feature form h3 {
	margin: 40px 0 10px;
}
body.rzpage .r530-feature p.field {
	margin-left: 200px;
	font-size:1.2em;
	}
	body.rzpage .r530-feature p.field label {
		width: 200px;
		left: -200px;
	}

body.rzpage p.check {
	margin: 2em 0;
	font-size:1.2em;
}

body.rzpage p.check input {
	float: left;
}
body.rzpage p.check label {
	display: block;
	margin-left: 20px;
}




/*
Recruiter Zone login
====================
*/
body.rzlogin #col1{
	width: 460px;
	margin-right: 35px;
	display: inline;
}
body.rzlogin form .field {
	margin-left: 170px;
}
body.rzlogin form .field label, body.rzlogin form .field span.label {
	width: 160px;
	left: -170px;
}
body.rzlogin .screenshots {
	margin: 20px auto;
}

#static-content ul 
{
    margin-left: 2.2em;
}
#static-content ul li
{
	list-style-type: disc;
	list-style-position:outside;
}
	
	
	
	
	
.onair {
	font-size: 1.3em;
	overflow:hidden;
}

.onair a {
	float:left;
	margin-top:0.2em;
	width:77%;
}

.onair img{
	float: right;
}



.onair a.img {
	float: none;
}



div.competition {
    clear:both;
    height:100px;
    margin:0pt 0pt 15px;
    overflow:hidden;
}

/*
DJE moved back in here from custom.css
*/
/* rounded corner background images */
.r145,.r145 .inner {
	background: url(../cssimages/r145-bg-c.gif) top left no-repeat;
	}
	.r145-alt, .r145-alt .inner {
		background: url(../cssimages/r145-bg-g.gif) top left no-repeat;
	}
	.r145-highlight, .r145-highlight .inner {
		background: url(../cssimages/r145-bg-y.gif) top left no-repeat;
	}
	.r145-feature, .r145-feature .inner {
		background: url(../cssimages/r145-bg-f.gif) top left no-repeat;
	}

.r190,.r190 .inner {
	background: url(../cssimages/r190-bg-c.gif) top left no-repeat;
	}
	.r190-alt, .r190-alt .inner {
		background: url(../cssimages/r190-bg-g.gif) top left no-repeat;
	}
	.r190-highlight, .r190-highlight .inner {
		background: url(../cssimages/r190-bg-y.gif) top left no-repeat;
	}
	.r190-feature, .r190-feature .inner {
		background: url(../cssimages/r190-bg-f.gif) top left no-repeat;
	}

.r210,.r210 .inner {
	background: url(../cssimages/r210-bg-c.gif) top left no-repeat;
	}
	.r210-alt, .r210-alt .inner {
		background: url(../cssimages/r210-bg-g.gif) top left no-repeat;
	}
	.r210-highlight, .r210-highlight .inner {
		background: url(../cssimages/r210-bg-y.gif) top left no-repeat;
	}
	.r210-feature, .r210-feature .inner {
		background: url(../cssimages/r210-bg-f.gif) top left no-repeat;
	}

.r230,.r230 .inner {
	background: url(../cssimages/r230-bg-c.gif) top left no-repeat;
	}
	.r230-alt, .r230-alt .inner {
		background: url(../cssimages/r230-bg-g.gif) top left no-repeat;
	}
	.r230-highlight, .r230-highlight .inner {
		background: url(../cssimages/r230-bg-y.gif) top left no-repeat;
	}
	.r230-feature, .r230-feature .inner {
		background: url(../cssimages/r230-bg-f.gif) top left no-repeat;
	}
		

/* special case - logon page only */
.r350-feature .r332, .r350-feature .r332 .inner {
	background: url(../cssimages/r332-bg-w.gif) top left no-repeat;
	}

.r350,.r350 .inner {
	background: url(../cssimages/r350-bg-c.gif) top left no-repeat;
	}
	.r350-alt, .r350-alt .inner {
		background: url(../cssimages/r350-bg-g.gif) top left no-repeat;
	}
	.r350-highlight, .r350-highlight .inner {
		background: url(../cssimages/r350-bg-y.gif) top left no-repeat;
	}
	.r350-feature, .r350-feature .inner {
		background: url(../cssimages/r350-bg-f.gif) top left no-repeat;
	}

.r435,.r435 .inner {
	background: url(../cssimages/r435-bg-c.gif) top left no-repeat;
	}
	.r435-alt, .r435-alt .inner {
		background: url(../cssimages/r435-bg-g.gif) top left no-repeat;
	}
	.r435-highlight, .r435-highlight .inner {
		background: url(../cssimages/r435-bg-y.gif) top left no-repeat;
	}
	.r435-feature, .r435-feature .inner {
		background: url(../cssimages/r435-bg-f.gif) top left no-repeat;
	}

.r530,.r530 .inner {
	background: url(../cssimages/r530-bg-c.gif) top left no-repeat;
	}
	.r530-alt, .r530-alt .inner {
		background: url(../cssimages/r530-bg-g.gif) top left no-repeat;
	}
	.r530-highlight, .r530-highlight .inner {
		background: url(../cssimages/r530-bg-y.gif) top left no-repeat;
	}
	.r530-feature, .r530-feature .inner {
		background: url(../cssimages/r530-bg-f.gif) top left no-repeat;
	}

.r550,.r550 .inner {
	background: url(../cssimages/r550-bg-c.gif) top left no-repeat;
	}
	.r550-alt, .r550-alt .inner {
		background: url(../cssimages/r550-bg-g.gif) top left no-repeat;
		}
	.r550-highlight, .r550-highlight .inner {
		background: url(../cssimages/r550-bg-y.gif) top left no-repeat;
		}
	
	.r550-feature, .r550-feature .inner{
		background: url(../cssimages/r550-bg-f.gif) top left no-repeat;
		}
		
h3.head span {
	background: transparent url(../cssimages/header-bg-c.gif) no-repeat scroll right bottom;
}		

.r145 h3.head span, .r190 h3.head span, .r210 h3.head span, .r230 h3.head span, .r332 h3.head span, .r350 h3.head span, .r435 h3.head span, .r530 h3.head span, .r550 h3.head span {
	background: transparent url(../cssimages/header-bg-f.gif) no-repeat scroll right bottom;
}

.r145-highlight h3.head span, .r190-highlight h3.head span, .r210-highlight h3.head span, .r230-highlight h3.head span, .r332-highlight h3.head span, .r350-highlight h3.head span, .r435-highlight h3.head span, .r530-highlight h3.head span, .r550-highlight h3.head span {
	background: transparent url(../cssimages/header-bg-o.gif) no-repeat scroll right bottom;
}

.r145-feature h3.head span, .r190-feature h3.head span, .r210-feature h3.head span, .r230-feature h3.head span, .r332-feature h3.head span, .r350-feature h3.head span, .r435-feature h3.head span, .r530-feature h3.head span, .r550-feature h3.head span {
	background: transparent url(../cssimages/header-bg-f.gif) no-repeat scroll right bottom;
}

.r145-alt h3.head span, .r190-alt h3.head span, .r210-alt h3.head span, .r230-alt h3.head span, .r332-alt h3.head span, .r350-alt h3.head span, .r435-alt h3.head span, .r530-alt h3.head span, .r550-alt h3.head span {
	background: transparent url(../cssimages/header-bg-o.gif) no-repeat scroll right bottom;
}

p.tab-reversed {
	background: url(../cssimages/tab-reversedAll.gif) bottom left no-repeat;
	float: left;
	width:392px;
	color: #fff;
	position: relative;
	margin: 0 0 15px;
	}

	p.tab-reversed span {
					float: left;
					width: 240px;
					margin-left:7px;
					padding:6px 12px 6px 5px;
	}

	p.tab-reversed span.all {
					float: right;
					width: 110px;
					padding:6px 9px 6px 2px;
	}

	p.tab-reversed span a {
					color: #fff;
					font-weight: normal;
					/*background: url(../cssimages/tabrevarrow.gif) 0 .2em no-repeat;*/
					padding-left: 20px;
	}

	p.tab-reversed + * {
					clear: left;
	}


	
#footer {
	background-color: #407DA2;
	background-image: url(../cssimages/footer-bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
	color: #ffffff;
	}
	#footer a {
		color:#FF9933;
		font-weight:normal;
	}
	#footer ul a {
		color: #fff;
	}
	
#nav {
	background-color: #CCD4E2;
	background-image: url(../cssimages/nav-bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
	}
	#nav li a {
		color:#003366;
		}
		#nav li a.active {
			color:#666666;
		}

#banner {
	background:transparent url(../cssimages/banner-bg.jpg) repeat scroll center top;
	color:#FFFFFF;
	}
	#banner a {
		color: #fff;
	}
	#banner ul li {
		background:transparent url(../cssimages/toptab-bg.gif) no-repeat scroll left top;
		}
		#banner ul li a, #banner ul li a:hover {
			color: #F4EAD6;
		}
		#banner ul li span {
			background:transparent url(../cssimages/toptab-bg.gif) no-repeat scroll right top;
		}
	#banner ul li.active {
		background:transparent url(../cssimages/toptab-bg-active.gif) no-repeat scroll left top;
		color:#062D44;
		}
		#banner ul li.active a:hover {
			color: #F4EAD6;
		}
		#banner ul li.active span {
			background:transparent url(../cssimages/toptab-bg-active.gif) no-repeat scroll right top;
		}

	
#powered-by a {
	display: block;
	width: 228px;
	height: 53px;
}

#footer li.img {
	padding-right: 10px;
}

/* 2008-06-06, Martin Digon:
	Remove the Adtech survey 1x1 pixel image from the document flow, otherwise IE renders a 13pixel bar 
	at the top of the page.
	Also need to restate its z-index, since this div's value overrides internal div's value.
*/
div.surveyWrapper 
{
	position: absolute;
	z-index: 1000;
}

/* 2008-06-09, Martin Digon:
	Remove the NetworkSense 1x1 pixel image from the document flow, otherwise IE renders a 13pixel bar 
	at the top of the page.
*/
div.networkSenseBodyTag
{
	position: absolute
}

/* ER70, 2008-06-25, Martin Digon:
	Div containing message about installing Flash, and image with link to download.
*/
div.get-flash-player
{
	clear: both;
	padding-top: 0.2em;
}

/* ER70, 2008-06-25, Martin Digon:
	Position the Flash download link logo correctly.
*/
div.get-flash-player img.logo
{
	float: left;
	margin: 0.2em 1em 1em 0em;
	border: none; /* Override standard logo border. */
}

/* ER70, 2008-06-25, Martin Digon:
	Two additional links below Location links need to space out differently.
*/
#wider-area-locations
{
	padding: 1.5em 0em 1.5em 0em;
	clear: both;
	overflow: hidden;
}

.hidden-links-under-map {
	display: none;
}

.shown-links-under-map {
	display: block;
}
/* KADS 12 Jun 09 changes to rz front page */

	.rzpage h1 {
		margin: 0 0 5px 0;
	}
.rzpage .contact {
	background:transparent url(../cssimages/phone.gif) no-repeat scroll left top;
	float: left;
	height: 135px;
	width: 190px;
}
.rzpage .contact h3 {
	font-weight: bold;
	margin: 1em 0 0 2.5em;
	font-size: 2.2em
}
.rzpage .contact p {	
	margin: 0 0 0 3.8em;
	font-size: 1.5em;
	font-weight: bold;
	color: #073F6E;
}
.rzpage .contact a {	
	display: block;
	font-size: .95em !important;
	font-weight: normal;
	margin: 0 0 0 6em;
}
.r530-highlight, .r530-highlight .inner {
	background:transparent url(/cssimages/bg-rzhome.gif) no-repeat scroll left top;
}
/* KADS 1 Sept 09 changes to registration confirmation page */
.confirm li { 
	background: url(../cssimages/tabarrow.gif) left 3px no-repeat;
	padding: 0 0 1em 2em;
	width: 35em;
    }
.confirm h3 { 
	padding: 1em 0 0 0 !important;
    }

.subject
{
  display:none;
}