/* TYPOGRAPHY

10 77
11 85
12 93
13 100
14 108
15 116
16 123.1
17 131
18 138.5
19 146.5
20 153.9 
21 161.6 
22 167
23 174
24 182
25 189
26 197

BASE styles BEGIN */
body {
	font-size:12px;
	
	font-family:arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
color: #464646;
background: url(http://www.cbsbutler.com/graphics/background.jpg) #002e5f repeat-x top center fixed;
}
table {
	font-size:inherit;
	font:100%;
}
th, h1, h2, h3, legend, dt.relatedHeadlines, .basket dt, .latestJobs dt, .campaignList dt, .jobsOnSite dt, .categoryList dt.heading, .navCandidate dt, th,#mainNav a {
	/*distinguishing table headers from data cells*/
font-family: Trebuchet MS, Arial, Verdana, MS Sans Serif;
}
#content #sideBar .latestNews dd.image img
{
    width:30px;
    overflow:hidden;
    }
.dv3QuickSideSearchPanel legend {
	margin-bottom:0;
}
h1 {
	font-size:182%;
}
h2 {
	font-size:138.5%;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
font-size:108%;
}
h1, h2, h3, legend, dt.relatedHeadlines {
	/* top & bottom margin based on font size */
margin:1em 0;
}
dt.relatedHeadlines {
	margin:1em 0 0;
}
h1, h2, h3, h4, h5, h6, strong, legend, dt.relatedHeadlines, .basket dt {
	/*bringing boldness back to headers and the strong element*/
font-weight:bold;
}
abbr, acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em {
	/*bringing italics back to the em element*/
font-style:italic;
}
blockquote, ul, ol, #main dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol, ul, #main dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
#main dl dd {
	/*giving UL's LIs generated numbers*/
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
/*IE HACK TO FIX POSTIONING ON LEGEND*/
legend {
	position:relative;
	margin:0 0 0.5em;
	margin-left: 0px;
 #margin-left: -7px;
	_margin-left: -7px;
	display:block;
}
/******SPACING******/

.dv3QuickSideSearchPanel legend {
	margin-bottom:0;
}
/* BASE styles END */

/* CONTENT LAYOUT*/

#container {
	margin:0 auto;
	text-align:left;
	width:1008px;
}
#outerContent {
	clear:both;
	float: left;
	width: 100%;
background: url(http://www.cbsbutler.com/graphics/content.png) repeat-y;
}

#content
{
    background: url(http://www.cbsbutler.com/graphics/bgr-content.png) repeat-y top center;
    float: left;
margin-left: 7px;
width: 994px;
    }


#content #main {
	display:inline; /* Fixes IE Double Margin Float Bug */
	float:left;
	width: 546px;
	background: url(http://www.cbsbutler.com/graphics/bgr-main.png) top right no-repeat;
	margin-bottom:15px; 
	padding: 10px 10px 0 10px;
}
#content #sideNav {
	float:left;
	width: 205px;
	padding-top: 9px;
	margin-left: 5px;
}

#content #sideBar {
	float:right;
	overflow:hidden;
	width:206px;
	padding-top:4px;
	padding-right: 12px;

}
#footer {
	clear:both;
	color: #959595;
	font-size: 10px;
	margin:10px 0 0;
	float: left;
	width: 100%;
}

#footer .fLeft
{
    width: 30%;
    padding-left: 15px;
    }

#footer .fRight
{
    width: 45%;
    padding-right: 15px;
    text-align: right;
    }
    
#footer .fRight div
{
    float: right;
    text-align: right;
    }

#footer a:link,
#footer a:visited
{
    color: #959595;
    font-weight: normal;
    }
/* CONTENT LAYOUT END */


/* HEADER */
#header {
}
#header .logo {
	float:left;
	margin:38px 0 0 10px;
}
#header .banner {
	float:left;
}
#header #mainNav 
{

    #width: 650px;
}
/* main nav */

#mainNav li.navNode {
	background-image:none;
	display: inline;
	list-style: none;
	list-style-position:inside;
	padding:0;
}
#mainNav a {
	cursor: hand !important;
	cursor: pointer !important;
	display:block;
	float:left;
	padding:7px 10px 0 7px;
}
/* main nav sub menu slide outs */
#mainNav .slide a {
	background-color: #e5e5e5;
}
/*Side Nav*/
#sideNav div.dlmenu {
	height: 100%;
}
#sideNav div.dlmenu dl.tier1 {
}
#sideNav div.dlmenu dd.tier2 {
	padding: 0 0 0 1em;
}
#sideNav div.dlmenu dd.tier3 {
	padding: 0 0 0 1em;
}
#sideNav div.dlmenu .selected {
	background:#fff;
}
/* End Nav */

/* site Search */

/*SIDE NAV*/
#sideNav .mainNav ul {
	margin:0;
	padding:0;
}
#sideNav .mainNav a, #sideNav .mainNav ul li {
	display:block;
	float:none
}
.navCandidate dl, .navCandidate dl dt, .navCandidate dd .navEmployer dl, .navEmployer dl dt, .navEmployer dd {
	margin:0;
	padding:0;
}
.navCandidate, .navEmployer {
	margin: 0 0 1em;
}
/*MAIN*/


#main .UserContent, p {
	display:block;
	margin-bottom:1em;
}

#main .UserContent img {
	border:auto !important;
}
#main .navCandidate dd, #main .navEmployer dd {
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px solid #ddd
}
/*SIDEBAR CAMPAIGN STYLE*/
div.campaignList img {
	width:120px
}
#main #Comments dl, #main #Comments .a, #main #Comments .SearchResultsRow {
	font-size:100%;
}
#main #Comments .SearchResultsRow dl {
	border-bottom:solid 1px #888787;
	margin-top:10px;
}
#main #Comments dd.postedBy {
	text-align:right;
	padding: 0.5em 0;
	display: block;
}
/*FOOTER*/
#footer li, #footer li a {
	padding:0 3px 0 2px;
}
#footer a {
	cursor:pointer !important;
	cursor:hand !important;
}
/* LINKS */
a, a:link, a:visited {
	color:#005e9d;
	font-weight: bold;
	text-decoration:none;
}
a:hover, a:active, a.selected {
	color:#f89935;
	text-decoration:underline;
}

