/*-- BASIC LAYOUT  ---------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
font-family:"Trebuchet MS", Verdana, Arial,  sans-serif;
list-style:none;
color:#333;
}
body {
font-size:62.5%;
min-width:960px;
text-align:center;
background-color:#EDF8F3;
padding:30px 0;
}
div.container {
text-align:left;
width:960px;
margin:0 auto;
background-color:#fff;
overflow:hidden;
}

.header {
position:relative;
height:110px;
background : url(../stat/header.gif) left top repeat-x;
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
}
.branding a {
position:absolute;
top:5px;
left:0px;
}
.branding a img {
border:0;
margin-top:0px;
}
.branding h1 {
position:absolute;
top:40px;
right:10px;
width:246px;
height:23px;
background:url(../stat/senior_rec.gif) no-repeat;
}
#navigation {
background-color:#020098;
overflow:hidden;
margin:0 20px;
}
#navigation li {
float:left;
display:inline;
}
#navigation li.first a {
margin-left:0;
border-left:0;
}
#navigation li a {
font-size:1.1em;
color:#fff;
text-decoration:none;
padding:0 1em 0 1em;
margin:5px 0;
display:block;
border-left:1px solid #fff;
}
#navigation li.selected a {
text-decoration:underline;
}
#navigation li.selected a:hover,
#navigation li a:hover {
text-decoration:underline;
}


.sub_nav {
text-align:right;
font-size:1.1em;
padding:3px 20px 10px 0;
color:#6685A3;
}
.sub_nav a {
color:#6685A3;
}
.holder {
float:left;
padding-bottom:40px;
position:relative;
padding-top:0px;
width:100%;
}
a img {
border:0;
}
.three_col #content {
padding-left:180px;
width:560px;
}


.tertiary_content {
width:160px;
position:absolute;
top:15px;
left:20px;
}



#content {
float:left;
width:740px;
margin-left:20px;
display:inline;
position:relative;
}
.secondary_content {
float:right;
width:160px;
margin-right:20px;
display:inline;
}
.footer {
float:left;
width:920px;
text-align:right;
margin:10px 20px 0 20px;
padding-top:10px;
padding-bottom:20px;
border-top:1px solid #020098;
clear:left;
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 #020098;
}
#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:#020098;
}


/*-- HOMEPAGE PANELS   -----------------------------------------------------------------------*/
#content .holder {

overflow:hidden;
width:742px;
padding:0px 0 20px 0px;
margin-bottom:10px;
}
#content .panel {
float:left;
width:247px;
display:inline;

}
#content .panel div {
background-color:#b0affe;
padding:8px;
width : 226px;

}
/*#content .role div {
background-color:#BD8DA8;
}*/
#content .panel img {
border:0px solid #FFF;


}
#content .panel div p {
padding:0;
margin:0;
color:#020098;
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:#020098;
}
#content .panel div p strong {
padding:0;
margin:0;
color:##020098;
}

p.awards {
	padding-top : 10px;
}

p.awards img {
	margin-right : 15px;
}

/*-- CONTENT STYLES   ------------------------------------------------------------------------*/
#content h1 {
font-size:2.5em;
margin-bottom:0.5em;
color:#020098;
}
#content h2 {
font-size:1.8em;
margin-bottom:0.6em;
color:#020098;
padding-bottom:0.1em;

}
#content h3 {
font-size:1.5em;
font-weight:bold;
margin-bottom:0.4em;
margin-top:1.3em;
color:#020098;
}
#content p {
font-size:1.3em;
margin-bottom:0.9em;
color:#333;
line-height:1.4em;
}
#content blockquote,
#content p.feature {
font-size:1.5em;
margin-bottom:0.9em;
color:#020098;
line-height:1.4em;
font-weight:bold
}
#content ul,
#content ol {
margin-bottom:2em;
}
#content li {
font-size:1.3em;
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:#020098;
}
#content dl {
font-size:1.1em;
margin-bottom:0.3em;
color:#333;
}
#content img.inset {
padding:5px;
border:1px solid #020098;
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:5px;
border:1px solid #020098;
margin:0 10px 10px 0;
float:left;
}

#content img.inset_left_clear {
padding:5px;
border:1px solid #020098;
margin:0 10px 10px 0;
float:left;
clear : left;
}

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

#content img.centered {
padding:5px;
border:1px solid #020098;
margin:0 auto;
display : block;
}

/* CMS Tables  */

#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:#020098;
}
a:visited {
color:#020098;
}
a:hover {
color:#020098;
}
a:active {
color:#020098;
}
.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;
}
p.map {
	text-align : center;
}

p.map img {
	margin : auto 0;
}

/*SECTION NAVIGATION --------------------------------------------*/
div.tertiary_content img {
float:left;
}
div.section_navigation {
overflow:hidden;
float:left;
border-top:1px solid #020098;
}
ul.section_navigation {
	clear : both;
}
ul.section_navigation li {
border-bottom:1px solid #020098;
padding:5px;
background-color:#EDF8F3;
}
ul.section_navigation li a {
display:block;
padding:2px 5px;
width:140px;
font-size:1.1em;
color:#020098;
}
ul.section_navigation li a:visited {
color:#020098;
}
ul.section_navigation li.selected a {
font-weight:bold;
}

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

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

#content .joblist .job {
margin-top:10px;
}

#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;
padding : 4px 6px;
background-image : none;
}

#content .joblist .job div.advert_details {
float:right;
}
#content .joblist div.job dl {
overflow:hidden;
width:340px;
margin:0 0 0 10px;
}
#content .joblist div.job .advert_details dl {
width:185px;
float:left;
margin:0 10px 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;
}
#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;
}
.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;
}


.branding h1
{
display:block;
overflow:hidden;
text-indent:-3000px;
text-decoration:none;
}
.hidevis,
.accessibility,
#navigation p,
#content p.more span,
div.section_navigation h4 {
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;
}