/* Dylan style sheet v1.0 */

/* Global Elements */
*{
  margin:0px;
  padding:0px;
  border:0px;
}

body.two-col {
  font-family: arial, verdana, "gill sans mt","tahoma";
  font-family: arial, verdana, helvetica, sans-serif;
  font-size:76%;
  background:#fff;
  text-align:left;
}

img {
    border:none;
}

p{
    text-align:left;
    font-size:12px;
    line-height:1.5;
    text-align:left;    
}

p.errors {
   color:#d31145;
}

div {
    padding:0px;
    margin:0px;
}

a {
    color:#d31145;  
    text-decoration:none;
}

a:hover, a:visited:hover {
    color:#e56687; 
}

a:visited{
  color: #d31145;
}

h1{
  color:#4F8999;
  font-size:1.6em;
  padding-bottom:10px;
  font-weight:normal;
}

h2{
  font-size:1.1em
}

h3{
  color:#13819F;
  font-size:1em;
}


input , textbox, select {
	border-top:2px solid #e8e9ea;
	border-bottom:1px solid #c6c8ca;
	border-left:2px solid #e8e9ea;
	border-right:1px solid #c6c8ca;
	background-color:#fff;
}


/* Dylan Logo */
div#dylan_logo{
    width:180px;
    height:auto;
    background:#fff;
    margin-top:54px;
    float:left;
    padding-left:0px;
}

div#dylan_recruitment {
    position:relative;
    float:right;
    top:60px;
    margin-right:3px;
}

/* Menubar Navigation */

div#nav_bottom{
    position:relative;
    top:-5px;
    height:1px;    
}

div#nav_bottom_ie{
    position:relative;
    top:-15px;
    height:1px;    
}

div#nav_bottom_ie6{
    position:relative;
    top:-10px;
    height:1px;
}

img#nav_line {
    position:relative;
    padding:0px;
    margin:0px;
    filter:pngfix;
}

div#nav {
  position:relative;
  top:10px;
  left:0px;
  height:115px;
  width:70%;
  border-top:none;
  padding-left:15px;
  float:left;
}

div#nav li a{
  font-size:1.4em;
  font-weight: 500;
}

ul#nav-labels{
    height:26px;
}

div#nav ul#nav-labels > li:first-child{
  margin-left:0px;
}

div#nav ul#nav-labels li{
  float:left;
  list-style:none;
  padding:0px 0px 0px 0px;
  padding-top:0px;
  padding-bottom:0px;
  height:auto;
  width:auto;
}

div#nav ul#nav-labels > li:last-child{
  margin-left:0px;
  background:none;
}

div#nav ul#nav-labels li a{
  text-decoration:none;
  color:#fff;
  font-size:1px;
}

div#nav ul#nav-labels li.selected a{
  color:#fff;
  font-size:1px;  
}

div#nav ul#nav-labels li:hover{
}

div#nav ul#nav-labels li.selected:hover{
   
}

div#nav ul#nav-labels > li:last-child:hover{
  margin-left:0px;
  background:none;
}

ul#nav-hover-images li, ul#nav-hover-images li:hover {
    background:none;
    float:left;
    list-style:none;
    padding:0px;
    height:45px;
    width:120px;
}

div.nav-hover-image{
    position:relative;
    left:-40px;
    height:40px;
    width:auto;
    padding-top:7px;
}

img.nav-hover-image{
    display:none;
    height:40px;
}

div#nav_hover_div_10{
    left:-65px;
}

div#nav_hover_div_14{
    left:-65px;
}

div#nav_hover_div_38{
    left:-135px;
}

div#nav-hover-images{
    height:40px;
}

/* Menu Bar - Second Level Navigation */

div#sub_nav{
    height:auto;
    width:550px;
    float:left;
    padding-top:4px;
    font-size:10px;
}

div#sub_nav ul li{
  float:left;
  list-style:none;
  padding:5px 10px 0px 5px;
  padding-top:0px;
  padding-bottom:0px;
  height:auto;
  background:url(../images/nav_spacer.png) 0 0 no-repeat #fff;
  background-position:100% 6px;  
  width:auto;  
}

div#sub_nav ul > li:first-child{
  padding-left:0px;
}

div#sub_nav ul li a{
  text-decoration:none; 
  font-size: 1.1em;
  font-weight: normal;
  color:#000;
}