#main .UserContent a.orange 
{
color:#F89935 !important;   
}

.subNavigation dt.selected a 
{
	color:#f89935;
	text-decoration:underline;    
}
.tabstrip a.selected {
	color:#f89935;
	text-decoration:none;
}
#vacancyDetails #pager a {
	float:right;
	padding:0 6px;
}
a.back {
	border-right:1px solid #666;
	padding: 0 0 0 10px;
}
a.next {
	padding: 0 10px 0 0;
}
/* BUTTONS */
.btn {
	cursor:pointer;
	width:auto;
}
.jobResultsButtons a:link,
.jobResultsButtons a:visited,
.jobResultsButtons span.addtobasket 
{
    color: White;
    display: block;
    float: left;
    padding:4px 0 4px 8px;
#padding-bottom: 5px;
    #font-size: 11px;
}

.jobResultsButtons a.apply:link,
.jobResultsButtons a.apply:visited
{
                 background: url(http://www.cbsbutler.com/graphics/sprite.png) 0px 0px no-repeat;  
                 width: 58px;
                 margin-right: 5px;
                
    }


.jobResultsButtons span.addtobasket
{
    width: 112px;
                 background: url(http://www.cbsbutler.com/graphics/sprite.png) 0px -30px no-repeat;  
    }
    
.jobResultsButtons span.addtobasket a:link,
.jobResultsButtons span.addtobasket a:visited
{
    padding: 0;
    }
    
.jobResultsInfo .items
{
    font-size: 11px;
    color: #555555;
    }
    
    
.jobResultsInfo .description
{
    margin-top: 10px;
    }
    
#main h1.blue
{
    color: #005e9d;
    font-size: 20px;
    }


.jobResultsButtons a.last {
}
.jobResultsButtons {
	float:right;
	width:45%;
width:38%;
	white-space: nowrap;

}
/* Pagination and header control styles - lets change the colours in just one place */
.searchNav, #vacancyDetails .vacancyDetailsDescription, .pagination, .newsDetailsLinks, .headlinksLinkPanel {
	padding:10px 0;
	float: left;
}
.dynamicPagingLink {
	margin-left:2px;
	margin-right:2px;
}
.pagingRight {
	float:right;
}
.pagingLeft {
	float:left;
}
/* Vacancy Details View */
#vacancyDetails .vacancyDetails {
	width:55%;
}
#vacancyDetails .vacancyDetails .fLeft {
	width:auto;
}


#vacancyDetails dl, #vacancyDetails dl dd {
	margin:0;
	padding:0;
	clear:both;
}
#vacancyDetails .vacancyDetailsDescription, #vacancyDetails .vacancyDetailsFooter {
	margin:1em 0;
	padding:1em 0;
}
.searchNav td {
	padding:6px 0 !important;
}
.vacancyDetails span, .employersDetails span, .employersDetails dt, .simlarJobs dt, .quickApplyList .title {
	font-weight:bold;
}
#vacancyDetails .vacancyDetails span {
	float:left;
	width:100px;
}
span.keywordMatch {
	background-color: Yellow;
}
.quickApplyList .searchNav {
	margin:0 0 1em;
}
#vacancyDetails ul li {
	list-style:none;
	margin:0;
	padding:0;
}
#vacancyDetails .vacancyDetailsDescription ul {
	margin-left:2em;
}
#vacancyDetails .vacancyDetailsDescription ul li {
	list-style:disc;
	margin:0;
	padding:0;
}
vacancyDetails .searchNav, #vacancyDetails .descriptionContainer {
	padding:10px 0 10px 0;
}
#vacancyDetails .searchNav {
	padding:10px 0 0px 0;
}
#vacancyDetails .searchNav ul {
	margin:0;
	padding:0;
}
#vacancyDetails .searchNav ul li {
	display:block;
	float:left;
	margin:0px 16px 0 0;
	padding:5px;
	white-space:nowrap;
}
#vacancyDetails .searchNav li.addShortList {
	width:99px;
}
#vacancyDetails .searchNav li.emailFriend {
	width:99px;
}
div.searchFilterContainer > div {
	float:left;
}
/* advanced search */

.search-pager table {
	width:100%;
}
.search-pager td {
	padding: 0 2px;
	text-align:center;
	vertical-align: bottom;
	width:1%;
}


.search-pager td.first, .search-pager td.last {
	padding: 0;
	text-align:left;
	white-space:nowrap;
	width:70%;
}

.vacancyResults {
	width:100%;
	margin-bottom:8px;
}

.SearchResultsCell1, .SearchResultsCell2 {
	vertical-align: top;
}
.SearchResultsCell2 {
	text-align:right;
	white-space:nowrap;
}
div.SearchResultsRow, div.SearchResultsRowAlt, dd.SearchResultsRow, dd.SearchResultsRowAlt {
	padding:0.5em 0.5em 1.5em 0.5em;
	margin:0 0 0 0 !important;
}
.SearchResultsRowAlt, div.SearchResultsRowAlt, dd.SearchResultsRowAlt {
}
td.alternateRow, td.SearchResultsCell1 {
	padding:1em 0 0;
}
.newsTable td.alternateRow, .newsTable td.SearchResultsCell1 {
	padding:0em 0 0;
}
.newsTable td dl.headlineItem, .newsTable td dl.headlineItem dl {
	margin:0px !important;
}
.newsTable td dl.headlineItem dd {
	margin:0 !important;
}
.jobResultsInfo img {
	margin:0 0 10px 10px;
}
/*BASKET*/

