/* [%-# %W% %T%,%D% (yy/mm/dd) -%] */

/* JS */

/* *****************************************************************************
	Imports
***************************************************************************** */

	@import url(global.css);

	
/******************************************************************************
	GLOBAL.CSS
***************************************************************************** */

/* *****************************************************************************
	Globals
***************************************************************************** */

	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: #000 !important;
		background:#ccc;
	}
	
	a, a:link, a:active, a:visited {
		color: #21467E;
		text-decoration: underline;
	}

	a:hover {
		color: #21467E !important;
		text-decoration: underline;
	}

	hr {
		border-top: 1px solid #253990 !important;
		color: #253990;
	}
	
	h1 {
		color: #253990;
		font-size: 160%;
		margin: 0 0 .5em 0;
		padding: 0 0 5px 0;
	}
	
	h1 strong {
		color: #253990;
	}
	
	h1 em {
		font-size: 90%;
		font-style: normal;
		font-weight: normal;
	}
	
	h2 {
		color: #21467E;
		font-size: 120%;
		margin: .2em 0;
		clear: both;
	}
	
	h2 strong {
		color: #21467E;
	}
	
	h3 {
		color: #21467E;
		font-size: 120%;
		margin: 0 0 .5em 0;
		padding: 0;
	}
	
	h3 strong {
		color: #21467E;
	}
	
	h4 {
		color: #21467E;
		margin: 0;
		padding: .3em 0;
		font-size: 100%;
	}
	
	h5 {
		color: #253990;
	}
	
	.error {
		color: #F00;
	}

	p em {
		color: #253990;
		font-style:normal;
	}
	
	.expiringToday {
		color: #7BC618;
	}
	
	.expired {
		color: #f00;
	}
	
	.required {
		color: #253990;
	}
	
	.active {
		color: #000;
	}

	.basicborderbox {
		padding: 1px;
		border: 1px solid #dfe2f1;
	}
	
	.disabled_text {
		color: #c0c0c0;
	}
	
/* *****************************************************************************
	Containers
***************************************************************************** */

	#wrapper {
		background-color:#FFFFFF;
		width:980px;
	}
	
	#content {
		width: 940px;			
		padding: 15px;
		margin: 0;
	}

	div[id="content"]#content {
		width: 910px;
	}

	#mainContent {
		float: left;
		width: 756px;
		margin: 0 0 10px 20px;
		padding: 0;
	}

	#leftContent {
		width:134px;
		margin:0;
		padding: 0;
		float:left;
	}

	#leftContent ul, #leftContent ul li {
		list-style:none;
		margin:0 !important;
		padding: 0 !important;
		float: left;
	}

	#leftContent ul li a{
		margin:0;
		display:block;
		padding:10px 0;
		background:#fff;
		border-bottom:1px solid #e6e6e6;
	}

	#leftContent ul li a:hover{
		background:#f2f2f2;
	}

/* *****************************************************************************
	standard buttons
***************************************************************************** */
	a.button {
		color: #07367c;
		border: 1px solid #999;
		background: #ececec url(../images/home/navbg_jobsection.gif) 0 0 repeat-x;
	}
	
	a.button:link,
	a.button:visited,
	a.button:hover,
	a.button:active {
		color: #07367c !important;
		background: #ececec url(../images/home/navbg_jobsection.gif) 0 0 repeat-x;
		border:1px solid #999;
	}

	/* *************************************************************************
		Clear button align at the top
	************************************************************************* */
	
		a.clear_loc_button {
			color: #07367c;
			border: 1px solid #999;
			background: #ececec url(../images/home/navbg_jobsection.gif) 0 0 repeat-x;
		}

		a.clear_loc_button:hover{
			color:#07367c !important;
		}

/* *****************************************************************************
	(?) Question mark help buttons
***************************************************************************** */

	a.help {
		background-image: url(../images/general/help.gif);
	}
	
	p.help a {
		background-image: url(../images/general/help.gif);
	}

	p.help a:hover {
		background-image: url(../images/general/help.gif);
		color:#fff !important;
	}