div#sub_nav ul li.selected{
  padding-bottom: 0;
}

div#sub_nav ul li.selected a{
   color:#d31145;
}
div#sub_nav ul li.selected ul{
  padding-bottom: 5px;
  background-color: #fff;
}

div#sub_nav ul li a:hover{
    color:#e56687;
}

div#sub_nav ul li a.selected:hover{
    color:#e56687;
}

/* Menubar - Third Level Navigation  */

div#sub_nav ul li ul{
  float:left;
  list-style:none;
  padding:5px 10px 0px 5px;
  padding-top:0px;
  padding-bottom:0px;
  height:auto;
  background:url(../images/nav_spacer.png) 0 0 no-repeat #fff;
  background-position:100% 8px;  
  width:auto;  
}

div#sub_nav ul li ul li{
  float:left;
  list-style:none;
  padding:5px 10px 0px 5px;
  padding-top:0px;
  padding-bottom:0px;
  height:auto;
  background:none;
  width:auto;  
}


/* Hidden Menubar Navigation Items  */
div.hidden_sub_nav{
    display:none;
    padding:0px;
}

div.hidden_sub_nav ul{
    padding:0px;
}

div.hidden_sub_nav ul li{
  float:left;
  list-style:none;
  padding:5px 10px 0px 5px;
  padding-top:3px;
  padding-bottom:0px;
  height:auto;
  background:url(../images/nav_spacer.png) 0 0 no-repeat #fff;
  background-position:100% 8px;  
  width:auto;  
  color:#bbb;
}

div.hidden_sub_nav ul > li:first-child{
  padding-left:0px;
  margin:0px;
}

div#sub_nav div.hidden_sub_nav ul li a{
    font-wieght:bold;
    color:#bbb;
}

div#sub_nav div.hidden_sub_nav ul li a:hover{
    font-wieght:bold;
    color:#d31145;
}

/* Structural Page Elements */

/* Whole page is contained with a container div */

div#container{
  width:965px; 
  height:auto;
}

/* Header site across the full width of the page, above the two-col split but is split into two itself */

div#header{
  height:110px;
  width:100%;  
  float:left;
}

div#twitter{
    position:relative;
    float:right;
    top:-25px;
    left:25px;
}

/* Search Elements - sits on the right, but is removed on small screen widths */

img.tag {
    position:relative;
    vertical-align:text-top;
    top:3px;
    padding:0px;
    margin:0px;
    border:0px;
}

div#search{
    position:relative;
    top:-25px;
    height:auto;
    width:200px;
    float:right;
    font-size:11px;     
}

div#search p, #div#search input {
    font-size:11px;
}

div#search p{
    font-size:11px;   
}

input#submit {
    background:url(../images/tag.png) 0 0 no-repeat #fff;
    background-position:0px 3px;
    border:none;
    height:auto;
    padding-left:10px;
    color:#d31145;
    font-size:11px;    
}

input#searchText, input#q {
    border: 1px solid #eceded;
    border-right: 1px solid #eceded;
    border-bottom: 1px solid #eceded;
    margin-left:3px;
    margin-right:3px;
    font-size:11px; 
    width:100px;
}

input#searchGo{
    background-image:none;
    background:#fff;
    border:none;
    font-size:11px;
    font-family: Arial;
    color: black;
    font-size: 0.8em;    
}

input#searchGo:hover{
 color:#d31145;
}

/* On all pages other but the homepage a banner is displayed */

div#banner{
    padding:0px;
    margin:0px;
    width:769px;
    height:125px;
    background:#f7f7f8;
    float:left;
    margin-left:0px;
    overflow:none;
}

div#banner h1#banner-title{
    float:right;
    margin-top:10px;
    background-color:none;
    color:#fff;
    margin-right:10px;
    font-style:italic;
}

img.title_img, span.title_img{
    position:relative;
    float:right;
    margin-right:15px;
    bottom:-50px;
}

img.icon_title_img, span.icon_title_img{
    position:relative;
    float:right;
    margin-right:25px;
    bottom:-30px;
}

/* Within the main content area all content is placed within a wrapper of some kind */

div.wrapper, div.wrapper1, div.wrapper2, div.wrapper3, div.wrapper4, div.wrapper5 {
  float:left;
  width:768px; 
  background-repeat:no-repeat;
  background-position:100% 0px;  
  height:463px;
  margin-left:15px;
}

