/* Extra sheet - contains mainly colour overrides from the Main.css in the Pinpoint application but also some other bits and pieces which differe between the two */

body
{
	background-color: #161A76;
	color: #000066;
}

a
{
	color: #000066;
}

.txt1 
{
	color: #D0E0EE;
}

.ErrorText 
{
	color: #E60000;
}

h1
{
	color: #000066;
}

div#headerOne, div#headerTwo, div#headerThree, div#headerFour, div#headerFive, div#headerSix
{
	border-left: 1px solid #FFFFFF;
}

div#headerOne
{
	background-color: #161A76;
}

div#homepageMainWrap
{
	margin-right: 0px;
}

div#headerTwo
{
	background-color: #2D3386;
	border-right: 1px solid #ffffff;
}

div#headerThree
{
	background-color: #5A66A5;
	border-right: 1px solid #ffffff;
}

div#headerFour
{
	background-color: #879AC4;
	border-right: 1px solid #ffffff;
}

div#headerFive
{
	background-color: #D0E0EE;
	border-right: 1px solid #ffffff;
}

div#headerSix 
{
	background-color: #FFFFFF;
}

div#headerSeven 
{
	background-color: #D0E0EE;
}

div#header .quickNav
{
	border-left: 1px solid #D0E0EE;
}

div#header .quickNav a
{
	color: #D0E0EE;
}

div#header .quickNav a:hover
{
	color: #EEEEEE;
}

div#content 
{
	background-color: #D0E0EE;
}
	
#footerNav a
{
	color: #D0E0EE;
}

div#nav 
{
	border-bottom: 1px solid #ffffff;
}

div#nav a, div#nav a.Active
{
	color: #E6E6EF;
}

div#nav a.Active 
{
	color: #FFFFFF;
}

div#nav a:hover 
{
	color: #FFFFFF;
	border-left: 1px solid #DDDDFF; 
	border-right: 1px solid #DDDDFF; 
}

div#recLogo
{
	border: 2px solid #000066;
	background-color: #FFFFFF;
}

div#quickContactWrap 
{
	float: left;
	margin-left: 20px;
}

div#quickContact 
{
	width: 175px;
	height: 210px;
	color: #D0E0EE;
	border: 2px solid #000066;
	background-image: url(/Lib/Images/b-quick_contact.gif);
	text-align: center;
}

