/* 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


Calibri Regular = font-weight: 400;
Calibri Bold = font-weight: 700;

Proxima Nova Light = font-weight: 200;
Proxima Nova Regular = font-weight: 300;
Proxima Nova Bold = font-weight: 600;
Proxima Nova Bold Italic = font-weight: 500;

font-family:'Calibri W01';
font-family:'Proxima Nova W01';


BASE styles BEGIN */
body {
    font: 17px 'Calibri W01', arial,helvetica,clean,sans-serif;
}

#cookiebannerContainer a.acceptPolicy,
#bannerWrapper .quickSearchHome.container .formButtons input,
#bannerWrapper .searchWrapper.container .formButtons input,
.jobResultsPageSearch .formButtons input,
#sideNav .sideBanner .info .learnnMore:after,
.jobResultsInfo .salary:before,
.jobResultsInfo .location:before,
.jobResultsButtons a.first:after,
.jobSearchBottomWrapper a:before,
#homeQuickSendCv a:before,
#home-page-lower-content .contentWrapper .learnMore:after,
#clientServicerWrapper a.clientServicesBtn:after,
#sideBar .searchNav .first a:after,
.vacancyDetailsFooter #shareWrap p span,
#vacancyDetails .vacancyDetailsFooter .searchNav .first a:after,
.contentWrapper .rightContentWrapper .learnMore:after,
#vacancyDetails .vacancyDetailsFooter #hypPreviousResult a:before,
#vacancyDetails .vacancyDetailsFooter #hypNextResult a:after,
.relatedHeadlines.topHeadline .blogContent a:after,
.relatedHeadlines.bottomBlock .SearchResultsRow .blogContent a:after,
.relatedHeadlines.bottomBlock .SearchResultsRowAlt .blogContent a:after,
.shareBtnsInBlog .shareButtons a,
#mainNav li.navNode.dropdown a span:after,
#sideNav .browseNews .dv3SideSiteSearchPanel .formButtons input {
    background: url(http://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/css-sprite.png) no-repeat;
}

#sideNav .jobResultsPageSearch .formButtons input {
    background: url(http://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/css-sprite.png) no-repeat !important;
}

body a, 
#header #mainNav a span,
#back-top a span, 
#sideBar #shortlistPreview {
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;    
}


#cookiebannerContainer a.acceptPolicy,
#content-left .homeMiddleNavigation-One a,
#content-left .homeMiddleNavigation-Two a,
#sideNav .browseJobs .divBrowseSearchOptionLink a {
    -webkit-transition: all 0s ease-in;
    -moz-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}

table {font-size:inherit;font:100%;}

/* ipad landcspe text resize override*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
-webkit-text-size-adjust:none;
}
/* ipad landcspe text resize override*/

th, h1, h2, h3, legend, dt.relatedHeadlines, .basket dt, .latestJobs dt,
.campaignList dt, .jobsOnSite dt, .categoryList dt.heading, .navCandidate dt, th {
/*distinguishing table headers from data cells*/
font-weight:bold;
}

.basket, .quickSearch, .siteSearch {
margin-bottom:1em;
}

.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*/
	margin-left:1em;
}

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******/
.basket, .quickSearch, .siteSearch {
    margin-bottom:1em
}

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

/* DV4 ADMIN TOOLBAR */
#admintoolbar {
z-index: 10000;
position:fixed;
top:0;
left:0;
width:100%;
padding:5px 0;
font-size: 12px;
background:#000000;
}

#admintoolbar .wrapper {
width: 998px;
margin: 0 auto;
}

#admintoolbarflyout {
float: right;
width: 90%;
margin-top: 8px;
text-align: right;
}

#admintoolbarflyout a {
display:inline-block;
margin-right:10px;
padding-right:10px;
border-right: 1px solid #fff;
color:#ffffff;
text-decoration: none;
}

#admintoolbarflyout a:hover {
color:#e6057f;
}

#admintoolbar span {
color:#e6057f;
}

#admintoolbar span a {
margin-right:0;
margin-left: 10px;
padding-right:0;
padding-left: 10px;
border-right: none;
border-left: 1px solid #fff;
}

#admintoolbar.minimise {
    width: 64px;
    overflow: hidden;
    padding: 5px 20px;
}

/* CONTENT LAYOUT*/

.container {
    margin: 0 auto;	
    width: 960px;
}

#content {
clear:both;
height:auto;
min-height: 333px;
overflow:auto;		
}

#content #main {
    display: inline; /* Fixes IE Double Margin Float Bug */ 
    float: right;
    width: 680px;
}
.leftAligned {
    text-align: left;
}

.container.breadcrumbs {
    padding: 18px 0;
    font-size: 17px;
    text-align: left;
}

.container.breadcrumbs p {
    margin: 0;
    padding: 0;
}

.container.breadcrumbs p a {
    color: #000;
}

.container.breadcrumbs p .crumbDivide {
    color: #2296a7;
}

#content #sideNav {
    float: left;		
    width: 220px;
}

#content #sideBar {
float:left;	
width:224px;
}


/* CONTENT LAYOUT END */


/* HEADER */

/* cookies */
#cookiebannerContainer {
    padding: 19px 10px;
    color: #fff;
    background: #2296a7;
    text-align: center;
    border-bottom: 1px solid #fff;
}

#cookiebannerContainer #cookiebannerTitle {
    text-transform: uppercase;
    font-weight: 700;
}

#cookiebannerContainer #cookiebannerMessage {
    width: 877px;
}

#cookiebannerContainer #cookiebannerMessage a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}


#cookiebannerContainer a.acceptPolicy {
    display: block;
    width: 21px;
    height: 25px;
    float: right;
    margin: -23px 35px 0 0;
    background-position: -155px 0;
    text-indent: -9999px;
}


#cookiebannerContainer a.acceptPolicy:hover {
    background-position: -188px 0;
}

/* end cookies */



#header {
    height: 87px;
    box-sizing: border-box;
}

#header .logo {
  float: left;
  padding-top: 13px;
  width: 244px;
}

#header .logo img{
    width: 100%;
}

#header .navTop {
    float: right;
    height: 35px;
    padding: 8px 0;
    background: #2296a7;
    box-sizing: border-box;
}

#header .navTop div#telNumber {
    padding: 0 16px !important;
    color: #fff !important;
}

#header .navTop div#telNumber span {
    padding: 0 5px !important;
}

#header .navTop div {
    display: inline-block;
}

#header .navTop span,
#header .navTop a {
    font-size: 15px !important;
    color: #fff !important;
    padding: 0 22px 0 0 !important;
}


/* main nav */

#header #mainNav {
	float: right;
    padding-top: 11px
}

#header #mainNav a span {
	color: #000;
    padding: 0 7px;
    border-right: 1px solid #d3d3d3;
}

#header #mainNav a:hover {
    text-decoration: none;
}

