body{
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-top:5px;
}

/* common elements ---------------------------------- */
h1{
	font-size:1em;
	margin:5px 0 5px 0;
	text-align:left;
	color:#1E125F;
}
p, ul{
	font-size:0.8em;
	text-align:left;
}
h2{
	font-size:0.9em;
	color:#000000;
}
h3, legend{
	font-size:0.8em;
	font-weight:bold;
	margin-top:0;
	color:#000000;
}
h3{
	margin-bottom:6px;
}
label{
	font-size:0.8em;
}

/* main areas ---------------------------------- */
#pageContainer{
	position:relative;
	width:730px;margin:0 auto;
}
#filter{
	clear:both;width:730px;background-color:#F3F3F3;
	/* top-padding set to zero, otherwise not work as expected -
	   using top margin on child elements instead */
	padding:0px 5px 10px 5px;
	_padding-bottom:0px;
}
#list{
	width:740px;
	padding:4px;z-index:0;
}
#listWaiting{
	clear:both;width:418px;
	font-weight:bold;font-size:0.9em;
	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;font-size:0.8em;padding:0;font-weight:bold; }
.navLinks{ float:right;margin-top:-20px; }


/* filter ---------------------------------- */
#filterForm{ width:100%;margin:0;padding:0; }
#loadingMsg{
	display:none;font-weight:bold;
}
.filterBit{
	float:left;
	padding:0px 5px 5px 2px;margin-top:5px;
}
.filterBit p{
	width:127px;
}
.filterBit2{
	clear:both;
}
#filter label{
	font-size:0.7em;
}
#filter input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#filter fieldset{
	border:0;
	margin-top:5px;
}
legend{
	margin-left:-2px;
	_margin-left:-7px;
}
#filter fieldset span{
	display:block;
}
select{
	font-size:0.7em;
}
.multiSelect{
	width:127px;height:110px;
}
#job_title{ width:150px; }
#employer{ width:150px }

#hourlyInner{
	float:left;
	width:120px;
}
.dropLabel{ float:left;height:20px; }
.dropSelect{ float:right; }
#hourlyUpperLabel{ clear:left; }

#permFields{ padding-left:0; }
.permLabel{ float:left; }

.stackingHead{ padding-top:5px;clear:left;width:100px; }

#fbutton{
	float:right;margin-right:95px;
	font-size:0.8em;
	margin-top:-40px;
}
#resetButton{
	float:right;
	margin-right:5px;
	margin-top:-16px;
	text-align:center;
}
.squeeze{
	width:80px;
}
#jobStatus{
	position:relative;left:63px;top:5px;
	margin-top:5px;font-size:0.9em;
	color:#4b4b30;
}
#jobStatus a{ color:#cc0000; }
#jobStatus a:hover{ color:#4b4b30; }


/* keyword & autocomplete ---------------------------------- */
.keywordHead{
	position:relative;
	clear:both;
	margin:0 0 0 0;
}
#keywordContainer{
	position:relative;
	width:200px;
	float:left;
}
#keywords{
	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 ---------------------------------- */
#arrowImg{
	border:0;
}
#jobHeaderIntro{
	clear:both;
	font-size:0.7em;
	margin:5px 0 0 0;
}
#jobHeader{
	z-index:0;
	font-size:0.6em;
}
#jobHeader a{
	float:left;height:27px;
	color:white;text-decoration:none;
	margin-right:1px;margin-bottom:4px;
	text-align:center;
	padding-top:2px;
	background-color:#EAA233;
}
#jobHeader a:hover{
	background-color:#ECC588;
}
.head1{ width:95px;}
.head2{ width:146px;}
.head3{ width:105px;}
.head4{ width:85px;}
.head5{ width:114px;}
.head6{ width:77px;}
.head7{ width:111px;margin-right:0;}

.jobRow{
	width:100%;height:100%;
}
.jobRow span, #jobHeader span{
	font-size:0.7em;
}

.jcol1{ float:left;width:244px;margin:0 3px 6px 3px; }
.jcol2{ float:left;width:100px;margin-right:6px; }
.jcol3{ float:left;width:78px;margin-right:6px; }
.jcol4{ float:left;width:110px;margin-right:6px; }
.jcol5{ float:left;width:74px;margin-right:6px; }
.jcol6{ float:left;width:100px;}
.jcol7{ clear:both;display:block;padding-left:10px;color:#996; }

.jcol1 a{ color:black; }
#jobs{
	clear:both;
}
.innerRow{
	height:35px;padding-top:3px;
}
.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{
	font-size:0.76em;
}
div.jobOps{
	/* this is inside jobDetail but needs to be wider */
	width:700px;margin-top:10px;
}
.closeButton{
	float:right;
	margin-top:7px;
}
span.shortlisted{ font-size:0.8em;font-weight:bold; }

/* alternating colours */
.altRow1{ background-color:#E7E7E7; }
.altRow2{ background-color:#E9DCBA; }

.jobHighlight{ font-weight:bold; }



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

/*	application form ---------------------------------- */
fieldset.question{
	border:0;
	margin-left:0;
	padding-left:0;
	margin-bottom:10px;
}
fieldset.question legend{
	font-weight:normal;
}
fieldset.question label, fieldset.question input{
	float:none;
}
.yesNo{
	margin-left:150px;
}

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

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


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

#subStatus{
	font-size:0.8em;
	margin-left:10px;
}
#subscribeForm{ margin:10px 0 10px 0; }


/* links back to main site --------------------------- */

.backlink{
	margin-top:0px;
}

 .backlink a{
	text-decoration:none;
	color:#333;
	font-size:0.9em;
	padding:3px;
 }

 .backlink a:hover{
	 background:#EAA233;
	 color:#fff;
}

#langLinks{
	float:right;
}