﻿/* Map Test - Can Remove Once Complete */

div#FindByCountryWrap
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	position: relative;
	top: -200px;
	left: 41px;
	background-color: #2D3468;
	width: 171px;
}

div#FindByCountryWrap select
{
	float: left;
	margin-top: 1px;
	margin-right: 1px;
	width: 146px !important;
}

div#FindByCountryWrap a
{
	float: left;
}

/* End of Map Test - Can Remove Once Complete */

/* Colour Lookup

#202758 - main dark blue used on plain dark blue panels and for body text (may need to lighten body text?)
#7F9DB9 - used to surround textboxes
#8F93AB - used for light colour text and links
#7b7f9b - used to surround banners - might switch text boxes to this?
#AFB5CD - Footer links (light text on dark background)
#DCE9F4 - Light blue used in candidate login panel (background of)

End of Colour Lookup */

/* General Items and Classes */

div.errorPanel ul li
{
	margin-left: 18px;
	list-style-type: disc;
}

body 
{
	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #202758;
	background-color: #202758;
}

.clear
{
	clear: both;
}

.tclear
{
	clear: both;
	font-size: 0px;
	height: 0px;
}

.center
{
	text-align: center;
}

input.tb, input.tbActive
{
	border: 1px solid #7F9DB9;
	padding: 3px;
	background-color: #FFFFFF;
	font-size: 1.2em;
	color: #202758;
}

input.tbActive
{
	background-color: #EDEDED;
}

select 
{
	border: 1px solid #7F9DB9;
	font-size: 1.0em;
	padding: 3px;
	color: #202758;
}

