/* Hull Daily Mail Careers CSS file. (c)2006 */

/*<group=Reset>*/
* {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0; }
li, dd { margin-left:1em; padding-bottom:.3em;}
fieldset { padding: .5em;}

#strapline {
	display: none;
}

.contactheader {
float: right;
margin: 10px 20px 0 0;
text-align:right;
}
/*</group>*/

/*<group=HTML elements>*/

body {
background-color:#E7EBED;
text-align: center;
font: small/140% "Trebuchet MS", sans-serif;
	margin: 0;
	padding: 0;
	color: #4d4d4d;
	/*background: url(../images/bg_grad_stripe.gif) repeat-x #A2BFD3;*/
	/*background-color: #B3D5E2;*/
}

* html body {
	font-size: x-small;
}

p {
	margin-top: 0; 
	line-height: 1.3em;
	margin: 0 0 1em 0;
	width: 690px;	
}

#main-content a:link, #main-content a:visited {
	text-decoration: none;
}

#main-content a:hover, #main-content a:active {
	text-decoration: underline;
	/*background-color: #fdfdfe;*/
}

#main-content h3 a:link, #main-content h3 a:visited {
/*	text-decoration: underline;*/
}


#main-content img {
	 display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 10px 0 5px 0;
}

/*</group>*/

/*<group=Links>*/
a:link {
	text-decoration: dotted;
	color: #3284ae;
	
}
a:visited {
	text-decoration: dotted;
	color: #3284ae;
	/*color: #569ABD;*/
}
a:hover {
	text-decoration: underline;
	color: #2B6380;
	
}
a:active {
	text-decoration: underline;
}
/*</group>*/

/*<group=Lists>*/

ul li {
/*float: left;*/
}

ul {
	margin: 0 0 2em 0;
	padding: 0;
	}

main-col {
	float: left;
}


#main-content {
float: left;
background: #fff;
margin: 0;
}

#main-content ul {
	margin: 20px;
/*	list-style: none;*/
	}


#main-content ul li {
/*padding-left: 12px;*/
/*background: url(../img/list.gif) no-repeat 0 50%;*/
margin: 0 10px 0 20px;

/*
padding: 0.85em 0 0 20px;
list-style: none;
margin: 0;
color: #3F82A6;
font-size: 85%;
font-weight: bold;
line-height: 1.1em;
*/
}

* html #mainav {
	font-size: 70%;
	}

#mainav {
float: left;
width: 751px;
border-bottom: 1px solid #fff;
background-color: #fff;
padding: 0;
margin: 0;
font-size: 85%;
font-weight: bold;
/*	text-transform: uppercase;*/
/*letter-spacing: 0.05em;*/
}

#mainav ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#mainav ul li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0;
	padding: 9px 1px 7px 3px;
/*	text-transform: uppercase;*/
	color: #5d5d5d;	
}


#mainav ul li a {
font-size: 110%;
	padding: 9px 1em 8px 1em;
	color: #5d5d5d;
	text-decoration: none;		
}


#mainav ul li a:link {
}

#mainav ul li a.current {
	color: #e99900;
	}

#mainav ul li a:visited {
}

#mainav ul li a:visited.current {
	/*color: #0197f0;*/
	color: #068AD9;
	
}

#mainav ul li a:hover {
	color: #E99900;
		/*background: url(../img/nav_roll1.gif) repeat-x bottom;*/
}

#mainav ul li a:active {
	color: #1875A5;
}

#mainav ul li.dif {
	float: right;
}

#mainav ul li.dif a:link, #mainav ul li.dif a:visited {
	color: #1875a5;
}

#mainav ul li.dif a:hover, #mainav ul li.dif a:active {
color: #ed9900;
}

#subnav {
padding: 0;
margin: 0;
font-size: 120%;
font-weight: bold;
/*text-transform: uppercase;*/
}

#subnav ul {
}

#subnav ul li {
	/*border-right: 1px solid #ccc;*/
	list-style: none;
	padding:  0;
	margin:  1em 0 1em 0;
}

a.registerlink {
	font-size: 110%;
}
a.forgotpassword {
	font-style: italic;
	padding-left: 170px;
	padding-right: 10px;
	font-size: 90%;
	text-align: right;	
	}
/*</group>*/

/*<group=Headings>*/
h1 {	
font-size: 175%;
	font-weight: normal;
	/*color: #1875A5;*/
	color: #3284AE;
	padding: 0 0 0 0;
	margin-bottom: 0.5em;
	line-height: 1em;
	}

