/*
	Guardian Regional Job Board Stylesheet
	Author: Alex Goluszko, Madgex Ltd, 2008
*/
	/*
	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;}body,div,dl,dt,dd,ul,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;}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%;}


/* type */
body {
	font: 62.5%/1.4 Arial, sans-serif;
	background: #fff url(../images/bg-body.gif) repeat-x;	
	min-width:54.7em;
	color: #666;
	}

	p {}
	
	p, blockquote, li, td, th, dt, dd { font-size: 1.2em; /* 12 px */}

	td li, li li, li p {font-size: 1em; /* override inheritance */}

	li h4, li h3 {font-size: 1em; /* override inheritance */}

	li {list-style: none}

a {
	color: #73ba08;
	text-decoration: none;
	font-weight: bold;}

a:hover {text-decoration: underline;}

h1, h2, h3, h4 {
	font-family: Georgia, Times, serif;
	font-weight: bold;}

h1 { 
	font-size:2.3em; 
	color: #73ba08; 
	font-weight: bold; 
	line-height:2.5em;
	padding: 10px 0 0 10px;} 
	
	h1 span { color: #999;}

h2, h3 { 
	color: #666;
	line-height: 2em;}
	
h2, h3  { font-size: 1.6em;} 
h4 { font-size: 1.4em;}
h5 { font-size: 1.2em; 
	font-weight: bold; 
	margin: 1em 0 0.2em;}	

#skipnav {
	left:0pt;
	margin:0pt;
	position:absolute;
	top:0pt;
	}
	#skipnav a {
		background-color:#FFF;
		border:5px solid #042039;
		font-size:120%;
		font-weight:700;
		left:-10000px;
		padding:10px 15px;
		position:absolute;
		text-align:center;
		width:10em;
	}
	#skipnav a:focus {
		left:0;
	}
/* Banner ad */
	.bannerAd {
		position:absolute;
		z-index: 2;		
		top: 2em;
		height: 90px;		
		width: 1000px;
		min-width: 1000px;
		text-align: center;
		margin: 0 auto;}
		
		.bannerAd span {
			clear: both;
			display: block;
			width: 728px;
			right: 0;
			float: right;}		
			
	
/* Page layout */	
/* Banner + Navigation */

#banner {
	overflow: hidden;}

#banner .wrapper {
	width: 98.1em;
	min-width: 981px;
	max-width: 100%;
	height: 12.7em;
	overflow: hidden;
	position: relative;
	margin:0pt auto;}

	#logo {
		position: relative; 
		z-index: 3;
		display: block;
		margin: 45px 0 0 7px;
		width: 245px;
		height: 55px;}
	
#nav {
	clear: both;
	margin:0pt auto;
	width: 100em;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	min-width:1000px;
	max-width:100%;
	padding-top:20px;
	}
	
	#nav ul {
		font-family: 'Lucida Grande',Helvetica,'Lucida Sans',sans-serif;
		overflow: hidden;
		float: left;
		width: 80.4em;
		margin: 0 auto;
		margin-right: 1em;
		padding:0;
		background: #ebebeb url(../images/nav-Right.gif) no-repeat right bottom;
		max-width: 80.4em;}
		
	#nav ul li {
		float: left;
		list-style:none;
		height: 33px;
		padding-left: 0.9em;
		font-weight: normal;}

		#nav ul li.first {
			background: #ebebeb url(../images/nav-Left.gif) no-repeat left bottom;
			padding: 0;
			}
			#nav ul li.first a {
				background: none;
				padding: 0 .2em 0 1em}			
			
		#nav ul li a {
			float: left; 
			color: #666;
			display: block;
			line-height: 33px;
			padding: 0 0.4em 0 1.3em;
			background: url(../images/nav-Dot.gif) no-repeat left 50%;
			text-decoration: none;
			font-weight: normal;}
		
			#nav li a:hover {color: #666;}				
			#nav li.active a {color: #333;}

			p.login {
				width: 6.5em;	
				background: #EBEBEB url(../images/nav-right.gif) no-repeat right;
				display:block;
				float: left;
				height: 33px;
				font-size:1.2em;	
				overflow: hidden;}
				
			p.login a {
				background:  url(../images/nav-Left.gif) no-repeat left;
				font-family:'Lucida Grande',Helvetica,'Lucida Sans',sans-serif;
				font-weight: normal; 
				text-align: center;				
				text-decoration: none;
				display: block;
				color: #666;
				line-height: 33px;
				padding: 0 6px;}
				
			p.recruiters {
				width: 8.3em;
				background: url(../images/bg-greenRight.gif) no-repeat right;
				display:block;
				font-size:1.2em;	
				float: right;
				height: 33px;			
				overflow: hidden;}
				
			p.recruiters a {
				background: url(../images/bg-greenLeft.gif) no-repeat left;
				font-family:'Lucida Grande',Helvetica,'Lucida Sans',sans-serif;
				font-weight: normal; 
				text-align: center;
				text-decoration: none;
				display: block;
				color: #fff;
				line-height: 33px;				
				padding: 0 6px;}
				
			p#loggedin {
				clear: left;
				position: absolute;
				top: 0;
				right: 0;}	

