/*	CSS for UKSP Jobs	
Inherits x-splash.css from welcome page	*/

body{
margin-top: 0; padding-top: 0;
background: #333333 url(../images/uksp/main_bg.gif) repeat-x scroll 0 0 
!important;
text-align: center;
}

*{	font-family:arial,verdana,"sans-serif" !important;}

a:link, a:visited{color: #F24D00;}
a:hover{color: #FAA21B;}
/*a:active{background: #FAA21B; color: #fff;}*/


div#banner{
	height: 33px;
}

div#header {
padding-top: .4em;
width: 738px;
position: relative;
text-align: center;
min-height: 80px;
margin: 0 auto;
}
div#adSm{
width: 167px;
height: 74px;
padding: 0 8px 0 0;
float: left; clear: left;
overflow: hidden;
}
div#adBg{
padding: 0 0 0 0px;
float: left;
height: 74px;
overflow: hidden;
}
div#header .link{
height: 1px;
clear:both;
text-align:right;
}
.wouldYou{
margin: 0 15px 0 0;
width: 63px;
color: #000;
float: right;
text-align: right;
padding-top: 20px;
font-size: x-small;
}

.right{
float: right;
}

/*	MainArea	*/

#mainArea{
margin-left: 20px;
width: 524px;

	_margin-left: 15px;
	_padding-left: 5px;
	_width: 535px;
}

/*	Boxes	*/
.box{
padding: 0;
margin-bottom: 1em;
width: 100%;
float: left;
}
.box h3{padding-bottom: 0.2em; color: #F24D00 ;}
.box h4{padding-bottom: 0.2em; color: #F24D00 ;}
.box h5{font-weight: normal; }

/*	Search box	*/
#searchBox{
margin-top: 1em;
padding: 0;
line-height: 20px;
vertical-align: middle;
}
#searchBox p{
font-weight: normal;
}

#searchBox .right{
float:right;
margin-right:10px;
font-size: x-small;
}

#searchBox input.text{
width: 39%;
padding: 0.4em 0.3em;
border: 1px solid #999;
font-size: 17px;
margin: 5px 0 0 0;
vertical-align: middle;
font-family: calibri, sans-serif;
}
#searchBox input.location{width: 20%;}
#searchBox input.button{
font-size: 17px;
padding: 0.2em 0.2em;
margin-left: 5px;
vertical-align: middle;
}

/*	Advanced search	*/
#advancedSearchBox{
display: none;
}


#browseByBox p
{
display:inline; 
margin-right:5px;
}

/*	Browse Box	*/
#browseBox{
margin-left: -7px; margin-right: -7px;
padding: 0 6px 20px 6px;
background: url(../images/v3/browseBlob_bottom.png) no-repeat bottom 
transparent;
font-size: small;
color: #999;
}
#browseBox h3{
background: url(../images/v3/browseBlob_top.png) no-repeat top transparent;
margin: 0 -7px;
padding: 17px 6px 12px 6px;
color: #000;
font-size:16px;
}
#browseBox #options{
padding: 8px 0 5px 0;
}

/*	Show Jobs	*/
table.jobsList{
width: 100%;
color: #222;
margin-bottom: 1px;
display: block;
}
table.jobsList td{border-bottom: 1px solid #ccc; padding-top: 3px; 
padding-bottom: 3px;}
table td.logo{text-align: right;width:60px;}
table img.smallThumb{
height: auto;
width: 90px;
padding: 1px;
border: 1px solid #999;
}
table.jobsList tr:hover h4 a{color: #900 !important;}
table.jobsList tr:hover img{border: 1px solid #000;}

/*	Featured Employers	*/
#latestEmployersBox{
margin-left: -7px; margin-right: -7px; margin-bottom: 100px; margin-top: 
20px;
padding: 0 6px 20px 6px;
background: url(../images/v3/browseBlob_bottom.png) no-repeat bottom #fff;
font-size: small;
color: #999;
}
#latestEmployersBox h3{
background: url(../images/v3/browseBlob_top.png) no-repeat top;
margin: 0 -7px 10px -7px;
padding: 17px 6px 12px 6px;
color: #000;
}
#latestEmployersBox h3.right{padding-right: 10px;}
#latestEmployersBox ul, #latestEmployersBox li{
list-style-type: none;
}

