/*
	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 */
#headerinfo{
	display: none;
}
#jobsmine-wrapper {
	font-family: Arial, sans-serif;
	font-size: 80%;
	background: #fff url(../img/jobs/bg-body.jpg) repeat-x;	
	min-width:54.7em;
	color: #666;
	padding-top: 0;
	position: relative;
	margin-top:-17px;
}

#jobsmine-wrapper p, #jobsmine-wrapper blockquote, #jobsmine-wrapper li, #jobsmine-wrapper td, #jobsmine-wrapper th, #jobsmine-wrapper dt, #jobsmine-wrapper dd { font-size: 1.3em !important; /* 12 px */}
#jobsmine-wrapper td li, #jobsmine-wrapper li li, #jobsmine-wrapper li p {font-size: 1em; /* override inheritance */}
#jobsmine-wrapper li h4, #jobsmine-wrapper li h3 {font-size: 1em; /* override inheritance */}
#jobsmine-wrapper li {list-style: none}

#jobsmine-wrapper a {
	color: #99cc00;
	text-decoration: none;
	font-weight: bold;
}

#jobsmine-wrapper a:hover {text-decoration: underline;}

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

#jobsmine-wrapper h1 { 
	font-size:2.3em; 
	color: #99CC00; 
	font-weight: bold; 
	line-height:2.5em;
	padding: 10px 0 0 10px;
} 
	
#jobsmine-wrapper h1 span { color: #999;}

#jobsmine-wrapper h2, 
#jobsmine-wrapper h3 { 
	color: #666;
	line-height: 2em;
}
	
#jobsmine-wrapper h2, #jobsmine-wrapper h3  { font-size: 1.6em;} 
#jobsmine-wrapper h4 { font-size: 1.4em;}
#jobsmine-wrapper 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 */
#ad {
	margin:0 auto;
	max-width:100%;
	position:absolute;
	z-index: 2;
	top:2em;
	width:100%;}	

	.bannerAd {
		margin:0 auto;
		max-width:100em;
		width:100em;
		text-align:right;}
		
		.bannerAd span {
		float:right;
		width:728px;
		text-align:center;
		}

/* Page layout */	
/* Banner + Navigation */

#banner {
	z-index: 2;
	overflow: hidden;}

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

	#logo {
		display: block;
		margin: 12px 0 0 7px;}
	
#jobsmine-wrapper #jobsmine-nav {
	clear: both;
	margin:0pt auto;
	width: 100em;
	padding-top: 20px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	min-width: 980px;
	max-width:100%;}
	
	#jobsmine-wrapper #jobsmine-nav ul {
		font-family: 'Lucida Grande',Helvetica,'Lucida Sans',sans-serif;
		overflow: hidden;
		float: left;
		width: 810px;
		margin: 0 auto;
		margin-right: 1em;
		padding:0;
		background: #ebebeb url(../img/jobs/nav-Right.gif) no-repeat right bottom;
		max-width: 100%;}
		
	#jobsmine-wrapper #jobsmine-nav ul li {
		float: left;
		list-style:none;
		font-size: 1.2em;
		font-weight: normal;}

		#jobsmine-wrapper #jobsmine-nav ul li.first {
			background: #ebebeb url(../img/jobs/nav-Left.gif) no-repeat left bottom;}
			
			#jobsmine-wrapper #jobsmine-nav ul li.first a {
				background: none;}			
			
		#jobsmine-wrapper #jobsmine-nav ul li a {
			float: left; 
			color: #999;
			display: block;
			padding: 8px 0.675em 8px 0.9375em;
			background: url(../img/jobs/nav-Dot.gif) no-repeat left 50%;
			text-decoration: none;
			font-weight: normal;}
		
			#jobsmine-wrapper #jobsmine-nav li a:hover {color: #666;}				
			#jobsmine-wrapper #jobsmine-nav li.active a {color: #333;}
	
			p#login {
				background: url(../img/jobs/bg-greenRight.gif) no-repeat right;
				font-size: 1.3em;		
				position: absolute;
				right: 0;
				top: 20px;
				width: 11em;
				overflow: hidden;}
				
			p#login a {
				background: url(../img/jobs/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;
				padding: 8px 6px;}
				
			p#loggedin {
				clear: left;
				position: absolute;
				top: 0;
				right: 0;}			