#header #mainNav a:hover span,
#mainNav li.navNode.dropdown > .secondaryNav a:hover {
	color: #3d9eae;
}

#header #mainNav .last a span {
    border-right: none;
}

#mainNav li.navNode {
	background-image:none;	
	display: inline-block;
	list-style: none;	
	list-style-position:inside;
	padding:0;
}

#mainNav li.navNode.dropdown {
    position: relative;
}

#mainNav li.navNode.dropdown > .secondaryNav {
    display: none;
    position: absolute;
    top: 15px;
    left: -11px;
    width: 300px;
    padding: 10px;
    /*background: #fff;*/
    z-index: 2;
}

#mainNav li.navNode.dropdown > .secondaryNav ul {
    padding: 0 10px 10px;
    background: #fff;
}

#mainNav li.navNode.dropdown div.secondaryNav a {
    color: #000;
}

#mainNav li.navNode.dropdown .secondaryNav li {
    list-style: none;
}

#mainNav li.navNode.dropdown a span {
	position: relative;
    padding-right: 17px !important;
}

#mainNav li.navNode.dropdown:hover div.secondaryNav,
#mainNav li.navNode.dropdown div.secondaryNav:hover {
    display: block;
}

#mainNav li.navNode.dropdown a span:after {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 18px;
    background-position: -115px -13px;
}

#mainNav li.navNode.selected a span {
    color: #2296a7 !important;
}

#mainNav ul {
margin:0;
float:left;
}

#mainNav a {
	cursor: hand !important;
	cursor: pointer !important;
	display: block;
	float: left;
}

/* main nav sub menu slide outs */
#mainNav .slide a {
background:#e5e5e5;
}

/* cand Menu Drop Down */

.candMenuOuter {
background:#666; 
margin:0 10px;  
position:relative;
display: none;
}

#showCandMenu 
{
padding:5px;
display:inline-block;
background:#333;
color:#fff;
font-size:16px;
cursor:pointer;
}

.candMenuOuter .navCandidate
{
display:none;
background:#666;
position:absolute;
z-index:9000;
left:0;
top:28px;
}

.candMenuOuter:hover .navCandidate
{
display:block;
}

.candMenuOuter:hover #showCandMenu 
{
background:green;    
}

/* cand Menu Drop Down

-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;

*/

/*Side Nav*/
#sideNav .sideNavWrapper {
    margin-bottom: 32px;
}

#sideNav .sideNavHeader {
    padding-bottom: 17px;
    text-align: left;
    line-height: 22px;
    border-bottom: 1px solid #000;
}

#browseSearchArea {
    margin-bottom: 27px;
}

#sideNav .LatestPosts {
    position: relative;
    margin-top: 20px;
    width: 300px;
    border: 1px solid #626569;
}

#sideNav .LatestPosts .searchResultsWrapper {
    float: none;
}

#sideNav .LatestPosts .blogResultImage {
    position: relative;
    top: -38px;
    left: 12px;
    width: 275px;
    height: 165px;
    overflow: hidden;
}

#sideNav .LatestPosts .blogResultImage img {
    width: 275px;
}

#sideNav .LatestPosts dt {
    position: relative;
    top: 188px;
    left: 62px;
    display: table-cell;
    width: 225px;
    height: 50px;
    vertical-align: middle;
}

#sideNav .LatestPosts .blogContent {
    margin: 47px 0 15px 11px;
    width: 277px;
}

#sideNav .LatestPosts .dateContainer {
    position: absolute;
    top: 176px;
    left: 11px;
}

#sideNav .LatestPosts .dateContainer .date {
    display: block;
    width: 43px;
    height: 43px;
    margin-top: 20px;
    padding: 9px 6px;
    font-size: 16px;
    color: #fff;
    background: #2296a7;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-sizing: border-box;
}

#sideNav .LatestPosts .pagination,
#sideNav .secondSideNav .secondaryNav {
    display: none;   
}

#sideNav .sideNavHeader .sTitle {
    font-size: 16px;
}

#sideNav .sideNavHeader .lTitle {
    font-size: 30px;
    font-weight: 700;
}

#sideNav .secondSideNav {
    text-align: left;
}

#sideNav .secondSideNav ul {
    margin: 0;
}

#sideNav .secondSideNav li {
    list-style: none;
}

#sideNav .secondSideNav a {
    display: block;
    padding: 8px 0;
    color: #616468;
}

#sideNav .secondSideNav a:hover {
    color: #2296a7;
    text-decoration: none;
}

#sideNav div.dlmenu {
height: 100%; 
}

#sideNav div.dlmenu dt.selected a {
    text-decoration:underline;
    font-weight:bold;    
}

#sideNav div.dlmenu dl.tier1 {	
}

#sideNav .secondSideNav .tier2 {
	padding: 0 0 0 1em;
}

#sideNav .secondSideNav .tier3 {
	padding: 0 0 0 1em;
}

#sideNav .sideBanner {
    position: relative;
}

#sideNav .sideBanner .banner {
    width: 220px;
    height: 585px;
    margin: 0;
    background: #000;
}

#sideNav .sideBanner .banner img {
    margin: 90px 0 0 0;
}

#sideNav .sideBanner .info {
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 200px;
    height: 230px;
    color: #fff;
    text-align: left;
}

#sideNav .sideBanner .info h2 {
    position: absolute;
    top: -362px;
    left: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    line-height: 22px;
}

#sideNav .sideBanner .info h2 span {
    font-size: 30px;
    font-weight: 700;
}

#sideNav .sideBanner .info h2 span.line {
    display: block;
    width: 220px;
    height: 1px;
    margin: 17px 0 0 -10px;
    background: #898989;
}

#sideNav .sideBanner .info .text {
    margin-top: 20px;
}

#sideNav .sideBanner .info .text span {
    color: #2296a7;
}

#sideNav .sideBanner .info .learnnMore {
    display: block;
    position: relative;
    width: 200px;
    height: 55px;
    margin-top: 17px;
    padding: 16px 31px;
    color: #fff;
    background: #2296a7;
    font-size: 18px;
    box-sizing: border-box;
}

#sideNav .sideBanner .info .learnnMore:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 21px;
    right: 34px;
    width: 18px;
    height: 10px;
    background-position: -117px -2px;
}

#sideNav .sideBanner .info .learnnMore:hover {
    background: #7cc4cf;
    text-decoration: none;
}

