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

}
body {
font-size:62.5%;
min-width:960px;
text-align:center;
padding:0;
}
div.container {
text-align:left;
width:960px;
margin:0 auto;
overflow:hidden;
background:url(../stat/page_bg.png) repeat-y;
padding : 0 20px;
}

.header {
position:relative;
height:130px;
margin : 0 0 0 20px;
}
.branding a {
position:absolute;
top:20px;
left:0px;

}
.branding a img {
border:0;
}
.branding img {
padding-left:10px;
border:0;
margin-top:20px;
}
.branding h1 {
position:absolute;
top:20px;
font-size:2em;
right:20px;
width:164px;
height:70px;
color:#6E2C8E;
background:url(../stat/MOJ_national_offender_logo.jpg) no-repeat;
}
.branding #strapline{
float:right;
top:100px;
position:absolute;
width:500px;
right:0px;
}

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

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

#navigation ul {
	list-style : none;
	padding : 0;
	margin : 0;
	background : #6E2C8E;
	border-bottom : 1px #fff solid;
	position : relative;
	height:20px;
}

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

#navigation ul li a {
	color : #6E2C8E;
	font-weight : normal;
	line-height : 0.8;
	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;
	border-bottom : 1px #d7d7d7 solid;
	margin-left : -1px;
	height:29px;
	top : -7px;
	margin-bottom : -9px;
	background : #d7d7d7;
	
}

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

#navigation ul li.selected a span {
	background : url(../stat/nav-r.gif) no-repeat 100% 0;
	padding : 1.15em 0.6em 0.5em 0.6em;
}

#navigation > ul li.selected a span {
	padding : 0.9em 0.6em 0.5em 0.6em;color:#6E2C8E;
}

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

/* Sub nav */

.sub_nav {
text-align:right;
font-size:1.1em;
padding:3px 20px 10px 0;
color:#6E2C8E;
}
.sub_nav a {
color:#333399;
}
.holder {
float:left;
padding-bottom:40px;
position:relative;
padding-top:15px;
width:100%;
}
a img {
border:0;
}
.three_col #content {
padding:0 0 0 205px;
width:520px;
margin-top : -14px;
}

#content {
float:left;
width:725px;
margin-left:20px;
display:inline;
position:relative;
}

#maincontent {
border-bottom : 2px #6E2C8E solid;
padding : 0 0 10px 0;
overflow : hidden;
}


.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:38px;
padding-bottom:20px;
background : url(../stat/footer_bg.jpg) repeat-x 0 0;
clear:left;
display:inline;
}
.footer img {
border:0;
}
.footer #ftImg {
float:left;
}
#ftMojLogo {
	margin-left:10px;
}
.footer p.v {
	float : left;
	text-align : left;
}

.footer p.v img {
	margin-bottom : 5px;

}

.footer p.v a {
	margin : 0 0 0 15px;
	color : #0094A2;
	font-size : 1.2em;
}

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

/* Section Heights */

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


/*-- HOMEPAGE PANELS   -----------------------------------------------------------------------*/

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

#content #roleintro h2 {
	margin-bottom : 0.2em !important;
}

#content #roleintro h3 {
margin-top:0.6em;
}

#content #roleintro ul {
	margin : 0;
	padding : 0;
}

#content #roleintro ul li {
	padding-bottom : 8px;
	list-style : none !important;
	margin : 0;
	border-bottom : 1px #ddd solid;
}

#content #roleintro dt,
#content #roleintro dd {
	display : inline;
	color: #6E2C8E;
	padding-bottom : 4px;
	font-size : 0.8em;
	
margin : 0;
padding : 0;
}

#content #roleintro dt {
	font-weight : bold;
}

#content #roleintro dd {
	padding-right : 15px;
}

#content #roleintro ul li a {
	font-weight : bold;
}

/*-- CONTENT STYLES   ------------------------------------------------------------------------*/
#content h1 {
font-size:3.2em;
margin-bottom:0.2em;
color:#6E2C8E;
font-weight : bold;
}



#content h2 {
font-size:1.9em;
margin-bottom:0.4em;
color:#6E2C8E;
padding-bottom:0.1em;
font-weight : bold;
}
#content h3 {
font-size:1.4em;
font-weight:normal;
margin-bottom:0.4em;
margin-top:1.3em;
color:#6E2C8E;
}
#content p {
font-size:1.3em;
margin-bottom:0.9em;
color:#6E2C8E;
line-height:1.4em;
}