#content {
	clear: both;
	margin: 0 auto;
	z-index: 1;
	width: 100.5em;
	min-width: 1000px;
	overflow: hidden;}		
	
	#col1 {
		float: left;
		width: 68.7em !important;
		width: 66.7em;
		}
		
		#col1 p {padding-left: 10px;}
		
		#col1 p#intro span {font-weight:bold}
		
		/* Homepage Search Form */	
		#col1 form {
			float: left;
			width: 100%;
			zoom: 1;
			background: #fff url(../images/search-Right.gif) no-repeat bottom right;
			margin-bottom: 20px;
			overflow: hidden;}
						
			#col1 form h2 {
				background: url(../images/bg-search.gif) no-repeat left center;
				padding: 10px 0 7px;
				text-indent: -1000em;}
			
			#col1 fieldset {
				padding: 10px 20px 45px 35px;
				background: url(../images/search-Left.gif) no-repeat bottom left;}
			
			form label, 
			form input.text, 
			form select {float: left}
			
			form input.text {
				color: #666;
				font-size: 17px;
				font-weight: bold;
				width: 230px;
				padding: 5px 0 5px 0;}
			
			form label {
				width:0; 
				text-indent: -1000em;}			
						
			form div {
				float: left;
				margin-top: 7px;
				width: 510px;}
			
			#col1 form div p {
				float: left; 
				width: 240px}
			
			#col1 form p {			
				padding: 0 10px 0 0;}			
				
			#col1 p.fieldLocation {
				float:right;
				padding-top:10px;
				width:200px;}				
				
				p.fieldLocation label {
					width: auto;
					text-indent: 0;}
					
				p.fieldLocation select {width: 145px;}						
		
			#col1 form p.submit {
				float: left;
				width: auto;}
		
				p.submit span  {
					display: block;
					height: 47px;
					background: url(../images/bg-greenLeft.gif) no-repeat left;
					float: right;
					padding-left: 7px;}
		
				p.submit input {
					display: block;
					height: 47px;
					border: 0;
					font-family: 'Lucida Grande',Helvetica,'Lucida Sans',sans-serif;
					padding-right: 7px;
					width: auto;
					overflow: visible;
					font-size: 1.3em;
					font-weight: normal;
					color: #fff;
					background: url(../images/bg-greenRight.gif) no-repeat right;}
					
				form p.submit a {
					display: block; 
					float: right;
					padding: 15px 10px 0 0;}
				form#searchHme input.text
				{
					border:1px solid #999;
					background-color:#fff;
				}

		#col1 .featuredWrapper {
			float: left;
			width:24.5em;
			margin-right: 20px;
			display: inline;}
		
		#col1 .featuredJobs , #col1 .employerVideos {overflow:hidden}

			
		.featuredJobs h2, #col1 h3, .employerVideos h3 {
				clear: left;
				border-top: 5px solid #73ba08;
				font-weight:normal;
				}	
				
			 .featuredJobs li {
				overflow: hidden;
				zoom: 1;}		
			 		
			 .featuredJobs img {
				float: right;
				margin-right: 10px;			
				display: inline;}

			.featuredJobs div {
				padding:0 0 25px 5px;}

			.featuredJobs h4 {}
			
			#col1 .featuredJobs p {
				font-size: 0.9em;
				padding: 0 0 20px 0;}
				
			.featuredJobs a {
				line-height: 1.2;
				color: #fff;
				border-bottom:2px solid #73ba08;
				border-top:2px solid #73ba08;
				}			
		
		div.featured_job span.title {
			font-family:Georgia, Times, Times New Roman, Serif;
 		    font-size:1.2em;
  			background-color: #73ba08;
			padding:0 0.3em;}

	/*	#col1 ul.employerVideos {
			overflow: hidden;
			zoom: 1;
			padding: 1em 0.5em;} */
			
			.employerVideos ul {
			overflow: hidden;
			padding: 1em 0 1em 0.5em;			
			font-family: Georgia,Times,Times New Roman,serif;
			background: transparent url(../images/dotted-gray.gif) repeat-x scroll 0 0;}	
			

			.employerVideos li {
				float:left;
				width:100px;
				padding-right: 10px;
				font-family: Georgia,Times,Times New Roman,serif;}
				
			.employerVideos li img {
			/*	width:95px;
				height:71px; */
				display:block;
				border:1px solid #999;	
				background-color:#fff;
				padding: 3px;
				margin-bottom: 8px;}
			
			.employerVideos a {
			    display: block;
			    overflow: hidden;}
			
			.employerVideos li span {
				background-color:#73BA08;
				color:#FFFFFF;
				font-size: 0.9em;
				line-height:1.1;
				padding:0 0.3em;
				word-wrap: break-word;}		
				
		#col1 .contentWrapper {
			width: 100%;
			clear: both;}			
		
		#col1 .wrapper {			
			float: left;
			width: auto;}
			
			#col1 ul {
				background: url(../images/dotted-gray.gif) repeat-x;
		        padding-bottom: 40px; 
		        overflow: hidden;
		        zoom: 1;
				padding-top: 12px;}
			
			.wrapper h2 {
				clear: left;
				line-height: 2em;
				border-top: 5px solid #d8d8d8;
				font-weight:normal;}		

			.wrapper h3 {
				clear: left;
				border-top: 5px solid #73ba08;
				font-weight:normal;
				}		

			#col1 .wrapper ul {						
				float:left;
				display: inline;
				margin-right:5px;
				width:130px;}
					
			#col1 .wrapper ul li {
				list-style-position:outside;}		
				
		    #col1 .wrapper ul.last-column {
		    	margin:0;
		    	width:129px;}
		    	
			#col1 .wrapper li {
				line-height: 1.2em;
				font-size: 1.1em;
				color: #73ba08;}
				
			#col1 .wrapper li a
			{
				font-weight:normal;}	
				
			#col1 .wrapper ul.featuredRec {
				overflow: hidden;
				padding-right:0;
				margin-right:0;
				width:100%;}			
				
				.wrapper ul.featuredRec li {
					float: left;
					padding: 0 15px 0 0;
					margin: 0;
					width:122px;
					overflow:hidden;	
					max-height: 62px;}
				
				.wrapper ul.featuredRec li img {
					border:1px solid #999;}

					
				.wrapper ul.featuredRec li.last {
					padding: 0;}
					
				
	#col2 {
		float: left;		
		width:30em;
		padding: 20px 0 0 0;
		margin-left:1.8em;
		display: inline;}	

		ul#cta {
			width: 301px;
			padding-bottom:11px;}
			
			ul#cta ul {
				padding: 10px 0;
				zoom: 1;
				overflow: hidden;}

			ul#cta  li {
				background: url(../images/bg-dottedTop.gif) no-repeat top left;
				margin-bottom: 10px;
				/*overflow: hidden;*/}
				
				ul#cta li h4{
					font-size: 1.4em;
					line-height: 2em;					
					padding: 0 0 7px 37px;
					margin-bottom: 5px;}					
					
					ul#cta li.cv h4 {background: url(../images/icon-cv.gif) no-repeat 6px 10px;}

					ul#cta li.email h4 {background: url(../images/icon-jbe.gif) no-repeat 6px 10px;}

					ul#cta li.rss h4 {background: url(../images/icon-rss.gif) no-repeat 6px 10px;}					
					
				ul#cta p {
					background: transparent url(../images/bg-dottedBottom.gif) repeat-x bottom;
					color: #666;
					font-family: Georgia, Times, serif;
					margin-top:-18px;
					overflow:hidden;
					padding:0 0 5px 40px;}			
		
		.mpu, .advertise {
			margin-bottom: 15px;}
		
		.mpu {
			padding: 0 0 11px 0;
			background: url(../images/bg-mpu.gif) no-repeat bottom 50%;}	
		
		.advertise {
			padding:0;}			

		.campaigns {
			padding: 0 25px;}		
			
		.campaigns h4 {
			clear:left;
			line-height:2em;}	
			
		.campaigns li {
			background: url(../images/dotted-gray.gif) repeat-x;
			line-height: 2em;}
			
			.featuredRec img {
			border:1px solid #CCC;
			}