/* *****************************************************************************
	2 panel boxes consisting of forms, and different color backgrounds
***************************************************************************** */

	/* *************************************************************************
		First Style
	************************************************************************* */

		div.box {
			border-bottom: 1px solid #253990;
		}
		
		div.box form {
			background-color: #dfe2f1;
		}
		
	/* *************************************************************************
		Second Style
	************************************************************************* */

		div.box2 {
			border-top: 1px solid #253990;
		}

	/* *********************************************************************
		Shortcut links on client home box
	********************************************************************* */

		div.box2 div {
			background-color: #dfe2f1;
			border: 1px solid #dfe2f1;
		}
		
		div.box2 div.box2a {
			background-color: #fff;
		}
		
		div.box2 div ul li {
			color: #000;
		}
		
		div.box2 div.box2a ul {
			color: #000;
		}
			
	/* *************************************************************************
		Third Style
	************************************************************************* */

		div.box3 {	
			border: solid #253990;
			border-width: 1px 0;
		}
		
		div.box3 div.first {
			background-color: #dfe2f1;
		}
		
		div.box3 div.second {
			background-color: #fff;
		}
		
	/* *************************************************************************
		Fourth Style
	************************************************************************* */
		
		div.box4 form {
			background: #2d599b url(../images/general/bottombg_login.gif) 0 0 repeat-x;	
			color: #fff;
		}
		
		div.box4 div fieldset label {
			color: #fff !important;
		}
		
		div.box4 div fieldset input.submit {
			border:1px solid #fff;
		}

		div.box4 div fieldset a {
			color: #fff !important;
		}

		div.box4 div fieldset a:hover {
			color: #fff !important;
		}

	/* *************************************************************************
		Fifth Style
	************************************************************************* */

		div.box5 {
			border: solid #253990;
			border-width: 1px 0;
			background-color: #dfe2f1;
		}
		
		div.box5 div.second {
			background-color: #fff;
		}
		
/* *************************************************************************
	Box Styles
************************************************************************* */	
		
	div.box6 h3{
		background: #253990;
		color: #fff;
	}

	div.box6Wrap{
		border: 1px solid #253990;
	}
			
	div.box7 h3{
		background: #B5CCF2;
		color: #253990;
	}

	div.box7Wrap{
		border: 1px solid #B5CCF2;
	}		

	div.box7Wrap div {
		border-top: solid 1px #97BAD8;
	}
		

/* *****************************************************************************
	Table - General
***************************************************************************** */

	table {
		border: 1px solid #dfe2f1;
	}
	
	table th {
		background-color: #253990;
		color: #fff;
	}
	
	th a:hover {
		color: #253990;
	}
	
	table th,
	table td {
		border-bottom: 1px solid #eaecf8;
	}
	
	table td a em {
		color: #253990;
	}
	
/* *****************************************************************************
	Table - colhighlight
***************************************************************************** */

	table.colhighlight th, 
	table.colHighlight th {
		background-color: #fff !important;
		border: dotted #b4b8d3;
		color: #000;
	}

	table.colhighlight th label em, 
	table.colHighlight th label em {
		color: #253990;
	}
	
	table.colhighlight td, 
	table.colHighlight td {
		background-color: #dfe2f1;
	}
	
	table.colhighlight td.leftSide, 
	table.colHighlight td.leftSide {
		background-color: #FFF;
	}

	table.colhighlight h2, 
	table.colHighlight h2 {
		background-color: #fff;
		color: #000;
	}
	
	table.colhighlight tr.line td, 
	table.colHighlight tr.line td {
		border: solid #253990;
	}

/* *****************************************************************************
	Scolling links
***************************************************************************** */

	ul#scroll {
		border: solid #253990;
		border-width: 1px 0;
	}
	
	ul#scroll li a {
		color: #000;
	}
	
/* *****************************************************************************
	Back To Top Buttons
***************************************************************************** */

	/* *************************************************************************
		1st
	************************************************************************* */
	
		.backToTop p {
			background-image: url(../images/general/arrow_up.gif);
		}

	/* *************************************************************************
		2nd
	************************************************************************* */
	
	.backToTop2 p a {
			border: 1px solid #253990;
			background-color: #253990;
			color: #fff !important;
			background-image: url(../images/general/back_to_top2.gif);
		}

		.backToTop2 p a:hover {
			color: #fff !important;
		}