#jobsmine-wrapper #jobsmine-wrapper-content {
	clear: both;
	margin: 0 auto;
	width: 100.5em;
	min-width: 280px;
	overflow: hidden;}		
	
	#col1 {
		float: left;
		width: 650px;}
		
		#col1 p {padding-left: 10px;}
		
		#col1 p#intro span {font-weight:bold}
		
		/* Homepage Search Form */	
		#col1 form {
			position: relative;
			float: left;
			width: 650px;
			background: #fff url(../img/jobs/search-Right.gif) no-repeat bottom right;
			margin-bottom: 10px;
			overflow: hidden;
			height: 180px;
			}
						
			#col1 form h2 {
				background: url(../img/jobs/bg-search.gif) no-repeat left center;
				margin-left: 10px;
				padding: 10px 0 7px;
				text-indent: -1000em;}
			
			#col1 fieldset {
				padding: 10px 20px 45px 35px;
				background: url(../img/jobs/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 10px;}			
				
			#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 {
				left: 560px;
				position: absolute;
				top: 70px;
				width: auto;
				}
		
				p.submit span  {
					display: block;
					height: 47px;
					background: url(../img/jobs/bg-greenLeft.gif) no-repeat left;
					float: right;
					padding-left: 7px;}
		
				p.submit input {
					background:url(../img/jobs/bg-greenRight.gif) no-repeat scroll right center transparent;
					border:0 none;
					color:#FFFFFF;
					display:block;
					font-family:'Lucida Grande',Helvetica,'Lucida Sans',sans-serif;
					font-size:1.3em;
					font-weight:normal;
					height:47px;
					overflow:visible;
					padding-right:7px;
					width:auto;
					}
					
				form p.submit a {
					display: block; 
					float: right;
					padding: 15px 10px 0 0;}
				form#searchHme input.text
				{
					border:1px solid #999;
					background-color:#fff;
				}
		
		.featuredJobs {
			float: left;
			width:24.5em;
			margin-right: 20px;
			display: inline;}
			
			#col2 .featuredJobs{
				width: 300px;
			}
			
			.featuredJobs ul {
				background:url(../img/jobs/dotted-gray.gif) repeat-x scroll 0 0 transparent;
				padding-bottom:40px;
				padding-top:12px;
				}

			.featuredJobs h2 {
				clear: left;
				border-top: 5px solid #99CC00;
				font-weight:normal;
				}	
				
			 .featuredJobs li {
				overflow: hidden;
				zoom: 1;}		
			 		
			 .featuredJobs img {
				float: right;
				margin-right: 10px;			
				border: 1px solid #999;
				display: inline;}

			.featuredJobs h4 {}
			
			.featuredJobs p {
				font-size: 0.9em;
				padding: 0 0 20px 0;}
				
			#jobsmine-wrapper .featuredJobs a {
				background-color: #99CC00;
				line-height: 1.2;
				color: #fff;
				padding:0 0.3em;
				border-bottom:2px solid #99CC00;
				border-top:2px solid #99CC00;
				}			
		
		div.featured_job span.title
		{font-family:Georgia, Times, Times New Roman, Serif;
		font-size:1.2em;
		}
		
		
		#col1 .contentWrapper {
			width: 100%;
			clear: both;}			
		
		#col1 .wrapper {			
			overflow: auto;
			float: none !important;
			float: left;}
			
			#col1 ul {
				background: url(../img/jobs/dotted-gray.gif) repeat-x;
				padding-bottom: 40px;
				padding-top: 12px;}
			
			#jobsmine-wrapper .wrapper h2 {
				clear: left;
				line-height: 2em;
				border-top: 5px solid #d8d8d8;
				font-weight:normal;
				}		

			#jobsmine-wrapper .wrapper h3 {
				clear: left;
				border-top: 5px solid #99cc00;
				font-weight:normal;
				}		

			#col1 .wrapper ul {						
				float: left;
				width:30%;				
				padding-right: 3%;}			
		
			#col1 .wrapper li {
				line-height: 1.2em;
				font-size: 1.1em;
			}
			#col1 .wrapper li a
			{
				font-weight:normal;
			}	
			#col1 .wrapper ul.featuredRec {
				float: none;
				padding-right: 0;
				width: 100%;}			
				
				.wrapper ul.featuredRec li {
					float: left;
					padding: 0;
					display:block;
					max-height:60px;
					max-width:120px;
					overflow:hidden;	
					margin:0 4px 10px 0;
					border:1px solid #999;
					}
				.wrapper ul.featuredRec li.last {
					padding: 0;}
				
	#col2 {
		float: left;
		width:30em;
		padding: 20px 0 0 0;
		margin-left:1.5em;	}	

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

			ul#cta  li {
				background: url(../img/jobs/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(../img/jobs/icon-cv.gif) no-repeat 6px 10px;}

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

					ul#cta li.rss h4 {background: url(../img/jobs/icon-rss.gif) no-repeat 6px 10px;}					
					
				ul#cta p {
					background: transparent url(../img/jobs/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(../img/jobs/bg-mpu.gif) no-repeat bottom 50%;
			
			}	
		div.ad{
		margin-bottom: 25px;
		}
		.advertise {
			padding:0;}			

		.campaigns {
			padding: 0 25px;}		
			
		.campaigns h4 {
			clear:left;
			line-height:2em;}	
			
		.campaigns li {
			background: url(../img/jobs/dotted-gray.gif) repeat-x;
			line-height: 2em;}
				