#latestEmployersBox li{
display: block;
float:left;
height: 72px;
width: 102px;
margin-right: 5px;
overflow:hidden;
border: 1px solid #999;
background: #fff;
vertical-align: 50%;
text-align: center;
line-height: 100px;
}
#latestEmployersBox img{
height: auto;
width: 100px;
margin: auto;
cursor: hand;
}
#latestEmployersBox li.ad{
width: 80px;
text-align: right;
vertical-align: top;
border: 0;
background: transparent;
line-height: normal;
}
	
#latestEmployersBox li.ad a{ 

}

#latestEmployersBox img:hover{border: 1px solid #000;}

#latestEmployersBox .more{
display: block;
margin-top: 1em;
}

/*    Side Area    */
#sideItems{
width: 170px;
float: right;
margin-top: 2em;
margin-right: 10px;
		_margin-right: 0;
font-size: small;
padding-left: 5px;
}
#sideItems div{
padding: 7px 0;
}
#sideItems ul, #sideItems li{
list-style-type: none;
}

#sideItems div.box {
background:transparent url(../images/uksp/RH-Nav-3.gif) no-repeat scroll 
left top;
padding-top:9px;
width:100%;
padding-bottom: 0;
}
#sideItems div.box h4 {
background:transparent url(../images/uksp/RH-Nav-3-button-help.gif) no-repeat scroll left top;
clear:left;
color:#FFFFFF;
font-size:100%;
margin:0;
padding:4px 16px 10px;
}
#sideItems div.box div {
background:transparent url(../images/uksp/RH-Nav-3-bottom.gif) no-repeat scroll left bottom;
padding:5px 11px 15px;
}
#sideItems div.box p{
padding-bottom: 1em;
}
#sitesearchtextbox
{
	width:130px;
}
#sitesearchrh
{
	display:none;
}


/*	Different flags	*/
#status-LI{clear: both; display: block; margin-left: -5px;}
#status-NLI{clear: both; display: block;}
#status-EMP{clear: both; display: block;}
#status-ALL{clear: both; display: block;}

#firstBtn{
display: block;
width: 167px;
margin-left: 0; padding-left: 0;
}
#firstBtnLnk, #firstBtnReg{margin-left: 0; }
#firstBtnLnk{color: #fff; }


/*	Job Filters	*/
.filter{
border-bottom:2px solid #CFCFCF;
float:left;
margin:0 0 0;
padding:0 0 0 0;
width: 99%;
font-size: x-small;
}
.filter ul{
margin-bottom:1em;
margin-left:0;
}
.filter li{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0.3em 0 0;
padding:0;
text-align:center;
text-transform:uppercase;
}
.filter li a {
background:transparent url(../images/v3/littleTabBlue.png) no-repeat scroll 0 0;
color: #FFFFFF;
display:block;
height:25px;
line-height:25px;
padding:0;
width:120px;
}
.filter li.selected a {
background:transparent url(../images/v3/littleTabGreen.png) no-repeat scroll 0 0;
color:black;
text-decoration:none;
}


#filterResults a.shrinkLink 
{
	float:right;
	margin:0px 0 0 30px;
}	


#filter1{
margin-bottom: 1em;
}


#filter2{

}

#advertBox, #applyBox, #empDetailsBox,  #extrasBox, #extraEmpsBox{
margin-left: -7px; margin-right: -7px;
padding: 0 6px 20px 6px;
background: url(../images/v3/browseBlob_bottom.png) no-repeat bottom #fff;
font-size: small;
}
#empDetailsBox h3, #advertBox h3, #applyBox h3, #applyBox h6, #extrasBox h3 ,#extraEmpsBox h3{
background: url(../images/v3/browseBlob_top.png) no-repeat top;
margin: 0 -7px;
padding: 17px 6px 12px 12px;
color: #000;
}
#advertBox li{
padding: 0 0 0.5em 15px;
list-style-type: none;
}
#empDetailsBox ul, #applyBox ul, #applyBox p{
margin-left: 7px;
list-style-type: none;
}
#empDetailsBox ul li, #applyBox ul li{list-style-type: none;}

