@import url("structure.css");
@import url("sitemap.css");
@import url("contactform.css");

@media print {
	body,p,div,td,span {font: 10pt/15pt Arial,Verdana, Helvetica, sans-serif;}
	a {font: 10pt/15pt Arial,Verdana, Helvetica, sans-serif;font-weight:bold;}
	h1, h2, h3,	h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid }
   	blockquote,	pre { page-break-inside: avoid }
   	ul, ol, dl { page-break-before: avoid }
	table { page-break-inside: avoid }
}

body {
	margin: 0;
	padding: 0;
	background:#ffffff url(../i/body-bg-oh.gif) repeat-x;
	font: 12px/18px Arial, Verdana, Helvetica, sans-serif;
	color:#414141;
}

.clearMe {
	clear:both;
}

/* ******************  Header styles  ************** */
#masthead div {
	position: absolute;
}
#logo {
	top:20px;
	right:0;
}
#strapline {
	top:12px;
	left:209px;
	font: 40px/35px Helvetica, Arial, Verdana, sans-serif;
	border:0 solid red;
}

.keyword-search{
	margin:10px 0 10px 10px;
}
.keyword-search label{
	font-weight:bold;
}
.search-box{
	width:160px;
}
.search-button{
	border:0;
	background:url(../i/search-button-oh.gif) no-repeat;
	cursor:pointer;
	width:16px;
	height:16px;
}
.corner-image{
	border:0 solid red;
	width:200px;
	height:150px;	
}
.page-title{
	top:88px;
	left:209px;
}
.page-title h1{
	color:#6686ce;
	font-size:26px;
	font: 30px/35px Helvetica, Arial, Verdana, sans-serif;
	border:0 solid red;
	margin:0;
	padding:0;
}

/* ******************  Main navigation styles  ************** */
#mainnavigation{
	padding:10px 0 0 0;
	background:#ffffff;
}
#mainnavigation ul {
	padding:0 0 10px 0;
	margin: 0 0 0 0;
	width:200px;
}
#mainnavigation ul li {
	display: block;
	margin:0;
	padding:0;
	border:1px solid #ffffff;
	list-style-type: none;
}
#mainnavigation ul li a {
	text-decoration:none;
	font: 12px/18px Arial, Verdana, Helvetica, sans-serif;
	/*height: 19px;*/
	display: block;
	margin: 0;
	padding: 0 0 0 22px;
	color: #10147E;
	/*width: 178px;*/
	font-weight:bold;
	background:url(../i/nav-arrow.gif) 10px 6px no-repeat;
}
#mainnavigation ul li a:hover {
	color: #10147E;
	background:url(../i/nav-on-oh.gif) 10px 6px no-repeat;
}
#mainnavigation ul li a.mainNavOn {
	background:url(../i/nav-on-oh.gif) 10px 6px no-repeat;
	color: #10147E;
}
ul.sub-navigation{
	border:1px solid red;
	margin:0 0 0 0;
}
#mainnavigation ul li.sub-page a{
	text-decoration:none;
	font: 12px/18px Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	/*height: 19px;*/
	display: block;
	margin: 0;
	padding: 0 0 0 35px;
	color: #10147E;
	/*width: 165px;*/
	background:url(../i/nav-arrow.gif) 20px 6px no-repeat;
}
#mainnavigation ul li.sub-page a.mainNavOn {
	background:url(../i/nav-on-oh.gif) 20px 6px no-repeat;
	color: #10147E;
}
#mainnavigation ul li.sub-page a:hover{
	background:url(../i/nav-on-oh.gif) 20px 6px no-repeat;	
}

/***** account-navigation *****/

.account-navigation{
	border-bottom:1px solid #10147E;
	height:36px;
	float:right;	
	width:774px;
	margin:0 0 20px 0;
}
.account-navigation ul{
	float:right;
	margin:0 0 0 0;
	padding:0 0 0 0;	
	width:774px;
}
.account-navigation ul li{
	border-right:1px solid #10147E;
	display:block;
	float:right;	
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:36px;
}
.account-navigation ul li a{	
	padding:8px 10px 13px 10px;	
	text-align:center;
	line-height:30px;
	background:url(../i/account/oh-link-bg.gif) repeat-x;
}
.account-navigation ul li a:hover{
	text-decoration:none;
	background:url(../i/account/oh-link-hover-bg.gif) repeat-x;
}
.account-navigation ul li a.account-on{
	text-decoration:none;
	background:url(../i/account/oh-link-hover-bg.gif) repeat-x;	
}