/* The wrapper is used for all non-homepage pages */

div.wrapper{
    height:auto;
}

/* Wrappers 1 - 3  have varoious backgrounds on the homepage */

div.wrapper1 {
  background-image:url(../images/rotation_background_1.gif);
}

div.wrapper2 {
  background-image:url(../images/rotation_background_2.gif);
}

div.wrapper3 {
  background-image:url(../images/rotation_background_3.gif);
}

div.wrapper4 {
  background-image:url(../images/rotation_background_4.gif);
}

div.wrapper5 {
  background-image:url(../images/rotation_background_5.gif);
}


/* A link section on the homepage */
div#homepage_links, homepage_links_spacer{
    float:right;
    width:150px;
    height:auto;
    padding-right:10px;
}

homepage_links_spacer {
    width:1px;
    display:none;
}

div#homepage_links p, div#homepage_links p a, div#homepage_links p a:visited, div#homepage_links ul li a  {
    font-size:10px;
    color:#fff;
}

div#homepage_links p a:hover, div#homepage_links ul li a:hover {
    color:#e56687;
}

div#homepage_links ul li {
  list-style:none;
  background:url(../images/tag.png) no-repeat left center; 
  background-position:0px 3px;    
  padding-left:10px;
  text-align:left;
}

div#homepage_links ul li p{
  line-height:12px;
}

/* The homepage has a large defining recruitment statment */

div#defining_recruitment_header, div#defining_recruitment_header_gif{
  background-image:url(../images/defining_recruitment_header.png);
  background-repeat:no-repeat;  
  background-position:bottom;   
  position:relative;
  top:0px;  
  left:0px;
  height:12px;
  width:570px;
  padding:20px;
  float:right;
  margin:0px;
  padding:0px;
}

div#defining_recruitment_header_gif{
  background-image:url(../images/defining_recruitment_header.gif);
}

div#defining_recruitment_middle, div#defining_recruitment_middle_gif{
  background-image:url(../images/defining_recruitment_middle.png);
  background-repeat:repeat-y;
  background-position:top;    
  position:relative; 
  left:0px;
  height:auto;
  width:570px;
  padding-left:0px;
  padding-right:0px;  
  float:right;
  overflow:none;
}

div#defining_recruitment_middle_gif{
  background-image:url(../images/defining_recruitment_middle.gif);
}

div#defining_recruitment_footer, div#defining_recruitment_footer_gif{
  background-image:url(../images/defining_recruitment_footer.png);
  background-repeat:no-repeat;
  background-position:top;  
  position:relative;
  top:0px;  
  left:0px;
  height:20px;
  width:570px;
  float:right;
  margin:0px;
  padding:0px;
}

div#defining_recruitment_footer_gif{
  background-image:url(../images/defining_recruitment_footer.gif);
}

div#defining_recruitment_definition{
    width:380px;
    float:left;
}

img#redefining_recruitment{
    float:right; 
}

/* The blog icon which sits on the homepage */

img.blog, span.blog{
    position:relative;
    float:right;
    top:-45px;
    left:-20px;
    margin-right:0px;
}

img.blogmini, span.blogmini{
    position:relative;
    float:right;
    top:-45px;
    left:-20px;
    margin-right:0px;
}


/* --CSS vertical dotted line hacked for home page-- */
div#wr div#content{
  background:none;
}

/* The rhs of column is inside a content div */
div#content{
  margin: 0px 220px 0px 180px;
  padding: 20px 0px 0 20px;
  padding-top:0px;
}

div#content h1 {
 margin:-20px -20px 0;
 padding:20px 20px 10px;
}

div#content div.block_text div.centre
{
    position: relative;
}

div#content div.block_text div.centre p#map-overlay {
    font-size:1.5em;
    height:50px;
    text-align:center;
    display: block;
    position:absolute;
    margin-top: 0;
    top: 15px;
    left: 50px;
    _left: -65px;
    width: 250px;
}

div#content * h1 {
    margin:0;
    padding:0;
}

#home div#content h1{
  color:#61A78D;
}

.two-col div#content{
  margin: 0 0 0 0px;
  padding: 0px 0px 0 0px;
  padding-top:0px;  
}

* html div#content{
  margin-top:0px;
}

/*div#content a:link{
  color: #d31145;
}
*/
/* The actual core body content of the page sits withing a page_content div */