.basketContent {
	border-top:none;
	margin:0px 0 3px 0;
}
.basket a {
	display:block;
	text-align:left;
}
.basket dd {
	clear:both;
	margin:0 0 1em;
}
.basket dd a {
	float:left;
	margin:5px 0;
	text-align:left;
}
.basket dd input {
	float:right;
}
.basket dd a {
	margin:0px 0 5px 0px;
	width:160px;
}
/*-------------------------------- DATA TABLE STYLE -------------------------*/
.siteDataTable {
	width: 100% !important;
}
.siteDataTable th {
}
.siteDataTable td {
	width:25%;
	padding:2px 0 2px 5px;
}
.siteDataTable th {
	padding:3px 0 3px 5px !important;
}
.siteDataTable th {
	background:#cccccc;
	height:20px;
	padding:3px 9px 0;
}
.siteDataTable .alternateRow, td.alternateRow {
}
td.alternateRow, td.SearchResultsCell1, td.SearchResultsCell2 {
}
.siteDataTable-links li {
	list-style:none;
}
.siteDateTableCandidates td {
	width:20%;
}
.siteDateTableCandidates td div {
	text-align:center;
}
.vacancyResults .jobResultsInfo {
	margin:0;
	width: 100%;
	float: left;
}
#channelChkBox * {
	float:left;
	margin:0;
	padding:0;
	width:auto;
}
#channelChkBox label {
	margin:0 8px 0 2px;
}
.jobResultTitle {
	float:left;
	width:70%;
}
.jobResultsTitleContainer {
	width:50%;
	float:left;
	font-size: 15px;
}
/* DEFINITION LISTS */
.latestJobs, .campaignList, .jobsOnSite, .latestNews, .latestNews dl, .basket dl dd, #main .newsSearchResults dl, #main .newsSearchResults dl dd, #main .newsSearchResults dl dd, #main .campaignResults dl, #main .campaignResults dd, #main .campaignResults dd, #main dl.emailFriend, #main dl.emailFriend dd, .navEmployer dl, .relatedHeadlines, #main .relatedHeadlines dl, #main .relatedHeadlines dd {
	margin:0 0 1em;
}
.campaignResults dt, .relatedHeadlines dt {
	font-weight:bold;
}
/*NEWS default styling*/
.headlineDate {
	display:inline;
}
/* styles for topHeadline in news home page */
.topHeadline {
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC
}

/*ADD .headlineContent img - if you want the image on the details page to align left or right*/
.newsLatestHeadline img, .headlineItem .img, .relatedHeadlines .img {
	float:left;
	padding:2px 0.5em 0 0;
	margin-left:0 !important;
}
.relatedHeadlines span.date, .headlineItem span.date {
	display:block;
}
.headlinksLinkPanel {
	clear:both;
	margin:1em 0;
}
.latestNews .footer {
	margin:0 0 1em
}
/*NEWS HOME PAGE*/
.newsLatestHeadline dl, .newsLatestHeadline dl dt, .newsLatestHeadline dd {
	padding:0;
	margin:0
}
/*** news home ***/

.NewsHomePanel {
	border:2px solid #4b116f;
	width:226px;
	width:232px;
	padding:10px;
	height:267px;
	float:left;
	margin:0 0 10px 10px;
}
.NewsHomePanelLeft {
	margin-left:0px;
}
.NewsHomePanel h2 {
	font-size:131%;
}
.NewsHomePanel h3 {
	margin-bottom:10px;
}
.NewsHomePanel a {
	display:block;
	text-align:right;
	margin:10px 0 0 0;
}
.NewsHomePanel h3 a {
	color:#000000;
	text-decoration:none;
	text-align:left;
}
.NewsHomePanel img {
	margin:0 3px 3px 0;
}
.ArticleRelated ul {
	padding:0;
	margin:0;
}
.ArticleRelated ul li {
	list-style:none;
	margin:10px 0 10px 0;
	padding:0;
}
.ArticleRelated div {
	margin-top:0px;
}
.ArticleRelated .headlineDate {
	margin:0;
}
.ArticleRelated h3 {
	display:inline;
}
.ArticleRelated {
	float:left;
	padding-left:10px;
	width:50%;
}
.RelatedHeadlines {
	border-right:2px solid #ececec;
	padding-left:0px;
	width:45%;
}
.RelatedHeadlines h3 {
	display:block;
	margin-bottom:0;
}
.RelatedHeadlines .body h4, .RelatedHeadlines .body h2, .RelatedHeadlines .body p {
	display:none;
}
a.email, a.rss {
	background:url(http://www.cbsbutler.com/graphics/icons/email.png) no-repeat;
	padding:0 22px 0 26px;
	margin:0 0 6px;
	display:block;
}
a.jobsRss img {
	padding-left:6px;
}
a.rss {
	background:url(http://www.cbsbutler.com/graphics/icons/rss.png) no-repeat;
}
/* BROWSE NAV */
.browseOptionListContainer {
	margin:0 0 0.5em;
}
.browseSearchOptionListLinkExpanded {
	padding-left:2px;
	font-weight:bold;
}
.browseSearchOptionListLinkCollapsed {
	padding-left:2px;
	font-weight:bold;
}
.browseSearchOptionListLinkHidden {
	display:none
}
/* BREADCRUMB */



/*news headline*/

.categoryList {
	margin:0;
	padding:0;
}
.categoryNode {
	list-style:none;
}
.categoryNode.selected a {
	list-style:none;
    color: #F89935;
}
#main .pnlHeadlineViewerPanel dl, #main .pnlHeadlineViewerPanel dl dd {
	margin-left:0
}
#main .relatedHeadlinesContainer dl {
	margin:0
}
/*-------------------------------- INFO MESSAGE AND ERROR MESSAGE -------------------------*/
.ErrorLabel {
	/*
background:#FFE5E5;
border:1px solid #FF0000;
*/
color:Black !important;
	display:block;
	font-weight:bold;
	margin:0 0 1em;
	padding:1em;
	text-align:left;
}
.InformationMessage {
	/*
background:#EFF5EA;
border:1px solid #5CA653;
*/
margin:0 0 1em;
	padding:1em;
	text-align:left;
	display:block;
}
/** end of combo box panels **/