/* 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;
}

#sideNav #filterResults {
    margin-bottom: 15px;
    padding: 5px 0;
    font-size: 24px;
    font-family: 'Proxima Nova W01';
    font-weight: 500;
    border-top: 1px solid #969ca1;
    border-bottom: 1px solid #969ca1;
    text-align: center;
}

#sideNav .selectionWrapper {
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: left;
    border-bottom: 1px solid #93999f;
}

#sideNav .selectionWrapper > div {
    display: block;
    position: relative;
}

#sideNav .selectionWrapper .left {
    display: inline-block;
    width: 310px;
}

#sideNav .selectionWrapper .deselect {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    font-weight: 700;
}

#sideNav .selectionWrapper .selectionHeader {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

#sideNav .browseJobs {
    text-align: left;
}

#sideNav .browseJobs .divOptionDisplayListTitle,
#sideNav .browseNews .filterWrapper {
    margin: 15px 0;
    padding-top: 22px;
    border-top: 1px solid #93999f;
}

#sideNav .browseNews {
    border-bottom: 1px solid #93999f;
}

#sideNav .browseNews .dv3SideSiteSearchPanel {
    position: relative;
}

#sideNav .browseNews .dv3SideSiteSearchPanel input {
    width: 311px;
    height: 50px;
    padding-left: 17px;
    text-transform: uppercase;
}

#sideNav .browseNews .dv3SideSiteSearchPanel .formButtons {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0;
}

#sideNav .browseNews .dv3SideSiteSearchPanel .formButtons input {
    width: 50px;
    background-position: -30px 6px;
    background-color: #2296a7;
    text-indent: -9999px;
}

#sideNav .browseJobs .divOptionDisplayListTitle:first-child {
    margin: 0;
    padding-top: 0;
    border-top: none;
}

#sideNav .browseNews .filterWrapper:first-child {
    border-top: none;
}

#sideNav .browseJobs .divOptionDisplayListTitle a,
#sideNav .browseNews span {
    display: inline-block;
    font-size: 19px;
    color: #2296a7;
    line-height: 17px;
}

#sideNav .browseJobs .divOptionDisplayListTitle .filterText,
#sideNav .browseNews .filterText {
    display: block;
    color: #000000;
}

#cloudTagging a {
    display: block;
}

/*#cloudTagging a.tag_0 {
    font-size: 0.6em;
}

#cloudTagging a.tag_1 {
    font-size: 0.8em;
    font-weight: bold;
}

#cloudTagging a.tag_2 {
    font-size: 1em;
}

#cloudTagging a.tag_3 {
    font-size: 1.2em;
}

#cloudTagging a.tag_4 {
    font-size: 1.2em;
    font-style: italic;
}

#cloudTagging a.tag_5 {
    font-size: 1.4em;
    font-weight: bold;
}

#cloudTagging a.tag_6 {
    font-size: 1.6em;
}*/

#sideNav .browseJobs .divBrowseSearchOptionLink a,
#sideNav .browseJobs .divBrowseSearchOptionLink span,
#sideNav .browseNews .categoryList.heading a,
#sideNav .browseNews #cloudTagging a {
    color: #616468;
}

#sideNav .browseJobs .divBrowseSearchOptionLink a:hover,
#sideNav .browseJobs .divBrowseSearchOptionLink:hover a,
#sideNav .browseJobs .divBrowseSearchOptionLink:hover span,
#sideNav .browseNews .categoryList.heading a:hover,
#sideNav .browseNews #cloudTagging a:hover {
    color: #2296a7;
    text-decoration: none;
}

#sideNav .browseNews span {
    font-weight: 700;
}

#sideNav .browseNews span.filterText {
    font-weight: normal;
}

/*MAIN*/

/*banners*/
#bannerWrapper {
    position: relative;
    height: 196px;
    width: 100%;
    overflow: hidden;
}

.banner {
	width: 2000px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;	
}

 /*#banner img,
 .banner img {
	margin-left: -139px;	
}*/
/* end banners*/


/*search*/
#bannerWrapper .searchWrapper.container {
    position: relative;
    top: -150px;
    left: 0;
}


#bannerWrapper .quickSearchHome.container #oda-container input,
#bannerWrapper .searchWrapper.container #oda-container input,
#sideNav .jobResultsPageSearch #oda-container input {
    padding-left: 14px;
    font-family:'Proxima Nova W01';
    font-size: 24px;
    font-weight: 200;
    text-transform: uppercase;
    box-sizing: border-box;
}

#bannerWrapper .quickSearchHome.container #oda-container input,
#bannerWrapper .searchWrapper.container #oda-container input {
    width: 490px;
    height: 50px;
    -webkit-box-shadow: inset -2px 2px 16px 0px rgba(90, 90, 90, 0.67);
    -moz-box-shadow:    inset -2px 2px 16px 0px rgba(90, 90, 90, 0.67);
    box-shadow:         inset -2px 2px 16px 0px rgba(90, 90, 90, 0.67);
    box-sizing: border-box;
    text-transform: capitalize;
}

#bannerWrapper .quickSearchHome.container .formButtons,
#bannerWrapper .searchWrapper.container .formButtons,
#sideNav .jobResultsPageSearch .formButtons {
    position: absolute;
    top: 0;
    width: 50px;
    padding: 0;
}

#sideNav .jobResultsPageSearch .formButtons {
    right: 212px;
}

#bannerWrapper .quickSearchHome.container .formButtons,
#bannerWrapper .searchWrapper.container .formButtons {
    right: 430px;
}

#bannerWrapper .quickSearchHome.container .formButtons,
#bannerWrapper .searchWrapper.container .formButtons,
#sideNav .jobResultsPageSearch .formButtons,
#bannerWrapper .quickSearchHome.container .formButtons input,
#bannerWrapper .searchWrapper.container .formButtons input {
    height: 52px;
}

#bannerWrapper .quickSearchHome.container .formButtons input,
#bannerWrapper .searchWrapper.container .formButtons input,
#sideNav .jobResultsPageSearch .formButtons input {
    width: 50px !important;
    padding: 0;
    background-position: -30px 8px !important;
    background-color: #2296a7 !important;
    border: none;
    text-indent: -9999px;
    -webkit-box-shadow: inset -2px 2px 16px 0px rgba(90, 90, 90, 0.67);
    -moz-box-shadow:    inset -2px 2px 16px 0px rgba(90, 90, 90, 0.67);
    box-shadow:         inset -2px 2px 16px 0px rgba(90, 90, 90, 0.67);
}

#sideNav .jobResultsPageSearch {
    position: relative;
    margin-bottom: 26px;
}

.jobResultsPageSearch #oda-container input {
    height: 52px !important;
}

#sideNav .jobResultsPageSearch .formButtons input {
    height: 53px !important;
}

#sideNav .jobResultsPageSearch .formButtons {
    position: absolute;
    right: 0;
}

.keywordSummary a.BrowseSearchInactive {
    color: #C2C2C2 !important;
}

.keywordSummary a {
    color: #90cad3 !important;
}

/* end search*/

#main .UserContent {
	text-align: left;
}

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

#main .UserContent.jobResultsPage {
	margin-bottom: 0;
}

#main .UserContent,
#main .UserContent p {
	font-size: 17px;
    color: #040404;
    line-height: 26px;
}