h2 {
color: #3284AE;
letter-spacing: -0.01em;
font-size: 135%;
font-weight: 100;
margin: 1em 0 0.6em 0;
}

h3 {
color: #3284AE;
/*font-size: 120%;*/
font-weight: normal;
margin: 1.2em 0 0.7em 0;
}

h4 {
margin: 1.2em 0 0.3em 0;
}

/*</group>*/

/*<group=Forms>*/
fieldset {
	margin: 0 0 1em 0;
	padding: 6px 10px 15px 10px;
	border: 1px solid #ccc;
	white-space: normal;
}
fieldset:hover {
	background: #f5f5f5;
}
input#submitbutton {
	clear: both;
	font-size: 100%;
	padding: .3em;
	display: block;
}
legend {
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 0.5em;
}
label {
	display: inline;
	margin: 0 0 .3em 0;
}
input {
	font-size: 95%;
}
input.input {
	width: 200px;
	border: 2px solid #CCC;
	padding: 1px;
	display:block;
}
input.input:focus {
	border: 2px solid #666;
}
/*</group>*/

/*<group=Layout>*/
#wrapper {
	text-align: left;
	position: relative;
	margin: 0 auto;
	width: 751px;
	background-color: #fff;
	padding:0;
	border: 3px solid #fff;
	}

#wrapper:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
} 
* html #wrapper { 
height:1%; 
} 

#maincol {
width: 751px;
padding: 0;
margin:0;
float: left;
display: inline;
background-color: #ffffff;
}

#main-content {
display: inline;
width: 715px;
padding: 0 0 0 0;
margin:3px 20px 0 35px;
float: left;
}

#footer {
float: left;
width: 751px;
border-bottom: 2px solid #000;
background-color: #000;
padding: 0;
margin: 0;
font-size: 70%;
font-weight: bold;
}

#footer ul {
	margin: 0;
	padding: 0;
	display: inline;
}

#footer ul li {
	/*border-right: 1px solid #ccc;*/
	list-style: none;
	float: left;
	display: inline;
	margin: 0;
	padding: 1em 1em 0.8em 1.5em;
/*	text-transform: uppercase;*/
}


#footer ul li a {
	font-size: 110%;
	padding: 0;
	margin: 0;
	text-decoration: none;
}


#footer ul li a:link {
color: #f9f9f9;
}

#footer ul li a:link.current {
color: #1875A5;
/*border-bottom: 5px solid #1875A5;*/
/*text-decoration: underline #1875A5;*/
}

#footer ul li a:visited {
}

#footer ul li a:visited.current {
/*border-bottom: 5px solid #E99900;*/
color: #e99900;
}

#footer ul li a:hover {
color: #E99900;
/*	border-bottom: 5px solid #E99900;*/
}

#footer ul li a:active {
color: #62BAE8;
/*text-decoration: underline #E99900;*/
/*	border-bottom: 5px solid #1875A5;*/
}

#footer p {
	width: 25%;
	text-align: right;
	float: right;
	font-size: 110%;
	padding: 0 0 0 0;
	margin: 1em 1em 0 0;
	color: #fff;
	text-decoration: none;
}

#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #footer {
	height:1%;
}

/*</group>*/

/*<group=Misc>*/
.replace {
	position: absolute;
	left: -5000px;
}
.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
}
p#skip {
	margin: 0;
	padding: 0;
	height: 1px;
}
p#skip a {
	text-decoration: none;
}
.note {
	font-size: 85%;
}
.extra-note {
	font-size: 80%;
}
/*</group>*/

/*<group=Nav>*/


#column {
width: 200px;
float:right;
margin: 0;
padding: 30px;
}

blockquote {
	padding: 0 35px 0 40px;
	font-size: 90%;
	margin: 0 0 3em 0;
}

blockquote p:first-line {
text-transform: uppercase;
font-weight: bold;
font-size: 95%;
letter-spacing: 0.1em;
}


#header {
float:left;
	width: 751px;
	height: 93px;
	margin: 0;
 background: url(../img/banner1.gif) top left no-repeat #1875a5;
}

#header p {
font-size: 85%;
padding: 0 0 0 0;
margin: 1em 1em 0 0;
color: #fff;
text-decoration: none;	
}

#header p a {
background: url(../img/bullet.gif) no-repeat 0 50%;
padding: 0 0 0 14px;
}