div#quickContact h1
{
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 1.4em;
	text-align: center;
	color: #D0E0EE;
	background-image: url(/Lib/Images/i-dash_blue.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

div#quickContact div 
{
	padding-bottom: 5px; 
}

div#quickContact div#name 
{
	font-weight: bold;
	padding-bottom: 4px;
}

div#quickContact div#address
{
	margin-bottom: 6px;
	padding-top: 6px;
}

div#quickContact div#tel 
{
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 0px;
}

div#quickContact a
{
	color: #D0E0EE;
	text-decoration: underline;
}

div#quickContact a:hover
{
	text-decoration: none;
}

div#quickContact .Title
{
	padding-bottom: 3px;
	
}

div#quickContact div.inner
{
	padding: 10px;
	padding-bottom: 0px;
	height: 198px; /*must be 12 less than quicksearch (6px of borders..)*/
	border: 1px solid #CCCEDF;
}

.DisciplinesArtwork 
{
	background-image: url(/Lib/Images/bg-technical_services.jpg);
	background-repeat: no-repeat;
}

.PPRSolutionsArtwork 
{
	background-image: url(/Lib/Images/bg-ppr_solutions.jpg);
	background-repeat: no-repeat;
}

.CandidatePagesArtwork
{
	background-image: url(/Lib/Images/bg-careers.jpg);
	background-repeat: no-repeat;
}

.ClientPagesArtwork
{
	background-image: url(/Lib/Images/bg-why_ppr.jpg);
	background-repeat: no-repeat;
}

.WhiteGoodsArtwork
{
	background-image: url(/Lib/Images/i-white-goods.png);
	background-repeat: no-repeat;
}

div#movie 
{
	margin-left: 0px;
	border: 2px solid #000066;
	margin-bottom: 20px;
}

div#homepageContent
{
	color: #000066;
}

div#uspWrapper .usp
{
	width: 239px;
}

div#uspWrapper .uspWrap
{
	color: #D0E0EE;
	width: 307px;
}

div#uspWrapper .uspWrap img
{
	margin-top: 15px;
}

div#uspWrapper h1
{
	color: #D0E0EE;
}

div#uspWrapper a
{
	color: #999999;
}

div#featuredVacancies
{
	color: #000066;
}

div#featuredVacancies a
{
	color: #000066;
}

div#featuredVacancies li
{
	color: #666666;
}

div#featuredVacancies li.FirstChild
{
	color: #008CD1;
}

div#vacancyList, div#vacancyDetail
{
	color: #000066;
}

div#vacancyList .VacancyListHeader
{
	background-color: #2D3386;
	color: #FFFFFF;
	border-top: 2px solid #008CD1;
}

div#vacancyList .VacancyListHeader a
{
	color: #FFFFFF;
}

.Pager 
{
	color: #000066;
}

div#vacancyList .VacancyListBullets li
{
	color: #008CD1;
}

div#vacancyList .VacancyListBullets li span
{
	color: #666666;
}

div#vacancyDetail .Summary
{
	background-color: #2D3386;
	border-top: 2px solid #008CD1;
	border-bottom: 2px solid #008CD1;
}

div#vacancyDetail .Summary td
{
	color: #D0E0EE;
}

div#vacancyDetail .Summary td.Left
{
	color: #FFFFFF;
}

a.Disabled
{
	color: #666666;
}

div#testimonialList .Item
{
	border-bottom: 1px solid #000066;
}

div#testimonialList .Heading
{
	color: #000066;
}

div#testimonialList .Notes
{
	color: #666666;
}

div#testimonialDetailWrap h1
{
	color: #000066;
}

div#testimonialDetail
{
	color: #000066;
}

div#testimonialDetail .Position, div#testimonialDetail .Company
{
	color: #666666;
}

.Quote 
{
	color: #008CD1;
}

/* Remove the border from the artwork div and add it to the image instead - removes need for height to be specified */
div#artworkHome 
{
	border: 0px;
	margin-left: 0px;
	height: 323px;
}

div#artworkHome img
{
	border: 2px solid #000066;
}

div#artworkHome .Rollover
{
	color: #000;
	background: #FFFFFF;
	border: solid 1px #000066;
	width: 171px;
	position: absolute;
	z-index: 10;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	color: #000066;
	margin-top: 5px;
	margin-left: 13px;
}

div#artworkHome h6
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #000066;
	text-align: center;
	font-size: 1.0em;
}



div#contact
{
	color: #000066;
}

div#contact input, div#contact textarea
{
	border: 1px solid #000066;
}

div#contact input, div#contact select, div#contact textarea
{
	color: #000066;
}

div#contact div.Heading
{
	background-color: #161A76;
	color: #FFFFFF;
	border-top: 2px solid #879AC4;
}

div#contact div#mapWrap div#map 
{
	border: 2px solid #000066;
}

div#contact div#legal
{
	color: #666666;
}

div#contentDisplay a
{
	color: #000066;
}

div#contentDisplay a:hover
{
	color: #000066;
}

div#contentDisplay div#menu .MenuItem 
{
	background-image: url(/Lib/Images/i-dash_blue.gif);
}

div#contentDisplay div#menu .MenuItem span.Bullet 
{
	color: #666666;
}

div#contactApply
{
	border: 2px solid #888888;
	background-color: #BBBBBB;
}

div#homepageExtra
{
	float: left;
	width: 215px;
}

div#homepageExtra h1 
{
	text-align: center;
}

div#ErrorPage p
{
	color: #D0E0EE;
}

div#ErrorPage h6
{
	color: #D0E0EE;
}

div#ErrorPage p a 
{
	color: #D0E0EE;
}

div#ErrorPage p a:hover
{
	color: #D0E0EE;
}

div#OfficeMove
{
	width: 350px;
	padding-left: 6px;
}

div#OfficeMove span.emphasis
{
	color: #000066;
	font-weight: bold;
}

div#OfficeMove a
{
	font-weight: bold;
	text-decoration: underline;
}

div#OfficeMove a:hover
{
	text-decoration: none;
}

div#navExtra 
{
	text-align: left;
}

div#LandingLinks
{
}

div#LandingLinks h3
{
	font-size: 12px;
	margin-bottom: 6px;
	text-align: left;
}

div#LandingLinks span
{
	float: left;
	padding-right: 4px;
	padding-left: 12px;
}

div#LandingLinks h1
{
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
	padding-bottom: 6px;
}

div#ClientLoginWrap a.clientLogin
{
	clear: both;
	display: block;
	height: 62px;
	width: 213px;
	background-image: url('/Lib/Images/i-client-login.png');
	background-repeat: no-repeat;
}

div#ClientLoginWrap a.clientLogin span
{
	display: none;
}

div#DownloadArea
{
}

div#DownloadArea p
{
	font-size: 1.1em;
}

div#DownloadArea ul.links
{
	padding-left: 24px;
}

div#DownloadArea ul.links li
{
	list-style-type: square;
	padding-bottom: 4px;
}

div#DownloadArea ul.links li a
{
	font-size: 1.1em;
}

div#DownloadArea ul.links li a:hover
{
}