/* ******************  Standard text styles  ************** */
a {
	color: #6379A9;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
h1, h2, h3 {
	font-weight:bold;
}
h1 {
	font-size:18px;
}
h2 {
	font-size:16px;
}
h3 {
	font-size:14px;
}

.col-one-heading{
	border:0 solid red;
	background:#10147E;
	font-weight:bold;
	padding:2px 0 2px 10px;
	margin:0 0 10px 0;
	width:190px;
}

/* ******************  Standard site image styles ************** */
img {
	border:none;
}

.logos{
	border:0 solid red;
	background:#ffffff;
	padding:10px 0 0 17px;
}

/* ******************* List Styles *********************/

#columnTwo ul, #singleColumn ul {

}

/* ******************  News module styles ************** */
.newsListImg {
	padding-right:10px;
}
.newsListImg img {
	border:solid 1px #051747;
}
.news-detail-image{
	border:0 solid red;
	margin:0 0 10px 10px;	
}


/* ****************** Paginate styles  ************** */

.listPaginate {
	padding:0;
	background: #CCD7EF;
	border-top:solid 1px #10147E;
	border-bottom:solid 1px #10147E;
	font-size:11px;
	width:100%;
	margin:0 0 10px 0;
}

.listPaginate table tr td {
	margin:0;
	padding:0;
}

.listPaginate .listPaginateLinkNext {
	padding-right:20px;
	padding-left:20px;
}

.listPaginate .listPaginateLinkPrev {
	padding-left:20px;
	padding-right:20px;
}
.listPaginateLinkJump {
	text-align:center;

}
.listPaginate .paginateOn {
	padding:0 5px 0 5px;
	display:inline;
	margin:0 auto;
}

.listPaginate .paginateOff {
	padding:0 5px 0 5px;
	display:inline;
	margin:0 auto;
}

.listPaginate a {
	color:#2D444F;
	font-weight:bold;
}
.listPaginate a:hover {
	color:#D85909;
}
.listPaginate .paginateOn {
	color:#D85909;
	font-weight:bold;
}
.listPaginateSpacer {
	font-size:0;
	line-height:1px;
	padding:0;
	margin:0;
	height:0;
	background:none;
	height:5px;
}

.spacerOne {
	height:10px;
	margin: 0;
    padding: 0;
}

/****** Jobs Styles ******/

.job-holder{
	border:1px solid #10147e;
	margin:0 0 10px 0;
}
.job-title-holder{
	border:0 solid red;
	padding:1px;
	background:#10147e;
	color:#ffffff;
}
.job-title-holder a{
	color:#ffffff;
}
.job-title{
	border:0 solid red;
	float:left;
	padding:2px;
	color:#ffffff;
}
.job-description{
	padding:2px 2px 2px 2px;
}
.job-number{
	float:right;
	font-weight:bold;	
	padding:0 2px 0 0;
}
.job-regions{
	float:left;
}
.job-salary{
	border:0 solid red;
	float:left;
	padding:0 0 0 0;
}
.job-holder-footer{
	border-top:1px solid #10147e;
	padding:2px;
	background:#ccd7ef;
}
.divider{
	border:0 solid red;
	float:left;
	font-weight:bold;
	padding:0 5px 0 5px;
}

/** View Job Styles **/

.job-view-job-number{
	border:0 solid red;
	margin:0 0 0 0;
	float:right;
	font-weight:bold;
	color:#ffffff;
}
.job-view-interested{
	border:1px solid #10147e;
	margin:10px 0 0 0;
}
.interested-title{
	background:#10147e;	
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	padding:5px;
}
.job-view-interested-content{
	padding:5px;
}
.job-view-interested-content p{
	margin:0 0 5px 0;
}
strong.label{
	border-bottom:0 dotted #10147e;
	display:block;
	float:left;
	width:70px;
	margin:0;
}
span.details{
	border-bottom:0 dotted #10147e;
	display:block;
	float:left;
	width:690px;
	margin:0 -3px 0 0;
}
.back-to-jobs{
	background:#10147e;		
	padding:5px;
}	
.back-to-jobs a, .register-interest-jobs a{
	color:#ffffff;
}