#extrasBox h3{color: #900;}

#extraEmpsBox h3{color:rgb(0,129,166);}


/*	Job Description Boxes	*/
#jobTitleBox{
margin: 0;
}
#jobSummaryBox{
margin-top: 0;
font-size: small;
line-height: 1.5em;
margin-bottom: 0;
}
#jobTitleBox h2{
padding: 1.4em 0 0.6em 0;
}
#jobSummaryBox table{
width: 100%;
}
#jobSummaryBox .dates{
font-size: x-small;
}
#jobSynopsisBox{
line-height: 1.45em;
font-size: small;
}

#jobSynopsisBox h3
{
	color: #000;
}

#actionsBox{
font-size: small;
background: #efefef;
border: 1px solid #999; border-right: 0; border-left: 0;
padding: 3px 5px;
margin-left: -7px;
margin-top: 0;
}
#applyBox p{
margin-left: 5px;
}
#applyBox .deadline{
padding-top: 1em;
font-size: x-small;
color: #333;
}

/* RSS	*/
#rssSide{
display: block;
width: 150px;

}

 #filterBox 
 {
margin-top:-10px;
margin-bottom:1px;

}

#filterResults
{
	height:120px;
	overflow-y:auto;
}


#filterBox ul 
{
 overflow   : hidden; 
 height: auto !important; 
 height: 1%;
 width: 520px;
 cursor: text;
 font-size: 12px;
 font-family: Verdana;
 min-height: 1px;
 z-index: 999;
 margin: 0;
 padding: 0;
 background: transparent;
 list-style-type: none;
}


#filterResults ul, #filterResults li
{
list-style-type: none;
line-height: 1.6em;
}

li.refinement {
overflow: hidden; 
height: auto !important; 
height: 1%;
margin: 3px;
padding: 1px 3px;
background-color: #eff2f7;
 color: #000;
 cursor: default;
 border: 1px solid #ccd5e4;
 font-size: 11px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 float: left;
}

li.refinement p {
 display: inline;
 padding: 0;
 margin: 0;
}

li.refinement span {
 color: #a6b3cf;
 margin-left: 5px;
 font-weight: bold;
 cursor: pointer;
}

#latestJobsBox li 
{
font-size:11px;	
}


#latestJobsBox .featured
{

}

#latestJobsBox .featured h4 
{
margin-top:10px;
}


/* Job Basket */
.postitwrapper
{float:right;
display:none;padding: 2px;
margin: 2px 2px 5px 2px;
text-align:right;
}

.JobBasketIcon
{
float:right;
}

.JobBasketIcon img
{
border:0;
}

.postit
{
border: solid 1px #8B864E ;
background-color: #FFF68F;
font-size:x-small;
}


p.closedWarning
{
	font-weight: bold;
	text-transform:uppercase;
	color:#FF0000;
	font-size:15px;
}


/*	Paging */
.paging{
margin-top: 2em;
font-size: 90%;
}
.paging a{
padding: 0 3px;
}
/*	NEW Drop-drop left nav	*/
div#leftNav {
	background: url(../images/v3/splash_popupBG_Top.gif) transparent no-repeat;
	width: 178px;
	position: absolute;
	top: 15px;
	*top: 11px;
	left: 2px;
	z-index: 1;

}

div#leftNav .wrap {
	background: url(../images/v3/splash_popupBG_Bottom.png) transparent no-repeat bottom;
	padding-bottom: 17px;
	text-align: left;
	padding-left: 2px;
	
} 