#content p.strap {
color : #6E2C8E;
font-size : 1.4em;
margin-bottom : 1em;
}

#content blockquote,
#content p.feature {
font-size:1.5em;
margin-bottom:0.9em;
color:#6E2C8E;
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:#6E2C8E;
margin-left:2.5em;
list-style:disc outside;
}
#content ol li {
list-style:decimal outside;
}
#content p strong,
#content li strong {
color:#6E2C8E;
font-weight : bold;
}
#content dl {
font-size:1.3em;
margin-bottom:0.3em;
color:#333;
}

/* CMS Controlled image placement */

#content img.inset_left {
padding:0 5px 5px 0;
margin:0 10px 10px 0;
float:left;
}

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

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

#content img.centered {
padding:5px;
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 {
color:#6E2C8E;
font-size:1em;
padding:5px;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
}
a {
color:#333399;
}
a:visited {
color:#6E2C8E;
}
a:hover {
color:#d7d7d7;
}
a:active {
color:#6E2C8E;
}
.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:170px;
position:absolute;
top:15px;
left:20px;
}

div.tertiary_content img {
/*float:left;*/
}

div.section_navigation {
overflow:hidden;
float:left;
width : 170px;
}

div.section_navigation div {
background-color : #d7d7d7;
margin : 0 0 19px 0;
padding : 0;

}

div.section_navigation div div {
padding : 7px 10px 1px 10px !important;
margin : 0 0 10px 0;
clear : both;
}

div.section_navigation h4 {
padding : 0;
margin : 0;	
color:#6E2C8E;
font-weight : normal;
background-color:#d7d7d7;
font-size:26px;
font-weight:bolder;
text-indent:8px;
clear : both;
}

div.section_navigation h4 a {
color : #6E2C8E !important;
text-decoration : none;

}


ul.section_navigation {
border-bottom : 2px #FFF solid;
clear : both;
}

ul.section_navigation li {
display : block;
border-top:2px solid #FFF;
padding:5px 5px 2px 5px;
background-color:#d7d7d7;
}

ul.section_navigation li a {
display:block;
padding:2px 5px 2px 5px;
width:160px;
font-size:1.2em;
color:#6E2C8E;
text-decoration : none;
line-height : 1.35;

}

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

ul.section_navigation li a:visited {
color:#6E2C8E;
}
ul.section_navigation li.selected a {
color : #6E2C8E !important;
font-weight : bold;
}

div.section_navigation div p {
	margin-bottom : 7px;
	font-weight : bold;
	font-size : 1.2em;
}

div.section_navigation div p.desc {
	height : 80px;
}
div.section_navigation div div > p.desc {
	height : auto;
	min-height : 80px;
}

div.section_navigation div strong,
div.section_navigation div p,
div.section_navigation div p a {
	color : #6E2C8E !important;
}

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


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

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

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

#content .joblist .job div.job_summary {
float:left;
border-bottom:0;
padding:0;
margin: 0;
}
.joblist .job dt {
clear:both;
}
#content .joblist .job h2 {
font-size : 1.5em;
color:#6E2C8E;
}

/*#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:320px;
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:220px;
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 h1 {
position : static;
}

#content .job div.job_summary {
float:left;
border-bottom:0;
padding:0;
margin:0;
}
.job dt {
clear:both;
}
#content .job h2 {
border:0;
color:#6E2C8E;
}
#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;
color:#6E2C8E;
padding-bottom:3px;
}
.job dd {
float:left;
display:block;
color:#6E2C8E;
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 #d7d7d7;
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 .recruitment_timetable,
.job .further_information {
margin-bottom:1.5em;
padding-bottom:1.5em;
border-bottom:1px solid #d7d7d7;
}
.job .associated_documents,
.job .contact_details {
margin-bottom:1.5em;
padding-bottom:1.5em;
border-bottom:1px solid #d7d7d7;
}
.detail #content .job_details div.job_content {
border-bottom:0;
color:#6E2C8E;
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;
}
#content li.download a .file_details {
color:#6E2C8E;
}

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 #content h1 {
	position : static;
}

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