a
{
	color: #202758;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.alt
{
	text-decoration: underline;
}

a.alt:hover
{
	text-decoration: none;
}

a.arrowButtonOnDark, a.arrowButtonOnLight, input.arrowButtonOnDark, input.arrowButtonOnLight
{
	display: block;
	height: 22px;
	width: 20px;
	background-image: url('/Lib/Img/ArrowButton.png');
	background-repeat: no-repeat;
}

a.arrowButtonOnLight, input.arrowButtonOnLight
{
	background-image: url('/Lib/Img/ArrowButtonOnLight.png');
}

a.light
{
	color: #8F93AB;
	font-size: 1.1em;
	text-decoration: none;
}

a.light:hover
{
	text-decoration: underline;
}

span.pipe
{
	font-size: 1.4em;
	padding-left: 4px;
	padding-right: 4px;
}

a.applyLink, a.registerLink, a.textJobAlertLink, a.emailJobAlertLink, a.applyForThisJobLink, a.backToSearchLink, a.backToSearchResultsLink
{
	display: block;
	width: 240px;
	height: 110px;
	background-repeat: no-repeat;
	background-image: url('/Lib/Img/ApplyOnline.png');
}

a.registerLink
{
	height: 135px;
	background-image: url('/Lib/Img/RegisterForJobAlerts.png');
}

a.textJobAlertLink, a.emailJobAlertLink
{
	height: 135px;
	background-image: url('/Lib/Img/TextMeJobsLikeThese.png');
}

a.emailJobAlertLink
{
	background-image: url('/Lib/Img/EmailMeJobsLikeThese.png');
}

a.applyForThisJobLink
{
	background-image: url('/Lib/Img/ApplyForThisJob.png');
}

a.backToSearchLink
{
	background-image: url('/Lib/Img/BackToSearchLarge.png');
}

a.backToSearchResultsLink
{
	height: 135px;
	background-image: url('/Lib/Img/BackToSearchResults.png');
}

.panelFade
{
	background-image: url('/Lib/Img/PanelFade.png');
	background-repeat: repeat-x;
}

.panelFadeShort
{
	height: 15px;
	background-image: url('/Lib/Img/panelFadeShort.png');
	background-repeat: repeat-x;
}

a.prev, a.next
{
	display: block;
	width: 16px;
	height: 32px;
	background-image: url('/Lib/Img/Prev.png');
	background-repeat: no-repeat;
}

a.next
{
	background-image: url('/Lib/Img/Next.png');
}

a.showMeAnother
{
	background-image: url('/Lib/Img/ShowMeAnother.png');
	background-repeat: no-repeat;
	display: block;
	width: 123px;
	height: 30px;
	text-decoration: none;
}

a.applyNowOnline, a.backToSearch, a.viewJobDetails, a.viewMore, a.viewFullDetails, a.backToAll
{
	background-image: url('/Lib/Img/ApplyNowOnline.png');
	background-repeat: no-repeat;
	display: block;
	width: 132px;
	height: 30px;
	text-decoration: none;
}

a.backToSearch
{
	background-image: url('/Lib/Img/BackToSearch.png');
}

a.viewJobDetails
{
	background-image: url('/Lib/Img/ViewJobDetails.png');
}

a.viewFullDetails
{
	background-image: url('/Lib/Img/ViewFullDetails.png');
}

a.backToAll
{
	background-image: url('/Lib/Img/BackToAll.png');
}

a.viewMore
{
	width: 82px;
	background-image: url('/Lib/Img/ViewMore.png');
}

a.clickToApply, a.continue
{
	background-image: url('/Lib/Img/ClickToApply.png');
	background-repeat: no-repeat;
	display: block;
	width: 132px;
	height: 30px;
	text-decoration: none;
}

a.continue
{
	background-image: url('/Lib/Img/Continue.png');
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

.emphasis
{
	color: #EE0000;
}

.doubleEmphasis
{
	font-weight: bold;
	font-style: italic;
}

div.miniPrivacy
{
	clear: both;
	font-size: 0.9em;
	background-color: #EDEDED;
	border: 1px solid #202758;
	padding: 6px;
}

div.errorPanel
{
	border: 2px solid #EE0000;
	padding: 8px;
	margin-bottom: 8px;
	background-color: #DCE9F4;
	color: #EE0000;
	font-weight: bold;
	font-size: 1.1em;
}

div.errorPanel ul
{
	font-weight: normal;
	padding-top: 4px;
	margin-left: 18px;	
}

div.errorPanel a
{
	color: #EE0000;
}

div.infoPanel
{
	border: 1px solid #7F9DB9;
	background-color: #DCE9F4;
	padding: 8px;
	padding-top: 0px;
	margin-top: 8px;
}

div.infoPanel p
{
	font-size: 1.1em;
	padding-top: 8px;
}

div.infoPanel h2
{
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 8px;
}

p.overview, div.overview
{
	background-color: #DCE9F4;
	padding: 6px;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
}

div.overview
{
	text-align: left;
	padding-bottom: 0px;
}

div.overview p
{
	padding-bottom: 8px;
}

input.search, a.search, a.save, a.submit
{
	float: left;
	display: block;
	width: 68px;
	height: 30px;
	text-decoration: none;
	position: relative;
	top: -4px;
}

a.search
{
	background-image: url('/Lib/Img/Search.png');
	background-repeat: no-repeat;
}

a.save
{
	float: none;
	background-image: url('/Lib/Img/Save.png');
	background-repeat: no-repeat;
}

a.submit
{
	float: none;
	background-image: url('/Lib/Img/Submit.png');
	background-repeat: no-repeat;
}

/* End of General Classes */

/* Heading Bars */

div.headingBar, div.headingBarShort
{
	background-image: url('/Lib/Img/HeadingLeft.png');
	background-repeat: no-repeat;
	height: 38px;
	margin-bottom: 2px;
}

div.headingBar div.right, div.headingBarShort div.right
{
	background-image: url('/Lib/Img/HeadingRight.png');
	background-repeat: no-repeat;
	float: right;
	height: 38px;
	width: 7px;
}

div.headingBar h2, div.headingBarShort h2
{
	color: #FFFFFF;
	float: left;
	font-size: 1.3em;
	padding-top: 12px;
	padding-left: 12px;
}

div.headingBarShort, div.headingBarShort div.right
{
	height: 28px;
}

div.headingBarShort h2
{
	font-size: 1.2em;
	padding-top: 7px;
	padding-left: 10px;
}

div.whatPeopleSay
{
	background-image: url('/Lib/Img/WhatPeopleSay.png');
}

div.topAuditJobs
{
	background-image: url('/Lib/Img/TopAuditJobs.png');
}

div.latestAuditIndustryNews
{
	background-image: url('/Lib/Img/LatestAuditIndustryNews.png');
}

div.featuredClients
{
	background-image: url('/Lib/Img/FeaturedClients.png');
}

div.jobSearchResults
{
	background-image: url('/Lib/Img/JobSearchResults.png');
}

div.jobDetailsFor
{
	background-image: url('/Lib/Img/JobDetailsFor.png');
}

div.jobSummary
{
	background-image: url('/Lib/Img/JobSummary.png');
}

div.jobDescription
{
	background-image: url('/Lib/Img/JobDescription.png');
}

div.registerStepOne
{
	background-image: url('/Lib/Img/RegisterStepOneHeading.png');
}

div.registerStepTwo
{
	background-image: url('/Lib/Img/RegisterStepTwoHeading.png');
}

div.registerStepThree
{
	background-image: url('/Lib/Img/RegisterStepThreeHeading.png');
}

div.alreadyRegistered
{
	background-image: url('/Lib/Img/AlreadyRegistered.png');
}

div.advancedSearch
{
	background-image: url('/Lib/Img/AdvancedSearch.png');
}

div.summary
{
	background-image: url('/Lib/Img/Summary.png');
}

div.myAccountContactDetails
{
	background-image: url('/Lib/Img/MyAccountContactDetails.png');
}

div.myAccountJobAlertRequirements
{
	background-image: url('/Lib/Img/MyAccountJobAlertRequirements.png');
}

div.myAccountJobAlertSettings
{
	background-image: url('/Lib/Img/MyAccountJobAlertSettings.png');
}

div.forgottenYourPassword
{
	background-image: url('/Lib/Img/ForgottenYourPassword.png');
}

div.setANewPassword
{
	background-image: url('/Lib/Img/SetANewPassword.png');
}

/* End of Heading Bars */

/* Main.Master Items */

div#MainWrap
{
	background-color: #FFFFFF;
}

div#Main
{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 8px;
}

div#Header
{
	padding-top: 16px;
	padding-bottom: 1px;
}

div#Header div
{
	
}

div#Header h3
{
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 6px;
}

div#HeaderLeft
{
	float: left;
	text-align: center;
	padding-left: 5px;
	padding-top: 4px;
}

div#HeaderRight
{
	float: right;
	width: 667px;
}

div#HeaderRight div#FindJobsByCountry
{
	
}

div#HeaderRight div#Spacer
{
	height: 23px;
}

div#HeaderRight div#LoginFailed
{
	float: right;
	padding-right: 181px;
	color: #EE0000;
	position: relative;
	top: -3px;
}

div#HeaderRight div#LoginFailed a
{
	color: #EE0000;
}

div#HeaderRight div#LoginFailed span#EmailAddressValidator
{
	display: block;
	float: right;
	width: 156px;
}

div#HeaderRight div#LoginFailed span#PasswordValidator
{
	display: block;
	float: right;
	width: 149px;
}

div#HeaderRight div#AccountLogout div#Logout div#LoggedInUser
{
	float: left;
	margin: 0 auto;
	width: 328px;
	margin-left: 26px;
	text-align: center;
	margin-top: 0px;
	padding: 4px;
	border: 1px solid #7F9DB9;
	background-color: #EDEDED;
	white-space: nowrap;
	overflow: hidden;
}

div#HeaderRight div#AccountLogout div#Logout div#LoggedInUser span.name
{
	color: #202758;
	font-size: 1.2em;
}

div#HeaderRight div#AccountLogout div#Logout div#LoggedInUser span.email
{
	font-size: 1.1em;
}

div#HeaderRight div#AccountLogout div#Logout div#MyAccountLogout
{
	float: right;
	padding-top: 3px;
	padding-right: 11px;	
}

div#HeaderRight div#FindJobsByCountry select, div#HeaderRight div#FindJobsByCountry a
{
	position: relative;
	top: 179px;
	left: -254px;
}

div#HeaderRight div#FindJobsByCountry select
{
	float: left;
	width: 143px;
	margin-right: 4px;
}

div#HeaderRight div#FindJobsByCountry a
{
	float: left;
}

div#HeaderRight div#Account, div#HeaderRight div#AccountLogout
{
	height: 40px;
	background-image: url('/Lib/Img/AccountLogin.png');
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 1px;
	margin-top: 13px;
}

div#HeaderRight div#AccountLogout
{
	background-image: url('/Lib/Img/AccountLoggedIn.png');
}

div#HeaderRight div#Account div#Login, div#HeaderRight div#AccountLogout div#Logout
{
	padding-left: 182px;
	padding-top: 9px;
	color: #8F93AB;
}

div#HeaderRight div#Account div#Login input
{
	float: left;
	margin-right: 4px;
}

div#HeaderRight div#Account div#Login input.tb, div#HeaderRight div#Account div#Login input.tbActive
{
	width: 144px;	
}

div#HeaderRight div#Account div#Login input.arrowButtonOnLight
{
	margin-right: 9px;
}

div#HeaderRight div#Account div#Login a, div#HeaderRight div#Account div#Login span.pipe
{
	display: block;
	float: left;
}

div#HeaderRight div#Account div#Login a
{
	padding-top: 5px;
}

div#HeaderRight div#Account div#Login span.pipe
{
	padding-top: 3px;
}

div#HeaderRight div#Account div#Logout
{
}

div#HeaderRight div#Nav
{
	height: 39px;
	background-image: url('/Lib/Img/Nav.png');
	background-repeat: no-repeat;
	background-position: left top;
}

div#HeaderRight div#Nav a
{
	float: left;
	display: block;
	font-size: 1.1em;
	padding-top: 13px;
	padding-bottom: 12px;
	padding-left: 6px;
	padding-right: 6px;
	background-image: url('/Lib/Img/NavSeparator.png');
	background-repeat: no-repeat;
	background-position: right 14px;
	text-decoration: none;
}

div#HeaderRight div#Nav a.last
{
	background-image: none;
}

div#HeaderRight div#Nav a span
{
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 12px;
	margin-left: 10px;
	margin-right: 10px;
}

div#HeaderRight div#Nav a span.active
{
	background-image: url('/Lib/Img/NavHighlightActive.png') !important;
}

div#HeaderRight div#Nav a:hover span
{
	background-image: url('/Lib/Img/NavHighlightHover.png');
}

div#SubNav
{
	background-image: url('/Lib/Img/SubNav.png');
	height: 20px;
	margin-top: 1px;
	margin-bottom: 8px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 8px;
	font-size: 1.0em;
}

div#SubNav div#Breadcrumbs
{
	float: left;
}

/* Can remove the below and just leave span.separator if manage to implement SiteMapPath to only 2 levels.. */
div#SubNav div#Breadcrumbs span
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	padding-left: 4px;
	padding-right: 4px;
}

div#SubNav div#Breadcrumbs span.separator
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	padding-left: 1px;
	padding-right: 1px;
}