div#page_content {
    padding-left:35px;
    padding-right:215px;
}
/* The left hand side of the page have global navigation via large icons */

div#lhs {
  float:left;
  width:180px;
  height:464px;
  background-repeat:repeat-y;
  background-position:right;
  padding-top:0px;
}

div#lhs div.latest h2
{
  padding-bottom: 11px;
}

div#lhs div.latest h3
{
  font-weight: normal;
}

div#lhs-inner {
  height:464px;
  padding-top:0px;
  background-image:url(../images/pinboard_background.png);
  background-repeat:repeat-y; 
  background-position:left;  
}

div#lhs-jobboard {
  position:relative;
  z-index:10;
  left:-22px;
  top:60px;
  height:auto;
}

div#lhs-cv {
  position:relative;
  top:20px;
  left:-5px;
  z-index:5;
}

div#lhs-workwithus {
  position:relative;
  top:-20px;
  left:-27px;
  z-index:10;
}

div#lhs-circles-stripes {
  position:relative;
  top:-55px;
  left:30px;
  z-index:5;
}

div#lhs-salary-calculator {
  position:relative;
  top:-80px;
  left:-25px;
  z-index:3;
}

/* All pages except the homepage are closed by a special graphic - which sits above the footer */

div#closer{
  background-image:url(../images/base_line.png);
  background-repeat:no-repeat;
  background-position:bottom; 
  height:46px;
  width:765px;  
  float:left;
  margin-left:0px;  
}

/* The footer contains the address, terms etc */

div#footer{
  position:relative;
  top:-20px;
  clear:both;
  width:768px;
  padding:0px;
  margin:0px;
  padding-top:5px;
  padding-bottom:10px;
  height:auto;
  margin-top:30px;
}

div#footer_two_col{
  clear:both;
  width:775px;
  margin-left:0px;
  padding-top:5px;
  padding-bottom:10px;
  padding-left:0px;
}

div#footer_links{
    float:left;
    width:380px;    
}

div#footer_links p a, div#footer_tandcs p a  {
    font-size:10px;
}

div#footer_tandcs{
    float:right;
    width:370px;
}

div#footer p{
  text-align:right;
  padding:0 50px 10px 0;
}

div#footer ul{
  position:relative;
  bottom:-35px;
}

div#footer ul li{
  list-style:none;
  padding-left:40px;
}

/* Textual Styles */

.centre{
  text-align:center;
}

.bold{
  font-weight:bold;
}

.right{
  float:right;
  display:inline;
}

.blockquote
{
  font-style: italic;
}

.block_text h2, #archive_speeches h2, #content h2
{
  border-bottom: 1px solid #e0e0e0;
}

.block_text img
{
  border: 1px solid #f0f0f0;
  padding: 5px;
}
.block_text .centre img
{
  border: 0;
}
.block_text li
{
  margin-bottom: 5px;
}

/* Tables */
table, tr, th, td
{
 font-size: 1em;
 text-align:left;
}

/* Job Board */

div.clear {
    clear:both;
    height:1px;
    margin:0px;
    padding:0px;
}

div.jobs_snippet {
    width:100%;
}

div.jobs_snippet_header, div.jobs_snippet_middle, div.jobs_snippet_footer  {
    width:550px;
    margin-right:100px;
    margin:0px;
    padding:0px;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    float:left;    
}

div.jobs_snippet_header {
    clear:both;
    border:none;
    border-left:2px #d31145 solid;
    border-top:1px #bbb dashed; 
    border-right:1px #bbb dashed;
    height:30px;
}

div.jobs_snippet_footer {
    clear:both;
    border:none;
    border-left:2px #bbb solid;
    border-bottom:1px #bbb dashed; 
    border-right:1px #bbb dashed;
    height:30px;
}

div.jobs_snippet_middle {
    height:auto;  
    border-left:2px #bbb solid;  
    border-right:1px #bbb dashed;    
    padding:5px;
}

div.jobs_snippet_footer {
    height:40px;
    margin-bottom:10px;
}

div.jobs_snippet_middle ul li {
    list-style-position:outside;
    margin-left:30px;
}

div.jobs_snippet_content {
    padding:10px;
}

div.jobs_snippet_content  h3{
    font-size:16px;
}

div.paginator {
    float:left;
    width:320px;
    padding: 1em;
    margin-bottom:10px;
    margin-top:10px;
    padding-bottom:10px;
}