#jobsmine-wrapper #footer {
	clear: both;
	background: url(../img/jobs/bg-grass.gif) repeat-x bottom;
	font-size:0.9em;
	margin: 0 auto;
	margin-top: 20px;
	padding-bottom:20px;
	overflow: hidden;}

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

div#crumb{
	display: none;
}
div#header{
	top: -140px;
}

#col1 div.job-title p,
#col1 div.location p{
    bottom: -15px;
    color: #333;
    font-size: 11px !important;
    font-style: italic;
    left: 0;
    padding: 0;
    position: absolute;
}

div.job-title,
div.industry,
div.location{
	font-size: 14px;
	position: absolute;
	top: 60px;
	left: 10px;
	width: 210px;
}
div.job-title input{
	width: 200px;
}
div.industry{
	left: 250px;
	width: 100px;
}
div.location{
	left: 390px;
	width: 160px;
}
div.job-title label,
div.industry label,
div.location label{
	display: block;
	float: none;
	text-indent: 0;
	width: 100px;
}

form img.logo{
	position: absolute;
	width: 100px;
	height: 50px;
	top: 10px;
	right: 10px;
}

div.job{
	border-top:5px solid #99CC00;
	display:block;
	float:left;
	font-size:13px;
	font-weight:normal !important;
	margin-right: 10px;
	margin-bottom:15px;
	padding-top:10px;
	width:200px;
}
div.right{
	margin-right: 0;
}
#jobsmine-wrapper div.job h2{
	border: none;
	font-family: Georgia, Times, serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1em;
	margin: -3px 0 6px 0;
}
div.job ul{
	background: url(../img/jobs/dotted-gray.gif) repeat-x scroll 0 0 transparent;
	padding-bottom: 40px;
	padding-top: 12px;
}

div#rss-jobs li {
	font-size: 11px !important;
	margin-bottom: 10px;
}
.featuredJobs div#rss-jobs li a{
	background-color: transparent !important;
	border-bottom: none;
	color: #333 !important;
	display: block;
	padding: 0;
	font-size: 12px;
}

#col1 .wrapper div.job ul{
	float: none;
	padding-right: 0;
	width: auto;
}

div#full-time-jobs,
div#part-time-jobs{
	height: 100px;
	overflow: auto;
}
div#full-time-jobs ul li,
div#part-time-jobs ul li{
	font-size: 11px !important;
	margin-bottom: 10px;
}

#jobsmine-wrapper h1,
#jobsmine-wrapper a {
	color: #1E5995;
}

.featuredJobs h2,
#jobsmine-wrapper .featuredJobs a,
div.job {
	border-color: #C90000;
}
#jobsmine-wrapper .featuredJobs a {
	background-color: #C90000;
}