div#SubNav div#Links
{
	float: left;
	font-weight: normal;
	font-size: 1.0em;
	position: relative;
	top: -1px;
}

div#SubNav div#Links div
{
	display: block;
	float: left;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 9px;
	padding-right: 8px;
	background-image: url('/Lib/Img/NavSeparator.png');
	background-position: left 2px;
	background-repeat: no-repeat;
}

div#SubNav div#Links div.first
{
	background-image: none;
}

div#SubNav div#Links div a
{
	color: #8F93AB; 
	padding-bottom: 7px;
}

div#SubNav div#Links div.active a
{
	background-image: url('/Lib/Img/SubNavHighlightActive.png');
	background-position: left bottom;
	background-repeat: repeat-x;
}

div#SubNav div#Links span.pipe
{
	font-size: 1.1em;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	float: left;
}

div#Footer
{
	width: 960px;
	margin: 0 auto;
	color: #AFB5CD;
	font-size: 1.1em;
	padding-top: 4px;
	margin-bottom: 40px;
}

div#Footer span.pipe
{
	font-size: 1.1em;
}

div#Footer a
{
	color: #AFB5CD;
	text-decoration: none;
}

div#Footer a:hover
{
	text-decoration: underline;
}

div#Footer div#CompanyInfo
{
	float: left;
	padding-left: 2px;
}