#splitter {
   clear: both;
   padding: 5px 0 20px;}
				
	#col1 div.wrapper div.featuredRec ul {width:390px}
		div.featuredRec ul li {float:left;width:120px;margin-right:8px}
.featuredRec ul li img {border:1px #CCC solid}
				
#footer {
	clear: both;
	background: url(../images/bg-grass.gif) repeat-x bottom;
	margin: 0 auto;
	margin-top: 20px;
	padding-bottom:20px;
	overflow: hidden;}

	#footer .wrapper {
		padding: 30px 30px 60px;
		margin: 0 auto;
		width:100em;}	
		
	#footer ul	{
		display:block;
		margin:auto;
		width:45.8em;	
	}
	#footer li {
		float: left;
		padding: 1em 0 0 0;
		list-style:none;
		}
	#footer li a
	{
		font-weight:normal;
		border-left:1px solid #73ba08;
		padding:0 0.5em;
	}	
	#footer ul li:first-child a
	{
		border-left:0;
	}
	#footer p {
		color: #73ba08;
		text-align: center;
		font-weight: normal;
		font-size: 1.1em;}
	
		#footer p span {
			display: block}
			
	.inner a.more {
		display: block;
		clear: both;
		margin-bottom: 20px;
	}		
			
			
/* THE END :-)  */