.back-to-jobs.half, .register-interest-jobs{
	background:#10147e;		
	padding:5px;
	width:377px;
	float:left;
}	
.register-interest-jobs{
	text-align:right;
}	

/*** Jobs Search Styles ***/

.job-search-box{
	padding:7px 10px 5px 10px;
	border:2px solid #10147e;
	background:#CCD7EF;
	float:left;
	width:750px;
}
.job-search-box label{
	font-weight:bold;
}
.contract-type{
	float:left;
	margin:10px 0 0 0;
}
.search-left-column, .search-right-column{
	width:400px;
	float:left;
	border:0 solid red;
	margin:0;
}
.search-right-column{
	width:310px;
}
.search-left-column select{
	width:277px;
	float:left;
}
.search-right-column select{
	width:240px;
	float:left;
}
.search-left-column label{
	display:block;
	float:left;
	width:100px;
}
.search-left-column input{
	display:block;
	float:left;
}
.search-right-column label{
	display:block;
	float:left;
	width:100px;
}
.search-right-column input{
	display:block;
	float:left;
}
.region{
	margin:0 0 10px 0;
}
.region label{
	width:57px;
}
.dummy-label{
	display:block;
	float:left;
	width:57px;
	font-weight:bold;
}
.dummy-label-large{
	display:block;
	float:left;
	width:100px;
	font-weight:bold;
}
.job-type-column-one, .job-type-column-two{
	border:0 solid red;
	width:120px;
	float:left;
}
.job-type-column-two{
	border:0 solid red;
	width:150px;
	padding:0 0 0 10px;
}
.job-type-column-one label, .job-type-column-two label{
	border-bottom:0 dotted #000000;
}
.job-type-column-one label{
	width:80px;	
}
.job-type-column-two label{
	width:130px;
}

.checkboxes{
	margin:10px 0 0 0;
	border:0 solid red;
}
.checkboxes label{
	width:60px;
	border:0 solid red;
}
.left-boxes, .right-boxes{
	border:0 solid red;
	width:110px;
	float:left;
}
.search-submit{
	clear:both;
	border:0 solid red;
	text-align:right;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:right;
}
input.button{
	background:#10147e;
	color:#ffffff;
	border:0;
	padding:2px;
	font-weight:bold;
	cursor:pointer;
}
strong.email{
	margin:0 0 0 20px;
}	

.login-register-box{
	border:1px solid #10147e;
	width:340px;
	height:200px;
	float:left;
	margin:5px;
	padding:15px;
	background:#ccd7ef;
}

/**** Candidates Login Form ****/

.login-form{
}
.login-form ul{
	padding:0;
	margin:0;
	list-style:none;
}
.login-form ul li{
}
.login-form ul li label{
	display:block;
	float:left;
	width:85px;
	font-weight:bold;
	padding:3px 0 0 0;
}
.login-form ul li input{
	border:1px solid #10147e;
	margin:2px;
	width:200px;
}
.login-form ul li input.submit{
	width:80px;
	cursor:pointer;
	background:#10147e;
	color:#ffffff;
	font-weight:bold;
}
.login-form ul li.error{
	border:0 solid red;
	font-weight:bold;
	color:red;
}
.login-form ul li span.required{
	font-size:25px;
	display:none;
}

/* ******************  Category Slug styles  ************** */
.slug {
	background:#ccd7ef;
	color:#7F7C73;
	padding:3px;
	width:762px;
	height:22px;
	text-align:left;
	clear:both;
	border:2px solid #10147E;
}
.slugTitle {
	color:#10147E;
	width:33px;
	float:left;
	height:22px;
	margin-top:2px;
	font-weight:bold;
}
.slugTrail {	
	float:left;
	height:20px;
	line-height:auto;
	font-size:0.8em;
	background:#ffffff;
	border:solid 1px #10147E;
	padding:1px 2px 0 5px;
	width:80%; /* 80% to fit 800x600 res */
}
span.noSlug {
	color:#C6C7C8;
}
#slugOn {
	background:#FFFECE;
	color:#000000;
}