/* *****************************************************************************
	Stop the display of background images
***************************************************************************** */

	body.nobg {
		background: #fff;
	}
	
/* *****************************************************************************
	Sidelinks - Floats a div to the right with links in
***************************************************************************** */

	div.sideLinks {
		background: #d4dbee;
	}
	
	div.sideLinks h4 {
		background: #253990;
		color:#fff;
	}

/* *****************************************************************************
	Page Specifics
***************************************************************************** */

	/* *************************************************************************
		Table - rlAdmin used for rl_admin
	************************************************************************* */

		table.rlAdmin th {
			background-color: #253990;
			color: #fff;
		}
		
		table.rlAdmin tr th a {
			color: #fff;
		}
		
		table.rlAdmin tr th a {
			color: #fff !important;
		}

		table tr.odd td {
			background-color: #E7EEFB !important;
		}
		
	/* *************************************************************************
		Table - newRecruit used for rl_admin
	************************************************************************* */

		table.newRecruit tbody {
			background-color: #dfe2f1;
		}
		
		table.newRecruit thead th {
			background-color: #253990;
			color: #fff;
		}
		
		table.newRecruit tbody td {
			background-color: #dfe2f1;
		}
		
	/* *************************************************************************
		Table - cvResult used for cvsearch_result
	************************************************************************* */

		table.cvResult tr th {
			border: 1px solid #fff;
		}

	/* *****************************************************************************
		Table - cvMarkup used for cvsearch_result
	***************************************************************************** */

		 body#cvDisplay table#cvMarkup font b {
			color: #253990;
		}

	/* *************************************************************************
		More info page 
	************************************************************************* */
		
		div.moreinfocolright div {
			border: 1px solid #0C2D83;
			background: #dfe2f1 url(/images/home/creditcard_strip.gif) no-repeat center 92%;
		}

	/* *************************************************************************
		search_to_jbe_error
	************************************************************************* */

		body#cvDisplay div.hbar {
			border-bottom: 1px solid #253990;
		}
		
/* *****************************************************************************
	Patches
***************************************************************************** */

		table.rlAdmin th {
			border-left: 1px solid #ffffff;
			border-right: 1px solid #ffffff;
		}
		
		table.newRecruit thead th {
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
		}
			
		table.colhighlight td, table.colHighlight td {
			border: 1px solid #fff;
		}
 
/***************************************************************
	SiteMap
***************************************************************/

	body#sitemap #channels h2 {
		background: #DFE2F1;
		border-bottom: solid 1px #253990;
	}	

	body#sitemap #channels h3 {
		border-bottom: solid 1px #253990;
	}

	body#sitemap #channels li {
		background: url(/images/general/arrow.gif) no-repeat left;
	}	

/******************************************************************************
	Client Demo Display advert - sales tool
***************************************************************************** */
	
	body#demoDisplay{
		background: #fff;
	}

	body#demoDisplay #wrapper{
		background: transparent url(../images/home/thejobsection_logo.gif) 0 0 no-repeat;
	}