/*-------------------------------- Bookmark -------------------------*/

.bookmarkFooter a {
	padding:0 5px;
}
/*-------------------------------- MISC STYLES -------------------------*/

.altColour {
	color:#252F66;
}
.block {
	display:block;
}
.bold {
	font-weight:bold;
}
.inline {
	display:inline;
	font-weight:normal !important;
}
.centered {
	text-align:center;
}
.clear {
	clear:both !important;
}
.clearHide {
	clear:both;
	display:inline;
	font-size:1px;
}
.cvDelete {
	display:inline !important;
	margin: 0 !important;
	padding: 0;
	width: 19px;
	vertical-align:top;
}
.cvLink {
	display:inline;
	padding: 2px 0 0 0;
	width: 170px;
}
.formSummaryText {
	display:block;
}
.expandLeft, .expandRight {
}
.fLeft {
	float:left;
}
.formButtons .leftBtn {
	margin-right:10px;
}
.fRight {
	float:right;
}
input.image {
	width:auto
}
.noMargin {
	margin:0
}
.noPaddNoMarg {
	margin:0;
	padding:0;
}
.hide {
	display:none;
}
.spacer {
	border:0px solid black;
	cursor:pointer;
}
.userContentArea {
	display:block;
	margin-bottom:5px;
}
.watermark {
	color:#000;
}
.wauto {
	width:auto !important;
}
.zerojobs {
	background-color:#a9cfe1;
	border:1px solid #cccccc;
	padding:5px;
}
.rssIcon {
	float: right;
	padding: 5px;
}
.accessibility {
	display:none;
}
.inValidField {
	background-color:#dddddd;/*border: solid 1px red;*/
}
.inValidLabel {
	color:Red;
}
.latestJobs a {
	display:block;
}
#openCloseLink {
	display: block;
	text-align: right;
}

/* STICKY CONTENT AREA START */

/*
*+html #stickyBox {margin-left:398px;}

#stickyBox 
{
background:url(http://www.cbsbutler.com/graphics/sprite.png) no-repeat;
background-position:0 -182px;
float:right;
height:106px;
width:32px; 
margin-left:540px;
position:fixed; 
top:337px;  
}

.tabs 
{
height:91px;
position:relative;
margin:0;
margin-top:15px;
padding:0;
width:32px;    
}

.tab_content {
height:91px;
width:118px; 
}

#stickyInsideFb 
{
background:#002e5f;
position:relative;
top:-91px;
left:-117px;
height:91px;
width:118px; 
}

#stickyInsideTw 
{
background:#002e5f;
position:relative;
top:-91px;
left:-117px;
height:91px;
width:118px;
padding:0  
}

#stickyInsideTw iframe
{
padding:16px 0 0 34px !important;    
}

#stickyInsideFb iframe 
{
padding:16px 0 0 23px !important;      
}

#stickyBox #one a 
{
display:block;
color:#fff;
height:29px;
text-align:center;
font-size:14px;
padding-top:4px;
margin:0 0 4px 0;    
}

#stickyBox ul li
{
margin:0;
list-style:none;
padding:0;
}

#stickyBox li a
{
display:block;
height:22px;
margin:0;
margin-bottom:4px; 
padding:2px 0 0; 
width:32px;  
}

#stickyBox li a.fbLink
{
background:url(http://www.cbsbutler.com/graphics/sprite.png) no-repeat;
background-position:0 -294px;
}

#stickyBox li a.fbLink:hover
{
background:url(http://www.cbsbutler.com/graphics/sprite.png) no-repeat;
background-position:0 -294px;
background-color:#002e5f; 
}

#stickyBox li a.twLink
{
background:url(http://www.cbsbutler.com/graphics/sprite.png) no-repeat;
background-position:0 -319px;
padding:2px 0 2px;
}

#stickyBox li a.twLink:hover
{
background:url(http://www.cbsbutler.com/graphics/sprite.png) no-repeat;
background-position:0 -319px; 
background-color:#002e5f; 
padding:2px 0 2px;
}
*/

#carousel-container 
{
display:none;   
}

/* STICKY CONTENT AREA END */

*+html #stickyBox {margin-left:398px;}