div#Footer div#Links
{
	float: right;
	position: relative;
	top: -1px;
	padding-right: 2px;
}

/* End of Main.Master Items */

/* RightColumn.Master Items */

div#RightColumnTop
{
	margin-bottom: 8px;
}

div#RightColumnLeft
{
	float: left;
	width: 711px;
}

div#RightColumnRight
{
	float: right;
	width: 240px;
}

div#RightColumnRight a.textJobAlertLink
{
	margin-top: 8px;
}

div#RightColumnRight a.applyLink
{
	margin-top: 8px;
}

/* End of RightColumn.Master Items */

/* LeftColumn.Master Items */

div#LeftColumnTop
{
	margin-bottom: 8px;
}

div#LeftColumnLeft
{
	float: left;
	width: 240px;
}

div#LeftColumnRight
{
	float: right;
	width: 711px;
}

/* End of LeftColumn.Master Items */

/* GeneralContent.Master Items */

/* LeftNav */

div#LeftNav
{
}

div#LeftNav div.contentTitle
{
	font-size: 1.3em;
	padding-top: 12px;
	padding-left: 12px;
	height: 26px;
	margin-bottom: 2px;
}

div#LeftNav div.contentTitle a
{
	color: #FFFFFF;
}

div#LeftNav div.level
{
	
}