/******************************************************************************
	SEARCH_APPLY.CSS
***************************************************************************** */

	form fieldset p.email input {
		border: 1px solid #253990;
		background-color: #FEA814;
	}

	form td p input.submit {
		border: 1px solid #000040;
		background: #000066 url(../images/general/bg_button.gif) 0 0 repeat-x;
		color: #fff;
	}

	div.summary form {
		background-color: #fff;
	}

	div.sortby p {
		border-top: 1px solid #253990;
	}

	div.vacancyNav{
		border: solid #253990;
	}

	div.vacancyNav span.backToSearch a{
		background: url(/images/general/icon_backtosearch.gif) 0% 50% no-repeat;
	}

	div.vacancyNav a.next{
		background: url(/images/general/icon_arrownext.gif) right 50% no-repeat;
	}

	div.vacancyNav a.previous{
		background: url(/images/general/icon_arrowprev.gif) 0% 50% no-repeat;
	}

	html body#vacDetails a.button, html body#vacDetails form input.button, html body#vacDetails form submit.button, html body#vacDetails a.shortlist{
		color: #07367c;
		border: 1px solid #999;
		background: #ececec url(../images/home/navbg_jobsection.gif) 0 0 repeat-x;
	}

	div.infoBox1{	
		background: #dfe2f1;
		border: 1px solid #253990;
	}

	html body#vacDetails div.box7 div.box7Wrap form fieldset{
		border-top:1px solid #97BAD8;
	}

	body#vacDetails .recruiterInfo{	
		background:#fff;
		color: #898989;
	}

	body#vacDetails div.infoBox1 .smaller{
		border-top: 1px dotted #D6D6D6;
	}

	div#automatch{
		border:solid #003399;
	}

	dl#extendedInfo dt{
		background:#fff;
		border-bottom:1px dotted #dfe2f1;
	}

	dl#extendedInfo dd{
		background:#dfe2f1;
		border-bottom:1px solid #fff;
	}

	body#ins_vac dl.dlList1{
		background: #dfe2f1;
		border: 1px solid #253990;
	}

	body.applynow fieldset#notRegistered label input {
		border: 1px solid #7f9db9;
	}

/******************************************************************************
	NEW_SEARCH.CSS
***************************************************************************** */

	form fieldset p.email input {
		border:1px solid #253990;
		background-color:#FEA814;
	}

	form fieldset p.help a {
		background-image:url(/images/general/help.gif);
		color:#000;
	}

	form td p input.submit {
		border:1px solid #253990;
		background-color:#FEA814;
	}

	div#sort2{
		border-bottom:1px solid #253990;
	}

	div.summary form {
		background-color:#fff;
	}

	div.luckyDip div.luckyDipNav{
		border-bottom: 1px dotted #253990;
	}

	div.vacancyNav{
		border: solid #253990;
	}

	div.vacancyNav span.backToSearch a{
		background: url(/images/general/icon_backtosearch.gif) 0% 50% no-repeat;
	}

	div.vacancyNav a.next{
		background: url(/images/general/icon_arrownext.gif) right 50% no-repeat;
	}

	div.vacancyNav a.previous{
		background: url(/images/general/icon_arrowprev.gif) 0% 50% no-repeat;
	}

	div.box7Wrap div {
		border-top: solid 1px #7f9db9;
	}

	html body#vacDetails a.button, html body#vacDetails form input.submit {
		border: 1px solid #999999;
		background: #ECECEC url(../images/home/navbg_jobsection.gif) 0 0 repeat-x;
		color: #07367C;
	}

	body#vacDetails .recruiterInfo{	
		color: #898989;
	}

	body#vacSearch div#topSearch{
		background: #2d599b url(../images/general/bottombg_login.gif) 0 0 repeat-x;
	}

	body#vacSearch div#topSearch form{
		color: #fff;
	}

	body#vacSearch div#topSearch form label{
		color: #fff !important;
	}

	body#vacSearch form#Search fieldset label{
		color:#fff;
	}

	body#vacSearch form#Search fieldset div span {
		color:#fff;
	}

	div#results{
		background:url(/images/general/bg_searchresults.gif) 0 0 no-repeat;
	}

	form#suggestions{
		border-left:1px solid #253990;
	}

	.error{
		color:#000;
	}

	#page{
		border-top:1px solid #253990;
		color: #253990;
	}

	div#vacs{	
		color:#000;
	}

	div.lineage{
		border-bottom: solid 2px #dfe5f3;
	}

	div.semi, div.display{
		border-bottom: solid 2px #fff;
	}

	div.lineage div{
		background-color:#ffffff;
	}

	div.semi div{
		border:5px solid #dfe2f1;
	}

	div.display div{
		border:5px solid #253990;
	}

	div#vacs a.shortlist, #vacsMatching a.shortlist,div#vacs a.button, #vacsMatching a.button{
		background: url(/images/general/shortlist_icon.gif) 0 50% no-repeat;
		color:#000 !important;
	}

	div.jbe{
		background: #fff url(../images/home/mastheadbg.gif) repeat-x 0 100%;
		color:#253990;
	}

	div.loggedin{
		background: #fff url(../images/home/mastheadbg.gif) repeat-x 0 100%;
		color:#253990;
	}

	div.jbe form label{
		color:#253990;
	}

	div.jbe form input{
		color: #818181;
	}

	div.jbe input.submit{
		color: #07367C;
		border:1px solid #999;
		background: #ECECEC url(../images/home/navbg_jobsection.gif) repeat-x 0 0;
	}

	div.jbe form span{
		background:#fff;
		color:#253990;
	}

	#recruiters div.semi{
		background:#fff;
		border: solid 2px #dfe2f1;
		color:#000;
	}

	#recruiters div.display {
		background:#fff;
		border: solid 2px #253990;
		color:#000;
	}

	div#recruiters h2{
		color:#000;
	}

	a.matchingVac{
		border-top:1px dotted #E5E5EF;
	}

	body#vacSearch em{
		color:#000;
	}

	body#rightCandidate img.thumbnail{
		border:1px solid #eee;
	}

	body#rightCandidate img.thumbnailLeft{
		border:1px solid #eee;
	}

	div#seoresults {
		border-color: #bce4e2;
		color: #51918c;
	}

	div#seoresults a {
		color: #000;
	}

	div#seoresults a:hover {
		color:#253990;
	}

	div#seoresults h1 {
		color: #fff !important;
	}

	div#seoresults h2 {
		color: #171c5c !important;
	}

	div#seoresults p a.more {
		background: url(/images/general/more_bg.gif) left bottom no-repeat;
	}

	div#location {
		border-right: 1px solid #e6f5f4;
	}

	ul.brdr {
		border-top: 1px solid #f1f1f1;
	}