#main .UserContent a {
    color: #2296a7;
}

#main > h1,
#main > #PageTitleDiv h1,
.latestJobsInternal h2 {
    margin: 0 0 15px;
    font-family:'Proxima Nova W01';
    font-size: 41px;
    color: #2296a7;
    font-weight: 500
}

.latestJobsInternal h2 {
      text-align: center;
}

#main > h1.alignedLeft,
#main > #PageTitleDiv h1.alignedLeft {
    text-align: left;
    margin-bottom: 5px;
}

#main .UserContent a {
    color: #2296a7;
}

#main .UserContent .quotes {
    margin: 23px 0;
    padding-left: 13px;
    font-style: italic;
    border-left: 13px solid #2470a1;
}


/*internal pages*/
.latestJobsInternal h2 {
}

/*end internal pages*/

#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;
}

label.select {
    display: inline-block !important;
    float: right !important;
    width: 57% !important;
    padding: 0 !important;
}

label.select input {
    width: 97%;
}

/*FOOTER*/

#footer {
    margin :8px 0 0;
    box-sizing: border-box;
}

#footer .container {
    height: 130px;
    padding-top: 20px;
    border-top: 1px solid #2470a1;
}
#footer .linksWrapper {
    height: 65px;
}

#footer .container .socialsFooter,
#footer .container .socialsFooter .logos {
    float: right;
}

#footer .container img,
#footer .container .socialsFooter .icons,
#footer .secondSideNav {
    float: left;
}

#footer .container .socialsFooter .logos img {
    margin-left: 17px;
}

#footer .container .socialsFooter .icons a {
    display: inline-block;
    width: 34px;
    height: 35px;
    margin-left: 8px;
    text-indent: -9999px;
    background: url(http://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/footerSocialIcons.png) no-repeat;
}

#footer .container .socialsFooter .icons a.twitter {
    background-position: 0 0;
}

#footer .container .socialsFooter .icons a.linkedin {
    background-position: -45px 0;
    margin-right: 3px;
}

#footer .container .socialsFooter .icons a.facebook {
    background-position: -89px 0;
}

#footer .container .socialsFooter .icons a:hover {
    opacity: 0.7;
}

#footer li {
padding:0;
list-style-type:none;	
display:inline;

}

#footer li a {
    padding: 0 10px; 
    color: #121212;
    cursor: pointer !important;
    cursor: hand !important;   
}

#footer li a span {
    padding-right: 10px;
    border-right: 1px solid #c2c1c1;
}

#footer li a:first-child {
    padding-left: 0;  
}

#footer li.last a span {
    border-right: none;
}

#footer li a:hover {
    text-decoration: none;
}

#footer li a:hover span {
    color: #3d9eae;
}

#footer .fLeft {
width:30%;	
}

#footer .menu {
float:right;
}

#footer ul.navList {
float:right;
margin:0;
}


/* LINKS */
a, a:link, a:visited  {
color: #2296a7;
text-decoration:none;
}

a:hover, a:active, a.selected {
color: #7cc4cf;
text-decoration:underline;
}

.tabstrip a.selected 
{
color:#666;
text-decoration:none;    
}

#vacancyDetails #pager a 
{
float:right; 
padding:0;
}

#vacancyDetails #pager a.back {
}

#vacancyDetails #pager a.next {
padding:0 0 0 20px;
margin-left:10px;
}
 
/* BUTTONS */
.btn {
cursor:pointer;
width:auto;   
}

/* Pagination and header control styles - lets change the colours in just one place */

.newsDetailsLinks, .headlinksLinkPanel {
border-top:solid 1px #888787;
padding:5px;
}


.applysearchNav {
float:none;
}

.dynamicPagingLink
{
    margin-left:2px;
    margin-right:2px;
}

.pagingRight
{
    float:right;
}

.pagingLeft
{
    float:left;
}



#main a.backToSearch 
{
display:block;
clear:both;
margin:8px 0;    
}

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: 0 0 15px;
    clear: both;
}

.vacancyResults.shortlistResults .blockRight a,
.vacancyResults.shortlistResults .applyToAll a {
    display: block;
    width: 135px;
    height: 42px;
    padding: 12px 0;
    color: #fff;
    background: #2296a7;
    text-align: center;
    box-sizing: border-box;
}

.vacancyResults.shortlistResults .applyToAll {
    border-top: 1px solid #969ca1 !important;
    border-bottom: none !important;
}

.vacancyResults.shortlistResults .applyToAll a {
    float: right;
    margin-top: 15px;
}

.SearchResultsCell1, .SearchResultsCell2 {
    display: block;
    position: relative;
    clear: both;
    padding: 20px 0;
    border-top: 1px solid #969ca1;
    vertical-align: top;
    box-sizing: border-box;
}

.vacancyResults > div:last-child {
    border-bottom: 1px solid #969ca1;
}

.vacancyResults .description {
    clear: both;
    position: relative;
    bottom: 0px;
    left: 0;
    font-size: 18px;
    margin-top: 73px;
    width: 581px;
}

.SearchResultsCell2 {
	text-align:right;
	white-space:nowrap;
}

.newsTable .alternateRow, .newsTable .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;
}

.pagination {
    width: 100%; 
    float: left; 
    padding: 5px 0;
    margin: 10px 0;
}

.pagination .resultsPerPage {
    margin-top: 18px;
}

.pagination a {
    margin: 0 7px;
    color: #000;
}

.pagination a.active,
.pagination a:hover {
    color: #2296a7;
}

.pagination a:hover,
.jobSearchBottomWrapper a:hover {
    text-decoration: none;
}

.pagination a:last-child {
    margin: 0;
}

.jobSearchBottomWrapper {
    float: left;
    margin-top: 22px;
    text-align: center;
}

.jobSearchBottomWrapper a {
    position: relative;
    height: 60px;
    padding-top: 20px;
    font-family: 'Proxima Nova W01';
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    background: #2296a7;
    box-sizing: border-box;
}

.jobSearchBottomWrapper .quickSendCV {
    float: left;
    padding-left: 24px;
    width: 170px;
}

.jobSearchBottomWrapper .signUpForJob {
    float: right;
    left: 220px;
    padding-left: 30px;
    width: 210px;
}

.jobSearchBottomWrapper a:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 13px;
    width: 27px;
    height: 28px;
}

.jobSearchBottomWrapper a.quickSendCV:before {
    background-position: -81px 1px;
}

.jobSearchBottomWrapper a.signUpForJob:before {
    background-position: -64px -46px;
}

.matchSort 
{
float:left;    
}

/*BASKET*/

#shortlistArea .basket 
{
float:left;    
}

.basketContent {
	border-top:none;
	margin:0px 0 3px 0;
}

.basket a {
	display:block;
}

.basket dd {
	clear:both;	
	margin:0 0 1em;
}

