﻿#jobdetails {
    width: 740px;
    float:left;
    padding:10px 8px 0px 16px;
    margin:0px 0px 0px 0px;
    border-right: 1px solid #eeeeee;
    
}
#branchdetails {
    width:155px;
    padding:10px 8px 16px 16px;
    background-color:#f9f9f9;
    float:left;
}

#joblisting {
  margin: 0px 16px 16px 16px;
}
#joblistingsummary h2 {
 padding: 10px 0px 10px 0px;
 font-size: 1.6em;
 margin-bottom: 0px;
}

.pager { 
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #cccccc;
    margin: 0px 0px 0px 0px;
 }
.pager a{ 
     font-weight:bold;
 }

.pagerlink {
    padding: 0px 3px 0px 3px;
    font-weight:bold;
} 

#sort {
    float:right; 
    background-color:#f9f9f9; 
    padding: 5px 25px 5px 25px;
    margin:15px  0px 0px 0px;   
}

h2 span.details {
	color: #666666;
	font-size: 0.8em;
	margin-left: 10px;
}

#joblisting .jobsummary {
    border-bottom: 1px dotted #cccccc;
    padding: 20px 0px 20px 0px;
    margin:0px;
}
    
#joblisting .jobsummary p {
    margin: 7px 0px 7px 0px;
    line-height:1.1em;
}


#joblisting .jobsummarysml {
    border-bottom: 1px dotted #cccccc;
    padding: 0px 0px 10px 0px;
    margin:0px;
}

#joblisting .jobsummarysml h2.randstad {
	padding: 0px 0px 0px 16px;
	margin:0px;
}
#joblisting .jobsummarysml h2 {
	padding: 0px 0px 0px 0px;
	margin:0px;
	background-color:Transparent;
}



#jobfilter{
    width:176px;
}

#jobfilter .block {
    background-color:#f9f9f9;
    margin:10px 0px 10px 0px;
    padding:10px 0px 10px 0px;
}
#jobfilter .block h2{
	font-size: 1.6em;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 16px;
}
#jobfilter .block .expander {
	background: url(/images/arrow-expanded.gif) no-repeat 5px 6px;
	padding: 0px 16px;
	font-weight: bold;
}

#jobfilter .expander a{
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

#jobfilter a{
	color: #666666;
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
}
#jobfilter a:hover{
	color: #333333;
}

#jobfilter ul {
    margin: 0px 0px 0px 16px;
 }

#jobfilter ul li {
    margin: 0px 0px 2px 0px;
}
#jobfilter ul li ul {
    margin: 0px 0px 0px 16px;
 }

#jobfilter ul li ul li{
    margin: 0px 0px 2px 0px;
}


#jobfilter a.undo {
	color: #2175d9;
	margin-left: 5px;
    text-decoration:none;
    font-weight:normal;
}

#jobfilter ul li.active a {
	color: #2175d9;
	font-weight: bold;
	text-decoration: none;
}
#jobfilter ul li.active a.undo {
    font-weight:normal;
}
#jobfilter a.sectorheading {
    font-weight:bold;
}

#branch h2 {
    border-bottom: none;
    font-size:1em;
 }

#branch p, h3 {
    line-height:1.5em;
}
#branch p {
    margin:0px;
    padding:0px;
}

a.b1, .b1,
a.b2, .b2,
a.b3, .b3,
a.b4, .b4  {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	height: 22px;
	text-decoration: none;
	padding: 4px 20px 4px 10px;
}



a.b1, .b1 {
	background: #2175d9 url(/images/button-arrow.gif) no-repeat right center;
}

a.b2, .b2 {
	background: #009900 url(/images/button-arrow.gif) no-repeat right center;
}

a.b3, .b3 {
	background: #e41f1f url(/images/button-arrow.gif) no-repeat right center;
}

a.b4, .b4 {
	background: #666666 url(/images/button-arrow.gif) no-repeat right center;
}

a.back, .back {
	background-image: url(/images/button-arrow-left.gif);
	background-position: left center;
	padding-left: 20px;
	padding-right: 10px;
}

.forward {
    background-image: url(/images/button-arrow.gif);
    background-position: right center;
    padding-left: 10px;
    padding-right: 20px;
    background-repeat: no-repeat;
}

input.forward:hover{
    background: #ff8a00;
	cursor: pointer;
    cursor: hand;
    background-image: url(/images/button-arrow.gif);
    background-position: right center;
    padding-left: 10px;
    padding-right: 20px;
    background-repeat: no-repeat;
}
a.sendtofriend {
    color:#666666;
    text-decoration: underline;
	padding-left: 10px;
}

.keyreclogo { float:right;}

#topbuttons { padding-bottom:10px;}


#jobdesc { 
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;
    float:left;
    width:740px;
}

#jobdescapply { 
    padding:0px 0px 0px 0px; 
    margin:0px 20px 0px 0px;
    float:right;
    width:430px;
}
#jobdesc td, #jobdescapply td { 
    padding:0px 16px 6px 0px; 
    vertical-align:text-top;
}
#jobdesc td li, #jobdescapply td li { 
    list-style-type:circle; 
}

#jobdetailsapply {
    width:908px;
    float:left;
    padding:10px 8px 0px 16px;
    margin:0px 0px 0px 0px;
}
#jobdetails ul, #jobdetailsapply ul  { margin-bottom:10px;}
#jobdetails li, #jobdetailsapply li  { margin: 0px 0px 0px 16px;}
#jobdetails h2, #jobdetailsapply h2  { margin-bottom:10px;}



#applyform {
    display: block;
    width: 418px; 
    float: left; 
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
    border-right: 1px solid #eeeeee;
}

#sendtofriend   { 
    display:none; 
    width:418px; 
    float: left; 
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
    border-right: 1px solid #eeeeee;
}

#keyreclogo {float:right;}
#jobheading {display:none;}
.salary{ float:right;}

.SectorJobTitle {
    background-color: #f9f9f9;
    font-size: 1.2em;
    font-weight: bold;
}