div.paginator a {
    border:0px solid #9AAFE5;
    text-decoration: none;
}

div.paginator span.current {
    background: #fff;
    text-decoration:underline;
    border: 0px solid #2E6AB1;
}

div.paginator span, div.paginator a {
    display: block;
    float: left;
    margin-right: 0.1em;
    padding: 0.2em 0.5em;
    color:#d31145;
}

.paginator span.nextprev {
    border: 0px solid #DDDDDD;
    color: #d31145;
}

div#alternative_nav {
    width:140px;
    float:left;
    padding-left:480px;
}

form#modify_search {
    position:relative;
    float:left;
    width:565px;
    padding: 1em;
    padding-right:0px;
    margin-bottom:0px;
    margin-top:10px;
    padding-bottom:0px;    
}

form#modify_search input, form#modify_search_from_session input, form#backto_search_from_session input {
    border:none;
    color: #d31145; 
    float:right;
    margin-right:10px;
}

form#modify_search input:hover, form#modify_search_from_session input:hover, form#backto_search_from_session input:hover {
    color: #e56687; 
}

div#modify_search_div {
    width:100px;
    display:none;
    float:right;
}

form#modify_search_from_session {
    width:50px;
    height:auto;
    text-align:left;
}

form#backto_search_from_session {
    width:50px;
    height:auto;
    text-align:left;
}

table#jobsearch, table#register {
    width:100%;
    border:0px;
}

table#jobsearch tr td {
    width:25%;
}

table#jobsearch tr td input {
    width:120px;
    margin:0px;
    padding:0px;
}

table#jobsearch tr td input:hover {
    color: #e56687; 
}

input#search_for_job {
    background:url(../images/search_icon.png) 0 0 no-repeat #fff;
    background-position:0px 0px;
    border:none;
    height:45px;
    padding-left:40px;
    color:#d31145;
    text-align:left;
}

select#id_sort{
    margin-bottom:20px;
    margin-top:20px;
    margin-left:0px;
    margin-right:0px;
    color: #d31145; 
}

select#id_sort:hover {
    color: #e56687; 
}

select#id_sector, select#id_jobtype, select#id_minsalary, select#id_maxsalary{
	border-top:2px solid #e8e9ea;
	border-bottom:1px solid #c6c8ca;
	border-left:2px solid #e8e9ea;
	border-right:1px solid #c6c8ca;
	background-color:#fff;
    width:123px;
}

table#jobsearch tr td.errorlist select, table#jobsearch tr td.errorlist input{
    background-color:#d31145;
}

h3 {
color: #d31145
}

/* Salary Calculator */

input#calculate {
    background:url(../images/search_icon.png) 0 0 no-repeat #fff;
    background-position:0px 0px;
    border:none;
    height:45px;
    padding-left:40px;
    color:#d31145;
}

table#salary_calc_inputs, table#salary_calc_results  {
    width:70%;
    float:left;
}

table#salary_calc_results tr td {
    width:25%;
    text-align:right;
    color:#d31145;
}

table#salary_calc_results tr td.title {
    color:#000;
}

.errorlist{
    list-style:none;
    color:#d31145;
    padding-top:2px;
}

img.pngfix{
}

img.redstar{
    vertical-align:text-top;
    margin-top:4px;
    margin-right:1px;
    padding:0px;
    border:0px;
}

form.reg_form {
    width:550px;
}

ul.sitemap li.sitemap {
  list-style:none;
  background:url(../images/tag.png) no-repeat left center; 
  background-position:0px 3px;    
  padding-left:10px;
  text-align:left;
  margin-top:5px;
}

ul.sitemap{
    margin-left:10px;
}

img#mash_recruit{
    margin-top:13px;
}

table.search_results tr.search_results td.left_col {
  background:url(../images/tag.png) no-repeat left top; 
  background-position:0px 3px;    
  padding-left:10px;
  width:25%;
}

.search_highlight {
	color:#d31145;
}

div.job_copy p{
    margin-bottom:10px;
}


#searchtwit a, #searchtwit label{
 font-family: Arial;
 color: black;
 font-size: 0.8em;
}

#twitter{
 position: relative;
 top: -11px;
}

#twitter:hover{
 color:#d31145;
}

#twitter img{
 position: relative;
 top: 8px;
}