/************* Document Styles ***************/

.document-category{
	margin:0 0 10px 0;
	background:#10147E;
	width:770px;
}
.document-category a{
	color:#ffffff;
	display:block;
	padding:10px;
	border:1px solid #10147E;
}
.document-category a:hover{
	background:#ccd7ef;	
	color:#10147E;
	border:1px solid #10147E;
}

.document-document{
	border:1px solid #ebebeb;
	padding:10px;
	margin:0 0 10px 0;
	width:750px;
}
.document-back{
	width:100%;
}
.document-back a{
	border:1px solid #10147E;
	padding:5px;
	display:block;
	background:#10147E;
	color:#ffffff;
	width:760px;
}
.document-back a:hover{
	background:#ccd7ef;
	text-decoration:none;
	color:#10147E;
	border:1px solid #10147E;
}
.document-document a{
	padding:5px 0 0 3px;
}
.document-document img{
	margin:0 0 0 0;
	float:left;
}

/******* Register Interest ********/

.register-interest{
	border:0 solid red;
	padding:20px 0 20px 0;
}
.register-interest .clearMe{
	height:5px;
}
.register-interest label{
	font-weight:bold;
	display:block;
	float:left;
	width:100px;
	margin:0 0 3px 0;
}	
.register-interest input{
	display:block;
	float:left;
	width:350px;	
}
.register-interest textarea{
	width:350px;	
	height:200px;	
	border:1px solid #10147E;
	font: 12px/18px Arial, Verdana, Helvetica, sans-serif;
}	
.register-interest form input.submit{
	width:130px;
	border:0;
	cursor:pointer;
	background:#10147E;
	font-weight:bold;
	color:#ffffff;
	padding:2px;
	margin:0 0 0 100px;
}
.register-interest input.disabled{
	background:#ffffff;
	color:#000000;
	border:1px solid #10147E;
}	


/*** Candidate History Styles ***/

table.history{
	border:0 solid red;
}	
table.history td, table.history th{
	vertical-align:top;
}	
table.history th{
	background:#10147E;
	color:#ffffff;
	padding:2px;
	text-align:left;
}
table.history tr.info-row{
	border-bottom:10px solid #10147E;	
	background:#ccd7ef;
	font-weight:bold;
}	
table.history tr.info-row td{
	border-bottom:1px solid #10147E;	
}
table.history td.cover-note{
	border:0 solid red;
	margin:0 0 10px 0;
	padding:10px;
}

/*** Logout Button Styles ***/
.logout-button a{
	display:block;
	width:80px;
	height:22px;
	padding:3px 0 0 0;
	background:#10147E;
	text-align:center;
	color:#ffffff;
	float:right;
}
.logout-button a:hover{
	background:#ccd7ef;	
	color:#10147E;
	text-decoration:none;
	border:1px solid #10147E;
}

/**** Item Edited Styles ****/

.item-edited{
	clear:both;
	background:#99ee9a;
	padding:7px;
	font-weight:bold;
	border:2px solid #69ee6c;
}

.cv-download{
	border:1px solid #c4c4c4;
	float:right;
	padding:2px;
}

#map-holder{
	border:0 solid red;
	width:auto;
	height:auto;
	float:right;
	margin:5px 0 5px 5px;
}
.no-flash{
	border:2px solid #10147E;
	padding:5px;
	background:#6686CE;
	color:#ffffff;
}
.no-flash h2{
	margin:0 0 5px 0;
}	
.no-flash h2, .no-flash a{
	color:#ffffff;	
}

/*** OH Offer Form Styles ***/

table.oh-offer{
	border:0 solid red;
}
table.oh-offer td{
	vertical-align:top;
}

.oh-offer-column.right{
	float:right;
}
table.oh-offer input.submit-button{
 	height:25px;
	font: 12px/22px Arial, Verdana, Helvetica, sans-serif;
	background:#10147e;
	width:100px;
	color:#ffffff;
	margin:0;
	padding:0;
	border:0;
	float:right;
	cursor:pointer;
}

table.checkbox-table{
	margin:2px 0 2px 0;
}

table.oh-offer input.check-box{
	width:auto;
	margin:0 6px 0 0;
}
#contactForm label input.postcode{
	width:100px;
}