/*-- BASIC LAYOUT  ---------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	font-family: Verdana, Arial,  sans-serif;
	list-style:none;
	color:#333;
	/*letter-spacing:0.5px;*/
}
html {

}
body {
	font-size:70%;
	min-width:960px;
	text-align:center;
	background-color:#eee;
	padding:0;
}
body.darkblue #content h1 {
	color:#039;
}
body.darkblue .footer {
	border-top: 4px solid #039;
}
body.darkblue div.section_navigation h4 {
	border-bottom : 4px #039 solid;
}

body.lightblue #content h1 {
	color:#399;
}
body.lightblue .footer {
	border-top: 4px solid #399;
}
body.lightblue div.section_navigation h4 {
	border-bottom : 4px #399 solid;
}
#executive_recruitment {
	padding-top:69px;
}





div.container {
	text-align:left;
	width:940px;
	margin:0 auto;
	overflow: hidden;
	background: #fff;
	padding : 0 10px;
	clear: left;
}

.header {
	position:relative;
	height:96px;
	margin : 0 10px 0 0;
	border-top : 10px #fff solid;
}
.branding a {
	position:absolute;
	top:0px;
	right:0px;
}
.branding a img {
	border:0;
}
.branding h1 {
	position:absolute;
	display:block;
	width:208px;
	height:16px;
	top:75px;
	left:0px;
	background:url(../stat/h1_executive_recruitment.gif) no-repeat 0 0;
	text-indent:-1000em;
	overflow:hidden;
}

/*------- Main nav -------*/

#navigation {
	position : relative;
	clear : both;
	display : block;
	padding-top : 4px;
	margin-left:0;
}

#navigation ul {
	display:block;
	width:960px;
	overflow:hidden;
	list-style : none;
	padding : 0;
	margin : 9 0 0 0;
}

#navigation ul li {
	float : left;
	width:153px;
	margin : 0 0 0 4px;
	/*background : url(../stat/nav_div.gif) no-repeat 100% 50%;*/

}
#navigation ul li a {
	width:153px;
	display : block;
	border-bottom:6px solid #399;
	font-size : 1.0em;
	padding-top:1.3em;
	height:1.3em;
	padding-bottom:2px;
}
#navigation ul li.darkblue a {
	border-bottom:6px solid #039;
	
}
#navigation ul li.darkblue a:hover {
	background-color:#ccd6eb;
}
#navigation ul li.lightblue a:hover {
	background-color:#d6ebeb;
}
#navigation ul li.doubleline a {
	height:2.6em;
	padding-top:0;
}
#navigation ul li.first {
	margin:0;
}
#navigation ul li a {
	text-decoration:none;
}

#navigation ul li a span {;
	padding-right:0px;
}

/* Sub nav */

.sub_nav {
text-align:right;
font-size:1.1em;
padding: 10px 2px 10px 0;
color:#6685A3;
}
.sub_nav a {

}
.holder {
	float:left;
	position:relative;
	padding: 0 0 40px 0;
	margin: 0;
	width:100%;
}
a img {
	border:0;
}
.three_col #content {
	padding-left:167px;
	width:574px;
}

#content {
	float:left;
	width:740px;
	margin-left:0px;
	display:inline;
	position:relative;
	margin-top:-10px;
	font-size:90%;
}

#maincontent {
	padding : 0;
	overflow: hidden;
}

#maincontent ul {
	display: block;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#maincontent ul li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

#content #maincontent ul li {
	list-style:disc;
	list-style-position:inside;
}
.secondary_content {
	float:left;
	width:160px;
	margin-left:36px;
	display:inline;
}
.footer {
	float:left;
	width: 938px;
	text-align:left;
	margin:10px 0;
	padding-top:25px;
	height:76px;
	border-top: 4px solid #399;
	background : #fff;
	clear:both;
	position: relative;
	display : inline;

}
.footer img {
	border:0;
}
.footer a {
	display:block;
	width:130px;
	height:18px;
	position:absolute;
	top:9px;
	left:660px;
}
#content p.back_to_top {
	text-align:right;
	margin:15px 0 20px;
	padding-top:5px;
	font-size:1.1em;
	border-top:1px solid #B9CCDC;
}
#content p.back_to_top a,
#content p.back_to_top a:visited,
#content p.back_to_top a:hover,
#content p.back_to_top a:active  {
	color:#6685A3;
}