#header p a:link {
color: #fff;
text-decoration: none;
}

#header p a:visited {
color: #fff;
text-decoration: none;
}

#header p a:hover {
color: #FFF2C9;
text-decoration: none;
}

#header p a:active {
text-decoration: none;
}


#header p a.web {
margin: 0;
padding:0;
background: none;
}

.contactheader {
float: right;
margin: 10px 20px 0 0;
text-align:right;
}


#illo {
float: left;
width: 751px;
height: 113px;
background: #ffffff url(../img/header_phil_long.jpg) no-repeat;
}

#illo p {
	display: none;
}

#logo {
display: none;
}

.tagline {
margin: 80px 0 0 0;
}

.contactheader {
float: right;
margin: 10px 20px 0 0;
text-align:right;
}

.first {
color: #5a5a5a;
font-size: 120%;
font-weight: normal;
margin: 1em 0 0.5em 0;
/*
font-weight: bold;
line-height: 1.2em;
color: #B3B3B3;
font-size: 110%;
*/
}

.col_item {
padding-bottom: 2em;
border-bottom: 1px solid #ccc;
}

.col_item a {
margin: 0;
padding: 0;
}

form {
margin: 5px 0 12px 0;
padding: 10px;
background:#efefef;
}

form p {
padding: 0;
margin: 0.5em 0 0.5em 0;
}

form h4 {
padding: 0;
margin: 0;
}

form select {
width: 120px;
font-size: 90%;
}

.register select {
}

.register p {
margin-bottom: 1em;
}

.pager {
color: gray;
font-weight: bold;
}

.jobdeptwrap {
		margin: 0 0 10px 0;
	padding: 0;
	float: left;
}

.jobsummary {
width: 440px;
float: left;
padding: 0;
border-bottom: none;
clear: both;
}

#jobsummary:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}
* html #jobsummary {
		height:1%;
}

.jobsummarydate {
color: #ccc;
font-weight: bold;
float: left;
padding: 0.2em 0 0 0;
margin: 0;
}

.jobsummarytext {
float:right;
width: 380px;
padding: 0;
margin: 0;
background-color: #fff;
/*border: 1px red solid;*/
}

.jobsummarytext h3 {
padding: 0.2em 0 0.2em 0;
margin: 0;
font-size: 120%;
font-weight: normal;
/*background-color: #fafafa;*/
border-bottom: 1px solid #eee;
}

.jobsummarytext a {
font-size: 90%;
margin: 0 0 0 0.5em;
}

.jobsummary h2 {
float: left;
padding: 0;
clear: both;
/*text-transform: uppercase;*/
}

.tempimage {
width: 400px;
height: 200px;
border: 1px solid gray;
}

.video {
width: 250px;
height: 177px;
border: 1px solid #DFEAF0;
background-color: #FDFDFE;
float: right;
margin:  0 0 15px 20px;
}

.career {
background: url(../img/ad_registernow.jpg) no-repeat;
height: 113px;
}
.career h3 {
padding: 40px 0 4px 0;
}

.career p a {
	font-size: 80%;
}

#breadcrumbs {
color: #a2a2a2;
padding: 0;
margin: 8px 0 0 0;	
}

p #breadcrumbs a {
padding: 0;
margin: 0;
background: 0;
border: 1px border green;
}

#breadcrumbs a.link {
}

#breadcrumbs a.visited {
color: #a2a2a2;
}

#breadcrumbs a.hover {
color: #000;
text-decoration: none;
}

#breadcrumbs a.hover {
color: #000;
text-decoration: none;
}

p.date {
color: #E4E7F2;
}

.callout {
float: left;
margin: 0.5em 0 0.9em 0em;
width: 400px;
padding: 1em 1.3em 1.3em 1.6em;
font-size: 90%;
background: url(../img/callout.gif) #FDFDFE repeat-x;
border-top: 1px solid #D3E3EB;
border-bottom: 1px solid #E3EDF3;
font-weight: bold;
}
#appform { margin-right: 35px; width: 660px; }
#appform dt {float: left; width: 45%; padding-right: 2%; clear: left; }
#appform dd {  }
#appform h2 { clear: left; }
#appform select { width: auto; }
#appform select.day { width: 4em; }
#appform select.month { width: 10em; }
#appform input.d, #appform textarea { width: 310px; font: 10pt/130% "Trebuchet MS", sans-serif; }
#appform br.x { height: 1px; clear: both; }