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

}
body {
font-size:62.5%;
min-width:960px;
text-align:center;
background-color:#d4d4d4;
padding:0;
}
div.container {
text-align:left;
width:960px;
margin:0 auto;
overflow: hidden;
background: #fff;
padding : 0 10px;
clear: left;
}

.header {
position:relative;
height:80px;
background : url(../stat/header-bar-bg.gif) left top repeat-x;
margin : 0 10px 15px 10px;
border-top : 10px #fff solid;
}
.branding a {
position:absolute;
top:0px;
left:0px;
}
.branding a img {
border:0;
}
.branding h1 {
text-align: right;
margin-right:30px;
font-size: 1.6em;
margin-top:27px;
color: #fff;
}

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

#navigation {
	position : relative;
	clear : both;
	display : block;
	padding-top : 4px;
	border-bottom : 4px #B1D5ED solid;
	margin : 0 10px;
}

#navigation ul {
	list-style : none;
	padding : 0;
	margin : 0;
	background : #0F5A52;
	background: #0078c1 url(../stat/nav-gradient.gif) left top repeat-x;
	position : relative;
}

#navigation ul:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
}

#navigation ul {display: inline-block;}
/* Hides from IE-mac \*/
* html #navigation ul {height: 1%;}
#navigation ul {display: block;}
/* End hide from IE-mac */

#navigation ul li {
	float : left;
	margin : 0 0 0 0;
	position : relative;
	padding : 0;
	background : url(../stat/nav_div.gif) no-repeat 100% 50%;
	font-size : 1.1em;
}

#navigation ul li a {
	color : #fff;
	font-weight : normal;
	line-height : 1.1;
	display : block;
	text-decoration : none;
	position : relative;
}

#navigation ul li a:hover {
	text-decoration : underline;
}

#navigation ul li a span {
	display : block;
	padding : 0.55em 0.8em .5em 0.8em;
	text-align : center;
	color : #fff;
}

#navigation ul li a > span {
	display : block;
	padding : 0.5em 0.8em .5em 0.8em;
	text-align : center;
}

#navigation ul li.selected {
	border-top : none;
	margin-left : -1px;
	top : -2px;
	margin-bottom : -2px;
	background : #B1D5ED;
}

#navigation ul li.selected a {
	font-weight: bold;
}

#navigation ul li#navHome.selected {
	margin-left : 0;
}

#navigation ul li.selected a span {
	padding : 0.75em 0.55em 0.5em 0.55em;
}

#navigation > ul li.selected a span {
	padding : 0.75em 0.55em 0.5em 0.55em;
}

#navigation ul li#navHome.selected a span {
	padding : 0.75em 0.55em 0.5em 0.55em;
	margin-left : 0;
}

/* Sub nav */

.sub_nav {
text-align:right;
font-size:1.1em;
padding: 10px 10px 10px 0;
color:#6685A3;
}
.sub_nav a {
color:#0078c1;
}
.holder {
float:left;
position:relative;
/*min-height:540px;
  height: auto !important;
  height:540px;*/
padding: 0 0 40px 10px;
margin: 0;
/*border: 1px solid red;*/
width:100%;
}
/*
.clearance {

	clear: both;
	background: red;
	height: 50px;

}
*/
a img {
border:0;
}
.three_col #content {
padding-left:195px;
width:565px;
}

#content {
float:left;
width:760px;
margin-left:0px;
display:inline;
position:relative;
/*border: 1px solid green;*/
}

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

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

#maincontent ul li {
	background: url(../stat/content-list-bullet.gif) left 5px no-repeat;
	list-style-type: none;
	margin-left: 0;
	padding-left: 12px;
}

.secondary_content {
float:left;
width:160px;
margin-left:20px;
display:inline;
}
.footer {
float:left;
width: 940px;
text-align:right;
margin:10px 0px 10px 10px;
padding-top:10px;
padding-bottom:20px;
background : #fff;
border-top: 20px solid #0078c1;
clear:both;
position: relative;
display : inline;

}
.footer img {
border:0;
}
#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 : 450px;
}


/*-- 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: 20px;
}

#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;
color:#0078c1;
border-bottom:2px #0078c1 solid;
letter-spacing: -1px;
font-weight : bold;
}
#content h2 {
font-size:1.7em;
margin-bottom:0.2em;
color:#0078c1;
padding-bottom:0.1em;
font-weight : bold;
}
#content h3 {
font-size:1.6em;
font-weight:normal;
margin-bottom:0.4em;
margin-top:1.3em;
color:#0078c1;
font-weight:bold;
}
#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:#0078c1;
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:#333;
}

#content p.readMore {
	font-weight: bold;
	color: #0078c1;
}

#content a {
	font-weight: bold;
	color: #0078c1;
	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 #0078c1;
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 {
	color: #0078c1;
}

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:180px;
position:absolute;
top:0;
left:10px;
}

/*div.tertiary_content {
width:180px;
float: left;
clear: both;
position: relative;
top:0;
left:10px;
margin-right: 1px;
}*/

div.tertiary_content img {
float:left;
}
div.section_navigation {
float:left;
width : 180px;
clear: both;
}

div.section_navigation img {
	border-bottom: 1px solid #fff;
	line-height : 0;
}

div.section_navigation h4 {
	background : #eee url(../stat/tertiary-header.gif) left top no-repeat;
	font-size : 1.1em;
	padding : 4px 15px 4px 20px;
	color : #333;
	font-weight : normal;
	border-bottom : 1px #fff solid;
	clear : both;
	font-weight: bold;
}

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

div.section_navigation ul {
	border-bottom: 2px solid #ccc;
	border-top: 2px solid #ccc;	
	border-right: 3px solid #ccc;
	border-left: 0;
	margin: 0;
	padding : 0;
}

div.section_navigation ul li {
	background: #eee;
	padding: 5px 3px 5px 5px;
	margin-bottom: 1px;
	margin-left: 0;
}

div.section_navigation ul li a {
	font-weight: bold;
	display: block;
	text-decoration: none;
	background: url(../stat/content-list-bullet-blue.gif) left 4px no-repeat;
	padding-left: 10px;
}

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 : #ccc;
	padding : 0px !important;
	margin : 0 0 10px 0;
	clear : both;
}

/*ul.section_navigation li {
float:left;
border-bottom:2px solid #CADBDB;
padding:5px 5px 2px 5px;
background-color:#669999;
}
ul.section_navigation li a {
float:left;
display:block;
padding:2px 5px 2px 5px;
width:160px;
font-size:1em;
color:#fff;
text-decoration : none;
line-height : 1.35;
}

ul.section_navigation li a:hover {
	text-decoration : underline;
	color : #fff;
}

ul.section_navigation li a:visited {
color:#fff;
}
ul.section_navigation li.selected a {
font-weight:bold;
}

div.section_navigation h4.useful_links {
	border-top : 18px #fff solid;
}

ul#useful_links.section_navigation li {
float:left;
border-bottom:2px solid #0F5A52;
padding:5px 5px 2px 5px;
background-color:#CADBDB;
}
ul#useful_links.section_navigation li a {
float:left;
display:block;
padding:2px 5px 2px 5px;
width:160px;
font-size:1em;
color: #0078c1;
text-decoration : none;
}

ul#useful_links.section_navigation li a:hover {
	text-decoration : underline;
	color: #0078c1;
}*/

div.section_navigation div {
	background-color : #ccc;
	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;
	color: #0078c1;
}

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

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

#content .joblist {
padding : 0 0 10px 0;
position : relative;
}

#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;
}
.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;

}
#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;

}
.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.3em;
}
.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:13px;
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;
}


.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;
}