/* Section Heights */

/*#council.holder,
#directorates.holder {
	min-height : 400px;
}*/


/*-- HOMEPAGE PANELS   -----------------------------------------------------------------------*/
#content .holder {
	background-color:#6D023F;
	overflow:hidden;
	width:720px;
	padding:20px 0 20px 20px;
	margin-bottom:30px;
}
#content .panel {
	float:left;
	width:240px;
	display:inline;
}
#content .panel div {
	background-color:#994E79;
	padding:8px;
	width:204px;
}
#content .role div {
	background-color:#BD8DA8;
}
#content .panel img {
	border:1px solid #FFF;
	margin-bottom:10px;
}
#content .panel div p {
	padding:0;
	margin:0;
	color:#fff;
	font-size:1.1em;
}
#content .panel div p.section {
	padding:0 0 3px;
}
#content .panel div p.more {
	padding:7px 0 5px;
}
#content .panel div p.more a {
	color:#FFF;
}
#content .panel div p strong {
	padding:0;
	margin:0;
	color:#fff;
}


#content h2, #content #roleintro h2 {
	padding-bottom: 5px;
	margin-top: 15px;
	font-weight:bold;
	font-size:1.7em;
}

#content #roleintro {
	padding-top : 5px;
}

#content #roleintro dl {
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#content #roleintro dt {
	padding-bottom : 4px;
}

#content #roleintro dd {
	display : inline;
}

#content #roleintro dt a:hover {
	text-decoration: none;
}

/*-- CONTENT STYLES   ------------------------------------------------------------------------*/
#content h1 {
	font-size:2.5em;
	margin-bottom:0.6em;
	padding-bottom: 5px;
	letter-spacing: -1px;
	color:#399;
}
#content h2 {
	font-size:1.7em;
	margin-bottom:0.6em;
	color:#333;
	padding-bottom:0.1em;
}
#content h3 {
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:0.4em;
	margin-top:1.3em;
	color:#333;
}
#content p {
	font-size:1.1em;
	margin-bottom:0.9em;
	color:#333;
	line-height:1.4em;
}

#content p.strap {
	color : #333;
	font-size : 1.2em;
	font-weight: bold;
	margin-bottom : 1em;
}

#content blockquote,
#content p.feature {
	font-size:1.5em;
	margin-bottom:0.9em;
	color:#04A0D3;
	line-height:1.4em;
	font-weight:bold
}
#content ul,
#content ol {
	margin-bottom:2em;
}
#content li {
	font-size:1.1em;
	margin-bottom:0.3em;
	color:#333;
	margin-left:2.5em;
	list-style:disc outside;
}
#content ol li {
	list-style:decimal outside;
}
#content p strong,
#content li strong {
	color:#339999;
}

#content p.readMore {
	font-weight: bold;
	color: #04A0D3;
}

#content a {
	font-weight: bold;
	text-decoration: underline;
}

#content p.readMore a:hover {
	text-decoration: none;
}

#content dl {
	font-size:1.1em;
	margin-bottom:0.3em;
	color:#333;
}
#content img.inset {
	padding:0;
	border:2px solid #ccc;
	margin:0 10px 10px;
}
#content img.right {
	float:right;
	margin-right:0;
}
#content img.left {
	float:left;
	margin-left:0;
}

/* CMS Controlled image placement */

#content img.inset_left {
	padding:0px;
	border:2px solid #ccc;
	margin:0 10px 10px 0;
	float:left;
}

#content img.inset_left_clear {
	padding:0px;
	border:2px solid #ccc;
	margin:0 10px 10px 0;
	float:left;
	clear : left;
}

#content img.inset_right {
	padding:0px;
	border:2px solid #ccc;
	margin:0 0 10px 10px;
	float:right;
}
#content img.inset_right_clear {
	padding:0px;
	border:2px solid #ccc;
	margin:0 0 10px 10px;
	float:right;
	clear : right;
}

#content img.centered {
	padding:0px;
	border:2px solid #ccc;
	margin:0 auto;
	display : block;
}


#content table {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-collapse:collapse;
	margin-bottom:1.5em;
}
#content table th {
	font-size:1.1em;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
#content table td {
	font-size:1.1em;
	padding:5px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