#stickyBox 
{
background:url(http://www.cbsbutler.com/graphics/sprite.png) no-repeat;
background-position:0 -182px;
float:right;
height:106px;
width:32px; 
margin-left:540px;
position:fixed; 
top:337px;  
}

*+html .jobDetailsSticky 
{
margin-left:-5px !important;
}

.tabs 
{
height:91px;
position:relative;
margin:0;
margin-top:15px;
padding:0;
width:32px;    
}

#jsddm 
{
height:28px;
width:32px;   
}

#jsddm2 
{
height:24px;
width:32px;   
}

*+html #stickyInsideFb {top:-74px;left:-144px;}

#stickyInsideFb 
{
background:#002e5f;
position:relative;
top:-73px;
left:-142px;
height:91px;
width:118px; 
}

*+html #stickyInsideTw {top:-104px;left:-144px;}

#stickyInsideTw 
{
background:#002e5f;
position:relative;
top:-103px;
left:-142px;
height:91px;
width:118px;
padding:0  
}


#stickyInsideTw iframe
{
padding:16px 0 0 34px !important;    
}

#stickyInsideFb iframe 
{
padding:16px 0 0 34px !important;     
}

#jsddm li ul, #jsddm2 li ul  
{
visibility:hidden;   
}

#stickyBox a.empty 
{
display:block;
color:#fff;
height:29px;
text-align:center;
font-size:14px;
padding-top:4px;
margin:0 0 4px 0; 
text-decoration:none;   
}

#stickyBox ul li
{
margin:0;
list-style:none;
padding:0;
}

#stickyBox li span
{
cursor:pointer;
display:block;
height:22px;
margin:0;
margin-bottom:4px; 
padding:2px 0 0; 
width:32px;  
}

#jsddm, #jsddm2 
{
margin:0;
padding:0;    
}

#stickyBox #jsddm li span.one
{
background:url(http://www.cbsbutler.com/graphics/sprite.png) no-repeat;
background-position:0 -294px;
}

#stickyBox #jsddm li.twitt span.selected
{
background:url(http://www.cbsbutler.com/graphics/sprite.png) no-repeat;
background-position:0 -294px;
background-color:#002e5f; 
}

#stickyBox #jsddm2 li span.two
{
background:url(http://www.cbsbutler.com/graphics/sprite.png) no-repeat;
background-position:0 -319px;
padding:2px 0 2px;
}

#stickyBox #jsddm2 li.face span.selected
{
background:url(http://www.cbsbutler.com/graphics/sprite.png) no-repeat;
background-position:0 -319px; 
background-color:#002e5f; 
padding:2px 0 2px;
}


/* scrollable banners */ 
.scrollable {
	/* required settings */ 
    position:relative;
	overflow:hidden;
	width: 300px;
	height:70px;
}
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.scrollable div.items {
	/* this cannot be too large */ 
    width:20000em;
	position:absolute;
}
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
.scrollable div.items div {
	float:left;
}
/* you may want to setup some decorations to active the item */ 
div.items div.active {
	border:1px inset #ccc;
	background-color:#fff;
}
/* end of scrollable banners */


#sectorNav ul,
#sectorNav li
{
    margin: 0;
    float: left;
    list-style: none;
    }
#sectorNav
{
    padding-left: 1px;
    float: left;
    height: 46px;
    overflow: hidden;
    }
    
#mainNav a:link,
#mainNav a:visited
{
    color: White;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    }
    
#mainNav
{
    float: right;
    }

#mainNav ul
{
    margin: 5px 0 0 0;
    }
    
#header
{
    height: 130px;
    }
    
    
.topbarWidget
{
    
    float: right;
    width: 380px;
    }
    
#topLatestTweets,
#topSiteSearch
{
    display: block;
    float: left;
    height: 79px;
    overflow: hidden;
    width: 380px;
    }
    
#topLatestTweets
{
background: url(http://www.cbsbutler.com/graphics/bgr-twitter.png) no-repeat top center;
    }

#topSiteSearch
{
background: url(http://www.cbsbutler.com/graphics/bgr-sitesearch.png) no-repeat top center;    
    }
    
a.widgetSelector:link,
a.widgetSelector:visited,
.topbarWidget span.selected
{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 11px;
    text-align: right;
    text-decoration: none;
font-family: Trebuchet MS, Arial, Verdana, MS Sans Serif;
font-weight: bold;
display: block;
padding-right: 8px;
float: right;
    }
    
.topbarWidget span.selected
{
color: White;
}

.newsHeadlineas 
{
margin-left:0 !important; 
margin-right:0 !important;
border-bottom:1px solid #CCCCCC;       
}

.newsHeadlineas dd.SearchResultsRow, 
.newsHeadlineas dd.SearchResultsRowAlt 
{
border-top:1px solid #CCCCCC;  
}

.newsHeadlineas dd dl dt a  
{
font-size:15px;
padding-bottom:5px; 
display:block;
}

.newsHeadlineas span.date {
    background:#012E60;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    height: 25px;
    line-height: 1.1em;
    margin-right: 5px;
    text-align: center;
    width: 25px;
}
       
#mydivon a.widgetSelector:link,
#mydivon a.widgetSelector:visited

{
    }

.topbarWidget .tweets
{
    float: right;
    width: 265px;
    #width: 240px;
    #margin-right: 10px;
    font-size: 11px;
    display: block;
    padding: 5px 10px 0 0;
    #padding: 5px 10px 0 10px;
    color: White;
    }

.topbarWidget .tweets #twitter_update_list a {    
color:#F89932 !important; 
}    
    
.topbarWidget .linkContainer
{
    float: left;
    display: block;
    width: 100px;

    }
    
.topbarWidget #linkTweet
{
    float: right;
    background: url(http://www.cbsbutler.com/graphics/weebird.png) right no-repeat;  
    color: White;
    font-family: Trebuchet MS, Arial, Verdana, MS Sans Serif;
    font-weight: bold;
    margin-top: 6px;
    width: 100%;
    text-align:right;
    font-size: 11px;
    padding-right: 20px;
    #padding-right: 25px;
#width: 60%;
    }
    
    
.topbarWidget .dv3FormPanel .formButtons,
.topbarWidget .dv3FormPanel,
.topbarWidget .dv3FormPanel div
{
    padding: 0;
    margin: 0;
    }
    
.topbarWidget .dv3FormPanel label
{
    display: none;
    }
    
.topbarWidget .dv3FormPanel div
{
    float: left;

    }
    
    .topbarWidget .dv3FormPanel div input
    {
        color: #2dade3;
            width: 255px;
        }
    
.topbarWidget .dv3FormPanel .formButtons
{
    float: right;
    }
    
.topbarWidget .dv3FormPanel .formButtons .btn
{
    background: url(http://www.cbsbutler.com/graphics/btn-search.png) right no-repeat;  
    padding-right: 20px;
    font-weight: bold;
        font-family: Trebuchet MS, Arial, Verdana, MS Sans Serif;
        margin: 5px 5px 0 0;
        float: right;
    border: 0;
    }
    
.quickSearch .title,
#main h1,
.title,
#filterResults,
#shortlistArea .basket dt,
.latestJobs dt,
#sideNav .navCandidate dt, 
#main .simlarJobs dl dt, 
#main .employersDetails dt, 
.blogSideNav dl dt.homemag, 
#CommentsForm legend
{
        font-family: Trebuchet MS, Arial, Verdana, MS Sans Serif;
        text-transform: uppercase;
        font-size: 15px;
        margin: 0;
        font-weight: bold;
        color: #f89932;
    }
    
.blogArchive 
{
margin-bottom:15px;    
}
    
#main .chosenVacancy 
{
clear:both;
display:block;    
}

.applyBlock .searchNav
{
float:none;    
}

#Comments div.Highlighted 
{
padding:0;    
}

#main #Comments dl, 
#main #Comments dd .Highlighted dl
{
margin-right:0 !important;     
}
    
.RadComboBoxDropDown .RadTreeView 
{
height:auto !important;    
}   
    
#main .simlarJobs dl dt, 
#main .employersDetails dt 
{
margin-bottom:8px;    
}
    
.leftBanners
{
margin-bottom: 4px;
}

*+html .quickSearch div.quickSearchInner {margin-top:-19px;}
    
.quickSearch
{
font-size: 11px;
width: 204px;
}

.newsPanel table.tableA 
{
width:546px !important;
}

.newsPanel .tableA td.searchNav   
{
width:546px !important;
}

   
    
.ruled
{
        border-bottom: 1px solid #e5e5e5;
        float: left;
        width: 204px!important;
    }
    
.quickSearch div
{
padding: 0 0 2px  0!important;
margin: 0!important;
width: 185px;
}

.quickSearch .dv3FormPanel .odaOptionType_c33c861e-d1a6-4ee5-aebf-1e8faa608d42 div.radContainer
{
width:185px !important;
overflow:hidden;
}

.quickSearch div.quickSearchInner 
{
border-bottom:1px solid #e5e5e5;
float: left;
margin-bottom:10px !important;
padding-bottom:5px !important;    
}
    
.quickSearch fieldset
{
padding-left: 5px;
}
    
#content .quickSearch fieldset input.btn
{
background: url(http://www.cbsbutler.com/graphics/searchbutton.gif) no-repeat;  
border: 0;
color: White;
line-height:18px !important;
font-family: Trebuchet MS, Arial, Verdana, MS Sans Serif;
width: 48px!important;
padding: 0;
}
    
#content .quickSearch .formButtons
{
    float: right;
    margin: 0 5px 0 0;

    width: 50px;
    overflow: hidden;
    padding: 15px 0 0 0!important;
    }
    
#ctl00_ctl00_CPHQuickSearch_QuickSearch2_odaPrimary_rptItems_ctl01_dlbInternal_odaContainer,
#ctl00_CPHQuickSearch_QuickSearch2_odaPrimary_rptItems_ctl01_dlbInternal_odaContainer
{
    width: 130px;
    overflow: hidden;
    float: left;
    margin: 0px 0 0 0!important;
    }
    
#content input,
#content select,
#content textarea
{
    color: #464646;
    font-size: 11px;
    border: 1px solid #b0b2a2;
    }
    
    
#sideBar dt.rss
{
    text-align: right;
    margin-top: -15px;
    }
    
#sideBar  .latestNews .description 
{
    margin-bottom: 0px;
   float: left;
    width: 160px;
    margin: 0 0 10px 0;
    font-size: 11px;
    }
    
*+html #sideBar  .latestNews .repeater {margin-top:4px;}
    
#sideBar  .latestNews .repeater
{
    clear:both;
    width: 100%;
    float: left;
    text-align:left;
    }
    
#sideBar .latestNews .repeater .blogheader
{
    width: 100%;
    margin-bottom: 5px;
    float: left;
    display: block;
    text-align:left;
    }
    
#sideBar  .latestNews .image
{
    float: left;
    }
    
.footerLink a:link,
.footerLink a:visited
{
            background: url(http://www.cbsbutler.com/graphics/sprite.png) -1016px -1178px no-repeat;  
            display: block;
            padding-left: 10px;
            float: left;
            font-size:12px; 
            margin: 10px 0 5px;
    }
    
.latestNews .footerLink a.newsViewAll 
{
margin:16px 0 5px;    
}
    
.capImage
{
    background: url(http://www.cbsbutler.com/graphics/sprite.png) -3px -1180px ;  
    width: 1006px;
    height: 9px;
    display: block;
    float: left;
    }
    
#candidateForm .dv3FormPanel legend {
color:#F89932;
}
    
#sideNav .navCandidate a:link,
#sideNav .navCandidate a:visited{
padding: 3px 0 3px 10px!important;
float: left;
display: block;
width: 203px!important;  
background: url(http://www.cbsbutler.com/graphics/sprite.png) -1016px -1177px no-repeat;  
    }
    
    
.quickSearch .divOptionDisplayListTitle
{
font-size: 14px;
text-transform: uppercase;
color: #959595;
padding: 5px 0 3px 2px!important;
float: left;
display: block;
width: 203px!important;  
background: url(http://www.cbsbutler.com/graphics/sprite.png) -1015px -1173px no-repeat;  
border-top: 1px solid #e5e5e5;
    }
    
    
    
.quickSearch #filterResults{
border-top: 1px solid #e5e5e5;
width: 204px!important;  
padding-top: 4px!important;
}

.yourSelections
{
    color: #959595;
    }
    
.yourSelections a:link,
.yourSelections a:visited
{
    font-weight: normal;
    }
    
.BrowseSearchSummaryOptionSelectedItem
{
    font-weight: bold;
    }


.quickSearch .divBrowseSearchOptionLink
{
    font-size: 12px;
    padding: 0 0 4px 0!important;
    font-weight: bold;
    color: #363636;
    }

.quickSearch .divBrowseSearchOptionLink a
{
display:block;
float:left;
width:150px;    
}

.jobResults table td.searchNav 
{
width:100%;    
}

.quickSearch .divBrowseSearchOptionLink span
{
float:right;   
}

#browseSearchArea div
{
    float: left;
    }
#browseSearchArea
{
  width: 205px!important;  
    }
    
    
.divOptionDisplayListTitle a:link,
.divOptionDisplayListTitle a:visited
{
    color: #959595;
        padding-left: 8px!important;
    }
    
    
.sideNavigation
{
    float: left;
    margin-left: 2px;
    }
    
#sideBar .subNavigation,
#sideBar .latestNews
    {
    background: url(http://www.cbsbutler.com/graphics/sidenav.png) bottom left no-repeat;  
    float: left;
    width: 100%;
                     margin: 4px 0 0 3px;
    padding: 0 10px;
    }
    
#sideBar .latestNews
{
                 background: url(http://www.cbsbutler.com/graphics/sprite.png) -1790px 0px no-repeat;  

                 width: 190px;
    }
    
#sideBar .sideNavigation .title
{
    padding-left: 10px;
    }
    
    
#sideBar .latestNews .title
{
    padding: 5px 0 0 0;
    }
    
#sideBar .subNavigation
{
    #width: 190px;
    padding-bottom: 5px;
    }

#sideBar .subNavigation .title
{
padding-bottom:5px;
}

#sideBar .subNavigation a:link,
#sideBar .subNavigation a:visited, 
#sideNav .subNavigation  a:link,
#sideNav .subNavigation a:visited
    {
            background: url(http://www.cbsbutler.com/graphics/sprite.png) -1016px -1177px no-repeat;  
            display: block;
            padding-left: 10px;
            float: left;
            clear: both;
            margin: 0 0 5px 0;
            width: 80%;
  
    }
    
    
   

#sideNav .subNavigation .dlmenu dt 
{
background: url(http://www.cbsbutler.com/graphics/sprite.png) -1016px -1177px no-repeat; 
font-size:12px; 
margin:0 0 0 0;
padding-bottom:4px;
width:185px;
float:left;
}

#sideNav .subNavigation .dlmenu dt a 
{
clear:none; 
display:block;
float:left;
font-size:12px; 
margin:0;
padding-left: 10px; 
width:140px;  
}

#sideNav .subNavigation .dlmenu dt a:hover, 
#sideNav .subNavigation .dlmenu dt a span:hover 
{
color:#F89932 !important;    
}

#sideNav .subNavigation .dlmenu dt a span 
{
float:none;
color:#005E9D;
}

#sideNav .subNavigation .dlmenu dt span 
{
float:right;
color:#363636;
font-size: 12px;
font-weight: bold;
}

#sideBar .subNavigation dd.tier2 dt a
{
background: url(http://www.cbsbutler.com/graphics/sprite.png) -1008px -1175px no-repeat;  
padding-left:25px;   
}

.registerLoginBottom 
{
    background:#FFFFFF;
    color:#000000;
    margin:0 0 0 -10px;
    padding:0 12px 0 7px;
    width:545px;  
}

#sideBar .latestNews
{
float:left;
}

#sideBar .latestNews dl dd.SearchResultsRow, 
#sideBar .latestNews dl dd.SearchResultsRowAlt
{
float:left;
}
        
td.alternateRow, td.SearchResultsCell1

{
    width: 522px;
    border: 3px solid #ececec;
    padding: 10px;
    }
    
tr.SearchResultsRow,
tr.alternateRow
{
    display: block;
    }
   
    
.defaultMasterContent 
{
display:block;    
} 

.blogCategoryHeader span 
{
display:none;    
}   
    
.border-spacer
{
height: 6px;   
    }
    
.sectorBanners
{
    margin:3px 0 0 -7px;
    }
    
.sectorBanners img
{
    padding-bottom: 3px;
    }
    
	
.sortingPanel
{
	border-bottom: 1px solid #9c9c9c;
	float: left;
	width: 100%;
	font-size: 11px;
	margin-bottom: 10px;
	line-height: normal;
	}
	
.sortingPanel .rssIcon a:link,
.sortingPanel .rssIcon a:visited
{
	border: 0;
	padding-right: 0;
	}
	
.sortingPanel a:link,
.sortingPanel a:visited
{
	display: block;
	float: left;
	padding: 3px;
             background: url(http://www.cbsbutler.com/graphics/sprite.png) 0 -98px no-repeat;  
	border: 1px solid #9c9c9c;
	border-bottom: none;
	height: 15px;
	}
	
.sortingPanel .linkOne a:link,
.sortingPanel .linkOne a:visited,
.sortingPanel .linkOne a
{
	border-right: none;
	}
	
.sortingPanel a
{


	display: block;
	float: left;
	padding: 3px;
	border: 1px solid #9c9c9c;
	border-bottom: none;
	height: 15px;
	}
	
.BrowseSearchInactive
{
             background: url(http://www.cbsbutler.com/graphics/sprite.png) 0 -98px no-repeat;  
	color: #acacac;
	}
	
.sortingPanel span.sortBy
{
	display: block;
	padding: 3px;
	float: left;
	}
	
.jobDetailsButtons
{
    float: right;
    width:200px;
}

#main #vacancyDetails .jobDetailsButtons div ul
{
margin:0;
}
	
#main .jobDetailsButtons a:link,
#main .jobDetailsButtons a:visited,
#vacancyDetails #pager a:link,
#vacancyDetails #pager a:visited,
.detailsFooter a:link,
.detailsFooter a:visited, 
span.shortlistYes
{
     border: 1px solid #cfcfcf;
     float: right;
     background:white;
     font-weight: normal;
     padding: 3px 5px;
     margin-bottom: 5px;
     text-align: right;
     clear: right;
}

#main .jobDetailsButtons a:link,
#main .jobDetailsButtons a:visited,
#main #vacancyDetails #pager a:link,
#main #vacancyDetails #pager a:visited,
#main .detailsFooter a:link,
#main .detailsFooter a:visited  {
     color:#005E9D;
}

#vacancyDetails #pager a:link,
#vacancyDetails #pager a:visited
{
    clear: none;
    float: right;
    font-size:12px;
             background: url(http://www.cbsbutler.com/graphics/sprite.png) #fff 0 -124px no-repeat;  
             padding-left: 18px;
             padding-right: 18px;
             margin-right: 5px;
    }
 
#vacancyDetails #pager a.back
{
margin-right:0;
}   

#vacancyDetails #pager a.next
{
margin-left:5px;
}   
    
#vacancyDetails #pager a.next:link,
#vacancyDetails #pager a.next:visited{
        margin-right: 0px;
padding-left: 17px;
padding-right: 18px;
        background-position:  -104px -124px ;
        }
.jobDetailsButtons ul a:link,
.jobDetailsButtons ul a:visited
{
    width: 180px;
font-size:12px;
    }
    
    img.userImage 
    {
    padding:0 4px;    
    }
    
.iframeBox iframe html body.transparent_widget 
{
background:#000000 !important;    
}
    
.simlarJobs
{
    border-top: 2px solid #e8e8e8;
    margin-top: 10px;
    padding-top: 10px;
    float: left;
    clear:both;
    width:100%;
    }
    
.vacancyDetailsDescription,
#main .headlineContent
{
        border: 2px solid #e8e8e8;
        border-left: none;
        border-right: none;
        width: 100%;
    margin: 10px 0;
    padding: 10px 0;
    }
    
#main .headlineContent
{
    margin: 0;
    }
    
#main .headlineContent img
{
    float: left;
    padding: 0 10px 10px 0;

    }
    
#main #LikePluginPagelet
{
    float: right;
    }
    
.headlinksLinkPanel
{
            border-bottom: 2px solid #e8e8e8;
            width: 100%;
                margin: 0;
    }
    
.vacancyDetails
{
    line-height: 25px;
    }
    
.vacancyDetails span
{
    font-weight: normal;
    }
    
#main #vacancyDetails .detailsFooter ul
{
margin:0;
width:210px;
}
    
*+html .detailsFooter ul li {clear:both;}  

*+html .detailsFooter ul li.add {clear:left;}
 
*+html .detailsFooter ul li.print {clear:right;} 

*+html #main .detailsFooter ul li.print a {margin-top:-16px;}
 
.detailsFooter a:link,
.detailsFooter a:visited
{
    float: left;
    font-size:12px;
    width: 190px;
    text-align: left;
    }
    
.jobDetailsButtons span.shortlistYes
{
    width: 180px;
    font-size:12px;
    text-align: right;
    }
    
.detailsFooter span.shortlistYes
{
float:left;
width:128px;
text-align: left;
}
    
.detailsFooter li.add a:link,
.detailsFooter li.add a:visited,
.detailsFooter li.print a:visited,
.detailsFooter li.print a:link
{
    width: auto;
    }
    
.detailsFooter li.add a:link,
.detailsFooter li.add a:visited
{
    width: 127px;
    overflow: hidden;
    }
    
.detailsFooter li.print a
{
    margin-left: 5px;
    }
    
.GroupApplyList
{
    width: 195px;
    }
    
.GroupApplyList a:link,
.GroupApplyList a:visited
{

    width: 180px;
    float: left;
    }
    
.GroupApplyList a.remove:link,
.GroupApplyList a.remove:visited
{

    float: right;
    width: 7px;
    padding-top: 3px;
    }

#content input.candBtn 
{
background: url(http://www.cbsbutler.com/graphics/sprite.png) 0 -376px no-repeat;
border:none;
cursor:pointer;
color:#ffffff;
height:19px;
margin-top:10px;
padding-bottom:3px;
width:190px;  
}

/*    
.GroupApplyList a.applyToAll:link,
.GroupApplyList a.applyToAll:visited,
.GroupApplyList a.viewShortlist:link,
.GroupApplyList a.viewShortlist:visited
{
    width: 80px;
    float: left;
    font-size: 11px;
    text-transform: uppercase;
    color: White;
        background: url(http://www.cbsbutler.com/graphics/sprite.png) #fff 0 -153px no-repeat;  
        padding: 2px 4px;
    }
*/

.GroupApplyList a.applyToAll:link,
.GroupApplyList a.applyToAll:visited,
.GroupApplyList a.viewShortlist:link,
.GroupApplyList a.viewShortlist:visited
{
    width: 80px;
    float: left;
    font-size: 10px;
    text-transform: uppercase;
    color: White;
        background: url(http://www.cbsbutler.com/graphics/sprite.png) #fff 0 -153px no-repeat;  
        padding: 3px 5px;
    }
    
.GroupApplyList a.viewShortlist:link,
.GroupApplyList a.viewShortlist:visited
{
    float: right;
    width: 90px;
        background: url(http://www.cbsbutler.com/graphics/sprite.png) #fff -91px -153px no-repeat;  
    }
    
#sideNav #shortlistArea .basket,
#sideNav .navCandidate,
#sideNav .latestJobs
{
border-bottom: 1px solid #e5e5e5;
width: 204px!important;  
padding-bottom: 4px!important;
margin-bottom: 5px;
float: left;
}

#sideNav .latestJobs 
{
padding-bottom: 8px!important;
margin-bottom: 8px;    
}

#sideNav .latestJobs .footerlinks
{
    width: 100%;
margin-bottom: 10px;
    float: left;
    }
    
#sideNav .latestJobs .footerlinks a:link,
#sideNav .latestJobs .footerlinks a:visited,
#sideNav .latestJobs .footerlinks .spacer
{
    float: left;
    }
    
#sideNav .latestJobs 
{
    font-size: 11px;
    }
    
#sideNav .latestJobs dd
{
    padding-top: 5px;
    }
    
#sideNav .latestJobs a:link,
#sideNav .latestJobs a:visited
{
    font-size: 13px;
    }
    
#sideNav .latestJobs .footerlinks a:link,
#sideNav .latestJobs .footerlinks a:visited
{
    font-size: 11px;
    color: #f78e1e;
    }    
    
#sideNav .latestJobs .footerlinks .spacer
{
    display: block;
    padding: 0 5px;
    }

#main .btn
{
    color: White;
    }
    
#Comments,#CommentsForm
{
    float: left;
    width: 100%;
    }
    
#CommentsForm .formButtons
{
    padding-left: 34.6%;
    }
    
    
.quickSearch div.browseRowPad
{
    height: 1px;
    }