input, textarea{background-color:#EFEFEF; border:solid 1px #CCCCCC; margin-bottom:5px!important;}
.inputs{border:none!important;}
.inputs input{background-color:#EFEFEF; border:solid 1px #CCCCCC; margin-bottom:5px; border-collapse:collapse!importan;t}
.noborder{border:none;background-color:#FFFFFF!important;}
.inputs, input, textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
span.squeeze input{border:none!important; background-color:none!important;}

/* main areas ---------------------------------- */
#pageContainer{
	position:relative;
	width:950px;
	margin:0 auto;
}
#filter{
	clear:both;
	width:950px;
	padding:0px 5px 10px 5px;
	_padding-bottom:0px;
}
#list{
	width:950px;
	padding:4px;
	z-index:0;
}
#listWaiting{
	clear:both;width:418px;
	font-weight:bold;
	padding:10px 0 10px 320px;
	border:1px solid #F3F3F3;
	margin-bottom:10px;
}
#miscArea{
	position:relative;
}
#applyBox{ margin-top:10px; }

.status{ color:red; }
.positiveMsg{ color:#00CC33; }

#noJobsMessage{ display:none;font-weight:bold; }

.mainHead{ margin-bottom:5px;padding:0px;font-weight:bold; font-size:0px; }
.navLinks{ float:right;margin-top:-20px; }


/* filter ---------------------------------- */
#filterForm	{clear:both; display:block;}
#loadingMsg{
	display:none;font-weight:bold;
}
.filterBit{
	float:left;
	padding:0px 10px 5px 2px;margin-top:5px;
	font-size:90%;
}
.filterBit p{
	width:127px;
}
.filterBit2{
	clear:both;
}
#filter span label{
margin-left:3px;
white-space:nowrap;
}
#filter input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#efefef;
}
.filterBit span input{border:none!important; background-color:transparent!important;}
fieldset{
	border:0;
	margin-top:5px;
}
legend {
	margin-left:-2px;
	_margin-left:-7px;
	font-weight:bold;
	display:block;
	margin-bottom:4px;
}
fieldset span{
	display:block;
}
select {width:127px;height:110px; border: solid 1px #C0C0C0; padding:3px;}
input#keywords_id{border: solid 1px #C0C0C0; padding:3px;}
select  {width:190px; color:7E8099;}
select option {color:#7E8082; font-size:12px;}
#fbutton{float:right;margin-right:95px;	margin-top:-40px;}
#resetButton{
	float:right;
	margin-right:5px;
	margin-top:-16px;
	padding:3px; background-color:#FFE600; color:#7E8082; height:auto; width:auto; cursor:pointer; border:none;
}
#jobStatus{
	position:absolute;left:0px;top:-25px;
	margin-top:5px;
	color:#FFE600;
	font-size:16px;
	font-weight:bold
}
#jobStatus strong{ color:#7E8082;}
#jobStatus a{ color:#7E8082; }

button, span.inputs input.apply, p.navlinks a{padding:3px; background-color:#FFE600; color:#7E8082; margin-right:3px;margin-left:3px; height:25px; width:auto; cursor:pointer; border:none; position:relative; top:1px;}
resetButton	{display:inline;padding:3px; background-color:#FFE600; color:#7E8082; margin-right:3px; height:auto; width:auto; cursor:pointer; border:none;}

/* keyword & autocomplete ---------------------------------- */
.keywordHead{
	position:relative;
	clear:both;
	margin:-20px 0 0 0;
	_margin-top:-15px;
}
#keywordContainer{
	margin-top:20px;
	margin-bottom:20px;
}
#keywords_id{
	width:120px;z-index:0;
}
#keywordAutoComp{
	position:absolute;top:10px;left:0px;
	width:120px;z-index:9000;
}
.keywordHigh{
	background-color:#FFFF00;
}
#keywordAutoComp ul{
	list-style:none;
	margin-left:0;padding:0 0 0 2px;
	border:1px solid black;background-color:white;
}


/* job list ---------------------------------- */
#jobHeaderIntro{
	clear:both;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#jobHeader{
	z-index:0;
}
#jobHeader a{
	float:left;height:21px;
	color:white;text-decoration:none;
	margin-right:1px;margin-bottom:4px;
	text-align:center;
	padding-top:5px;
	background-color:#FFDD00;
	color:#626262;
}
#jobHeader a:hover{
	background-color:#626262;
	color:#fff;
}
.head1{ width:150px; display:block;}
.head2{ width:150px;display:block;}
.head3{ width:160px;display:block;}
.head4{ width:164px;display:block;}
.head5{ width:160px;display:block;}
.head6{ width:163px;display:block;}

.jobRow{
	width:100%;height:100%;
}
.jobRow span, #jobHeader span{
}
.jcol1{	float:left;	width:303px; margin-left: 3px; display:block; padding-top:8px;}
.jcol2{	float:left;	width:160px;display:block;padding-top:8px;}
.jcol3{	float:left;	width:160px;display:block;padding-top:8px;}
.jcol4{	float:left;	width:164px;display:block;padding-top:8px;}
.jcol5{	float:left; display:block;padding-top:8px;}
.jcol6{	float:left; clear:both; margin-left:3px; margin-bottom:10px; margin-top: 10px; display:block; width:950px;}

.jcol1 a{ text-decoration:underline!important; font-weight:bold!important; margin-bottom:10px;}
#jobs{
	clear:both;
}
.innerRow{
	height:80px;
	display:block;
	clear:both;
	
}
.jobDetail{
	display:none;
	position:relative;
	margin-bottom:20px;
}
.jobDetail div{
	width:600px;margin-left:15px;
}
.jobDetail img, .jobImg{
	display:block;
	margin:0 0 10px 0px;
}
.jobDetail p{
}
div.jobOps{
	/* this is inside jobDetail but needs to be wider */
	width:951px;
}
.closeButton{
	margin-top:7px;	padding:3px; background-color:#FFE600; color:#7E8082; margin-right:3px; height:auto; width:auto; cursor:pointer; border:none;
}
span.shortlisted{ font-weight:bold; }

/* alternating colours */
.altRow1{ background-color:#FBFBFB; }
.altRow2{ background-color:#F3F3F3; }

.jobHighlight{ font-weight:bold; }



/* forms ---------------------------------- */
.row{
	clear:both;
}
.row label{
	float:left;
	width:20%;
	margin-bottom:15px;
}
.row .inputs{
	border:none;
	border-collapse:collapse;
	}
#covering{
	width:300px;
	height:100px;
}
#applyForm{
	padding-bottom:50px;
}


/*	unsub table ---------------------------------- */
#unsub{
	border-collapse:collapse;
	border:1px solid #999999;
}
#unsub td, #unsub th{
	border:1px solid #999999;
}

#microsite h2{
	margin-bottom:10px;
}


/* send to friend ---------------------------------- */
#sendFriendEl{
	margin-top:15px;
	margin-bottom:10px;
}
#sendFriendStatus{
}

#subStatus{
	margin-left:10px;
}
#subscribeForm{ margin:10px 0 10px 0; }