div#leftNav ul {
	list-style:none;
	margin-top: 2px;
	padding-top: 10px;
	background: url(../images/v3/nav_bg_popup.gif) transparent no-repeat;
	margin-bottom: 0; padding-bottom: 0;
}
	div#leftNav ul li {
		display:inline;
		margin: 1px 0;
		padding: 0;
		z-index: 5;
	}
		div#leftNav ul li.sectionBottom a{
			position: relative;
			margin-bottom: 7px;
		}
	div#leftNav ul li a {
		display: block;
		background: url(../images/uksp/nav_button_off.gif) transparent no-repeat;
		width: 126px;
		height: 22px;
		margin-left: 7px;
		color:#fff;
		font-weight: bold;
		padding: 4px 0 0 24px;
		font-size: 75%;
		text-decoration:none;
	}
		div#leftNav ul li a:hover {background: url(../images/uksp/nav_button_on.gif) transparent no-repeat;}
		div#leftNav ul li.on a {background: url(../images/uksp/nav_button_on_down.gif) transparent no-repeat;}
		div#leftNav ul li.off ul { display:none; }
		div#leftNav ul li a.help {background: url(../images/uksp/nav_button_green_off.gif) transparent no-repeat;}
		div#leftNav ul li a.help:hover {background: url(../images/uksp/nav_button_green_on.gif) transparent no-repeat;}

	div#leftNav ul li.cm a {background: url(../images/v3/cm_nav_button_off.gif) transparent no-repeat;}
		div#leftNav ul li.cm a:hover {background: url(../images/v3/cm_nav_button_on.gif) transparent no-repeat;}

	div#leftNav ul li a:hover,
	div#leftNav ul li a:active,
	div#leftNav ul li a.active {
		color:#fff;
	}
	div#leftNav ul li.selected a {
		color:#fff;
	}
	div#leftNav ul li.back {
		display: none;
		/*color:#666;
		background:url(../images/bg_nav_arrow_back.gif) no-repeat 0 8px;*/
	}
	div#leftNav ul li ul.subnav{
		background: #fff;
		padding: 0;
		margin: 0 20px 0 24px;
		font-size: 90%;
	}
		div#leftNav ul li ul.subnav li{
			padding: 0;
			margin-bottom: 0;
			background: #fff;
		}
		div#leftNav ul li ul.subnav a:link, div#leftNav ul li ul.subnav a:visited, div#leftNav ul li ul.subnav a:hover, div#leftNav ul li ul.subnav a:active{
			color: #000;
			background: #fff;
			padding: 0; margin-bottom: 0;
			font-weight: normal;
		}
			div#leftNav ul li ul.subnav a:hover{
				text-decoration: underline;
				background: #fff;
			}

	div#leftNav ul li.closer{
		position: relative;
		background: url(../images/v3/nav_close.gif) transparent no-repeat;
		height: 8px; _height: 5px;
		margin-top: 0;
		margin-bottom: 0;
		width: 100%;
		display: block;
		clear: both;
	}

	div#leftNav div#loginInfo {
		font-size: 75%;
		margin-top: 7px;
		width: 178px;
	}
	div#leftNav div#loginInfo p.strong {
		font-weight:bold;
		margin-bottom:3px;
	}
	div#leftNav div#loginInfo a {
		color:#000;
		text-decoration:none;
	}
		div#mast{
			font-size: 90%;
			margin: 0; padding: 0;
			width:178px;
		}
			div#wrapper div#banner h1 {
				display: none; visibility: hidden;
			}
			div#mast #loginInfo{
				width:178px;
				padding-top: 1px;
				background: url(../images/v3/login_bg.gif) no-repeat transparent;
				margin-bottom:0px;padding-bottom:0px;
			}
			div#mast #loginInfoBottom {
				height: 11px;
				width:178px;
				margin-top: 0;
				display: block;
				padding-left: 0; margin-left: 0;
				background: url(../images/v3/login_bg_bottom.gif) no-repeat transparent;
			}
				div#mast #loginInfo a{
					margin-left: 7px;
					
					color: #000;
				}
				div#mast #loginInfo p{
					margin-left: 6px;
					margin-bottom: 4px;
					color: #000;
					margin: 7px 9px;
				}
	a.greenBtnLink, a.blackBtnLink, a.redBtnLink {
		display:block;
		width: 126px;
		height: 22px;
		margin-left: 7px !important;
		color:#fff !important;
		font-weight: bold;
		padding: 4px 0 0 24px;
		font-size:110%;
		text-decoration:none;
	}
		a.greenBtnLink {background: url(../images/uksp/nav_button_green_off.gif) transparent no-repeat;}
		a.greenBtnLink:hover {background: url(../images/uksp/nav_button_green_on.gif) transparent no-repeat;}
		a.blackBtnLink {background: url(../images/uksp/nav_button_off.gif) transparent no-repeat;}
		a.blackBtnLink:hover {background: url(../images/uksp/nav_button_on.gif) transparent no-repeat;}
		a.redBtnLink {background: url(../images/uksp/nav_button_red_off.gif) transparent no-repeat;}
		a.redBtnLink:hover {background: url(../images/uksp/nav_button_red_on.gif) transparent no-repeat;}