a:hover {
	text-decoration: none;
}
.secondary_content a {
	color:#AE1E35;
}
.secondary_content a:visited {
	color:#AE1E35;
}
.secondary_content a:hover {
	color:#920000;
}
.secondary_content a:active,.secondary_content a:focus {
	color:#920000;
}

/*SECTION NAVIGATION --------------------------------------------*/

div.tertiary_content {
	width:153px;
	position:absolute;
	top:-10px;
	left:0;
}


div.tertiary_content img {
	float:left;
}

div.section_navigation img {
	border-bottom: 1px solid #fff;
	line-height : 0;
}
div.section_navigation h4 {
	background-color:#f0f0f0;
	font-size : 1.1em;
	padding : 7px 15px 4px 8px;
	color : #333;
	font-weight : normal;
	border-bottom : 4px #399 solid;
	clear : both;
	font-weight: bold;
}

div.section_navigation h4 a {
	color : #333 !important;
	text-decoration : none;
	font-weight: bold;
}

div.section_navigation ul {
	background-color : #f0f0f0;
	margin: 0;
	padding : 8px 0 12px 0;
}

div.section_navigation ul li {
	padding: 4px 30px 4px 8px;
	margin-left: 0;
	line-height:130%;
}

div.section_navigation ul li a {
	font-weight: bold;
	display: block;
	text-decoration: none;
}

div.section_navigation ul li a:hover {
	text-decoration: underline;
}

div.section_navigation ul li.current {
	background: #ddd;
}

div.section_navigation.withMenu div {
	background-color : #f0f0f0;
	padding : 0px !important;
	margin : 0 0 10px 0;
	clear : both;
}



div.section_navigation div {
	background-color : #f0f0f0;
	padding : 7px 10px 1px 10px;
	margin : 0 0 10px 0;
	clear : both;
}

div.section_navigation div p {
	margin-bottom : 7px;
	color: #333;
}

div.section_navigation div p,
div.section_navigation div p a {
	color : #333;
	
}

div.section_navigation div p.link, div.section_navigation div p a {
	text-align : left;
	font-weight : bold;
}

div.section_navigation div p a:hover {
	text-decoration: none;
}

/*JOB LIST --------------------------------------------*/

#content .joblist {
	padding : 0 0 10px 0;
	position : relative;
/*	font-size:100%;*/
}

#content .joblist .job {
	position : relative;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
}

#content .joblist .job div.job_summary {
	float:left;
	border-bottom:0;
	padding:0;
	margin: 0;
/*	display : none;*/
}
.joblist .job dt {
	clear:both;
}
/*#content .joblist .job h2 {
border:0;
background-color : #F7921E;
padding : 4px 6px;
}*/

/*#content .joblist .job h2 a,
#content .joblist .job h2 a:hover,
#content .joblist .job h2 a:visited {
color : #fff;
text-decoration : none;
}*/
#content .joblist .job div.advert_details {
float:right;
/*display : none;*/
}
#content .joblist div.job dl {
overflow:hidden;
width:340px;
margin:0;
}
#content .joblist div.job .advert_details dl {
width:185px;
float:left;
margin:0 0 0 0;
}
.joblist .job dt {
float:left;
display:block;
width:100px;
font-weight:bold;
padding-bottom:3px;
}
.joblist .job dd {
float:left;
display:block;
width:240px;
padding-bottom:3px;
}
.joblist .job .advert_details dd {
width:80px;
}
.joblist #content .job .options * {
margin:0;
}
.joblist .job .options {
clear:both;
overflow:hidden;
border-bottom:none;
text-align:right;
padding:4px 10px 12px 0;
margin-bottom:0;
}