/******************************************************************************
	HUNTER.CSS
***************************************************************************** */

	div.block h2 {
		background: #dfe2f1 url(../images/general/h2bg_advsearch.gif) 0 0 no-repeat;
	}

	div.block h2 strong {
		color: #253990;
	}

	div.block h3 {
		background: #f3eade url(../images/general/tab_top.gif) top left no-repeat;
		color: #000;
	}
	
	div.block div {
		border: 1px solid #dfe2f1 !important;
		background: #fff;
	}

	div.block div h4 strong {
		color: #253990;
	}

	div.block div table.jobEmail th {
		background-color: #253990;
	}

	div.block div table.jobEmail th.joboptions a {
		color: #fff !important;
	}

	div.block div table.jobEmail2 th {
		color: #000;
		border: 1px solid #fff;
		background-color: #fff;
	}
	
	div.block div table.jobEmail2 em {
		color: #000;
	}

	div.block div li {
		background: url(/images/general/bullet2.gif) 0 50% no-repeat;
	}

	div.block div table.jobEmail th a:hover {
		color: #fff;
	}

	div.sub div p.box img {
		background-color: #2B56A2;
		color: #fff;
	}

	.please_activate {
		border: 1px solid #900;
		background: #faf2f2;
		color: #900;
	}

	a.shtLstExpireToday {
		color: #e7dbcc !important;
	}
	
	a.shtLstExpired {
		color: #7FBE28 !important;
	}

	table.subsTable td {
		background-color: #fff!important;
		border: dotted #dfe2f1;
	}

	table.subsTable th {
		color: #000;
		border: solid #fff;
		background-color: #dfe2f1;
	}

	body#bulletin_search th,
	body#bulletin_search td {
		border: solid #B2B2D1;
	}

	body#bulletin_search div.odd {
		background-color: #dfe2f1;
		border: solid #e7dbcc;
	}

	body#vacform div.boxWrap{
		background: #e5e5ef;
		border:1px solid #253990;
	}

	body#vacform div.boxWrap input,
	body#vacform div.boxWrap select{
		border:1px solid #7f9db9;
	}

	body#vacform h2{
		background: #0c2d83;
		color:#fff;
	}

	body#vacform h3 {
		color: #000;
	}

	#search-to-jbe div#Error {
		border-top: 1px solid #253990;
		border-bottom: 1px solid #253990;
		background-color: #F1F8ED;
	}

	#search-to-jbe div#Error p {
		background-color: #FFF;
	}

	body#applynow.login form fieldset table.colhighlight h3,
	body#applynow.login form fieldset table.colhighlight h3 strong {
		color: #ff8208 !important;
	}

