/* Push-up #4DB1DC */ .push-up { background:#4DB1DC url("../../images/discoverability/background.gif") repeat-x; bottom:0; display: none; height:100px; left: 0; position:fixed; width:100%; z-index:9999; } .push-up .pinning-content { height:100px; margin:0 auto; position:relative; width:920px; } .push-up .pinning-bg { background:transparent url("../../images/discoverability/graphic.png") no-repeat; height:100px; margin-left:25px; position:absolute; width:350px; } .push-up .pinning-desc { color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:20px; left:255px; position:absolute; top:22px; z-index:2; } .push-up img { height:30px; cursor:pointer; left:131px; position:absolute; top:21px; width:30px; } .push-up .pinning-hide { background:transparent url("../../images/discoverability/close.png") no-repeat top left; cursor: pointer; display: block; height: 14px; position: absolute; right: 8px; text-indent:-9999px; top: 8px; width: 14px; }/* ----------------------------------------------------- Reset Stylesheet - Resets the browsers defaults Based on the YUI Reset CSS Author: Nicole Williams Modified: April 7, 2008 ----------------------------------------------------- */ body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img,td {border:0;} address,caption,cite,code,dfn,em,strong,th,var,select,input,form,value,textarea {font-style:normal; font-weight:normal;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym, img {border:0;} /* Reset the browsers defaults ----------------------------------------------------- */ @import "../Global/reset.css"; /* Widget spesific styles ---------------------------------------------------------- */ body { font-family: Arial,Sans-Serif; font-size: 12px; color: #525252;} .titleContainer, .textBoxContainer, .btnContainer { float:left; } .iFrameContainer { padding: 25px 0 15px 0; } .lblSugestionTitle { padding: 0 0 0 20px; font-weight: bold; } input#RequestedValue.input-validation-error { width: 350px; margin: 0 20px 5px 20px; } .btnSubmitSuggestion { padding: 3px 10px; font-weight: bold; text-transform: uppercase; font-size: 12px; border: 1px solid #696; color:#FFF; text-shadow: 0 1px 1px #555; text-decoration : none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 4px 4px 4px #CCC; -webkit-box-shadow: 4px 4px 4px #CCC; box-shadow: 4px 4px 4px #CCC; background: #3C8A2E; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#69BE28), to(#3C8A2E)); background: -moz-linear-gradient(#69BE28, #3C8A2E); background: linear-gradient(#69BE28, #3C8A2E); -pie-background: linear-gradient(#69BE28, #3C8A2E); behavior: url(/assets/PIE.htc); position: relative; } .lblSuccessMessage { font-family: Arial,Sans-Serif; font-size: 12px; color: #525252; padding: 0 0 0 20px; } .lblErrorMessage { font-family: Arial,Sans-Serif; font-size: 12px; color: red; margin: 0 0 0 20px; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 20em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.2em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 20em; /* match ul width */ top: 0; } /*** SKIN ***/ .sf-menu {float:left;margin-bottom: 0;} .employer .sf-menu {clear: left;} .sf-menu a {padding:5px 12px;text-decoration:none;} .sf-menu li.current:hover {background:none;} .sf-menu a, .sf-menu a:visited /* visited pseudo selector so IE6 applies text colour*/ {color:#3D892E;} .sf-menu li:hover { background: #fff url('../../images/Default/HomePage/main-menu-bg.png') repeat-x top right; z-index:100; } .sf-menu li li {background:#f9f9f9;} .sf-menu li li:hover, .sf-menu ul li:hover {background:#f9f9f9;} .sf-menu li li li {background:#f0f0f0;} /*** arrows **/ .sf-menu a.sf-with-ul{ padding-right: 2.0em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../../images/Default/HomePage/header-icons.png') no-repeat -10px -28px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -28px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -28px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px -60px; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 -60px; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px -60px; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul {padding: 0 0 40px 0; background: url('../../images/Default/HomePage/menu-shadows.png') no-repeat bottom center;} .sf-shadow ul.sf-shadow-off { background: transparent;} .sf-menu li {background:url('../../images/Default/HomePage/header-icons.png') no-repeat 0px 10px; margin-right:-2px;} /* Customize Top Menu for Default Workopolis Theme. Might need to move this to workAlt/workopolisStyles06-2012.css and override for Whitelabels ----------------------------------------------------------- */ #wJsTopNav .sf-menu li.home, #wRecTopNav .sf-menu li.home {background: none; padding-left:8px;} #wJsTopNav .sf-menu li.first, #wRecTopNav .sf-menu li.first {background: none;} #wJsTopNav .sf-menu li.first:hover, #wRecTopNav .sf-menu li.first:hover {background: #fff url('../../Images/Default/HomePage/main-menu-bg.png') repeat-x top right; z-index:100;} #wJsTopNav ul li a, #wRecTopNav ul li span {font-weight: bold;} #wJsTopNav ul li ul li a, #wRecTopNav ul li ul li a {font-size:12px;} #wJsTopNav ul li.current a {font-size:20px; color:#525252;} #wJsTopNav ul.sf-menu li.current a {padding:0 0.75em 0.1em;} /* Employer Sign-in Menu --------------------------*/ #wEmployerNav .sf-menu li:hover {background-color:#525252;} #wEmployerNav .sf-menu li li {background:#525252;} #wJsNav .sf-menu li, #wEmployerNav .sf-menu li.postJob, #wEmployerNav .sf-menu li.postJob:hover {background:transparent;} #wEmployerNav .sf-menu a, #wEmployerNav .sf-menu a:visited {color:#ffffff;} #wEmployerNav .sf-menu li {background:url("../../images/Default/HomePage/header-icons.png") no-repeat scroll 0 -160px transparent; padding-left:0px;} #wEmployerNav .sf-menu li {padding-left:0px; margin-left:0px;} #wEmployerNav .sf-menu li ul li {margin-left:0px;} .fr #wEmployerNav .sf-menu a.sf-with-ul {padding-right:2em;} #wEmployerNav .sf-menu li:hover ul, #wEmployerNav .sf-menu li.sfHover ul {top:2.2em; /* match top ul list item height */} #wEmployerNav .sf-menu ul { position: absolute; top: -999em; width: 16em; /* left offset of submenus need to match (see below) */} .fr #wEmployerNav .sf-menu ul {width:230px;} .employer #wEmployerNav .sf-menu ul {width:16.7em;} #wEmployerNav ul.sf-menu li li li:hover ul, #wEmployerNav ul.sf-menu li li li.sfHover ul { left: 16em; /* match ul width */ top: 0;} .employer #wEmployerNav ul.sf-menu li li li:hover ul, .employer #wEmployerNav ul.sf-menu li li li.sfHover ul {left:16.7em;} /* match ul width */ #wEmployerNav .sf-shadow ul {background:transparent;} #wEmployerNav .sf-menu li.empSub {font-weight:bold; color:#fff; padding:0.6em 1em 0em; width:14em;} /* -2em from ul width */ .fr #wEmployerNav .sf-menu li.empSub {width:206px;} .empSubItem {text-indent:10px; } #wEmployerNav .sf-sub-indicator {background-position: 0px -68px;} #wEmployerNav li a {font-weight:bold;} #wEmployerNav li a.postJob, #wEmployerNav li ul li a, .employer #wEmployerNav li ul li a {font-weight:normal;} .employer #wEmployerNav li a {width:164px; font-weight:bold;} .fr #wEmployerNav.rec li a {width:194px;} .employer #wEmployerNav li a:hover { text-decoration:none;} .employer #wEmployerNav li ul li {width:200px;} .fr #wEmployerNav.rec li ul li {width:230px;} .employer #wEmployerNav li ul li a:hover {text-decoration:underline;} #wRecTopNav .ccrdb ul {overflow: visible; width: auto; padding-right: 20px; padding-bottom: 40px;background: url('../../images/Default/HomePage/menu-shadows.png') repeat bottom center;} #wRecTopNav .ccrdb ul li {padding: 3px 20px 0px 0;} #wRecTopNav .ccrdb ul li span {color: #525252;font-weight: normal;padding: 11px;display: inline-block;} #wRecTopNav .ccrdb ol li {list-style-type: square;list-style-position: inside;color: #525252; white-space: nowrap;padding: 0 0 0 20px;font-weight: normal;background-color: #f9f9f9;} #wRecTopNav .ccrdb ol li a {display: inline-block; padding-left: 0; padding-right: 0;}/* ----------------------------------------------------- Reset Stylesheet - Resets the browsers defaults Based on the YUI Reset CSS Author: Nicole Williams Modified: April 7, 2008 ----------------------------------------------------- */ body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img,td {border:0;} address,caption,cite,code,dfn,em,strong,th,var,select,input,form,value,textarea {font-style:normal; font-weight:normal;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym, img {border:0;} /* ----------------------------------------------------- Workopolis Structure Stylesheet ----------------------------------------------------- */ /* =IMPORT STYLESHEETS ----------------------------------------------------- */ @import "../Global/reset.css"; /* =GENERIC ----------------------------------------------------- */ body, td, ul, li, td div, td ul, select, input {font-size: 12px; font-family: Arial,Sans-Serif; line-height: 1.4;} bold, .bold, h2, h3, h4, h5, h6, strong, .error {font-weight: bold;} select, input, .normal {font-weight: normal !important;} H1, H2, H3, H4, H5, H6 {font-weight: bold;} H1 {font-size: 16px; line-height: 20px;} .siteTitle {font-size: 30px; padding: 0 0 12px 0; line-height: 37px;font-weight: normal;} /* Lg Titles */ .pageTitle {font-size: 24px; padding: 0 0 10px 0; line-height: 30px;font-weight: normal;} /* Sales Hub Titles */ .sectionTitle {font-size: 16px; padding:0 0 8px 0; line-height:20px; font-weight:bold;} /* RDB Sections */ H2 {font-size: 14px; line-height: 19px;} H3, H4, H5, H6 {font-size: 12px; line-height: 17px;} .font14, ul.registeredList li {font-size: 14px;} .clear {clear: both; line-height: 0; height: 0; font-size: 0;} .clear:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;} .center {text-align: center;} .left {float: left;} .right {float: right;} .textLeft {text-align:left;} .textRight {text-align: right;} .underline {text-decoration: underline;} em {font-style: italic;} p {padding: 5px 0;} li {padding: 2px 0;} input, select, textarea {margin: 5px 5px 0 0; padding: 2px 3px;} .pr5 {padding-right:5px;} .pr10 {padding-right:10px;} .pt5 {padding-top: 5px;} .pt10 {padding-top: 10px;} .pb5 {padding-bottom: 5px;} .pb10 {padding-bottom: 10px;} .pb20 {padding-bottom: 20px;} .pb30 {padding-bottom: 30px;} .pb40 {padding-bottom: 40px;} .pb50 {padding-bottom: 50px;} .pt20 {padding-top: 20px;} .pt30 {padding-top: 30px;} .pt0 {padding-top:0px !important;} .pl0 {padding-left: 0 !important;} .pl5 {padding-left: 5px;} .pl10 {padding-left: 10px;} .pl40 {padding-left: 40px;} .p0 {padding:0px !important;} .p5 {padding:5px;} .p10 {padding:10px;} .p20 {padding:20px;} .m0 {margin:0px !important;} .m10 {margin:10px;} .mt5 {margin-top: 5px;} .mb5 {margin-bottom: 5px;} .mt10 {margin-top: 10px;} .mt-15 {margin-top: -15px;} .mb10 {margin-bottom: 10px;} .mb20 {margin-bottom: 20px;} .mt30 {margin-top:30px;} .mt0 {margin-top:0 !important;} .mb0 {margin-bottom:0 !important;} .mr0 {margin-right:0 !important;} .ml0 {margin-left: 0 !important;} .hide {display: none;} .noBorder {border: 0 !important;} a {text-decoration: none; outline:0;} #contentContainer a:hover, .popUp a:hover {text-decoration: underline; margin-bottom: 0 !important;} .p {padding: 5px 0; display:block;} .block {display:block;} .invisible {visibility: hidden;} .clearBoth {clear:both;} .clearLeft {clear:left;} .clearRight {clear:right;} .floatLeft {float:left;} /* =BUTTON STYLES ----------------------------------------------------- */ div.btnSm2{position:relative; top: 10px; right: 1px;}/* New rule for smaller button was btnSm before */ div.btnSm, div.btnLg, div.btnLgGreen, div.butWhiteTwoLink, div.btnSmSh {margin-right: 10px; text-align: center; padding-left: 7px; } div.btnSm a, div.btnLg a, div.btnLgGreen a, div.butWhiteTwoLink div, div.btnSmSh a, div.btnSearch a {text-decoration: none; display: block; float: left; border-bottom: 0 !important;} div.btnSm a {height: 25px; padding: 10px 20px 2px 13px} div.btnLg a, div.btnLgGreen a {height: 42px; padding: 0 20px 0 13px; border-bottom: 0 !important;} div.btnSmSh a {height: 26px; padding: 7px 20px 0 13px;} div.btnSearch a {height: 30px; padding: 12px 80px 0 73px; font-weight:bold; font-size:16px; outline:0;} div.btnNoBord, div.btnClose {margin-right: 5px; margin-top:5px; text-align: center; padding-left: 4px; } div.btnNoBord a, div.btnClose a {text-decoration: none; display: block; float: left; height: 20px; padding: 2px 4px 0 0; text-transform: uppercase; font-size: 10px; font-weight: bold; border-bottom: 0 !important;} div.btnClose a {margin-right:-5px;} div.sjpProdButton /* Used for the example links on the SJP product page */ {float: right;} div.sjpProdButton a {width: 235px; border-bottom: 0 !important;} div.sjpWizBut /* Styling for Next and Prev type buttons used in the SJP wizard */ {float: left;} div.salesHubBut {width: 158px; float: left;} div.salesHubBut a {padding-right: 0; padding-left: 0; width: 158px; border-bottom: 0 !important;} .butSingLine {padding: 12px 7px 0 0; display: block;} .butDoubLine {padding: 6px 7px 0 0; display: block;} .wizArrowFw, .wizArrowBk {padding-left: 17px; text-align: left; } .wizArrowDoub {padding-left: 23px; text-align: left;} div.butWhiteTwoLink div /* Used when surrounding two links with one button image */ {height: 30px; padding: 3px 20px 0 13px;} div.butWhiteTwoLink div a {text-decoration: none; border-bottom: 0 !important;} div.butWhiteTwoLink div a span {background: none; padding-top: 0; padding-left: 0; display: inline;} div.butWhiteTwoLink div img {position: relative; top: 4px;} /* ICONS AND COMMON ELEMNTS ----------------------------------------------------- */ .calendarIcon {vertical-align: bottom; position: relative;left: -7px;} /* =POPUP & LIGHTBOX STYLING ----------------------------------------------------- */ .lightboxBg {filter:alpha(opacity=90); opacity:0.90;} div.popUp h1,div.popUp p,div.popUp h2,div.popUp h3,div.popUp li { color :#525252; font-weight :bold ;} div.popUp, div.jsrPopUp {padding:10px 20px 20px; float: left; z-index:1; width: 460px;} div.popUpBorder {padding:10px 20px 20px; float: left; z-index:1; width: 460px; background-color: #fff; border: 10px solid #00A9E0; } div.popUpContainerNarrow {width:320px;} div.popUpContainer {width:500px;} div.popUpContainerWide {width:710px;} div.searchPopUpContainer {position:absolute; left:160px; top:-5px; width:500px; z-index: 3; float: left; filter:alpha(opacity=95); opacity:0.95;} div.jsSearchPopUpContainer {position:absolute; left:-446px; top:-1px; width:440px; float: left; filter:alpha(opacity=100); opacity:1.0;} div.jsPopSearchPopUpContainer {position:absolute; left:333px; top:338px; width:440px; float: left; filter:alpha(opacity=95); opacity:0.95;} div.jlUpgradePopUpContainer {position:absolute; left:320px; top:270px; width:440px; float: left; filter:alpha(opacity=95); opacity:0.95; border:1px solid #CCCCCC;} div.jsrPopUp {width:400px;} div.popUpContainerNarrow div.popUp {width:280px;} div.popUpContainerMed div.popUp {width: 560px;} div.popUpContainerWide div.popUp {width: 670px;} .popupTrigger {cursor:pointer;} .popUpClose {font-size: 11px; text-align: right; padding-bottom: 5px;} .popUpClose a {font-size: 11px;} .popUpClose a.x {font-size: 8px; text-decoration: none; padding: 0 2px; margin-left: 5px; background-image:none;} .popUp .jsGreenLine {width:100%;} .ajax__calendar {z-index: 0; position: absolute;} .ajax__calendar_container {z-index: 4;} .ajax__calendar_body table tr td { padding: 0 !important; } a.lightBoxClose {display:block; position:absolute; right:20px; top:10px;} .popupAuto {width:auto !important;} #simplemodal-overlay {background-color:#525252;} div.lbClose {padding:15px 15px 0 0;} div.lbClose a, div.lbClose a:link, div.lbClose a:visited, div.lbClose a:hover, div.lbClose a:focus, div.lbClose a:active {color: #fff; font-weight: bold;} /* JQUERY LIGHT BOXES*/ .jQueryLightBox .popUp {width: 460px; padding: 10px 20px 20px; overflow: hidden;} .jQueryLightBox .lightBoxTitle {margin: -10px -20px 0;padding: 0 0 0 20px;background-color: #69BE28;color: #fff;font-size: 20px;font-weight: normal;line-height: 2;} .jQueryLightBox .lightBox600 {width:600px;} .jQueryLightBox a, .simplemodal-data a {cursor:hand; cursor: pointer;} /* =MASTER STRUCTURE STYLES ----------------------------------------------------- */ div#pageContainer {position: inherit; width: 960px; margin: 0 auto;} /* Center align the page */ /* =HEADER ----------------------------------------------------- */ div#headerContainer {width: 100%; position: relative; padding:0 0 10px 0;/*z-index: 100;*/} div#header /* Containing Logo and Header Ad Div */ {width: auto; float:left; height: 84px;} div.logo /* Containing Logo Div */ {position: absolute; left: 17px; top: 28px; width: 305px;} div.headerAd /* Containing Header Ad Div */ {position: absolute; right: 5px; top: 41px; padding: 0; } /* =HEADER NAVIGATION ----------------------------------------------------- */ div#headerNav /* Containing Header Nav Div */ {padding: 0; width: auto; float: right;} div#headerNav .spacer {padding: 0 8px;} div#headerNav ul /* Removes inherit ul elements */ {padding: 0 3px; margin: 0; list-style: none; float: left; text-transform: uppercase;} div#headerNav ul li /* Styles the indivudual nav items */ {padding: 5px 0 14px; float: left; font-weight: bold; font-size: 11px; } div#headerNav ul li a, div#headerNav ul li a:visited, .or {text-decoration: none; font-weight: bold; font-size: 10px;} div#headerNav ul li a:hover {text-decoration: underline;} div#headerNav ul.headerCallout /* Header Nav Call Out style */ {text-transform: none; padding: 0 14px 0 0; margin-left: 14px;} div#headerNav ul.headerCallout li.first {padding-left: 12px;} a.bossPanic:hover {text-decoration: none !important;} span.bossPanic {padding: 1px 0 2px 40px;} span.bossPanicFr {padding: 1px 0 2px 45px;} span.chatLive, span.chatLiveFr {padding: 1px 85px 2px 0;} /* =TOP NAVIGATION ----------------------------------------------------- */ div#topNav /* Containing Top Nav Div */ {width: 100%;} div#topNav ul {padding: 0; float: left; list-style:none; margin: 0; overflow: hidden;} div#topNav ul li /* Styles the indivudual nav items */ {padding: 0 0 0 3px; float: left; margin: 10px 2px 0 0; line-height: normal;} div#topNav ul li a {padding: 2px 10px 5px 7px; display: block; float: left; text-transform: uppercase; font-size: 11px; text-decoration: none; font-weight: bold;} a.jobSeekersLink {color: #fff !important; font-size: 11px;} /* Top Nav Home Style */ div#topNav ul li.topNavHome {padding-left: 0;} div#topNav ul li.topNavHome a {padding-left: 20px;} div#topNav ul li a:hover {text-decoration: underline;} /* =AD STYLING ----------------------------------------------------- */ div.adSpacer div {height: auto !important;} div.leftAd /* Contains the skyscrape add in the left column */ {float: left;} /* =SECONDARY NAVIGATION ----------------------------------------------------- */ div.subMenu {margin: 15px 0; width: 100%; } div.subMenu ul {overflow: hidden; float: right; list-style:none; margin: 0;} div.subMenu ul li {padding: 0 0 2px 5px; float: left; font-weight: bold; margin-left: 5px;} div.subMenu ul li a, div.subMenu ul li a:visited {text-decoration: none; font-size: 11px; padding-right: 5px; display: block; font-weight: bold;} div.subMenu ul li a:hover {text-decoration: underline;} div.subMenu ul.subMenu1 /* Use this style for the first tier of the two tiered sub menu e.g. Recruiter page */ {padding: 15px 0 5px 0;} div.subMenu ul.subMenu2 /* Use this style for the second tier of the two tiered sub menu e.g. Recruiter page */ {position: absolute; right:162px; top: 20px;} div.subMenu div.liveHelp /*Styles the Live Help Button */ {float: right; padding: 5px 10px 10px 10px;} /* =FOOTER ----------------------------------------------------- #footerContainer {margin: 0 auto; clear:both; text-align:center;} #footerContainer ul {padding: 0; margin: 0 auto; list-style: none; display: inline;} #footerContainer ul li {padding: 0; margin: 0; /Horizontalize the footer nav/ display:block; float:left;} #footerContainer ul li a {text-decoration: none;} #footerContainer ul li a:hover {text-decoration: underline;} #footerContainer .spacer {padding: 0 7px;} .disclaimer / Sets the font size of the disclaimer text in the footer / {font-size: 10px; margin: 20px auto 0;} #footerContainer p {padding: 10px 0; clear: both;} #footerContainer select { margin-right: 10px; float: left;} #footerContainer .footerDD {margin: 0 auto; width: 285px;} #footerContainer .footerDD div {margin:5px 5px 0 0;} */ /*CSS to keep old footer working without affecting the new footer*/ #wFooterLinks ul { list-style: none; } #wFooterLinks ul.solutions { position: relative; bottom: 118px; *bottom: 95px; left: 500px; *left: 550px; } #wFooterLinks { position: relative; bottom: 10px; right: 40px; } /* =LAYOUT ----------------------------------------------------- * /* Common Page Layout Elements ------------------------------------------------*/ .centerPadding, .leftPadding, .rightPadding {padding: 0 10px;} #center {width: 100%; z-index: 20; min-height: 400px;} .column {position: relative; float: left;} /* One Column Full Page - Fixed Layout ------------------------------------------------*/ body.fullPageFixed div#contentContainer #left, body.fullPageFixed div#contentContainer #right {display: none;} body.fullPageFixed div#contentContainer {width:960px; margin:0 auto;} /* Three Column Page - Fixed layout - div#threeColFixed -------------------------------------------------------------*/ /* Left Column and Middle Column Page - Fixed Layout - div#leftMiddleCol ----------------------------------------------------------------*/ /* Right Column and Middle Column Page - Fixed Layout - div#rightMiddleCol -----------------------------------------------------------------*/ body.rightMiddleColFixed #contentContainer {width:960px; margin:0 auto;} body.rightMiddleColFixed #contentContainer #right:after {clear:both;} body.rightMiddleColFixed #center {width: 710px; float:left; margin-right:20px;} body.rightMiddleColFixed div#contentContainer #left {display:none;} body.rightMiddleColFixed div#contentContainer #right {width: 220px; float:right; margin-left:10px; } /* Top Section that spans all the Columns - div#spanCol -----------------------------------------------------------------*/ #spanCol .spanColPadding { padding: 15px 0 0; width: 100%; background: #FFF url(../../Images/Default/top-leader-board-bg.png) no-repeat left top; min-height: 148px; } * html #spanCol .spanColPadding { height: 148px; } /* =MODULE STYLES ----------------------------------------------------- */ div.moduleTitle /* Default style for the Module Titles */ {padding: 0 0 0 10px; font-weight: bold; } div.moduleTitle H1, div.moduleTitle H2, div.moduleTitle H3 {padding: 8px 0 5px 0; font-size: 13px; font-weight: bold;} div.moduleHeader {padding: 0; height:10px;} div.moduleBody /* Default style for the body portion of the module elements */ {padding: 10px;} div.moduleFooter {height: 10px; margin-bottom: 10px;} div.moduleFooter span, div.moduleHeader span {line-height: 0; font-size: 0; height: 10px; display: block; width: 10px;} .module320 {width:320px;} .module450 {width:450px;} /* Left & Right Column Modules - 180px --------------------------------------*/ #left div.moduleTitle, #right div.moduleTitle {width: 168px; float: left;} #left div.moduleTitle h3, #right div.moduleTitle h3, #left div.moduleTitle h1, #right div.moduleTitle h1 {width: 170px; float: left;} #left div.moduleBody, #right div.moduleBody {width:158px; float: left;} #left div.moduleFooter, #right div.moduleFooter {width: 180px; float: left;} /* Expandable Center Column Modules - percentage base ----------------------------------------------------*/ #center div.moduleTitle {position: relative; margin:30px 0 0 0;} #center div.moduleTitle h1,#center div.moduleTitle h3 {width: 100%;} #center div.moduleBody {clear: both; position: relative;} /* 200 px Wdith Modules --------------------------------------*/ div.module200 {width: 200px; float: left; margin-right: 10px;} div.module200 div.moduleTitle {width: 188px !important; float: left;} div.module200 div.moduleTitle h3 {width: 190px !important; float: left;} div.module200 div.moduleBody {width:178px !important; float: left;} div.module200 div.moduleFooter {width: 200px !important; float: left;} /* 400 px Wdith Modules --------------------------------------*/ div.module400 {width: 400px; float: left; margin-right: 10px;} div.module400 div.moduleTitle {width: 388px !important; float: left;} div.module400 div.moduleTitle h3 {width: 390px !important; float: left;} div.module400 div.moduleBody {width:378px !important; float: left; } div.module400 div.moduleFooter {width: 400px !important; float: left;} /* Percentage Wdith Modules --------------------------------------*/ div.module40p {width: 40%; float: left; margin-bottom:5px;} /* Generic Styles for left and right columns --------------------------------------------*/ #left p, #right p {width: 180px;} #left div.moduleBody p, #right div.moduleBody p {width:158px;} /* =TABLE STYLES ---------------------------------------------------- */ table.workTable {width: 100%;} table.workTable td {padding: 5px; vertical-align: top;} table.workTable th, table.workTable tr.workTableHeader td {padding: 0 5px 5px 5px; vertical-align: top; font-weight: bold;} table.workTable th a, .workTableHeader td {font-weight: bold;} table.workTable th {font-weight: bold; padding: 5px;} div.sectionHeader {padding: 0 5px 5px 5px; float: left; width: 99%; font-weight: bold;} .col1, .col2, .col3 {padding: 5px; float: left; width: 25%} table.jobSearch .jobLogoCol, table.featuredJobs .jobLogoCol {width: 90px; padding: 15px 10px 15px 20px;} table.jobSearch .jobTitleCol, table.featuredJobs .jobTitleCol {width: 410px; padding:12px 10px 15px 10px;} table.jobSearch .jobDateCol, table.featuredJobs .jobDateCol {width: 130px; padding:12px 20px 15px 0; text-align:right;} table.jobSearch .jobTitleCol a:visited, table.featuredJobs .jobTitleCol a:visited {color:#67696A;} .jobResultEboLinkTr {border-bottom:solid 1px #dfdfdf;} .jobResultEboLinkTd {background:#F3FDEE !important;} .jobResultImg {margin:-3px 5px -3px 9px;} /* =COMMON CONTROLS STYLES ----------------------------------------------------- */ div.error ul {margin: 0; list-style: none; padding: 0;} div.error ul li {padding: 5px 0 5px 25px; background: transparent url("../../Images/Default/icoExclamation.png") no-repeat left 4px;} /* Checkout Validation Summary */ .validationSummary { border: 2px solid red;color: red;margin: 5px 0;padding: 15px;background: #fff url("../../Images/WorkopolisLegacy/En/r_error.gif") no-repeat 5px 30%; font-weight:bold;} .validationSummary ul { margin: 0;padding: 0; margin-left: 80px; list-style: square;} .validationSummary h2 { margin-left: 20px;font-size: 12px;} div.myWorkopolis a, div.careerResources a, div.popularSearches a, div.employerCentre a {display: block;} div.careerResources div.howTo {padding-left: 20px;} div.popularSearches div.left {width: 80px;} div.popularSearches div.right {width: 70px;} /* Common Containers ---------------------------------*/ div.myWorkopolis, div.careerResources, div.popularSearches {float: left;} /* =SEARCH STYLES ----------------------------------------------------- */ div.searchBetaHeader div#topNav {height: 37px;} ul.headerCallout {color: #fff} a.exitBetaSearch {position: absolute; right: 0; padding:20px 10px 15px 0; font-weight:bold; text-decoration: none; } div.jobSearchKeyword div.moduleBody, div.jobSearchLocation div.moduleBody {height: 125px;} div.jobSearchKeyword input, div.jobSearchLocation input {margin-top: 0;} .searchCriteriaContainer .popUpClose a.x /* Added Styles to pull in the closing x as it was getting cut off due to the z-index styles of the containing element */ { right: 0 !important; top: 0 !important; } .searchCriteriaContainer .popUpClose {padding-right: 15px;} div.pgTitle {position:relative; margin-top:20px; margin-bottom:20px;} div.pgTitle .whatsNew {position:absolute; right:0; top:8px;} div.srHeader {position:relative;} .whatsNewSR {font-weight: normal; position:absolute; top:10px; right:10px;} div.pgTitle .whatsNew a, .whatsNewSR a {padding: 0 2px;} /* Add Button */ div.addButton a.addIcon {background:transparent url("../../Images/Default/job-icons-sm.png") no-repeat -3px -720px; padding-left:30px; min-height:24px;} /* Advanced Search Page -----------------------------*/ div#advancedSearchLeft {float:left; width:300px; margin: 0 0 15px 30px; border-right:solid 1px #efefef;} div#advancedSearchMid {float:left; width:300px; margin-left:30px; border-right:solid 1px #efefef;} div#advancedSearchRight {float:right; width:220px; margin: 0 30px 20px 0;} .advSearchLocationText input, .advSearchJobTitle input, .advSearchCompany input {float:left;} .advSearchKeywords input, .advSearchLocationText input, .advSearchJobTitle input, .advSearchCompany input {display:inline-block; width:240px;} .advancedSearchDDL {display:inline-block; width:250px;} .advSearchSection .advSearchDDL, .advSearchSectionLast .advSearchDDL {display:inline-block; width:175px;} .advSearchKeywords, .advSearchLocation, .advSearchCompany, .advSearchJobTitle {margin-bottom:15px; padding-bottom:15px; } .advSearchSection {margin-bottom:10px; padding-bottom:10px;} .advSearchKeywords, .advSearchLocation, .advSearchCompany, .advSearchJobTitle {border-bottom: dotted 1px #cfcfcf;} .advSearchLocationText .error, .advSearchJobTitle .error, .advSearchCompany .error, .advSearchKeywords .error, .advSearchLocationText .error {display:block; clear:both;} .JobSearchRefineResults .advSearchKeywords, .JobSearchRefineResults .advSearchLocation, .JobSearchRefineResults .advSearchCompany, .JobSearchRefineResults .advSearchJobTitle {border-bottom: none;} .JobSearchRefineResults .popSearchQuery {font-size:10px; color:#cccccc; display:block;} .searchDate div.betweenAndLabel {width:80px;} #right .JobSearchRefineResults div.moduleBody p {width:180px;} #JobSearchResultsSidebar .guideYourSearch a {display:block; border-bottom:solid 1px #E3E3E3;} .advSearchJobTitle .addButton .addIcon , .advSearchCompany .addIcon {float: none;} .addIcon .hlk {text-decoration:underline;} .searchChange {display:block; padding:8px 0;} .removeIcon {float: right; margin: 5px 0 0 0;} .addIcon {text-decoration: none; font-size: 13px; margin-top: 10px; display: block; float: left;} .addButton a.addIcon {padding-left:25px; padding-top:3px; display:inline-block;} .ssnCont .moduleBody, .caSettingsCont .moduleBody {padding:10px 50px;} #divSSName .ssnCont .moduleBody {padding:10px;} .caSettingsCont .caFrequency {float:left; width:280px;} #advancedSearchRight .advSearchSection input {float:left; display:block; width:25px;} #advancedSearchRight .advSearchSection label {float:left; display:block; width:130px; margin:4px 0 0 0;} #advancedSearchRight .advSearchSection br {clear: both; line-height: 4px; height: 0;} #advancedSearchBottom {float:left; margin: -30px 0 0 40px;} .advancedSearchJob input.btnSearch {border-width:0; cursor:pointer;} .advancedSearchJob input.btnSearch:hover {text-decoration:underline;} .advancedSearchJob .employerCheck { display: none;} /* Advanced search category hierarchy cobra widgets ------------------------------*/ .chfOutsideContainer {width:610px;} .chfInsideContainer {clear:both;overflow:hidden;padding:0 0 10px 0;} .chfCategoryTitle, .chfFunctionTitle, .chfTTitle {font-size:14px; width:80px;padding-top: 5px;} .chfTDDl select, .chfFunctionDDl select, .chfCategoryDDl select {font-size: 12px !important;line-height: 1.4;margin: 5px 5px 0 0;padding: 2px 3px !important; color:#222222 !important;position:absolute;} .chfCategoryDDl select, .chfIndustryDDl select {width:400px;} .chfFunctionDDl select {width:367px;} .chfTDDl select {width:334px;} .chfFunctionImg, .chfTImg {margin:-1px 10px 0 0;} #chfTitleDiv {padding-left:33px;} #chfTitleDiv, #chfCategoryDiv, #chfFunctionDiv, #chfIndustryDiv {padding-bottom:42px; clear:both;} .chfAddCategoryLinkImg, .chfAddIndustryLinkImg {margin: 0 0 0 -2px;cursor: pointer;} .chfAddCategoryLinkText, .chfAddIndustryLinkText {padding:4px 0 0 6px;cursor: pointer;} .advSearchLocation {margin:0px;} .searchDate {padding: 0 0 15px;border-bottom:1px solid #EFEFEF !important;} div.chfOutsideContainer table#selectedCategoriesTable tbody tr td, div.chfOutsideContainer table#selectedIndustriesTable tbody tr td {min-width:20px;padding: 0 0 5px;font-size:11px;} div#categoryContainer.jsSearchPopUpContainer div.chfCategoryDDl select#Category {width:318px;} #JobSearchResultsSidebar #chfCategoryDDlHidden select#Category {width:370px !important;} div#categoryContainer.jsSearchPopUpContainer div.chfFunctionDDl select#JobFunction {width:285px;} div#categoryContainer.jsSearchPopUpContainer div#chfTitleDiv div.chfTDDl select#JobTitle {width:251px;} div#categoryContainer.jsSearchPopUpContainer div.chfOutsideContainer div.chfInsideContainer {width:396px;} div#categoryContainer.jsSearchPopUpContainer div.chfOutsideContainer table#selectedCategoriesTable {max-width:400px;} .addButton {margin-left:-3px;} .resetInput {margin-left:2px;} .btnSearchPopup {margin: 5px -7px -5px 0;clear:both;} div#contentContainer div#advancedSearchBottom div.categoryContainer {margin: 30px 0 0;} div#contentContainer div#advancedSearchBottom div.industryContainer {margin:15px 0 0;border-top: 1px dotted #CFCFCF;padding: 10px 0 15px;} a#addCategoryButton[disabled="true"], a#addIndustryButton[disabled="true"], a#addCategoryButton[disabled="disabled"], a#addIndustryButton[disabled="disabled"] {color:#CCCCCC !important;} .chfAddMaxMsg { color: red;display: inline-block;margin: 4px 0 0 20px;} .cobraCategoryFilterContainer, cobraIndustryFilterContainer {padding:8px 0 0 0;} .bjCareerAlertTopCont, .bjPopUpRefreshBtnCont, .bjPopUpCheckBoxTitle, .bjSelectDeselectAllLink {display:none;visibility:hidden;} .advSearchSectionLast {padding:15px 0;} .advanceSearchCont .careerLevelContainer {padding:10px 0 0;} .jsSearchPopUpContainer .bjPopUpCheckBox {padding:3px;} .bjPopUpCheckBox, .careerLevelContainer {clear: both;} .styledCheckboxWrap {float: left;} .styledCheckboxText {float: left;padding:5px 5px 0;} /* Search Results Page ------------------------------*/ .companyProfileCont {margin-bottom:10px} div.jobSearchBody {padding:0 10px 0 0; margin-bottom:10px; background:transparent url("../../Images/Default/search/search-results-bg.png") repeat;} div#searchResultsAd {padding:20px 0 0 0; width:960px; margin:0 auto;} div.betaSearchAgain {padding: 20px 0 20px 10px; float: left; font-weight:bold;} /* Search Results Table ------------------------------*/ table.searchResults {margin-bottom: 20px;} div.jobSearchSort {padding-left: 5px; padding-top: 10px;} tr.boldJob td, tr.boldJob td a {font-weight: bold;} table.jobSearch .jobTitleCol a, table.featuredJobs .jobTitleCol a {font-size:14px; display:block; width:410px;} table.workTable span.newJob {background:transparent url(../../Images/Default/new-icon.png) no-repeat right top; float:left; padding-left:5px; margin-left:10px; } table.workTable span.newJob span {background:transparent url(../../Images/Default/new-icon.png) no-repeat left 0; padding: 0 5px 3px 5px; margin: 0 5px 0 -5px; position:relative; float:left; font-size:11px; font-weight:bold; } .fr table.workTable span.newJob {float:right;} .featuredJobs .jobDateCol span.jobDate {color:#000000;} .jobDateCol span.jobDate {color:#777777; text-align:right; float:right; display:block; padding-top:3px; padding-left:4px; } .fr .jobDateCol span.jobDate {float:none; padding-top:0; clear:both;} .jobDateCol span.saveJob {display:block; text-align:right; font-size:11px; clear:both;} .jobLogoCol a {text-align:center;} table.featuredJobs h3 {font-size:11px; font-weight:normal; color:#525252; padding-left:5px;} .jobTitleCol .pnlViewed span.viewed, .jobDateCol .pnlViewed span.viewed {font-size:11px; padding-left:30px; padding-bottom:2px; background:transparent url(../../Images/Default/job-icons-sm.png) no-repeat -3px -400px;} .jobTitleCol .pnlAJ span.applied, .jobDateCol .pnlAJ span.applied {font-size:11px; padding-left:30px; padding-bottom:2px; background:transparent url(../../Images/Default/job-icons-sm.png) no-repeat -3px -480px;} /* Search Results Page Side Column -----------------------------------*/ .JobSearchRefineResults {margin:0 0 20px 0; } #JobSearchResultsSidebar .JobSearchRefineResults .moduleBody {width:218px; padding:0; border:solid 1px #e3e3e3;} #JobSearchResultsSidebar .JobSearchRefineResults .searchCriteriaContainer {padding:10px 20px;} div.JobSearchRefineResults div.first {border-top:none;} .JobSearchSectionTitle /* Used on the section titles like Keywords, Location etc. */ {font-weight: bold; float: left; font-size: 12px; padding-bottom: 2px; width: 85px;} .ChangeSearch {float: right;} div.searchCriteriaContainer {padding: 5px 0; border-top: solid 1px #e3e3e3; float: left; width: 141px; position: relative;} div.JobSearchRefineResults .browseJobs {border-top:none; border-bottom:solid 1px #e3e3e3;} div.JobSearchRefineResults .browseJobs h4 {color:#000000;} div.JobSearchResultsLeftView {position: relative; float: left;} div.searchCriteriaContainer, div.searchCriteriaContainer a.srChange {font-size:11px;} div.searchCriteriaContainer span.srValue, div.jsSearchPopUpContainer {font-size:12px;} div.searchCriteriaContainer a.srChange {padding-left:5px;} div.searchCriteriaContainer span {word-wrap:break-word;} div.searchCriteriaContainer span.srValue {display:block; clear:both; font-weight:bold; font-size:12px;} div.jobSearchPopoutHeader {float: left; padding: 5px 0;} div#keywordsContainer input, div#locationContainer .advSearchLocationText input {width: 375px;} div.JobSearchRefineResults div#locationContainer .advSearchLocationText input, div.JobSearchRefineResults .advSearchJobTitle input, div.JobSearchRefineResults .advSearchCompany input {width:360px;} /*.advSearchLocation .advSearchLocationText input {border:1px solid #ccc;height:20px;border-radius:3px;background:#f1f1f1;}*/ div#keywordsContainer .keywordsContainerCheck input {width:auto;} div#categoryContainer select, div#industryContainer select {width: 370px; margin-top: 5px;} div.betweenAndLabel, div.specificDateLabel {width: 120px; margin-right: 10px; float: left;} .dateSelectionAnd {padding: 5px 0 0 18px; float: left;} .dateInput {width: 100px; padding:2px;} #left div.JobSearchResultsLeftView div.moduleBody {padding:10px 0; width:178px;} div.JobSearchResultsLeftView .testing:hover {background-color: #004A2A;} div.JobSearchResultsLeftView .testing:hover a {color:#fff;} div.JobSearchResultsLeftView .testing {padding: 5px;} div.JobSearchResultsLeftView .testing a {display:block;} div.JobSearchResultsLeftView div.searchCriteriaContainer {width:178px;} div.featuredJobs {padding: 5px 0 1px 0;} table.jobSearch .jobTitleCol a, table.featuredJobs .jobTitleCol a {font-size:14px;} #JobSearchResultsSidebar .JobSearchRefineResults div.moduleTitle, body.rightMiddleColFixed div#contentContainer #right div.moduleTitle {width:210px;} #JobSearchResultsSidebar .JobSearchRefineResults div.moduleTitle h3, body.rightMiddleColFixed div#contentContainer #right div.moduleTitle h3 {width:210px;} body.rightMiddleColFixed div#contentContainer #right div.moduleHeader, #JobSearchResultsSidebar div.moduleFooter, body.rightMiddleColFixed div#contentContainer #right div.moduleFooter {width:220px;} .JobSearchRefineResults div.searchCriteriaContainer {width:178px; padding:5px 0 0 0;} .JobSearchRefineResults .advSearchSection { margin-bottom:10px !important; padding-bottom:0;} .JobSearchRefineResults .btnSm a {width: 80px; font-weight:bold; font-size:14px;} .jsrCancel, .jsrCancelLeft, .lnkCancel, .lnkCancelRight {float:right; padding:0 5px; margin:4px 4px 0;} .lnkCancel {float:left;} .lnkCancel:hover {text-decoration:underline; cursor:pointer; cursor:hand;} .jsrClose { position:absolute; top:5px; right:10px;} .jsrClose a, .jsrClose a:visited, .ssClose a, .ssClose a:visited {color:#000;} .jsrCancelLeft {float:left;} .saveSearchLB, #M_M_M_V_SR_msg_div ul { list-style:none; margin:0; padding:0; } .saveSearchLB {margin-bottom:20px;} .saveSearchLB label, .editSavedSearch label {display:block;font-weight:bold;} .saveSearchLB input {width:200px;} .editSavedSearch input, .rssTxtBox {width:448px;} .editSavedSearch h2 {margin-bottom:10px;} .ssClose, .popupClose {position:absolute; top:20px; right:22px} .ssClose a:hover {text-decoration:underline;} div.ssClose a, div.ssClose a:link, div.ssClose a:visited, div.ssClose a:hover, div.ssClose a:focus, div.ssClose a:active { color: #3c8a2e; font-weight: bold; } .emptySearchMargin {margin-top:30px;} .noResultsMsg {margin-left:0px;} #rss .btnSm {margin-right:0;} /* Hide rounded corners for SkyScraper Ad Placement on Search Results Right Side. Remove this block onece Skyscrapper Ad is back on Search Results Page. */ #JobSearchResultsSidebar .rbModule {border:none;} div#JobSearchResultsSidebar div.guideYourSearch {margin-bottom:20px;} /* Hide rounded corners for Saved Search Controls inside Popup */ #divSSName .moduleHeader, #divSSName .moduleFooter {display:none;} #divSSName .moduleBody {border:none;} .popUp .caSettingsCont .moduleHeader, .popUp .caSettingsCont .moduleFooter {display:none;} .popUp .caSettingsCont .moduleBody {border:none; padding:10px;} .popUp .caCheckCont {width: 280px;} .popUp .caFrequency {width:150px;} #M_M_M_V_SR_msg_div ul li { background-color:#EEF8E0; border:1px solid #8BD22F; padding:10px; font-weight:bold; margin-bottom:20px; line-height: 1.75; } div.srHeaderSort, div.jobViewBodyHeader, div.jobViewBodyApply {padding:10px 0; background:#fff url(../../Images/Default/search/gradient-divider-sr.png) no-repeat left top;} div.jobViewBody div.jobViewBodyApply div.jobMainViewApply { margin-top: 24px !important; } div.jobViewBody div.jobViewBodyApply div.jobMainViewApply.learnMore { margin-top: 20px !important; } div.guideYourSearch .moduleBody {padding-top:0px;} div.jsSearchPopUpContainer h2, div.jsSearchPopUpContainer h3 {background-color:#69BE28; color:#fff; margin:-10px -20px 20px; padding:10px 20px; font-size:20px; font-weight:normal; } /* Search Results Pagination ------------------------------*/ .jsResultsPager {min-height:30px;} .searchResultsPager .paginationRecord .pagerShowing, #jnhPaginationCont .paginationRecord .pagerShowing, #jnhPaginationCont2 .paginationRecord .pagerShowing {font-size:14px; font-weight:bold;} .searchResultsPager .pageNumber {float:right;} .searchResultsPager .paginationRecord {float:left;} div.jobSearchTopPage {padding: 10px 0; margin-bottom: 15px;} div.jobSearchPagination {float: right; height: 20px; line-height: 20px;} div.jobSearchPagination span {line-height: 20px;} div.jobSearchPagination a {text-decoration: none; display: inline; padding: 1px 5px; margin: 0 2px;} div.jobSearchPagination a.skip {font-weight: bold;} div.jobSearchPagination span.selected {padding: 1px 10px; display: inline; font-weight: bold;} div.jobSearchPageDisplay {font-size: 12px; font-weight: bold; float: left; padding-left: 5px;} /* EMPLOYER SPOTLIGHT (Now Hiring) PAGE ------------------------------*/ #nhWrapper .pgTitle {margin-top:0px;} #nhWrapper .moduleBody, #psCont .moduleBody {border:1px solid #ededed;} #nhWrapper .siteTitle {margin-top:30px;} .jobNowHiring .jobNowHiringAlpahbet span {width:54px; display:block; float:left; text-align:center; border:solid 1px #efefef; font-weight:bold; margin:6px 2px; padding:3px 0;} .jobNowHiring span a {padding:4px 22px;} .jobNowHiring .jobNowHiringAlpahbet span.selected {border:none; background-color:#efefef; margin:-3px 0;} .jobNowHiring span a.all {padding:4px;} .jnhList {list-style:none; margin:0; padding:0; width:628px;} .jnhList li {margin:5px 0; min-height:35px; padding:5px 10px;} .jnhCompanyLogo {display:block; float:left; width:100px;} .jnhCompanyName {display:block; float:left; width:398px; padding-top:8px;} .jnhJobCount {display:block; float:right; width:90px; padding-right:20px; padding-top:8px; text-align:right;} #jnhPaginationCont .paginationRecord, #jnhPaginationCont2 .paginationRecord {float:left;} #jnhPaginationCont .pageNumber, #jnhPaginationCont2 .pageNumber {float:right;} #emSpotlightNew .new {background:#fff url("../../Images/Default/search/spotlight-new.png") no-repeat 0 0; width:80px; height:90px; display:inline; float:left; text-indent:-9999px; margin-left:40px;} .fr #emSpotlightNew .new {background-image:url("../../Images/Default/search/spotlight-new-fr.png")} #emSpotlightNew p {padding-left:40px; width:820px; line-height:2;} #nhBrowse .moduleBody {padding:10px 40px 10px 40px; min-height:216px;} #nhBrowse, #psCont {float: left; width: 628px; margin-top:21px; margin-right:10px;} #nhBrowse {margin-top:10px; clear:both;} #bigBoxAdCont {float: right; width: 302px;} #bigBoxAdCont .bigBoxAd {border: solid 1px #f8f8f8; margin-top:3px;} #jnhPaginationCont, #jnhPaginationCont2 {float: left; width: 628px; margin-right:10px; margin-top:10px;} .sampleCompanies {border:solid 1px #eee; margin-bottom:40px;} /* Employer Spotlight / Now Hiring Header Control */ #nowHiringLogos {margin: 0 0 10px 0; padding:15px 5px; border:solid 1px #f5f5f5;} .advancedSearchJob .nhLogos {margin-bottom:10px;} #nowHiringLogos span {display:block; padding:0 10px 10px 5px; font-weight:bold;} .nhLogos a {display:inline-block; width:90px; padding:0 6px;} /* Homepage Carousel for Keystone ------------------------------*/ .stepcarouselKeystone{ position: relative; /*leave this value alone*/ border: none; overflow: scroll; /*leave this value alone*/ width: 627px; /*Width of Carousel Viewer itself*/ height: 288px; /*Height should enough to fit largest content's height*/ /* This is a temp style */ background-color: #eee; } .stepcarouselKeystone .beltKS{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarouselKeystone .panelKS{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0; /*margin around each panel*/ width: 627px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } #keystoneGallery-paginate { position: absolute; left: 562px; top: 259px; } /* Carousel Section ------------------------------*/ .stepcarousel { position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 810px; /*Width of Carousel Viewer itself*/ height: 280px; /*Height should enough to fit largest content's height*/ } .stepcarousel .belt { position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel .panel { float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 10px; /*margin around each panel*/ width: 810px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } .carouselPrev {width:42px; height:300px; float:left;} .carouselNext {width:42px; height:300px; float:right;} .carouselCont {float:left; width:820px; float:left;} .carouselPrev a, .carouselNext a { text-indent:-9999px; outline:0;} .stepcarousel .belt ol {list-style:none; margin:20px 0; padding:0;} .stepcarousel .belt ol li {float:left; width:95px; margin:8px 20px; text-align:center; display:block; height:56px; overflow:hidden;} .stepcarousel .belt ol li img {display:block;} .carouselPrev a:active,.carouselNext a:active {text-decoration:none; } .carouselPrev a {background-position: 0 0;} .carouselPrev a:hover {background-position: -47px 0;} .carouselNext a:hover {background-position: -138px 0;} /* BROWSE JOBS ------------------------------*/ #psCont .moduleBody, #M_M_M_V_PS_subPS .moduleBody {padding:10px 40px 10px 40px;} .psCategory,.psSub,.psCategorySelected {width:120px; display:block; float:left; margin:4px 0; padding:0 5px; vertical-align:middle;} .psCategory, .psCategorySelected {min-height:28px; margin:2px; padding-top:6px;} .psSub {width:400px; display:inline-block; margin:2px 0; padding:0;} div.subCategoryTitle {border-bottom:dotted 1px #6f6f6f; position:relative; margin-bottom:10px; zoom:1; clear:both;} div.subCategoryTitle h2 {margin:10px 0 0 0; padding-bottom:4px; clear:left; float:left; width:70%; display:block;} div.subCategoryTitle span.backToTop {float:right; padding-top:12px; display:block;} .psTop {height:0px; display:block;} .psCategorySelected {font-size:14px; font-weight:bold;} .psSub img, .psSub .lnkRSS {padding-top:2px; vertical-align:top;} .subPopularSearches span + h2 {padding-top:20px;} .psSub a {padding-top:4px;} .psSub a.lnkRSS {outline:0; text-indent:-9999px; display:block; padding-top:10px;padding-left:7px; width:24px; float:left;min-height:20px;} .psSub a.lnkRSS :hover {text-decoration:none;} .subPopularSearches br, #M_M_M_V_PS_dlCategories br {clear: both; line-height: 0; height: 0; font-size: 0;} .psCount {font-weight:bold;} div.subPSTitle div.rssHelpCont, div.subPSTitle div.rssHelpCont div, div.subPSTitle div.rssHelpCont h2 {background:none;} div.rssHelpCont {position:absolute; right:10px; top:10px;} div#rssHelpContainer div.rssIcon {float:left; width:90px;} div#rssHelpContainer div.rssDesc {float:right; width:300px; text-align:left;} div.subPSTitle div.rssHelpCont p {font-weight:normal;} #rssHelpContainer h2 {font-size:24px; padding-bottom:14px; line-height:1.2;} .fr .psCategory, .fr .psCategorySelected {min-height:23px;} /* SAVED SEARCHES & CAREER ALERTS ----------------------------------------------------- */ #savedSearchCareerAlerts th {font-weight:bold; padding-bottom:10px;} #savedSearchCareerAlerts .thHeader {margin-bottom:10px;} #savedSearchCareerAlerts tr td {padding:10px 0 0 0; vertical-align:top;} #savedSearchCareerAlerts tbody tr.advSearchKeywords td {padding:0 0 10px 0;} #savedSearchCareerAlerts .ssRemove a {outline-width:0;text-indent:-9999px; display:block; height:24px; width:30px; margin-left:8px; background:transparent url("../../Images/Default/job-icons-sm.png") no-repeat 0 -800px; } #savedSearchCareerAlerts .ssAction {width:100px;} #savedSearchCareerAlerts .ssName {width:370px;} #savedSearchCareerAlerts .ssLastRun {width:100px;} #savedSearchCareerAlerts .ssEdit {width:100px;} #savedSearchCareerAlerts .ssFrequency {width:150px;} #savedSearchCareerAlerts .ssRemove {width:100px;} .ssExpandable {padding: 5px 10px; margin:5px 0;} #savedSearchCareerAlerts .ssExpandable table td, #savedSearchCareerAlerts .ssExpandable table tr {border:none; padding:2px 0;} #savedSearchCareerAlerts .ssExpandable table td.scTitleCol {font-weight:bold; padding-right:10px;} #savedSearchCareerAlerts .expandable {margin:10px 0;} .popUp #divSSName .ssnCont .moduleBody {padding:0;} #removeAlertCont {margin:10px 0;} #removeAlertCont .alertImg {float:left; width:60px;} #removeAlertCont div {margin-left:10px;} div.error ul.ssError { padding-left:20px; margin-left:10px;} div.error ul.ssError li { list-style-type:disc; padding-left:10px;} #saveSearchLogin {float:left; width:220px;} #saveSearchSignUp {background-color:#FFFCCC;border:1px solid #FFCC00;float:right;margin-top:41px;padding:10px;width:200px} #savedSearchCareerAlerts th {border-bottom:2px solid #8f8f8f;} .ssExpandable {border-bottom:1px dashed #8f8f8f; border-left:1px dashed #8F8F8F;} .ssExpandable {border:1px dashed #8F8F8F; background-color:#efefef;} div.ssnCont div.moduleBody, div.caSettingsCont div.moduleBody {border:solid 1px #eee; margin-bottom:20px;} /* =VIEWJOB JOB DISPLAY STYLES ----------------------------------------------------- */ /* ViewJob.aspx Containers ---------------------------------*/ div.jobViewTools, div.jobToolsEmailThisJob, div.jobToolsRegisteredUsersLogin {float: left;} /* ViewJob.aspx Internal Containers -----------------------------------*/ div.jobToolsChangeLanguage, div.jobToolsInfo, div.jobToolsAlert, div.jobToolsMapIt, div.jobToolsOtherJobs, div.jobToolsCompanySnapShot, div.jobToolsGlobe, div.jobToolsStockQuote, div.jobToolsPrint {margin-bottom: 5px; float: left;} /* ViewJob.aspx Misc Containers -------------------------------*/ div.jobToolsEmailSend, div.jobToolsLogin, div.jobToolsSendNote, div.jobToolsEmailType, div.jobMainViewApply, div.jobViewBody {margin-bottom: 5px;} div.jCompanyLogo {text-align:center; padding:30px 10px 20px 10px; height:70px;} div.jobViewRight .moduleContainer {margin-bottom:20px;} div.jobViewBody {width:700px; } /* Maximum width of the JobViewBody container */ /* ViewJob Misc Styles -------------------------------*/ table#M_M_M_V_MainView_Contents_dvJob {width: 100%;} table#M_M_M_V_MainView_Contents_dvSessionJob {width: 100%;} div.jobDisplayHeader {padding:20px; font-size: 12px; background: #fff url('../../Images/Default/jobViewHeaderBg.png') top left repeat-x;} div.jobDisplayHeader .p10 {padding:10px; width:700px; } div.jobDisplayHeader span {font-size:14px;} div.jobDisplayHeader .jobStatus, div.jobDisplayHeader .jobPostDate, div.jobDisplayHeader .jobNumPositions {display:block;} div.jobDisplayHeader .jobStatus, div.jobDisplayHeader .jobPostDate, div.jobDisplayHeader .sharethistitle {display:block;} /* ViewJob Right Styles -------------------------------*/ div.jobInfoModule {padding: 10px; margin: 20px 0 10px 0;} div.jobInfoLeft {float: left; font-weight: bold; padding-right: 70px; } div.jobInfo h2 {border-bottom:1px solid #e2e2e2; display:block; line-height:1.4;} div.jobInfo h2 span.jInfoTitle, div.jobInfo h2 span.jInfo {display:block;} div.jobInfo h2 span.jInfoTitle {font-size:11px; font-weight:normal; color:#525252;} div.jobInfo h2 span.jInfo {font-size:12px; font-weight:bold; color:#000000;} .jobCount {margin-left:36px; font-weight:bold;} .addThis {margin:0; } /* Apply Online in Right Column */ #left a.applyText {display: block; width: 114px; height: 19px; font-weight: bold; padding: 5px 0 0 45px; text-transform: uppercase; text-decoration: none;} /* Apply Online Within The Body */ div.jobViewBodyApply {margin: 20px 0; text-align: left; clear:both;} div.jobViewBodyApply div.jobMainViewApply {float: left; width: auto;} div.jobViewBodyApply a.applyText {font-weight: normal; font-size: 20px; text-decoration: none;} div.jobToolsText /*Used to float the links beside the images in the Tools Box */ {float: left; width: 170px;} div.jobToolsImage /*Used to float the images beside the links in the Tools Box */ {padding: 3px 0 0 2px; display: block; float:left; width: 25px;} div.jobToolsSendNoteLabel /* Used to style the Send Note label */ {font-weight: bold; margin-bottom: 5px; padding:5px;} div.jobToolsSendNote textarea {width: 195px;} div.jobToolsEmailFrom p, div.jobToolsEmailTo p {margin: 0 0 4px 0;} div.jobToolsEmailFrom p span, div.jobToolsEmailTo p span {display: inline; width: auto;} div.jobToolsEmailFrom input, div.jobToolsEmailTo input, div.jobToolsUserName input, div.jobToolsPassword input {width: 184px;} div.jobToolsEmailType input {margin-left: 5px;} div.dataHelpText span {padding: 1px; margin-bottom: 5px;} div.jobToolsUserName {padding-bottom: 8px;} div.jobViewBodyApply div.jobMainViewApply {padding:0 5px !important; margin:4px !important; height:32px; vertical-align:middle; font-size: 20px;} #center div.jobViewBodyApply a {padding:5px 25px 5px} /* New Job View page -------------------------------------------------------- */ /* Note: below classes are also used for Kiwi report page, if updating ensure Kiwi page also looks good. */ div.jobViewBodyHeader,div.jobViewBodyApply { background-position:0 -5px;} div.jobDisplayHeader {padding:20px 30px 20px 20px; border-bottom:1px solid #ededed; word-wrap:break-word; zoom:1;} div.jobDisplayHeader .jobTitle, div.jobDisplayHeader .jobCompany {font-weight:normal; color:#525252; display:block;} div.jobDisplayHeader .jobTitle {font-size:24px; margin-bottom:6px; line-height:1.1;} div.jobDisplayHeader .jobCompany {font-size:15px;} div.jobDisplayHeader span {color:#525252;} div.jobDisplayHeader .jobLocation {font-size:16px; display:block;} div.jobDisplayHeader .jobPostDate {color:#777777; font-size:13px; padding-bottom:8px;} div.jobDisplayHeader .jobStatus {padding-bottom:1px;} div.backToSearchResults {border-bottom: solid 1px #ededed; padding-bottom:14px; margin-right:10px; width:710px;} div.jobViewBody {padding:0px 30px 0 20px; width:660px; word-wrap: break-word; background: transparent url(../../Images/Default/search/content-side-bg.png) repeat-y right top;} div.jobViewBody .video-top {margin-bottom:10px;} div.jobViewBody .video-bottom {margin-top:10px;} div.jobInfo span, div.jobInfo a, .jobTitleCol a {word-wrap: break-word; overflow:hidden !important;} div.jobInfo div.moduleBody {background: #efefef url(../../Images/Default/search/job-details-bg.png) no-repeat left top;} div.jobInfo div.moduleBody, div.jobViewTools div.moduleBody, div.jobToolsEmailThisJob div.moduleBody, div.jobToolsSaveThisJob div.moduleBody, div.recJobTools div.moduleBody, div.kiwi-job-details .moduleBody {border:solid 1px #e3e3e3;} div.jobToolsEmailThisJob .jobToolsEmailFrom label, div.jobToolsEmailThisJob .jobToolsEmailTo label {display:block; font-weight:bold; margin:6px 0 0; width:50px;} div.jobToolsEmailThisJob .jobToolsEmailFrom label, div.jobToolsEmailThisJob .jobToolsEmailTo label, div.jobToolsEmailThisJob .jobToolsEmailFrom input, div.jobToolsEmailThisJob .jobToolsEmailTo input {display:block; margin-bottom:10px;} body.rightMiddleColFixed div#contentContainer #right div.jobInfo .moduleBody {width:218px; padding:0;} div.jobInfo h2, div.jobInfo div {padding:10px;} div.jobDisplayHeader div.primary {float:left; width:500px;} div.jobDisplayHeader div.secondary {float:right; padding-top:7px;} .jobViewLinks a, .guideYourSearch a, .jobTools a , .psSub a.lnkRSS {background:transparent url("../../Images/Default/job-icons-sm.png") no-repeat; } .jobViewLinks a, .guideYourSearch a, .jobTools a {padding-left:36px; padding-top:10px; text-decoration:none; display:block;} .jobViewLinks a:hover, .guideYourSearch a:hover {text-decoration:underline;} .psSub a.lnkRSS {background-position:-2px -240px; padding-top:4px;} .jobViewLinks .save , .guideYourSearch .save {background-position:-4px -72px; min-height:22px} .jobViewLinks .email, .guideYourSearch .email {background-position:-4px -150px; min-height:22px} .jobViewLinks .rss, .guideYourSearch .rss {background-position:-4px -233px;min-height:24px} .jobViewLinks .print, .jobTools .print {background-position:-4px -310px; min-height:28px;} .jobViewLinks .other, .jobTools .other {background-position:-4px -1150px; min-height:24px} .jobTools .alert {background-position:-4px -545px;min-height:24px} .jobTools .lang {background-position:-4px -626px;min-height:24px} .jobToolsEmailThisJob .emailConfirm {color:#006D00;} .jobTools .other {padding-left:0; display:inline;} .jobTools .jobCount {margin-left:0;} /* Email me jobs - Search Results */ #JobSearchResultsSidebar .jobSearchResultsButton .guideYourSearch a {border:none; padding-left:0; padding-top:0; } .en #JobSearchResultsSidebar .jobSearchResultsButton .guideYourSearch a {margin-left:4px; width:195px; font-size:13px;} .en #JobSearchResultsSidebar .jobSearchResultsButton .guideYourSearch a span {padding-left:24px;} .fr #JobSearchResultsSidebar .jobSearchResultsButton .guideYourSearch a {margin-left:4px; width:195px; text-align:center; padding-right: 23px; font-size: 14px; height: 44px; background: transparent url("../../Images/workButtons/big-btn-right.png") no-repeat scroll right top;} .fr #JobSearchResultsSidebar .jobSearchResultsButton .guideYourSearch a span {margin-left: -23px;padding: 3px 0 14px 24px; background: transparent url("../../Images/workButtons/big-btn-left.png") no-repeat left top; line-height: 15px;} .fr #JobSearchResultsSidebar .jobSearchResultsButton .guideYourSearch a:hover {background-position: 100% -47px;} .fr #JobSearchResultsSidebar .jobSearchResultsButton .guideYourSearch a:hover span {background-position: 0 -47px;} .jobSearchResultsButton div.guideYourSearch .moduleBody {background:none;} /* Rounded Corners positioning -------------------------------------------------------- */ span.tl, span.tr, span.bl, span.br {position: absolute; width: 8px; height: 7px; line-height: 0; font-size: 0;} span.tl {top:0px; left: 0; } span.tr {top:0px; right: -1px;} /* fix alignment in IE6 */ div > span.tr {top: 0; right: 0;} span.bl {bottom:-1px; left: 0;} /* fix alignment in IE6 */ div > span.bl {bottom:0px; left: 0;} span.br {bottom:-1px; right: -1px;} /* fix alignment in IE6 */ div > span.br {bottom: 0; right: 0;} /* =SJP FLOW STYLES ----------------------------------------------------- */ .sjpSiteTitle /* Also used for all popup titles*/ {font-weight: bold; font-size: 20px; padding: 0 0 5px 0; float: left;} .rcGreyWhite {position: relative;} p.sjpHelp {padding: 8px 10px;} .sjpFlow, .sjpFlow p, div.sjpFlow input, div.sjpFlow select, div.sjpFlow label, div.sjpFlow ul li, div.sjpFlow td {font-size: 12px;} .secondHeadText {/*padding-left: 20px;*/ font-size: 12px; font-style: italic; font-weight: bold;} .sjpModule div.sjpLabel {width: auto; min-width:190px;} div.sjpLabel /* Used for spacing between the label and input section*/ {width: 190px; float: left; margin-right: 20px; clear:both;} div.sjpOptions {float:left; padding:5px 0;} div.sjpOptionsFixed {float:left; width:440px;} span.sjpLabelSubTitle {font-weight:normal;} .sjpPriceLabel {color:Green; font-size: 12px; font-style:italic;} /* SJP Checkout Module ----------------------------------------------------- */ .shopBskt td {padding: 5px 0;} .shopBsktTotal {font-weight: bold;text-align: right;} .shopBsktTable {margin-bottom: 20px;} .shopBsktTable td {padding: 5px 0;} .shopBsktTable tr.alt td {padding: 0;} .shopBsktTable td span {float:left; width:130px;} .shopBsktTable input {float: left; margin-top: 1px;} .shopBsktHeader td {font-weight: bold; vertical-align: top; padding: 0;} .shopBsktHeader td span {padding-left: 5px;} /* SJP Module (Rounded corners green background) ---------------------------------------------------- */ div.sjpModuleContainer {position:relative; margin-bottom: 10px; float: left; width: 100%;} div.sjpModule {position: relative; } div.sjpModule:after, div.moduleContentPadding:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} div.sjpModule h3 {font-size: 14px; font-weight: bold; padding-bottom: 15px;} div.sjpModule .SJPChild {padding: 0 0 15px 25px;} div.sjpModule div.moduleContentRight {width: 40%; float: left;} div.moduleContentPadding {padding: 15px 10px 0;} .helpIconPosition {top: 12px;z-index:999;} .helpListEliments {margin-bottom:20px !important;} div.sjpSampleJobDesc div.popUpContent h2 {color:#525252;} /* SJP Pricing Table ---------------------------------*/ div.priceList {margin: 10px 0;} div.priceList table {width: 580px;} .popUp div.priceList {width: 460px; margin: 10px 0;} .popUp div.priceList table {width: 460px;} div.priceListSm {width: 200px !important; margin: 10px auto !important;} div.priceListSm table {width: 200px !important;} div.priceListMed {width: 320px !important; margin: 10px auto !important;} div.priceListMed table {width: 320px !important;} div.priceList table td {vertical-align: middle; height: 35px;} div.priceList th {vertical-align: bottom;} div.priceList table td.borderLeft, div.priceList table td.borderRight, div.priceList table tr.last td {border-bottom: 0} span.savings {font-size: 10px;} /* SJP Containers ---------------------------------*/ div.registeredLeft {float: left; width: 235px; border-right: solid 1px #d5d5d5; margin-right: 20px; padding-bottom: 27px; height: 210px;} div.registeredRight {float: left; width: 100px;} .popupControl {background-color:#fff; position:absolute; visibility:hidden;} .cursorPointer {cursor: pointer;} /* SJP SelectProducts.aspx ---------------------------------*/ .sjpHelpPopup /* Used on the Select Product Page in the first module*/ {float: left; font-size: 10px; margin-left: 10px;} .sjpHelpPopup a {font-size: 11px; position: relative;} .sjpHelpPopup img {padding: 3px 5px 0 0;} .bothCreditTypes, .oneCreditType, .sjpProductTableTotal {width: 100%; margin-top: 5px;} .bothCreditTypes td, .oneCreditType td, .sjpProductTableTotal td {font-size: 12px; padding: 3px 10px 3px 0;} .productAndPricing .moduleContentLeft p {font-size: 12px;} .checkOutContact select {margin:5px 5px 0 0;} .half {float: left; width: 205px;} .halfPadding {padding: 0 10px 0 0;} div.moduleContentRight div.sjpProdButton {margin-right: 0;} .BundledProductsSummary {padding-left : 5px !important;} /* Fix until dynamic spacing is available */ div.boldJobModule div.moduleContentLeft div.moduleContentPadding {padding-bottom: 80px;} div.featuredJobModule div.moduleContentLeft div.moduleContentPadding {padding-bottom: 80px;} div.extendJob div.moduleContentLeft div.moduleContentPadding {padding-bottom: 98px;} div.nichePackModule div.moduleContentLeft div.moduleContentPadding {padding-bottom: 154px;} /* SJP Job Information.aspx -----------------------------*/ .sjpJobDetailsSection {float: left; clear: both;} .sjpJobDetailsSection select, .sjpJobDetailsSection input /* Used for spacing between the Job Details Elements*/ {margin-bottom: 30px;} div.jobCategoryDD {padding: 0 0 30px 160px;} div.postalCodeCity input {padding-bottom: 0; padding-top: 0;} div.designTemplateDD {padding:0 0 30px 20px;} /* SJP Agency Info -----------------------------*/ div.agencyInfo {background-color: #fff !important; border-bottom: 0 !important;} /* SJP Select Campus -----------------------------*/ table.campusTable {margin-top: 20px;} .totalCampusNum {padding-left: 5px;} table.campusPriceTable {margin: 30px auto; width: 300px !important; } table.campusPriceTable td,table.campusPriceTable tr.workTableHeader td {padding: 6px 25px;} /* SJP Confirmation -----------------------------*/ .contactBillingInfo p {width: 99%; float: left; overflow:auto;} /* SJP Registration -----------------------------*/ div.registeredLeft {float: left; width: 235px; margin-right: 20px; padding-bottom: 27px; height: 220px;} div.registeredRight {float: left; width: 100px;} div.registeredUsersLogin .moduleBody {min-height:245px;} /* About Us Information Page -----------------------------*/ .corpTitleName strong, a.aboutUsProductTitle {font-size: 12px; line-height: 17px; text-decoration:none;} .corpJobDescRight {float:right; padding:0 5px 0 0;} .corpJobDescLeft {float:left; padding:0 5px 0 0;} div.managementTeam a.aboutUsProductTitle {text-decoration:none; font-size: 14px; line-height: 17px;} div.keystoneImage {position:relative; height:217px;} div.keystoneImage div, div.keystoneImage img {padding-right: 10px; height:217px;} .managementSection {margin:10px 0 15px; padding-bottom:10px; display: inline-block;} .CommunityContainer {width:300px; margin:10px auto;} .CommunityContainer .btnNoBord {margin-left:10px;} /* Advertising Page */ div.AdvertisingModule {min-width:550px;} div.AdHeaderContainerRightImg {margin:15px 10px 0 0;} div#AdHeaderContainer {height:248px; min-width:550px} div#AdHeaderContainerRight {height:248px;} .greyDivider1 {border-bottom: solid 1px #cccccc; padding:4px 0} /* RDB Preview -----------------------------*/ div.RDBPreview div.moduleTitle {text-align:left; padding-left:5px;} div.RDBmoduleContentLeft {float:left; width:45%;} div.RDBSearchContainer {margin:5px 0;} div.RDBSearchContainer1 {float:left; width:100%;overflow:hidden; position:relative;} div.RDBSearchContainer2 {float:left; position:relative; right:50%;width:100%; } div.RDBSearchCol1, div.RDBSearchResultsCol1, div.RDBSampleResumeCol1, div.RDBSearchCol2 {float:left; left:50%; overflow:hidden; position:relative; width:46%; padding:1%; min-height:140px;} div.RDBSearchCol2 {left:52%;} div.RDBSearchBox, div.RDBSearchBoxText {float:left; height:180px;} div.RDBPerPage {float:left; margin-top:-15px; padding-left:20px;} .rdbIconText {margin-left:50px;} .rdbPgNum {margin:5px;} .rdbPgNext {margin:10px;} table.rdbPreviewTable {width: 100%;} table.rdbPreviewTable td, table.rdbPreviewTable th {padding: 5px 0; vertical-align: top;} table.rdbPreviewTable th a {font-weight: bold;} div.RDBSearchCol2 h1 {margin-bottom:10px;} div.RDBSearchCol1 h2 {font-size:16px; line-height:20px;} /* RESUME DATABASE SEARCH ----------------------------*/ /* RDB Module (Rounded corners) ---------------------------------------------------- */ div.rdbModuleContainer {position:relative; margin-bottom: 10px; float: left; width: 100%;} div.rdbModule, div.rbModule {position: relative; background-color:#fff; } div.rdbModule:after, div.moduleContentPadding:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} div.rdbModule h3 {font-size: 14px; font-weight: bold; padding-bottom: 15px;} div.rdbModule .rdbChild {padding: 0 0 15px 25px;} div.rdbModule div.moduleContentLeft {width: 700px; float: left;} div.rdbModule div.moduleContentRight {width: 190px; float: left;} /* RDB Search Page ---------------------------------------------------- */ .rdbJobLocationCol, .rdbEducation, .rdbEducationSchool {float:left; width:340px;} .ddlResumeDate {float:left; padding-right:10px;} .rdbRequired {line-height:19px; padding-left:5px;} .rdbKeywordSearch {float:left; width:600px;} .rdbCheckLanguages, .rdbPastApplicantOptions {float:left; padding-left:10px;} .rdbPastApplicantOptions select {margin:0px 5px 5px 0;} .rdbSearchMore {margin:15px 0;} .rdbSearchMore a {font-size:16px; font-weight:bold;} .rdbExperience ul, .rdbSearchPeriod ul, .rdbJobLocation .moduleContentRight ul {margin:0; padding:0; list-style:none;} .rdbJobLocation .moduleContentLeft {min-height:222px;} .rdbExperience .moduleContentLeft ul li {float:left; width:340px; padding-top:10px;} .rdbExperience .moduleContentLeft {min-height:250px;} .rdbExperience .moduleContentLeft label, .rdbExperience .moduleContentLeft input, .rdbEducationSchool label, .rdbEducationSchool input {display:block;} .rdbEducationSchool input {width:300px;} .rdbExperience .moduleContentLeft input, .rdbSkills input {width:220px;} .rdbSkills .moduleContentRight input {width:auto;} .rdbWorkingPref ul label {display:block;} .rdbWorkingPref ul {margin:0; padding:0; list-style:none;} .rdbWorkingPref ul li {width:340px; float:left;} .rdbWorkingPref .parent li {margin:5px 0;} .rdbWorkingPref .child li {margin:0;} .rdbWorkingPref ul select, .rdbLangSkills .firstSelect {width: 230px;} .rdbSkills .secondLabel, .rdbLangSkills .secondLabel {position:absolute; left:260px;} .rdbFrequency {display:block;} .rdbRemoveIcon {position:relative; top:3px;} .rdbCandidateTools {color:#fff; padding: 5px; margin:5px 0;} .rdbAlerts .rdbModule {border:none;} .rdbCopyToFolder {width:270px;} .rdbMoreCandidateTools {width:190px;} .rdbSavedSearchTxt {width:600px;} .rdbAppListCount, .rdbResumesCount, .rdbResumesCqlCount, .rdbPreviewLnk, .rdbCWLPurchaseLnk { position:absolute; left:350px; padding:5px 0;} .rdbAreaCode {width:75px;} /* RDB Search Results Page ---------------------------------------------------- */ .rdbSearchResultsHeader, .rdbCandidateTools {font-weight:bold; background-color:#006E8B;} #left .RDBSearchResultsLeftView div.moduleBody p {width:100%;} div.RDBSearchResultsLeftView div.rdbModule div.moduleContentRight {width: 190px; float: left;} div.RDBSearchResultsLeftView .rdbModule {z-index:100 !important; position:relative;} div.RDBSearchResultsLeftView span.tl, div.RDBSearchResultsLeftView span.tr, div.RDBSearchResultsLeftView span.bl, div.RDBSearchResultsLeftView span.br {display:none;} .RDBSearchResultsLeftView .rdbJobLocationCol {width:220px;} .RDBSearchResultsLeftView .rdbExperience .moduleContentLeft ul li, .RDBSearchResultsLeftView .rdbWorkingPref ul li, .RDBSearchResultsLeftView .rdbEducation, .RDBSearchResultsLeftView .rdbEducationSchool {width: 230px;} .RDBSearchResultsLeftView .rdbExperience .moduleContentLeft input, .RDBSearchResultsLeftView .rdbEducationSchool input {width:180px;} .RDBSearchResultsLeftView .rdbWorkingPref ul select {width: 190px;} .RDBSearchResultsLeftView .rdbSkills .secondLabel, .RDBSearchResultsLeftView .rdbLangSkills .secondLabel {position:absolute; left:255px;} .RDBSearchResultsLeftView h4 {width:100px;} .RDBSearchResultsLeftView div.searchCriteriaContainer {width:158px;} .RDBSearchResultsLeftView .rdbFrequency {margin-left:18px;} .RDBSearchResultsLeftView.rdbAppListCount, .RDBSearchResultsLeftView .rdbResumesCount, .RDBSearchResultsLeftView .rdbResumesCqlCount, .RDBSearchResultsLeftView .rdbPreviewLnk, .RDBSearchResultsLeftView .rdbCWLPurchaseLnk {position:relative; padding:inherit; left:auto;} #rdbResults .pageNumber {float:right;} #rdbResults .pagerShowing {font-weight:bold;} .rdbResultsMessage, .rdbErrorToolBox {font-weight: bold; margin: 10px 0; padding:10px 5px;} .RDBSearchResultsLeftView .rdbExperience .rdbButtons {margin-top:40px;} /* Employer Dashboard -----------------------------*/ .dbThreeColCont {margin-bottom:20px; clear:both;} .divCol33 {width:33%; float:left;} .dbFirstColumn {margin-right:20px;} .dbMiddleColumn, .dbLastColumn {margin-left:20px;} .compensationBtn a {padding:2px 7px !important;} .divCol50p {float:left; width:50%;} .dbManageJobsCont ul, #dbAdvancedResumeSearch ul {margin:0 0 0 26px; padding:0px;} .empDashBoardButton {float:left !important; text-align:left;} .dbExpiryTitle {display:block; float:right; right:12px; font-weight:bold;} div.dbExpiry {float:right; width:60px; text-align:right;} .fr div.dbExpiry {width:70px;} #dbMyAccount h4 {margin-top:5px;} #dbQuickSearch {display:block; padding:10px 0; margin:10px 0 0; border-top:1px solid #E3E3E3;} .dbRDBRow {display:block; padding-bottom:5px; margin-bottom:5px; clear:both;} div.btnBuyMore {float:left; margin-right:0px!important;} div.btnBuyMore a {width:145px; border-bottom:0px !important; padding:7px 2px 0;} .dbDartPlacement {float:left; width:267px; text-align:center;} #AnnouncementsArea #tempAd, .dbDartPlacement #tempAd {margin:0px !important;} .CallEmpSupport img, #imgWhitePaperCont {margin-bottom:10px;} .dbResumeTips {float:right;} .fr .dbResumeTips {float:left; margin-left: 0;} .resumeTipsPopUp {z-index:1001 !important; position:relative;} #searchResumeTips ul {margin: 0 10px; padding:0;} #searchResumeTips ul li {list-style:none; margin:0 0 10px; padding:5px;} #empDashboardSide #imgWhitePaperCont {display:none;} .dbFirstImagesCont, .dbSecondImagesCont {margin-bottom:15px;} .rdbSearchTypeCont td {padding:0;} .dbFirstImagesCont, .dbSecondImagesCont {margin-bottom:15px;} .rdbSearchTypeCont2 td {padding:3px 0; margin:2px 0;} .rdbSearchTypeCont2 td span {margin:5px 5px 0 0;} #dbDartCont2 { margin: 0; /*padding: 70px 0 0;*/ float: none; width: auto; } /* = CRM - Agency Pages */ /* Customer Search Results Table */ .crmSearch th {font-weight:bold; background-color:#efefef; padding:10px 5px; border-top:solid 2px #d9d9d9; vertical-align:bottom; } .crmSearch td {padding:5px 5px 10px; border-bottom:solid 1px #e1e1e1;} .crmSearch .checkAll {width:70px;} .crmSearch .checkAll label {display:block; padding-top:5px;} .crmSearch .accountNum {width:100px;} .crmSearch .companyName {width:160px;} .crmSearch .contactName {width:140px;} .crmSearch .city {width:70px;} .crmSearch .province {width:100px;} .crmSearch .email {width:240px;} /* Job List Section -----------------------------*/ .jListHalfContLeft, .jListHalfContRight {float:left; width:470px; padding:10px 0; } .jListHalfContLeft .moduleBody, .jListHalfContRight .moduleBody {min-height:150px;} .jListMyAccount ul {margin: 0; padding:0px; list-style:none;} .jListMyAccount .dbExpiry {display:inline; position:absolute; right:10px;} .jListHalfContLeft {padding-right:10px;} .jListHalfContRight {padding-left:10px;} .jList input, .jList select {display:block;} .jList input {width:195px; float:left;} .jList select {width:420px;} .jListInlineField input {display:inline; padding:0; margin:0;} .jListContentCont {padding:10px 0; clear:both; position:relative; } .jListMenu {margin:0; padding:0; list-style:none;} .jListMenu li {padding:4px 2px;} .jListMenu .folderColumn, .jListMenu a {width:160px; float:left} .jListMenu .th {font-weight:bold;} .jListTabs {position:relative; float:left;} .jListTabs ul {margin:0;padding:10px 0 0;list-style:none; float:left;} .jListTabs li {float:left; margin:0 0 0 10px;} .jListTabs a {float:left;display:block;text-decoration:none; font-size:14px; margin:0 4px; padding:7px 10px 4px;} .jListTabs ul li.current a {font-size:14px; font-weight: bold; padding:6px 10px 10px;} .jListTabs > ul a {width:auto;} .jListTabs a {float:none;} .jlExport {float:right; margin-top:10px;} .jlExport input {padding:0px; vertical-align:middle; margin:0 0 0 5px;} .jlExport img {padding:2px; margin-top:-7px;} .jlExport div {margin-left:10px; margin-top:-8px;} .jListCreate {float:right; margin-top:10px;} .jListUpgradeLBox {overflow:scroll; width: 600px; height: 180px;} .jListUpgradeLBox table {width:578px;} .jListSort {margin: -10px 0 10px 0;} .btnjListUpgrade {width:140px;} #jListUpgradeTable .jListDescription {width:450px; padding-right:10px;} #jListUpgradeTable td {padding: 5px 0;} .jListHelpTxt {font-size:10px; font-weight:normal !important; color:#006D00 !important;} table.workTable th a, .jListTable th span {text-decoration:underline;} table.jListTable tr.th th {padding-bottom:20px;} table.jListTable th {vertical-align:bottom} .jListHelpPopup img {padding: 3px 5px 0 0;} .jListPostJobIcon input {margin:0px; display:block;} .jListContentCont .pageNumber {float:right;} .jListContentCont .paginationRecord {text-align:right;} .jListTable .jListCheckBox input {margin-left:10px;} div.jListFooter {padding:10px 0;} div.jListFooterTools {border:solid 1px #e3e3e3; padding:30px 10px; margin:10px 0 0;} .jListNote {width:455px;} .jlWhyUpgrade {font-weight:bold; padding:2px 0 3px 20px; vertical-align:bottom;} /* Browser Error CallOut -----------------------------*/ div.browserError {padding: 10px; margin-bottom: 20px; clear:both;} div.browserError ul {margin: 0; padding-left: 15px;} /* Sales Hub Styles -----------------------------*/ .empResources {position: relative; left: 1px; bottom: 155px;} .empResourceCont {padding-bottom:150px !important; } .greyBox, .shHighLightCont {margin:20px; padding:10px;} .SalesHubSectionFirst, .SalesHubSectionMid, .SalesHubSectionLast {float:left; width:200px; } .SalesHubSectionMid, .SalesHubSectionLast { margin-left:15px;} .SalesHubSectionFirst {padding-right: 10px;} .SalesHubSectionMid {padding: 0 10px; } .SalesHubSectionLast {padding-left: 10px;} .shKeystone {height: 243px; position: relative;} .shKeystone .shKeystoneContent {width: 360px; position: absolute; left: 30px; top: 55px;} .shKeystone .shKeystoneContentAB {width: 321px; position: absolute; left: 30px; top: 30px;} .shKeystoneBG {width:730px; height:250px;} .shSubHeading {font-size: 17px; line-height: 24px;} .shSubHeading div.btnSmBlBg a {font-size: 12px; line-height: 1.4;} .arrowAfter {padding-right: 12px;} .shHalfCont {width:336px; float:left; margin:0 10px;} .shHalfCont ul {padding:0 15px; margin:0;} .shHalfContLeft {float:left; width:315px; padding-right: 10px;} .shHalfContRight {float:right; padding-left: 10px; width: 315px;} .shWorkLogos {padding: 0 30px 20px;} .shWorkLogos img {padding:5px} #Employer #PostAJob ul, #Employer #RDBSearch ul {padding:0 0 0 15px; margin:3px 0 0 0;} .shWhyWorkopolis {color:#fff !important; font-weight:bold; text-decoration:underline;} #WokopolisSolutions h2 {font-size:16px;font-weight:bold;line-height:20px;} #WokopolisSolutions h3,#WokopolisSolutions h4 {display:inline; padding-top:10px;} #shEmployerResources h2 {font-size:13px;} .shSpecialOffersSavings {font-size:15px; line-height:1.5;} #shSpecialOffers h2 {font-weight:normal !important;} .shTrainingSubHeadline {font-size:14px; line-height:19px;} .shQuote blockquote {position: relative;text-indent: 24px; width:600px; margin: 0 auto; font-style:italic; padding-top:10px;} .codeBlock code {border:none !important; padding:0px !important; line-height:1.75} .bqstart,.bqend {font-size: 400%; } /* apply IE specific rules first */ .bqstart {text-indent: 0;margin: -0.6em 0 -2em 0;float: left;} blockquote> .bqstart { /* add extra non-IE rules */ position: absolute; top: -0.2em;left: 0; /* remove IE specific rules */ float: none;margin: 0; } .bqend {position: absolute;margin-top: -0.6em; right: 0;text-indent: 0;} blockquote> .bqend {margin-top: -0.2em;} #PartnerLogos img {padding: 5px 0;} .shCities ul {padding:0 0 20px; margin:0px 0 0 25px; float:left; list-style:none; } .shCities ul li {float:left; font-weight:bold; margin:0 20px 0 0; width: 180px;} .shRightMiddleCol .shCities ul li {width: 170px;} .shRightMiddleCol .shCities ul {margin-left: 35px;} .shCities2 ul { padding:10px; margin:0 10px; font-weight:bold;} .shCities2 ul li {line-height:2;} .shCitiesBenefits ol {margin-left:10px; padding-left:10px;} .shCitiesBenefits ol ul {margin:0 10px; padding: 0 10px} .shCitiesBenefits ol li {margin-top: 10px;} .shCitiesBenefits ul li {margin: 5px 0;} .shCitiesBenefits ol li h3 {font-size: 12px;} .shCitiesFootnote {margin-top:20px;} .shCitiesFootnote ol li, .shCitiesFootnote ol li a {font-size:10px; list-style-type: none;} .shCityTwoColCont {margin-top:10px;} .shCityBenefits {float:left; width:375px; padding:10px; } .shCityPrice {float:right; width:200px; padding:10px 20px 0;} .shCitiesLinks h1, .shCitiesLinks span {font-size:12px; font-weight:bold; line-height:1.4; color:#000 !important;} .shCitiesLinks h1 {margin-left:10px; margin-bottom:5px;} .RDmoduleBody div.priceList {width:auto;} /* Job Posting & Special Offer Styles */ .jpcRow, .soRow {margin: 10px 0 10px; padding-bottom: 10px;} .jpcLink {float: right; padding: 75px 0 0 0; text-align:right;} .jpcLink div.btnSm, .soLink div.btnSm {margin-right: 0;} .jpcLink div.btnSm a {width: 140px;} .soContent {float: left;width: 540px; margin: 0;} .fr .soContent {width:500px;} .jpcContent {float: left;width: 475px; margin: 0 0 0 0;} .soPrice {float: left; width: 80px; text-align: right; font-weight: bold; margin-right: 10px;} .soLink {float: right;} .underGrad {background:url("../../Images/Default/employers/posting-shade.png") no-repeat scroll center top transparent; height: 50px;} /* Training Page Styling */ .tabcontent {display:none;} #tabbedContentContainer {height: 450px;} .shTrainingHalfContLeft {float: left; width: 325px; padding-right: 5px;} .shTrainingHalfContRight {float: right; width: 325px; padding-left: 10px;} ul.shList {padding-left: 0; margin: 0 0 20px 0; } .shList li {float: left; width:315px; list-style-type: none; list-style-image: none; padding: 5px 0; margin-left: 0; border-bottom: dashed 1px #cccccc;} .shList img {padding: 0 3px; vertical-align: middle;} .shList .right a {border-bottom: 0 !important;} #shTrainingServices { } #trainingServices, #downloadPrint, #faqs, .shLearnMoreLinks {z-index: 5; position: relative;} .shLearnMoreLinks {font-weight: bold; clear:both;} #trainingServicesBG {z-index: 0; position: absolute; left: 0; top: -5px; width: 237px; height: 110px;} #downloadPrintBG {z-index: 0; position: absolute; left: 230px; top: -5px; width: 225px; height: 110px;} #FAQsBG {z-index: 0; position: absolute; right: 0; top: -5px; width: 236px; height: 110px;} .handCursor {cursor:pointer; cursor:hand;} .shJobPreviewFilterCont {z-index:5 !important;} .shAZ {font-size:24px; font-weight:bold; display:block;} /* Job Description ------------------------------*/ div.shPagination {height: 20px;} div.shPagination span, div.shPagination a.all {line-height: 20px;} div.shPagination a, .shPaginationDisabled {text-decoration: none; display: inline; padding: 3px 5px; margin: 0 2px; line-height: 16px;} div.shPagination a, div.shPagination a.skip {font-weight: bold;} div.shPagination span.selected {padding: 1px 10px; display: inline; font-weight: bold;} div.shJobDescPaginationCont {margin:0 0 20px 0;} * html div.shJobDescPaginationCont {margin:0 0 -20px 0;} div.shJobDescAll {width:212px;float:left; margin-right:10px} .shAllSampleJobDesc {float:right; margin-top:20px;} div.shPagination table {margin-bottom:5px;} div.shJobDescAll span {display:block;} /*Job Desc DB Changes*/ div.shPagination .jobDescDB{ border:1px solid #007ac9; border-radius:3px; display:block; } div.shPagination .jobDescDB a{ border:none; color:#007ac9; font-size:14px; } div.shPagination .jobDescDB .shPaginationDisabled{ border:none; } .shAZ,.column .moduleContainer .jobDescHeader h1,.column .moduleContainer .jobDescHeader { background:#007ac9; color:White; padding-left:10px; border-radius:3px; } .column .jobDescFilter span .jobDescTitle { color:#007ac9; line-height:20px; } .column .shJobDescAll span a { color:#007ac9; line-height:20px; } #sampleJobDesc h2 { color:#007ac9;} /* END Job Desc DB Changes*/ .jQueryLightBox #tabs .ui-tabs-nav li {display:block; float:left; margin-right:5px; padding:5px; background-color:#f1f1f1; padding:7px 12px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;} .jQueryLightBox #tabs .ui-tabs-nav {border-bottom:2px solid #CCCCCC; } /* Form Pages ------------------------------*/ .fHalfContLeft, .fHalfContRight {float: left; } .fHalfContLeft {padding-right: 10px;} .fHalfContRight {padding-left: 10px;} .psRetrieval {padding:0 150px;} .rForm label {display:block; font-weight:bold;} .rFormsInline label {display:inline; font-weight:bold;} .rForm ul {list-style:none; margin:0; padding:0;} .rFormsInput {width:220px;} .rFormSec1, .rFormSec2 {padding-bottom:15px; margin-bottom:10px;} .rFormSec1 {border-bottom:solid 1px #efefef;} .rFormSec2 {border-bottom:solid 2px #dfdfdf;} .rFormError {padding:10px; margin:10px 0; border:solid 2px #F2CE5A; background-color:#FAEE96;} .inlineV {padding:2px 4px; margin:2px 0; border:solid 2px #F2CE5A; background-color:#FAEE96; color:#5C110F; color:#6F1200!important;} .rForm .popUp ul {padding:0 10px; list-style-type:disc; margin:0 10px;} .rSmallForm {padding:0 104px;} .rbtnList td {padding:5px;} .superUserSearchResults {margin-top:40px;} div.rForm div#prev a, div.rForm div#prevBlock a, div.rForm div#next a, div.rForm div#nextBlock a, div.rForm div.jobSearchPagination a {line-height:20px;} .rTxtBoxBig {border:solid 2px #000000; padding:4px;} /* Pagination -----------------------------*/ .pagination {margin:5px 0; width:100%;} .pagination, .pagination span, .pagination a {line-height: 20px;} .pagination a {display: inline; font-weight: bold; text-decoration: none; margin: 0 2px; padding: 1px 5px;} .pagination span.selected {padding: 1px 10px; display: inline; font-weight: bold;} .paginationPageSize {float:right;margin-bottom:30px;} /* Local Breadcrumb -----------------------------*/ .localBreadCrumb {margin:5px 0 10px 0;} .localBreadCrumb * {font-size:11px !important;} /* RDB Registration -----------------------------*/ .rdbRegisterLogin {margin: 0 auto; width:820px;} .rdbRegister .rFormsInput {width:250px;} .rdbRegister .moduleBody, .rdbLogin .moduleBody {min-height:250px;} /* Hidden Elements -----------------------------*/ .selectProdCheckOut .productAndPricing .error, .selectProdCheckOut .productAndPricing h1, .selectProdCheckOut .productAndPricing .moduleContentRight, .selectProdCheckOut .productAndPricing .br, .selectProdCheckOut .productAndPricing .bl, .selectProdCheckOut .productAndPricing .right, .selectProdCheckOut .productAndPricing .spHide, div.bldgSep, .selectProdCheckOut .productAndPricing .region, .productAndPricing .moduleFooter, .selectProdCheckOut .productAndPricing .sjpHelp, .purchaseConfirmation .productAndPricing .rcGreyWhite, .purchaseConfirmation .productAndPricing h1, div.jobMainViewApply .applyImage,.hide, .shopBsktCredits .sjpModuleContainer {display: none !important;} /* Job Performance Report 1.0 -----------------------------*/ #filterOverview {margin: 0 20px; padding: 5px 0 15px;} #filterNotHappyWithNumbers {padding: 10px; float: right; width: 300px; background-color: #FFFFCF;border: 1px solid #DDD;} #filterHeader h1 {margin: 0 0 0 20px; color: #525252; font-size: 20px; font-weight: normal;} #filterHeader p {margin: 0 0 0 20px; padding: 12px 0 20px;} #report-nav {margin: 0; padding: 40px 0 0 20px; border-bottom: 6px solid #69BE28;list-style: none;} #report-nav li {float: left; padding: 0;} #report-nav li a {float: left; padding: 10px 25px 5px; display: block; font-size: 16px; color: #525252;} #report-nav li.current a {background-color: #69BE28; color: #FFF;} #filterData {clear: left; margin: 0 20px; padding: 15px 20px; background-color: #F2F2F2; border: 1px solid #525252; position: relative;} #filterData .label {font-weight: bold;} #filterFormDates .job-performance-date-range {display:block; padding-top:5px; zoom:1;} #date-picker {display: none; padding: 20px; background-color: #FFF; top: 63px; left: 20px; width: 725px; border: 1px solid #525252; position: absolute; z-index: 100;} #fixed-dates {padding-top: 13px; width: 120px; float: right;} #fixed-dates ul {margin-top: 0; list-style-type: none;padding: 0; } * html #fixed-dates ul {position: relative; right: 40px} *:first-child+html #fixed-dates ul {position: relative; right: 40px} #date-range-container { width: 600px; float: left; } #close-datepicker { position:relative; text-align:right; top:-19px; } #date-picker a.button { margin-top: 18px; } #date-picker #clear-date { margin: 23px 10px 0 0; float: left; } #startDate-container { margin-right: 5px; width: 115px; float: left; } #endDate-container { margin-right: 5px; width: 115px; float: left; } #date-picker #startDate { margin: 5px 10px 0 0; height: 18px; width: 100px; font-size: 16px; } #date-picker #endDate { margin: 5px 10px 0 0; height: 18px; width: 100px; font-size: 16px; } #date-range-container label { clear: both; cursor: pointer; font-size: 10px; } #date-picker #endDate:focus, #date-picker #startDate:focus {border: 2px solid #69BE28;} #date-picker .focus { border: 1px solid #525252; } #date-picker-trigger { font-size: 16px; cursor: pointer; } /* Default styling for jQuery Datepicker v4.0.4. */ .datepick { background-color: #fff; color: #000; font-family: Arial,Helvetica,Sans-serif; font-size: 90%; } .datepick-rtl { direction: rtl; } .datepick-popup { z-index: 1000; } .datepick-disable { position: absolute; z-index: 100; background-color: #fff; opacity: 0.5; filter: alpha(opacity=50); } .datepick a { color: #fff; text-decoration: none; } .datepick a.datepick-disabled { color: #888; cursor: auto; } .datepick button { margin: 0.25em; padding: 0.125em 0em; background-color: #fcc; border: none; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; font-weight: bold; } .datepick-nav, .datepick-ctrl { float: left; width: 100%; background-color: #FFF; color: #333; } .datepick-ctrl { background-color: #600; } .datepick-cmd { width: 30%; } .datepick-cmd:hover { /*background-color: #777;*/ } .datepick-ctrl .datepick-cmd:hover { background-color: #f08080; } .datepick-cmd-prevJump, .datepick-cmd-nextJump { width: 8%; } a.datepick-cmd { height: 1.5em; } button.datepick-cmd { text-align: center; } .datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear { float: left; padding-left: 2%; } .datepick-cmd-current, .datepick-cmd-today { float: left; width: 35%; text-align: center; } .datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close { float: right; padding-right: 2%; text-align: right; } .datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear { float: right; padding-left: 0%; padding-right: 2%; text-align: right; } .datepick-cmd-prev { text-align: left; } .datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today { float: right; } .datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, .datepick-rtl .datepick-cmd-close { float: left; padding-left: 2%; padding-right: 0%; text-align: left; } .datepick-month-nav { float: left; background-color: #777; text-align: center; } .datepick-month-nav div { float: left; width: 12.5%; margin: 1%; padding: 1%; } .datepick-month-nav span { color: #888; } .datepick-month-row { clear: left; } .datepick-month { padding: 5px 0; float: left; width: 15em; border-right: 5px solid #FFF; text-align: center; } .datepick-month-row .last { border-right: 0; } .datepick-month-header, .datepick-month-header select, .datepick-month-header input { height: 1.5em; background-color: #FFF; color: #525252; /*font-weight: bold;*/ } .datepick-month-header select, .datepick-month-header input { height: 1.4em; border: none; } .datepick-month-header input { position: absolute; display: none; } .datepick-month table { width: 100%; border-collapse: collapse; } .datepick-month thead { border-bottom: 1px solid #aaa; } .datepick-month th, .datepick-month td { margin: 0em; padding: 0em; font-weight: normal; text-align: center; } .datepick-month th { border: 1px solid #777; } .datepick-month th, .datepick-month th a { background-color: #777; color: #fff; } .datepick-month td { background-color: #eee; border: 1px solid #aaa; } .datepick-month td.datepick-week { border: 1px solid #777; } .datepick-month td.datepick-week * { background-color: #777; color: #fff; border: none; } .datepick-month a { display: block; width: 100%; padding: 0.125em 0em; background-color: #eee; color: #000; text-decoration: none; } .datepick-month span { display: block; width: 100%; padding: 0.125em 0em; } .datepick-month td span { color: #888; } .datepick-month td .datepick-other-month { background-color: #fff; } .datepick-month td .datepick-weekend { background-color: #ddd; } .datepick-month td .datepick-today { /*background-color: #f0c0c0;*/ background-color: #00B2A9; color: #FFF !important; } .datepick-month td .datepick-highlight { background-color: #78DCD7; } .datepick-month td .datepick-selected { background-color: #69BE28; color: #fff !important; } .datepick-month th.datepick-week { background-color: #777; color: #fff; } .datepick-status { clear: both; background-color: #ddd; text-align: center; } .datepick-clear-fix { clear: both; } .datepick-cover { display: none; display/**/: block; position: absolute; z-index: -1; filter: mask(); top: -1px; left: -1px; width: 100px; height: 100px; } #filterForm { padding: 10px 10px 8px; border: 1px solid #BFD7DF; background-color: #E8F1F4; position: relative; } #filterForm .btnSm { position: absolute; bottom: 5px; left: 10px; } #filterFormShow { float: left; width: 270px; } #filterFormDates { float: left; width: 320px; } #filterFormJobStatus { float: right; width: 230px; } #filterFormJobStatus select { width: 200px; } #filterFormShow select { width: 200px; } /* override styles to accomodate french text */ .fr #filterFormDates { width: 330px; } .fr #filterFormJobStatus { width: 275px; } .fr #filterFormDates select { margin-left: 0; } #filterFormDates input.date { width: 85px; } .fr #filterFormDates input.date { margin-left: 7px; } #filterDownloadPrint { margin: 0 20px; padding-top: 32px; text-align: right; clear: both; } .filterPrint { float: left; margin: -6px 25px 0 0; padding: 20px 0 10px 50px; background: transparent url(../../Images/Default/SalesHub/reskin/print-icon.png) 0 7px no-repeat; cursor:pointer; cursor:hand; } #filterDownloadPrint input { float: right; margin: 0; padding: 35px 0 0 175px; width: 175px; height: 35px; background: transparent url(../../Images/Default/SalesHub/reskin/export-as-csv.png) no-repeat 0 0; border: none; cursor: pointer; overflow: hidden; } .fr #filterDownloadPrint input { padding-left: 212px; width: 212px; background-image: url(../../Images/Default/SalesHub/reskin/export-as-csv-fr.png); } #filterDownloadPrint input:hover { background-position: 0 -35px; } #filterDownloadPrint a.button {margin-right:0;} body #filterIndividualResults table th, body #filterIndividualResults table td { padding: 2px; } body #filterIndividualResults table th { vertical-align: bottom;} #filterTable { clear: both; } #filterTable table { margin: 0; width: 100%; } #filterTable table th { background-color: #EFEFEF; text-align: left; font-weight: bold; text-align: center; } #filterTable table th.rowHeader { background-color: #FFF; text-align: left; } #filterTable table th, #filterTable table td { padding: 5px 8px; border: 1px solid #DDD; } #filterTable table td { background-color: #FFF; text-align: center; } #filterIndividualPagination { margin: 0 0 50px; } #filterIndividualPagination div.jobSearchPagination { line-height: 25px; } #filterIndividualPagination div.jobSearchPagination a { border: 1px solid #00617f; background-color: #D9E7EC; color: #00617f; } #filterIndividualPagination div.jobSearchPagination .left td { padding: 2px 0 0; } #filterIndividualPagination div.jobSearchPagination table { position: relative; top: -4px; } * html #filterIndividualPagination div.jobSearchPagination table { position: static; } *:first-child+html #filterIndividualPagination div.jobSearchPagination table { position: static; } #filterIndividualResults table { border: 0; } #filterIndividualResults table th { background-color: #EFEFEF; text-align: left; text-align: center; } #filterIndividualResults table th a { color: #00617F; } #filterIndividualResults table th, #filterIndividualResults table td { text-align: center; padding:2px; border: 1px solid #DDD; } /* KIWI ----------------------------- TODO: cleanup v1 kiwi css code*/ .results-pagination {padding: 5px 20px;position: relative;height:30px;margin:10px 0;} .results-pagination .num-results {float: left;} .results-pagination .paginationPageSize {position: absolute;left: 400px;top: 0;} .results-pagination .dpResults {float: right;margin-right:-5px;} #filterFormDates p {margin-top: 5px;font-size: 14px;} #tblReportHeading {border-bottom: 1px solid #EEE; margin:0 auto;width:920px;} #tblReportHeading th {padding: 5px;color: #000;text-align: center;font-weight: bold; text-align: left;vertical-align: top;border: 2px solid #afafaf;} #tblReportHeading th a:hover {text-decoration:none;} #tblReportHeading th.user-data {width:95px;} #tblReportHeading th.posting-date-col .header-title, #tblReportHeading th.active-days-col .header-title, #tblReportHeading th.searched-col .header-title, #tblReportHeading th.user-data .header-title {right:0px; text-align:right;} #tblReportHeading th .header-title img, #tooltip img.arrow {margin-bottom:-2px;} #filterData a.help, #tblReportHeading th a.help {right:0;top:0;} #filterData a.help, #tblReportHeading th a.help, #kiwi-main-content .kiwi-job-data a.help {width: 18px; height: 18px; text-indent: -9999px; float:left; background: transparent url(../../Images/Default/SalesHub/reskin/question-mark.png) 0 100% no-repeat;} #filterData a.help:hover, #tblReportHeading th a.help:hover, #kiwi-main-content .kiwi-job-data a.help:hover {background-position: 0 0;} #kiwi-main-content .kiwi-job-data a.help {margin:3px 0 0 5px; } body #filterData a.help {display: none;} #tblReportHeading th a {color: #222; font-size:12px; position:absolute; bottom:0;} #tblReportHeading th div {position:relative; height:80px; } #tblReportHeading td {color: #222; text-align: center; vertical-align: top; padding: 15px 10px 10px 0; text-align:right; border-top:solid 1px #ccc; line-height:20px; /* horizontal align various font size */ } #tblReportHeading td.acct-info {background-color: #FFF;text-align: left;} #tblReportHeading td.reposts-col, #tblReportHeading td.posting-date-col {text-align:right;} #tblReportHeading td.job-title-col, #tblReportHeading td.month-col {background-color: #FFF;text-align: left;} #tblReportHeading tbody tr.highlight td, #tblReportHeading tbody tr.highlight td.job-title-col, #tblReportHeading tbody tr.highlight td.acct-info, #tblReportHeading tbody tr.highlight td.month-col {background-color: #C3E5A9;} #tblReportHeading thead th.highlight a {text-decoration:underline; } #tblReportHeading tbody tr.highlight td.job-title-col a {text-decoration:underline; } #tblReportHeading .job-title-col {width:400px; text-align:left; padding-left: 10px; } td.job-title-col a {font-size:16px; display:block; padding-right:40px; min-height:32px; line-height:18px; background: url("../../Images/Default/employers/job-graph-icon.png") no-repeat scroll right -5px transparent;} tr.highlight td.job-title-col a {background-position:right -123px;} td.job-title-col .ref {font-size:12px; color:#525252;} .fr #tblReportHeading .job-title-col {width:250px;} #tblReportHeading .posting-date-col {width:80px; text-align:left;} .fr #tblReportHeading .posting-date-col {width:100px;} .fr #tblReportHeading .user-data {width:145px;} #tblReportHeading .upgrades-col {width:60px; text-align:left;} #tblReportHeading .reference-num-col, #tblReportHeading .reposts-col {width:50px;} #tblReportHeading.monthly-col {margin: 30px auto 0;} #tblReportHeading.monthly th.total {padding-right: 10px; padding-left: 10px;} #tblReportHeading tfoot {border-top: 9px solid #FFF;} #tblReportHeading tfoot td { padding: 0; border-top: 9px solid #FFF; font-size: 15px;background-color:#f2f2f2;} #tblReportHeading tfoot td div { padding: 20px 2px 0 2px; border-top: 1px solid #525252; border-bottom: 1px solid #525252; height: 61px; font-size: 14px; padding:20px 10px 0 0;} #tblReportHeading tfoot td div .avg {font-size: 12px;} #tblReportHeading tfoot td.first div {padding-left: 20px; border-left: 1px solid #525252; text-align: right; font-size: 16px;} #tblReportHeading tfoot td.last div {border-right: 1px solid #525252;} .ita-popup {padding: 5px 25px 25px; background-color: #FFF; border: 2px solid #69BE28;} .ita-popup h3 {margin: 0 0 10px; font-size: 20px; color: #525252; border-bottom: 2px solid #E2E2E2; font-weight: normal;line-height: 2;} .ita-popup h3 span {padding-right: 60px;} .ita-popup p.ita-for strong {font-size: 16px;color:#525252;} .ita-popup table {color: #222;} .ita-popup table th {font-size: 16px; padding: 5px 0 5px 20px; text-align: right; font-weight: bold;} .ita-popup table th.total span {border-top:1px solid #222222;padding:5px 0 0 15px;} .ita-popup table td {font-size: 16px; padding: 5px 0 5px 20px} .ita-popup table td.clicks {font-size: 12px;} .ita-popup div.ssClose {top: 20px; right: 25px;} .ita-popup div.ssClose a {color: #3C8A2E; font-weight: normal; font-size: 14px;} .sort-up, .sort-down {background-color:#FFF;} .sort-down {background-position: center -68px;} .fr .sort-up {background-position: center 80px} .fr .sort-down {background-position: center -50px;} #tblReportHeading.monthly .sort-up {background-position: center 43px;} #tblReportHeading.monthly .sort-down {background-position: center -83px;} #tblReportHeading th.sort-up a.header-title {text-decoration:underline; padding-right: 22px; background: url("../../Images/Default/SalesHub/reskin/sortup.png") no-repeat scroll right center transparent;} #tblReportHeading th.sort-down a.header-title {text-decoration:underline; padding-right: 22px; background: url("../../Images/Default/SalesHub/reskin/sortdown.png") no-repeat scroll right center transparent;} .report-unavailable {padding: 80px 0 0;} .report-unavailable img {float:left; margin:5px 20px 20px 0; padding:0 5px} .report-unavailable .msg {overflow:hidden; color:#525252} .report-unavailable .msg h2 {margin-bottom: 20px; font-size:24px;color:#525252; line-height:1.5; font-weight:normal; } .report-unavailable .msg h4 {margin-bottom: 10px; font-size:16px; font-weight:normal; color:#525252; line-height:1.5; font-weight:normal;} /* KIWI Montly Report */ #tblReportHeading.monthly .month-col {width:154px;} #tblReportHeading.monthly .jobs-col, #tblReportHeading.monthly .searched-col, #tblReportHeading.monthly .viewed-col {width:120px;} #tblReportHeading.monthly .ita-col, #tblReportHeading.monthly .views-col, #tblReportHeading.monthly .views-ita-col {width:126px;} .fr #tblReportHeading.monthly .views-col {width:156px;} #tblReportHeading.monthly tbody td {padding:10px;} /* =KIWI PAGINATION */ .dpResults span, .dpResults a {line-height:20px;} .dpResults span {background-color:#427730; border:solid 1px #427730; color:#fff; padding:1px 5px; margin: 0 2px;} .dpResults a {display:inline; font-weight:bold; margin: 0 2px; padding:1px 5px; text-decoration:none; border:solid 1px #fff;} .dpResults a:hover {border:solid 1px #427730; background-color:#f3fdee;} .paginationPageSize span {background-color:#fff; color:#000; padding:0; border:none;} #tooltip {position: absolute; z-index: 3000;border-top: 0; background-color: #FFF; padding: 22px 0 0;width: 225px; background: transparent url(../../Images/Default/SalesHub/reskin/tooltip-arrow-2.png) 100% 0 no-repeat; } #tooltip.viewport-bottom {padding-top: 0;padding-bottom: 22px; background: transparent url(../../Images/Default/SalesHub/reskin/tooltip-arrow-2.png) 100% 100% no-repeat;} #tooltip.wide {width: 400px;} #tooltip div.body {border: 1px solid #525252; border-top: 0; padding: 15px;} #tooltip.viewport-bottom div.body {border-top: 1px solid #525252; border-bottom: 0;} #tooltip h3, #tooltip div.body {background-color: Red; margin: 0; background-color: #FFF;} #tooltip h3 {font-size: 12px; color: #525252; font-weight: bold;} #tooltip p, #tooltip li {font-size: 12px; color: #525252;} #tooltip ul {margin: 0;padding: 0;} #tooltip li {margin: 0 0 0 15px; padding: 0; font-size: 12px;color: #525252;} #tooltip-content {position: absolute;left: -9999px;} .margin-lr, .empty-report {margin:0 20px;} .empty-report {padding-top: 20px;} /* Kiwi Views on Job Page ==============================*/ .recJobViews {font-size:14px; padding:17px 0 20px 55px;;display:block; margin-left:-7px; background:transparent url(../../Images/Default/employers/chart-icon.png) no-repeat -7px -5px; } /* Kiwi Individual Job Page ==============================*/ #kiwi-job-view {} #kiwi-main-content {float:left; margin-right:20px;width:710px;} #kiwi-side-content {float:right; margin-left:10px; width:208px;} #kiwi-main-content #filterData {margin:0; border:none; background:none; padding:0 30px;} #kiwi-main-content #filterData #filterFormDates {text-align:center; width:auto; float:none;} #kiwi-main-content #filterFormDates .label {display:none;} #kiwi-graph-display {border:solid 2px red; z-index:90; position:relative; zoom:1;} .kiwi-graph-cont {border:2px solid #CCCCCC; clear:right;padding:30px 10px 10px;} #kiwi-individual-job-graph {width:680px; height:340px } #kiwi-individual-job-graph input {margin:0;} #kiwi-job-view #date-picker {left:-38px; top:40px; width:720px;z-index:100;} .kiwi-job-data {width:440px; float:left;} .kiwi-job-data ul {list-style:none;margin:20px; padding:0; } .kiwi-job-data li {margin:20px 0; clear:left;} .kiwi-job-data span {float:left;} .kiwi-job-data .label, .kiwi-job-data .value {font-size:18px; color:#777; display:inline-block; zoom:1; *display: inline; _height: 30px;} .kiwi-job-data .value {color:#000; font-weight:bold; width:90px;} .kiwi-job-data img {margin:5px 5px -1px; display:inline-block; float:left;} .kiwi-upgrades-cont {float:right; width:250px; margin-right:17px; margin-top:20px; } .kiwi-upgrades-cont .upgrade {width:250px;} .kiwi-upgrades-cont .upgrade, .kiwi-upgrades-cont .upgrade h3 {background: transparent url("../../Images/Default/employers/kiwi-upgrades-background.png") no-repeat center bottom; padding-bottom:10px;} .kiwi-upgrades-cont .upgrade h3 { background-position:center top; color:#525252; font-size:13px; padding:20px 30px 10px;text-decoration:underline; } .kiwi-upgrades-cont .content {padding:0 30px 15px;} .kiwi-upgrades-cont .upgrade .footer {height:0px;} .kiwi-main-content .no-data-available {clear:left;} .kiwi-job-details {margin-top:35px;margin-bottom:20px; width:208px; } .kiwi-job-details .button {width:180px; text-align:center; margin-left:15px; margin-bottom:15px;} #contentContainer .kiwi-job-details a.button:hover {margin-bottom:15px !important;} .kiwi-job-details h2 {display:block; line-height:1.4; padding-bottom:10px;} .kiwi-job-details h2 span.title, .kiwi-job-details h2 span.info {display:block;} .kiwi-job-details h2 span.title {font-size:11px; font-weight:normal; color:#525252; text-align:left;} .kiwi-job-details h2 span.info {font-size:12px; font-weight:bold; color:#000000;} .kiwi-job-details h2.total {font-size:16px; font-weight:bold; color:#000000; border-top:solid 2px #E3E3E3; padding-top:10px;} div.jobInfoModule {padding: 10px; margin: 20px 0 10px 0;} div.jobInfoLeft {float: left; font-weight: bold; padding-right: 70px; } #kiwi-main-content .report-unavailable {padding:40px 20px;} #kiwi-main-content .report-unavailable #filterData {padding:0;} #kiwi-main-content .report-unavailable #filterData #filterFormDates {text-align:left;} /* Job Performance request form ------------------------------- */ #job-performance-request .jobseeker, #job-performance-request .employer {margin-bottom:40px;} #job-performance-request h2.pageTitle {color:#000;} #job-performance-request .content {width:378px; margin-right:20px; float:left;} #job-performance-request .employer img, #job-performance-request .contact div.netsuite-form {padding:5px; border:solid 1px #6f6f6f !important; float:right; width:530px; margin-top:40px;} #job-performance-request .tasktitlemed {padding:5px 0;} #job-performance-request .content ul {margin:0; padding:0 5px;} #job-performance-request .content li {margin:7px 10px; padding:2px 0 0 5px;} #job-performance-request .content .account-manager {color:#525252;font-size:20px; font-weight:normal; line-height:20px; padding:0 0 5px; display:block;} /* Clear fix floated elements -----------------------------*/ .clearfix:after, .moduleBody:after, .jpcRow:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;} .clearfix, .moduleBody, .jpcRow {display: inline-block;} * html .clearfix, *html .moduleBody, * html .jpcRow {height: 1%;} .clearfix, .moduleBody, .jpcRow {display: block;} .buttonFix input {width:auto;} /* Begin: AutoComplete Styles - */ .ac_results {padding: 0;border: 1px solid black;background-color: #fff;overflow: hidden;z-index: 99999;width:325px !important;} .ac_results ul {width:100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;max-height:200px !important;} .ac_results li { margin: 0; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu;font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden;} .ac_loading {background: #fff url('../../Images/Default/icoAjaxWait.gif') right center no-repeat;} .ac_odd {background-color: #F5F5F5;} .ac_over {background-color: #6ABE28; color: #fff;} /* End: AutoComplete Styles */ /* * jQuery UI CSS Framework * Copyright (c) 2008 AUTHORS.txt (http://ui.jquery.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Begin: Date Picker Styles */ /* Flora style sheet for jQuery date picker v3.7.3. */ #datepick-div, .datepick-inline {font-size: 12px; padding: 0; margin: 0; background: #E0F4D7;width: 40em; } #datepick-div {display: none;border: 1px solid #222; z-index: 100;} .datepick-inline {float: left;display: block;border: 0;} .datepick-rtl {direction: rtl;} .datepick-dialog {padding: 5px !important;border: 4px ridge #83C948 !important;} .datepick-disabled {/*position: absolute;z-index: 100;*/background-color: #fff;opacity: 0.5;filter: alpha(opacity=50);} button.datepick-trigger {width: 25px;} img.datepick-trigger {margin: 2px;vertical-align: middle;} .datepick-prompt {float: left;padding: 2px; background: #E0F4D7; color: #000;} * html .datepick-prompt {width: 15em;} .datepick-control, .datepick-links, .datepick-header, .datepick {clear: both;float: left;width: 100%;color: #FFF;} .datepick-control {background: #427730;padding: 2px 0;} .datepick-control a, .datepick-control a:hover {color:#fff;} .datepick-links {background: #E0F4D7;padding: 2px 0;} .datepick-control, .datepick-links {font-weight: bold; font-size: 80%;} #datepick-div select, #datepick-div input {margin:0;} .datepick-links label {padding: 2px 5px; color: #888;} .datepick-clear, .datepick-prev {float: left; width: 34%;} .datepick-rtl .datepick-clear, .datepick-rtl .datepick-prev {float: right;text-align: right;} .datepick-current {float: left;width: 30%;text-align: center;} .datepick-close, .datepick-next {float: right; width: 34%;text-align: right;} .datepick-rtl .datepick-close, .datepick-rtl .datepick-next {float: left;text-align: left;} .datepick-header {background: #83C948;color: #fff;text-align: center; font-weight: bold;height: 1.6em;} .datepick-header select {background: #83C948;color: #fff; border: 0;font-weight: bold;} .datepick-header span {position: relative; top: 3px;} .datepick {background: #FFF;text-align: center;font-size: 100%;} .datepick a {display: block;} .datepick-title-row {background: #B1DB87;color: #000;} .datepick-title-row th {text-align: center;font-weight: normal;} .datepick-title-row .datepick-week-end-cell {background: #B1DB87;} .datepick-days-row {background: #FFF;color: #666;} .datepick-week-col {background: #B1DB87;color: #000;} .datepick-days-cell {color: #000; border: 1px solid #DDD;} .datepick-other-month {background: #E0F4D7;} .datepick-days-cell a {display: block;} .datepick-week-end-cell {background: #E0F4D7;} .datepick-unselectable {color: #888;} .datepick-week-over, .datepick-week-over .datepick-week-end-cell {background: #B1DB87;} .datepick-today {background: #00B2A9;} .datepick-current-day {background: #00B2A9;color: #fff;} .datepick-days-cell-over, .datepick-days-cell-over.datepick-week-end-cell {background: #FFF;color: #000;border: 1px solid #777;} .datepick-status {background: #E0F4D7;width: 100%;font-size: 80%;text-align: center;} #datepick-div a, .datepick-inline a {cursor: pointer;margin: 0;padding: 0;text-decoration: none; color: #333;} .datepick-inline .datepick-links a {padding: 0 5px !important;} .datepick-control a, .datepick-links a {padding: 2px 5px !important;color: #000 !important;} .datepick-title-row a {color: #000;} .datepick-control a:hover {background: #ccc;color: #333;} .datepick-links a:hover, .datepick-title-row a:hover {background: #FFF;color: #333;} .datepick-multi .datepick {border: 1px solid #83C948;} .datepick-one-month {float: left;width: 15em;} .datepick-new-row {clear: left;} /* ___________ IE6 IFRAME FIX ________ */ .datepick-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -1px; /*must have*/ left: -1px; /*must have*/ width: 187px; /*must have*/ height: 187px; /*must have*/ } /* End: Date Picker Styles */ .25LeftPad {padding: 0 0 0 25px;} .ssErrorMessage .error {border:solid 1px #ff0000; background-color:#ffffcc; padding:20px; margin-bottom:20px;} .ssErrorField {border:solid 1px #ff0000; background-color:#ffffcc;} /* Recruiter Email Preference Centre */ #email-preference-centre {padding:0 20px;} #email-preference-centre .pageTitle {padding-bottom:2px;} #email-preference-centre fieldset {background:transparent url("../../Images/Default/employers/gradient-bg-800.png") no-repeat center -5px; padding-top:10px; width:800px;} #preference-labels {padding:20px 0 0 300px;} #email-preference-centre ol {padding:0; margin:0; list-style:none;} #email-preference-centre .email-services {width:300px;} .email-services h3 {font-size:18px; padding-bottom:5px; font-weight:normal; color:#525252;} .email-services .frequency {font-size:12px;} #preference-labels span, #email-preference-centre .option {width:160px; display:inline-block; text-align:center; vertical-align:top;} .option input {vertical-align:top;} .option label {display:none;} .option .resume-date {display:inline-block; text-align:left; margin-top: 2px; } #email-preference-centre .message {border:solid 1px #ccc; margin-top:10px; padding:10px; width:480px;} #email-preference-centre .message img {float:left; padding-right:20px;} #email-preference-centre .message span {display:block; float:left; font-weight:bold; padding-top:25px;} /* CITY PAGES */ .city-page-left {float: left; width: 600px;} .city-page-right {float: right; width: 300px;} .h1cityPages {color: #525252; font-size: 20px; font-weight: normal; padding: 25px 0 10px 10px;} .h2cityPages {color: #525252; font-size: 16px; font-weight: normal; padding: 25px 0 10px 10px;} .h3cityPages {color: #427730; font-size: 14px; font-weight: bold; padding: 0 0 5px 0;} .cityPages {width:100%;} .cityPages td {border-bottom: 1px solid #DFDFDF; padding:12px 10px 15px;} .city-page-sidebar-module {border: 1px solid #E1E1E1; width: 280px; padding:10px 10px 15px 10px;} td.jobList {width:500px;} td.jobDate {width:100px;} td.jobList a {font-size:14px;} .latestJobs {border: 1px solid #E1E1E1; width:620px;} .viewJobs {color:#427730; float: right; font-size: 12px; font-weight: bold;} .ViewMoreJobs {background-color:#ebebeb; height:12px; padding: 10px;} .city-page-module {border: 1px solid #E1E1E1; width: 100%; padding:10px 10px 15px 10px;} .city-page-module ul, .city-page-module ul li {margin:0; padding:0;} .city-page-module ul li {list-style:none; float:left; display:block; width:150px; line-height: 25px;} .browseCities {border: 1px solid #E1E1E1; width: 550px; padding:10px 25px 15px 50px; margin-bottom: 50px;} .browseCities ul {margin:0; padding:0;} .browseCities ul li {list-style:none; float:left; display:block; width:132px; line-height: 25px;} .h1browseCities {color: #525252; font-size: 20px; font-weight: normal; padding: 50px 0 40px 0;} .siteMapBox ul li {list-style:none; float:left; display:block; width:230px; line-height: 15px;} .siteMapBox ul {margin-left:40px; padding:0;} .city-page-ad-box {padding: 10px 0 0 0;} .city-page-wpress {padding: 0 0 10px 0;} /* STUDENT PAGE ------------------------------*/ .studentTabs ul.tabs { margin: -10px 0 0; padding: 0; float: left; list-style: none; width: 100%; } .studentTabs ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; width:160px; text-align:center; margin-bottom: -1px; overflow: hidden; position: relative; background: #EEF6E7; font-size: 12px; color:#222222; } .studentTabs ul.tabs li a { text-decoration: none; color: #222222; display: block; font-size: 12px; padding: 0 20px; border: 1px solid #FFFFFF; outline: none; } .studentTabs ul.tabs li a:hover { background-color: #B4DE93; color: #FFFFFF; text-decoration: none !important; } .studentTabs ul.tabs li .active { background: #69BE28; color: #FFFFFF; } .studentTabs ul.tabs .hiddenTab { visibility:hidden; } .studentTabs ul.tabs .frenchTabs { width:240px; margin-bottom: -30px; } .studentTabs ul.tabs li a.active:hover { background: #69BE28; color: #FFFFFF; } .studentTabs table.cityPages tbody tr td.jobList { width:328px; } .studentTabs table.cityPages tbody tr td.jobDate { padding:0px; } .studentCarouselPrev a { background:transparent url("../../Images/StudentPage/leftArrow.jpg") no-repeat center; width:20px; height:40px; float:left; text-indent :-9999px; outline:0; padding-top: 95px; padding-left: 2px; } .studentCarouselNext a { background:transparent url("../../Images/StudentPage/rightArrow.jpg") no-repeat center; width:20px; height:40px; float:right; text-indent:-9999px; outline:0; padding-top: 95px; padding-right: 2px; } .studentCarouselCont { float:left; width:380px; } .studentStepcarousel { position: relative; overflow: scroll; width: 380px; height: 130px; } .studentStepcarousel .belt { position: absolute; left: 0; top: 0; } .studentStepcarousel .panel { float: left; overflow: hidden; margin-left: -49px; width: 445px; } .studentStepcarousel .belt ol { list-style:none; margin:20px 0 0 40px; padding:0; } .studentStepcarousel .belt ol li { float:left; width:95px; margin:18px 20px; text-align:center; display:block; height:56px; overflow:hidden; } .studentStepcarousel .belt ol li img { display:block; } .studentFloatLeft { width:450px; float:left; margin-top:33px; } .studentFloatRight { width:450px; float:right; } .studentGreenLine { width:960px; border: solid 2px #3c8a2e; } .studentGreenTitle { font-size: 20px; font-family: Arial; font-weight:bold; color:#58A618; } .studentGreyTitle { font-size: 20px; font-family: Arial; font-weight:bold; color:#525252; } .studentBox { width: 425px; border: 1px solid #E1E1E1; margin-left: 25px; } .studentNowHiringBox { height:215px; } .studentBoxModule { border: 1px solid #E1E1E1; width: 405px; padding: 10px 10px 0 10px; margin-left: 25px; } .studentText { font-size: 14px; font-family: Arial; } .studentContainer { font-size: 14px; font-family: Arial; padding-left: 10px; } .studentNoResultImgModule { padding-left:110px; margin-top:-67px; } .studentNoResultTitle { color: #58A618; } .studentCreateResumeImgModule { margin:-20px 0 0 -13px; } .studentCreateResumeTextModule { padding-left:120px; margin-top:-102px; } .studentCitiesBox { border: 1px solid #E1E1E1; width: 415px; padding: 10px 0 10px 10px; margin-left: 25px; } .studentCitiesBox ul { margin:0; padding:0; } .studentCitiesBox ul li { list-style:none; float:left; display:block; width:207px; line-height: 25px; } .backGroundGreenArrow { background:transparent url("../../Images/StudentPage/green-arrow.png") no-repeat; line-height: 18px; padding-left: 30px; line-height: 18px; } .studentLinks h3, .studentLinks, .studentLinksLeft { color: #427730; float: right; font-size: 14px !important; margin-top: -3px; font-weight: normal; } .studentLinksLeft { float:none; } /* RIGHT SIDE OF STUDENT PAGE - HTML ON ETOPS ------------------------------*/ .studentTopsContent { margin-top: -1px; padding-top: 35px; padding-bottom: 30px; background-color: #eef6e7; } div.outterBox h4.leftBox a img, div.outterBox h4.rightBox a img, div.popArticlesImgCont a img { border-left: 4px solid #58A618; } .studentTopsContent a { text-decoration: none; } .studentTopsContent a:hover { color: #3c8a2e; text-decoration: none; } .studentTopsContent .outterBox { width: 425px; } .studentTopsContent .greyHeadTitle, .purpleHeadTitle { font-size: 20px; font-family: Arial; font-weight: Bold; } .studentTopsContent .purpleHeadTitle { color: #58A618; } .studentTopsContent .greyHeadTitle { color:#222222; } .studentTopsContent .leftBox, .rightBox { width:180px; font-weight:normal; font-family: Arial, Sans-serif; font-size: 14px; color: #222222; background-color: #eef6e7; } .studentTopsContent .leftBox, .studentTopsContent .popArticlesImgCont { float:left; margin-left:33px; } .popArticlesImgCont { margin-bottom: 20px; } .studentTopsContent .rightBox { float:right; } .studentTopsContent .categoryTitle { font-size: 18px; font-family:Arial; color: #58A618; } .studentTopsContent .moreLink { float:right; color: #427730; padding-top: 20px; padding-bottom: 35px; font-weight: normal; } .studentTopsContent .floatLeft { float:left; } .studentTopsContent .floatRight { float:left; margin-left:7px; width:110px; } .studentTopsContent .mediaLeftBox { float:left; width:210px; margin-left:27px; font-weight:normal; font-family: Arial, Sans-serif; font-size: 14px; color: #222222; background-color: #eef6e7; } .studentTopsContent .mediaRightBox { width: 187px; float: right; font-weight:normal; font-family: Arial, Sans-serif; font-size: 14px; color : #222222; background-color: #eef6e7; } .studentTopsContent .mediaTitle, .studentTopsContent .popArticlesTitle { font-size: 14px; font-family: Arial; font-weight: Bold; color: #58A618; } .studentTopsContent .noArticlesMessage { color: #222222; font-size: 14px; font-family: Arial; padding-left: 30px; } .studentTopsContent .popArticlesTitle { margin-left: 20px; margin-top: 10px; width: 190px; float: right; } .studentTopsContent .popArticlesImg { width: 176px; } .studentTopsContent .hplMoreArticles { color: #3C8A2E; font-weight:normal; float:right; font-size: 14px; font-weight: normal; padding-right: 26px; } .studentAddBox { margin-top: 12px; padding-bottom: 28px; } .divWhiteSplit { background-color: #FFFFFF; height: 8px; margin-bottom: 25px; } .clearBoth { clear:both; } /* RECOMMENDED RESUMES ------------------------------*/ .RecomResPurchased, .RecomResPurchased .RecomResInfoContainer, .RecomResPurchased .RecomResTitleContainer, .RecomResPurchased .RecomResShortInfoContainer { color: #ACA899; } .RecomResPurchased, .RecomResPurchased .RecomResTitleContainer { font-weight: bold; } .RecomResWrapper { float: left; clear: both; position: relative; border: 1px solid #E1E1E1; width: 645px; padding-bottom: 7px; } .RecomResBorder { float: left; } .RecomResCheckBoxContainer { position: absolute; float: left; height: 100%; border: 1px solid #E1E1E1; width: 50px; text-align: center; border-top: 0px; border-bottom: 0px; border-left: 0px; } .RecomResDateContainer { position: absolute; float: right; height: 100%; border: 1px solid #E1E1E1; width: 120px; font-weight: bold; color: black; text-align: center; margin-left: 839px; border-top: 0px; border-bottom: 0px; } .RecomResTitleContainer { float: left; text-align: right; width: 130px; padding-top: 7px; font-weight: bold; color: black; } .RecomResInfoContainer { float: left; margin-left: 20px; width: 490px; padding-top: 7px; color: #525252; list-style: none outside none; } .RecomResShortInfoContainer { float: left; margin-left: 20px; width: 495px; padding-top: 7px; color: #525252; width: 390px; list-style: none outside none; } .RecomResLink { float: right; margin-bottom: -4px; } #contentContainer .RecomResBuyBtn, #contentContainer .RecomResRemoveBtn { padding: 3px 10px; font-weight: bold; text-transform: uppercase; font-size: 12px; border: 1px solid #696; color:#FFF; text-shadow: 0 1px 1px #555; text-decoration : none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 4px 4px 4px #CCC; -webkit-box-shadow: 4px 4px 4px #CCC; box-shadow: 4px 4px 4px #CCC; background: #3C8A2E; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#69BE28), to(#3C8A2E)); background: -moz-linear-gradient(#69BE28, #3C8A2E); background: linear-gradient(#69BE28, #3C8A2E); -pie-background: linear-gradient(#69BE28, #3C8A2E); behavior: url(/assets/PIE.htc); position: relative; } #contentContainer .RecomResRemoveBtn { text-decoration : none; background: #5B5B5B; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#727272), to(#5B5B5B));border: 1px solid #5B5B5B;} #contentContainer .RecomResBuyBtn:hover, #contentContainer .RecomResRemoveBtn:hover, #contentContainer .RecomResBuyBtn:active { text-decoration: none; background: #5B5B5B; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#727272), to(#5B5B5B)); background : -moz-linear-gradient(#727272, #5B5B5B); background: linear-gradient(#727272, #5B5B5B); -pie-background: linear-gradient(#727272, #5B5B5B); behavior: url(/assets/PIE.htc); border: 1px solid #5B5B5B; color: #FFF; } #contentContainer .RecomResButtonsContainer { width: 100px; float: left; padding: 7px 5px 0px 0px; text-decoration: none; text-decoration: none; } .RecomResButtonSection { width: 327px; float: right; padding-right:5px; } .RecResLinkArrows, .RecResSeeMoreResumesLink { background: url("../../Images/Default/employers/arrow.gif") no-repeat scroll 100% 4px transparent; clear: both; float: left; padding: 0 18px 0 0; } .RecResSeeMoreResumesLink { margin-top: 10px; } .RecomResProgressContainer { position:absolute; padding:3px; } .RecomResFloatRight { float: right; } .RecomResHeading { width:645px; } div.RecomResumesSelectedFixedPosition { position: fixed; top: 20px; width: 50px; height:50px; z-index: 999; } div.RecomResumesSelected { position:relative; margin-top:20px; height:0; } .RecomResumesFloatingBox { background-color: #00A9E0 !important; color: #FFFFFF; font-size: 14px; font-weight: bold; height: 42px; -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; text-align: center; } /* ECOM FLOW - NEW CATEGORIES HIERARCHY ------------------------------*/ div.categoriesContainer option { padding:3px !important; } .categoriesHeaderText { width:822px !important;} .categoriesContainer { width:824px;min-width: 630px;float:left;margin-top:10px; } .categoriesBox, .categoriesBoxRight, .industriesBox, .industriesBoxRight { float:left; margin-top:-11px; width: 47%;} .categoriesBox, .industriesBox { padding-right: 6%; } .industriesBoxRight { margin:-6px 0 0 -2px !important; } .messageCont { float:left; width: 47%; } .divMaxCategoriesReached {border:1px solid #A70240;border-radius: 4px;-moz-border-radius: 4px;padding: 9px;top:23px;position: relative;*+margin:15px 0 0 0;*+position:static;} .divMaxCategoriesReachedClient, .divMaxIndReachedClient {margin-bottom:10px;border:1px solid #A70240;border-radius: 4px;-moz-border-radius: 4px;padding: 7px;top:10px;position: relative;*+margin:15px 0 0 0;*+position:static;} .divMaxIndReachedClient {margin:0 0 10px -2px;*margin-top:10px;} .warning {color:#A70240 !important;} .addCategoriesButtonCont, .addIndustriesButtonCont { padding: 10px 0; float:right; height: 35px; } .addIndustriesButtonCont { margin: 0 53% 0 0;} .addCategoriesButtonCont input, .addIndustriesButtonCont input { padding: 0; margin:0; } .sjpIndustryButton {float:left;margin-left:97px;} .addCategoriesButton { border-radius: 4px !important; box-shadow: 0 4px 7px #CCCCCC !important; padding: 7px 20px !important; } .addCategoriesButton[disabled] { background: #5B5B5B !important; border: 1px solid #5B5B5B !important; color: #FFF !important;} .maxCategoriesMessage { margin-top:5px; } .selectedCategoriesCrumb { padding: 20px 0 0 0; } .categoryHeading { padding:10px; } .categoriesAddedCont {border:1px solid #525252;padding:5px 0;-moz-border-radius:5px;border-radius:5px;margin: 10px 0 0 0;} .industryAdded {float:left;} .categoryProgressCont { margin:4px 10px; } .categorySelectedImg { margin:-10px 10px 0px 0px; background-image:url("../../Images/workButtons/blue_checkmark_32.gif"); width:32px; height:32px; } .categoryBreadCrumbCont {border-bottom: 1px dotted #CCCCCC;margin-bottom:10px;} .selectedCatName span {padding:5px 0 5px 10px;} .selectedCatName a {padding:0 0 0 10px;white-space:nowrap;} .selectedCatName {width:680px;} .selectedCatDeleteIcon a {float:right;height:16px; width:16px;margin: -18px 5px; background:url("../../Images/Default/EcomFlow/close16.png") no-repeat scroll transparent; } .newIcon {background:#ffa100;color:white;text-shadow:1px 1px 1px #fc9100;padding:2px;border-radius:3px;-moz-border-radius:3px; font-size:12px;font-weight:bold;margin-right:7px;} /* Cobra Quick Search Menu ------------------------------------------------------------*/ .menu-watermark {color:#777777 !important;} .qsContainer {margin:0 auto;position:relative;overflow:hidden;} .qsOuterContainer {background:#EEEEEE;clear:both;*height:45px;border: 1px solid #cdcdcd;overflow: hidden;} .qsAdvanceCont {float:right;padding: 3px 0 0;} .qsInputTextBox {width:95%;border:1px solid #C8C8C8;font-size:14px;clear:both;color:#000;border-radius:4px;padding: 5px 0 5px 25px;margin:0;background: url(/assets/images/common/input_magnifyglass.png) no-repeat #fff 7px;} .qsKeywordCont {margin:8px 1%;width:43%;} .qsLocationCont {margin:8px 1%;width:33%;} .qsButtonCont {margin:8px 1%;width:18%;*width:17%;} .qsBottomCont {clear:both;margin:0 0 0 10px;} .qsInputButton {width:100%;font-size:14px !important;padding:4px !important;font-weight:bold !important;} /* Cobra Top Menu ----------------------------------------------------------*/ .cobraSpacer {padding: 0 8px;background:url("../../images/Default/HomePage/header-icons.png") no-repeat scroll 10px 4px transparent;} .tmContainer {line-height: 1.5;padding:10px 0 7px 0;} .tmContainer, .tmOuterContainer {width:100%;clear:both;} .tmOutGreenCont {width:100%;clear:both;height:47px;padding:7px 0 0 0;} .tmRightGreenCont {width:80%;height:47px;float:left;background-color:#69BE28;} .tmLogoCont {width:20%;height:47px;float:left;background-color:#FFFFFF;} .tmLogoCont h1#logo {height:47px;} .tmLogoCont h1#logo a img {max-width:150px;width:80%;max-height:47px;-ms-interpolation-mode: bicubic;margin:0 auto;display:block;} .tmLinkCont {width:100%;clear:both;height:25px;} .tmRightLinkCont {width:100%;float:left;height:25px;} .tmJSLinkCont {float:right;padding:0 15px 0 0;} .tmVersionCont {float:left;padding:5px;} .tmSignInLink li, .tmSignInLink a {display:inline;line-height:2.2;} .tmSignInLink a {padding:0 5px;} .tmSignInLink a:hover {text-decoration:underline;} .tmNavTitle {font-size:12px;font-weight:bold;padding:4px 10px 4px 0;} .tmEmpLinkCont {float:right;background-color:#00A9E0;color:#FFF;} .tmEmpLinkCont span a, .tmLangCont span a {color:#FFF !important;} .tmEmpNavMenuLi {font-size:12px;font-weight:bold;padding:4px 0;} .tmEmpNavMenuLi a {width:190px;padding:0 0 0 11px;display:block;font-weight:bold;line-height:1.5;} .tmEmpNavMenuLi ul li a {padding:6px 0 6px 11px;} .tmEmpNavMenuLi:hover, .tmEmpNavMenuLi:hover > a {background-color:#007AC9 !important;cursor:pointer;} .tmEmpNavMenuLi ul {display:none;padding:0;margin:0;position:absolute;width:199px;top:26px;left:0;z-index:999999;height:auto;border:1px solid #00A9E0; background-color: #F9F9F9;} .tmEmpNavMenuLi {float:left;position:relative;z-index:999999;} .tmLangCont {padding:15px 17px 0 0;float:right;} .tmNavMenuUl, .tmEmpNavMenuUl, .tmNavMenuUl li {padding:0;margin:0;list-style:none;} .tmNavMenuLi {float:left;position:relative;z-index:999;} .tmNavMenuLink, .tmEmpNavMenuLink {color:#FFFFFF !important;text-decoration:none !important;} .tmNavMenuLi a {padding:16px 12px 13px;display:block;font-weight:bold;line-height:1.5;} .tmNavMenuLi a:link, .tmNavMenuLi a:visited, .tmEmpNavMenuLi a:link, .tmEmpNavMenuLi a:visited {background-color: transparent;text-decoration:none;} .tmNavMenuLi:hover, .tmNavMenuLi:hover > a {background-color:#3C8A2E !important;cursor:pointer;} .tmNavMenuLi ul {display:none;padding:0;margin:0;position:absolute;width:240px;top:46px;left:0;z-index:999;height:auto;border:1px solid #3C8A2E; background-color: #F9F9F9;} .tmNavMenuLi:hover ul, .tmEmpNavMenuLi:hover ul {display:block;} .tmNavMenuLi li, .tmEmpNavMenuLi li {padding:0;background: 0;list-style:none;} .tmNavBrowseMenuLiFirst {clear: both;float: left;width: 100%;} .tmNavBrowseMenuLiLast {clear: both;padding-top:10px !important;} .tmNavMenuLi li a {padding: 6px 11px;color:#427730;background-color:#F9F9F9;} .tmNavMenuLi li a:link, .tmNavMenuLi li a:visited {text-decoration:none;background:none;} .tmNavMenuLi li a:hover, .tmNavMenuLi li a:focus, .tmNavMenuLi li a:active, .tmEmpNavMenuLi li a:hover, .tmEmpNavMenuLi li a:focus, .tmEmpNavMenuLi li a:active {text-decoration:underline;} .tmNavMenuLi a span, .tmEmpNavMenuLi a span {padding-right: 13px;background: url(/assets/images/header/up-down-white-bg.png) 100% -21px no-repeat;} .tmNavMenuLi a:hover span, .tmNavMenuLi.active a span, .tmNavMenuLi:hover span, .tmEmpNavMenuLi a:hover span, .tmEmpNavMenuLi.active a span, .tmEmpNavMenuLi:hover span {background-position: 100% 5px !important;} .tmBetaLink {background: url(/assets/images/beta_icon.png) no-repeat;height:40px;position: absolute;width: 43px;} .tmNavBrowseMenuUl {min-width:700px;} .tmNavBrowseMenuLi {width:350px;float:left;} .tmNavBrowseTopCont {padding:15px 0 10px 10px;font-weight:bold;clear:both;float:left;} .tmNavBrowseBottomCont {border-top:1px solid #777777;clear:both;margin:0 12px;overflow:hidden;} .tmNavBrowseBottomSplit {float:left;padding:10px 15px;} .tmNavBrowseBottomLink {float:left;padding:10px 0;} .tmNavBrowseBottomLink a {padding:0 !important;} .tmLinkSeparator {padding:5px;color:#427730;} /* Cobra Buttons (no images) */ .btn-square-green {background: #3C8A2E; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#69BE28), to(#3C8A2E));background : -moz-linear-gradient(#69BE28, #3C8A2E); background: linear-gradient(#69BE28, #3C8A2E); -pie-background: linear-gradient(#69BE28, #3C8A2E);border: 1px solid #3C8A2E;} .btn-square-orange {background: #D2492A; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA100), to(#D2492A));background : -moz-linear-gradient(#FFA100, #D2492A); background: linear-gradient(#FFA100, #D2492A); -pie-background: linear-gradient(#FFA100, #D2492A);border: 1px solid #D2492A;} .btn-square-blue {background: #007AC9; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00A9E0), to(#007AC9));background : -moz-linear-gradient(#00A9E0, #007AC9); background: linear-gradient(#00A9E0, #007AC9); -pie-background: linear-gradient(#00A9E0, #007AC9);border: 1px solid #007AC9;} .btn-square-green, .btn-square-orange, .btn-square-blue {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow: 4px 4px 4px #CCCCCC;color: #FFFFFF !important;font-size: 12px;font-weight: bold;padding:0 10px; position: relative;text-decoration: none;text-shadow: 0 1px 1px #555555;cursor: pointer;margin: 0;height: 30px;display: inline-block;zoom:1;*display:inline;behavior: url(/assets/PIE.htc);} a.btn-square-green, a.btn-square-orange, a.btn-square-blue {line-height:2.5;} .btn-square-green:hover, .btn-square-orange:hover, .btn-square-blue:hover, .btn-square-green:active, .btn-square-orange:active, .btn-square-blue:active {text-decoration: none !important;background: #5B5B5B; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#727272), to(#5B5B5B)); background :-moz-linear-gradient(#727272, #5B5B5B); background: linear-gradient(#727272, #5B5B5B); -pie-background: linear-gradient(#727272, #5B5B5B); border: 1px solid #5B5B5B;color: #FFF;} .btn-small {padding:0 5px;font-size:10px;height:25px;} .btn-large {padding:0 15px;font-size:14px;height:35px;} .btn-x-large {padding:0 20px;font-size:18px;height:45px;} /* Text Boxes ----------------------------------------------------------*/ .tb-default {border:1px solid #C8C8C8;padding:0 5px;display:block;width:300px;font-size:14px;color:#222222;height:30px;line-height: 2.2;} .tb-small {width:200px;} .tb-large {} .tb-x-large {} /* Drop Downs ----------------------------------------------------------*/ .dd-default {border:1px solid #C8C8C8;padding:4px 0 4px 5px;display:block;width:312px;font-size:14px;color:#222222;height:30px;} .dd-small {width:200px;} .dd-large {} .dd-x-large {} /* Email slider */ #shareToolboxEmailPanel { background: white; border: 1px solid #DFDFDF; min-height: 216px; display: none; padding: 30px; position: absolute; top: 30px; left: 220px; width: 310px; margin: 240px 0 auto; z-index: 1001; border: 10px solid #007AC9; border-radius: 10px 10px 10px 10px; padding: 40px 20px 20px; } #shareToolboxEmailPanel .jobToolsEmailSend { margin-top:15px; } #hideEmailPanel { position:absolute; top:10px; right: 10px; } div#shareToolboxEmailPanel div.jobToolsEmailThisJob .moduleBody { background:none; border: none; } .fr div#shareToolboxEmailPanel { width: 290px; } .fr div.jobToolsEmailThisJob .jobToolsEmailFrom label, .fr div.jobToolsEmailThisJob .jobToolsEmailTo label { width:105px } .fr div.jobToolsEmailThisJob .jobToolsEmailFrom input, .fr div.jobToolsEmailThisJob .jobToolsEmailTo input { width:150px; } .share_button_emailThisJob { display:block; cursor: pointer; } .jobToolsEmailFrom input, .jobToolsEmailFrom label, .jobToolsEmailTo input, .jobToolsEmailTo label { float: left; } .addthis_default_style .share_button_emailThisJob { float:left; } div#AddThisBottom.addThis div.addthis_toolbox p a { padding: 0 2px !important; } div.jobViewBodyApply span.sharethistitle { font-size:14px; color:#525252; } /* Cobra Footer ----------------------------------------------------------*/ .ftContainer {margin:0 auto;position:relative;overflow:hidden;clear: both;} .ftOuterContainer {clear:both;border-top: 1px solid #EEEEEE;overflow: hidden;} .ftLeftContainer {float:left;width:80%;} .ftRightContainer {float:right;width:20%;margin-top:-9px;} .ftGreenCont {clear:both;background-color: #69BE28;float: left;height: 47px;width:100%;margin:10px 0 20px 0;position: relative;} .ftCopyright {float:right;color:#FFF;margin: -13px 0;position: absolute;right: 2%;top: 50%;} .ftLinksUl {padding:10px;margin:0;} .ftLinksUl li {display: inline-block;float: left;width:31%;margin: 0 1% 5px;font-size: 11px;*margin: 0 1%;*padding: 0;} .ftRightContainer .ftLinksUl li {width: 100%;} .ftSocialImg {margin-right: 4%; position: relative; top: 6px;} #partners {display: none;} #cboxLoadedContent #partners {display:block;overflow:hidden;} #cboxLoadedContent #partners h1 {border-bottom: 1px solid #CCCCCC;font-size: 20px;font-weight: normal;line-height: 1.5;margin: 0 20px 10px 10px;padding: 10px 0; } #cboxLoadedContent #partners #close-box {color: #69BE28;cursor: pointer;font-size: 14px;font-weight: bold;position: absolute;right: 20px;top: 17px;} #cboxLoadedContent #partners #close-box:hover {text-decoration:underline;} #cboxLoadedContent #partners ul {margin: 0 0 0 10px;list-style-type: none;} #cboxLoadedContent #partners li {margin: 0 10px 0 0;padding: 5px 0;width: 310px;float: left;} body div#pageContainer { position: relative; } #panel { background: #FFF; border: 1px solid #DFDFDF; min-height: 230px; display: none; padding: 30px; position: absolute; top: 0; left: 220px; width: 460px; margin: 0 auto; z-index: 1001; border: 10px solid #007AC9; border-radius: 0 0 10px 10px; padding: 40px 20px 20px; } .slide { margin: 0; padding: 0; border-top: solid 4px #422410; } .btn-slide { text-align: center; width: 144px; height: 31px; padding: 10px 10px 0 0; margin: 0 auto; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } #panel h2, #panel h3 { color: #525252; font-size: 14px; } #panel #hide { position: absolute; right: 22px; top: 20px; } #panel input { width: 250px; } #panel label { color: #525252; display: block; font-size: 14px; font-weight: bold; padding: 9px 0; } .CareerAlertSavedSearchPrivacyPolicyLink { position: absolute; padding-top: 5px; } .auth #hLblGetTheLatestJobsSlider, .auth #pLblSentYouNewJobsSlider { display: none; } #panel .caFrequency h3 { margin: 10px 0 5px; } #divSSAlert .caFrequency input, #panel .caFrequency input { width: auto; } #divSSAlert .caFrequency label, #panel .caFrequency label { font-weight: normal; display: inline; font-size: 12px; } /* Viper Form - CMS for Recruiter Merch Box ----------------------------------------------------------*/ .cmsOutCont {border: 1px solid #CDCDCD;overflow: hidden;position: relative;height: 100%;} .cmsImageCont {width:80px;float:left;margin:30px 0 30px 20px;} .cmsTextCont {padding:20px 20px 20px 0;float:left;} .cmsTestimonalTextCont {float:left; padding:20px;} .cmsLinkCont {float:left; bottom:20px; position:absolute;} .cmsCont {height:160px;width:190px;float:right;position:relative;} .cmsContactUs {padding:20px 10px 0 0;float:right;width:170px;} /* Recruiter Registration */ .rrForm {float:left;clear:both;margin:10px 0;} .rrSiteTitle {margin: 0;padding: 30px 0 0 0;float: left;font-size: 20px;font-weight: normal;color: #525252 !important;width: 400px;} .rrContainer {float: left; margin: -10px 0 15px;width: 960px;height: 600px;} .rrLeftCol {float: left; width: 640px;margin: 0 20px 0 0;height: 100%;} .rrRightCol {float: left;width: 300px;height: 100%;} .rrRightCol h1, .rrRightCol h2 {color:#525252 !important;} .rrRegCont {border: 1px solid #CDCDCD;clear: both;height: 300px;padding:0 0 0 20px;height: 100%;} .rrContactCont {clear: both;height: 160px;} .rrCustCont {clear: both;height: 420px;margin: 0 0 20px;} .rrButtonCont {clear:both;margin:55px 0 0 0;} .rrSignInCont {float: right;margin:-18px 5px 0 0;width: 200px;} .fr .rrSignInCont {margin:-45px 5px 0 0;} .rrSignInCont h4 {color: #525252 !important;font-weight:normal;font-size:16px;} .rrPrivacyPolicy {width: 350px; margin-top:10px;} .rrThawteLogo {float:right; width: 200px; margin:385px 5px 0 0} .fr .rrThawteLogo {float:right; width: 200px; margin:435px 5px 0 0} /* Password Retrieval */ .password-retrieval-cont .worko-body {padding:0 20px 20px 20px;} .password-retrieval-cont .worko-message p {padding:0 20px;} .password-retrieval-cont .worko-message {padding:0 0 20px 0;display:block;} .password-retrieval-cont .worko-box {width: 100% !important;background:none;} .password-retrieval-cont .worko-box .btn {display: inline-block;zoom:1;*display:inline;} .password-retrieval-cont .worko-box .btn:hover {text-decoration:none !important;} .password-retrieval-cont .worko-body .container {margin:0 0 20px 0;clear: both;float: left;} .password-retrieval-cont .worko-sub-heading {display: block;margin: 20px 0;} .password-retrieval-cont .validation-error-icon {padding: 15px 10px 15px 50px;background-position:18px center;} .password-retrieval-cont .validation-error-icon .error {color: #D2492A;margin:0;} .password-retrieval-cont .second-line {display: block;padding: 0 0 0 23px;} .password-retrieval-cont .field-validation-error {float: left;padding: 0 0 20px;} .password-retrieval-cont .worko-radio {margin: 0 0 20px 0;} .password-retrieval-cont .client-erorr, .password-reset-cont .client-erorr {color:#D2492A !important;float: left;line-height: 30px;padding: 0 20px;} .password-retrieval-cont .client-erorr:before, .password-reset-cont .client-erorr:before {font-family: 'icomoon-ultimate';content: '\73';padding: 5px;} .password-retrieval-cont .multi-errors, .password-reset-cont .multi-errors {line-height:15px;} .password-retrieval-cont .tb-default, .password-reset-cont .tb-default {float:left;} .password-reset-cont .pass-cont {position:relative;overflow: hidden;} .password-reset-cont .rules-cont {position:relative;display: none;background-color: #EEEEEE;padding: 15px;width: 282px;} .password-reset-cont .rules-cont h2 {margin: 0 0 10px;} .password-reset-cont .confirm-cont {position:relative;overflow: hidden;} .password-retrieval-cont label, .password-reset-cont label { font-weight: bold; } /* Temporarily coping Niche section CSS until the issue with not rendered classes in IE8 is resolved. ===================================================================================================*/ .sjpCampusSort {float:left; width:116px; margin-bottom:10px;} .sjpNicheSort {float:left; width:175px; margin-bottom:10px;} .sjpCampusSort label, .sjpNicheSort label {display:block; font-weight:bold;} .sjpCampusSort select {width:110px;} .sjpNicheSort select {width:165px;} .sjpSelectedHeading span {height:24px; display:block; color:#fff; font-size:14px; font-weight:bold; padding:8px 0 6px;} #spanPrice {display:block; font-weight:bold; font-size:14px; clear:both;} .sjpJobBoardSelection {border:6px solid #efefef; padding:10px 5px 10px 5px; float:left;} .sjpJobBoardSelection .sjpCampusRow, .sjpJobBoardSelection .sjpNicheRow {border-bottom: double medium #efefef; padding:5px 0; clear:both;} .sjpJobBoardSelection .nicheRecommended {font-weight:bold; text-decoration:underline; padding-bottom:5px; padding-left: 2px; display:block;} .sjpJobBoardSelection .recommended {background-color:#ccead4;} .sjpJobBoardSelection #dvAddAll {border-bottom:solid 2px #ccc;} .sjpJobBoardSelection #dvAddAll a {display:block; float:right; font-weight:bold; padding:5px 10px; margin:10px 0; background-color:#00A9E0; color:#fff; cursor:hand; cursor:pointer;} .sjpJobBoardSelection #dvAddAll a:hover {margin-bottom:10px !important;} #sjpNicheSelection .diversity, .diversityIcon {background: transparent url("../../Images/Default/employers/diversity-icon.png") no-repeat 0px 0px; padding-left:22px; display: inline-block; font-weight:bold; height: 18px;} .diversityIcon {display:inline-block;} .sjpJobBoardSelection .sjpCampusRow:hover, .sjpJobBoardSelection .sjpNicheRow:hover {background-color:#efefef;} .sjpJobBoardSelection .sjpJBName {width:180px; display:block; float:left; padding-left:5px;} .sjpJobBoardSelection .sjpJBMove {width:60px; padding-right:5px; padding-left:5px; display:block; float:right;} #tblAllCampusPostings, #tblSelectedCampusPostings, #tblAllPostings, #tblSelectedPostings {padding-right:2px; overflow:auto; width:320px; height: 400px;} #tblSelectedCampusPostings, #tblSelectedPostings {width:282px;} .sjpJBMove {letter-spacing : -1000em; } .sjpJBMove { letter-spacing : normal; text-indent : -999em; overflow : hidden;} .sjpJBMove a {float:right; display:block; width:40px; height:15px; } .sjpSelectedCity .sjpJBMove a {font-size:0; text-align:right;} .sjpJBMove .add-arrow-image {background : url("../../Images/Default/employers/sjp-add-remove-icon.png") no-repeat 10px -2px !important;} .sjpSelectedHeading, .sjpJobBoardSelected, .employer .sjpTermsandConditions .popupTitle, .employer .sjpPrivacyPolicy .popupTitle {background-color: #00A9E0 !important;} #tblAllPostings .sjpJBMove a, #tblAllCampusPostings .sjpJBMove a, #tblSelectedPostings .sjpJBMove a, #tblSelectedCampusPostings .sjpJBMove a, #sjpFlow .sjpSelectedCity a {background : url("../../Images/Default/employers/sjp-add-remove-icon.png") no-repeat 20px -25px; } #tblAllPostings .sjpJBMove a.details {background:none; text-align:right;} .sjpJBMove a, .sjpJobBoardFound a, .sjpJobBoardSelected a {cursor:pointer; cursor:hand;} .sjpJobBoardFound {float:left; width:320px; border:solid 1px #efefef; padding:10px 10px 25px;} .sjpJobBoardFound span {font-size:14px; font-weight:bold; float:left; display:block;} .sjpJobBoardFound a {float:right; padding-right:30px; display:block;} .sjpSelectedHeading, .sjpJobBoardSelected {float:right; width:260px; background-color:#6ABE28; padding:10px 20px; position:relative;} .sjpJobBoardSelected .selectedCount {font-size:14px; font-weight:bold;} .sjpJobBoardSelected span {color:#fff; display:block;} .sjpJobBoardSelected .removeAll {position:absolute; right:10px; top:10px; text-decoration:underline; color:#fff;} .fr .sjpJobBoardSelected .removeAll {width:55px;} .sjpNicheDetailsRow {padding:5px 10px; background-color:#e3ebe0; margin-bottom:10px; font-style:italic;} .sjpNicheDetailsRow .sjpJBDetails {color:#222222;} .sjpNicheDetailsRow img {float:left; padding-right:6px;} /* =Confirmation page =======================================*/ .sjpConfirmationCont {background-color:#f6f6f6; padding:40px; margin-top:20px;} .sjpConfirmationMsg {width:430px; float:left; padding-right:10px;} .sjpConfirmationCont img {float:left; padding-right:20px; display:block;} .sjpConfirmationMsg .left {width:280px;} .sjpConfirmationSaveJob {width:760px;} .sjpConfirmationCont h2 {font-size:18px; color:#2f2f2f; padding:10px 0; margin-bottom:10px; font-weight:normal;} .sjpConfirmationMsg .sjpConfirmDesc {color:#535353; font-size:18px;} .sjpConfirmDesc .job-title {word-wrap:break-word; display:inline-block; max-width:280px;} .sjpConfirmationMsg .sjpOrderNumDesc {font-size:14px;} .sjpConfirmationMsg .sjpOrderNum {font-size:24px; color:#000;} .sjpConfirmationDetails { width:430px; float:right; padding-left:10px;} .sjpConfirmationDetails ul {margin:0; padding:0;} .sjpConfirmationDetails li {margin:5px 0; padding:5px 20px 10px; list-style:none; background : url("../../Images/Default/SalesHub/reskin/arrow-next.png") no-repeat 0 10px; border-bottom:solid 2px #efefef;} .sjpConfirmPrint img {padding-top:6px; margin-bottom:-5px;} .sjpConfirmationSaveJob {float:left;} #sjpFlow .sjpConfirmationInfo p {min-height: 80px;background: #F6F6F6;padding: 10px;border: 1px solid #525252;line-height: 20px;margin:10px;font-size: 14px !important;width: 278px;float: left;display: block;color: #525252;} /* =COLOUR LEGEND #fff White #000 Black ----------------------------------------------------- */ /* =TEXT COLOURS ----------------------------------------------------- */ /* Site Wide Colour */ body, a:hover, ul, li, td, td div, td ul, select, input, div.subMenu ul li a, div.subMenu ul li a:visited,span.date, .JobSearchCallTitle,.shopBsktTotal {color: #222222;} a:hover, a, a:visited, .jobDisplayHeader, H1, H2, .JobSearchInfoTitle, .secondHeadText, .sjpHelpPopup a, .searchPopUpContainer a, div.jobSearchSort, table.workTable tr.workTableHeader, table.workTable tr.workTableHeader a, div.sectionHeader div, a.aboutUsProductTitle, .dbExpiryTitle {color: #427730;} .corpTitleName strong, .corpTitleName i, .corpTitleName em {color:#222222;} .jobDisplayHeader H1, .jobDisplayHeader H2 {color:#000;} /* Header Navigation link colour */ a:hover, /* SiteWide */ div#headerNav ul li a, div#headerNav ul li a:visited, div#headerNav ul li a:hover, div#headerNav ul.headerCallout li a, div#headerNav ul.headerCallout li a:visited, div#headerNav ul.headerCallout li a:hover, div#topNav ul li.selected a, div#topNav ul li.selected a:visited, div#topNav ul li.selected a:hover, .jobSeekerCancel, a.jobSeekerCancel:hover, a.exitBetaSearch, a.exitBetaSearch:visited, ol.progressBar li, #footerContainer ul li, #footerContainer ul li a, body.employer h1, /*body.employer h2,*/ .savings, H3.shopBsktTitle, .employer a, .employer a:visited, .jpcContent H3, #NichePoints H3, #shPartners H3, .shTrainingSubHeadline, #WokopolisSolutions h3, .shCitiesFootnote ol li {color: #427730;} /* Default link colour should always be #427730 */ div#topNav ul li a,div#topNav ul li a:visited /* Top Navigation link colour */, div#topNav ul li a:hover /* Top Navigation link hover colour */, div.moduleTitle H1, div.moduleTitle H2, div.moduleTitle H3, .empResourceHeading, div.selectedProductPanel div.moduleContentLeft, input.butGo, div.selectedProductPanel div.moduleContentLeft label, div.butWhiteTwoLink a, div.btnSm a:visited, div.btnLg a, div.btnLg a:visited, div.btnSm a, table.workTable th, div.btnNoBord a, div.btnNoBord a:visited, .shopBsktHeader td, /*div.selectedProductPanel .sjpHelpPopup a,*/ a.jobSeekersLink, .shKeystone .siteTitle, .shSubHeading, div.btnSmSh a, div.btnSmSh a:visited, div.btnSearch a, div.btnSearch a:visited, div.btnClose a, div.btnClose a:visited {color: #fff} ul.headerCallout span.spacer {color: #74b70b !important;} a[disabled='disabled'] {color:#ACA899 !important;} .watermarked {color:#cccccc;} .error li, .error, .warn, span.req, #sjpFlow .sjpLabel span.req, #sjpFlow .warn, #sjpFlow p .warn {color: #FF0000;} p.sjpHelp, div.popUpClose a {color: #6b6b6b;} div.managementSection {border-bottom: solid 2px #8bd22f;} #right div.browserError h2, .validationSummary {color: #800000;} /* =MASTER STRUCTURE STYLES ----------------------------------------------------- */ h1,h2,h3,h4,h5 {color:#427730;} h1.pageTitle, h2.pageTitle, .pageTitle, body.employer h1.pageTitle, body.employer h2.pageTitle {color:#525252;} /* Common ----------------------------------------------------- */ .pagination a {border: solid 1px #8bd22f;} .pagination .selected {background-color:#8bd22f; color:#fff; border: solid 1px #8bd22f;} /* =BACKGROUND IMAGES ----------------------------------------------------- */ /* Background Colour and Image of the Sub Menu list items */ div.subMenu ul li {background: #91CD2E url(../../Images/WorkopolisLegacy/tbl.gif) no-repeat left top;} div.subMenu ul li a {background: transparent url(../../Images/WorkopolisLegacy/tbr.gif) no-repeat right top; } /* SJP Progress Bar */ ol.progressBar li.progCompleteBeg {background: transparent url(../../Images/Default/prog-complete.png) no-repeat left bottom;} ol.progressBar li.progIncomplete {background: transparent url(../../Images/Default/prog-incomplete.png) no-repeat -5px bottom;} ol.progressBar li.progComplete {background: transparent url(../../Images/Default/prog-complete.png) no-repeat -5px bottom;} ol.progressBar li.progIncompleteEnd {background: transparent url(../../Images/Default/prog-incomplete.png) no-repeat right bottom;} ol.progressBar li.progCompleteEnd {background: transparent url(../../Images/Default/prog-complete.png) no-repeat right bottom;} /* Rounded Corners Background */ span.tl {background: transparent url(../../Images/Default/roundedCorner.gif) no-repeat left top;} span.tr {background: transparent url(../../Images/Default/roundedCorner.gif) no-repeat right top;} span.bl {background: transparent url(../../Images/Default/roundedCorner.gif) no-repeat left bottom;} span.br {background: transparent url(../../Images/Default/roundedCorner.gif) no-repeat right bottom;} /* Small Blue Button */ div.sjpProdButton, div.btnSm, div.butWhiteTwoLink {background: transparent url(../../Images/Default/btnBgSmL.gif) no-repeat left top;} div.sjpProdButton a, div.btnSm a, div.sjpProdButton a:hover, div.btnSm a:hover, div.butWhiteTwoLink div {background: transparent url(../../Images/Default/btnBgSmR.gif) no-repeat right top;} /* Small Red Button */ div.btnSmSh {background: transparent url(../../Images/Default/btnBgSmRedL.gif) no-repeat left top;} div.btnSmSh a {background: transparent url(../../Images/Default/btnBgSmRedR.gif) no-repeat right top;} /* Small Secondary Button */ div.btnSmSecondary {background: transparent url(../../Images/Default/btnBgSm2L.gif) no-repeat left top;} div.btnSmSecondary a, div.btnSmSecondary a:hover {background: transparent url(../../Images/Default/btnBgSm2R.gif) no-repeat right top;} /* Large Green Button */ div.btnLgGreen {background: transparent url(../../Images/Default/butBgLgGrL.gif) no-repeat left top;} div.btnLgGreen a, div.btnLgGreen a:hover {background: transparent url(../../Images/Default/butBgLgGrR.gif) no-repeat right top;} /* Blue Button With No Borders */ div.btnNoBord {background: transparent url(../../Images/Default/btnBgNoBordL.gif) no-repeat left top;} div.btnNoBord a, div.btnNoBord a:hover {background: transparent url(../../Images/Default/btnBgNoBordR.gif) no-repeat right top;} div.btnClose {background: transparent url(../../Images/Default/btnGrey.png) no-repeat left top;} div.btnClose a, div.btnClose a:hover {background: transparent url(../../Images/Default/btnGrey.png) no-repeat right top;} /* Chat Live */ span.chatLive {background: transparent url(../../Images/Default/En/chatLive.png) no-repeat top right;} span.chatLiveFr {background: transparent url(../../Images/Default/Fr/chatLive.png) no-repeat top right;} /* Sales Hub Keystones */ .emJobPostKeystone {background: transparent url('../../Images/Default/SalesHub/EM-job-post.png') no-repeat top left;} .emJobPostKeystoneFr {background: transparent url('../../Images/Default/SalesHub/EM-job-post-Fr.png') no-repeat top left;} .emAdvertisingKeystone {background: transparent url('../../Images/Default/SalesHub/EM-advertsing.png') no-repeat top left;} .emAffiliatesKeystone {background: transparent url('../../Images/Default/SalesHub/EM-additional-services.png') no-repeat top left;} .emBrandingKeystone {background: transparent url('../../Images/Default/SalesHub/EM-branding.png') no-repeat top left;} .emCampusKeystone {background: transparent url('../../Images/Default/SalesHub/EM-campus.png') no-repeat top left;} .emHomeKeystone {background: transparent url('../../Images/Default/SalesHub/EMHome.jpg') no-repeat top left;} .emRDBKeystone {background: transparent url('../../Images/Default/SalesHub/EM-RDB.png') no-repeat top left;} .emSpecialOffersKeystone {background: transparent url('../../Images/Default/SalesHub/EM-special-offers.png') no-repeat top left;} .emTheNetworkKeystone {background: transparent url('../../Images/Default/SalesHub/EM-the-network-new.png') no-repeat top left;} .emVideoBioKeystone {background: transparent url('../../Images/Default/SalesHub/EM-videobio.png') no-repeat top left;} .emCorporateWorksKeystone {background: transparent url('../../Images/Default/SalesHub/EM-corporate-works-ats.png') no-repeat top left;} .emWhyWorkoKeystone {background: transparent url('../../Images/Default/SalesHub/EM-why-workopolis.png') no-repeat top left;} .emWorkopolisUKeystone {background: transparent url('../../Images/Default/SalesHub/EM-workopolisU.jpg') no-repeat top left;} .emHomeKeystonePr {background: transparent url('../../Images/Default/SalesHub/EM-all-solutions-new-en.png') no-repeat 0px top; margin-left:-5px;} .emHomeKeystoneQl {background: transparent url('../../Images/Default/SalesHub/EMHomeQL.jpg') no-repeat top left;} .emHomeKeystoneSp {background: transparent url('../../Images/Default/SalesHub/EMHomeSP.jpg') no-repeat top left;} .emTorontoKeystone {background: transparent url('../../Images/Default/SalesHub/EM-toronto.png') no-repeat top left;} .emVancouverKeystone {background: transparent url('../../Images/Default/SalesHub/EM-vancouver.png') no-repeat top left;} .emCalgaryKeystone {background: transparent url('../../Images/Default/SalesHub/EM-calgary.png') no-repeat top left;} .emEdmontonKeystone {background: transparent url('../../Images/Default/SalesHub/EM-edmonton.png') no-repeat top left;} .emMontrealKeystone {background: transparent url('../../Images/Default/SalesHub/EM-montreal.png') no-repeat top left;} .emOttawaKeystone {background: transparent url('../../Images/Default/SalesHub/EM-ottawa.png') no-repeat top left;} .emHalifaxKeystone {background: transparent url('../../Images/Default/SalesHub/EM-halifax.png') no-repeat top left;} .emHamiltonKeystone {background: transparent url('../../Images/Default/SalesHub/EM-hamilton.png') no-repeat top left;} .emQuebecKeystone {background: transparent url('../../Images/Default/SalesHub/EM-quebec.png') no-repeat top left;} .emReginaKeystone {background: transparent url('../../Images/Default/SalesHub/EM-regina.png') no-repeat top left;} .emSaskatoonKeystone {background: transparent url('../../Images/Default/SalesHub/EM-saskatoon.png') no-repeat top left;} .emVictoriaKeystone {background: transparent url('../../Images/Default/SalesHub/EM-victoria.png') no-repeat top left;} .emWinnipegKeystone {background: transparent url('../../Images/Default/SalesHub/EM-winnipeg.png') no-repeat top left;} .emClearPictureKeystone {background: transparent url('../../Images/Default/SalesHub/EM-employment-experience-survey.png') no-repeat 0 -6px;} .emRDBAgencyKeystone {background: transparent url('../../Images/Default/SalesHub/EM-RDB-Agency.jpg') no-repeat 0 0;} .fr .emHomeKeystonePr {background: transparent url('../../Images/Default/SalesHub/EM-all-solutions-new-fr.png') no-repeat 0px top; margin-left:-5px;} .fr .emJobPostKeystone {background-image: url('../../Images/Default/SalesHub/EM-job-postFr.png');} .fr .emAdvertisingKeystone {background-image: url('../../Images/Default/SalesHub/EM-advertsingFr.png');} .fr .emAffiliatesKeystone {background-image: url('../../Images/Default/SalesHub/EM-additional-servicesFr.png');} .fr .emBrandingKeystone {background-image: url('../../Images/Default/SalesHub/EM-brandingFr.png');} .fr .emCampusKeystone {background-image: url('../../Images/Default/SalesHub/EM-campusFr.png');} .fr .emHomeKeystone {background-image: url('../../Images/Default/SalesHub/EMHomeFr.jpg');} .fr .emRDBKeystone {background-image: url('../../Images/Default/SalesHub/EM-RDBFr.png');} .fr .emSpecialOffersKeystone {background-image: url('../../Images/Default/SalesHub/EM-special-offersFr.png');} .fr .emTheNetworkKeystone {background-image: url('../../Images/Default/SalesHub/EM-the-networkFr-new.png');} .fr .emCorporateWorksKeystone {background-image: url('../../Images/Default/SalesHub/EM-corporate-works-atsFr.png');} .fr .emWhyWorkoKeystone {background-image: url('../../Images/Default/SalesHub/EM-why-workopolisFr.png');} .fr .emWorkopolisUKeystone {background-image: url('../../Images/Default/SalesHub/EM-workopolisU.jpg');} .fr .emTorontoKeystone {background-image: url('../../Images/Default/SalesHub/EM-torontoFr.png');} .fr .emVancouverKeystone {background-image: url('../../Images/Default/SalesHub/EM-vancouverFr.png');} .fr .emCalgaryKeystone {background-image: url('../../Images/Default/SalesHub/EM-calgaryFr.png');} .fr .emEdmontonKeystone {background-image: url('../../Images/Default/SalesHub/EM-edmontonFr.png');} .fr .emMontrealKeystone {background-image: url('../../Images/Default/SalesHub/EM-montrealFr.png');} .fr .emOttawaKeystone {background-image: url('../../Images/Default/SalesHub/EM-ottawaFr.png');} .fr .emHalifaxKeystone {background-image: url('../../Images/Default/SalesHub/EM-halifaxFr.png');} .fr .emHamiltonKeystone {background-image: url('../../Images/Default/SalesHub/EM-hamiltonFr.png');} .fr .emQuebecKeystone {background-image: url('../../Images/Default/SalesHub/EM-quebecFr.png');} .fr .emReginaKeystone {background-image: url('../../Images/Default/SalesHub/EM-reginaFr.png');} .fr .emSaskatoonKeystone {background-image: url('../../Images/Default/SalesHub/EM-saskatoonFr.png');} .fr .emVictoriaKeystone {background-image: url('../../Images/Default/SalesHub/EM-victoriaFr.png');} .fr .emWinnipegKeystone {background-image: url('../../Images/Default/SalesHub/EM-winnipegFr.png');} .fr .emClearPictureKeystone {background: transparent url('../../Images/Default/SalesHub/EM-employment-experience-survey-fr.png') no-repeat 0 -6px;} .shKeystone p { font-family: Arial,Sans-Serif; font-size: 17px; font-style: normal; color: #fff; line-height: 24px; } body.employer .emHomeKeystonePr p { padding-left:21px; } /* Sales Hub Btn */ .arrowAfter {background: transparent url(../../Images/Default/wizArrowSingFw.gif) no-repeat right 2px;} /* Sales Hub HomePage */ #shEmployerResources h2 {color:#000;} /* Sales Hub Training Services Selected Tabs */ #trainingServicesBG {background: transparent url(../../Images/Default/shTrainBg.jpg) no-repeat left top;} #downloadPrintBG {background: transparent url(../../Images/Default/shDlPrintBg.jpg) no-repeat left top;} #FAQsBG, #FAQsBG:hover {background: transparent url(../../Images/Default/shFaqBg.jpg) no-repeat left top;} #tabbedContentContainer .moduleBody {background: transparent url(../../Images/Default/shSelectBg.jpg) repeat-x left -70px;} div.shPagination a, .shPaginationDisabled {border: solid 1px #8bd22f;} .shPaginationDisabled {color:#DFDFDF;} .shJobPreviewFilterCont {border:solid 4px #cfcfcf;} /* Job Posting & Special Offer Styles */ .soRow {border-bottom: 1px solid #efefef;} .roundGrad {background: transparent url("../../Images/Default/employers/posting-shade.png") no-repeat scroll center top; padding-top:30px;} /* PAGE SPECIFIC ----------------------------------------------------- */ /* About Us */ div.managementSection {border-bottom:solid 2px #BBBBBB;} div.keystoneImage {background: transparent url(../../Images/Default/aboutusSlice.jpg) repeat left top;} div.keystoneImage div {background: transparent url(../../Images/Default/aboutusEnd.jpg) no-repeat right top;} /* Advertising Header Image */ div#AdHeaderContainer {background: transparent url(../../Images/Default/advertising-bg.jpg) no-repeat left top;} div#AdHeaderContainerRight {float:right; padding:0; background: transparent url(../../Images/Default/right.jpg) no-repeat right top;} /* RDB Search */ div.RDBSearchContainer1, .RDBSearchBoxText {background:#9BC99B;} div.RDBSearchContainer2 { background:#fff; } div.RDBSearchCol1, div.RDBSampleResume {border:solid 2px #9BC99B;} div.RDBSearchResultsCol1, div.RDBSampleResumeCol1, div.RDBSearchContainer3 {border:none; background:#efefef;} div.RDBSearchCol2 h1 {color:#000 !important;} div.RDBSampleResume {background: transparent url(../../Images/Default/SampleResume_bg.gif) repeat-y scroll center top;} /* =BACKGROUND COLOURS ----------------------------------------------------- */ div#headerNav, div#topNav, li, div#headerNav ul li {background-color: transparent;} div#topNav ul li.topNavHome /* Top Nav Home Background */ {background: transparent none;} div.jobSearchPagination a:hover, div.modalPopup, div#keywordsContent, div#locationContent, div#languageContent, div#staffAgencyContent, div#categoryContent, div#industryContent, div#dateContent, .workTable td, .progComplete span.progSpacer, .progCompleteEnd span.progSpacer, div.popUp, .popupControl, div.jsrPopUp, .selectProdCheckOut .productAndPricing div.sjpModule, div.pagination a:hover {background-color: #fff;} input[disabled='disabled'],.checkOutPayInfo select[disabled='disabled'] {color:#ACA899; background:#DFDFDF;} div.jobToolsSendNoteLabel /* Grey Background Colour Misc. Items */ {background-color: #e7e7e7;} .greyBox, .shLightGreyBox {background-color: #efefef;} .lightboxBg {background-color:#525252;} .progIncomplete span.progSpacer, .progIncompleteEnd span.progSpacer {background-color: #9fd7d7;} /* Teal used for the progress bar dividers */ .jobSearch tr.alt td, .jnhList li.alt {background-color: #f1f1f1;} .featuredJobs td {background-color:#F3FDEE;} .nav1on /* Background Colour of the Building Line */ {background-color: #8BD22F} .shopBsktHeader td, div.selectedProductPanel div.moduleContentLeft /* Dark Blue used in Employer side */ {background-color: #57aebc} .shopBsktTable tr.alt td, .shopBsktTotal, table.bothCreditTypes, /*.shHighLightCont,*/ div.rdbMain {background-color: #EEF7F8;} /* Light blue used as the background colours on the shopping basket of the SJP flow. Not in colour chart. Potential Employer colour */ div.browserError {background-color: #FFDFDF;} /* Light Red Used in Browser Error Box */ div.jobInfoModule, div.jobInfoRight, /* Grey Used in Job Info on Print Preview */ div.RDBPreview, .RDBAltRow, div.RDBDummyTextCol1 {background-color: #EFEFEF;} div.RDBPreview div.moduleFooter {background-color: #fff !important;} div.RDBPreviewHeader, div.RDBSearchResultsCol2 {background-color:#C4E0C4; padding:5px 0} .RDBRow, .white {background-color:#fff;} div.RDBDummyTextCol2 {background-color:#9BC99B;} /* =BORDER COLOURS ----------------------------------------------------- */ /* Common Colours Colours */ .dateInput, p.sjpHelp, div.popUpContainer, div.searchPopUpContainer, div.popUpClose a.x, table.campusPriceTable, div.popUpContainerNarrow, div.rdbModule, div.rbModule {border: solid 1px #cccccc;} div.moduleContentLeft, .borderRight, div.moduleBody {border-right: solid 1px #cccccc;} .borderLeft, div.moduleBody {border-left: solid 1px #cccccc;} .borderTop {border-top: solid 1px #cccccc;} div.browserError, .validationSummary {border: solid 2px #CC0000;} .greyDivider1 {border-bottom: solid 1px #efefef;} .greenDivider1 {border-bottom: solid 1px #A8D2A8;} .shLightGreyBorder {border: solid 15px #efefef;} .shLightGreyBorder code, .codeBlock {background-color:#FFFFCF; border: solid 1px #efefef; padding:0 5px; font-weight:bold; color:#488000;} table.jobSearch td, table.featuredJobs td { border-bottom:solid 1px #dfdfdf;} /* Job Seeker Colours */ div.jobSearchPagination a, div.pagination a {border: solid 1px #8bd22f;} div.jobSearchTopPage, div.sectionHeader, .jsGreenLine {border-bottom: solid 1px #8bd22f;} /* Employer Colours */ .shopBskt td {border-top: solid 1px #57aebc;} div.priceList table td {border-bottom: solid 1px #efefef;} /* Employer Gray Line */ .sjpProductTableTotal {border-top: solid 1px #A8D2A8;} /* Employer Green Line */ /* Page Specific Colours */ /* RDB Preview */ table.rdbPreviewTable {border: solid 2px #C4E0C4;} div.RDBSearchBox {border: solid 2px #9BC99B;} .lighterText {color:#AFAFAF;} /* Employer Dashboard -----------------------------*/ #searchResumeTips .keywordSearch {color:#006D00;} div.dbExpiry .creditExpiry {color:#ff0000;} /* Security -----------------------------*/ .passPoor, .passWeak, .passAvg, .passGood, .passExc {padding:3px;} .passPoor {background:#9F0000; color:#fff;} .passWeak {background:#FF8A00; color:#000;} .passAvg {background:#FFD100; color:#000;} .passGood {background:#8BD22F; color:#000;} .passExc {background:#004A2A; color:#fff;} /* Job List ---------------------------*/ .jListTable th {border-bottom:solid 2px #00819E;} .jListTable th, .jListTable th span, .jListTable th a, #jListTh th, .jListTabs li a:hover {color:#000 !important;} .empBorderLine {border-top:solid 1px #00819e;} .jList .watermarked {background-color:#fff;} .jListContentCont {border:solid 1px #AFAFAF; border-top:none; } .jListMenu .th {background-color:#D1EBF2;} /* Updated Job List */ .jListTable tr.alt td {background-color: #fff;} .jListTable tr td {border-bottom:solid 1px #e3e3e3;} .jListTable tr.jlPH td {border-bottom:none;} .jListTable th {border-bottom:solid 1px #e3e3e3; background: #fdfdfd url(../../Images/Default/bg_datatablehead.gif) repeat-x bottom left;} .jListTable th, .jListTable th span, .jListTable th a, #jListTh th {color:#000;} .empBorderLine {border-top:solid 1px #00819e;} .jList .watermarked {background-color:#fff;} .jListContentCont {border:none; } .jListMenu .th {background-color:#f3f3f3;} .jListTabs ul li.current {background-color:#69BE28;} .jListTabs li.current a, .jListTabs li.current a:hover {color:#fff !important;} .jListTabCont {border-bottom: 5px solid #69BE28;zoom:1;} .jListTabCont div.btnSm2 {top: 5px;} .dbSectionMiddle ul li, #dbAdvancedResumeSearch ul li {color:#6f6f6f;} .jListHeader {background-color:#FDFDFD; padding:10px; border-top:solid 1px #e3e3e3;} div.jListFooter {background: url("../../Images/Default/employers/posting-shade.png") repeat-x scroll left top transparent;} div.jListFooterTools {background: url("../../Images/Default/employers/jlist-footer-cont-bg.png") repeat-x scroll left top transparent;} table.jListTable {background: transparent url("../../Images/Default/employers/posting-shade.png") repeat-x 50px left;} .jlWhyUpgrade {background:transparent url(../../Images/Default/icoHelp.gif) no-repeat;} /* SJP Registration -----------------------------*/ div.registeredLeft {border-right: solid 1px #d5d5d5;} /* RDB Refactor ---------------------------*/ .lightTxt {color:#7f7f7f;} .RDBSearchResultsLeftView .rdbAlerts .rdbModule {border: solid 1px #cccccc;} .rdbResultsMessage, .rdbErrorToolBox {background-color:#FEFFBF; border:solid 1px #D5D5D5;} .rdbErrorToolBox {color:#800000;} /* Sales Hub ---------------------------*/ .shCityTwoColCont {border-top:solid 2px #cccccc;} .shCityPrice { border-left:solid 1px #cccccc;} .shCitiesBenefits h4 {color:#006D00;} .shCitiesBenefits ol { list-style-image: url("../../Images/Default/checkmark.png") } /* Job View ---------------------------*/ /* Apply Arrows */ #center div.learnMore a.applyText { background:url("../../Images/Default/job-icons-sm.png") no-repeat scroll -4px -1070px transparent; color: #D2492A; position: relative; top: 5px; } a.applyEmail {color:#525252;} /* NOW HIRING PAGE --------------------------*/ .carouselPrev a {background: transparent url(../../Images/Default/carouselButtons.png) no-repeat 0 0; display:block; height:300px;} .carouselNext a {background: transparent url(../../Images/Default/carouselButtons.png) no-repeat -92px 0; display:block; height:300px;} /* POPULAR SEARCHES PAGE --------------------------*/ .psCategorySelected {background:#efefef;} div.subPSTitle div.rssHelpCont div {background-color:#fff;} div.rssHelpCont a.hlkRSSHelp {color:#fff;} div.subPSTitle div.rssHelpCont h2 {color:#000 !important;} /* SEARCH RESULTS PAGE --------------------------*/ .advancedSearchJob input.btnSearch {background: transparent url(../../Images/Default/searchBtn.png) no-repeat right top; color:#fff;} .JobSearchResultsSidebar .searchPopUpContainer, .jsSearchPopUpContainer, .jsPopSearchPopUpContainer, .JobSearchResultsSidebar div#dateContainer .jsSearchPopUpContainer, .JobSearchResultsSidebar div#dateContainer {border:solid 3px #69BE28;} div.jobInfo .moduleBody .otherJobs, div.jobViewTools .moduleBody, div.jobToolsEmailThisJob .moduleBody, div.jobToolsSaveThisJob .moduleBody, div.guideYourSearch .moduleBody, div.recJobTools .moduleBody, div.kiwi-job-details .moduleBody {background: #fff url(../../Images/Default/search/job-tools-top-grdients.png) no-repeat left top;} .jobDateCol span.newJob {color:#fff;} /* Search Results Pagination --------------------------*/ .searchResultsPager .pagination a {background-color:#fff;border:solid 1px #fff; } .searchResultsPager .pagination a:hover {background-color:#F3FDEE; border:solid 1px #427730;} .searchResultsPager .pagination .results span span {border:solid 1px #427730; color:#fff; background-color:#427730; padding:1px 5px;} .searchResultsPager .pagination div.prev-page a, .searchResultsPager .pagination div.next-page a, .cheveronLeft, .cheveronRight {border:none;background:transparent url("../../Images/Default/job-icons-sm.png") no-repeat;} .searchResultsPager .pagination div.prev-page a {background-position:-4px -996px;padding-left:15px;} .searchResultsPager .pagination div.next-page a {background-position:32px -956px; padding-right:15px;} .fr .searchResultsPager .pagination div.next-page a {background-position:55px -956px; padding-right:15px;} .jobSeeker div.moduleTitle {background:#69BE28 none no-repeat;} .jobSeeker div.moduleTitle H1, .jobSeeker div.moduleTitle H2, .jobSeeker div.moduleTitle H3, .jobSeeker div.moduleTable table {background:none; color:#fff !important;} /* =Search Pages ------------------------------*/ /* =Popular Searches*/ #psCont a:visited, .subPopularSearches a:visited {color:#525252;} /* =EMPLOYER ---------------------------------------*/ /* Job Seeker: Top Module Gradient BG */ div.moduleTitle, div.moduleTable table th.moduleTitle, div.moduleTitle H1, div.moduleTitle H2, div.moduleTitle H3, div.moduleTable table, /* Employer: Top Module Gradient BG */ body.employer div.moduleTitle, body.employer div.moduleTable table th.moduleTitle, body.employer div.moduleTitle H1, body.employer div.moduleTitle H2, body.employer div.moduleTitle H3, body.employer div.moduleTable table {background: #69BE28;} .centerPadding .moduleContainer div.moduleTitle h2, .centerPadding .moduleContainer div.moduleTitle h3, .centerPadding .moduleContainer div.moduleTitle, .popUpContent .moduleContainer .moduleTitle, .popUpContent .moduleContainer .moduleTitle h1 {background: #007AC9;} .employer div.ssClose a {background: #007AC9 !important;padding:0 !important;color:#FFF !important;} /* ----------------------------------------------------- Workopolis Reskin Stylesheet ----------------------------------------------------- */ /* =GENERIC ----------------------------------------------------- */ body, td, ul, li, td div, td ul, select, input, textarea {font-family: Arial,Sans-Serif;font-size:12px; line-height:1.4;} input {line-height:1.2;} /* =LAYOUT ----------------------------------------------------- */ BODY {min-width:960px;} .centerPadding, .leftPadding, .rightPadding {padding:0;} #accessibilityDiv {width: 1px; height: 1px; overflow: hidden;} /* =ADS ----------------------------------------------------- */ .AdvancedSearchEmployerSpotlight {min-height: 163px; background: #FFF url("../../Images/Default/top-leader-board-bg.png") no-repeat left top;} * html .AdvancedSearchEmployerSpotlight {height: 163px;} div.AdvancedSearchEmployerSpotlight div.adContainer {padding: 15px 0 0;} div.AdvancedSearchEmployerSpotlight .lighterText {position:absolute; left:20px; font-size:10px;} /* .newTopLeaderboardAd {float: right;} */ .topLeaderboardAd {min-height: 163px; background: #FFF url("../../Images/Default/top-leader-board-bg.png") no-repeat left top;} * html .topLeaderboardAd {height: 163px;} div.topLeaderboardAd div.adContainer {padding: 15px 0 0;} div.topLeaderboardAd .lighterText {position:absolute; left:20px; font-size:10px;} /* One Column Full Page Layout ------------------------------------------------*/ BODY.fullPage div#contentContainer #left, BODY.fullPage div#contentContainer #right {display: none;} BODY.fullPage #center {width:960px; margin:0 auto;} /* Three Column Page layout - div#threeCol ------------------------------------------------*/ BODY.threeCol div#contentContainer #left {float:left; width:230px;} BODY.threeCol div#contentContainer #center {float:left; width:460px; margin:0 20px;} BODY.threeCol div#contentContainer #right {float:right; width:230px;} /* Left Column and Middle Column Page Layout - div.leftMiddleCol ------------------------------------------------*/ BODY.leftMiddleCol div#contentContainer #left {float:left; width:220px; } BODY.leftMiddleCol #center {float:left; width:710px; margin-left:10px;} BODY.leftMiddleCol div#contentContainer #right {display:none;} /* Right Column and Middle Column Page Layout - div.rightMiddleCol ------------------------------------------------*/ BODY.rightMiddleCol div#contentContainer #center {float:left; width:710px;} BODY.rightMiddleCol div#contentContainer #right {float:right; width:220px; margin-left:10px; } BODY.rightMiddleCol div#contentContainer #left {display:none;} /* Right Column and Middle Column Page Layout - div.shRightMiddleCol ------------------------------------------------*/ BODY.shRightMiddleCol div#contentContainer #center {float:left; width:700px;} BODY.shRightMiddleCol div#contentContainer #right {float:right; width:220px; margin-left:20px; } BODY.shRightMiddleCol div#contentContainer #left {display:none;} /* =MASTER STRUCTURE STYLES ----------------------------------------------------- */ H1,H2,H3,H4,H5 {font-weight:bold;} H1 {font-size:18px; line-height:24px;} H2 {font-size:14px; line-height:18px;} H3, H4, H5 {font-size:12px; line-height:18px;} .siteTitle {font-size:24px; font-weight:normal; padding:0 0 10px; line-height:24px; color:#525252;} .pageTitle, .sectionTitle, .jsrTitle, .advanceSearchCont .moduleBody h2 {font-size:20px; font-weight:normal; padding:0 0 10px; line-height:24px; color:#525252;} .advanceSearchCont .moduleBody h3 {font-size:13px; font-weight:bold; padding:0 0 5px; line-height:16px; color:#525252;} .rForm .pageTitle {padding:20px 0 30px;} /* =BUTTON STYLES ----------------------------------------------------- */ a.button { display: block; float: left; margin-right: 6px; /* FONT PROPERTIES */ text-decoration: none; color: #FFF; font-weight: bold; text-transform: uppercase; } a.button:link, a.button:visited, a.button:hover, a.button:focus, a.button:active { color: #FFF; text-decoration: none !important; } a.button span { display: block; } a.button:hover span{ text-decoration: none; } a.big-green-btn { margin-left: 23px; padding-right: 23px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ font-size: 18px; height: 47px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ background: transparent url("../../Images/workButtons/big-btn-right.png") no-repeat scroll right top; } a.big-green-btn span { margin-left: -23px; padding: 8px 0 14px 23px; background: transparent url("../../Images/workButtons/big-btn-left.png") no-repeat left top; line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */ } a.big-green-btn:hover { background-position: 100% -47px; } a.big-green-btn:hover span { background-position: 0 -47px; } a.small-orange-btn { margin-left: 20px; padding-right: 16px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ font-size: 12px; height: 37px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ background: transparent url("../../Images/workButtons/small-btn-right.png") no-repeat scroll right -37px; } a.small-orange-btn span { margin-left: -18px; padding: 6px 0 17px 18px; background: transparent url("../../Images/workButtons/small-btn-left.png") no-repeat left -37px; line-height: 1.1; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */ } a.small-orange-btn:hover { background-position: 100% -74px; } a.small-orange-btn:hover span { background-position: 0 -74px; } a.small-green-btn { margin-left: 20px; padding-right: 16px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ font-size: 12px; height: 37px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ height: 35px \0/IE9; /* IE9 HACK */ background: transparent url("../../Images/workButtons/small-btn-right.png") no-repeat scroll right 0px; } a.small-green-btn span { margin-left: -18px; padding: 6px 0 17px 18px; background: transparent url("../../Images/workButtons/small-btn-left.png") no-repeat left 0px; font-size: 11px \0/IE9; /* IE9 HACK */ line-height: 1.1; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */ } a.small-green-btn:hover { background-position: 100% -74px; } a.small-green-btn:hover span { background-position: 0 -74px; } a.medium-orange-btn { margin-left: 20px; padding-right: 19px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ font-size: 16px; height: 41px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ background: transparent url("../../Images/workButtons/medium-btn-right.png") no-repeat scroll right top; } a.medium-orange-btn span { margin-left: -20px; padding: 7px 0 15px 20px; background: transparent url("../../Images/workButtons/medium-btn-left.png") no-repeat left top; line-height: 1.1; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */ } a.medium-orange-btn:hover { background-position: 100% -41px; } a.medium-orange-btn:hover span { background-position: 0 -41px; } /* Text Boxes ----------------------------------------------------------*/ .tb-default {border:1px solid #C8C8C8;padding:0 5px;display:block;width:300px;font-size:14px;color:#222222;height:30px;} .tb-small {width:200px;} .tb-large {} .tb-x-large {} /* Drop Downs ----------------------------------------------------------*/ .dd-default {border:1px solid #C8C8C8;padding:4px 0 4px 5px;display:block;width:312px;font-size:14px;color:#222222;height:30px;float: left;} .dd-small {width:200px;} .dd-large {} .dd-x-large {} /* =HEADER ----------------------------------------------------- */ #header {display:none;} #wHeader, #wRecHeader {background-color: #fff; position: relative;} #wHeader a:hover, #wRecHeader a:hover {text-decoration:underline;} #wHeader #wLogo, #wHeader #wRecLogo { padding: 36px 20px 4px 20px; width:150px; height:61px; float:left; } #wHeader #wLogo a, #wHeader #wRecLogo a { display: block; width: 150px; height: 50px; text-indent: -9999px; position: relative; /* peekaboo bug fix for IE6 */ min-width: 0; /* peekaboo bug fix for IE7 */ background: #FFF url(../../images/Default/En/workopolis-logo-notag.png) no-repeat 0 0; } .fr #wHeader #wLogo a, .fr #wHeader #wRecLogo a { background-image: url(../../images/Default/Fr/workopolis-logo-notag.png); } #wHeader #wHeaderNav a {color: #3C892E; font-size: 11px;} #wHeaderNav ul, #wHeader #wLogin ul {list-style:none; margin:0; padding:0;} #wHeader #wLogin ul li.social { margin-right: 10px; padding-bottom: 0; background: 0; } #wHeader #wLogin ul li.last { margin-right: 0; padding-right: 0; } #wHeaderNav ul li, #wHeader #wLogin ul li { float:left; margin:0; padding: 20px 0 27px; } #wHeaderNav ul li a {padding:0 8px; background:url("../../images/Default/HomePage/header-icons.png") no-repeat scroll 0px 4px transparent;} #wHeaderNav ul li.first a, #wHeader #wLogin ul li.first a {background:none;} #wEmployerNav, #wRecHeader #wJsNav { width: 192px; height: 26px; font-size: 13px; background: url("../../images/Default/HomePage/employer-nav-background.gif") right -26px no-repeat; color: #FFF; float: right; clear: right; } #wRecHeader #wJsNav {width:300px;} .employer #wEmployerNav {width:200px;} #wEmployerNav div.inner {background: url("../../images/Default/HomePage/employer-nav-background.gif") left top no-repeat; color: #fff; height:26px; margin-right:5px;} body.fr #wEmployerNav {width:230px;} #wHeader #wLogin {float: right;} #wHeader #wLogin a {color: #3C892E; font-weight: bold;} #wHeader #wLogin ul {margin:0; padding:0; list-style:none;} #wHeaderNav ul li, #wHeader #wLogin ul li { float:left; margin:0; padding: 20px 0 27px; } #wHeader #wLogin .spacer {padding:0 8px;} #wHeader #wJsTopNav, #wHeader #wRecTopNav { color: #3C892E; font-size: 12px; } .headerMenuclear {clear:both; display:inline;} #wHeader #wJsTopNav ul.sf-menu { margin: 0 0 0 -2px; min-width: 500px; } * html #wHeader #wJsTopNav ul.sf-menu { width: 500px; } /* =HEADER - SEARCH ----------------------------------------------------- */ #wHeader #wHeaderSearch input.txtKeyword, #wHeader #wHeaderSearch input.txtLocation {width:230px; border:none} #wHeaderSearch .txtField { background: transparent url("../../Images/Default/HomePage/header-textbox-bg.png") no-repeat left top; position:relative; height:27px; width:289px; float:left; } #wHeader #wHeaderSearch input.txtKeyword, #wHeader #wHeaderSearch input.txtLocation {background-color:#f8f9f7; height:15px; margin:5px 0 0 30px; font-size:12px} #wHeaderSearch #popularSearch { padding: 15px 0 0; clear: left; color: #FFF; } #wHeaderSearch a {color:#fff;} #wHeaderSearch #popularSearch a {padding-left:7px;} #wHeaderSearch #popularSearch .ps {padding-left:0; font-weight:bold; letter-spacing:0.5px;} #wHeader .spacer, #wRecHeader .spacer {padding: 0 8px;} #wHeader #postJob a {font-size: 11px; color: #fff;} #wHeaderSearch { margin: 0 0 10px; clear: both; height: 67px; padding: 8px 30px 0; position: relative; background: transparent url("../../Images/Default/HomePage/header-search-bg.png") no-repeat left top; } #divHeaderSearch a {color: #fff;} .watermark { margin: 5px 0 0 29px; color: #777 !important; width: 230px; border: none; background-color: transparent; height: 15px; font-size: 12px } #wHeaderSearch #searchBox input.btnSearch { margin: 1px 0 0 2px; border: 0 none; cursor: pointer; height: 27px; text-indent: -9999em; width: 150px; background: transparent url("../../Images/Default/HomePage/find-jobs.png") no-repeat left top; } body.en #wHeaderSearch #searchBox input.btnSearch {background-position: top left;} body.en #wHeaderSearch #searchBox input.btnSearch:hover {background-position: 0 -40px;} body.fr #wHeaderSearch #searchBox input.btnSearch {background-position: 0 -84px;} body.fr #wHeaderSearch #searchBox input.btnSearch:hover {background-position: 0 -124px;} #wHeaderSearch #searchBox a {padding-top: 6px; float: right; font-size: 13px; font-weight: bold;} #wHeaderAd {clear:both;background: transparent url("../../Images/Default/HomePage/header-shadow-short.png") no-repeat right top; height:19px; } #wHeader .spacer, #wRecHeader .spacer {background:url("../../images/Default/HomePage/header-icons.png") no-repeat scroll 10px 4px transparent; } #wHeader #popularSearch .spacer {background:none;} /* MAIN MENU - Styling is in Superfish.css ----------------------------------------------------- */ /* =RECRUITER HEADER ----------------------------------------------------- */ #wRecTopNav ul li, #wRecTopNav ul li a {font-weight: bold; color:#3C8A2E;} #wRecTopNav ul li.current a {font-size:20px; color:#525252;} #wRecTopNav ul.sf-menu li.current a {padding:0 1em 0.25em;} #wHeader .wHeaderDivider {height:5px; background: url("../../images/Default/HomePage/header-icons.png") repeat-x scroll left -90px transparent; margin-bottom:20px; clear:both; } /* =FOOTER ----------------------------------------------------- */ #wFooter {border-top: solid 1px #eeeeee; position: relative; font-size: 11px; padding:30px 20px 50px; margin-top:50px;} #wFooterLinks {float:left; width:610px; text-align:left;} #wFooterRights {float:right; width:260px; text-align:right; color:#525252;} #wFooterRights span {display:block;} #footer ul li {list-style: none; font-size:11px; } #wFooterLinks ul {float:left;} #wFooterLinks ul li {font-size:11px; float:none; margin-bottom:4px;} #wFooterLinks ul.site {width:110px} #wFooterLinks ul.about {border-left:solid 1px #ededed; padding:0 0 0 19px; width:130px;} #wFooterLinks ul.terms {padding:0 10px 0 20px; width:150px; } #wFooterLinks ul.solutions {padding:0; width:170px;} #simplemodal-overlay { background-color: #6C6C6C; } * html div#partners div.popUp { position: relative; top: -200px; right: -200px; } *:first-child+html div#partners { position: relative; top: -200px; } *:first-child+html div#partners div.ssClose { z-index: 200; } * html div#partners div.ssClose { z-index: 200; } div#partners div.popUp { width: 700px; padding: 12px 0 30px; overflow: hidden; background-color: #FFF; border: 10px solid #007AC9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } div#partners h1 { margin: 0 20px 10px 20px; padding: 10px 0; border-bottom: 1px solid #CCCCCC; font-size: 20px; font-weight: normal; line-height: 1.5; color: #333; } div#partners .ssClose { position: absolute; right: 29px; top: 40px; } div#partners div.ssClose a { color: #69BE28; font-size: 14px; font-weight: bold; } #partners ul { margin: 0; padding: 0 0 0 20px; list-style-type: none; } #partners ul li { float: left; margin: 0 10px 0 0; padding: 5px 0; width: 310px; } /*= FRENCH FOOTER*/ .fr #wFooterLinks {width:720px;} .fr #wFooterLinks ul.site {width:100px;} .fr #wFooterLinks ul.about {width:140px;} .fr #wFooterLinks ul.terms {padding:0 10px 0 20px; width:210px;} .fr #wFooterLinks ul.solutions {width:190px;} .fr #wFooterRights {width:200px;} /* =MODULE STYLES ----------------------------------------------------- */ div.moduleTitle h1, div.moduleTitle h2, div.moduleTitle h3 {font-size:20px; padding:10px 0; font-weight:normal;} #left div.moduleTitle, #right div.moduleTitle {float:left;width:210px;} #left div.moduleBody, #right div.moduleBody {width:200px;} .borderLeft, div.moduleBody, div.moduleContentLeft, .borderRight, div.moduleBody, .jobSeeker div.moduleBody {border:none;} div.moduleFooter, div.moduleFooter span {background:none;} /* TODO: REMOVE moduleFooter in code instead of Hiding */ .threeCol #left div.moduleTitle, .threeCol #right div.moduleTitle {width:220px;} #left div.moduleTitle h3, #right div.moduleTitle h3, #left div.moduleTitle h1, #right div.moduleTitle h1 {width:210px;} .threeCol #left div.moduleBody, .threeCol #right div.moduleBody, .threeCol #right div.moduleBody p {width:210px;} .shRightMiddleCol #right div.moduleTitle, .shRightMiddleCol #right div.moduleTitle h1, .shRightMiddleCol #right div.moduleTitle h2, .shRightMiddleCol #right div.moduleTitle h3 {width:170px;} .shRightMiddleCol #right div.moduleBody, .shRightMiddleCol #right div.moduleBody p {width:158px;} .shRightMiddlecol div.moduleFooter {display:inline !important;} /* =PAGE or SECTION SPECIFIC STYLES ----------------------------------------------------- */ /* =COMMON PAGES ---------------------------------------*/ /* =Homepage ---------------------------------------*/ #wAccessibility { width: 1px; height: 0px; overflow: hidden; } #hpContainer { zoom:1; } #hpContent { margin-top: 10px; padding-bottom: 30px; width: 660px; float: left; } #hpInFocus { background: url(../../Images/Default/HomePage/background.png) no-repeat scroll 0 100% transparent; height: 258px; margin: 0 7px 0 0; overflow: hidden; float: left; width: 300px; } #hpInFocus h1 { background: transparent url(../../Images/Default/HomePage/background.png) 0 0 no-repeat; } #hpInFocus #hpPollCont .pds-answer-input input { margin: 2px 0 0; } #hpInFocus #hpPollCont .pds-input-label { line-height: 18px; } #hpInFocus #hpPollCont .pds-answer-group {margin: 10px 0;} #hpAd { margin: 6px 0 0; float: right; width: 300px; } #hpAd h3 { margin: 0 0 5px; color: #888; font-size: 12px; font-weight: normal; text-align: center; } #hpInFocus h1, #hpEmployerSpotlight h1, #hpFeeds h1 { padding: 15px 0 5px 18px; color: #525252; font-size: 20px; font-weight: normal; } #hpEmployerSpotlight { float:left; position: relative; width: 345px; height: 258px; overflow: hidden; background: transparent url(../../Images/Default/HomePage/background-wide.png) 0 100% no-repeat; } #hpEmployerSpotlight h1 { background: transparent url(../../Images/Default/HomePage/background-wide.png) 0 0 no-repeat; /*float: left; width: 271px;*/ } #hpEmployerSpotlight .hpSpotlight { font-size: 11px; position: absolute; right: 24px; top: 20px; } #wEmployerSpotlight { padding: 15px 0 0; } #wEmployerSpotlightCont { padding: 0 0 0 20px; } #compNames li { padding:0; } #wEmployerSpotlight #compLogo { margin: 50px 15px 0 0; float: left; width: 88px; } #wEmployerSpotlight #compNames { } #wEmployerSpotlight #compNames ul { margin:0; padding: 0; float: left; width: 217px; list-style:none; } #wEmployerSpotlight #compNames li { line-height: 14px; font-size: 10px; padding-bottom: 6px; } #hpPollCont { padding: 5px 0 0; } * html #hpContainer #hpContent .pds-clear { display: none; } #hpPollCont .hpPoll { padding: 0 20px; } .hp #wFooter {margin-top:0px;} /* temp */ #hpFeeds table { display: none; } /* end temp */ #hpFeeds { padding: 0; background: transparent url(../../Images/Default/HomePage/background.png) 0 100% no-repeat; float: right; width: 300px; height: 275px; overflow: hidden; } #hpFeeds h1 { padding: 15px 0 10px 18px; color: #525252; font-size: 20px; font-weight: normal; background: transparent url(../../Images/Default/HomePage/background.png) 0 0 no-repeat; } #hpFeeds h2 { font-size: 12px; color: #525252; } #hpFeeds p { padding: 0; font-size: 11px; } #hpFeeds div.workopolis, #hpFeeds div.youtube, #hpFeeds div.twitter { padding: 0 20px 5px 60px; background: transparent url(../../Images/Default/HomePage/latest-icons.png) 18px 2px no-repeat; min-height: 45px; } * html #hpFeeds div.workopolis, * html #hpFeeds div.youtube, * html #hpFeeds div.twitter { height: 45px; } #hpFeeds div.youtube { background-position: 18px -78px; } #hpFeeds div.twitter { background-position: 18px -158px; } .carousel ul { margin: 0; padding: 0; list-style-type: none; } .carousel ul li { margin: 0; padding: 0; position: relative; /*width: 720px;*/ display: inline; float: left; overflow: hidden; text-align: center; } .carousel, .carousel .carousel-wrap { border: 0 none; margin: 0; } .carousel { width: 720px; position: relative; } .carousel-wrap { display: inline-block; margin: 0 5px 15px; vertical-align: middle; width: 720px; overflow: hidden; } .carousel .carousel-control { padding: 0; border: 0 none; cursor: pointer; display: inline-block; line-height: 999px; overflow: hidden; text-indent: -9999px; vertical-align: middle; } .carousel .carousel-previous { margin: 0 0 0 -23px; padding: 0; background: url(../../Images/Default/HomePage/prev.png) no-repeat scroll 0 0 transparent; width: 23px; height: 27px; float: left; } .carousel .carousel-next { margin: 0 -21px 0 0; padding: 0; background: url(../../Images/Default/HomePage/next.png) no-repeat scroll 0 0 transparent; width: 21px; height: 27px; } .carousel .disabled, .carousel .disabled:hover { cursor: default; opacity: 0.1; } div.center-wrap p { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 12px; line-height: 12px; } div.center-wrap a { margin: 0; padding: 8px 2px 4px 2px; background: url(../../Images/Default/HomePage/bg.png) repeat-x 0 0 transparent; cursor: pointer; color: #525252; height: 15px; display: block; float: left; } div.center-wrap a.active span { font-weight: bold; background-color: #FCFCFC; border: 1px solid #B6B6B6; } div.center-wrap a span { padding: 2px 5px; } div.center-wrap { padding: 0 10px 10px 0; text-align: right; position: absolute; right: 0; bottom: 0; z-index: 100; } div.center-wrap .carousel-pagination { padding: 0 21px 0 23px; } .headLineContent { width:300px; height:268px; } /* =Keystone Styles ----------------------------------------------------- */ #hpKeystone { /*{ margin-left: -5px; position: relative; bottom: -1px;}*/ margin: 0; width: 650px; height: 270px; position: relative; overflow: hidden; } /* =About Us ------------------------------*/ #AboutUs .subMenu a, .subMenu a:hover {color: #FFFFFF; font-size:12px; font-weight:400; padding: 5px; } #AboutUs .subMenu ul li {background-color: #69BE28; } .NotLoggedIn-SecondaryMenu {width:100%; border-bottom: 8px solid #69be28; text-align: left; margin-top:40px; } .NotLoggedIn-SecondaryMenu UL {list-style:none; margin:0px; padding:0px; } .NotLoggedIn-SecondaryMenu LI {float:left; } .SM-tabon {background-color:#69BE28; padding:10px; } .SM-tabon a {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; } .SM-taboff {background-color:#FFFFFF; padding:10px; } .SM-taboff a {color:#3C8A2C; text-decoration:none; } #AboutUsKey {margin-top:40px; } #AboutUsContainer .moduleTitle {background-color:#fff; } #AboutUsContainer .moduleTitle h3 {color:#525252!important; } #AboutUsContainer .moduleBody {background:url("../../images/default/side_bar_box_top_shadow.png") no-repeat scroll center top transparent; border:1px solid #E1E1E1; padding:10px; } /* =JOB SEEKER ---------------------------------------*/ /* =Search Jobs ------------------------------*/ div.advanceSearchCont div.moduleHeader {background: #fff url("../../Images/Default/search/advanced-search-cont-bg.png") no-repeat 0px 0px; height:8px; overflow:hidden;} div.advanceSearchCont div.moduleBody {background: #fff url("../../Images/Default/search/advanced-search-cont-bg.png") repeat-y -960px 0px;} div.advanceSearchCont div.moduleFooter {background: #fff url("../../Images/Default/search/advanced-search-cont-bg.png") no-repeat -1920px 0px; height:8px;} div.advanceSearchCont div.moduleHeader span {background:none;} .advanceSearchCont .moduleBody h2 {padding-bottom:6px;} div.advancedSearchJob .siteTitle {padding:10px;} .advancedSearchJob .nhLogos {padding:40px 10px 30px; margin-bottom:0;} .advancedSearchJob .nowHiringCont {position:relative;} .advancedSearchJob .nowHiringCont .nhLogoLink {position:absolute; left:10px; top:10px;} .advancedSearchJob input.btnSearch {width:176px; padding:0; height:42px; margin-left:5px; font-size:0; text-indent:0; text-align:right; /* text-indent:-999 not working on IE for Buttons, using font-size=0 & text-align=right */ background:url("../../Images/Default/search/adv-search-button.png") no-repeat scroll left top;} .en .advancedSearchJob input.btnSearch {background-position: 0 0;} .fr .advancedSearchJob input.btnSearch {background-position: -180px 0;} /* =Registration ------------------------------*/ /* Registration*/ .btnCreateFolder { margin: 16px 0 0 15px; padding: 7px 14px 14px 0; background:transparent url("../../Images/Default/btn_create_folder_right.gif") no-repeat 100% 0; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; line-height: 1.8; } .btnCreateFolderWrapper a { margin-top: 0; display: block; line-height: 1.1; text-decoration: none; } *:first-child+html .btnCreateFolder{ top:3px; } .btnCreateFolderWrapper2 { background:transparent url("../../Images/Default/btn_create_folder_left.gif") no-repeat 0 0; background:transparent url("../../Images/Default/btn_create_folder_left.gif") no-repeat 0 1px; height: 35px; width: auto; float: left; margin:0 0 0 10px; } #prev-next a:link, #prev-next a:visited, #prev-next a:hover { text-decoration:none; font-weight:bold; color: #fff; } .btnCreateFolderWrapper a:link, .btnCreateFolderWrapper a:visited,.btnCreateFolderWrapper a:hover{ text-decoration:none !important; font-weight:bold; color: #fff; } .btnCreateFolderWrapper2 a:link, .btnCreateFolderWrapper2 a:visited,.btnCreateFolderWrapper2 a:hover{ text-decoration:none; font-weight:bold; color: #fff; } .regFormSubHead{ margin-bottom: 10px; padding-bottom: 15px; border-bottom: 2px solid #e3e3e3; } .moduleContainer .adDivider { background:url("../../Images/Default/employers/posting-shade.png") repeat-x scroll center top transparent; margin-top:10px; padding-bottom:10px; border-top:1px solid #F3F3F3; } .moduleContainer .emailRetrievalWrapper{ padding-bottom: 10px; } .moduleContainer .emailRetrievalWrapper label{ margin: 5px 0 2px 0; } #securityQuestionsCont ul, #securityQuestionsCont p, #newsletter-subscription .body {padding: 0 20px;} .cssEmailReinforcement {font-family: Courier New; font-size: 20px; font-weight: bold;} #newsletter-subscription label {display:inline;} /* =EMPLOYER ---------------------------------------*/ #sjpFlow .error, #rdbResults .rdbErrorToolBox { margin: 0 0 20px; padding: 10px 20px; border: 1px solid #D2492A; color: #D2492A; background: #FFFAF2 url("../../Images/Default/SalesHub/reskin/warning-icon.png") no-repeat 10px 10px; min-height: 43px; } #rdbResults .rdbErrorToolBox { margin-top: 20px; } * html #sjpFlow .error { height: 43px; } #sjpFlow .error li, #rdbResults .rdbErrorToolBox span { padding: 0 0 10px 25px; color: #525252; font-weight: normal; } #rdbResults .rdbErrorToolBox span { padding-left: 39px; } /* =Employer Dashboard ------------------------------*/ /* Common */ #dashboardMainMenu h3, #empDashboardSide h1, #empDashboardSide h2, #empDashboardMyMessages h2 {font-size:20px; font-weight:normal; color:#525252; margin:20px 0 10px;} #empDashboardSide h1, #empDashboardSide h2 {margin:20px 10px 10px;} #empDashboardSide .dbSpecialOffers .moduleBody h2, #empDashboardSide .erSection h2, .dbManageJobsCont h3, #dbQuickSearch h3, #dbCandidates h3, #dbEngage h3, #dbImprove .moduleBody h3 {font-size:14px; font-weight:bold; color:#000; margin:0 0 5px 0;} #dbQuickSearch h3, .dbManageJobsCont h3, #dbCandidates h3, #empDashboardMyMessages h3, #dbEngage h3, #dbImprove .moduleBody h3, #dbRDB h4 {color:#525252;} .dbStatsSection h4 {color:#000;} #JobTitle {font-size: 18px; font-weight: normal; color: #525252; padding: 0 0 10px 0;} #ResumeTitle {font-size: 18px; font-weight: normal; color: #525252; padding: 10px 0 0 0;} /* Left Side */ #empDashboardMyMessages .moduleBody {border-top:1px solid #E3E3E3; background-color:#f8f8f8;} #empDashboardMyMessages ul {list-style:none; padding:0; margin:0;} #left div#empDashboardMyMessages p {width:auto;} #empDashboardMyMessages, #empDashboardSide {margin-top:30px;} #dashboardMainMenu .moduleTitle h3 {margin:0;} #dashboardMainMenu .moduleTitle h3 {color:#fff;} #dashboardMainMenu ul {list-style:none; margin:0 -10px 30px; padding:0; background: #fdfdfd url("../../Images/Default/em-dashboard/emp-db-section-bg.png") repeat-x top left;} #dashboardMainMenu ul > li:first-child {padding-top:5px;} #dashboardMainMenu li {margin:5px 0; border-bottom:solid 1px #e3e3e3; list-style:none; display:block} #dashboardMainMenu li a {display:block; padding:6px 10px; } #dashboardMainMenu div.moduleBody {border:none;} #empDashboardMyMessages h2 {padding:inherit 10px;} .dbCompanyProfile {background:none !important;} .dbCompanyProfile .moduleBody {background-color:#F8F8F8; border:1px solid #E3E3E3; margin-top:10px;} #left .dbCompanyProfile .companyProfile p {text-align:center; width:210px;} .dbCompanyProfile .percentage {font-size:40px; color:#525252; text-align:center; display:block; line-height:1.2;} .companyProfileContent ol.flushLeft {margin-left:10px; padding-left:10px; padding-right:60px;} .companyProfileContent .flushLeft li {margin-bottom:5px;} /* Center */ #dbEngage .moduleBody, #dbCandidates .moduleBody, #dbImprove .moduleBody {padding:30px;} .dbAnchors {margin-top:30px; font-size:14px;} .dbManageJobsCont {clear:both; padding-top:10px; display:inline-block /*for IE*/;} .dbManageJobsCont h3 {padding:0 10px;} .dbSpecialOffers h2 {font-size:14px; font-weight:bold;} div.dbCModule {border:solid 1px #E3E3E3 !important; border-top:none; background-color:#fcfcfc; padding:20px;} .dbResumeSearch {width:150px;} .dbResumeSearchNoCount { width:300px; } .fr .dbResumeSearch { width:142px; } .fr .dbResumeSearchNoCount { width:290px; } /* no counter */ .no-counter #rdb-left-float { float: none; width: 395px; } .no-counter .dbRDBOptions { width: 288px; } .fr .no-counter .dbRDBOptions { width: 278px; } .no-counter #hlkAdvanceRDB { padding: 10px 0 10px 0; width: 310px; } .fr no-counter #hlkAdvanceRDB { width: 300px; } .dbRDBOptions { border:solid 1px #e3e3e3; padding:0 10px 10px; width:200px; margin-top:30px; position:relative; } .fr .dbRDBOptions { width:200px; } .dbRDBOptions p { padding:0; font-size:11px; } .dbRDBCount { position:absolute; right:10px; padding-top:8px; } #hlkAdvanceRDB { padding: 10px 0 10px 0; width: 220px; } .fr #hlkAdvanceRDB { width: 250px; } #rdb-counter-float { float: right; } #rdb-left-float { width: 240px; } .dbRDBRow ul, #dbEngage ul {margin:0 20px; padding:0px;} .dbRDBRow ul li, #dbEngage ul li {margin:0 5px; padding:0;} .dbManageJobs,.dbOpenJobs {float:left; width:198px; padding:0 0 0 10px;} .dbDivider {background:url("../../Images/Default/em-dashboard/center-col-divider.png") no-repeat scroll 0 0 #FFFFFF;} #dbCandidates .link-list-left, #dbCandidates .link-list-right {float:left; width:199px; margin:10px 0 0 0; padding:0; list-style:none;} .link-list-left li, .link-list-right li {margin:5px 0;} #dbCandidates .link-list-right {float:right;} #dbEngage div.moduleTitle, #dbCandidates div.moduleTitle {margin-top:20px;} .link-list-left .private, .link-list-left .shared, .link-list-left .requests, .link-list-left .recomm, .link-list-right .mgt, .link-list-right .quest, .link-list-right .email {background:url("../../Images/Default/em-dashboard/emp-dashboard-icons.png") no-repeat scroll 0 0 transparent; padding:0 0 6px 35px; display:block;} .link-list-left .private {background-position:0 -215px;} .link-list-left .shared {background-position:0 -315px;} .link-list-left .requests {background-position:0 -65px;} .link-list-left .recomm {background-position:0 -65px;} .link-list-right .mgt {background-position:0 -15px;} .link-list-right .quest {background-position:2px -360px; padding-bottom:10px;} .link-list-right .email {background-position:0 -415px;} .dbStatsSection {clear:both; margin:10px 0;} .dbStatsSection ul, .dbStatsSection li {margin:0 12px; padding:0;} .dbStatsSection li {padding:2px 0;} .dbStatsAddEdit {font-weight:normal;padding-left:10px;} .dbStatsAddEdit a:hover {cursor:pointer;} #dbAttractionDrivers .popUp {width:600px; overflow:hidden; padding:0;} #dbAttractionDrivers h1 {background-color:#69BE28; color:#FFFFFF; font-size:20px; font-weight:normal; line-height:2; margin:0 0 25px;padding:0 0 0 20px; } #dbAttractionDrivers ul {list-style:none; margin:0; padding:0 0 30px 20px;} #dbAttractionDrivers ul li {margin:5px 0; padding:0 0 0 20px; font-size:14px; background: url("../../Images/Default/SalesHub/reskin/grnBullet.gif") no-repeat scroll 0 6px transparent } /* Right Side */ #dbMyAccount {border:solid 1px #e3e3e3; margin:10px 0 20px 0;} #dbMyAccount .dbProduct {border-bottom:solid 1px #e3e3e3; padding:5px 10px; background-color:#FDFDFD;} #dbMyAccount .last {border-bottom:none;} .dbCreditsRow span {color:#525252;} #dbMyAccount .dbProduct h3 {color:#000000; font-size:12px; font-weight:bold;} #dbMyAccount .dbProduct .dbJobCredit {text-transform:capitalize;} div.dbDartPlacement {margin-bottom:4px;} div.dbCredits {zoom:1;} div.dbJobsBtn a.button, .compensationReport a.button {text-transform:none;} div.empDashboardSide .CallEmpSupport {text-align:center;} #dbProductsPricing h2 {margin: -10px -20px 0px; padding: 0 0 0 20px; background-color: #69BE28; color: #fff; font-size: 20px;font-weight: normal; line-height: 2;} .dbPromo {display:block; clear:both; margin:10px 0;} #dbPrivacy h2, #dbNiche h2 {margin-bottom:0px; padding-bottom:0px;} div#empDashboardSide .dashButton{ display:inline-block; height:58px; width:210px; margin-bottom:15px; text-align:center; color:#fff !important; padding-top:12px; text-decoration:none; font-family:sans-serif; font-size:16px; text-shadow:1px 1px 1px #333; font-weight:bold; border-radius:5px; background: #007ac9; } div#empDashboardSide .dashButton:hover { margin-bottom:15px !important; } /* =RDB Counter */ #rdb-counter-box { background-color: #e1e1e1; /* for non-css3 browsers */ border: 1px solid #b6c3cc; width: 130px; padding: 5px 10px 10px 10px; margin: 30px 0 0 0; position: relative; } #rdb-counter-box.result { width: 250px; position: absolute; right: 10px; top: 90px; margin: 0 0 20px 0; padding: 5px 10px 5px 10px; } #rdb-counter-box.advance { width: 250px; position: absolute; right: 10px; top: 30px; margin: 0 0 20px 0; padding: 5px 10px 5px 10px; } #rdb-title { color: #525252; font-size: 14px; font-weight: normal; text-align: center; padding-bottom: 5px; } .result #rdb-title { text-align: left; } .advance #rdb-title { text-align: left; } #rdb-useage { color: #525252; display: block; font-size: 30px; line-height: 1.2; text-align: center; } .result #rdb-useage { font-size: 25px; line-height: .75; text-align: right; position: absolute; right:10px; } .advance #rdb-useage { font-size: 25px; line-height: .75; text-align: right; position: absolute; right:10px; } .remaining-views { color: #222222; font-size: 11px; font-weight: normal; } .remaining-views-number { color: #222222; font-size: 21px; font-weight: bold; padding: 0; } .result .remaining-viewsTop { position: relative; } .result .remaining-viewsTop .remaining-views-number { position: absolute; right: 0; top: -6px; } .advance .remaining-viewsTop { position: relative; } .advance .remaining-viewsTop .remaining-views-number { position: absolute; right: 0; top: -6px; } #meter-wrap { position: relative; } #meter-wrap , #meter-value , #meter-text { /* The width and height of your image */ width: 130px; height: 20px; } #meter-wrap, #meter-value { background: #e1e1e1 url(../../Images/meter-dashboard.png) top left no-repeat; } #meter-text { position: absolute; top:0; left:0; padding-top: 5px; color: #fff; text-align: center; width: 100%; } /* ie6 hack */ * html #rdb-counter-box .rdb-views-help { float: right; display: inline; } /* ie7 hack */ *:first-child+html #rdb-counter-box .rdb-views-help { float: right; display: inline; } .rdb-views-help { width: 18px; height: 18px; text-indent: -9999px; position: absolute; right: 10px; bottom: 10px; background: transparent url(../../Images/Default/SalesHub/reskin/question-mark-blue.png) 0 100% no-repeat;} .rdb-views-help:hover { background-position: 0 0; } .result .rdb-views-help { left: 240px; top: 10px; } .advance .rdb-views-help { left: 240px; top: 10px; } body .RDBSearchResultsLeftView div.searchCriteriaContainer ul { margin: 0; padding: 0; list-style: none; } body .RDBSearchResultsLeftView div.searchCriteriaContainer li { padding: 0 0 0 40px; font-size: 11px; color: #525252; height: 35px; overflow: hidden; } body .RDBSearchResultsLeftView div.searchCriteriaContainer .viewed-by-you { background: transparent url(../../Images/Default/em-dashboard/green_check.png) no-repeat left top; } body .RDBSearchResultsLeftView div.searchCriteriaContainer .viewed-by-others { background: transparent url(../../Images/Default/em-dashboard/yellow_check.png) no-repeat left top; } /* =Employer Sales Hub ------------------------------*/ #shEmployerResources ul { list-style:none; margin:0; padding:0;} #shEmployerResources .moduleBody {background-color:#fdfdfd;} #shEmployerResources .erSection {margin:10px -10px;padding:10px; border-top:solid 1px #e3e3e3; background: #fdfdfd url("../../Images/Default/em-dashboard/emp-db-section-bg.png") repeat-x top left; } #shEmployerResources h1 {margin-bottom:10px;} #shEmployerResources .wUniversity {border-top:none; margin-top:-10px; padding-top:10px;} #shPostaJobNow-btn {padding-top: 40px;} body.employer .emHomeKeystonePr #shPostaJobNow-btn { margin-left:15px; } /*BUTTONS*/ .orngButtonL {background:url("../../Images/Default/orange-button.png") no-repeat left 4px; height:35px; padding:5px 0 0 0;} a.orngButtonR {background:url("../../Images/Default/orange-button.png") no-repeat right -38px; width:140px; height:37px; margin:0 0 0 14px; padding: 5px 16px 14px 0; color:#fff; display:block; text-align:center; } .floatOrngR {float:right;} /* =Post a Job ------------------------------*/ #sjpFlow, #sjpFlow p, div#sjpFlow input, div#sjpFlow select, div#sjpFlow label, div#sjpFlow ul li, div#sjpFlow td { color: #525252; } #sjpFlow h1.sjpSiteTitle { margin: 0; padding: 30px 0 0 20px; float: left; font-size: 20px; font-weight: normal; color: #525252; } #sjpFlow p { color: #525252; font-size: 12px } #sjpFlow ul { margin: 0 0 0 14px; padding: 0; } #sjpFlow li { color: #525252; font-size: 12px } body.employer div#rdbResults .pagination .prev-page a { background: #FFF url("../../Images/Default/SalesHub/reskin/arrow-prev.png") no-repeat 0 4px; padding-left: 15px; } body.employer div#rdbResults .pagination .next-page a { background: #FFF url("../../Images/Default/SalesHub/reskin/arrow-next.png") no-repeat 100% 4px; padding-right: 15px; } div#rdbResults .pagination { font-weight: bold; } div#rdbResults .paginationPageSize { padding-top: 6px; float: right; clear: right; } #sjpFlow .shopBsktHeader td { margin: 0 0 20px; background-color: #69BE28; } #sjpFlow div.selectedProductPanel div.moduleContentLeft { margin: 0 0 20px; background-color: #E1F2D4; } #sjpFlow div.sjpModule .SJPChild { padding: 0 0 15px 19px; } #sjpFlow div.sjpModule .SJPChild label { margin: 10px 0 0; line-height: 1.6; } #sjpFlow .sjpModuleContainer .resumeDatabase .moduleContentLeft .moduleContentPadding p, #sjpFlow .sjpModuleContainer .extendJob .moduleContentLeft .moduleContentPadding p { margin-bottom: 0; } #sjpFlow .moduleContentLeft .moduleContentPadding ul li { margin: 0 0 10px 15px; } #sjpFlow div.sjpModule .SJPChild td { padding: 10px 0 0; } #sjpFlow div.sjpModule .SJPChild span { color: #525252; } /* temp */ #sjpFlow span.tr, #sjpFlow span.tl, #sjpFlow span.br, #sjpFlow span.bl { background: 0; display: none; } #sjpFlow .sjpModule { border: 0; background-color: #FFF; } #sjpFlow div.sjpModuleContainer h3, #sjpFlow div.sjpModule h3, #sjpFlow.purchaseConfirmation #TandCcollapse h3 { margin: 0 0 10px; padding: 0 0 0 20px; background-color: #F1F1F1; color: #007ac9; font-size: 20px; font-weight: normal; line-height: 2; } #sjpFlow div.sjpModuleContainer h3 a, #sjpFlow div.sjpModule h3 a { font-weight: bold; color: #FFF; } #sjpFlow .sjpPriceLabel { color: #FFF; font-size: inherit; font-style: italic; } #sjpFlow div.moduleContentPadding { padding: 0 0 0 20px; } #sjpFlow div.sjpModule div.moduleContentRight, .crmSearchModule .moduleHelpContent{ margin: 20px 10px 20px 0; padding: 0 0 0 20px; float: right; background: transparent url("../../Images/Default/SalesHub/reskin/content-right-bg.png") repeat-y 1px 0; position: relative; } #sjpFlow div.sjpModule div.firstRight { margin-top: 10px; } #sjpFlow div.moduleContentRight div.moduleContentPadding, div.moduleHelpContent .moduleContentPadding { padding: 10px 20px; border: 1px solid #CCC; background-color: #FBFBFB; width: 478px; } #sjpFlow div.moduleContentRight .arrow, div.moduleHelpContent .arrow { width: 21px; height: 23px; background: transparent url("../../Images/Default/SalesHub/reskin/content-right-arrow.png") no-repeat scroll 0 0; position: absolute; top: 14px; left: 1px; /*z-index: 1000;*/ } #sjpFlow div.moduleContentRight div.moduleContentPadding p, div.moduleHelpContent p { line-height: 1.5; height:auto; margin-bottom:0; font-size:11px; } #sjpFlow div.moduleContentRight div.moduleContentPadding p i { font-weight: bold; } #sjpFlow div.moduleContentRight div.moduleContentPadding h4 { margin-bottom: 10px; font-size: 15px; color: #525252; } #sjpFlow h2.sjpSiteTitle { margin: 0 0 10px; padding: 0; background: none; color: #333; float: none; line-height: 1.5; height: auto; } /* shorten product options */ #sjpFlow .sjpTwoColModuleCont .upsellBox{ position:relative; height:100%; margin:5px; padding:0; width:308px; } .upsellBox .sjpLogoContactAdmin {margin-left:35px;margin-bottom:80px;} .upsellBox{ position:relative; display:block; float:left; width:308px; margin:5px; border:1px solid #999; border-radius:3px; min-height:350px; overflow:hidden; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .fr .upsellBox { min-height:400px; } .upsellBox .sjpLogoUpload{ display:block; float:left; margin-left:10px; margin-bottom:58px; } #sjpFlow .upsellBox h3{ background:#f1f1f1; color:#007ac9; margin-bottom:5px; padding:5px 10px; border-bottom:none; font-size:20px; border-bottom: 2px solid #666; font-weight:normal; } .fr #sjpFlow .upsellBox h3{ min-height:35px; } #sjpFlow .upsellBox h6{ display:block; color:#007ac9; min-height:35px; font-size:12px; margin:5px 5px; padding:0; } .fr #sjpFlow .upsellBox h6 { min-height:50px; } .upsellBox img{ display:block; float:left; margin:0px 6px; max-width:296px; } div[id$="boldControl_pnlBoldJob"]{ display:block; float:left; } .upsellBox p{ margin:5px 8px; clear:left; font-size:14px; line-height:17px; } .upsellBox input{ position:absolute; bottom:45px; margin-left:10px; } .upsellBox .sjpSameLogo input { position:relative; left:-50px; top:10px; } .upsellBox .sjpSameLogo label { display:block; top:-10px; position:relative; left:-12px; } .upsellBox input:checked ~ label{ color:#007ac9; font-weight:bold; } .upsellBox input:checked ~ .sjpUpsellPrice{ background:#007ac9; color:#fff; font-weight:bold; border-radius:3px; padding: 5px 5px; } .upsellBox label{ position:absolute; bottom:42px; margin-left:35px; font-size:12px; } .upsellBox label:hover { cursor:pointer; } .upsellBox .sjpUpsellPrice{ position:absolute; bottom:5px; margin-left:10px; color: #00A9E0; font-size: 18px; font-weight: bold; display: block; padding: 5px 0px; } .upsellBox .sjpLogoContactAdmin {margin-left:35px;margin-bottom:70px;} .divNicheModule{ border:1px solid #999; border-radius:3px; margin-top:10px; } #sjpFlow .sjpTwoColModuleCont .divNicheModule .sjpModule .sjpUpsellHeading h3{ background-color:#f1f1f1; color:#007ac9; margin-bottom:5px; border-bottom:none; font-size:20px; font-weight:normal; border-bottom: 2px solid #666; } /* END SHORTEN UPSELL */ /* temp */ #sjpFlow .sjpProductTableTotal { border-top: 1px solid #000; } #sjpFlow div.campusDatabase { padding: 0 0 48px; background: transparent url("../../Images/Default/SalesHub/reskin/header-bg.png") no-repeat 0 100%; } #sjpFlow div.nichePackModule, #sjpFlow div.campusIntro { padding: 0 0 48px; background: transparent url("../../Images/Default/SalesHub/reskin/header-bg.png") no-repeat 0 100%; } div#sjpFlow td { padding: 0 5px 0 0; } div#sjpFlow.sjpFlow .mceToolbar tbody tr td {padding: 0;} div#sjpFlow.job-post-details .divNicheModule td span { line-height: 1.8; } /* =Buttons ------------------------------*/ #sjpFlow div.btnLgGreen, #sjpFlow div.btnLg {background: none;} #sjpFlow div.btnLg a { height: 47px; color: #FFFFFF; margin-left: 23px; padding-right: 23px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ padding-left: 0; } .jobDescPregressCont {padding:7px;float:left;} #sjpFlow div.sjpWizBut { width: auto; } #sjpFlow .butSingLine { padding: 0; text-align: center; } #sjpFlow #navigation-buttons a.previous, #sjpFlow #navigation-buttons a.preview, #sjpFlow #navigation-buttons a.saveAsDraft { display:block; margin-top: 12px; font-size: 14px; } #sjpFlow #navigation-buttons a.previous { margin-left: 20px; padding-left: 18px; background: transparent url(../../Images/Default/employers/arrow-prev.png) no-repeat 0 50%; } #sjpFlow #navigation-buttons a.preview { margin-right: 30px; padding-left: 16px; background: transparent url(../../Images/Default/employers/preview.png) no-repeat 0 50%; } #sjpFlow #navigation-buttons a.saveAsDraft { margin-right: 21px; } /* =Job Description ------------------------------*/ #sjpFlow.job-post-details {width: 100%;} #sjpFlow #navigation-buttons {clear: both;} /* logged out style */ .anon #sjpFlow.description div.moduleContentPadding {width: 670px;} .anon #sjpFlow.description div.moduleContentPadding {margin: 0;padding: 0 15px 15px;float: left;} .anon #sjpFlow.description div.sjpModule div.moduleContentLeft {width: 328px;} .anon #sjpFlow.description .sjpJobDetailsSection {padding: 10px 0 0; width: 500px;} #sjpFlow .postingDate .sjpLabel {width: 100px;} #sjpFlow.description .sjpJobDetailsSection {width: 100%;} #sjpFlow.description .sjpJobDetailsSection select, #sjpFlow.description .sjpJobDetailsSection input {margin-bottom: 10px;} #sjpFlow .moduleContentPadding p {margin-bottom: 7px;} /* logged out style */ .anon #sjpFlow.description div.postingDate div.moduleContentPadding { width: 300px } #sjpFlow.description .basket .widerLeftModule { float: left; width: 710px; } #sjpFlow.description .basket div.sjpModule div.moduleContentRight { width: 378px; } #sjpFlow.description .basket div.moduleContentRight div.moduleContentPadding { width: 338px; } /* =Job Post Details ------------------------------*/ #sjpFlow.job-post-details, #sjpFlow.job-post-details .basket .divNicheModule div.sjpModule div.moduleContentLeft, #sjpFlow.job-post-details .basket .collectApplication div.sjpModule div.moduleContentLeft {width: 100%;} #sjpFlow.job-post-details .basket .widerLeftModule, #sjpFlow.job-post-details .basket .purchaseOrder {float: left; width: 710px;} #sjpFlow.job-post-details .basket div.sjpModule div.moduleContentRight {width: 100%; padding: 0; background: none;} #sjpFlow.job-post-details .basket .divNicheModule div.sjpModule div.moduleContentLeft td {padding: 3px 5px 3px 0;} #sjpFlow.job-post-details .basket .divNicheModule div.moduleContentRight div.moduleContentPadding, #sjpFlow.job-post-details .basket .purchaseOrder div.moduleContentRight div.moduleContentPadding {margin-top: 20px;} #sjpFlow.job-post-details .basket div.moduleContentRight div.moduleContentPadding {width: 678px;} #sjpFlow.job-post-details .basket div.moduleContentRight .arrow {background: none;} /* =Checkout ------------------------------*/ #sjpFlow.checkout {width: 100%;} #sjpFlow.checkout div.sjpModule div.moduleContentRight {margin-left: -10px; width: 312px; float: left;} #sjpFlow.checkout div.moduleContentRight div.moduleContentPadding {width: 280px;} #sjpFlow.checkout .checkOutPayInfo div.moduleContentPadding {width: 400px;} #sjpFlow.checkout .checkOutPayInfo div.moduleContentPadding p.lblPONumber {width: 320px;} #sjpFlow div.sjpModule .SJPChild div.contact-info {margin-bottom: 20px;} #sjpFlow.checkout .billingCompanyId {margin-bottom: -16px; display: block; width: 300px;} /* Job List Section -----------------------------*/ table.jListTable tr td span, table.jListTable tr th a, table.jListTable tr th span, .jListHeader {color: #525252;} table.jListTable tr td .warn {color: #D2492A;} /* Confirmation Page ---------------------------------*/ #sjpFlow.purchaseConfirmation .purchaseConfirmationPayInfo div.moduleContentPadding {width: 400px;} #sjpFlow.purchaseConfirmation .purchaseConfirmationPayInfo div.moduleContentPadding p.lblPONumber {width: 350px;} #sjpFlow.purchaseConfirmation p.lblThankYouFor {margin: 20px; padding: 20px; background-color:#FBFBFB; border:1px solid #CCCCCC;} #sjpFlow.purchaseConfirmation .payment-confirmation {padding: 0 20px;} /* button */ #sjpFlow div.btnSm a { height: 28px; padding: 9px 20px 0 13px; color: #FFFFFF !important; } #sjpFlow div.moduleContentRight div.sjpProdButton { margin-right:0; } #sjpFlow div.sjpProdButton, #sjpFlow div.btnSm { background:transparent url("../../Images/Default/SalesHub/reskin/btnBgSmL.gif") no-repeat scroll left top; margin-bottom: 20px; } /* SJP Progress Bar ---------------------------------*/ div.rdbModuleContainer { margin-bottom: 20px; } body div.RDBSearchResultsLeftView div.rdbModuleContainer { background: #fff; width: 720px; } body div.RDBSearchResultsLeftView div div.rdbSearchPeriod, body div.RDBSearchResultsLeftView div div.rdbResumeLanguages { width: 450px; } body div.RDBSearchResultsLeftView div.rdbModuleContainer div.rdbModule { background: #FFF url("../../Images/Default/bg_create_folder_row.gif") repeat-x 0 100%; border: 1px solid #D5D5D5; } body div.RDBSearchResultsLeftView div.rdbModuleContainer div.rdbModule div.moduleContentPadding { padding: 20px 0 20px 20px; } div.RDBSearchResultsLeftView div.moduleContentLeft { border-right: 1px solid #D5D5D5; } div.RDBSearchResultsLeftView .rdbSkills div.rdbModule div.moduleContentLeft, div.RDBSearchResultsLeftView .rdbLangSkills div.rdbModule div.moduleContentLeft, div.RDBSearchResultsLeftView .rdbExperience div.rdbModule div.moduleContentLeft, div.RDBSearchResultsLeftView .rdbWorkingPref div.rdbModule div.moduleContentLeft { width: 500px; } div.RDBSearchResultsLeftView div.rdbModuleContainer { width: 720px; } div.RDBSearchResultsLeftView div.rdbModule div.moduleContentLeft {width: auto; float: left;} .rdbModuleContainer div.moduleContentPadding { padding: 20px; } .rdbModuleContainer div.btnSm { margin-top: -3px; } body .addIcon img { margin: 5px 5px -5px 0; } .rdbModuleContainer span.tl, .rdbModuleContainer span.tr, .rdbModuleContainer span.bl, .rdbModuleContainer span.br { background: none; } body .rdbSearchMore { margin: 15px 0 35px 20px; } body .rdbSearchMore a { font-size: 12px; } body table.rdbSearchResults { padding-top: 50px; border-top: 1px solid #D5D5D5; } .rdbSearchResultsContainer { padding: 0 10px 0 0; background: transparent url("../../Images/Default/SalesHub/reskin/shine.jpg") repeat-y 100% 0; } body tr.rdbSearchResultsHeader th { padding-top: 10px; } body tr.rdbSearchResultsHeader { background: #EFEFEF url("../../Images/Default/bg_create_folder_row.gif") repeat-x 0 100%; color: #525252; } body .rdbCandidateTools {background-color: transparent;color: #525252;} body tr.rdbSearchResultsHeader th {color: #525252;} .rdbSearchResults tr {border-bottom: 1px solid #D5D5D5;} .rdbSearchResults table.rdbSearchResults tr td { padding: 15px 5px; border-bottom: 1px solid #D5D5D5; background-color: transparent; } #rdbResults .pagination { padding: 10px 0 35px; background: transparent url("../../Images/Default/SalesHub/reskin/main-shadow.png") repeat-x 0 75px; } #rdbResults .paginationRecord { float: left; } div#rdbResults .pageNumber { float: right; padding: 2px 0 0 15px; } body.employer div#rdbResults .pagination a { border: 0; background-color: transparent; } body .rdbCandidateTools { padding: 0; margin: 20px 0; } #pageContainer .RDBSearchResultsLeftView div.moduleTitle, #pageContainer .RDBSearchResultsLeftView div.moduleTitle h3 { color: #525252; background: none; padding-left: 0; } #pageContainer .RDBSearchResultsLeftView div.moduleBody { margin: 8px 0 0; padding: 0; border: 1px solid #D5D5D5; width: 100%; } #pageContainer .RDBSearchResultsLeftView div.moduleBody p { padding: 15px 20px 5px; width: auto; font-size: 11px; } body .RDBSearchResultsLeftView div.searchCriteriaContainer { padding: 10px 20px; width: 180px; color: #525252; line-height: 1.5; font-size: 11px; } body .RDBSearchResultsLeftView div.searchCriteriaContainer h4 { padding: 0 5px 0 0; font-size: 11px; color: #525252; font-weight: normal; width: auto; float: left; } body .RDBSearchResultsLeftView div.searchCriteriaContainer .moduleBody { font-size: 11px; } body #rdbResults .pagerShowing { padding: 10px 0; font-size: 20px; color: #525252; font-weight: normal; } body #rdbResults input { margin: 2px 0 0; } /* Resume Database Results - RDB ------------------------------------------------*/ .RDBSearchResultsLeftView .rdbValue {clear:both; display:block; font-size:12px;font-weight:bold; } .RDBSearchResultsLeftView .rdbSS {display:block; float:left; width:180px;} /* LEARN MORE BUTTON IN JOB VIEW PAGE ----------------------------------------------------- */ .jobViewRight .learnMore a.medium-orange-btn { /*margin-top: 26px;*/ margin-right: 0; margin-bottom: 5px; width: 182px; } #contentContainer .jobViewRight .learnMore a:hover { margin-bottom: 5px !important; } .jobViewRight .learnMore a.medium-orange-btn span { text-align: center; zoom: 1; cursor: pointer; } /* SALES HUB PAGES ------------------------------------------------*/ body .shKeystoneContent .siteTitle {line-height: 1.6; padding: 0; font-size: 22px; width: 350px;} body .emCorporateWorksKeystone .shKeystoneContent .siteTitle {width:350px;} body .emCampusKeystone .shKeystoneContent .siteTitle, body .emBrandingKeystone .shKeystoneContent .siteTitle {width: 300px;} body .emSpecialOffersKeystone .shKeystoneContent .siteTitle, body .emTheNetworkKeystone .shKeystoneContent .siteTitle, body .emAffiliatesKeystone .shKeystoneContent .siteTitle {width: 250px;} body.fr .emAffiliatesKeystone .shKeystoneContent .siteTitle, body.fr .emBrandingKeystone .shKeystoneContent .siteTitle {width: 320px;} body.fr .emTheNetworkKeystone .shKeystoneContent .siteTitle {width: 335px;} body.fr .emSpecialOffersKeystone .shKeystoneContent .siteTitle {width: 275px;} body.fr .emCorporateWorksKeystone .shKeystoneContent .siteTitle {width: 400px;} body.fr .emAdvertisingKeystone .shKeystoneContent .siteTitle {width: 290px;} body .shKeystone .shKeystoneContent {top: 32px; left: 52px; width: 325px;} body.fr .shKeystone .shKeystoneContent {width: 330px;} body .shSubHeading {color: #333;margin: 14px 0 0;} .PJbuttonWrap {display:block; padding:10px 20px 10px 22px;} .employer .emHomeKeystonePr h1 {color: #fff; font-size: 22px; font-weight: normal; padding: 38px 0 4px 25px; width: 355px;} .emTheNetworkKeystone .siteTitle { line-height:1.58!important; } .fr .shKeystone h1 {width:390px; font-size:20px;} .fr .emRDBAgencyKeystone h1 {width:370px; line-height:1.7;} .employer .shKeystone p.tag {padding:0 0 0 25px; width: 250px; color: #fff; font-weight: normal; font-size: 18px; line-height:2;} .fr .shKeystone p.tag {width:300px;} .employer .shKeystone #Price-EN p {color:#333333; font-size:15px; font-weight:bold; margin-top:80px; width:325px;} .employer .shKeystone #Price-FR p {color:#333333; font-size:15px; font-weight:bold; padding:65px 0 0 20px; width:325px;} .employer .shKeystone p a {color: #333;font-weight: bold;} /*SALES HUB ------------------------------------------------*/ #SHcontentWrap {width:695px; border-bottom:1px solid #efefef;} #resumeSearch, #specialOffer {width:345px; float:left; background:url("../../Images/Default/SalesHub/reskin/RDSOshine.png") no-repeat scroll right 35px transparent;} #SHsubContent {padding:0 0 0 20px; clear: both;} #SHsubContent h1 {font-weight:normal; font-size:20px; color:#525252; float:left; margin:30px 0 10px;} #SHsubContent p {float: left; margin:32px 0 0 10px;} #resumeSearch h1.pageTitle a, #specialOffer h1.pageTitle a {color:#525252;} #resumeSearch h1.pageTitle, #specialOffer h1.pageTitle { margin:0 0 0 20px;} .colorBar { background:url("../../Images/Default/color_bar.gif") no-repeat scroll left top transparent; /*height:259px;*/} .RDSOcontentcolorBar, .SHkeystoneFootcolorBar {position: absolute; left: 0; top: 0; width: 5px; z-index: 100; background: transparent url("../../Images/Default/color_bar.gif") no-repeat scroll left top;} .RDSOcontentcolorBar {height: 258px;} .SHkeystoneFootcolorBar {height: 305px;} .SHkeystoneFoot {height:25px; background:url("../../Images/Default/SalesHub/reskin/RDSOshade.png") no-repeat top center;} .shModuleContainer {padding-left:5px; background:url("../../Images/Default/HomePage/colour-bar.png") repeat-y scroll left top transparent;} .shKeystone .emHomeKeystonePr span {background:url("../../Images/Default/color_bar.gif") no-repeat top left;} .RDSOtitle {margin:0 0 15px 10px; font-size:20px; font-weight: normal;} .RDSOcontent {margin: 0 10px 0 0; background:url("../../Images/Default/SalesHub/reskin/RDSOshade.png") no-repeat top center; position: relative;} .RDSOcontent ul {margin:0; padding:0;} .RDSOcontent ul.RDSOlist {list-style-image:url("../../Images/Default/SalesHub/reskin/grnBullet.gif"); padding:0 15px 0 60px;} .RDSOcontent p {padding:35px 15px 20px 40px;} .RDSOfootRS {text-align:right; margin:40px 0px 0px 30px; width:175px;} .RDSOfootSH {text-align:right; margin:11px 20px 30px 30px; width:225px;} .RDSOfootlinksRS { margin:0px 0px 0px 35px; } .NudgeContL {padding:0px 20px 20px 30px;} /*Nudges content 35px on the left for alignment and creates a 30px gutter on the bottom*/ .NNshmoduleBody {border:1px solid #E1E1E1;padding:10px; margin-bottom:20px; background:url("../../images/default/side_bar_box_top_shadow.png") no-repeat scroll center top transparent;} #ebo-promo {margin: 0 0 20px;} /*SALES HUB - MAIN PAGE ------------------------------------------------*/ .shBulk {padding:10px 0 20px 20px; margin-bottom:20px; border-bottom:solid 1px #efefef;} #shBulkSelectionCont {width:440px; float:left;} .fr #shBulkSelectionCont {width:500px; float:left;} #shBulkpriceCont {width:120px; float:left;} .fr #shBulkpriceCont {width:160px;} .shBulk .button {float:right; margin-top:20px;} .fr .shBulk .button {margin-right:-5px;} #shBulkSelectionCont label, #shBulkpriceCont .total {display:block; font-weight:bold; color:#525252;} #shBulkSelectionCont div {float:left; width:220px;} .fr #shBulkSelectionCont div {width:250px;} #shBulkSelectionCont select {width:200px; font-size:11px;} .fr #shBulkSelectionCont select {width:235px;} #shBulkpriceCont span {display:block; text-align:right;} #shBulkpriceCont .price {font-weight:bold; color:#3C8A2E; font-size:22px;} #shBulkpriceCont span.savings {color:#d2492a; font-size:12px; font-weight:bold; display:block;} .emHomeKeystonePr .starting-price {color:#525252; display:block; font-size:16px; display:block; padding:25px 20px 0 25px;} .fr .emHomeKeystonePr .starting-price {padding-top:15px;} /*R COL ------------------------------------------------*/ .rColBox {width:184px; padding:10px; background:#f8f8f8; border: 1px solid #e3e3e3;} /*JOB POSTING ------------------------------------------------*/ div.grnBar h1, div.grnBar h2, div.grnBar h3 {background:none repeat scroll 0 0 #69BE28; color:#FFFFFF; font-size:24px; font-weight:normal; padding:12px 0 10px 33px;} ol.RDSOlist, ul.RDSOlist, .shCitiesBenefits ol li ul.RDSOlist {list-style-image:url("../../Images/Default/SalesHub/reskin/grnBullet.gif");} .jpVPnudge {margin:0 10px 0 0;} .shCitiesSm h3, .NudgeContL h2, .NudgeContL h3, .NudgeContL h4, .VAPmoduleBody .NudgeContL h3 {color:#000; font-size:16px; font-weight:normal; margin:20px 0 10px 0;} .shCitiesSm h3 {font-size:12px;} div.grnBar {width:690px;} div.grnBar h1, div.grnBar h2, div.grnBar h3 {background:none repeat scroll 0 0 #69BE28; color:#FFFFFF; font-size:24px; font-weight:normal; padding:12px 0 10px 33px;} ol.RDSOlist, ul.RDSOlist, .shCitiesBenefits ol li ul.RDSOlist {list-style-image:url("../../Images/Default/SalesHub/reskin/grnBullet.gif");} .jpVPnudge {margin:0 10px 0 0;} /* EMPLOYER BRAND OPTIMIZER ------------------------------------------------*/ #employerBrandOptimizerHeader { padding: 20px 20px 20px 50px; background: #FFF url(../../Images/Default/SalesHub/reskin/keystone-bg.png) no-repeat 0 0; height: 233px; color: #525252; } #employerBrandOptimizerHeader h1 { margin: 0 0 0 -50px; padding: 27px 0 0 50px; color: #FFF; font-weight: normal; font-size: 22px; height: 47px; position: relative; } .home #employerBrandOptimizerHeader h1 { background: #FFF url(../../Images/Default/SalesHub/reskin/keystone-header-bg.png) no-repeat 0 0; } .attract #employerBrandOptimizerHeader h1 { background: #FFF url(../../Images/Default/SalesHub/reskin/keystone-header-pg2-bg.png) no-repeat 0 0; } .other #employerBrandOptimizerHeader h1 { background: #FFF url(../../Images/Default/SalesHub/reskin/keystone-header-pg3-bg.png) no-repeat 0 0; } .build #employerBrandOptimizerHeader h1 { background: #FFF url(../../Images/Default/SalesHub/reskin/keystone-header-pg4-bg.png) no-repeat 0 0; } .fr .home #employerBrandOptimizerHeader h1 { background: #FFF url(../../Images/Default/SalesHub/reskin/keystone-header-bg-home-fr.png) no-repeat 0 0; } .fr .attract #employerBrandOptimizerHeader h1 { background: #FFF url(../../Images/Default/SalesHub/reskin/keystone-header-pg2-bg-home-fr.png) no-repeat 0 0; } .fr .other #employerBrandOptimizerHeader h1 { background: #FFF url(../../Images/Default/SalesHub/reskin/keystone-header-pg3-bg-home-fr.png) no-repeat 0 0; } .fr .build #employerBrandOptimizerHeader h1 { background: #FFF url(../../Images/Default/SalesHub/reskin/keystone-header-pg4-bg-home-fr.png) no-repeat 0 0; } #employerBrandOptimizerHeader p { line-height: 1.6; clear: left; } .en .home #employerBrandOptimizerHeader p, .en .attract #employerBrandOptimizerHeader p { line-height: 2; } #employerBrandOptimizerOverview { width: 460px; float: left; } .fr .other #employerBrandOptimizerOverview { width: 500px; } .fr #employerBrandOptimizerOverview a.big-green-btn { font-size: 16px; height: 49px; } * html .fr #employerBrandOptimizerOverview a.big-green-btn span { padding-bottom: 16px; } #employerBrandOptimizerVideo { width: 317px; height: 212px; float: right; } #employerBrandOptimizerNav { padding: 0 0 43px; background: #FFF url(../../Images/Default/top-leader-board-bg.png) no-repeat left bottom; border-top: 3px solid #80CB23; } #employerBrandOptimizerNav ul { margin: 0 auto; padding: 0; list-style-type: none; width: 822px; text-transform: uppercase; } #employerBrandOptimizerNav ul li { padding: 0; float: left; } #employerBrandOptimizerNav ul li a { padding: 12px 30px 0; display: block; float: left; height: 21px; line-height: 1.1; color: #367C2B; font-weight: bold; background: transparent url(../../Images/Default/SalesHub/reskin/emp-brand-nav-divider.png) no-repeat 100% 14px; } #employerBrandOptimizer #employerBrandOptimizerNav ul li#brandOptHome { background: transparent url(../../Images/Default/SalesHub/reskin/emp-brand-nav-divider.png) no-repeat 0 14px; } #employerBrandOptimizer.home #employerBrandOptimizerNav ul li#brandOptHome, #employerBrandOptimizer.home #employerBrandOptimizerNav ul li#brandOptHome a, #employerBrandOptimizer.attract #employerBrandOptimizerNav ul li#brandOptHome a, #employerBrandOptimizer.other #employerBrandOptimizerNav ul li#brandOptAttract a, #employerBrandOptimizer.build #employerBrandOptimizerNav ul li#brandOptOther a { background-image: none; } .fr #employerBrandOptimizerNav ul { width: 943px; } #employerBrandOptimizerNav ul li.first { background: transparent url(../../Images/Default/SalesHub/reskin/emp-brand-nav-divider.png) no-repeat 0 14px; } #employerBrandOptimizerNav ul li.last { } #employerBrandOptimizerNav ul li.current a { background-image: none; background-color: #80CB23; color: #FFF; } #employerBrandOptimizerNav ul li.current { background-image: none; } #employerBrandOptimizerContent { clear: both; background: transparent url(../../Images/Default/search/search-results-bg.png) repeat-y 0 0; color: #525252; } h2#employerBrandOptimizerTitle { margin: 0 0 -25px; padding: 0 20px 60px; background: #FFF url(../../Images/Default/search/gradient-divider-sr.png) no-repeat 0 100%; color: #525252; font-size: 20px; font-weight: normal; } #employerBrandOptimizerMain { padding: 0 20px; background: transparent url(../../Images/Default/search/search-results-bg.png) repeat-y 100% 0; float: left; width: 700px; } #employerBrandOptimizerMain p { margin: 0 0 20px; padding: 0; line-height: 2; } #employerBrandOptimizerSidebar { margin: -25px 0 0; float: right; width: 210px; } #employerBrandOptimizerFooter { padding: 25px 0 25px 25px; clear: both; } #employerBrandOptimizerFooter div { margin: 0 20px 0 0; width: 210px; height: 250px; float: left; } .brandingPreviousButton { float:left; } .brandingNextButton { float:right; } /* /* Promo on SJP confirmation */ #sjp-confirmation-promo {background: transparent url(../../Images/Default/employers/ebo/ebo-color-bar.png) repeat-y 0 0; margin-bottom:20px;} #sjp-promo-content {float:left; width:650px;} #sjp-promo-sidebar {float:right;} .ebo-promo-title {padding:19px 8px 6px;} .fr .sjp-promo-title {padding:20px 8px 6px;} #sjp-promo-content h2 {color: #525252; font-size: 20px; font-weight: normal; line-height: 1.5; margin: 20px 0 10px 45px;} #sjp-promo-content div {padding:10px 35px 10px 45px;} #sjp-promo-content .ebo-promo {margin-top:-40px;} #sjp-promo-content p, #sjpFlow .niche-promo li {font-size:14px; line-height:1.75; font-weight:normal;} #sjp-promo-content a {font-size:14px; display:block; float:right; font-weight:bold; padding:12px 0px;} #sjp-promo-sidebar img {padding-top:19px;} #sjpFlow .niche-promo ul {width:250px; float:left; padding-left:10px; margin:10px 0 10px 15px;} /* ECOMM ------------------------------------------------*/ #sjpFlow .sjpTips-Help a:hover {cursor:pointer; background-position:0 -59px; } #sjpFlow .sjpTips-Help {letter-spacing : -1000em; position:absolute; right:-5px; top:-8px; padding-top:18px; z-index:100; } /*\*/#sjpFlow .sjpTips-Help { letter-spacing : normal; text-indent : -999em; overflow : hidden;} #sjpFlow .sjpTips-Help a {display:block; width:40px; height:30px; background: transparent url(../../Images/Default/employers/info-icon-sm.png) no-repeat 0 0; } #sjpFlow .moduleContentLeft {padding: 20px 0 20px 20px; border-top:solid 1px #ccc; float:left;} #sjpFlow .sjpWideModuleCont .moduleContentLeft {} #sjpFlow .sjpWideModuleCont .moduleContentRight {display:none;} #sjpFlow .sjpWideModuleCont .moduleContentRightCont {display:none;} #sjpFlow div.moduleContentRight div.moduleContentPadding {width: 200px;} #sjpFlow div.sjpModuleContainer div.single {border-bottom: 0;} #sjpFlow div.sjpModuleContainer div.first {padding-top: 10px; border-top:none;} #sjpFlow div.moduleContentPadding {padding: 0; width: 940px;} #sjpFlow .sjpTwoColModuleCont .moduleContentLeft {width:650px;} #sjpFlow .sjpTwoColModuleCont .moduleContentRight {width: 240px; display:block;} #sjpFlow .sjpTwoColModuleCont .moduleContentRightCont {width:280px; display:block; } /* =NEW ECOM FLOW PAGES STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* New Enhancements */ #sjpFlow .sjpWideModuleCont .sjpModuleContainer, #sjpFlow .sjpTwoColModuleCont .sjpModuleContainer {margin-left:-5px; border:1px solid #ccc; } #sjp .sjpDetailsLightbox sjpModuleContainer, #sjp .sjpDetailsLightbox sjpModuleContainer:hover {margin-left:0px; border:none;} /*#sjpFlow .sjpWideModuleCont .sjpModuleContainer:hover, #sjpFlow .sjpTwoColModuleCont .sjpModuleContainer:hover {border:5px solid #f1f1f1 !important;}*/ #sjpFlow .moduleContentLeft {float:left; padding: 10px 0 10px 20px; border-top:none; } #sjpFlow div.sjpModuleContainer h3, #sjpFlow div.sjpModule h3, #sjpFlow.purchaseConfirmation #TandCcollapse h3 {line-height:2;} #sjpFlow .moduleContentLeft {padding-top:10px;} #sjpFlow .sjpReviewRow .sjpLabel span {padding:5px 0;} #sjpFlow .sjpWideModuleCont .sjpCampusSelection, #sjpFlow .sjpWideModuleCont .sjpNicheSelection {width:650px;} #sjpFlow .sjpInvoice {padding:10px; border:2px solid #F4B205;} /* COMMON =================================================*/ #sjpFlow .sjpPrevious {width:300px; float:left;} #sjpFlow .moduleContent {padding:20px; padding-left:18px \0/;padding-right:18px \0/;} #sjpFlow .pageHeader {margin: 20px 0 25px; padding: 0 0 0 20px; clear: both; height: 50px; background: transparent url("../../Images/Default/SalesHub/reskin/step-header-bg.png") no-repeat 0 0;} #sjpFlow .pageHeader h2 {font-size: 20px; font-weight: normal;color: #427730; line-height:2.5; width:400px; float:left; } .pageHeader .shoppingCartCont {float:right; padding:5px 0 0; width:500px;} .shoppingCartOrder {float:right; min-width:140px; text-align:right; margin-right:20px;} .shoppingCartLnk a {float:right; width:100px; padding:5px 0 0 48px; min-height:40px; background:transparent url("../../Images/Default/employers/sjp-icons.png") no-repeat 0 3px;} .sjpFieldEn, .sjpFieldFr {clear:both;} .sjpFieldEn, .sjpTinyMceFieldEn {padding-left:40px; background: transparent url("../../Images/Default/PostJob/lang-content-en.png") no-repeat 0 5px;} .sjpFieldFr, .sjpTinyMceFieldFr {padding-left:40px; background: transparent url("../../Images/Default/PostJob/lang-content-fr.png") no-repeat 0 5px;} .sjpTinyMceFieldEn span, .sjpTinyMceFieldFr span {padding:5px 0;word-wrap:break-word;} .sjpTinyMceTextEn, .sjpTinyMceTextFr {width:550px;height:350px;} .sjpTinyMceFieldFr {margin: 10px 0 0 0;} .sjpFieldEn span, .sjpFieldFr span {display:block;padding:5px 0;word-wrap:break-word;} .sjpFieldEn .emptySpan, .sjpFieldFr .emptySpan {padding:0 0 40px 0;} .sjpField {padding:0 40px;} #sjpFlow .section {border-bottom: 1px solid #F0F0F0;} #sjpFlow .sjpLabel span {margin-top: 5px; margin-bottom:5px; display: block; color: #525252; font-weight:bold; text-align:left; padding-right:20px;} #sjpFlow #payment-method .sjpLabel span, #sjpFlow #payment-info .sjpLabel span {margin-top:0px;} #sjpFlow .sjpLabel .sjpLabelSubTitle {font-weight:normal;padding-right:0px;margin:0px;} #sjpFlow .sjpPostAttrBottom .sjpLabel .sjpLabelSubTitle {display:inline;} #sjpFlow span.req {display:inline; margin-right:-10px; padding-right:0; width:6px;} .sjpFullTextBox {width:550px;} .sjpTwoColModuleCont .sjpFullTextBox {width:372px;} #sjpFlow div.error {margin-top:20px;} #sjpFlow div.error ul li {background:none;} .sjpInProgress {position:absolute; bottom:50%; left:50%; z-index:999999; background-color:#ccc;} .secondaryAction {padding: 7px 4px; display:inline-block;} .secondaryActionBig {padding:10px 4px; display:inline-block; font-size:16px;} .sjpDivider720 {background: #fff url("../../Images/Default/employers/sjp-divider-720.png") no-repeat 0 40px; padding-bottom:15px; } .sjpFieldEn .RadEditor span, .sjpFieldFr .RadEditor span {padding-top:0; padding-bottom:0;} span.ajaxProgress div {display:inline;} .sjpDateSelection span.ajaxProgress div {float:left; padding-left:10px;} .sjpReviewPricing span.ajaxProgress div {margin-left:20px;} /* SJP Posting Date - Ecomm Refresh - May 2012 */ #sjpFlow #divPostDate .sjpDateSelection {clear:left;width:290px;} #sjpFlow #divPostDate .sjpDateSelection input[type="text"] {width:90px;} #sjpFlow .sjpPostingDate {display: block;width: 290px;float: right;position: relative;z-index: 10;margin-top: -354px;} #sjpFlow .sjpPostingAttr .sjpPostAttrMid,#sjpFlow .sjpPostingAttr .sjpPostAttrBottom {display:block;float:left;width:98%;position:relative;z-index:100;border-top:1px solid #ccc;margin-left:10px;} #sjpFlow .sjpPostingAttr .sjpPostAttrMid .sjpModule {display:block;float:left;width:49%;} #sjpFlow .sjpPostingAttr .sjpPostAttrBottom .sjpModule {display:block;float:left;width:33%;} #sjpFlow .sjpPostingAttr .sjpPostAttrMid .sjpModule .sjpFieldDesc {width:350px;} #sjpFlow .sjpJobIndustry .sjpFieldDesc,#sjpFlow .sjpJobCategory .sjpFieldDesc {width:700px;} #sjpFlow .sjpCompanyOverview .sjpModule {float:left;clear:left;} #sjpFlow .sjpCompanyOverview .sjpFullTextBox {width:200px;} #sjpFlow .sjpCompanyOverview .company-desc {float:left;border-left:1px solid #ccc;margin-bottom:10px;} #sjpFlow .sjpCompanyOverview .company-desc div.sjpLabel {width:500px;} #sjpFlow .sjpDisplayOptionsddl {display:block;width:250px;} #sjpFlow .sjpExp {width:260px;} #sjpFlow .sjpExpDDL,#sjpFlow .sjpEduDDL {margin-top:-5px;} .sjpCompanyOverview .companyContLeft, .sjpCompanyOverview .companyContRight {float:left;} .sjpCompanyOverview .companyContLeft {width:300px;} .sjpCompanyOverview .companyContRight {width:650px;} .sjpCompanyOverview .sjpFieldEn span, .sjpCompanyOverview .sjpFieldFr span {display: inline-block;zoom:1;*display:inline;} .sjpCompanyOverview .companyText {width:270px;} .sjpCompanyOverview .companyContRight .sjpFieldEn, .companyContRight .sjpCompanyOverview .sjpFieldFr {width:560px;} /* Scout Jobs */ .scoutScreeningContainer { display: block; } .scoutShow { display: block; } .scoutScreening { width: 600px; height:250px; border: solid 2px #ccc; } .scoutCheck { display:inline-block; margin-top:20px; } .scoutCheckInfo { display: inline-block; width: 270px; } /* SJP Progress Bar =======================================*/ body ol.progressBar, #sjpFlow ol.progressBar {margin: 0;padding: 20px 0 0;list-style: none;clear: both;} body ol.progressBar li, #sjpFlow ol.progressBar li {margin: 0;padding: 2px 0;font-size: 11px;float: left;font-weight: bold;text-align: center; position: relative;line-height: 2; color: #525252;} #sjpFlow .progressBar li {width: 192px;} #sjpFlow .steps-2 li {width: 480px;} #sjpFlow .steps-3 li {width: 320px;} #sjpFlow .steps-4 li {width: 240px;} #sjpFlow .steps-5 li {width: 192px;} body span.progSpacer, #sjpFlow span.progSpacer {margin: 0; padding: 0; position: absolute; top: 0;left: 0px; width: 1px; height: 26px; font-size: 0px; line-height: 0px;} body .progIncomplete span.progSpacer, body .progIncompleteEnd span.progSpacer, #sjpFlow .progIncomplete span.progSpacer, #sjpFlow .progIncompleteEnd span.progSpacer { background-color: #9fd7d7; background: transparent url("../../Images/Default/progSpacer.png") no-repeat 0 0;} body ol.progressBar li.progCompleteBeg, #sjpFlow ol.progressBar li.progCompleteBeg {background: transparent url("../../Images/Default/employers/prog-complete.png") no-repeat left bottom; color: #FFF;} body ol.progressBar li.progIncomplete, #sjpFlow ol.progressBar li.progIncomplete {background: transparent url("../../Images/Default/employers/prog-incomplete.png") no-repeat -5px bottom;} body ol.progressBar li.progComplete, #sjpFlow ol.progressBar li.progComplete {background: transparent url("../../Images/Default/employers/prog-complete.png") no-repeat -5px bottom;color: #FFF;} body ol.progressBar li.progIncompleteEnd, #sjpFlow ol.progressBar li.progIncompleteEnd {background: transparent url("../../Images/Default/employers/prog-incomplete.png") no-repeat right bottom;} body ol.progressBar li.progCompleteEnd, #sjpFlow ol.progressBar li.progCompleteEnd {background: transparent url("../../Images/Default/employers/prog-complete.png") no-repeat right bottom; color: #FFF;} /* =Shopping Cart =======================================*/ .sjpCartCredits {font-size:14px;} .sjpCartPrice {font-weight:bold; font-size:16px;} /* =Order Summary =======================================*/ #sjpOrderSummary {clear: both; margin: 20px 0;padding: 0 0 0 20px; border: 1px solid #E2E2E2; background: #EFEFEF url(../../Images/Default/employers/order-summary-bg.png) repeat-x 0 0; position:relative;} #sjpFlow #sjpOrderSummary ul {margin: 0;} #sjpFlow #sjpOrderSummary li {list-style-type: none;} div.sjpCreditBalance {position:absolute; width:260px; height:440px; top:-415px; left:124px; border:solid 4px #69BE28; background-color:#fff; padding:0 20px;} div.sjpCreditBalanceContent {height:320px; margin-top:10px; border:1px solid #E3E3E3; overflow:auto;} .sjpCreditBalanceContent #dbMyAccount {border:none; margin:0;} .sjpCreditBalanceContent #dbMyAccount .dbCredits {background-color:#efefef;} .sjpCreditBalanceContent h1 {display:none;} #sjpCreditsUsed {float:right; padding:20px; background-color:#fff; border:solid 1px #e2e2e2; min-height: 55px;} #sjpNewPurchases {float:right; padding:15px 0; min-height: 55px; width:440px;} #sjpDetailsCheckout {float:right; padding: 40px 20px 0;min-height: 56px; width:80px; background: transparent url(../../Images/Default/employers/details-checkout-bg.png) no-repeat 0 20px;} .sjpOrderDetails {padding: 0 20px 0 0; float:left; clear:both; background: transparent url(../../Images/Default/employers/arrow.gif) no-repeat 100% 3px;} #sjpOrderSummary h3 {color: #777; font-weight:normal;} .sjpOrderSummary .sjpReviewCol1, .sjpSubtotal .sjpReviewCol1 {width:440px;} .sjpOrderSummary .sjpReviewCol2, .sjpSubtotal .sjpReviewCol2 {width:190px;} .sjpOrderSummary .sjpReviewCol3, .sjpSubtotal .sjpReviewCol3 {width:160px;} .sjpOrderSummary .sjpReviewCol4, .sjpSubtotal .sjpReviewCol4 {width:90px;} .sjpSubtotal .sjpReviewCol1, .sjpSubtotal .sjpReviewCol2, .sjpSubtotal .sjpReviewCol3, .sjpSubtotal .sjpReviewCol4 {padding:5px 0 5px 20px; display:block; float:left; font-size:16px; font-weight:bold;} #sjpNewPurchases .price {float:left; padding:0 10px;} #sjpFlow #sjpNewPurchases ul {float:right; padding:36px 20px 0 0; width:250px;} #sjpNewPurchases .total {font-size:28px; font-weight:bold;color:#427730;} #sjpOrderSummary .sjpCreditsUsed {float:right; width:330px; padding:15px 20px;} .sjpCreditsUsed ul {width:300px;} #sjpOrderSummary p.credits {display:block; float:left; font-weight:bold; font-size:28px; text-align:right;} #sjpFlow #sjpOrderSummary .sjpCreditsUsed ul {float:left; padding:18px 0 0 10px; width:260px;} #sjpOrderSummary #credits-used {padding: 10px 0 10px 20px; background-color: #FFF; border-right: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; float: left; width: 280px; min-height: 80px;} #credits-used h3 {display:inline} * html #sjpOrderSummary #credits-used {height: 65px;} #sjpOrderSummary #credits-used p.credits {float: left; width: 40px; font-size: 30px; font-weight: bold; line-height: 1;} #sjpOrderSummary #credits-used ul {float: left; width: 240px; margin:0; padding:2px 0;} #sjpOrderSummary #your-order {padding: 10px 0 10px 20px; float: left; width: 340px;} #sjpOrderSummary #your-order ul {float: left; width: 200px;} #sjpOrderSummary #your-order p.total {float: left; width: 140px; font-size: 30px; font-weight: bold; line-height: 1; color: #437832;} /* SJP PAGES =================================================*/ /* =POSTING PAGE =======================================*/ .sjpLogin {padding:0 20px 20px 20px;} #sjpFlow .sjpLogin p {font-size:16px;} #sjpFlow .sjpLogin p a {font-weight:bold;} .sjpUser {padding:10px 20px 15px; margin-bottom:20px;} .sjpUser h3 {font-size:16px; font-weight:normal; color:#000;} .sjpUser p {color:#525252;} .sjpModuleTitle, .company-desc h4, .company-tagline h4 {margin:5px 0; color:#525252;} .sjpTwoColModuleCont .sjpJobDesc .sjpLabel {float:none; display:block;} .sjpTwoColModuleCont .sjpJobDesc .sjpOptions {float:none; display:block;} .sjpUploadJobDesc {width:250px; clear:left;} .sjpUploadJobDesc .sjpUploadFileOr {display: block; font-size: 14px;margin-left: 50px; } #sjpFlow .sjpJobDescDB {clear: left;width: 250px;border: 1px solid #007AC9;padding: 5px 10px;} #sjpFlow .sjpJobDescRightOption {display:block;float:right;width:295px;margin-right:10px;border-left:1px solid #ccc;padding-left:20px;margin-bottom:10px;} .sjpUploadJobDesc .uploadifyQueueItem {width:260px;} .pt0 input {margin-top:2px;} .sjpBDTSelection {padding:0 18px;} .sjpBDTSelection select {width:405px;} .sjpBDTSelection a.button {margin-right:0;} #sjpBDTPreview {width:610px; background-color:#fff; height:600px;} #sjpBDTPreview .jqueryLightBoxClose {position:relative; height:40px; background-color:#69BE28; margin-bottom:20px;} #sjpBDTPreview .jqueryLightBoxContent {overflow:auto; height:520px; padding:0 20px;} #sjpFlow .sjpJobIndustry,#sjpFlow .sjpJobCategory {position:relative;z-index:100;} /* =Job Description =======================================*/ #sjpFlow .sjpJobDescription .sjpJobTitle {clear:left;} #sjpFlow .sjpOptions,#sjpFlow .sjpOptionsFixed {clear:left;} #sjpFlow .sjpJobDescription .sjpJobDescRightOption .sjpFullTextBox {width:245px;} #sjpFlow .sjpJobDescription .sjpJobDescRightOption .company-video {clear:left;margin-top:25px;} #sjpFlow .sjpJobDescription .sjpJobDescRightOption .company-video p {margin-left:-40px;margin-bottom:5px;width:245px;} #sjpFlow .sjpJobDescOptionLeft {display: block;float: left;margin: 10px;margin-top: -10px;} #sjpFlow .sjpLanguageSelector {margin-bottom:20px;} #sjpFlow .sjpJobDescRightOption .sjpLanguageSelector .sjpOptions {width:120px;} #sjpVideoPositionContent .top, #sjpVideoPositionContent .bottom {float:left; width:140px;} #sjpFlow .display-options {display: block;width: 285px;float: right;position: relative;z-index: 20;margin-top: -220px;} .display-options .sjpOptions {width:300px;clear:left;} #sjpFlow .display-options input[type=radio] {display:block;float:left;} #sjpFlow .display-options label {display:inline-block;width:220px;} /* SJP New Job Location Section -------------------------------- */ #sjpFlow .sjpLocation {float:left;width:658px;border-right:1px solid #ccc;position:relative;margin-bottom:20px;} #sjpFlow .sjpFieldDesc {display:block;float:left;clear:left;width:610px;border:1px solid #007AC9;background:#f0f0f0;margin-bottom:10px;} #sjpFlow .sjpFieldDesc p {margin:5px;} #sjpFlow .sjpLocationTab {float:left;clear:left;width:615px;} #sjpFlow .sjpLocationTabs a {padding: 5px 10px; display:inline-block; cursor:pointer; font-weight:bold; } #sjpFlow .sjpLocation .active {border:2px solid #ccc; border-bottom:none; background-color:#ccc; color:#fff; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-color: #525252;} #sjpFlow .sjpLocationSelectionGrp {float:left;} #sjpFlow #sjpCanadaLocation, #sjpFlow #sjpUSInterLocation, #sjpFlow #retailCanadaLocation, #sjpFlow #retailUSLocation {border:2px solid #ccc; padding:10px; width:350px; min-height:160px;} #sjpFlow .sjpTwoColModuleCont #sjpCanadaLocation, #sjpFlow .sjpTwoColModuleCont #sjpUSInterLocation, #sjpFlow .sjpTwoColModuleCont .selectedCityCont, #sjpFlow .sjpEditLightbox #sjpCanadaLocation, #sjpFlow .sjpEditLightbox #sjpUSInterLocation, #sjpFlow .sjpEditLightbox .selectedCityCont {width:376px;} #sjpFlow #sjpCanadaLocation .field {float:left;} #sjpFlow #sjpUSInterLocation .field {margin-top:4px;} #sjpFlow .sjpJobLocation .addButton {margin:10px 0 0 10px; float:left; padding-top:10px;} #sjpFlow #sjpUSInterLocation .addButton {padding-top:15px;} #sjpFlow select[disabled] {background-color:#ccc; color:#fff;} #sjpFlow .categoriesContainer select[disabled] {background-color:#f1f1f1; color:#fff;} #sjpFlow div.sjpJobLocation label {font-weight:bold; display:block;} #sjpFlow #sjpCanadaLocation input, #sjpFlow #sjpUSInterLocation input, #sjpFlow #sjpCanadaLocation select, #sjpFlow #sjpUSInterLocation select {padding:4px;} #sjpFlow #sjpCanadaLocation .cdnCity {width:180px;} .fr #sjpFlow #sjpCanadaLocation .cdnCity {width:160px;} #sjpFlow #sjpCanadaLocation .cdnPostal {width:60px;} #sjpFlow .sjpPopularCities {margin:0; padding:0; list-style:none; width:360px;} #sjpFlow .sjpTwoColModuleCont .sjpPopularCities {width:380px;} .sjpPopularCitiesList {font-weight:bold; display:block; border-top:1px dashed #ccc; padding:10px 0 5px; margin-top:10px;} .sjpPopularCities li {padding:0; margin:0 0 5px 0; float:left; display:inline-block;} #sjpFlow .sjpPopularCities li a {padding:4px 8px; display:inline-block; font-weight:normal; margin:0 4px 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #sjpFlow .sjpPopularCities li a:hover {background-color:#007ac9; color:#fff; text-decoration:none !important;} #sjpFlow .sjpJobLocation .sjpLocationAdd {padding:5px 10px 5px 30px; } #sjpFlow .sjpSelectedLocations {padding:0 0 0 10px; width:230px; float:right;} #sjpFlow .sjpTwoColModuleCont .sjpSelectedLocations, #sjpFlow .sjpEditLightbox .sjpSelectedLocations {width:440px; clear:both; padding:0px; float:none;} #sjpFlow .sjpSelectedLocations .sectionTitle {font-size:12px; font-weight:bold;line-height: 1.7; padding: 0 0 3px;} #sjpFlow .sjpTwoColModuleCont .sjpSelectedLocations .sectionTitle {margin:0; text-align:left; padding-top:10px;} #sjpFlow .selectedCityCont {border:solid 2px #ccc; min-height: 150px; padding:20px 10px 10px;} #sjpFlow .sjpTwoColModuleCont .selectedCityCont {min-height:80px;} #sjpFlow .sjpSelectedLocations .btnRemove {text-align:right;} #sjpFlow .sjpSelectedCity {border-bottom:1px dotted #ccc; margin-bottom:5px;} #sjpFlow .sjpSelectedCity a {padding:4px 10px 10px;} #sjpFlow .sjpSelectedCity .sjpCity {display:block; float:left; padding:4px 0; width:165px;} #sjpFlow .sjpTwoColModuleCont .sjpSelectedCity .sjpCity {width:330px;} #sjpFlow .sjpSelectedCity .sjpJBMove a {float:right; display:block; margin-left:20px; height:15px; width:10px; outline-width:0; padding-left:20px; width:20px; background:url("../../Images/Default/employers/sjp-add-remove-icon.png") no-repeat scroll -5px -20px transparent; padding:4px 0; } #divSessionTimeout a.small-green-btn {margin-left:14px;} /* =UPLOAD VIDEO EXAMPLES ----------------------------------------------------- */ .doubleChevron {padding-right:15px; clear:both; background: transparent url(../../Images/Default/employers/arrow.gif) no-repeat 100% 3px;} #videoDetails .modelessOverlay {width: 730px; padding: 0 0 10px; overflow: auto; height:500px;} #videoDetails h1 {margin: 5px 0 15px;padding: 0 0 0 20px; font-size: 22px; color:#525252; font-weight: normal;line-height: 2;} #videoDetails h2 {margin: 0 0 10px;padding: 0 20px; font-weight:normal;font-size: 18px; border-bottom:none;} #videoDetails p {margin: 0 0 14px;padding: 0 40px;} #videoDetails img {text-align:center; margin: 0 0 14px;padding: 0 20px;} #videoDetails .close {right:30px;} /* =Increase Visibility Page =======================================*/ .sjpLogoUpload .sjpLogoPreview {display:block; margin-left:15px; margin-bottom:10px;} .sjpUpgradeScreenshot {margin:0 0 20px -2px;} .sjpUpsellPrice, #sjpNicheSelection .price, #sjpCampusSelection .price {color:#00a9e0; font-size:18px; font-weight:bold; display:block; padding:5px 0;} .sjpUpsellHeading {position:relative;} .sjpUpsellHeading .sjpUpsellTab {position:absolute; top:0px; right:10px; width:210px; height:40px; background : url("../../Images/Default/employers/sjp-upgrades-tab.png") no-repeat center 20px; } .sjpUpsellHeading .sjpUpsellTab span {padding:20px 20px 4px; font-size:16px; font-weight:bold; text-align:center; color:#fff; display:block; margin-top:-25px; height:42px; background : url("../../Images/Default/employers/sjp-upgrades-tab.png") no-repeat center 0; position:relative;} .fr .sjpUpsellHeading .sjpUpsellTab span {padding:24px 18px 11px;} .sjpEditLightbox .sjpUpsellHeading .sjpUpsellTab span {font-size:14px; height:25px; margin-top:0px; padding-top:15px;} .sjpLogoCaptcha {margin-bottom:75px;position:relative;} .sjpLogoCaptcha .button {margin-left:25px;} .sjpLogoCaptcha img {width:200px; padding-top:5px; padding-right:20px; float:left;margin-left:55px;} .sjpLogoCaptcha .content {float:left; width:310px;} .sjpLogoCaptcha input {width:280px;} /* =Resume Collection Page =======================================*/ .sjpOnlineBenefits {padding:20px; margin:10px 40px; width:750px; background-color:#f0f0f0;} .sjpOnlineBenefits a { cursor:pointer;} .sjpOnlineBenefits h4 {font-size:14px; color:#525252; padding-bottom:5px;} #sjpFlow .sjpOnlineBenefits ul {padding-left:40px; margin-left:0;} #sjpFlow .sjpOnlineBenefits li {padding:4px 0;} .sjpQACont {margin:0 40px;} /* =Review Posting Page =======================================*/ .sjpReviewHeader {position:relative; zoom:1;} .sjpReviewHeader .edit {position:absolute; right:5px; top:5px;} #sjpFlow .sjpOrderSummary th {font-weight:bold; color:#525252; padding:5px 0 5px 20px;} #sjpFlow .sjpOrderSummary td {border-bottom:solid 1px #ccc; padding:5px 0 5px 20px; vertical-align:top;} #sjpFlow .sjpJobBoardList {margin:10px 0; padding:0 20px; list-style:none;} #sjpFlow .sjpJobBoardList li {margin:2px 0; padding:0; list-style:none; font-size:11px;} #sjpFlow .hlkOptions {float:right;} /* =Checkout Page =======================================*/ #sjpFlow div.sjpModuleContainer div.discount h3 {background-color:#D24929; color:#fff;} .sjpDiscountsSummary {margin-top:20px;} .sjpDiscountsSummary .sjpDiscounts {float:left; width:260px; margin-right:20px;} .fr .sjpDiscountsSummary .sjpDiscounts {width:300px;} .sjpDiscountsSummary .sjpProductPricing {float:left; width:680px;} .fr .sjpDiscountsSummary .sjpProductPricing {float:left; width:640px;} .sjpDiscountsSummary .sjpAffiliate {width:220px;} .fr .sjpDiscountsSummary .sjpAffiliate {width:260px;} .sjpDiscounts a.small-orange-btn {margin-left:10px;} .sjpNewBillingAddress {width:380px;} .sjpEditBillingAddress .sjpOptions {padding-right:415px; padding-left:0px; float:right; } .sjpEditBillingAddress .sjpOptions a {font-weight:bold; cursor:pointer; } div.sjpTermsandConditions {position:absolute; width:600px; height:550px; overflow:auto; top:-460px; left:50px; border:solid 4px #69BE28; background-color:#fff; float:left; padding:0 20px;} div.sjpTermsContent {height:400px; overflow:auto; border:solid 1px #ccc; margin-top:20px;} .sjpTermsandConditions .popupTitle, .sjpPrivacyPolicy .popupTitle {background-color:#69be28; color:#fff;} .sjpTermsandConditions .print, .sjpPrivacyPolicy .print {background : url("../../images/WorkopolisLegacy/sm_res2.gif") no-repeat 0 7px; padding: 7px 10px 0 22px;} .sjpReviewRow .sjpOptions input, .sjpReviewRow .sjpOptions select {margin:3px 5px 0 0;} /* =Job Preview Page =======================================*/ .jobPreviewTitle {float:left; margin-top:10px;} .jobPreviewIntro {float:right;border:solid 1px #ccc; padding:5px 10px; background-color:#FCE812; margin-top:10px;} .jobPreviewTab {border-bottom:solid 5px #69BE28;} .jobPreviewTab a {padding:5px 10px; font-size:18px; color:#fff; background-color:#69BE28; display:block; float:left; margin-left:10px;} .jobPreviewTab a:active, .jobPreviewTab a:visited, .jobPreviewTab a:hover {color:#fff;} .jobPreviewTab a[disabled="disabled"] {color:#E7E7E7 !important; text-decoration:none !important; background-color:#fff;} #contentContainer .jobPreview a {color:#525252;} #contentContainer .jobPreview a:hover {cursor:default; text-decoration:none;} /* =Purchase Page (Buy in Bulk) =======================================*/ .sjpBuy th {font-weight:bold; font-size:14px; color:#525252; padding:0 5px 0 0; border-bottom:solid 2px #d9d9d9;} div#sjpFlow .sjpBuy td, div#sjpFlow .sjpBuyRow {border-bottom:solid 1px #e1e1e1; vertical-align:top; font-size:14px;} .sjpBuyRow .alias {font-weight:normal; font-size:12px; color:#666;} .extendJob .first, .resumeDatabase .first {border-top:solid 2px #e1e1e1;} .sjpBuyProd {text-align:left; width: 375px;} .fr .sjpBuyProd {width:300px;} .sjpBuyQuantity {text-align:left; width:300px;} .fr .sjpBuyQuantity {text-align:left; width:330px;} .sjpBuyQuantity input {width:60px; margin:0 5px 0 0; display:block;} .sjpBuyQuantity select {width:295px; margin:0 5px 0 0;} .fr .sjpBuyQuantity select {width:320px;} .sjpBuyQuantity .warn {font-size:12px; display:block;} .sjpBuyUnit {text-align:right; width:80px; font-size:14px;} .fr .sjpBuyUnit {width:113px;} .sjpBuyTotal {text-align:right; width:140px;} .fr td.sjpBuyTotal .savings {width:112px; padding-left:28px;} div#sjpFlow .sjpBuy td {padding:5px;} div#sjpFlow .sjpBuy td.sjpBuyProd {padding-left: 0; font-size:16px; width:365px;} .fr div#sjpFlow .sjpBuy td.sjpBuyProd {width:305px;} div#sjpFlow .sjpBuy td.sjpBuyTotal {padding-right:0;} div.sjpBuyProd, div.sjpBuyQuantity, div.sjpBuyUnit,div.sjpBuyTotal {float:left; padding:5px;} div.sjpBuyProd {padding-left:0; padding-right:10px; width:365px;} .fr div.sjpBuyProd {padding-left:0; padding-right:10px; width:300px;} div.sjpBuyTotal {padding-right:0; float:right;} .sjpBuyTotal .price {font-weight:bold; font-size:16px;} .sjpBuyTotal .savings {color:#ff2222; display:block; font-size:12px;} .sjpBuyBulkUpgrades {font-size:16px; font-weight:bold;} .toolTipLink {font-size:11px; font-weight:bold; } .tooltip {display:none;} .sjpBuy .region { width:400px;} .toolTipTitle {font-size:14px; font-weight:bold; padding:5px 0;} .toolTipContent {padding:10px;} .toolTipContent .discount {color:#A01D00; width:100px; font-weight:bold;} .toolTipContent .units, .toolTipContent .nicheUnits {width:120px;} .toolTipContent .price {width:110px;} .toolTipContent .logoUnits {width:100px;} .toolTipContent .logoPrice, .toolTipContent .nichePrice {width:80px; font-weight:bold;} .toolTipContent .dvOdd, .toolTipContent .dvEven {width:180px; float:left;} .toolTipContent .dvOdd .price, .toolTipContent .dvEven .price {width:60px;} /* =SUMMARY PAGE =======================================*/ .sjpNicheWarning, .sjpNicheRemoved {border:1px solid #3B74CD; padding:10px; margin:10px 0 5px; background-color:#EAF1FB;} .sjpNicheWarning img, .sjpNicheRemoved img {display:block; float:left; width:60px; padding-right:10px;} .sjpNicheWarning span, .sjpNicheRemoved div.content {display:block; float:right; width:320px;} .sjpNicheRemoved div.content {width:850px;} .sjpEditLightbox .sjpNicheWarning {width:400px;} /* Light boxes ------------------------*/ div.sjpDetailsLightbox, div.sjpLoginLightbox {padding:0 0 20px; z-index:1; width:480px; overflow:auto; background:#fff;} div.sjpEditLightbox {padding:0 0 20px; float: left; z-index:1; width: 1000px; height:450px; overflow:auto; background-color:#fff;} div.sjpEditLightbox .contentConainer, div.sjpEditLightbox .sjpModuleContainer {width:980px;} #sjpFlow div.sjpEditLightbox div.moduleContentPadding {width:880px;} #sjpFlow div.sjpEditLightbox div.sjpModule div.moduleContentRight {width:240px; padding-right:20px;} #sjpFlow div.sjpEditLightbox div.moduleContentRight div.moduleContentPadding {width:200px;} .sjpEditLightbox .sjpJobDescription .moduleContentRight {display:none;} .sjpEditLightbox .sjpEdit {padding:0px 18px;} .sjpSummaryJobDesc {width:450px;} .sjpSampleJobDesc {padding:0 0 20px; z-index:1; width:740px; overflow:auto; height:450px; background-color:#fff;} .sjpSampleJobDesc h1 {background-color:#007ac9; color:#fff !important; font-weight:normal; line-height:2; margin:0 0 10px; font-size:20px; padding:0 10px;} .sjpSampleJobDesc .popUpContent {padding:10px; width:680px;} .sjpSampleJobDesc .ssClose {zoom:1;} .sjpSampleJobDesc .popUpContent .moduleContainer {clear:both;} .sjpSampleJobDesc a{color:#007ac9;line-height:20px;} .popupTitle {margin: 0px -20px 0;padding: 0 0 0 20px; background-color: #fff;color: #525252;font-size: 20px;font-weight: normal;line-height: 2;} .sjpLightbox480 {width:480px;} .sjpLightbox {background-color:#fff; padding:0 0 20px;} .sjpLightbox .title {background-color:#69BE28; color:#FFFFFF;font-size:20px; font-weight:normal;line-height:2;margin:0 0 10px;padding:0 0 0 20px;} .sjpLightbox .moduleContent {padding:0px 20px; background-color:#fff;} a.btnFlushLeft {margin-left:13px;} /* Ecom: Select Products Examples Light boxes ------------------------*/ .sjpEditRemoveAlertModal, .upgradesExamplePopUp, .modelessOverlay {background-color:#fff; border:solid 2px #69BE28; padding:10px 20px 20px; width:440px;} .modelessOverlay-660 {width:660px;} .sjpEditRemoveAlertModal h3, .upgradesExamplePopUp h2, .modelessOverlay h2, .modelessOverlay h3 {font-size:18px; font-weight:normal; color:#525252; padding:10px 0; margin-bottom:10px; border-bottom:solid 1px #cfcfcf;} .upgradesExamplePopUp {width:540px; overflow:auto;} .wide .upgradesExamplePopUp {width:680px;} .upgradesExamplePopUp h2, .modelessOverlay .noNorder {border-bottom:none;} .upgradesExamplePopUp .close, .modelessOverlay .close {position:absolute; top:20px; right:20px;} .nicheExampleContent {height:400px; overflow:auto;} .upgradesExamplePopUp .sjpExamplePrice {padding:5px; background-color:#007AD0; color:#fff; font-size:24px; font-weight:bold; border:solid 1px #525252;} .nicheExampleContent a:visited {color:#427730;} /* Niche Sites Lightbox ------------------------*/ #nicheExample .category {border:solid 1px #dfdfdf; padding:20px;} #nicheExample .organizations {padding:20px 40px;} #nicheExample .organizations td {padding:3px 0;} #nicheExample .category h3, #nicheExample .organizations h3 {font-size:16px; font-weight:normal; color:#525252; padding:0 0 10px 0;} .nicheDataCell {width:236px; padding:2px;} .nicheDataCell a:hover { text-decoration:underline;} .nicheDataCell a:visited {color:#67696A;} /* =Confirmation page =======================================*/ .sjpConfirmationCont {background-color:#f6f6f6; padding:40px; margin-top:20px;} .sjpConfirmationMsg {width:430px; float:left; padding-right:10px;} .sjpConfirmationCont img {float:left; padding-right:20px; display:block;} .sjpConfirmationMsg .left {width:280px;} .sjpConfirmationSaveJob {width:760px;} .sjpConfirmationCont h2 {font-size:18px; color:#2f2f2f; padding:10px 0; margin-bottom:10px; font-weight:normal;} .sjpConfirmationMsg .sjpConfirmDesc {color:#535353; font-size:18px;} .sjpConfirmDesc .job-title {word-wrap:break-word; display:inline-block; max-width:280px;} .sjpConfirmationMsg .sjpOrderNumDesc {font-size:14px;} .sjpConfirmationMsg .sjpOrderNum {font-size:24px; color:#000;} .sjpConfirmationDetails { width:430px; float:right; padding-left:10px;} .sjpConfirmationDetails ul {margin:0; padding:0;} .sjpConfirmationDetails li {margin:5px 0; padding:5px 20px 10px; list-style:none; background : url("../../Images/Default/SalesHub/reskin/arrow-next.png") no-repeat 0 10px; border-bottom:solid 2px #efefef;} .sjpConfirmPrint img {padding-top:6px; margin-bottom:-5px;} .sjpConfirmationSaveJob {float:left;} #sjpFlow .sjpConfirmationInfo p {min-height: 80px;background: #F6F6F6;padding: 10px;border: 1px solid #525252;line-height: 20px;margin:10px;font-size: 14px !important;width: 278px;float: left;display: block;color: #525252;} /* =SJP New Registration =======================================*/ #sjpFlow .quickRegister {margin-top:10px;} #sjpFlow .quickRegister .error {padding-left:60px;} #sjpFlow .quickRegister .required {font-size:11px;} .sjpPrivacyPolicy {position:absolute; width:600px; height:550px; overflow:auto; top:10px; left:20px; border:solid 3px #69BE28; background-color:#fff; float:left; padding:0 20px;} .sjpPrivacyPolicyContent {height:400px; overflow:auto; border:solid 1px #ccc; margin-top:20px; padding: 0 5px;} .sjpPrivacyPolicy .popupTitle {background-color:#69be28; color:#fff;} .sjpQuickRegistration {margin-left:-10px; margin-top:10px;} #sjpFlow div.sjpModule div.sjpQuickRegisterHelp {margin-top:60px;} .fr #sjpFlow div.sjpModule div.sjpQuickRegisterHelp {margin-top:80px;} #leadInfo {width:410px; float:left; clear:both; padding:10px; border-right:solid 1px #ccc;} #dvLogin {float:right; width:440px; padding:0 20px;} .returningAnonUser, .sessionTimeout {border:1px solid #FFA100; background-color:#FFFFCC; padding:5px; font-weight:bold; width:300px; margin-bottom:5px;} .returningAnonUser a { cursor:pointer;} .recRegistration p span.em {font-size:16px; line-height:16.8px;} .sessionTimeout {margin: 20px; padding:20px; width:480px;} #dvLogin div.btnLgFlushLeft {padding-left:0;} #dvLogin input {width:240px;} #dvLogin .firstField {margin-top:10px;} #dvLogin .error .errorMsg {display:block; padding:0 0 0 40px;} .quickRegister select {min-width:210px;} .fr .quickRegister select {min-width:258px;} /* =SJP Print Confirmation =======================================*/ .print-preview .sjpLabel {float:left; padding-right:10px;} #sjpFlow .print-preview .moduleContentPadding p {margin-bottom:0; padding-top:0;} /* CONTROLS =================================================*/ /* =Job Board Selection Control =======================================*/ .sjpCampusSort {float:left; width:116px; margin-bottom:10px;} .sjpNicheSort {float:left; width:175px; margin-bottom:10px;} .sjpCampusSort label, .sjpNicheSort label {display:block; font-weight:bold;} .sjpCampusSort select {width:110px;} .sjpNicheSort select {width:165px;} .sjpSelectedHeading span {height:24px; display:block; color:#fff; font-size:14px; font-weight:bold; padding:8px 0 6px;} #spanPrice {display:block; font-weight:bold; font-size:14px; clear:both;} .sjpJobBoardSelection {border:6px solid #efefef; padding:10px 5px 10px 5px; float:left;} .sjpJobBoardSelection .sjpCampusRow, .sjpJobBoardSelection .sjpNicheRow {border-bottom: double medium #efefef; padding:5px 0; clear:both;} .sjpJobBoardSelection .nicheRecommended {font-weight:bold; text-decoration:underline; padding-bottom:5px; padding-left: 2px; display:block;} .sjpJobBoardSelection .recommended {background-color:#ccead4;} .sjpJobBoardSelection #dvAddAll {border-bottom:solid 2px #ccc;} .sjpJobBoardSelection #dvAddAll a {display:block; float:right; font-weight:bold; padding:5px 10px; margin:10px 0; background-color:#00A9E0; color:#fff; cursor:pointer;} .sjpJobBoardSelection #dvAddAll a:hover {margin-bottom:10px !important;} #sjpNicheSelection .diversity, .diversityIcon {background: transparent url("../../Images/Default/employers/diversity-icon.png") no-repeat 0px 0px; padding-left:22px; display: inline-block; font-weight:bold; height: 18px;} .diversityIcon {display:inline-block;} .sjpJobBoardSelection .sjpCampusRow:hover, .sjpJobBoardSelection .sjpNicheRow:hover {background-color:#efefef;} .sjpJobBoardSelection .sjpJBName {width:180px; display:block; float:left; padding-left:5px;} .sjpJobBoardSelection .sjpJBMove {width:60px; padding-right:5px; padding-left:5px; display:block; float:right;} #tblAllCampusPostings, #tblSelectedCampusPostings, #tblAllPostings, #tblSelectedPostings {padding-right:2px; overflow:auto; width:320px; height: 400px;} #tblSelectedCampusPostings, #tblSelectedPostings {width:282px;} .sjpJBMove {letter-spacing : -1000em; } .sjpJBMove { letter-spacing : normal; text-indent : -999em; overflow : hidden;} .sjpJBMove a {float:right; display:block; width:40px; height:15px; } .sjpJBMove .add-arrow-image {background : url("../../Images/Default/employers/sjp-add-remove-icon.png") no-repeat 10px -2px !important;} .sjpSelectedHeading, .sjpJobBoardSelected, .employer .sjpTermsandConditions .popupTitle, .employer .sjpPrivacyPolicy .popupTitle {background-color: #00A9E0 !important;} #tblAllPostings .sjpJBMove a, #tblAllCampusPostings .sjpJBMove a, #tblSelectedPostings .sjpJBMove a, #tblSelectedCampusPostings .sjpJBMove a, #sjpFlow .sjpSelectedCity a {background : url("../../Images/Default/employers/sjp-add-remove-icon.png") no-repeat 20px -25px;} #tblAllPostings .sjpJBMove a.details {background:none; text-align:right;} .sjpJBMove a, .sjpJobBoardFound a, .sjpJobBoardSelected a {cursor:pointer; } .sjpJobBoardFound {float:left; width:320px; border:solid 1px #efefef; padding:10px 10px 25px;} .sjpJobBoardFound span {font-size:14px; font-weight:bold; float:left; display:block;} .sjpJobBoardFound a {float:right; padding-right:30px; display:block;} .sjpSelectedHeading, .sjpJobBoardSelected {float:right; width:260px; background-color:#6ABE28; padding:10px 20px; position:relative;} .sjpJobBoardSelected .selectedCount {font-size:14px; font-weight:bold;} .sjpJobBoardSelected span {color:#fff; display:block;} .sjpJobBoardSelected .removeAll {position:absolute; right:10px; top:10px; text-decoration:underline; color:#fff;} .fr .sjpJobBoardSelected .removeAll {width:55px;} .sjpNicheDetailsRow {padding:5px 10px; background-color:#e3ebe0; margin-bottom:10px; font-style:italic;} .sjpNicheDetailsRow .sjpJBDetails {color:#222222;} .sjpNicheDetailsRow img {float:left; padding-right:6px;} /* Select Location =======================================*/ .ddlCountry, .ddlProvince {width:240px;} .ddlCity {width:230px;} .ddlPostalCode {width:50px;} .sjpTwoColModuleCont .ddlCountry, .sjpTwoColModuleCont .ddlProvince {width:240px;} .sjpTwoColModuleCont table .ddlCountry, .sjpTwoColModuleCont table .ddlProvince {width:175px;} .sjpTwoColModuleCont .ddlCity {width:230px;} table.sjpJobLocation th span {font-weight:bold;} table.sjpJobLocation th, table.sjpJobLocation td {padding:2px 4px 0 0;} /* SPJ Login =======================================*/ div.sjpLoginLightbox {width:400px;} #sjpFlow div.sjpLoginLightbox .moduleContent {padding-bottom:0;} #sjpFlow div.sjpLoginLightbox h3 {margin-bottom:0;} #sjpFlow div.sjpLoginLightbox input {width:200px;} .fr #sjpFlow div.sjpLoginLightbox input {width:175px;} .sjpLoginLightbox .forgot {padding:5px 0;} #sjpFlow .sjpLoginLightbox a.button {margin-left:13px;} /* CRM Pages =================================================*/ .agencyInfo p {padding-bottom:0;} .crmCompanyName {font-size:16px; font-weight:bold;} .crmNewCustomer {margin-top:18px;} .crmNewCustomer a {display:block; padding:10px 10px 10px 60px; border-left:dotted 1px #ccc;} #searchFields {margin:20px 0;} .crmSearchButtons a {margin-left:14px;} .crmEmailTemplate {padding:10px; margin:10px; border:solid 1px #ccc;} #crmEmailClient .label {font-weight:bold; text-align:right; width:100px; float:left; display:block; padding-top:5px; text-transform:uppercase;} #crmEmailClient .field {text-align:left; float:right; display:block; width:800px;} #crmEmailClient a.button {margin-left:13px;} /* Company Selection Page =======================================*/ .crmSelectCompany {padding:20px;} .crmOption {margin:8px 18px 0;} .crmSelectCompany input[type="radio"]:checked+label {font-weight:bold;} .crmAgencyName {font-weight:bold; font-size:24px; padding:5px 10px; border:solid 1px #eeeeee;} .crmChild a.crmExisting, .crmChild a.crmNew {padding:5px 10px;} .crmChild a.crmExisting {border-right:dotted 1px #5f5f5f; padding-left:0px;} .crmOption input {width:200px;} .crmChildAccountNumCont {float:left; width:420px;} .crmChildChange {float:right; width:420px; text-align:right;} .crmChildChange a {padding:4px 0; display:block;} .crmChildAccountNum {display:block; font-size:24px; font-weight:normal; color:#000;} #crm .crmSearchModule {position:relative;} #crm .crmSearchModule .moduleContentLeft {width:650px; padding:20px 0 20px; float:left;} #crm .crmSearchModule .moduleHelpContent {width:240px;} #crm .moduleHelpContent .moduleContentPadding {width:200px;} #crm .crmSearchModule .crmSearchHelpTextCont {margin-top:10px;} #crm .crmSearchModule .pagination span {display:block; float:left; width:25px; margin:5px 2px; text-align:center; border:1px solid #EFEFEF; margin:4px 2px; padding:0; width:30px;} #crm .crmSearchModule .pagination span a {padding:2px 8px; border:none;} #crm .crmSearchModule .pagination span a.all {padding:0;} #crm .crmSearchModule .pagination span.jobNowHiringAlpahbet {display:block; width:auto; border:none;} #crm .crmSearchModule .pagination span.selected {margin:0; border:none;} #crm .pageNumber {float:left; width:600px; padding-top:8px;} #crm .pageSizeCont {float:right; width:300px;} #crm .crmSortCont {padding-top:12px; float:left; width:400px;} #crm .crmExportCont {float:right; width:250px; margin:8px 0; text-align:right;} /* CRM Company Profile Page =======================================*/ #crmLogoUpload {width:320px;} #crmLogoPreview {width:120px; padding-left:10px;} .crmSecondaryCont {padding:15px 20px; background-color:#f1f1f1; margin-bottom:20px; border:solid 1px #ccc;} .crmSecondaryCont select {width:372px;} .crmCustomerProfile .ajax__tab_header {text-align:right;border-bottom:solid 3px #69BE28; padding:0 10px} .crmCustomerProfile .ajax__tab_outer {padding:15px 30px;} .crmCustomerProfile .ajax__tab_active .ajax__tab_outer {background-color:#69BE28; color:#fff;} #sjpFlow div.companyProfile div.sjpReviewHeader, #sjpFlow .companyProfile .moduleContentLeft {width:650px;} #sjpFlow div.companyProfile div.sjpReviewHeader h3 {background-color:#fff; color:#525252;} #sjpFlow div.companyProfile div.dbCompanyProfile {margin-top:-50px;} #sjpFlow .companyProfile div.moduleContentRight, .crmSearchModule .moduleHelpContent {width:240px;} .eboInfo .left {width:320px; margin-right:30px;} .eboInfo .right {margin-top:-20px;} .eboInfo .button {margin-left:14px;} /* No Job Seach Results */ #noresult-container { width:700px; padding: 10px; } div.spacer { clear: both; } .left-div-noresult { width: 75px; float: left; padding: 0; margin: 10px 0px; } .right-div-noresult { width: 600px; float:right; padding: 0; margin: 20px 0px; } .left-ebo-noresult { width: 75px; float: left; padding: 0; margin: 45px 0px; } .right-ebo-noresult { width: 600px; float:right; padding: 0; margin: 40px 0px; } .eboNoSearchBorder { border-bottom: 1px solid #CCCCCC; } .h3eboCompanyNoResult { color: #3C8A2E; font-size: 16px; } #saveJobSearchPopup input { width: 250px; } #saveJobSearchPopup input.watermarked { color: #777; } #saveJobSearchPopup .caFrequency input { width: auto; } #saveJobSearchPopup h2, #saveJobSearchPopup h3 { color: #525252; font-size: 14px; } #saveJobSearchPopup .caFrequency h3 { margin: 10px 0 5px; } #saveJobSearchPopup p { padding: 10px 0 0; } #saveJobSearchPopup label { color: #525252; display: block; font-size: 14px; font-weight: bold; padding: 9px 0; } div.popUpBorder { padding: 40px 20px 20px; border: 10px solid #007AC9; border-radius: 10px; } #divSaveSearchLabel, #saveJobSearchPopup #chkContainer { display: none; } #divCareerAlertLabel { margin: 10px 0 0; } .newsletterEmailAddress .small-green-btn {margin-left:14px;} /* #region EMPLOYER BRANDING UPDATE */ .employer h3, .employer h4, .employer h5, .dbExpiryTitle, #sjpFlow .pageHeader h2 {color:#222;} .employer a.button, .employer a.button:link, .employer a.button:visited, .employer a.button:hover, .employer a.button:focus, .employer a.button:active {color:#fff;} #sjpFlow.purchaseConfirmation #TandCcollapse h3, body.employer div.moduleTitle, body.employer div.moduleTable table th.moduleTitle, body.employer div.moduleTitle H1, body.employer div.moduleTitle H2, body.employer div.moduleTitle H3, body.employer div.moduleTable table, .sjpSampleJobDesc h1 { background-color:#007ac9; color:#fff;} div.shPagination a, .shPaginationDisabled {border:1px solid #ccc;} .employer div.ssClose a, .employer div.ssClose a:link, .employer div.ssClose a:visited, .employer div.ssClose a:hover, .employer div.ssClose a:focus, .employer div.ssClose a:active {color:#fff; background-color:#00a9E0; padding:4px;} #sjpFlow .sjpPopularCities li a:hover {background-color:#3c8a2e;} #sjpBDTPreview .jqueryLightBoxClose, #sjpFlow .modalPopup div.sjpModuleContainer h3 {background-color:#00A9E0; color:#fff; border-bottom:none;} /* User Profile*/ .employer #personalInfoCont .fHalfContLeft, .employer #personalInfoCont .fHalfContRight {padding-left:0; padding-right:0; float:none;} .employer .rForm label {display:inline-block; width:160px;} .employer .rForm .emailRetrievalWrapper label {display:block;} .jListTabs ul li.current {background-color:#007AC9;} .jListTabCont {border-bottom-color:#007AC9;} /* Ecom */ #divEcomWrapper .sjpWideModuleCont, #divEcomWrapper .sjpTwoColModuleCont {position:relative;} div.sjpCreditBalance, div.sjpTermsandConditions, sjpEditRemoveAlertModal, .upgradesExamplePopUp, .modelessOverlay, .ita-popup {border-color:#00a9E0 ;} #sjpFlow .sjpPopularCities li a:hover {background-color:#00A9E0;} .sjpSelectedHeading, .sjpJobBoardSelected, .employer .sjpTermsandConditions .popupTitle, .employer .sjpPrivacyPolicy .popupTitle {background-color:#00a9E0;} #sjpFlow div.sjpModuleContainer h3, #sjpFlow div.sjpModule h3, #sjpFlow.purchaseConfirmation #TandCcollapse h3 {background-color:#F1F1F1; color:#007AC9; border-bottom:2px solid #666;} /*#endregion*/ /* #region ETOPS LOGIN */ .buttonCont {text-align:center; margin:0 auto;} .eTops a.button { display: block; height: 38px; margin-top:10px; margin-right: 4px; margin-left:11px; padding-right: 24px; text-decoration: none; background: url("../../Images/Default/SalesHub/employer-buttons-small.png") no-repeat scroll right -144px transparent;} .eTops a.button span { display: block; line-height: 14px; padding: 8px 4px 16px 24px; text-transform:uppercase; font-size:14px; color:#fff; font-weight:bold; background: url("../../Images/Default/SalesHub/employer-buttons-small.png") no-repeat scroll left -94px transparent;} .eTops a.button:active, .eTops a.button:hover { background-position: right -237px; outline: none; /* hide dotted outline in Firefox */} .eTops a.button:active span, .eTops a.button:hover span { background-position: left -187px; padding: 8px 4px 15px 24px; /* push text down 1px */} #dvLogin.eTops {width:280px; padding:0; float:none;} .fr #dvLogin.eTops {width:270px;} .fr #dvLogin.eTops p {padding:3px 0;} #dvLogin.eTops input {width:230px;} #dvLogin.eTopsLogin .mt10, #dvLogin.eTopsLogin .firstField {margin-top:0px;} #dvLogin.eTopsLogin .errorMsg {padding:0px;} /* Center Align the Sign-in button just for eTops */ #dvLogin.eTopsLogin .resetLinks {text-align:center;} #dvLogin.eTopsLogin .btnWrap {width:100%; text-align:center; clear:both;} #dvLogin .btnLgFlushLeft {float:none; display:inline-block;} .eTopsLoggedIn ul, .eTopsLoggedIn li {margin:0; padding:0;} .eTopsLoggedIn ul {margin-left:24px;} .eTopsLoggedIn li {margin:5px 0;} /*#endregion*/ /* Cobra Buttons (no images) */ .btn-square-green {background: #3C8A2E; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#69BE28), to(#3C8A2E));background : -moz-linear-gradient(#69BE28, #3C8A2E); background: linear-gradient(#69BE28, #3C8A2E); -pie-background: linear-gradient(#69BE28, #3C8A2E);border: 1px solid #3C8A2E;} .btn-square-orange {background: #D2492A; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA100), to(#D2492A));background : -moz-linear-gradient(#FFA100, #D2492A); background: linear-gradient(#FFA100, #D2492A); -pie-background: linear-gradient(#FFA100, #D2492A);border: 1px solid #D2492A;} .btn-square-blue {background: #007AC9; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00A9E0), to(#007AC9));background : -moz-linear-gradient(#00A9E0, #007AC9); background: linear-gradient(#00A9E0, #007AC9); -pie-background: linear-gradient(#00A9E0, #007AC9);border: 1px solid #007AC9;} .btn-square-green, .btn-square-orange, .btn-square-blue {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow: 4px 4px 4px #CCCCCC;color: #FFFFFF !important;font-size: 12px;font-weight: bold;padding:0 10px; position: relative;text-decoration: none;text-shadow: 0 1px 1px #555555;cursor: pointer;margin: 0;height: 30px;display: inline-block;zoom:1;*display:inline;} a.btn-square-green, a.btn-square-orange, a.btn-square-blue {line-height:2.5;} .btn-square-green:hover, .btn-square-orange:hover, .btn-square-blue:hover, .btn-square-green:active, .btn-square-orange:active, .btn-square-blue:active {text-decoration: none !important;background: #5B5B5B; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#727272), to(#5B5B5B)); background :-moz-linear-gradient(#727272, #5B5B5B); background: linear-gradient(#727272, #5B5B5B); -pie-background: linear-gradient(#727272, #5B5B5B); border: 1px solid #5B5B5B;color: #FFF;} .btn-small {padding:0 5px;font-size:10px;height:25px;} .btn-large {padding:0 15px;font-size:14px;height:35px;} .btn-x-large {padding:0 20px;font-size:18px;height:45px;} .applyTextBtn { font-size: 16px; text-transform: uppercase; } .stepcarousel .panel{ overflow:visible; } #sampleCompanies .belt .panel ol li{ position:relative; overflow:visible; } #sampleCompanies .belt .panel ol li a:nth-of-type(2){ color:#fff; position: relative; text-decoration:none; font-weight:bold; bottom:-15px; padding:3px 10px; background: #FFA100; border: 2px solid #FFA100; border-radius:2px; height:25px; width:65px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index:10; -webkit-transition:opacity .3s ease-in-out; -moz-transition:opacity .3s ease-in-out; -ms-transition:opacity .3s ease-in-out; transition:opacity .3s ease-in-out; } #sampleCompanies .belt .panel ol li a:nth-of-type(2):after, #sampleCompanies .belt .panel ol li a:nth-of-type(2):before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #sampleCompanies .belt .panel ol li a:nth-of-type(2):after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFA100; border-width: 10px; left: 50%; margin-left: -10px; } #sampleCompanies .belt .panel ol li a:nth-of-type(2):before { border-color: rgba(82, 82, 82, 0); border-bottom-color: #FFA100; border-width: 13px; left: 50%; margin-left: -13px; } #sampleCompanies .belt .panel ol li:hover > a:nth-of-type(2){ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1; } /* Button Styles */ .btn1{color:white;border-radius:4px;color:#FFF;font-size:12px;font-weight:500;font-family:BryantMedium,Arial,sans-serif;text-decoration:none;text-transform:uppercase;white-space:nowrap;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;cursor:pointer;margin:0;padding:4px 10px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-appearance:none;display:inline-block;background:#69be28;border:1px solid #69be28;-webkit-box-shadow:0 2px 0 0 #427730;box-shadow:0 2px 0 0 #427730}.btn1:hover{text-decoration:none}.btn1:focus{text-decoration:none;outline:#525252 dotted 1px}.btn1:hover{background-color:#69be28;opacity:.9}.btn1:active{box-shadow:0 0 0 transparent;margin-top:2px;margin-bottom:-2px}.btn1.btn-lrg{-webkit-box-shadow:0 3px 0 0 #427730;box-shadow:0 3px 0 0 #427730}.btn1.btn-xlrg{-webkit-box-shadow:0 4px 0 0 #427730;box-shadow:0 4px 0 0 #427730}.btn2{color:white;border-radius:4px;color:#FFF;font-size:12px;font-weight:500;font-family:BryantMedium,Arial,sans-serif;text-decoration:none;text-transform:uppercase;white-space:nowrap;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;cursor:pointer;margin:0;padding:4px 10px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-appearance:none;display:inline-block;background:#ffa100;border:1px solid #ffa100;-webkit-box-shadow:0 2px 0 0 #d2492a;box-shadow:0 2px 0 0 #d2492a}.btn2:hover{text-decoration:none}.btn2:focus{text-decoration:none;outline:#525252 dotted 1px}.btn2:hover{background-color:#ffa100;opacity:.9}.btn2:active{box-shadow:0 0 0 transparent;margin-top:2px;margin-bottom:-2px}.btn2.btn-lrg{-webkit-box-shadow:0 3px 0 0 #d2492a;box-shadow:0 3px 0 0 #d2492a}.btn2.btn-xlrg{-webkit-box-shadow:0 4px 0 0 #d2492a;box-shadow:0 4px 0 0 #d2492a}.btn3{color:white;border-radius:4px;color:#FFF;font-size:12px;font-weight:500;font-family:BryantMedium,Arial,sans-serif;text-decoration:none;text-transform:uppercase;white-space:nowrap;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;cursor:pointer;margin:0;padding:4px 10px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-appearance:none;display:inline-block;background:#00a9e0;border:1px solid #00a9e0;-webkit-box-shadow:0 2px 0 0 #007ac9;box-shadow:0 2px 0 0 #007ac9}.btn3:hover{text-decoration:none}.btn3:focus{text-decoration:none;outline:#525252 dotted 1px}.btn3:hover{background-color:#00a9e0;opacity:.9}.btn3:active{box-shadow:0 0 0 transparent}.btn3.btn-lrg{-webkit-box-shadow:0 3px 0 0 #007ac9;box-shadow:0 3px 0 0 #007ac9}.btn3.btn-xlrg{-webkit-box-shadow:0 4px 0 0 #007ac9;box-shadow:0 4px 0 0 #007ac9}.btn4{border-radius:4px;font-size:12px;font-weight:500;font-family:BryantMedium,Arial,sans-serif;text-decoration:none;text-transform:uppercase;white-space:nowrap;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;cursor:pointer;margin:0;padding:4px 10px;border:1px solid #3C8A2E;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-appearance:none;display:inline-block;background:#fff;color:#3C8A2E!important}.btn4:hover{text-decoration:none}.btn4:focus{text-decoration:none;outline:#525252 dotted 1px}.btn-sml{border-radius:4px;color:#FFF;font-size:10px;font-weight:500;font-family:BryantMedium,Arial,sans-serif;text-decoration:none;text-transform:uppercase;white-space:nowrap;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;cursor:pointer;margin:0;padding:3px 5px;border:1px solid;border-color:inherit;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-appearance:none;display:inline-block}.btn-sml:hover{text-decoration:none}.btn-sml:focus{text-decoration:none;outline:#525252 dotted 1px}.btn-lrg{border-radius:4px;color:#FFF;font-size:14px;font-weight:500;font-family:BryantMedium,Arial,sans-serif;text-decoration:none;text-transform:uppercase;white-space:nowrap;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;cursor:pointer;margin:0;padding:6px 15px;border:1px solid;border-color:inherit;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-appearance:none;display:inline-block}.btn-lrg:hover{text-decoration:none}.btn-lrg:focus{text-decoration:none;outline:#525252 dotted 1px}.btn-xlrg{border-radius:4px;color:#FFF;font-size:18px;font-weight:500;font-family:BryantMedium,Arial,sans-serif;text-decoration:none;text-transform:uppercase;white-space:nowrap;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;cursor:pointer;margin:0;padding:10px 20px;border:1px solid;border-color:inherit;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-appearance:none;display:inline-block;text-shadow:0 1px 0 rgba(0,0,0,.3)}.btn-xlrg:hover{text-decoration:none}.btn-xlrg:focus{text-decoration:none;outline:#525252 dotted 1px}.btn-block{border-radius:4px;color:#FFF;font-size:12px;font-weight:500;font-family:BryantMedium,Arial,sans-serif;text-decoration:none;text-transform:uppercase;white-space:nowrap;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;cursor:pointer;margin:0;padding:4px 10px;border:1px solid #3C8A2E;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-appearance:none;display:inline-block;width:90%;text-align:center}.btn-block:hover{text-decoration:none}.btn-block:focus{text-decoration:none;outline:#525252 dotted 1px}.btn1.disabled,.btn1.disabled:active,.btn1.disabled:hover,.btn2.disabled,.btn2.disabled:active,.btn2.disabled:hover,.btn3.disabled,.btn3.disabled:active,.btn3.disabled:hover{background:#efefef;border:1px solid #ccc;cursor:not-allowed;color:#525252!important;text-shadow:none;-webkit-box-shadow:0 2px 0 0 #ccc;box-shadow:0 2px 0 0 #ccc}.btn-group-horizontal{display:block}.btn-group-horizontal [class^=btn]{display:inline-block;float:left;margin:0;border-radius:0;background-color:inherit;border-right-width:0}.btn-group-horizontal [class^=btn]:first-of-type{border-radius:4px 0 0 4px}.btn-group-horizontal [class^=btn]:last-of-type{border-radius:0 4px 4px 0;border-right-width:1px}.btn-group-horizontal [class^=btn].btn1{background-color:#69be28}.btn-group-horizontal [class^=btn].btn1:active{margin-top:2px;margin-bottom:-2px}.btn-group-horizontal [class^=btn].btn2{background-color:#ffa100}.btn-group-horizontal [class^=btn].btn2:active{margin-top:2px;margin-bottom:-2px}.btn-group-horizontal [class^=btn].btn3{background-color:#00a9e0}.btn3:active{margin-top:2px;margin-bottom:-2px}.btn-sml:active{margin-top:2px;margin-bottom:-3px;-webkit-box-shadow:none;box-shadow:none}.btn-lrg:active{margin-top:3px;margin-bottom:-3px;-webkit-box-shadow:none;box-shadow:none}.btn-xlrg:active{margin-top:4px;margin-bottom:-4px;-webkit-box-shadow:none;box-shadow:none} a.btn,a.btn[disabled=disabled]{color:#fff!important}a.btn.disabled[disabled=disabled]{color:#ACA899!important}a.btn:hover{text-decoration:none}