.basket dd .jobRepeater {
float:left;
width:100%;
clear:both;
background:#ccc;
margin-bottom:7px;
}

.basket .ctaLinks 
{
clear:both;
float:left;
margin:5px 0;    
}

.basket .ctaLinks a 
{
display:inline-block;
float:left;  
}

.basket a.applyAll 
{
padding:0 10px 0 0;   
}

.basket a.viewAll 
{
    
}

/********* for shortlist widget only - not for actual shortlist.aspx page - so put your selectors here with parent container name like '#sideBar' example **********/

.ie7 #sideBar #shortlistPreview 
{
left:-370px; 
}

#sideBar #shortlistPreview 
{
position:absolute;
top:0;
left:-390px; 
width:330px;
height:auto;
padding:15px 20px;
background:#ccc;
color:#fff; 
visibility:hidden;
opacity:0;
}

#sideBar #shortlistPreview a.header, 
#sideBar #shortlistPreview .details
{
margin-bottom:15px;
display:block;
clear:both; 
}

#sideBar #shortlistPreview a.header 
{
position:relative; 
font-size:150%;  
}

#sideBar #shortlistPreview:after
{
width:20px;
height:40px;
background:#000;
display:block;
position:absolute;
right:-20px;
top:0;
content:"";
}

#sideBar #shortlistPreview .details .fLeft
{
width:90px;
color:#000000;
}

#sideBar #shortlistPreview .details .fRight
{
width:230px;
color:#666666;
margin-bottom:6px;
}

#sideBar .basket dd .jobRepeater {
position:relative;
}

#sideBar .basket dd .jobRepeater:hover #shortlistPreview  
{
visibility:visible;
opacity:1;
}

/********* for shortlist widget only - not for actual shortlist.aspx page - so put your selectors here with parent container name like #sideBar example **********/

.basket dd a.jobLink {
float:left;
width:80%;
}

.basket dd a.deleteLink {
  float: right;
  width: 6%;
}

.basket dd input {
	float:right;
}
/*-------------------------------- DATA TABLE STYLE -------------------------*/
.siteDataTable {
width: 100% !important;
clear:both;
}

.siteDataTable th { 
}

.siteDataTable td {
	width:25%;
	padding:2px 0 2px 5px;
    vertical-align: top;
}

td.receiveCell label 
{
padding-right:4px;
position:relative;
top:-3px;    
}

td.receiveCell input
{
position:relative;
top:-2px;    
}

.siteDataTable th {
	padding:3px 0 3px 5px !important;
}

.siteDataTable.tablePreferences td 
{
padding:5px 0px 5px 5px;
}

.siteDataTable th {
	background:#cccccc;
    height:20px;
    padding:3px 9px 0;
}

a.editIcon, 
a.deleteIcon 
{
display:block;
width:20px;
height:20px;
text-indent:-4000px;
float:right;
margin:0 5px;  
position:relative;
top:-2px;   
}

a.editIcon
{
background:url(http://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/css-sprite.png) -20px bottom no-repeat;
}

a.deleteIcon
{
background:url(http://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/css-sprite.png) left bottom no-repeat;
}

.siteDataTable .alternateRow, .alternateRow {

}

.alternateRow, .SearchResultsCell1, .SearchResultsCell2 {
padding:1em 0.5em;
overflow: hidden;
}

div.advancedSearch 
{
float:left; 
width:100%;   
}

.siteDataTable-links li {
	list-style:none;
}

.siteDateTableCandidates td {
	width:20%;
}

.siteDateTableCandidates td div {
	text-align:center;
}

.vacancyResults .jobResultsInfo {
    float: left;
    width: 350px;
    margin: 22px 0 0 0;
}

.jobResultsInfo .salary,
.jobResultsInfo .location {
    display: block;
    position: relative;
    float: left;
    width: 440px;
    padding-left: 36px;
    text-align: left;
    font-size: 17px;
    font-family: 'Proxima Nova W01';
    font-weight: 500;
}

.jobResultsInfo .salary {
    margin-bottom: 17px;
}


.jobResultsInfo .salary:before,
.jobResultsInfo .location:before {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    width: 24px;
}

.jobResultsInfo .salary:before {
     top: 2px;
    height: 20px;
    background-position: 0px -49px;
}

.jobResultsInfo .location:before {
     top: -2px;
    height: 25px;
    background-position: -30px -49px;
}

#channelChkBox * {
	float:left;
	margin:0;	
	padding:0;
	width:auto;
}

#channelChkBox label {
    margin:0 8px 0 2px;
}

/* job results section */
.jobResultTitle {
    float: left;
    width: 70%;
}

.jobResultsTitleContainer, 
.blockLeft {
    width: 70%;
    float: left;
}

.jobResultsTitleContainer {
     width: 61%;
    text-align: left;
}

#main a.jobResultsTitle {
    font-size: 20px;
    font-family:'Proxima Nova W01';
    font-weight: 500;
    color: #2470a1;
}

#main .vacancyResults.shortlistResults a.jobResultsTitle {
    display: block;
    margin-bottom: 15px;
}

#main .vacancyResults.shortlistResults p {
    text-align: left;
}

#main .vacancyResults.shortlistResults .applyToAll {
    clear: both;
}

.jobResultsButtons a.last {
    border-right:none;
    padding:0 0 0 5px;
}

.jobResultsButtons span,
.jobResultsButtons a,
.footer .viewAllLinks {
    display: block;
    width: 215px;
    height: 42px;
    padding: 12px 0;
    font-size: 20px;
    color: #fff;
    background: #2296a7;
    text-align: center;
    box-sizing: border-box;
}

.jobResultsButtons a:hover,
.jobSearchBottomWrapper a:hover,
.vacancyResults.shortlistResults .blockRight a:hover,
.vacancyResults.shortlistResults .applyToAll a:hover,
.footer .viewAllLinks:hover {
    background: #90cad3;
    text-decoration: none;
}

.footer .viewAllLinks {
    margin: 0 auto;
    padding: 10px 0;
}

.jobResultsButtons a.first {
    position: relative;
    height: auto;
    margin-bottom: 10px;
}

.jobResultsButtons a.first:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 36px;
    width: 20px;
    height: 10px;
    background-position: -115px -3px;
}

.jobResultsButtons span a.addToShortlistButton {
    height: auto;
    margin: -12px 0 0 0;
}

.jobResultsButtons .shortlistaction {
    background: #90cad3;
    height: 51px;
}

.jobResultsButtons, 
.blockRight {
    float:right;
    width:27%;
}

.jobResultsButtons {
    width: 37%;
}

.shortlistResults .blockRight a {
 float: right;
}

/* latest news */

.latestNews dd.SearchResultsRow, 
.latestNews dd.SearchResultsRowAlt 
{
padding:5px 0;    
}

/* job results section */