/*JOB DETAILS --------------------------------------------*/
#content .job {
margin-top:10px;
}
.detail #content .job {
margin-top:0;
}
#content .job div.job_summary {
float:left;
border-bottom:0;
padding:0;
margin:0;
/*display : none;*/
}
.job dt {
clear:both;
}
#content .job h2 {
border:0;
}
#content .job div.advert_details {
float:right;
float : none;
}
#content div.job dl {
overflow:hidden;
width:450px;
margin:0;
}
#content div.job .advert_details dl {
width:200px;
float:left;
}
.job dt {
float:left;
display:block;
width:100px;
font-weight:bold;
padding-bottom:3px;
}
.job dd {
float:left;
display:block;
width:350px;
padding-bottom:3px;
}
.job .advert_details dd {
width:100px;
}
#content .job .options * {
margin:0;
}
.job .options {
clear:both;
overflow:hidden;
border-bottom:1px solid #ddd;
text-align:right;
padding-bottom:12px;
margin-bottom:10px;
}
#content .job .options ul {
float:right;
margin:0;
}
#content .job .options li {
float:left;
padding-left:2px;
list-style:none;
margin:0;
}
.job .options li a {
display:block;
float:left;
}
.job .options li a img {
border:0;
}
.job .description,
.job .about_the_employer,
.job .essential_duties,
.job .experience_required,
.job .further_information {
margin-bottom:1.5em;
padding-bottom:1.5em;
border-bottom:1px solid #ddd;
}
.job .associated_documents,
.job .contact_details {
margin-bottom:1.5em;
padding-bottom:1.5em;
border-bottom:1px solid #ddd;
}



/* Additional Questions */

.job #additional_questions {
margin-bottom:1.5em;
padding:0 1em 0.2em 1em;;
border-bottom:1px solid #ddd;
background-color : #CDECF6;
border : 1px #9BD9ED solid;
}

.job #additional_questions h4 {
	margin : 1.2em 0 0.8em 0;
	font-size : 1.4em;
	font-weight : bold;
}

.job #additional_questions p,
.job #additional_questions li,
.job #additional_questions label {
	font-size : 1.2em;
}

.job #additional_questions li ul {
	margin : 0.2em 0 0 0;
}

.job #additional_questions li li {
	font-size : 1em;
}

.job #additional_questions p label {
	font-size : 1em;
}

.job #additional_questions label {
	font-weight : bold;
	margin-left : 0.6em;
}

.job #additional_questions ul {
	margin-bottom : 0.4em;
}

.detail #content .job_details div.job_content {
border-bottom:0;
padding:0;
margin-bottom:0;
font-size:1.0em;
}
.detail #content .job_details div.job_content p,
.detail #content .job_details div.job_content ul,
.detail #content .job_details div.job_content ol,
.detail #content .job_details div.job_content li {
font-size:1em;
}
.detail #content .job_details div.job_content ul,
.detail #content .job_details div.job_content ol {
margin-bottom:0.7em;
padding:0.5em 0 0.3em;
}
.detail #content .job_details div.job_content li {
margin-bottom:0.5em
}
.detail #content .job_details div.job_content ul li {
list-style:disc;
}
.detail #content .job_details div.job_content ol li {
list-style:decimal;
}
#content li.download {
margin:0;
margin-bottom:4px;
padding:4px;
list-style:none;
}
#content li.download a {
padding:5px 0 5px 23px;
background:url(../stat/btn_download.gif) left center no-repeat;
line-height:1.6em;
}
a.download {
padding:5px 0 5px 23px;
background:url(../stat/btn_download.gif) left center no-repeat;
line-height:1.6em;
}

#content .job .contact_details dl {
overflow:hidden;
width:600px;
}
#content .job .contact_details dt {
width:100px;
}
#content .job .contact_details dd {
width:400px;
}

#content .job div.privacy_policy,
#content .job div.confirmation {
border-bottom:0;
}
#content .job div.privacy_policy a {
font-size:1.2em;
}
#content .job div.privacy_policy a:focus {
outline:none;
}
#privacy_policy {
height:120px;
border:1px solid #BBB;
padding:0;
width:100%;
margin-top:10px; 
margin-bottom:10px;
}
#content .job div.privacy_policy {

}
#content .job div.privacy_policy iframe {
height:120px;
width:100%;
}

#confirm_privacy {
font-size:1.2em;
}
#confirm_privacy input {
float:left;
padding:0;
margin-top:2px;
}
#confirm_privacy span {
font-weight:bold;
padding-left:5px;
font-size:1.1em;
}

.form_buttons {
text-align:right;
}

#content div.warning {
margin:5px 0;
border:1px dotted #AE1E35;
padding:2px 4px;
color:#AE1E35;
clear:both;
}
#content div.warning p.warning {
	font-size:1.3em;
	color:#AE1E35;
	padding-bottom:0;
	margin-bottom:0;
	font-weight:bold;
}