/******************************************************************************
	FORMS.CSS
***************************************************************************** */

	#advanced-search form fieldset {
		border-top: 0px solid #253990;
	}

	form fieldset {
		border-top: 1px solid #253990;
	}

	#advanced-search form fieldset h2 { 
		background: #dfe2f1 url(../images/general/h2bg_advsearch.gif) 0 0 no-repeat;
	}

	form fieldset label {
		color: #000;
	}
	
	form fieldset label em {
		color: #253990;
	}

	form fieldset input {
		border: 1px solid #7f9db9;	
		color: #000;
	}

	form input.submit, .pseudobutton {
		color: #07367c;
		border: 1px solid #999;
		background: #ececec url(../images/home/navbg_jobsection.gif) 0 0 repeat-x;
	}

	button {
		color: #07367c;
		border: 1px solid #999;
		background: #ececec url(../images/home/navbg_jobsection.gif) 0 0 repeat-x;
	}

	form textarea {
		border: 1px solid #7f9db9;
	}

/******************************************************************************
	CHANNEL.CSS
***************************************************************************** */

	div#marketing div.outer {
		background: url(/images/general/outer_bg_midblu.gif) top left no-repeat;
	}

	div#marketing div.inner {
		background: url(/images/general/inner_bg_midblu.gif) bottom right no-repeat;
	}

	div#marketing form {
		background: #B2B2D1 url(/images/general/boxcrnr_midblu.gif) top left no-repeat;
	}

	form h2 {
		color: #21467E;
	}
	
	form fieldset h3 {
		color: #0C2D83;
	}

	form fieldset#freeSearch h3 {
		color: #0C2D83;
	}

	html body div#marketing div.outer h4 {
		color: #b2b2d1;
	}

	html body div#marketing form h4 {
		color: #fff;
	}

	fieldset ul li a {
		color: #000 !important;
	}
	
	fieldset ul li a:hover, fieldset span.li a:hover {
		color: #0C2D83;
		background: url(/images/general/chnl_a_hvr.gif) center left no-repeat;
	}

	body#auto p#partner a,body#avio p#partner a,body#cons p#partner a,body#engi p#partner a {
		background: url(/images/general/scenta.gif) top right no-repeat;
	}

	body#educ p#partner a,body#phar p#partner a,body#ps p#partner a {
		background: url(/images/general/lgn_logo.gif) top right no-repeat;
	}
	
	body#scie p#partner a,body#tele p#partner a {
		background: url(/images/general/silicon_small.gif) top right no-repeat;
	}
	
	body#grad p#partner a {
		background: url(/images/general/hobsons.gif) top right no-repeat;
	}

	fieldset ul li:hover, fieldset ul li.hover {
		background: #FFF;
	}
	
	fieldset ul li.checked {
		background: #FFF url(/images/general/chnl_li_slctd) top 325px no-repeat;
	}

	fieldset li label:hover, fieldset li label.hover {
		color: #0C2D83;
	}
	
	fieldset li label:hover, fieldset li label.hover {
		background: #FFF url(/images/general/chnl_li_slctd.gif) top left no-repeat;
	}
	
	form fieldset#freeSearch {
		background: #E2F6CD;
	}

	form fieldset#freeSearch span.linked_form_element_1 {
		background: url(/images/general/linked_form_element_1.gif) right bottom no-repeat;
	}

	fieldset#freeSearch input#location_include {
		background: #fff url(/images/general/linked_form_element_2.gif) left 7px no-repeat;
	}

	body#char p#partner a {
		background: url(/images/general/justgiving_logo.gif) top right no-repeat;
	}

/******************************************************************************
	VIEW_CV.CSS
***************************************************************************** */

	div#cvlogo {
		background: url(../images/home/thejobsection_logo.gif) no-repeat;
		width: 398px;
		height: 109px;
	}