a.BrowseSearchInactive 
{
text-decoration:none; 
cursor:text;
color:#cccccc;  
}

/* 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 {
    margin:0 0 1em;
}

.campaignResults dt, .relatedHeadlines dt{
    font-weight:bold;
}

/* posts */

.sideNavWrapper .pagination.posts {
    display: none;
}

.pagination.posts {
    /*float: none;*/
    width: 600px;
    /*height: 58px;*/
    margin-bottom: 25px;
    padding: 10px 0 17px;
    border-top: 1px solid #969ca1;
    border-bottom: 1px solid #969ca1;
}

.searchResultsWrapper {
float: left;
}

/*---------------------- posts results first child -----------------------*/

.relatedHeadlines .searchResultsWrapper dd.SearchResultsRow.First {
    width: 600px;
    float: left;
    height: 586px;
    border-top: none;
}

.relatedHeadlines .searchResultsWrapper dd.SearchResultsRow.First .blogResultImage {
    display: block;
    float: none;
    position: relative;
    top: -52px;
    margin: 0;
    height: 400px;
    width: 600px;
}

.relatedHeadlines dd.SearchResultsRow.First .blogResultImage img {
    height: 400px;
    width: 600px;
}

.relatedHeadlines dd.SearchResultsRow.First dt {
    position: absolute;
    top: 373px;
    left: 75px;
    height: 60px;
    width: 515px;
    line-height: 28px;
}

.relatedHeadlines dd.SearchResultsRow.First dt a {
    font-size: 30px;
    text-transform: uppercase;
}

.relatedHeadlines dd.SearchResultsRow.First .blogContent {
    float: none;
    width: 600px;
    margin-top: 50px;
    font-size: 18px;
}  

.relatedHeadlines dd.SearchResultsRow.First .blogContent a {
    font-size: 20px;
}

.relatedHeadlines dd.SearchResultsRow.First .blogContent a:after {
    top: 5px;
    left: 110px;
} 

.relatedHeadlines dd.SearchResultsRow.First .dateContainer {
    position: absolute;
    top: 351px;
    left: 0px;
}

.relatedHeadlines dd.SearchResultsRow.First .dateContainer dd {
    background: #2296a7;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.relatedHeadlines dd.SearchResultsRow.First .dateContainer .date {
    padding-top: 8px;
    width: 55px;
    height: 55px;
    font-size: 21px;
    line-height: 19px;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
}
/*--------------------- end posts results first child ------------------------*/


.relatedHeadlines.bottomBlock .SearchResultsRow dl,
.relatedHeadlines.bottomBlock .SearchResultsRowAlt dl,
.relatedHeadlines.bottomBlock .SearchResultsRow dl dd,
.relatedHeadlines.bottomBlock .SearchResultsRowAlt dl dd {
    margin: 0 !important;
}

.relatedHeadlines.bottomBlock .SearchResultsRow,
.relatedHeadlines.bottomBlock .SearchResultsRowAlt {
    position: relative;
    width: 600px;
    height: 190px;
    overflow: hidden;
    border-top: 1px solid #969ca1;
}

.relatedHeadlines.bottomBlock .SearchResultsRow dt,
.relatedHeadlines.bottomBlock .SearchResultsRowAlt dt {
    position: relative;
    top: 21px;
    /*left: 260px;*/
    display: table-cell;
    float: right;
    height: 50px;
    width: 325px;
    vertical-align: middle;
    overflow: hidden;
}

.relatedHeadlines.bottomBlock .SearchResultsRow dt a,
.relatedHeadlines.bottomBlock .SearchResultsRowAlt dt a {
    color: #2296a7;
    font-size: 20px;
    font-weight: 800;
}

.relatedHeadlines.bottomBlock .SearchResultsRow .dateContainer,
.relatedHeadlines.bottomBlock .SearchResultsRowAlt .dateContainer {
    position: absolute;
    top: 4px;
    left: 209px;
}

.relatedHeadlines.bottomBlock .SearchResultsRow .dateContainer .date,
.relatedHeadlines.bottomBlock .SearchResultsRowAlt .dateContainer .date {
    display: block;
    width: 43px;
    height: 43px;
    margin-top: 20px;
    padding: 9px 6px;
    font-size: 16px;
    color: #fff;
    background: #2296a7;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-sizing: border-box;
}

.relatedHeadlines.bottomBlock .SearchResultsRow .blogContent,
.relatedHeadlines.bottomBlock .SearchResultsRowAlt .blogContent {
    float: right;
    width: 390px;
    margin-top: 34px;
}

.relatedHeadlines.topHeadline .blogContent a,
.relatedHeadlines.bottomBlock .SearchResultsRow .blogContent a,
.relatedHeadlines.bottomBlock .SearchResultsRowAlt .blogContent a {
    display: block;
    position: relative;
    margin-top: 3px;
    width: 107px;
    font-size: 15px;
    font-weight: 800;
}

.relatedHeadlines.topHeadline .blogContent a {
    font-size: 20px;
}

.relatedHeadlines.topHeadline .blogContent a:after,
.relatedHeadlines.bottomBlock .SearchResultsRow .blogContent a:after,
.relatedHeadlines.bottomBlock .SearchResultsRowAlt .blogContent a:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 85px;
    width: 19px;
    height: 10px;
    background-position: -177px -31px;
}

.relatedHeadlines.topHeadline .blogContent a:after{
    left: auto;
    right: -23px;
    top: 6px;
}

.relatedHeadlines.bottomBlock .SearchResultsRow .blogContent a:hover,
.relatedHeadlines.bottomBlock .SearchResultsRowAlt .blogContent a:hover {
    text-decoration: none;
}

.relatedHeadlines.bottomBlock .blogResultImage {
    float: left;
    width: 190px;
    height: 140px;
    margin-top: 20px;
    overflow: hidden;
}

.relatedHeadlines.bottomBlock .blogResultImage img {
    width: 190px;
}

.pnlHeadlineViewerPanel {
    position: relative;
}

/*.pnlHeadlineViewerPanel .headlineContentContainer .articleImage img {  //breaaks IE
    width: 600px;
}*/  

.pnlHeadlineViewerPanel h1 {
    margin-left: 66px;
    color: #2296a7;
    font-size: 30px;
    font-weight: 800;
}

.pnlHeadlineViewerPanel .date {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 43px;
    height: 43px;
    padding: 10px;
    font-size: 16px;
    color: #fff;
    background: #2296a7;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-sizing: border-box;
}


.pnlHeadlineViewerPanel .tags {
    font-weight: 600;
}

.shareBtnsInBlog {
    height: 80px;
    margin: 22px 0;
    padding: 28px 0;
    font-size: 18px;
    border-top: 1px solid #93999f;
    border-bottom: 1px solid #93999f;
    box-sizing: border-box;
}