#banner #topNav li.btnNavMainMenu{background: url(../images/v3/navBtns/greyOff.gif) no-repeat; margin-right: 60px}

/* New Top Navigation	*/
#banner{position: relative;}
#banner #topNav{margin: -4px 0 0 0px;}
#banner #topNav li.on:hover{background: url(../images/v3/navBtns/greyHover.gif) no-repeat;}
#banner #topNav li.on{background: url(../images/v3/navBtns/greyHover.gif) no-repeat;}

/* Different banner image	*/
#wrapper{
	margin-top: 5px;
	background: url(../images/v3/frontPageHeader_noBump.gif) no-repeat #fff;
}

a.EntityEditLink 
{
	float:right;
	margin-top: -38px;
	margin-right:5px;
	border : solid 1px #440000;
	padding: 3px;
	background-color: #8B3A3A;
	color:#fff;
	font-size:12px;
}

/*	Good Employer Stuff	*/
.blueGEG h4 a, .blueGEG td a, .blueGEG #latestEmployersBox ul li.ad a{color: rgb(0, 129, 166)}
	.blueGEG h4 a:hover{color: rgb(100,200, 200)}

.blueGEG #sideItems div.box {background:transparent url(../images/v3/gegRating-Employers_long.gif) no-repeat scroll left top; color: #fff;	}
	.blueGEG #sideItems div.box h4 {background:transparent;}
	.blueGEG #sideItems div.box div {background:transparent url(../images/v3/gegRating-Employers_bottom.gif) no-repeat scroll left bottom;}
	.blueGEG #sideItems div.box a{color: #e7e7e7; padding-bottom: 0.5em;}
	
.blueGEG #browseBox.box a{ color: rgb(0, 129, 166);}
.blueGEG #mainArea .right a{ color: rgb(0, 129, 166);}
.blueGEG #latestJobsBox a{ color: rgb(0, 129, 166);}

#extraEmpsBox h3 a {color: rgb(0, 129, 166);}

ul#rankTag
{
	float:right;
}
ul#rankTag li.refinement
{
	background-color:#A9D6E2;
	border:1px solid #0080A7;
}

div.crawl p{
	margin-top:20px;
}
div.crawl li{
	margin-top:3px;
	margin-left:25px;
}
div.crawl ul{
	list-style-type:disc;
}
div.crawl div#atf_attachment1{
	display:none;
}

div.crawl div{
	margin-top:20px;
}

div.crawl h3{
	margin-top:20px;
	font-style:italic;
}

a.JobsActionLinkFloatRight
{
	float:right;
	margin-left:10px;
}


/*tr.isSearchedEmployer
{
	background:#FEC81C;
}*/

.overlayHomeButton{
position: absolute; 
top: 0; 
left: 0; 
height: 100px; 
width: 738px;
overflow: hidden;
}

#withIn
{	
	margin-top:-3px;
	display:block;
	padding-left:240px;
	font-size: 12px;
	color: #333;
	line-height:2em;
}
#withIn input {margin-left:5px; margin-right:3px;vertical-align:-8%}


ul.sub1
{
	margin-left:15px;	
}
ul.sub1 li 
{
	
	list-style-type:circle !important;
}

ul.sub2
{
	margin-left:25px;
}
ul.sub2 li 
{
		list-style-type:disc !important;
}

.GEGRating
	{
		display:none;
	}