/*EMAIL THIS JOB -----------------------------------------*/
#popup {
position:absolute;
top:0;
left:0;
width:1px;
height:1px;
z-index:1000;
}
#popup iframe {
position:absolute;
background-color:#fff;
width:310px;
height:315px;
}
#popup.email_to_friend div {
position:absolute;
width:375px;
height:250px;
}
#popup.email_to_friend div iframe {
position:absolute;
background-color:#fff;
height:220px;
width:354px;
top:4px;
left:8px;
}
#popup.email_to_friend div span.top {
position:absolute;
background:url(../stat/bg_email_top.gif) no-repeat;
width:375px;
height:4px;
top:0;
left:0;
}
#popup.email_to_friend div span.right {
position:absolute;
background:url(../stat/bg_email_right.gif) no-repeat;
width:13px;
height:220px;
top:4px;
left:362px;
}
#popup.email_to_friend div span.bottom {
position:absolute;
background:url(../stat/bg_email_btm.gif) no-repeat;
width:375px;
height:26px;
top:224px;
left:0;
}
#popup.email_to_friend div span.left {
position:absolute;
background:url(../stat/bg_email_left.gif) no-repeat;
width:8px;
height:220px;
top:4px;
left:0;
}


#feedback iframe {
width:100%;
height:285px;
}


/*APPLICATION --------------------------------------------*/
.application h1 {

}
.application p.instructions {

}

div.download_forms {

}
div.download_forms p {
margin:1em 0;
}

div.position_download {
margin:0 0 2em;
}
div#apply {
margin:2em 0;
overflow:hidden;
}
div#apply h2 {
}
div#apply p.first {
margin-bottom:1em;
}

div.position_feedback h2 {

}
div#apply ul,
#content div.complete_options ul {
padding-top:10px;
}
#content div#apply li,
#content div.complete_options li {
float:left;
margin:0;
list-style:none;
margin-right:10px;
}
#content form div.application_support {
padding-bottom:0;
}
#content form h2.additional_docs {
padding-top:10px;
}
#content form div.application_cv a,
#content form div.application_support a {
display:block;
text-decoration:none;
}
#content form div.application_cv li a,
#content form div.application_support li a {
display:inline;
text-decoration:underline;
font-size:1.2em;
}
#show_cv,
#show_support {
padding:4px;
margin-bottom:10px;
background:url(../stat/btn_upload.gif) left no-repeat;
padding-left:20px;
}
#content .application_cv ol li,
#content .application_support ol li {
font-size:1em;
background:url(../stat/btn_doc_add.gif) no-repeat 5px 4px;
padding-left:22px;
padding-bottom:3px;
position:relative;
}
#content .application_cv ol li a:focus,
#content .application_support ol li a:focus {
outline:none;
}
#content .application_cv ol li.selected,
#content .application_support ol li.selected {
font-weight:bold;
}
#content p.doc {
margin-bottom:0;
font-weight:bold;
overflow:hidden;
}
body div#content form p.doc a.doc_name {
float:left;
padding-right:4px;
text-decoration:none;
color:#333;
}
#content p.doc a.btn {
display:block;
background:url(../stat/btn_doc_minus.gif) center right no-repeat;
width:13px;
height:14px;
text-indent:-3000px;
overflow:hidden;
text-decoration:none;
position:relative;
float:left;
}
div.upload {
position:relative;
}


/*CREATE MY ACCOUNT  --------------------------------------------*/
.create_account {
padding-bottom:2em;
}
.why_create_an_account ul {
margin-bottom:1.5em;
}
#content .why_create_an_account ul li {
margin:0 0 0.8em 3em;
list-style:disc outside;
}
#content .why_create_an_account ul li strong {
font-size:1.1em;
}
div.complete_options {
overflow:hidden;
}
div.complete_options ul li {
float:left;
margin-right:3px;
}


.branding h1
{
display:block;
overflow:hidden;
text-indent:-3000px;
text-decoration:none;
}
.hidevis,
.accessibility,
#navigation p,
#content p.more span {
position:absolute;
left:-3000px;
top:0;
width:1px;
height:1px;
overflow:hidden;
}

.detail #content .recruitment_timetable caption {
	display:none;
}

.detail #content .recruitment_timetable table th,
.detail #content .recruitment_timetable table td {
	text-align:left;
	font-weight:normal;
	font-size:13px;
}
