
/* SHARED / GLOBAL */

html
{
	background-color:#F4F4F4;
	overflow-y: scroll; /* to keep veritcal scroll */
}

hr
{
	margin-bottom:10px;
	border-color:#E0E0E0;
}

h1
{
	color:#00457C;
	font-family:Arial;
	font-size:23px;
	font-weight:bold;
}

body, #searchControlsContainer input
{
	font-family:Arial, Times New Roman;
	font-size:12px;
}

#mainContainer
{
	padding:10px 0;
	background-image:url(/media/header-background.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-left: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;	
	border-bottom: solid 1px #E0E0E0;	
		
}

.actionButtonContainer
{
	margin: 20px 0 10px;
}

.actionButtonContainer a
{
	display:block;
	height:30px;
	width:220px;
}

#submitYourCv
{
	background-image:url(/media/submit-your-cv.png);
}

#registerForJobAlerts
{
	background-image:url(/media/register-for-job-alerts.png);
}

#copyright
{
	text-align:right;
}

#footerLinks
{
	text-align:left;
}
#footerLinks a
{
	color:#B2B2B2;
	margin: 0 10px;
}
#footerLinks a:hover
{
	color:#0098DB;
}
#siteFooter
{
	height:40px;
	margin-top:10px;
	color:#B2B2B2;
}

#hireThinkingBanner
{
	margin-top:20px;
	/*border: 1px solid #00457C;*/
}

#rightCol .rightColSeparator
{
	border-left: 1px dotted #B2B2B2;
	padding-left: 8px;
}

.header
{
	font-weight:bolder;
}



a
{
	color:#00457C;
}
a:hover {
	color:#0098DB;
}

.tooltip
{
	color:#666666;
	display:block;
	height:16px;
	width:auto;
}

.applyButton
{
	background-image: url(/media/apply-button.gif);
	background-repeat: no-repeat;	
}
.applyButton:hover
{
	background-image: url(/media/apply-button-hover.gif);
}

.placeholder
{
	height:1px;
	width:1px;
}

a, a:active
{
	outline:none;
}

#javascriptError
{
	font-size:1.8em;
	font-weight:bolder;
	text-align:center;
	display:block;
	height:34px;
	
}

.ui-state-highlight p
{
	display:block;
	margin:1em 0;
}



/* HEADER */

#header #banner
{
	float:left;
	padding: 19px 30px;
}

#header #brandLogo
{
	float:left;
}

	
/* HEADINGS */

.controlTitle, .specialismTitle
{
	margin-bottom:10px;
	font-size:1.6em;
	color:#00457C;
}

.specialismTitle
{
	margin-bottom:10px;
	font-size:1.3em;
	color:#00457C;	
}

h2 
{
	color:#00457C;	
	margin-bottom:10px;
}


/* VACANCY CONTROLS */

.vacancyControl
{
	width:21px;
	height:16px;
	display:block;
	float:right;
	background-repeat: no-repeat;
	background-position: top right;
}

.tooltip
{
	float:right;
	padding:0px 10px 7px 10px;
	background: #F4F4F4;
	color:#0098DB;
	font-weight:bolder;
	font-size:13px;
	display:none;
}

.vacancyControls
{
	position:absolute;
	display:none;
	right:10px;
}

.vacancyControls .select
{
	background-image: url(/media/cart.png);
}

.vacancyControls .select:hover
{
	background-image: url(/media/cart-light.png);
}


.vacancyControls .apply
{
	font-size:14px;
	width:80px;
	padding-bottom:6px;
	padding-left:10px;
	background:#FFF;
	/*background-image: url(/media/up.png);*/
}

.vacancyControls .apply:hover
{
	/*background-image: url(/media/up-light.png);*/
}

div#searchResults .apply
{
	background:#F4F4F4;
	font-weight:bolder;
}

/* SEARCH CONTROLS */

#searchControlsContainer
{
	
	color:#666666;
	background-color:#E0E0E0;
	padding:5px;
	border: solid 1px #B2B2B2;
}

.salaryValues
{
	margin-left:10px;
	width:100px;
}

#searchControlsContainer .searchCategory
{
	font-weight:bolder;
}

#searchControlsContainer .searchControlContainer
{
	padding-left:10px;
	margin-bottom:10px;
}

#searchControlsContainer select
{
	width:200px;
}

#searchControlsContainer .searchControlSalary
{
	margin-top:3px;
	width:183px;
}

#searchControlsContainer a#searchVacancies
{
	background-image: url(/media/search-button.gif);
	background-repeat: no-repeat;
	display: block;
	height: 43px;
	width: 96px;
	margin-left:50px;
}

#searchControlsContainer a#searchVacancies:hover
{
	background-image: url(/media/search-button-hover.gif);
}

.salaryHighPlus
{
	display:none;
}

/* NAV */

#nav
{
	width:930px;
	padding-left:30px;
	margin-bottom:30px;
	border-bottom: solid 4px #E0E0E0;
}


#nav ul, #nav li
{
	margin: 0;
	z-index:8;
}

#topNavigation li
{
	float:left;
	list-style:none;
	margin-right:60px;
	display:block;
	position:relative;
}

#topNavigation a
{
	color:#E0E0E0;
	text-decoration:none;
	font-size:1.4em;
	font-weight:bold;
	padding: 3px 8px;
	border-bottom: 4px solid #E0E0E0;
	z-index: 1000;
}

#topNavigation a:hover
{
	color:#FFF;
	border-color: #0098DB;
}

#topNavigation a.selected
{
	color:#FFF;
	border-color: #0098DB;
	

	/*background-color:#E0E0E0;*/

}

#topNavigation a.selected:hover
{
	border-color: #0098DB;
	
}

a.topLink:hover
{
	border-bottom: solid 4px #0098DB;
}

a.topLink:active
{
	border-bottom: solid 4px #CCEAF7;
}

.subNavigation
{
	position:absolute;
	left:0;
	top:29px;
	display:none;
	background-color: #E0E0E0;
}


.subNavigation li
{
	position:relative;
	list-style:none;
	display:block;
	width:130px;
}

a.subLink
{
	
	border-left: solid 4px #E0E0E0;
}
a.subLink:hover
{
	border-left: solid 4px #0098DB;
}
.subNavigation li a:active
{
	border-left: solid 4px #CCEAF7;
}

/* SEARCH MATCHES */

#searchMatches
{
	background-color:#FFF;
}

h2#searchMatchesTitle
{
	/*padding-left:10px;*/
	display:none;
}

#searchResults .row
{
	float:left;
	width:520px;
	padding: 10px;	
}

#searchResults .vacancy
{
	margin-bottom:10px;
}

#searchResults .vacancy:hover, #searchSelectedContainer .vacancy:hover
{
	background-color: #F4F4F4;
}

#searchResults .header
{
	font-size: 1.1em;
}

#searchResults .column
{
	width:200px;
	float:left;
	border-right: solid 1px #E0E0E0;
}

#searchResults .locationColumn
{
	border-right: none;
}

#searchResults .typeColumn
{
	width: 80px;
}

#searchResults .typeColumn, #searchResults .salaryColumn
{
	margin-right:10px;

}

#searchResults .vacancyTitle
{
	padding-bottom: 5px;
}

#searchResults .vacancyTitle a
{
	font-size:1.3em;
	font-weight:bolder;
}

#searchMatchesContainer
{
	background-color:#FFF;
}

/*#searchResults .a
{
	top:0px;
	position:relative;
	float:left;
	width:100%;
}*/

#notification
{
	float:left;
	width:100%;
}





/* CATEGORY LINKER */

.categoryLinks
{
	width:50%;
	float:left;
	height:100px;
	background-color:#E0E0E0;
}

.categoryLinksContainer
{
	border: solid 1px #B2B2B2;
	float:left;
	margin-bottom:20px;
	width:538px;
}

a.sectorLink
{
	line-height:24px;
	font-weight:bolder;
	
}


/* VACANCY DETAILS */
table.vacancy
{
	width:100%;
	margin:0;
}

table.vacancy td.vacancyTitle
{
	color:#00457C;
	font-size:1.3em;
	font-weight:bolder;
}

table.vacancy td
{
	/*padding-bottom:10px;*/
}

table.vacancy td.col2
{
	padding-left:10px;
}

table.vacancy td.categoryTitle	
{
	font-weight:bolder;
	padding-right:5px;
	width:18px;
}

table.vacancy .vacancyControls
{
	display:block;
}

table.vacancy .tooltip
{
	background: #FFF;
}

table.vacancy .vacancyControls
{
	right:73px;
}


/* SELECTED VACANCIES */


a#showSelectedVacancies
{
	background-image: url(/media/cart-dark.png);
	background-position: center right;
	background-repeat: no-repeat;
	height: 20px;
	width: 40px;
	display: block;
	float:right;	
}

#searchSelectedContainer .header
{
	color: #00457C;
	font-size:1.5em;
}
#searchSelectedContainer .header img
{
	vertical-align:-1px;
}

#selectedVacancies .vacancy
{
	float:left;
	white-space:nowrap;
}

#selectedExpander
{
	width:100%;
	background-color:#E0E0E0;
	border: 1px solid #B2B2B2;
	float:left;
	margin-bottom:20px;
}

#selectedVacancies .row
{
	padding: 5px 0;
}

#searchSelectedContainer
{
	/*margin-bottom:10px;*/
	display:none;
	width:100%;
}

#selectedVacancies a#inline.showVacancy
{
	padding:3px;
	display:block;
}


#selectedVacancies .vacancyControls
{
	top:4px;
	left:4px;
	position:relative;
	display:none;
	float:left;
}

#selectedVacancies a.removeSelectedVacancy
{
	height:16px;
	width:16px;
	background-image: url(/media/close.png);
	background-repeat: no-repeat;
	display:block;
}

#selectedVacancies .vacancyControls a:hover
{
	background-image: url(/media/close-light.png);
}

#selectedVacancies .vacancyPad
{
	margin-left:20px;
}

#searchSelectedContainer a#applyForSelectedVacancies
{
	background-image: url(/media/apply-button.gif);
	background-repeat: no-repeat;
	display: block;
	height: 43px;
	width: 96px;
	margin:3px 0 2px 5px;
	float:right;
}

#searchSelectedContainer a#applyForSelectedVacancies:hover
{
	background-image: url(/media/apply-button-hover.gif);
}

/* LOGO LIST */

#logoListContainer a
{
	display:block;
	margin-bottom:10px;
}

.rotatingLogoContainer
{
	display:block;
	height: 145px;
}

#hireThinkingLink
{
	margin: 20px 0 0 10px;
	display: block;
}

/* MICROSITE LIST */

a.micrositeLink
{
	display:block;
	margin-bottom:10px;
}

/* MICROSITE */

#micrositeContainer 
{
	background-color:#FFF;
}

#micrositeContainer .headerItem
{
	margin-bottom:20px;
}

#micrositeContainer #returnHeader
{
	padding: 10px 0;
}

#micrositeContainer #clientJobs
{
	margin-right:80px;
}

#micrositeContainer #clientDetailsContainer
{
	padding-right: 20px;
	border-right: 1px dotted #B2B2B2;
	font-size:0.9em;
}

#micrositeContainer #clientLogo, #micrositeContainer #clientBanner
{
	text-align: center;
	padding-bottom: 20px;
}

/* APPLY FOR VACANCY */

#applyForVacanciesContainer .textbox input
{
	border:none;
	background: transparent url(/scripts/uniform/images/sprite2.png) no-repeat scroll 100% -28px;
	height:24px;
	opacity: 1;
	padding: 6px 10px 0 0px;
	width:187px;
	display:block;
	color:#666666;
	margin-left:10px;
}

#applyForVacanciesContainer .textbox
{
	background:transparent url(/scripts/uniform/images/sprite2.png) no-repeat scroll -483px 0;
	opacity:1;
}

#applyForVacanciesContainer .fieldContainer
{
	width:100%;
	float:left;
}

#applyForVacanciesContainer .applyCategory
{
	font-weight:bolder;
	color:#666666;	
}

#applyForVacanciesContainer .button
{
	margin-top:10px;
	margin-left:57px;
	margin-bottom:0;
	width:100px;
}

#applyForVacanciesContainer
{
	float:left;
}

#applyForVacanciesContainer div.text
{
	margin-right:0;
}

/* SUBMIT CV */

#submitCvRightColumn
{
	padding-left:30px;
	border-left:1px dotted #B2B2B2;
}

#submitCvContainer .button
{
	text-align: center;
	margin-top:10px;
}

#submitCvContainer
{
	margin-left:30px;
}

/* JOB ALERT SIGNUP */

#registerAlertsContainer .searchCategory
{
	color:#666666;
	font-weight:bolder;
}

#jobAlertNotification
{
	margin-bottom:20px;
}

/* CV SUBMISSION */

#submitCvContainer .applyCategory, #submitCvContainer .searchCategory
{
	font-weight:bolder;
	color:#666666;	
}

#submitCvNotification
{
	margin-bottom:20px;	
}