div#LeftNav div.level div
{
	background-image: url('/Lib/Img/SubNav.png');
	height: 20px;
	margin-bottom: 2px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 8px;
	font-size: 1.0em;
}

div#LeftNav div.level div.level
{
	background-image: none;
	height: auto;
	margin-bottom: 0px;
	font-weight: normal;
	margin-top: 6px;
	border-top: 1px dashed #7F9DB9;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-top: 0px;
	font-size: 1.0em;
	margin-left: 20px;
}

div#LeftNav div.level div.level div
{
	background-image: none;
	height: auto;
	margin-bottom: 0px;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 1.0em;
	border-bottom: 1px dashed #7F9DB9; /* #DCE9F4 */
}

div#ContentDisplay div.panelFade
{
	padding: 12px;
	min-height: 280px;
	font-size: 1.1em;
}

div#ContentDisplay p
{
	margin-bottom: 10px;
}

div#ContentDisplay a 
{
	text-decoration: underline;
}

div#ContentDisplay a:hover
{
	text-decoration: none;
}

div#ContentDisplay ul li
{
	padding-bottom: 8px;
}

div#ContentDisplay ul
{
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 10px;
}

div#ContentDisplay ul li
{
	list-style-type: disc;
}

div#ContentDisplay table
{
	margin: 0 auto;
	margin-top: 6px;
	margin-bottom: 16px;
}

div#ContentDisplay div.mediaUrlWrap
{
	float: right;
	border: 1px solid #202758;
	margin-right: 4px;
	margin-left: 8px;
	margin-bottom: 8px;
	margin-top: 4px;
}

/* End of LeftNav */

/* End of GeneralContent.Master Items */

/* Search Extras */

div#SearchExtras
{
	padding: 4px;
	padding-bottom: 100px;
	font-size: 1.1em;
}

div#SearchExtras a
{
	text-decoration: underline;
}

div#SearchExtras a:hover
{
	text-decoration: none;
}

div#SearchExtras div#Advanced
{
	float: left;
	width: 711px;
	text-align: center;
}

/* End of Quick Search Extras */

/* Job Detail Extras */

div#JobDetailRight
{
	
}

div#JobDetailRight a
{
	margin-top: 0px;
}

div#JobDetailRight a.registerLink, div#JobDetailRight a.backToSearchResultsLink
{
	margin-top: 8px;
}

/* End of Job Detail Extras */

/* Register Process Extras */

div#AlreadyRegistered
{
	margin-top: 8px;
	margin-bottom: 60px;
}

div#AlertRequirements div#Submit a.continue, div#AlertRequirements div#Submit a.save
{
	float: right;
	margin-right: 4px;
}

/* End of Register Process Extras */

/* Error Page */

div#ErrorPage 
{
	color: #AFB5CD;
	text-align: center;
	padding-top: 50px;
	margin: 0 auto;
	width: 660px;
}

div#ErrorPage a
{
	color: #AFB5CD;
	text-decoration: underline;
}

div#ErrorPage a:hover
{
	text-decoration: none;
}

div#ErrorPage h1
{
	font-size: 2.0em;
}

div#ErrorPage h2
{
	font-size: 1.5em;
}

/* end of error page */