.shareBtnsInBlog .shareButtons a {
    display: inline-block;
    width: 37px;
    height: 36px;
    margin-right: 8px;
    text-indent: -9999px;
    cursor: pointer;
}

.shareBtnsInBlog .shareButtons a:hover {
    opacity: 0.5;
}

.shareBtnsInBlog .shareButtons {
    position: relative;
    top: -7px;
    height: 36px;
    left: 14px;
}

.shareBtnsInBlog .shareButtons a.fb {
    background-position: -36px -87px;
}

.shareBtnsInBlog .shareButtons a.tw {
    background-position: 1px -87px;
}

.shareBtnsInBlog .shareButtons a.li {
    background-position: -114px -87px;
}

.shareBtnsInBlog .shareButtons a.gp {
    background-position: -74px -87px;
}

.dv3FormPanel.zsdgsdafg legend {
    font-size: 25px;
    font-weight: 200;
}

.relatedBlock .formFieldsContainer {
    width: 100% !important;
}

.col1.commentWrapper {
    width: 600px;
    margin: 0;
    height: 43px;
}

.col1.commentWrapper div,
.col1.commentWrapper input {
    width: 49%;
    float: left;
    margin: 0;
}

.col1.commentWrapper div input {
    width: 97%;
}

.col1.commentWrapper input {
    height: 40px;
}

.col2 div {
    margin: 0;
}

.col2 .comment textarea {
    width: 588px !important;
    height: 110px !important;
}

.col2 .capatchaLabel {
    display: block;
    padding-top: 20px;
}

.col2 .RadCaptcha.RadCaptcha_Default img {
    margin-left: 250px;
    padding-top: 19px;
}

.col2 .RadCaptcha.RadCaptcha_Default a.rcRefreshImage {
    position: relative;
    top: -71px;
    left: 268px;
}

.col2 .RadCaptcha.RadCaptcha_Default p input {
    position: absolute;
    top: 17px;
    left: 0;
    height: 50px;
    width: 200px;
}

.formButtons.blogsDetailsComments {
    position: relative;
    top: -89px;
    left: 185px;
}

.formButtons.blogsDetailsComments input {
    width: 150px !important;
    height: 53px !important;
}

/* end posts */

/*NEWS default styling*/
.headlineDate {
    display:inline;
}

/* styles for topHeadline in news home page */
.topHeadline {
	border-bottom:none;
    border-top:1px solid #CCCCCC;
    width: 600px;
    position: relative;
}

.topHeadline .blogResultImage {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}

.relatedHeadlines.topHeadline .img {
width: 100%;
padding:0;
height: 400px;
}

#main .topHeadline dl dd {
    margin-left: 0;
    margin-right: 0;

}

#main .topHeadline dl {
margin-left: 0;
}

.topHeadline .pagination.posts {
display: none;
}

.relatedHeadlines.topHeadline dt {
position: absolute;
bottom: 0;
}

/*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, 
#hypBannerRotatorPause, 
#hypBannerRotatorPlay
{
display:none;
} 

a.email, a.rss {
background:url(http://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/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://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/icons/rss.png) no-repeat;
}


/* BROWSE NAV */
.browseOptionListContainer {
margin:6px 0;
}

.divOptionDisplayListTitle a {
font-weight: 600;
text-transform: lowercase;
}

.divOptionDisplayListTitle .filterText {
text-transform: capitalize;
font-weight: normal;
}



.divBrowseSearchOptionLink 
{
padding:3px 0;    
}	

.browseSearchOptionListLinkCollapsed
{
   padding-left:2px;
   font-weight:bold;
}	

.browseSearchOptionListLinkHidden
{
   display:none
}
	
/* BREADCRUMB */

#candidateForm {
    margin-top: 30px;
}

.linkedin {
    float: left;
    margin-right: 10px;
}

.socialNetworkConnections {
    margin-top: 10px;
}

#candidateForm .multiSelectDropdown ul {
    width: 308px;
    position: relative;
    top: -1px;
    left: 233px;
}


@-moz-document url-prefix() {
    #candidateForm .multiSelectDropdown ul {
        top: 23px;
        left: 0;
    }
}




/*news headline*/

.categoryList
{
	margin:0;
	padding:0;
}

.categoryNode
{
	list-style:none;
}

.categoryNode.selected a
{
	list-style:none;
	color:Red
}

#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;
}


/* back to top link */

#back-top {
    position: fixed;
    bottom: 30px;
    right: 80px;
}

#back-top a {
    padding: 10px 12px;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #2470a1;
    color:#ffffff;
    box-sizing: border-box;
}

#back-top a:hover {
    background: #bdd4e3;
}

#back-top span {
    width: 26px;
    height: 30px;
    display: block;
    margin-bottom: 2px;
    background:url(http://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/css-sprite.png) bottom right no-repeat;
    position:relative;
    top:0;
}

/* back to top link */


/* pop up boxes - job details */

#vacancyDetails #pager .searchNav ul li #popBox 
{
display:inline-block;
background:#666666;
color:#fff;
padding:6px 13px;
float:right;
cursor:pointer;   
}

.ie8 #popUpBlock
{
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#19000000'),
  progid:DXImageTransform.Microsoft.dropshadow(OffX=10, OffY=20, Color='#19000000'),
  progid:DXImageTransform.Microsoft.dropshadow(OffX=20, OffY=30, Color='#19000000'),
  progid:DXImageTransform.Microsoft.dropshadow(OffX=30, OffY=40, Color='#19000000');
}

#popUpBlock 
{
width:400px;
height:300px;
padding:10px;
background:#FFFFFF;
border: 15px solid #666666;
position:fixed;
top:50%;
left:50%;
margin-left:-210px;
margin-top:-160px;
-moz-box-shadow:12px 8px 81px 10px #333333;
-webkit-box-shadow:12px 8px 81px 10px #333333;
box-shadow:12px 8px 81px 10px #333333;
z-index:99999;
display:none;    
}

#closePopUp {
background:orange;
width:24px;
height:22px;
text-align:center;
font-size:16px;
color:#fff;
font-weight: bold;
cursor:pointer;
position:absolute;
right:10px;
top:10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}

#popUpBlock .formFieldsContainer
{
width:100%;
}

#popUpBlock .formFieldsContainer input 
{
width:90%;
}

#popUpBlock .formFieldsContainer .formButtons 
{
padding:0;    
}

#popUpBlock .formFieldsContainer .formButtons .btn 
{
padding:10px 20px;    
}


#popUpBlock legend 
{
font-size:24px;    
}

/* pop up boxes - job details */


/*-------------------------------- 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;
}

.dv3FormPanel div.spanBlock {
    float: left;
    margin-top:0;
    width: 255px;
}

.candFiles {
width:460px;
}

.candFiles table
{
width:250px;    
}

.candFiles table td label
{
float:left;
width:210px;    
}

.candFiles table td input
{
float:left;
width:15px;
padding-right:4px;    
}

.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;
	}
	
	

/* START - autp fix for radcombo multi drop-down select boxes - DON'T REMOVE */	
	
.RadComboBoxDropDown .RadTreeView 
{
height:auto !important;    
}

/* END - autp fix for radcombo multi drop-down select boxes - DON'T REMOVE */	 



/*-------------------------------------------------------------------------------------------------------

Simple Scroller Styles

-------------------------------------------------------------------------------------------------------*/

ul.simplescroll{position:relative; list-style:none;padding:0;margin:0;overflow:hidden;}
li.simplescroll-slide{display:none;position:absolute;}

ul.simplescroll-controls {display: none;list-style:none;margin:0;padding:0;z-index:9999;}

ol.simplescroll-markers{list-style:none;margin:0;padding:0;/*z-index:9999;*/}
ol.simplescroll-markers li{float:left;}

p.simplescroll-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

#banner li 
{
    list-style: none !important;
}

#banner {
  height: 397px !important;
  width: 2000px !important;
  margin:0 auto;
  position:relative;
  top:10px;
}

 ul.simplescroll-controls li a{
  display:block;
  width: 12px;
  height:18px;
  position:absolute;
  background:url(http://d2tf39ox72nrmv.cloudfront.net/Graphics/CssVersion_2/slider-arrows.png) no-repeat;
  text-indent: -9999px;
  text-decoration:none;
  text-transform:uppercase;
}

 ul.simplescroll-controls li a.simplescroll-prev{
  left:-17px;
 background-color: red;
 
}

 ul.simplescroll-controls li a.simplescroll-next{
  right:-17px;
  background-position: -18px 0;
  background-color: red;
}

 p.simplescroll-caption{
  background:rgba(0,0,0,0.7);
  color:#fff;
  text-align:center;
}

 ol.simplescroll-markers {
      position: absolute;
      bottom: 24px;
      left: 50% !important;
      width: 100%;
}

 ol.simplescroll-markers li {
  float:left;
  margin:0 3px;
}

ol.simplescroll-markers li a {
  display: block;
  height: 10px;
  width: 10px;
  overflow: hidden;
  text-indent: -9999px;
  background: #fff;
  border-radius:10px;
  box-shadow:0 0 50px rgba(0,0,0,0.5);
}

ol.simplescroll-markers li.active-marker a {
  background: #2470a1;
}

.simplescroll .info {
    position:absolute;
    top:0;
    left:0;
    color:red;
}


/* end of scrollable banners */ 

/********************************** start of scroller ***********************************/

.slideshow {
	border: 8px solid #444;
	overflow: hidden;
	position: relative;
	width: 600px; /*make this the same width as the image - images must all be the same fixed size or it'll look shitty - LW */
	height: 318px; /*make this the same height as the image - images must all be the same fixed size or it'll look shitty - LW */
}

.slideshow .slide-container {
	background-color: #444;
	position: absolute;
	height: 100%;
	left: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
}

.slideshow .slide-container img {
	position: relative;
}

.slideshow .slide-container .slide-caption {
	/*This the html section of the slider and can be styled and positioned however you want - LW */
	background-color: #000;
	top: 50px;
	color: #fff;
	display: block;
	left: 50px;
	padding: 6px 12px;
	position: absolute;
	text-align: center; 
	opacity: 0.7;    
	width: 100px; 
	height: 100px;      
}

.slideshow .slides {
	/* This has to remain hidden as the .slides just serves as the list from which to take image links - LW */
	display: none;
}

.slide-controls {
	clear: both;
	margin: 12px auto;
	width: 620px;
}
.slide-play-pause, .slide-prev, .slide-next {
	float: left;
	margin-right: 12px;
}
.slide-controls ul {
	float: left;
	list-style: none;
	margin: 0 6px 0 0;
	padding: 0;
}
.slide-index-list li {
	float: left;
	margin-right: 6px;
	list-style-type:none;
}
.slide-controls a {
	background-color: #eee;
	border: 1px solid #ddd;
	color: #444;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	text-decoration: none;
}
.slide-controls a:hover {
	background-color: #ddd;
	color: #444;
}
.slide-controls .rs-active {
	background-color: #444;
	border: 1px solid #444;
	color: #eee;
}

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


/****************************************** end of scroller ********************************************/

/* aaron test per-formatting user table fo contents pages */


#contentBlock 
{
background:#ccc;
width:90%;
padding:2% 5%;
clear:both;    
}

.all-questions h3 
{
font-size:26px;
}

.all-questions h3:target 
{
-webkit-animation: highlight 1.5s ease;
-moz-animation: highlight 1.5s ease;    
-ms-animation: highlight 1.5s ease;
-o-animation: highlight 1.5s ease;
}

@-webkit-keyframes highlight 
{
from { background: red; }
to { background: #ccc; }
}

@-moz-keyframes highlight {
from { background: red; }
to { background: #ccc; }
}

@-ms-keyframes highlight {
from { background: red; }
to { background: #ccc; }
}

@-o-keyframes highlight {
from { background: red; }
to { background: #ccc; }
}

.table-of-contents {
float: right;
background:#333;
width: 40%;
color:#fff;
font-size: 1.3em;
padding: 1em 2em;
margin: 0 0 0.5em 0.5em;
}

.table-of-contents a {
color:#fff;
}

.statusBlock 
{
float:left;
height:48px;
margin-right:28px; 
width:53px;   
}

.statusBlock div 
{
cursor:pointer;
height:25px;   
}

.statusBlock a
{
cursor:pointer;
display:block;
padding-top:5px;
font-size:14px;  
}

.lastStatus 
{
margin-right:0;  
}
/* aaron test per-formatting user table fo contents pages */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} 
  a, a:visited { text-decoration: underline}
  a[href]:after { content: " (" attr(href) ")"}
  img {page-break-inside: avoid}
  img {max-width: 100% !important}
  @page {margin: 0.5cm}
  p, h2, h3 {orphans: 3; widows: 3}
  h2, h3 {page-break-after: avoid}
}


@media screen and (max-width: 1460px) {
    #home-page-lower-content .backgroundImgLower {
        margin-left: -18% !important;
    }

    #banner img, .banner img {
        margin-left: -248px;
    }
}

@media screen and (max-width: 1285px) {
    #home-page-lower-content .backgroundImgLower {
        margin-left: -26% !important;
    }

    #banner img, .banner img {
        margin-left: -352px;
    }
}

@media screen and (max-width: 1025px) {
    #home-page-lower-content .backgroundImgLower {
        margin-left: -43% !important;
    }

    #banner img, .banner img {
        margin-left: -496px;
    }
}

@media screen and (max-width: 950px) {
    #home-page-lower-content .backgroundImgLower {
        margin-left: -58% !important;
    }

    #banner img, .banner img {
        margin-left: -526px;
    }
}