/* Minification failed. Returning unminified contents. (5477,45): run-time error CSS1035: Expected colon, found 'isplay' (5491,68): run-time error CSS1035: Expected colon, found '100%' */ /* DEFAULT LAYOUT */ #bodyContainer, #FrameContainer {margin:0 auto; text-align:left; } #FrameContainer .onsite {width: 100%;} #FrameContainer .onsite form {background: #0d3880;} #Header {position:relative;z-index:4} /* NAVIGATION SPRITE */ .seek-network a, .seek-network strong, .seek-network span, #SeekNav dd, #SeekNav a, #SeekNav .advertisers, #SeekNav .advertisers a {background-image:url(/content/images/navigation/nav-all.png);} /* NETWORK NAV */ .seek-network {float:right; overflow:hidden; font-size:13px; height:23px; margin:0; position:relative; z-index:2;} .seek-network a {color:#666;} .seek-network a:hover {color:#fff; text-decoration:none; background-position: 99px 99px} .seek-network a, .seek-network strong {background-repeat:repeat-x; background-position: left -174px; display:block; padding:3px 8px 5px; text-decoration:none;} .seek-network dt {display:none} .seek-network dd {border-right:1px solid #ebebeb; float:left;} .seek-network .skl a:hover {background:#50b848;} .seek-network .skcom a:hover {background:#00ace5;} .seek-network .vol a:hover {background:#f00;} .seek-network span {width:auto; background-repeat:no-repeat; background-position:-284px -201px; border-left:none; display:inline-block; padding:0 0 0 18px;} .selected-zone {border:none; margin-left:3px;} .selected-zone strong {background-position: 0 -225px; overflow:auto} .selected-net strong {background-position: 0 -200px; color:#fff;} /* NZ, AU flags sprite positioning */ dd.nz span {background-position: -284px -218px;} dd.au a:hover, dd.nz a:hover {background-position:bottom left; color:#333; font-weight:bold} dd.end-zone {border-right:none;} dd.end-zone a {color:#666; background-position:right -174px;} /* SEEK LOGOS */ /* NZ, AU homepage and subpage logo settings */ #SeekLogo, #SeekLogo + a {background-repeat: no-repeat; height:105px; width:550px; top:0px; left:0px; text-indent:-999px; display:inline-block; position:absolute; z-index:0} /* NZ, AU subpage logo positioning */ #SeekLogo {position:absolute; left:-20px; bottom:0px; background-position: 20px -134px} /* Moved logo link to outside logo span so it could be layered over the top of logo and not conflict with menu z-index */ #SeekLogo + a {position:absolute; top:20px; height:45px; width:300px; z-index:10} /* WELCOME NAV */ #Login {position:absolute; bottom:56px; right:6px; z-index:2; background-image:none} #MobileSwitch a {display: block; left: 42px; top: -54px; position: absolute; z-index: 100;} /* MAIN NAV */ #SeekNav {height:26px;width:auto;padding-top:59px; margin:0 7px 0 50px; position:relative; top:1px; clear:both; text-align:left; font:bold 12px arial;} #SeekNav dt {display:none} #SeekNav dd, #SeekNav a {float:left; background-repeat: no-repeat; background-position:left top; text-decoration:none; white-space: nowrap; cursor:pointer;} #SeekNav dd {height:26px; padding-left:3px; margin:0 2px;} #SeekNav dd:hover, #SeekNav .selected-tab {background-position:0 -28px;text-decoration:none;} #SeekNav a, #SeekNav span {color:#666; height:20px; background-position:right top; padding:5px 8px 2px;} #SeekNav a:hover, #SeekNav dd:hover a, #SeekNav .selected-tab a {color:#fff; background-position:right -28px} .body-home-index #SeekNav dd, .body-jobsearch-index #SeekNav dd {height:27px; } #SeekNav .advertisers, #SeekNav .advertisers a {background-repeat:no-repeat; background-position:left -86px} #SeekNav .advertisers, #SeekNav .alliance-logo {float:right; height:41px; position:relative; margin:-16px 2px 0 0} #SeekNav .advertisers a {color:#E60A7C; height:30px; background-position: right -86px; padding:7px 15px 4px} #SeekNav dd.advertisers {height:41px;} #Header .advertisers:hover, #Header .advertisers:hover a {background-position:0 -129px;} #Header .advertisers a:hover {color:#FFF; background-position:right -128px; } /* switches to this logo when in Alliance header mode */ #SeekNav dd.alliance-logo {background-image:none; left:5px; position:relative; top:10px; width:105px;} .alliance #SeekNav {padding-top:50px;} .alliance #Login {bottom:50px;} /* Homepage Nav and Login text alignment */ .body-home-index #SeekNav {padding-top:66px;} .body-home-index #Login {bottom:62px;} /* NAV/CONTENT DIVIDER */ #Divider, .divider-lt, .divider-rt, .main-page {background: url(/content/images/layout/container-top-sprite.png) repeat-x 0px -103px;} #Divider {width:100%; overflow:hidden; height:12px;} .divider-lt, .divider-rt {display:block; float:left; height:12px; width:5px; background-position:left 0px; } .divider-rt {float:right; padding-right:5px; background-position:10px -12px;} /* CONTENT AREA */ .main-page {margin:0px 2px; padding-top:10px; background-color:#f3f8ff; background-position: 0px -200px; z-index:3; position:relative;} .content {margin:0px 11px; padding:5px 12px; background:#fff; position:relative; z-index:3; top:4px; min-height:200px} /* Image CSS sprite declarations */ #Footer a.security, .form-msg.success, .save a:first-child, .employment-index-video dd dt:first-child, .employment-index-video dd dt, .au .employment-index .article-side h3:first-child, .au .employment-index .article-side h3, .nz .employment-index .article-side h3:first-child, .nz .employment-index .article-side h3, .market-research .content dl dt:first-child, .market-research .content dl dt, .screen-msg, .jobapply-submitted dl, .jobapply-submitted h1, .success-msg {background: url(/content/images/icons/icons_sm_all4.png) no-repeat top left} .more, .more a, .related-links dd, .browse .arrow, .quickSearch .arrow, .quickSearch .arrow2, .quickSearch #addsalary, .advancedSearch .quickSearchTop, .advancedSearch .quickSearchBottom, .miniSearch .adv-search-link, .questions li, .employment-index-video li > dl > dd > ul li:first-child, .employment-index .employment-index-video li dl dd dl dd ul li, .employment-index .article-side div ul li, .market-research .content dl dd ul li, .sidearrow, .screen-msg span, .jobsearch-index .box-shadow h3 + a, .miniSearch .grad-search-link, .miniSearch .arrow, .miniSearch .arrow2, .jobapply-submitted li, a.adv-search-link {background:url(/content/images/icons/icons_arrows_bullets_2.png) no-repeat left;} .box-arrow {background:url(/content/images/layout/pink-arrows-large.png) no-repeat 0 0;} .joblisting-index #ReportThisAdSuccess .panel-form {background-image:url(/content/images/icons/icons-global.png); background-repeat:no-repeat;} .invalid, .valid, .incomplete {display:block; background: url(/content/images/icons/icons_user_messages.png); background-repeat:no-repeat;} /* CSS Arrow declaration */ .css-arrow {font-size:0; line-height:0; width:0; height:0; border-style:solid; border-color:transparent;} /* Error pages */ /* [class|="body-error"] .seeker-frame {width:600px; left:193px; top:13px} [class|="body-error"] .f-tp, [class|="body-error"] .f-bm, [class|="body-error"] .f-bm-space {width:562px} [class|="body-error"] .content {padding:50px 20px 35px 50px} [class|="body-error"] #FrameContainer {padding:20px 20px 35px 30px;} [class|="body-error"] h1 {font-size:20px; margin-bottom:30px} [class|="body-error"] h1 + p, [class|="body-error"] h1 + p + p {font-size:14px} */ /* width relative to frame-top, frame-bottom and frame-bottom-space width. Make sure both are adjusted if required. */ .seeker-frame {position:relative; width:860px; } .f-tp, .f-tp-lt, .f-tp-rt, .f-bm, .f-bm-lt, .f-bm-rt, .f-bm-space {position:absolute; background-image: url(/content/images/layout/sp-frameEdges.png); z-index:1;} /* width relative to seeker-frame width, must be seeker-frame -38px */ .f-tp, .f-bm, .f-bm-space {background-repeat:repeat-x; margin:0; height:16px; width:822px;} .f-tp {background-position:0 -540px; top:-11px; left:18px;} .f-tp-lt {background-position:0px -77px; top:-20px; left:-2px; height:30px; width:20px} .f-tp-rt {background-position:-3px -283px; top:-20px; right:0px; height:30px; width:20px} .f-bm {background-position:0 -26px; bottom:-30px; left:18px;} .f-bm-space {bottom:-14px; left:18px} .f-bm-lt {background-position:0px -228px; bottom:-25px; left:-2px; height:25px; width:20px} .f-bm-rt {background-position:-8px -456px; bottom:-25px; right:0px; height:25px; width:20px} .f-rt, .f-lt {position:absolute; display:block; background-image: url(/content/images/layout/sp-frameRepeater.png); background-repeat: repeat-y; height:100%; width:20px} .f-lt {background-position:-139px 0; top:10px;} .f-rt {background-position:8px 0; right:0px; top:10px;} .support-panel, .panel {position:absolute; top:48px; width:321px; right:-310px; border:#E1EFFB 1px solid; background:#FBFEFF url(/content/images/layout/panel-gradient.png) repeat-y left; } .support-panel {padding:15px 0 15px 20px; border-left:none; z-index:1} .panel {top:15px; width:182px; left:-180px; padding:10px 0 10px 8px; background-position:top right; border-right:none; z-index:2;} .support-panel .drop-shadow, .panel .drop-shadow {position:absolute; bottom:-20px; height:19px; width:90px; background:url(/content/images/layout/panel-drop.png) top left} .support-panel .drop-shadow {left:0px;} .panel .drop-shadow {background-position:top right; right:0px} /* FOOTER */ #Footer {background:#f3f8ff; padding:30px 0; margin:0 2px;} #Footer, #Footer p {font-size:11px; color:#999; text-align:center;} #Footer a {color:#06c; padding-right:16px} #Footer p {margin:10px 0} #Footer a.promise-link, #Footer a.privacy, #Footer a.security {padding-right:0} #Footer a.security {background-position: -2px -688px; padding-left:13px;} /* "more" link styling */ a.more, .more a {background-position:3px -711px; padding-left:12px; color:#003366;} .home-index a.more, .home-index .more a, .home-index .more {background:none;padding:0; color:#003366;} .hide {display:none} /* BROWSE JOBS */ #BrowseJobs li span, .home-index .more span {display:inline-block;background:none;margin:4px 0 0;padding:0;height:0;width:0;border:4px solid #fff; border-left-color:#8a8a8a;} #BrowseAllJobs h2 {font-size:14px;font-weight:normal;margin-bottom:8px;} #BrowseAllJobs dd {border-left:1px solid #acacac; padding:0 6px 0 8px;} #BrowseAllJobs dt + dd {border-left-width:0px; padding-left:0px;} #BrowseJobs {display:none; width:auto;overflow:hidden; margin:15px auto; text-align:left; line-height:20px;} #BrowseJobs ul { padding: 0;} #BrowseJobs li {color:#7D7D7D; font-size:12px;list-style-type:none;} #BrowseJobs li span {border-left-color:#E60A7C;} .home-index .more {text-align:left; width:auto;} /* International Partners Bubble */ .int-parteners {position:relative; z-index:5} .int-parteners .main-bubble {text-align:left; display:none; position:absolute; height:170px; width:270px; right:-90px; top:-210px; z-index:5; font-size:9pt; text-align:left; color:#000; line-height:17px;} .int-parteners .main-bubble .help-content {margin-top:3px;} .int-parteners .main-bubble #IntHeading {color:#E60A7C;font-size:11pt;font-weight:normal; line-height:23px;} .int-parteners .main-bubble a {font-size:8pt; list-style-type:none;} .int-parteners .main-bubble .closehelp {top:5px;cursor:pointer;} .int-parteners .main-bubble strong {margin-left:-16px;color:#999999;} .int-parteners .main-bubble.displayLinks {display:block;} /* Technical issues Bubble */ #technicalissues { top: 84px; left: 22px; width: 275px; height:95px;} #technicalissues span { height: 15px; width: 17px; left: auto; top: 0;} #technicalissues span a { width: auto; font-size: 12px; display: inline; } #technicalissues .help-content { height: auto; width: auto;} #technicalissues strong { color: #000;} #technicalissues .bh-rb, #technicalissues .bh-lb, #technicalissues .bh-bp { height: 19px; bottom: -19px; top: auto; left: -17px } #technicalissues .bh-rt, #technicalissues .bh-rb, #technicalissues .bh-rs { right: -17px;left: auto; } #technicalissues .bh-lt, #technicalissues .bh-rt, #technicalissues .bh-tp { top: -15px; width: 17px; } #technicalissues .bh-pointer { width: 72px;height: 43px; background-position: -457px -20px;top: -47px;} #technicalissues .bh-ls, #technicalissues .bh-rs { height: 100%; top: 0; } #technicalissues .bh-tp, #technicalissues .bh-bp { width: 100%; left: 0; } #technicalissues .bh-ls, #technicalissues .bh-lt { left: -17px; } /* make sure there is a sufficient border at the bottom of each cobrand page */ .cobrand #Footer {padding:10px 0 2px 0; background-color: Transparent} .cobrand #Footer a {padding:0} .cobrand .main-page {padding-bottom:10px;} .cobrand-seek-terms {text-align:center; font-family:Arial; font-size:12px; padding-top:6px;} /* MASTER PAGE VARIATIONS */ /* HomePage.Master */ #HomePageLayout #bodyContainer, #HomePageLayout #Header {width:822px;} .deprecated {color:#777777;} /* Banners. */ #SkyscraperBanner {margin-top:40px; padding-left:1px } #LeaderBoardBanner {text-align:center} #LeaderBoardBanner iframe {background-color:#F3F8FF; text-align:center;vertical-align: middle;margin-bottom: 9px;margin-top: -9px;} /* global form styles */ label {display:inline-block; text-align:right; color:#212121; font-size:14px; position:relative;font-weight: 700; padding-right:4px;} input[type="checkbox"] + label, input[type="radio"] + label { font-weight: normal; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { width: 100%; border-color: #d6d6d6; display:inline-block; border:1px solid #d6d6d6; margin: 9px 0; padding: 8px 10px; display: inline-block; padding: 6px; font-size: 12px; line-height: inherit; color: #212121; border-radius: 2px; } select { border:1px solid #d6d6d6; line-height: 36px; margin: 9px 0; height: 36px; border-radius: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } select[multiple], select[size] { height: auto; } /* styling "button" then 'or' then "link" combination */ .form-submit {color:#898989;} .form-submit > span, .form-submit form > span {padding:8px 4px 0 20px; display:inline-block} /* START - Error/Warning Box styles */ .form-msg, .field-msg {display:none; border:1px solid #dadada;} .field-msg.invalid, .field-msg.valid, .form-msg.invalid, .form-msg.valid {display:block} .form-msg {padding:5px 16px 5px 28px; margin:0 0 8px;} .form-msg.valid {background-position:9px -680px;} .field-msg {padding:5px 2px 5px 20px; margin:0; width:174px;} .invalid {background-color:#ffd9d9; background-position:7px -432px} .field-msg.invalid {background-position:4px -206px; } .valid {background-color:#e2f5e1;} .field-msg.valid {background-position:4px 9px; } .incomplete {background-position:4px -105px; background-color:#e9f4ff} .checking {display:inline-block; background:#e9f4ff url(/content/images/icons/icon_checking.gif) no-repeat 4px 6px;} .registerscreen .form-msg {margin:0;} .initialRegisterState span.field-msg {color:#1A1A1A} .form-msg.success {background-position: 10px -1062px; border:1px solid #FD9FD0;color:#E60A7C;margin-bottom:16px;padding:17px 0 17px 45px;width:360px;display:block;} .registerscreen .field-msg.invalid.suggestion { background-image: url(/content/images/icons/icons_user_messages_1.png); background-position: 0 -144px; } .myaccount-index-loggedin h2.myacc-welcome p.valid {color:#1A1A1A;} #bodyContainer .form-msg ul {margin:6px 0; padding-left:17px; } #bodyContainer .form-msg ul li {margin-bottom:2px; list-style-type:disc; padding:0px; } /* remove background color from fields with client side validation applied to them by default */ input.valid, textarea.valid, select.valid {background-color:#fff; background-image:none} .field-validation-valid.invalid, .field-validation-valid.valid, .field-validation-valid.incomplete, .field-validation-valid.checking, .field-validation-error.invalid, .field-validation-error.valid, .field-validation-error.incomplete, .field-validation-error.checking {border:1px solid #DADADA; display:inline-block; padding:1px 2px 0 20px; width:190px; background-position:4px -210px;} .field-validation-valid.valid, .field-validation-error.valid, [class|="myaccount"] .field-msg.valid {background-position:4px 5px;} .field-validation-valid.incomplete, .field-validation-error.incomplete, [class|="myaccount"] .field-msg.incomplete {background-position:4px -109px;} .field-validation-valid.checking, .field-validation-error.checking {background-position:3px 2px;} /* LIGHTBOX */ /* START - Lightbox Control */ .topmsg {padding:5px 16px 4px 28px; background-position:8px 6px;} #LightboxContainerGreen {position:fixed; top: 48px; left:0; width:100%; text-align: center; z-index: 1001;} .cobrand #LightboxContainerGreen {top: 188px;} #bodyContainer.register-index {width: 576px;} #LightboxContainerGreen .LightboxModal {width:530px; display:none; top: 27px; margin:0 auto; background:#fff; padding:8px; position:relative; z-index: 1001; background-color:rgb(229,229,229); -moz-box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; box-shadow: 0 0 25px #111; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;} #LightboxContainerGreen .LightboxContent { background:#fff; height:100%; width:100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;} /* GREEN LIGHTBOX NOTIFICATION*/ #LightboxContainerGreen .LightboxContent {background-color:#c7e396; width:548px; position: relative; padding:4px 0 14px 0; width:100%; text-align:left;} #LightboxContainerGreen .LightboxContent h1 {font-size:20px; color:#346600; font-weight:bold; margin:10px 0 10px;} #LightboxContainerGreen .LightboxContent p {color:#000; font-size:16px;} #LightboxContainerGreen .LightboxContent img {float:left; margin:8px 10px 20px 20px;} /*Saved Search Success notification*/ #JustSavedSearchMessage #LightboxContainerGreen .LightboxModal {top:100px; padding-bottom:9px; width:380px;} #JustSavedSearchMessage.jobmail-msg #LightboxContainerGreen .LightboxModal {width:425px;} #JustSavedSearchMessage #LightboxContainerGreen .LightboxContent {padding: 12px 0 14px 0;} #JustSavedSearchMessage #LightboxContainerGreen .LightboxContent img {margin-top:1px;} #JustSavedSearchMessage.jobmail-msg #LightboxContainerGreen .LightboxContent img {margin-top:13px;} #JustRegisteredMessage #LightboxContainerGreen .LightboxModal h1, #JustRegisteredMessage #LightboxContainerGreen .LightboxModal p {margin-left:20px;} /* Lightbox content common styles */ .lightbox input[type="text"], .lightbox input[type="password"] { margin-left:4px; width:200px; font-size:16px; height:23px; padding:2px 4px 0; } .lightbox {display:block; padding:13px 18px 20px 16px; width:496px; position:relative; top:0px;} .lightbox h1 span {font-size:12px; color:#999; display:block; text-align:right; margin-top:-15px; margin-bottom:1px; margin-right:7px;} .lightbox h1 {margin-bottom:16px; margin-top: 0;} .lightbox h2 {font-weight:normal; color:#212121;} .lightbox legend {display:none} .lightbox label {width:130px;} .lightbox input[type="checkbox"] {width:auto} .lightbox ul {color:#999; padding:2px 0 0 15px; margin:0} .lightbox ul li {text-indent:-2px; padding:3px 0 0; list-style:disc;} p.lightbox-top-nav {background:#f5f5f5; position:absolute; top:0; right:0; padding:0 5px 0 5px; margin: 0; background: -webkit-gradient(linear, center top, center bottom, from(rgb(251,251,251)), to(rgb(245,245,245))); background: -moz-linear-gradient(top, rgb(251,251,251), rgb(245,245,245)); background: -o-linear-gradient(top, rgb(251,251,251), rgb(245,245,245)); -pie-background: linear-gradient(top, rgb(251,251,251), rgb(245,245,245));} p.lightbox-top-nav a {padding:15px 10px; display:inline-block; font-size:12px;} p.lightbox-top-nav span {border-left:#e5e5e5 1px solid; display:inline-block;} /* Lightbox cross promo - nav area at base of lightbox */ .lightbox .btn {text-transform:none;} .lightbox .pink-btn-lge {vertical-align:middle} .lightbox-promo a {display:inline-block; font-size:14px; margin: 0 18px;} .lightbox-promo strong {margin:0 -18px 0 18px; font-size:14px; font-weight:normal;} .lightbox-promo span:first-child {display:block; height:10px; background-position:left top} .registerscreen .lightbox-promo {width:574px;} #LoginValueText {color:#707070; display:block; padding:2px 0 0 18px; background-image:none} /*#loginValueTextClass {color:#707070; padding-left:15px; font-size:14px;}*/ #FormValidationMessage {display:none} #FormValidationMessage.topmsg {display:block} .lightbox-promo {display:block; padding:10px 0; margin:0 -17px; border:1px solid #d9d9d9; border-top:1px solid #d0d0d0; background:#EEE; width:528px; border-radius: 2px 2px 3px 3px; -moz-border-radius: 2px 2px 3px 3px; -webkit-border-radius: 2px 2px 3px 3px; -khtml-border-radius: 2px 2px 3px 3px; background: -webkit-gradient(linear, center top, center bottom, from(rgb(240,240,240)), to(rgb(220,220,220))); background: -moz-linear-gradient(top, rgb(240,240,240), rgb(220,220,220)); background: -o-linear-gradient(top, rgb(240,240,240), rgb(220,220,220)); -pie-background: linear-gradient(top, rgb(240,240,240), rgb(220,220,220));} strong.forgot-password a {display:block; padding:15px 0 0 0; font-weight:normal;} /* In-page lightbox style resetting */ .main-page .lightbox {padding:0 0 0 5px; border:none;} .login-forgotpassword .lightbox {padding-bottom:15px; width:500px;} .main-page .lightbox h1 {padding-top:15px} .main-page .lightbox-promo {background:none; padding:15px 0 5px; position:static; border:none;} .main-page .lightbox-promo span {display:none} /* Login Page */ .loginscreen label {padding:0; top:-1px;} .loginscreen .login ol {padding-top:22px; position:relative; z-index:10;} .loginscreen ol input {width:223px;} .loginscreen ol li:first-child {margin-bottom:6px} .loginscreen ol li a {position:relative; top:-2px; margin-left:2px;} .loginscreen .form-msg {margin:0;} .loginscreen .remember {margin-left:98px; padding-bottom:18px;} .loginscreen .remember input[type="checkbox"] {border:0 none; padding:0; position:relative; top:7px} .loginscreen .remember label {padding:0; font-size:9pt; color:#000; position:relative; top:5px; width:185px; text-align:left; padding-left:5px;} .login label {width:90px;} .login p {position:relative; left:97px; top:0; padding-bottom:10px} #lightboxIntro {padding:12px; margin:28px 0 5px 0; background-color:#fffcc9; font-size:14px; color:#1A1A1A} #lightboxIntro span {display:block;padding-top:7px;} .loginscreen #advertiserLogin { background: #f2f2f2; float: right; height: 35px; padding: 19px 15px; width: 152px; margin-top: 21px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .loginscreen #advertiserLogin strong { font-size: 13px;} /* Register Page */ .registerscreen {width:520px;} .registerscreen h1 {overflow:hidden;} .registerscreen .duplicate-email {display:none;} .registerscreen h1.duplicate-email {margin:0 0 6px 0;} .registerscreen small, .registerscreen .emails .remember span, .initialRegisterState span, li.sub-text {color:#999;} .registerscreen ol li {margin-bottom:8px} .registerscreen input[type="text"],.registerscreen input[type="password"] {width:193px; font-size:13px;} .registerscreen .login-details ol {padding:14px 0 0 0; margin-right:-6px;} .registerscreen .login-details ol li:first-child {margin-top:0} .registerscreen .login-details label {width:109px; top:-2px;} .registerscreen fieldset ol li.heading {color:#666;} .registerscreen fieldset ol li.heading strong {display:inline-block; width:109px; top:-2px; text-align:right; font-size:15px; margin-right:8px;} .registerscreen .form-submit > span {padding-top:8px; padding-left: 0;} .registerscreen .login-details .field-msg {right:0; width: 180px;} .registerscreen #FindPassword {display:none; font-size:16px; position:relative; text-align:center; margin:15px 0 0px 0;} .registerscreen #FormValidationMessage {margin:0 -6px 0 0;} .registerscreen #ConfirmPassword {margin-bottom:5px;} .registerscreen .login-details #RememberMe {margin-left:136px;} .registerscreen .login-details #RememberLabel {width:191px; color:#000; top:-1px;} .registerscreen .emails li.remember {margin:0 0 15px 0; padding:0;} .registerscreen .emails ol.remember {margin:0;} .registerscreen .emails ol li label {left:2px; top:-2px;} .registerscreen .remember label {font-size:9pt; width:185px; text-align:left;} .registerscreen #sendLoginPrompt {display:none; background:#F2F2F2; padding:10px 0 10px 10px; position:relative; left:-5px; margin:10px -15px 10px 0; font-size:14px; line-height:20px;} .registerscreen #sendLoginPrompt strong {font-style:italic;} #SecondRegisterSection li.sub-text, .general-form li.sub-text {padding-left:138px; margin-top:-16px;} .general-form li.sub-text {margin-top:0;} /* P1 - About You Form*/ #aboutYouDetails select {margin:0; font-size:13px; height:25px; width:394px;} #aboutYouDetails input[type="text"] {width:384px;} #aboutYouDetails select.from-month, .registerscreen #aboutYouDetails select.to-month {width:95px;} #aboutYouDetails select.from-year, .registerscreen #aboutYouDetails select.to-year {width:60px;} #aboutYouDetails #timeInRoleDetails strong {display:inline-block; margin:0 8px; color:#666;} #aboutYouDetails #timeInRoleDetails input[type="checkbox"] {position:relative; top:2px;} #aboutYouDetails #timeInRoleDetails label {top:0;} #aboutYouDetails #timeInRoleDetails #nowLabel {width:29px; color:#1A1A1A;} #aboutYouDetails ol {padding-bottom:7px;} #aboutYouDetails .field-msg {width:370px; position:relative; top:0; left:134px;} #aboutYouDetails .input-validation-error {border-color:#ff0000} #aboutYouDetails select.input-validation-error {background-color:#ffd9d9;} .ui-autocomplete {width:348px;overflow:auto;min-height:23px;max-height:184px;padding:1px 0px;background-color:#fff;border:1px solid #666;-moz-border-radius:3px;-webkit-border-radius:3px;} .ui-autocomplete li {text-align:left;padding:0px 1px;} .ui-autocomplete a {display:block;padding:3px 0 3px 5px;border:1px solid #fff;-moz-border-radius:3px;-webkit-border-radius:3px;} .ui-autocomplete .ui-state-hover {border:1px solid #83b5e7;background-color:#f5faff;text-decoration:none;} /* Pre & Post Apply Not Now / Register / Cancel Buttons */ #PreApply .not-now, #PostApply .not-now {position:absolute; font-size:12px;} #PreApply.loginscreen .not-now {top:17px; left:112px;} #PreApply.registerscreen .not-now {bottom:60px; left:260px;} #PreApply.registerscreen #FindPassword .not-now {top:13px; left:300px;} #PreApply.registerscreen #FindPassword {margin-right:150px; margin-bottom: 10px;} #PreApply.choose-login .not-now {top:56px; right:60px;} #PreApply.forgotdetails .not-now {bottom:44px; left:160px;} /* Register validation alignment */ .login-details ol li {position: relative;} .login-details .field-msg {position:absolute; top:0px; right:-7px;} .emails label:first-child {display:block; width:105px;color:#212121; padding-top:12px} .emails label small {display:block} .emails label {color:#000; width:auto} .emails ol {padding:8px 0 6px 0; margin: 0 -6px 0 0;} .emails input[type="checkbox"] {top:2px; left:-2px; margin:0;} .emails li input#ENewsSeekLearning {margin-left:121px;} .emails li input#ENewsSeek {margin-left:121px;} .emails .remember {margin:0 0 16px 0; padding-left:121px;} .emails li p {vertical-align:middle; display:inline-block; padding:0;} .emails .pink-btn-lge {vertical-align:top} .initialRegisterState {height:auto} /* Forgot Details Page */ .forgotdetails input[type="text"] {width:312px;} .forgotdetails label {width:auto} .forgotdetails .submit { margin:14px 0 20px; } .forgotdetails a {margin:0 0 0 2px;} .forgotdetails .pink-btn-lge {margin:0 6px 0 42px; vertical-align: middle;} .forgot-password-sent {min-height:100px} .forgot-password-sent p {padding-bottom:10px} .forgot-password-sent h3 {color:#000; font-size:12px; font-weight:bold; margin-bottom:0px} .forgot-password-sent ul {margin:0 0 10px 22px} .forgot-password-sent ul li {list-style:disc; color:#000; padding:1px 0 0 0;} .forgot-password-sent div {text-align:left} /* Change password page */ .change-password {padding-bottom:30px} .change-password div {margin:8px 0 0 108px} .change-password ol > li {margin-bottom:8px} .change-password .form-msg {margin:0px;} .change-password .field-msg {right:-5px; width:159px} .change-password .form-submit {margin-top:16px; position:relative; left:107px;} /* Choose login page */ .choose-login {padding-bottom:30px} .choose-login div, .choose-login p, .choose-login div + span {display:inline-block} .choose-login p, .choose-login div + span {vertical-align:top; margin:11px 0 0 0; } .choose-login p {color:#212121; padding-right:15px} .choose-login div + span {padding:0 24px 0 0; color:#999;} .choose-login .lightbox-promo {margin-left:-16px; width:513px;} /* Pre Apply Choose Login Page */ #PreApply.choose-login {padding-bottom:0;} /* Duplicate email */ .duplicate-email h1 {margin-bottom:9px;} .duplicate-email h1 + p {font-weight:bold; margin-bottom:17px} /* Registration acc disabled */ .account-disabled {padding-bottom:15px} /* Email Sent Page */ .emailsent ul {color:#000; margin:0 0 15px; padding:11px 0 0;} .emailsent ul p {margin:0; font-weight:bold; } .emailsent li {margin:0 0 0 25px;} /* Lightbox Screens - END */ /* lightbox pages */ .keywords-content { max-height: 400px; overflow: auto; width:490px;} .myaccount-viewjobmailexample .lightbox h1 a {top:17px;} .myaccount-viewjobmailexample .lightbox img {margin:10px 0 0 -4px} /* EOI preview */ .myaccount-expressionofinteresetpreview dt {color:#212121; padding:2px 0;} .myaccount-expressionofinteresetpreview dd {padding-bottom:8px} /* My Account/ Job Apply resume tips and protect privacy */ .apply-tips, #ResumeTips.show, #SelectionCriteriaTips.show, #ProtectPrivacyTips.show {border:1px solid #DCDCF9; background-color:#F6FBFF; } .apply-tips dt { font-weight:bold} .apply-tips {padding:3px 10px; position:relative; top:-22px; margin-bottom:12px;} #ResumeTips, #SelectionCriteriaTips, #ProtectPrivacyTips {position:relative; top:-22px;left:60px; font-size:11px;padding:2px 7px;} #SelectionCriteriaTips {left:182px} #ResumeTips.show, #SelectionCriteriaTips.show, #ProtectPrivacyTips.show { border-width:1px 1px 0 1px; padding:1px 6px; z-index:1; } .myaccount-index-loggedin .apply-tips {top:-27px; margin-right:12px;margin-bottom:-27px;} .myaccount-index-loggedin #ResumeTips, .myaccount-index-loggedin #ProtectPrivacyTips {left:300px;top:-35px;padding:2px 7px 9px;} #deleteUploadedResumeBubble, #deleteSEEKResumeBubble, #deleteSavedSearchBubble {position:relative; } .bubble-delete { background:url(/content/images/layout/bubble.png) no-repeat scroll left top transparent; height:93px; left:-155px; padding:14px 0 0 20px; position: absolute; text-align:left; top:-100px; width:214px; z-index:50;} /* Context Help*/ [class^="bubble-help"] {display:block;position:absolute;top:0;right:0;width:100%;background:#fff;z-index:10;} .help-content {margin:10px;display:block;} .bh-lt, .bh-rt, .bh-tp, .bh-bp, .bh-ls, .bh-rs, .bh-rb, .bh-lb, .bh-pointer, .bh-close {display:block;background-image:url(/content/images/layout/bubble_help_bg.png);background-repeat:no-repeat;background-position:0 0;position:absolute;z-index:1;} .bh-lt, .bh-rt, .bh-tp {top:-15px;height:15px;width:17px;} .bh-rb, .bh-lb, .bh-bp {bottom:-19px;height:19px;width:17px;} .bh-rt, .bh-rb, .bh-rs {right:-17px;} .bh-lt, .bh-lb, .bh-ls {left:-17px;} .bh-ls, .bh-rs {top:0;background-repeat:repeat-y;} .bh-tp, .bh-bp {left:0;} .bh-ls, .bh-rs {width:17px;height:100%;} .bh-tp, .bh-bp {width:100%;background-position:-17px top;} .bh-lt {background-position:-30px -17px;} .bh-rt {background-position:-60px -17px;} .bh-rs {background-position:right 0;} .bh-rb {background-position:-90px -17px;} .bh-bp {background-position:-17px bottom;} .bh-lb {background-position:-120px -17px;} .bh-ls {background-position:0 -17px;} .bh-pointer {height:43px;width:72px;background-position:-150px -20px;bottom:-50px;left:35%;} .closehelp {display:block;position:absolute;background:url(/content/images/icons/icons-sm.png) no-repeat 0 0;height:12px;width:12px;top:0;right:0;} .bubble-help-top .bh-pointer {background-position:-465px -17px;bottom:auto;top:-50px;left:30%;} .bubble-help-left .bh-pointer {background-position:-935px -3px;bottom:10px;left:-50px;height:72px;width:43px;} .bubble-help-right .bh-pointer {background-position:-786px -3px;bottom:5px;left:auto;right:-50px;height:72px;width:43px;} .bubble-help-right-bottom .bh-pointer {background-position:-886px -3px;bottom:5px;left:auto;right:-50px;height:72px;width:43px;} .bubble-help-bottom-right .bh-pointer {background-position: -260px -17px;bottom: -50px;left: auto;right: 38px;height: 43px;width: 72px;} /* PROMO TILES on Industry Browse Page */ #promotions {width:100%; overflow:hidden; min-height:118px; padding:16px 0 12px; text-align:center; position:relative; margin-bottom:0px} #promotions dd {display:none; vertical-align:top; padding: 0 0 0 21px; margin-left: 44px;} #promotions.display dd {display:inline-block;} #promotions dd:first-child {padding-left: 0px; margin-left: 2px;} #promotions .mod-skl-tile {margin-left:44px;} #promotions .mod-skl-tile p {padding: 41px 0 0 1px; margin: 0 0 7px 0;} #promotions .mod-skl-tile .state-button-lmis {padding: 6px 3px; line-height:10px;} /* BUTTONS .pink-btn-sm-left .pink-btn-med .pink-btn-lge .grey-btn-sm .grey-btn-med .grey-btn-lge .darkgrey-btn .btn-*-sm.disabled .btn-*-med.disabled .btn-*-lge.disabled */ /* Default button (grey) and global btn settings, and disabled override */ a[class*="btn-"], a[class*="btn-"]:link, a[class*="btn-"]:visited, a[class*="btn-"]:focus, a[class*="btn-"]:hover, a[class*="btn-"]:active {text-decoration:none;} [class*="btn-"], [class*="btn-"] strong, [class*="btn-"] span, [class*="btn-"] input, [class*="btn-"].disabled, [class*="btn-"].disabled strong, [class*="btn-"].disabled span, [class*="btn-"].disabled input {text-align:center; position:relative; width:auto; color:#797979; height:auto; font-weight:normal; font-size:12px; border:none; vertical-align:middle; padding:0px; margin:0px; background:url(/content/images/buttons/btn-grey.png) no-repeat; cursor:pointer;} [class*="btn-"], [class*="btn-"].disabled {padding-left:6px; margin-right:8px; margin-left:0px; background-position:top left;} [class*="btn-"] strong, [class*="btn-"] span, [class*="btn-"] input, [class*="btn-"].disabled strong, [class*="btn-"].disabled span, [class*="btn-"].disabled input {background-position:top right; margin-right:-7px; padding-left:6px; padding-right:12px;} [class*="btn-"]:hover, [class*="btn-"].disabled:hover {text-decoration:none; cursor:pointer; } [class*="btn-"]:hover strong, [class*="btn-"]:hover span, [class*="btn-"]:hover input, [class*="btn-"].disabled:hover strong, [class*="btn-"].disabled:hover span, [class*="btn-"].disabled:hover input {background-position:right -29px;} /* Disabled button defaults to grey btn */ [class*="btn-"].disabled:hover {background-position:top left;} [class*="btn-"].disabled:hover strong, [class*="btn-"].disabled:hover span, [class*="btn-"].disabled:hover input {background-position:right top; cursor:default} /* hide display:inline-block from IE7 as it causes margin bug. */ head ~ /* */ body [class*="btn-"], head ~ /* */ body [class*="btn-"] strong, head ~ /* */ body [class*="btn-"] span, [class*="btn-"] input {display:inline-block } /* small */ [class*="btn-sm"] strong, [class*="btn-sm"] span, [class*="btn-sm"] input {font-size:11px; height:19px; line-height:19px; padding-bottom:1px; } [class*="btn-sm"] input {background-position:right 1px; position:relative; top:-1px; height:21px;} [class*="btn-sm"]:hover input {background-position:right -25px;} [class*="btn-sm"]:hover {background-position:0px -26px;} [class*="btn-sm"]:hover strong, [class*="btn-sm"]:hover span {background-position:right -26px;} /* medium */ [class*="btn-med"] {background-position:0px -55px; } [class*="btn-med"] span, [class*="btn-med"] strong, [class*="btn-med"] input {font-size:12px; line-height:29px; height:30px; background-position:right -55px;} [class*="btn-med"] input, .jobsByButton_ a {height:32px; background-position:right -53px; position:relative; top:-2px} [class*="btn-med"]:hover input {background-position:right -95px;} [class*="btn-med"]:hover {background-position:0px -97px;} [class*="btn-med"]:hover strong {background-position:right -97px;} /* large - removed text-transform:uppercase; */ [class*="btn-lge"] {background-position:0px -138px; padding-left:8px;} [class*="btn-lge"] span, [class*="btn-lge"] strong, [class*="btn-lge"] input {font-size:16px; line-height:40px; height:41px; background-position:right -138px; font-weight:bold} [class*="btn-lge"] strong {} [class*="btn-lge"] input {padding-bottom:6px} [class*="btn-lge"]:hover {background-position:0px -190px;} [class*="btn-lge"]:hover input, [class*="btn-lge"]:hover strong {background-position:right -190px;} /* button - colors */ [class*="pink-btn"], [class*="pink-btn"] strong, [class*="pink-btn"] span, [class*="pink-btn"] input {background-image:url(/content/images/buttons/btn-pink1.png); font-weight:bold; color:#fff; text-shadow: -1px 1px 0 #df1967; } /* remove text-show when disabled */ [class*="pink-btn"].disabled, [class*="pink-btn"].disabled strong, [class*="pink-btn"].disabled span, [class*="pink-btn"].disabled input {text-shadow:none} /* button - search */ [class*="search-btn"], [class*="search-btn"] strong, [class*="search-btn"] input, [class*="advsearch-btn"], [class*="advsearch-btn"] strong {background-image:url(/content/images/buttons/btn-search.png); font-weight:bold; color:#fff; text-shadow: none; } .search-btn-sm {background-position:0px -3px; padding-left:8px} span.search-btn-sm input, a.search-btn-sm strong {font-size:14px; line-height:28px; height:26px; position:relative; top:0px; background-position:right -3px;} .search-btn-sm:hover {background-position:0px -35px;} .search-btn-sm:hover input, .search-btn-sm:hover strong {background-position:right -35px;} .search-btn-med {background-position:0px -69px; padding-left:8px} span.search-btn-med input {font-size:15px; line-height:34px; height:34px; position:relative; top:0px; background-position:right -69px;} .search-btn-med:hover {background-position:0px -110px;} .search-btn-med:hover input {background-position:right -110px;} .search-btn-lge, span.search-btn-lge input, .search-btn-lge:hover, .search-btn-lge:hover input {background:url(/content/images/buttons/btn-pink1.png);} .search-btn-lge {background-position:0px -140px; padding-left:8px} span.search-btn-lge input {font-size:16px; line-height:39px; height:39px; position:relative; top:0px; background-position:right -140px; width:62px; padding-bottom:3px;} .search-btn-lge:hover {background-position:0px -192px;} .search-btn-lge:hover input {background-position:right -192px;} /* button - advances search */ a.advsearch-btn-med {background-position:0px -317px; color:#fff} .advsearch-btn-med strong {font-size:15px; font-weight:normal; line-height:33px; height:34px; background-position:right -317px;} .advsearch-btn-med:hover {background-position:0px -352px;} .advsearch-btn-med:hover strong {background-position:right -352px;} /* disabled button [class*="btn-"].disabled, [class*="btn-"].disabled:hover {color:#b3b3b4; background-position:0px -60px;} [class*="btn-"].disabled strong, [class*="btn-"].disabled:hover strong, [class*="btn-"].disabled input, [class*="btn-"].disabled:hover input {background-position:right -60px;} */ /* Job Ad Print page*/ .joblisting-printjob .date {color:#464646; font-size:11px; padding:0 0 10px; text-align:right; width:460px; display:block;} .body-joblisting-printjob p, td {line-height:normal;} #bodyContainer.joblisting-printjob {padding-top:20px; width:480px;} /* No cookies page, NotFound page & ServerError Page message form */ #ErrorEmailForm .form-submit-action { margin-left: -30px; } #ErrorEmailForm.state-stacked-form { padding: 20px 30px; margin-top: 25px; } #ErrorEmailForm .state-stacked-form .mod-field input[type="text"] { padding: 9px; border: 1px solid #d6d6d6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #ErrorEmailForm li.mod-field:last-child { margin-bottom: 32px; } #ErrorEmailForm input[disabled] { background: none repeat scroll 0 0 #EFEFEF; } #ErrorEmailForm textarea { min-height: 120px; } /* success-msg */ .success-msg {background-position:18px -1063px; border:1px solid #FD9FD0;margin:5px 5px 15px;padding:15px;text-indent:40px;color:#898989;} .success-msg span {color:#E60A7C;} .success-msg p {margin-bottom:2px} /*my account alert box*/ #form-msg-info {margin:30px 0 10px 20px; padding-top:10px; width:603px; position:relative; border:1px solid #cccccc; background-color:#ffff99; display:none;} #form-msg-info a {position:absolute; top:10px; right:10px;} #form-msg-info strong, #form-msg-info p {padding:10px 0; margin:0 10px;} /* Pagination */ .pagination .nextPage span {background-image:url(/content/images/icons/icons_arrows_bullets_2.png); background-repeat: no-repeat} .pagination {width: 825px; position:absolute; bottom:-50px; padding-left:10px;} .pagination, .pagination dl {background:url(/content/images/layout/pagination-border.png) no-repeat top left;} .pagination dd.currentPage, .pagination dd.currentPage span {background: url(/content/images/layout/paginationSelected-border.png) no-repeat top left;} .pagination dl {margin:0 0 0 10px; background-position: top right; position:relative; z-index:2;} .pagination dl, .pagination dt, .pagination dd, .pagination dd.currentPage span {height:35px; display:block;} .pagination dt, .pagination dd {float:left; padding:4px 5px 0 5px; margin:0px;} .pagination dt {color:#212121; padding-left:5px} .pagination dd.currentPage {padding:0px; font-weight:bold; color:#E60A7C; } .pagination dd.currentPage span {display:inline-block; padding:4px 8px 0 4px; margin-left:4px; background-position: top right;} .pagination .nextPage {float:right; margin-right:20px;} .pagination .nextPage span {margin-left:4px; padding-right:3px; background-position:1px -1333px;} /* pagination links not clickable due to bottom border layering over top somehow. Negetive z-index solves problem */ .f-bm {z-index:1} /* JSP & iPhone App Peekdown CSS - */ .JSPPeekdown {background: url(/content/images/layout/peekdown-bg-blue-stripes.png) top repeat-x; height:51px; display:none;} .cobrand .JSPPeekdown {margin-top: 2px;} .cobrand #nmsnhd .JSPPeekdown {margin-top: -2px;} .au.cobrand .JSPPeekdown .peek span.text {font-size:13px;} .JSPPeekdown div.peek {width: 853px; margin:0 auto; background: url(/content/images/layout/peekdown-icons.png) top left no-repeat; height:31px; font-size:14px; padding-top:20px; letter-spacing:0px;} .JSPPeekdown div a {font-weight:bold;} .JSPPeekdown #CloseBtn {float:right; color:#0066CC; cursor:pointer;} .JSPPeekdown h1, .cobrand .JSPPeekdown h2 {font-weight:bold; float:left; margin:-4px 5px 0 55px; color:#E60A7C; font-size:18px;} .JSPPeekdown h1 span, .cobrand .JSPPeekdown h2 span {font-weight:normal;} .JSPPeekdown .right-arrow {border-width:5px; border-left-color: #525252; border-right:none; float:left; margin: 3px 7px 0 7px;} .JSPPeekdown span.text {display:block; float:left} .cobrand .iPhoneAppPeekdown { margin: 0; } .iPhoneAppPeekdown { background: #adadad url(/content/images/gr_bg_iphone-peakdown-banner.jpg) 0 0 repeat-x; height:60px; display:none; border-top: 1px solid #565656;} .iPhoneAppPeekdown div.peek { background: url(/content/images/ico_iphoneapp.png) 20px 3px no-repeat; height: 60px; width: 690px; padding: 0 0 0 20px; } .iPhoneAppPeekdown a { display: block; text-decoration: none; overflow: hidden; float: left; } .iPhoneAppPeekdown h1 { font-size: 13px; color: #111; font-weight: normal; text-shadow: 0 1px 0 #fff; margin-left: 62px; padding-top: 23px; text-decoration: none; } .iPhoneAppPeekdown img { float: left; display: block; margin: 8px 0 0 50px; } .iPhoneAppPeekdown #CloseBtn {float:right; padding: 0 22px 5px 0; margin-top: 5px; color:#000; cursor:pointer; background: url(/content/images/ico_banner-close.gif) 100% 0 no-repeat;} /*@-moz-document url-prefix() { #JSPPeekdown h1, .cobrand #JSPPeekdown h2 {margin-top:-5px} }*/ /* SKL Peekdown, Volunteer Peekdown - colours changed from green to pink, same partial view sklfullbarpromo has been used */ #SKLPeekdown { display:none; min-width:942px; border-bottom:1px solid #5da658; background: #5cbb55; background: -webkit-linear-gradient(top, #5cbb55 0%,#4fb547 23%,#4cae45 65%,#42983c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #5cbb55 0%,#4fb547 23%,#4cae45 65%,#42983c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #5cbb55 0%,#4fb547 23%,#4cae45 65%,#42983c 100%); /* IE10+ */ background: -o-linear-gradient(top, #5cbb55 0%,#4fb547 23%,#4cae45 65%,#42983c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #5cbb55 0%,#4fb547 23%,#4cae45 65%,#42983c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cbb55', endColorstr='#42983c',GradientType=0 ); /* IE6-9 */ } #SKLPeekdown div.peek { width:942px; margin:0 auto; padding:10px 0; text-align: center; } #SKLPeekdown span { color:#fff; font-size:18px; font-weight:500; text-shadow:1px 1px 1.5px #3f8f38; } #SKLPeekdown .skl-promo-btn { padding: 5px; color: #ffffff; margin-left: 40px; background: #09419d; background: -webkit-linear-gradient(top, #09419d 0%,#0d3881 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #09419d 0%,#0d3881 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #09419d 0%,#0d3881 100%); /* IE10+ */ background: -o-linear-gradient(top, #09419d 0%,#0d3881 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #09419d 0%,#0d3881 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09419d', endColorstr='#0d3881',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 3px; -moz-border-radius: 3x; border-radius: 3px; } #SKLPeekdown a:hover{ text-decoration: none;} #SKLPeekdown #CloseBtn { float:right; color: #fff; } /* SERP Survey */ #JobseekerSurvey { background: #fbfbfb; padding: 22px 0; display: none; } #JobseekerSurvey .l-row { position: relative; } #JobseekerSurvey p { color: #212121; font-size: 16px; line-height: 27px; } #JobseekerSurvey strong { font-size: 18px; font-weight: 500; } #JobseekerSurvey .close-btn { position: absolute; top: 10px; right: 24px; } #JobseekerSurvey .start-survey { margin-top: 26px; } /* CSAT Peekdown on SERP */ #satisfactionSurvey { display: none; width:942px; margin:0 auto; padding: 9px 0; font-size: 14px; line-height: 18px; } /* CSAT Peekdown on SERP */ #satisfactionSurvey { display:none; width:942px; margin:0 auto; padding: 9px 0; font-size: 14px; line-height: 18px; } #satisfactionSurvey span { font-size: 18px;display: inline-block;padding: 13px 20px;} #satisfactionSurvey span:hover { cursor: pointer;} #satisfactionSurvey .modal-close.close-survey {padding: 0;position: relative;top: 0;} #satisfactionSurvey .state-button-primary, #satisfactionSurvey .state-button-primary:link, #satisfactionSurvey .state-button-primary:visited { color: #fff; border: 1px solid #e60278; background: #e60278; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-text-shadow: none; text-shadow:none; } #satisfactionSurvey .state-button-primary:hover { background: #f2027e; } #satisfactionSurvey .state-button-primary:active { background: #cc026a; } #satisfactionSurvey .mod-button { line-height: 21px; font-size: 18px; font-size: 1.8rem; font-weight: normal; padding: 11px 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; display: inline-block; text-align: center; min-width: initial; } /* Double click iframes */ #DoubleClick160 iframe {width:160px; height:600px;} #DoubleClick728 iframe {width:728px; height:90px;} #DoubleClick468, #DoubleClick468 iframe {width:468px; height:60px;} /* notification message */ .notification {background-color:#fffcc9; padding:8px} /*500 Server Error for lightbox*/ #FrameContainer .error-servererror p, #FrameContainer .error-index p {font-size:13px; padding-bottom:10px;} #FrameContainer .error-servererror ul li, #FrameContainer .error-index ul li {list-style:disc;} #FrameContainer .error-servererror h1, #FrameContainer .error-index h1 {margin-bottom:16px;} #FrameContainer .error-servererror div, #FrameContainer .error-index div {height:230px;} .relative-position { position: relative; } .modal.mod-tips-info {position:absolute;top:50%;padding:20px;} #ResumeWidget.modal.mod-tips-info {top:50%} .joblisting-index { padding-top: 40px; } .joblisting-index .back-to-results { position: absolute; top: -30px !important; left: -10px !important; margin-left: 0 !important; border: none; } .joblisting-index .back-to-results a:link, .joblisting-index .back-to-results a:visited, .joblisting-index .back-to-results a:hover { font-size: 12px; color: #424242; font-weight: bold; position: absolute; width: 200px; top: -7px; left: -42px; } .joblisting-index .back-to-results i { background: none; display: inline !important; vertical-align: middle !important; position: absolute; } .joblisting-index .back-to-results i:before { font-family: 'SeeksIcons-Regular'; content: "\E061"; font-size: 10px; font-style: normal; font-weight: normal; } .joblisting-index .back-to-last-page { left: 0 !important; } .joblisting-index .back-to-last-page a:link, .joblisting-index .back-to-last-page a:visited, .joblisting-index .back-to-last-page a:hover { width: inherit; left: -5px; padding-left: 30px; padding-right: 10px; } .joblisting-index .back-to-last-page i:before { padding-left: 8px; } .color-primary, .color-primary:before { color: #E60A7C !important; } /*! * Bootstrap v2.0.0 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .modal-open .dropdown-menu { z-index: 2050; } .modal-open .dropdown.open { *z-index: 2050; } .modal-open .popover { z-index: 2060; } .modal-open .tooltip { z-index: 2070; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.75; filter: alpha(opacity=75); } .inline-lightbox-loading-backdrop { filter: alpha(opacity=80); opacity: 0.8; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background: #000; } .inline-lightbox-loading-backdrop + .modal { width: 400px; min-height: 160px; background: #fff url(/Content/Images/lightbox/loader.gif) 50% 55% no-repeat; padding: 13px 0 0 16px; } .inline-lightbox-loading-backdrop.hide + .modal, .modal.hide { display:none; } .inline-lightbox-loading-backdrop h1 { padding:13px 0 0 16px; } .modal { position: fixed; top: 40%; left: 50%; z-index: 1050; max-height: 600px; min-height: 250px; width: 576px; margin: -7.5% 0 0 -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -ms-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { top: 50%; } .modal h1, .modal h2, .modal h3 { margin-top: 0; } /* Modal transitions */ .modal { -webkit-transition: min-height .3s ease-out; -moz-transition: min-height .3s ease-out; -ms-transition: min-height .3s ease-out; -o-transition: min-height .3s ease-out; transition: min-height .3s ease-out; } .modal.mini { min-height: 0; } .modal.small { min-height: 250px; } .modal.medium { min-height: 350px; } .modal.mediumish { min-height: 375px; } .modal.large { min-height: 435px; } .modal.loading { background: #fff url(/Content/Images/lightbox/loader.gif) 50% 50% no-repeat; } .modal-header { background: #e1e1e1; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; height:40px; } .modal-header ul { font-size: 0; margin-top: 0; } .modal-header li { display: inline-block; font-size: 14px; position: relative; border-right: 1px solid #cbcbcb; -moz-box-shadow: 1px 0 0 0 #f0f0f0; /* Firefox 3.6 and earlier */ -webkit-box-shadow: 1px 0 0 0 #f0f0f0; /* Safari and Chrome */ box-shadow: 1px 0 0 0 #f0f0f0; } .ie7 .modal-header li { /* IE7 inline-block fix */ display: inline; zoom: 1; } .modal-header li a { display: block; font-weight: 700; color: #0066cc; height:24px; width:100px; text-align:center; padding-top:8px; position: relative; } .modal-header li.active a { color: #4b4b4b; font-weight: normal; background: #fff; display: block; border: 4px solid #e1e1e1; height: 24px; width: 100px; text-align: center; padding-top: 8px; cursor: default; } .modal-header li.active a:hover { text-decoration: none; } .modal-header li.inactive a { display: block; border: 4px solid #e1e1e1; height: 24px; width: 100px; text-align: center; padding-top: 8px; } .modal-header li.register a, .modal-header li.inactive a { -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; } .modal-header li.active a:after { display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-color: rgba(255, 255, 255, 0); border-top: 10px solid #fff; position: absolute; left: 50%; bottom: -10px; margin-left:-10px; z-index: 3500; content: ""; } .modal-header .close { margin-top: 2px; } .modal-body { padding: 15px; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; *zoom: 1; } .modal-footer:before, .modal-footer:after { display: table; content: ""; } .modal-footer:after { clear: both; } .modal-footer .btn { float: right; margin-left: 5px; margin-bottom: 0; } /* // CLOSE ICONS // ----------- */ .modal a.close { position: absolute; right: 10px; top: 8px; height: 23px; width: 23px; background-position:-390px -230px; z-index: 1; } .modal .close:hover { background-position: -390px -253px; } /* // ARROW ICONS // ----------- */ .arrow-down, .modal-header .active:after { content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-color: rgba(255, 255, 255, 0); border-top: 10px solid #e1e1e1; position: absolute; left: 50%; margin-left: -10px; } /*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; } .ie7 audio, .ie7 canvas, .ie7 video { display: inline; zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls */ audio:not([controls]) { display: none; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 10px; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ color:#404040; } html, button, input, select, textarea { font-family: "Roboto", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; } /* * Addresses margins handled incorrectly in IE6/7 */ body { font-size: 12px; font-size: 1.2rem; margin: 0; background: #eee; } span.font-standard{ font-size: 12px; font-size: 1.2rem; font-weight: normal; } /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a { text-decoration: none; } a:active, a:link, a:visited { color:#06c; } a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } a:hover { text-decoration: underline; } /* SEEK Standard Style */ a.inpageLinkDashed {display:inline; border-bottom-style:dotted;} /* ============================================================================= Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 26px; font-size: 2.6rem; margin: 18px 0; font-weight:normal; } #PostCodeSearch h2 { font-size: 18px; font-size: 1.8rem; margin: 18px 0; color:#0d3880; font-weight:normal; } h2, h3 { font-size: 14px; font-size: 1.4rem; margin: 18px 0; color:#0d3880; font-weight:bold } h1.secondary, h2.secondary { color: #f00d83; } h3 { margin: 9px 0; } /* does this even work? */ .learning h3 { color:#50b848 } h4 { font-size: 12px; font-size: 1.2rem; margin: 9px 0; } h5 { font-size: 9px; font-size: 0.9rem; margin: 9px 0; } h6 { font-size: 9px; font-size: 0.9rem; margin: 9px 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7 */ p, pre { margin: 9px 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; font-size: 12px; font-size: 1.2rem; } .ie6 pre, .ie6 code, .ie6 kbd, .ie6 samp { font-family: 'courier new', monospace; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 9px; font-size: 0.9rem; font-weight:normal; color:#666666; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 9px; font-size: 0.9rem; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 9px 0; } dd { margin: 0; } /* * Addresses paddings set differently in IE6/7 */ menu, ol, ul, ul li { padding: 0; list-style: none; } /* * Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border: none; margin: 0; padding: 0; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ } .ie7 legend { margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ } .ie7 button, .ie7 input, .ie7 select, .ie7 textarea { vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ } .ie7 button, .ie7 input[type="button"], .ie7 input[type="reset"], .ie7 input[type="submit"] { overflow: visible; /* 3 */ } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } .ie7 input[type="checkbox"], .ie7 input[type="radio"] { height: 13px; /* 3 */ width: 13px; /* 3 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* * Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* SEEK Global Styles */ .hasPlaceholder { color:#777; } body.onsite { background: #fff; } body.body-joblisting-printjob { background: #fff; } /* Grid system: 940px - 60px columns - 20px gutters */ /* Covers all website layouts */ .grid_1 { width: 60px; } .grid_2 { width: 140px; } .grid_3 { width: 220px; } .grid_4 { width: 300px; } .grid_5 { width: 380px; } .grid_6 { width: 460px; } .grid_7 { width: 540px; } .grid_8 { width: 620px; } .grid_9 { width: 700px; } .grid_10 { width: 780px; } .grid_11 { width: 860px; } .grid_12 { width: 940px; } .grid_1.grid-centred { margin-left: -30px; } .grid_2.grid-centred { margin-left: -70px; } .grid_3.grid-centred { margin-left: -110px; } .grid_4.grid-centred { margin-left: -150px; } .grid_5.grid-centred { margin-left: -190px; } .grid_6.grid-centred { margin-left: -230px; } .grid_7.grid-centred { margin-left: -270px; } .grid_8.grid-centred { margin-left: -310px; } .grid_9.grid-centred { margin-left: -350px; } .grid_10.grid-centred { margin-left: -390px; } .grid_11.grid-centred { margin-left: -430px; } .grid_12.grid-centred { margin-left: -470px; } .grid_pad_1 { padding-left: 40px; padding-right: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Grid 1 plus gutter / 2 (left and right padding) */ .grid_pad_1_5 { padding-left: 30px; padding-right: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .grid_pad_20 { padding-left: 20px; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .grid_pad_32 { padding-left: 32px; padding-right: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .grid_pad_24 { padding-left: 24px; padding-right: 24px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .grid_pad_2 { padding-left: 80px; padding-right: 80px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .grid_1_pull_out { margin-left: -40px; margin-right: -40px;} .grid_2_pull_out { margin-left: -80px; margin-right: -80px;} /* Override for loading grids in lightbox */ /*.modal .grid_1 { width: 06.581%; } .modal .grid_2 { width: 14.074%; } .modal .grid_3 { width: 23.566%; } .modal .grid_4 { width: 32.059%; } .modal .grid_5 { width: 40.552%; } .modal .grid_6 { width: 49.044%; } .modal .grid_7 { width: 57.537%; } .modal .grid_8 { width: 66.029%; } .modal .grid_9 { width: 74.522%; } .modal .grid_10 { width: 83.014%; } .modal .grid_11 { width: 91.507%; } .modal .grid_12 { width: 99.999%; } .modal .grid_1.grid-centred { margin-left: -03.290%; } .modal .grid_2.grid-centred { margin-left: -07.037%; } .modal .grid_3.grid-centred { margin-left: -11.783% } .modal .grid_4.grid-centred { margin-left: -16.030%; } .modal .grid_5.grid-centred { margin-left: -20.276%; } .modal .grid_6.grid-centred { margin-left: -24.522%; } .modal .grid_7.grid-centred { margin-left: -28.768%; } .modal .grid_8.grid-centred { margin-left: -33.014%; } .modal .grid_9.grid-centred { margin-left: -37.261%; } .modal .grid_10.grid-centred { margin-left: -41.507%; } .modal .grid_11.grid-centred { margin-left: -45.754%; } .modal .grid_12.grid-centred { margin-left: -49.999%; }*/ .l-column, .l-column-overflow { margin-left:18px; overflow:hidden; float:left; } .l-column-overflow { overflow:visible } .l-column:first-child { margin-left: 0; } .l-row { max-width: 940px; width: 100%; padding: 0 25px; margin: 0 auto; min-width: 940px; } .l-row .l-row { margin-left: -24px; display: inline-block; } .l-outer-row { margin: 0 auto 16px; } /* Clear fix for floats - For modern browsers */ .l-clearfix:before, .l-clearfix:after { content: ""; display: table; } .l-clearfix:after { clear: both; } /* For IE 6/7 (trigger hasLayout) */ .l-clearfix { zoom: 1; } .offset_1, .offset_1:first-child { margin-left: 62px; } .offset_2, .offset_2:first-child { margin-left: 142px; } .offset_3, .offset_3:first-child { margin-left: 222px; } .offset_4, .offset_4:first-child { margin-left: 302px; } .offset_5, .offset_5:first-child { margin-left: 382px; } .offset_6, .offset_6:first-child { margin-left: 462px; } .offset_7, .offset_7:first-child { margin-left: 542px; } .offset_8, .offset_8:first-child { margin-left: 622px; } .offset_9, .offset_9:first-child { margin-left: 702px; } .offset_10, .offset_10:first-child { margin-left: 782px; } .offset_11, .offset_11:first-child { margin-left: 862px; } .l-kill-margins {margin:0} .pull-left { float: left; } .pull-right { float: right; } .pull-out-of-row { margin: 0 -24px; } .pull-out-of-row-right { margin-right: -24px; } .l-h-centered { margin-left: auto; margin-right: auto; } @media screen and (max-width:640px) { .l-row { min-width: 0; padding: 0; } } /*margins*/ .mt-none { margin-top: 0!important; } .mt-half { margin-top: 0.5em!important; margin-top: 0.5rem!important; } .mt-one { margin-top: 1em!important; margin-top: 1rem!important; } .mt-two { margin-top: 2em!important; margin-top: 2rem!important; } .mb-none { margin-bottom: 0!important; } .mb-half { margin-bottom: 0.5em!important; margin-bottom: 0.5rem!important; } .mb-one { margin-bottom: 1em!important; margin-bottom: 1rem!important; } .mb-two { margin-bottom: 2em!important; margin-bottom: 2rem!important; } .ml-none { margin-left: 0!important; } .ml-half { margin-left: 0.5em!important; margin-left: 0.5rem!important; } .ml-one { margin-left: 1em!important; margin-left: 1rem!important; } .ml-two { margin-left: 2em!important; margin-left: 2rem!important; } .mr-none { margin-right: 0!important; } .mr-half { margin-right: 0.5em!important; margin-right: 0.5rem!important; } .mr-one { margin-right: 1em!important; margin-right: 1rem!important; } .mr-two { margin-right: 2em!important; margin-right: 2rem!important; } /*paddings*/ .pl-none { padding-left: 0!important; } .pl-half { padding-left: 0.5em!important; padding-left: 0.5rem!important; } .pl-one { padding-left: 1em!important; padding-left: 1rem!important; } .pl-two { padding-left: 2em!important; padding-left: 2rem!important; } .pb-none { padding-bottom: 0!important; } .pb-half { padding-bottom: 0.5em!important; padding-bottom: 0.5rem!important; } .pb-one { padding-bottom: 1em!important; padding-bottom: 1rem!important; } .pb-two { padding-bottom: 2em!important; padding-bottom: 2rem!important; } .pt-none { padding-top: 0!important; } .pt-half { padding-top: 0.5em!important; padding-top: 0.5rem!important; } .pt-one { padding-top: 1em!important; padding-top: 1rem!important; } .pt-two { padding-top: 2em!important; padding-top: 2rem!important; } /* main sprite*/ .modal .close, .ico { background: url(/content/images/icons/icons_main_sprite_16.png) no-repeat; } /* Horizontal navigation module */ .mod-navigation { padding: 4px 0 5px; line-height: 18px; } .mod-navigation ul { padding: 0; margin: 0; } .mod-navigation li { position: relative; } .mod-navigation .column li { margin: 8px 0; } /* Navigation zones */ .mod-global-nav { background: #fff; height: 30px; } .mod-global-nav .mod-nav-overflow { background: #eee; height: 30px; font-size: 1.4rem; } .mod-global-nav .l-row { z-index: 1; position: relative; } .mod-global-nav a { color: #747474; padding: 0 20px; height: 30px; line-height: 30px; display: inline-block; font-weight: 400; -webkit-font-smoothing: antialiased; } .mod-global-nav a:hover, .mod-global-nav a:focus, .mod-global-nav a:active { color: #212121; text-decoration: none; } .mod-global-nav li { list-style: none; } .mod-nav-country a { padding: 0; } .mod-nav-country .divider { margin: 0 10px; font-size: 16px; display: inline-block; line-height: 27px; height: 13px; border-right: 1px solid #a8a8a8; vertical-align: middle; } .mod-nav-country .is-selected { font-weight: 700; display: inline-block; height: 23px; margin-right: 15px; box-shadow: inset 0 -2px #212121; color: #1c1c1c; } ul.mod-nav-sites { margin: 0 auto; padding-left: 14px; } .mod-global-nav .mod-nav-site--active { padding: 0; margin: 0 20px; line-height: 30px; color: #212121; font-weight: 600; box-shadow: inset 0 -2px #212121; } /* Banner module */ .mod-banner { overflow: visible; font-size: 14px; font-size: 1.4rem; background-color: #fff; position: relative; line-height: 78px; height: 78px; box-sizing: content-box; } .mod-logo { width: 129px; height: 78px; display: block; background: url(/content/images/logos/seek-logo-positive.svg) 0 50% no-repeat; background-size: auto 50px; text-indent: -999em; overflow: hidden; margin: 0; } .mod-caption { display: block; position: absolute; top: 50%; right: 24px; } .mod-section { padding-top: 18px; padding-bottom: 9px; background-color: #fff; margin-bottom: 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .jobsearch-index.mod-section { padding-top: 13px; } .home-index.mod-section { border: 0; } .mod-section-notice { margin-top: -18px; padding: 16px 24px 12px; color: #7d7d7d; font-size: 18px; font-size: 1.8rem; border-bottom: 1px solid #a9a9a9; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; background: #e5e5e5; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed), color-stop(50%, #e5e5e5), color-stop(100%, #d5d5d5)); background: -webkit-linear-gradient(top, #ededed 0, #e5e5e5 51%, #d5d5d5 100%); background: -moz-linear-gradient(top, #ededed 0, #e5e5e5 51%, #d5d5d5 100%); background: -ms-linear-gradient(top, #ededed 0, #e5e5e5 51%, #d5d5d5 100%); background: -o-linear-gradient(top, #ededed 0, #e5e5e5 51%, #d5d5d5 100%); background: linear-gradient(to bottom, #ededed 0, #e5e5e5 51%, #d5d5d5 100%); } .modal .mod-section-notice { margin: -13px -18px 9px -16px; } .mod-spelling { font-size: 16px; font-size: 1.6rem; } .mod-promo { padding-top: 0; padding-bottom: 0; background: #fcfcfc; border: 1px solid #d5d5d5; } .mod-promo dd { vertical-align: top; max-height: 115px; padding-right: 0; } .mod-promo .mod-promo-center { padding-left: 11px; margin-right: -11px; } .mod-promo .mod-promo-right { padding-left: 10px; margin-right: -10px; } .mod-promo p { padding: 41px 0 0 1px; margin: 0 0 7px 0; } .mod-promo .mod-promo-separator { background: #E4E4E4; display: block; height: 95px; width: 1px; margin: 10px -2px; } /* SKL promo tiles */ .mod-skl-tile { width: 268px; height: 115px; text-align: left; position: relative; } .mod-skl-tile select { margin: 0 2px 0 0; width: 167px; } .mod-promo .mod-skl-tile .state-button-lmis { padding: 6px 3px; line-height: 10px; } /* Quick search home page */ .mod-search-form { overflow: hidden; background: #0d3880; padding-top: 22px; padding-bottom: 14px; margin-bottom: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; font-size: 1.4rem; color: #fff; } /* .home-index .mod-search-form { margin-left: -24px !important; } .onsite.mod-search-form { width: 302px !important; margin-left: -215px !important; } */ .onsite .onsite-searchbox-title { background: url(/content/images/logos/seek-logo-positive.svg) no-repeat; background-size: auto 54px; background-position: 0 50%; height: 54px; padding-left: 150px; display: flex; align-items: center; } .onsite.mod-search-form .column { margin-left: 0px; } .row .mod-search-form.row { margin-left: -36px; } .mod-search-form.is-expanded #salaryDisabled { margin-bottom: -16px; } .mod-fields { margin: 0; } .mod-field { min-height: 52px; padding: 0 0 20px; position: relative; } .mod-field > .mod-field { width: 42.484%; /* 130px/306px * 100 */ display: inline-block; padding: 0; } .ie7 .mod-field > .mod-field { /* IE7 inline-block fix */ display: inline; zoom: 1; } .mod-field + .mod-field { padding-bottom: 11px; } .mod-field label { display: block; margin: 0 0 6px; color: #fff; } .mod-field input[type="checkbox"] ~ label, .mod-field input[type="radio"] ~ label { display: block; margin-left: 18px; line-height: 1; } .mod-field input[type="checkbox"] ~ label { font-size: 13px !important; font-size: 1.3rem !important; } .mod-field label > span { display: none; } .mod-field label a { float: right; } .ie7 .mod-field label a { margin-top: -15px; } .mod-field input[type='search'] { padding: 8px 4px; border: none; width: 100%; font-size: 1.4rem; height: 45px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mod-field select, .ie7 .grid_4 .mod-field input { padding: 8px 4px; border: none; width: 100%; font-size: 1.4rem; line-height: 45px; height: 45px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ie7 .grid_4 .mod-field input { padding: 3px 3px 2px; } .mod-field .mod-placeholder-overlay { display: none; } .ie9 .mod-field .mod-placeholder-overlay { display: block; margin:-23px 0 7px 3px; } /* not sure how to handle this */ .mod-field + span { padding: 0 6px; } .mod-search-form a { color: #fff; font-size: 12px; font-size: 1.2rem; display: inline-block; } /* .mod-salary-search { max-height:53px; } */ .mod-field .mod-area-input { font-size: 12px !important; font-size: 1.2rem !important; padding-left: 2px; padding-top: 6px; } .mod-field .mod-area-input input { position: relative; top: 2px; } .is-expanded .mod-field.mod-worktype select[multiple] { min-height: 124px; max-height: 128px; } .mod-submit-search { width: 100%; float: left; } .mod-submit-search p { padding-top: 10px; } .mod-submit-search i { margin-top: 2px; } .mod-multiselect { position: relative; top: -2px; left: -95px; font-style: italic; } .mod-options-trigger { position: relative; top: -2px; left: 749px; } .mod-options-trigger .state-arrow-up { border-bottom-color: #fff; margin-left: 5px; } .mod-options-trigger .state-arrow-down { border-top-color: #fff; margin-left: 5px; } .mod-radios, .mod-radios + .mod-radios { padding: 0 0 11px; } .mod-radios > ul { padding: 0 0 0 18px; margin: 12px 0 0; } .mod-radios > ul li { padding: 0 0 9px; } .mod-form h2, .mod-form legend { color: #E60A7C; font-weight: normal; overflow: hidden; } .mod-form h2 { margin: 0 0 0.5em; } .mod-form span.validation { color: #e60a7c; font-weight: bold; display: block; margin-bottom: 9px; } .mod-field-file { padding-left: 18px; } .mod-field-file input[type="checkbox"] ~ label { color: #8a8a8a; margin-bottom: 3px; } /* Mini search module*/ .mod-mini-search { padding: 10px 18px 10px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .mod-mini-search p { margin: 0; font-size: 14px; font-size: 1.4rem; } .mod-mini-search select { margin: 8px 0; width: 100%; } /* Buttons modules */ .btn { font-weight: 700; color: #000 !important; margin: 0; text-shadow: 1px -1px 0 rgba(0, 0, 30, 0.15); border: 5px solid #e5e5e5; display: inline; zoom: 1; /* Glass effect */ background: #ef0a81; /* Old browsers */ background: url(/content/images/buttons/btn-grey-gradient.png); /* IE6-9 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(51%, #eaeaea), color-stop(52%, #d1d1d1), color-stop(100%, #bbbbbb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%, #eaeaea 51%, #d1d1d1 52%, #bbbbbb 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 51%, #d1d1d1 52%, #bbbbbb 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #f4f4f4 0%, #eaeaea 51%, #d1d1d1 52%, #bbbbbb 100%); /* IE10+ */ background: -o-linear-gradient(top, #f4f4f4 0%, #eaeaea 51%, #d1d1d1 52%, #bbbbbb 100%); /* Opera 11.10+ */ background: linear-gradient(top, #f4f4f4 0%, #eaeaea 51%, #d1d1d1 52%, #bbbbbb 100%); /* W3C */ } .btn:hover { background: #d1d1d1; } .mod-tab-advertiser { padding: 9px 0; } .mod-tab-advertiser > a { display: inline-block; padding: 0 6px; line-height: 27px; color: #ffffff; background-color: #E60A7C; text-align: center; font-size: 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mod-tab-advertiser > a i:before { color: #fff; font-weight: normal; line-height: 8px; } .mod-tab-advertiser > a:hover { background-color: #BA0965; text-decoration: none; } /* Hiding Employer's log in button on some pages' */ .body-jobsearchspa-index div.mod-tab-advertiser.mod-list, .body-myaccount-index div.mod-tab-advertiser.mod-list { display: none; } /* Icon modules */ .ico { display: inline-block; line-height: 0; vertical-align: top; } .ico-validation { background-image: url(/content/images/icons/icon_user_messages.png); } .ie7 .ico { /* IE7 inline-block fix */ display: inline; zoom: 1; } .ico-14 { height: 14px; width: 14px; } .ico-16 { height: 16px; width: 16px; } .ico-18 { height: 18px; width: 18px; } .ico-20 { height: 20px; width: 20px; } .ico-22 { height: 22px; width: 22px; } .ico-23 { height: 23px; width: 23px; } .ico-26 { height: 26px; width: 26px; } .ico-31 { height: 31px; width: 31px; } .ico-43 { height: 43px; width: 43px; } .ico-47 { height: 47px; width: 47px; } .ico-56 { height: 56px; width: 56px; } .ico-75 { height: 75px; width: 75px; } .ico-favourite { background-position: -99px 0; } .ico-favourite-ghost { background-position: -360px -77px; } .ico-star { background-position: -380px -77px; } .ico-plane { background-position: -744px -77px; } .ico-save { background-position: -199px 0; } .ico-saved { background-position: -926px 0; } .ico-email { background-position: -299px 0; } .ico-print { background-position: -496px 0; width: 26px; } .ico-notes { background-position: -398px 0; } .ico-magnify { background-position: -593px 3px; } .ico-search-glass { background-position: -600px 0px; } .ico-subarrow { background-position: 1px -75px; } .ico-uparrow { background-position: -131px -72px; } .ico-search-magnify { background-position: -113px -75px; } .ico-shortlist { background-position: -22px -77px; } .ico-shortlisted { background-position: -51px -77px; } .ico-applied { background-position: -870px 1px; } .ico-info { background-position: -79px -77px; } .ico-facebook { background-position: 0 -32px; } .ico-linkedin { background-position: -201px -33px; } .ico-twitter { background-position: -46px -33px; } .ico-googleplus { background-position: -92px -33px; } .ico-shareit { background-position: -136px -33px; } .ico-ribbon { background-position: -893px -41px; } .ico-alert { background-position: -951px -43px; } .ico-profile-card { background-position: -178px -233px; } .ico-favourite2 { background-position: -173px -80px; } .ico-shortlist2 { background-position: -214px -75px; } .ico-applied2 { background-position: -253px -78px; } .ico-profile-large { background-position: -693px -120px; } .ico-favourite-large { background-position: -165px -109px; } .ico-shortlist-large { background-position: -342px -128px; } .ico-favourite-xlarge { background-position: 1px 0; } .ico-shortlist-xlarge { background-position: -236px 0; } .ico-applied-xlarge { background-position: -471px 0; } .ico-75.ico-profile { background-position: 20px -229px; } .ico-last-search-arrow { width: 14px; height: 36px; background-position: -175px -31px; } a.ico-favourite-xlarge:hover { background-position: -73px 0; } a.ico-favourite-xlarge:active { background-position: -147px 0; } a.ico-shortlist-xlarge:hover { background-position: -311px 0; } a.ico-shortlist-xlarge:active { background-position: -386px 0; } a.ico-applied-xlarge:hover { background-position: -546px 0; } a.ico-applied-xlarge:active { background-position: -621px 0; } .ico-more-arrow { background-position: -338px -79px; display: inline-block; width: 15px; height: 10px; vertical-align: middle; } .ico-view-job-arrow { width: 10px; height: 15px; position: absolute; right: 10px; background-position: -298px -79px; top: 1em; } a:hover .ico-view-job-arrow { background-position: -308px -79px; } .ico-poi { margin-top: 2px; width: 15px; height: 20px; background-position: -322px -78px; } .ico-question { background-position: -300px -40px; } .ico-question:hover { background-position: -320px -40px; } .ico-answer-yes { background-position: -350px -39px; } .ico-answer-yes:hover { background-position: -475px -39px; } .ico-answer-kind-of { background-position: -378px -39px; } .ico-answer-kind-of:hover { background-position: -502px -39px; } .ico-answer-not-really { background-position: -405px -36px; } .ico-answer-not-really:hover { background-position: -563px -36px; } .ico-answer-no { background-position: -439px -36px; } .ico-answer-no:hover { background-position: -536px -36px; } .mod-question { position: absolute; right: 9px; top: 9px; } .mod-close { right: 7px; top: 3px; position: absolute; } /*Arrow modules*/ .mod-arrow { width: 0; height: 0; border: 4px solid transparent; border-color: rgba(255, 255, 255, 0); display: inline-block; border-right-color: #111; } .ie7 .mod-arrow { /* IE7 inline-block fix */ display: inline; zoom: 1; margin-bottom: 4px; } .mod-arrow .mod-arrow-inner { border-right-color: #fff; left: -3px; top: -5px; position: absolute; border-width: 5px; } /* Footer modules */ .mod-footer-navigation { padding: 0 0 18px; text-align: center; } .mod-footer-navigation ul { padding: 0; list-style-type: none; overflow: hidden; } .mod-footer-navigation li { font-size: 12px; font-size: 1.2rem; color: #fff; list-style-type: none; } .mod-toolbar { border-bottom: 1px solid; margin-bottom: 18px; } .mod-toolbar li > span:first-child { font-size: 12px; font-size: 1.2rem; } .mod-toolbar li > span { padding: 9px 0; max-height: 16px; text-align: left; color: #fff; } .mod-toolbar .ico-favourite2, .mod-toolbar .ico-shortlist2, .mod-toolbar .ico-applied2 { margin-right: 2px; } .mod-toolbar .ico-shortlist2 { position: relative; top: -4px; } /* Callout module */ .mod-error-page .new-form { border: 1px solid #d1d1d1; background: #fafafa; -webkit-box-shadow: 0 2px 7px #d9d9d9; -moz-box-shadow: 0 2px 7px #d9d9d9; -ms-box-shadow: 0 2px 7px #d9d9d9; box-shadow: 0 2px 7px #d9d9d9; } .mod-callout { border: none; background: #eeeeee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding-left: 9px; position: relative; } /* help bubble module */ .mod-help-bubble { border: 1px solid #dadada; padding: 5px; font-size: 10px; font-size: 1rem; line-height: 12px; color: #777; position: relative; margin-left: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mod-help-bubble strong { font-size: 10px; font-size: 1rem; } .mod-help-bubble .state-inline { vertical-align: top;width: 85%;} .mod-help-bubble [data-icon] {width: 10%;} /* search result module */ .mod-searchresult-entry { padding: 0; position: relative; line-height: 18px; } .mod-searchresult-entry dl { margin: 0 1px; border-bottom: 1px solid #d5d5d5; } .mod-searchresult-entry h2 { margin: 0; max-width: 375px; overflow: hidden; word-wrap: break-word; font-weight: normal; } .mod-searchresult-entry h2 a { color: #053788; font-size: 16px; font-size: 1.6rem; line-height: 17px; } .mod-searchresult-entry h2 a:visited { color: #9933CC; } .mod-searchresult-entry em { color: #000; font-size: 12px; font-size: 1.2rem; font-weight: normal; font-style: normal; display: block; } .mod-searchresult-entry p { max-width: 375px; overflow: hidden; } .mod-searchresult-entry .mod-classifiers { font-size: 11px; font-size: 1.1rem; color: #7d7d7d; } .mod-searchresult-entry small { color: #E60A7C; font-size: 11px; font-size: 1.1rem; display: block; text-align: right; } .mod-searchresult-entry dd { display: block; position: relative; float: left; width: 362px; border-right: 1px solid #f0f0f0; padding: 11px 9px 53px; } .mod-searchresult-entry dd div span:first-child { display: none; } .mod-searchresult-entry dd + dd { width: 141px; margin-left: -1px; padding-top: 14px; padding-bottom: 14px; border-left: 1px solid #f0f0f0; border-right: none; } .mod-searchresult-entry dd + dd span { display: block; max-width: 141px; overflow: hidden; } .mod-searchresult-entry ul { margin-top: 9px; } .mod-searchresult-entry li { list-style: disc; margin-left: 13px; } .mod-searchresult-entry .highlight { font-weight: bold; } .mod-onsite-searchresults-body { margin: 0 auto; background: #fff!important; } /* shortlist module */ .mod-shortlist { display: block; margin-left: -9px; margin-right: -9px; padding: 9px; width: 362px; } .mod-searchresult-entry .mod-shortlist { color: #111; font-size: 12px; font-size: 1.2rem; } .mod-shortlist i { margin-right: 3px; } .mod-shortlist:hover { background-color: #f4f4f4; text-decoration: none; } /* stand out logo modules */ .mod-standout-logo { padding-bottom: 70px; bottom: 9px; padding-bottom: 70px; position: absolute; right: 9px; width: 140px; } /* banner/promos modules */ .mod-skyscraper-banner { padding-top: 9px; } .mod-leaderboard-banner { text-align: center; margin-bottom: 0; } .mod-scomm-promo { padding-top: 50px; display: block; margin-top: 45px; } .mod-scomm-promo.hidden{ display: none;} /* pagination modules */ .mod-pagination { font-size: 13px; font-size: 1.3rem; position: static; background: none; } .mod-pagination dl { background: none; float: right; } .mod-pagination dt { display: none; } .mod-pagination dt, .mod-pagination dd { float: left; padding: 4px 5px 0; } .mod-pagination .currentPage { padding-bottom: 4px; } .mod-pagination .currentPage, .mod-pagination .currentPage span { color: #fff; background-color: #0066cc; background-image: none; height: auto; } .mod-pagination .currentPage span { padding: 4px 4px 0 4px; font-weight: bold; } .mod-pagination dd span { height: 18px; } .mod-pagination dd.nextPage { padding-right: 10px; } .mod-pagination dd.nextPage span { padding-right: 10px; background-image: url(/content/images/icons/icons_arrows_bullets_2.png); background-repeat: no-repeat; background-position: 33px -2628px; } .mod-pagination dd.previousPage { padding-left: 10px; } .mod-pagination dd.previousPage span { padding-left: 10px; background-image: url(/content/images/icons/icons_arrows_bullets_2.png); background-repeat: no-repeat; background-position: 0 -2588px; } .mod-pagination dd a:hover { font-weight: normal; } /* job details module */ .mod-job-details { border: 1px solid #DDD; padding: 20px; } .mod-job-details strong { font-size: 16px; font-size: 1.6rem; } .mod-job-details ul { padding-left: 1px; margin-bottom: 4px; margin-top: 5px; } .mod-job-details ul li { list-style: none; } .mod-job-details label { color: #777; line-height: 27px; text-align: left; font-size: 13px; font-size: 1.3rem; margin-right: 0; width: 90px; display: inline-block; position: relative; left: -1px; padding-right: 4px; } .mod-job-details div { display: inline-block; width: 320px; margin-top: 7px; vertical-align: top; } .ie7 .mod-job-details div { /* IE7 inline-block fix */ display: inline; zoom: 1; } /* add notes module */ .mod-addnotes { display: none; height: 216px; border: none; box-sizing: border-box; background-color: #E8E8E8; padding: 0px 18px; font-size: 12px; font-size: 1.2rem; } .mod-addnotes textarea { box-sizing: border-box; width: 100%; height: 81px; margin: 27px 0px; font-size: 12px; font-size: 1.2rem; overflow: hidden; resize: none; /*prevent chrome resize*/ display: inline-block; border: 1px solid #CCC; } /* LMIS module */ .mod-lmis { color: #000; background-color: #F5F5F5; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .jobapply-submitted .mod-lmis, .jobapply-submittedbyknownuser .mod-lmis {display:inline-block;} .mod-lmis em { color: #fff; font-size: 14px; font-size: 1.4rem; font-style: normal; font-weight: bold; -webkit-text-shadow: 0 -1px 1px #45993d; text-shadow: 0 -1px 1px #45993d; display: block; padding: 9px 0 10px 9px; background: #5bc252; background: -webkit-linear-gradient(top, #5bc252 0, #58bf4f 23%, #45af3e 100%); background: -moz-linear-gradient(top, #5bc252 0, #58bf4f 23%, #45af3e 100%); background: -ms-linear-gradient(top, #5bc252 0, #58bf4f 23%, #45af3e 100%); background: -o-linear-gradient(top, #5bc252 0, #58bf4f 23%, #45af3e 100%); background: linear-gradient(to bottom, #5bc252 0, #58bf4f 23%, #45af3e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc252',endColorstr='#45af3e',GradientType=0); } .mod-lmis-header { border: 1px solid #46b03f; border-bottom: 1px solid #01a501; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; overflow: hidden; } .mod-lmis em a { color: #fff; text-decoration: none; } .mod-lmis .l-clearfix { border: 1px solid #CACACA; border-top: none; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; padding: 12px; } .mod-lmis a { color: #0D3880; } .mod-lmis select { float: left; width: 75%; margin: 1px 8px 0 0; font-size: 1.2rem; } .mod-lmis ul { margin: 0; padding: 0; vertical-align: top; } .mod-lmis li { vertical-align: middle; background: 0; list-style: none; display: inline-block; } .ie7 .mod-lmis ul, .ie7 .mod-lmis li { /* IE7 inline-block fix */ display: inline; zoom: 1; } /*end lmis*/ /* Certsy Police Check*/ .certsy-banner { max-width: 458px; max-height: 233px; padding: 10px 23px 0px; border: 1px solid #EEE; box-shadow: 0px 1px 2px rgba(0,0,0,0.15); margin-bottom: 2px; } .certsy-banner__headline { text-transform: uppercase; font-weight: bold; font-size: 21px; color: #333; } .certsy-banner__headline > span { color: #0B5F8F; } .certsy-banner__subtext { color: #333; font-size: 14px; margin-bottom: 20px; } .certsy-banner__flexbox { display: flex; justify-content: space-between; border-bottom: 1px solid #E1E1E1; padding-bottom: 8px; } .certsy-banner__price { font-weight: bold; font-size: 42px; color: #0B5F8F; } .certsy-banner__gst { display: inline-block; padding-left: 6px; width:15px; font-weight: lighter; font-size: 14px; color: #0B5F8F; } .certsy-banner__button { border: none; text-decoration: none; text-align: center; font-size: 18px; margin: 5px 0px; padding: 10px 14px; color: #FFF; background-color: #0B5F8F; line-height: 25px; border-radius: 2%; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .certsy-banner__button:hover { cursor: pointer; background-color: #0d6fa7 } .certsy-banner__button:link { text-decoration: none; color: #FFF; } .certsy-banner__button:visited { color: #FFF; } .certsy-banner__logo { background-image: url(/Content/Images/other/certsy-logo.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; margin: 9px auto; width: 71px; height: 29px; } /* End Certsy */ .mod-jobs-resources-nav dd { padding-bottom: 6px; } .mod-jobs-resources-nav dl { padding-left:18px; } .mod-jobs-resources-nav { margin-top: 15px; padding: 10px 0; } .mod-jobs-resources-nav .selected {font-weight:bold} /* international partners */ .mod-international-partners { padding: 10px 0; top: 0; border-top: 1px solid; border-bottom: 1px solid; line-height: 17px; text-align: left; } .mod-international-partners:before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid; position: absolute; top: 0; left: 37%; } .mod-international-partners .state-noborder { border: 0; padding: 0; margin: 0; } .mod-field label { font-size: 16px !important; font-size: 1.6rem !important; } .mod-share-links { margin: 18px auto !important; padding-top: 25px !important; } .mod-share-links a { display: inline-block; background: url(/content/images/icons/icons_share-links.png) no-repeat; vertical-align: top; } .mod-share-links .mod-bookmark { background: none; } .mod-bookmark span { background: #aaa; color: #fff; display: inline-block; height: 13px; width: 13px; line-height: 14px; text-align: center; margin-right: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mod-share-links .mod-share-facebook { margin-left: 20px; height: 17px; width: 57px; overflow: hidden; text-indent: -1000em; } .mod-share-links .mod-share-twitter { background-position: 0 -27px; margin: -3px 0 0 15px; height: 22px; width: 60px; overflow: hidden; text-indent: -1000em; background-position: 0 -27px; } /* Default unordered list style */ .mod-list { padding: 0 0 0 20px; } .mod-list li { list-style: initial; } /*Seperators*/ .mod-grey-seperator-top { margin-top: 0; border-top: 1px solid #e4e4e4; padding-top: 10px; } .mod-grey-seperator-right { height: 100%; border-right: 1px solid #e4e4e4; padding-right: 10px; display: block; } /*Text*/ .mod-strong-text { font-weight: bold; } .mod-larger-heading { font-size: 22px; font-size: 2.2rem; } /* lightbox dialog page */ .mod-dialog-page { display: block; padding: 13px 18px 20px 16px; position: relative; top: 0; } /* lightbox dialog success page */ .mod-success-header { background: url(/Content/Images/Icons/icons_greentick_large.png) 20px 20px no-repeat #eee; padding-left: 95px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; height: 85px; } .mod-success-header h1 { color: #212121; font-size: 16px; font-size: 1.6rem; font-weight: bold; padding: 32px 0 0; margin: 0; } .mod-error-page { background: #FFF; margin-top: -18px !important; border-radius: 8px; min-height: 350px; } .mod-error-page > li > h2 { color: #212121; font-size: 21px; font-weight: normal; } .mod-error-page > li > p { font-size: 1.4rem; } .mod-error-page > li > ol > li { font-size: 14px; font-size: 1.4rem; margin: 15px 0; list-style: decimal; } .mod-error-page > li > ol > li > span { display: block; margin-bottom: 5px; } .mod-error-page > li > ol { padding-left: 20px; } .mod-section > .mod-error-page > .left-push { padding: 0 32px; } .mod-error-page .field-validation-error { padding: 0; margin-top: -10px; margin-bottom: 11px; color: #E60A7C; font-weight: bold; } .mod-error-page .field-validation-valid, .mod-error-page .field-validation-error { width: auto; display: block; } .mod-error-page .field-validation-error .font-icon { color: #E60A7C; display: inline-block; margin-right: 8px; vertical-align: middle; } .mod-error-page .field-validation-success { display: block; width: auto; padding: 0; margin-top: 35px; padding: 3px 3px 3px 11px; border: 1px solid #dadada; } .mod-error-page .state-stacked-form .mod-field { min-height: 0; padding: 0; } .mod-error-footer { padding-top: 16px; background-color: #f8f8f8; border-top: 4px double #e4e4e4; } .mod-error-footer dt { font-weight: bold; margin-bottom: 10px; } .mod-error-footer dd { margin-bottom: 10px; } /* Positioned modules */ .mod-pos01 { left: 95px; top: 2px; line-height: 1; } .mod-pos02 { left: 220px; } /* search box help info */ .mod-info .viewContent { margin: 22px 41px 0; } .mod-info h3 { color: #E60A7C; font-size: 18px; margin: 0; padding: 0; } .mod-info h4 { font-size: 14px; margin:18px 0 9px; color: #000; } .mod-info ul { margin: 0 0 9px; list-style-type: disc; list-style-position: inside; line-height: 18px; } .mod-info .state-floatleft { vertical-align: top; list-style-type: none; padding: 0 0 4px; min-height: 36px; } .mod-info .grid_5 { padding: 0 0 4px 18px; } .mod-info .state-clear { list-style-type: none; padding: 4px 0 0; } .mod-info .state-floatleft h4 { margin-bottom:0; } .mod-info span { color: #E60A7C; } .mod-separate { border-bottom:1px solid #cccccc;} .mod-table .mod-separate { border-top:1px solid #cccccc;border-bottom: none;} .mod-info.modal { width: 804px;margin:auto;top: 0;right: 0;left: 0;max-height:80%;overflow-y:scroll; } .mod-sei.modal { width: 600px; margin: auto; top: -123px; right: 0; left: 0; } .mod-sei iframe {width: 600px; height: 600px; border: none; border-radius: 8px;} .mod-sei .modal-close {right: 20px; color: #212121;} /* Bokeh Promo - page width promo with 1,2,3 sell on create JSP page */ .mod-bokeh-promo { background: url(/Content/Images/Layout/bg-myaccount-profile.jpg) no-repeat; width: 1006px; min-height: 186px; margin: -18px 0 0 -32px; } .mod-bokeh-promo ul.l-row { padding: 104px 0 0 94px; margin: 0; } .mod-bokeh-promo li { font-size: 14px; font-size: 1.4rem; } .mod-bokeh-promo li p { margin-top: 2px; } /* Last Search */ .mod-last-search-label { background: url(/Content/Images/Layout/search-assist-bg.png) repeat-x #f0f0f0; padding: 10px 10px; margin: 0; float: left; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .mod-search-arrow { float: left; width: 15px; height: 36px; background: url(/Content/Images/Layout/search-assist-arrow.png); } .mod-last-search-again { margin-right: -50px; padding: 10px 0px; float: right; text-align: right; } .mod-last-search-detail { float: left; padding: 10px 20px; color: #474747; } /* Login links Candidate and Employer styles */ .mod-nav-login { position: relative; z-index: 25; line-height: 78px; } .mod-candidate, .mod-employer { float: right; font-size: 1.8rem; color: #959595; } .mod-candidate a, .mod-employer a { font-weight: 500; color: #2765cf; } .mod-notification-bell { padding-top: 9px; margin-right: 25px; } .mod-nav-login .nav-break { margin: 0 17px 0 16px; width: 1px; height: 14px; border-right: 1px solid #747474; display: inline-block; position: relative; top: 1px; } .mod-dropdown-toggle, .mod-employer a{ line-height: 48px; display: inline-block; } .mod-dropdown-toggle:hover{ text-decoration: none; } /* Logged-in Candidate Drop-down styles */ .mod-nav-login .mod-dropdown { position: relative; } .mod-dropdown-toggle .username { color: #212121; max-width: 138px; display: inline-block; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; padding-right: 4px; } .mod-dropdown-toggle i:before { font-size: 12px; color: #212121; } .mod-dropdown ul { position: absolute; display: none; top: 46px; right: 0; padding: 11px 0; background: #ffffff; border: solid 1px #d8d8d8; border-radius: 2px; } .mod-dropdown.is-active ul { /* Show drop-down menu when active */ display: block; } .mod-dropdown.is-active i:before { /* Show arrow pointing 'up' not down */ content: attr(data-icon-active); } .mod-dropdown li { list-style: none; } .mod-dropdown li a { display: block; font-size: 16px; color: #212121; padding: 0 80px 0 40px; line-height: 48px; white-space: nowrap; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } .mod-dropdown li:hover a { color: #000; background:#d6d6d6; transition: background 0.1s ease; text-decoration: none; background-repeat: no-repeat; } /* Dropdown icons SVG */ .mod-dropdown li.profile-ico a{ background-image: url(/content/images/icons/icomoon.svg); background-position: 164px 11px; background-size: 16px 16px; } .mod-dropdown li.searches-ico a{ background-image: url(/content/images/icons/hearticomoon.svg); background-position: 163px 14px; background-size: 18px 15px; } .mod-dropdown li.jobs-ico a{ background-image: url(/content/images/icons/staricomoon.svg); background-position: 163px 11px; background-size: 17px 16px; } .mod-dropdown li.bck-highlight { background-color: #eee; } /*#region Home-page dashboard styles */ .mod-dashboard { border: 1px solid #D5D5D5; padding-top: 0; padding-bottom: 0; position: relative; box-shadow: inset 0 1px 1px white; margin-bottom: 15px; } .mod-dashboard.mod-section{ background-color: #fff; height: 251px; } .mod-dashboard .count { margin: 0 5px; color: #0d3880; font-weight: bold; } .mod-dashboard .new-count { display: inline-block; color: white; background-color: #E60878; border-radius:20px; width: 45px; padding: 3px; font-size: 1.2rem; text-shadow: 0 0 0; position: relative; top: 3px; overflow: hidden; text-align: center; } .mod-dashboard .ico-header { background: url(/content/images/dashboard/ico-dashboard-1.png) no-repeat; width: 26px; height: 22px; position: relative; top: 5px; display: inline-block; zoom: 1; *display: inline; } .mod-dashboard .ico-svg-header { width: 26px; height: 22px; position: relative; top: 3px; display: inline-block; zoom: 1; fill: #B0B0B0; *display: inline; } .mod-dashboard h2:hover .ico-header { background-position-y: -23px; } .mod-dashboard h2:hover .ico-svg-header { fill: #E60A7C; } .mod-dashboard .ico-fav-job { background-position: -25px 0; } .mod-dashboard .ico-app-job { background-position: -58px 0; } /* No icon required; use icon style to preserve layout, position so that no image is visible*/ .mod-dashboard .ico-rec-job { background-position: 25px 0; } .mod-dashboard .ico-profile { background-position: -25px 0; } .mod-dashboard-content { border: 1px solid #e8e8e8; background: #fbfbfb; margin: 9px 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*.mod-dashboard-fill { for IPAD margin-left: 8%; margin-right: 8%; min-height: 16em; margin-top: 5%; margin-bottom: 5%; }*/ .mod-dashboard-fill{ min-height: 15.4em; margin-bottom: 5%; width:85%; margin:auto; padding-top: 1.5em; } .mod-dashboard-fill p{ padding-left: 8px; padding-right: 8px; } .mod-dashboard-fill h3.mod-dashboard-fill-head { font-size: 2.0rem; line-height: 1.3; color: #E60A7C } .mod-dashboard-fill p.mod-dashboard-fill-content { font-size: 1.4rem; margin-bottom: 9px; margin-top: 9px; padding-left: 10px; padding-right: 10px; } .mod-dashboard-fill p.mod-dashboard-fill-btn { font-size: 1.4rem; margin-bottom: 9px; margin-top: 9px; margin-left:-15px; margin-right: -15px; } .mod-dashboard-content ul { padding: 1px; } .mod-dashboard-content ul li { border-bottom: 1px solid #E1E1E1; border-top: 1px solid #FFF; height: 60px; } .mod-dashboard-content ul li:first-child { border-top-width: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; padding-bottom: 1px; } .mod-dashboard-content ul li:last-child { border-bottom-width: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding-bottom: 1px; } .mod-dashboard-content ul li:hover { background: #fff; } .mod-dashboard-content ul li:hover:empty { background-color: transparent; } .mod-dashboard-content ul li:hover h3 { text-decoration: underline; } .mod-dashboard-content > div { text-align: center; } .mod-dashboard-content .mod-empty { text-align: left; border-radius: 5px; min-height: 130px; min-height: 11.9em; margin: 9px; } .mod-dashboard .mod-empty h3+p { font-style: normal; font-size: 12px; font-size: 1.2rem; font-weight: bold; margin: 10px 9px; } .ie7 .mod-dashboard-content .mod-empty { min-height: 12.2em; } .mod-dashboard-content .mod-empty p { margin: 14px 10px 10px; color: #8A8A8A; line-height: 1.2; font-size: 14px; font-size: 1.2rem; } .mod-dashboard-content .mod-empty h3 { color: #E60A7C; line-height: 1; margin: 35px 10px 2px; font-size: 18px; font-size: 1.8rem; } .mod-dashboard li > a { vertical-align: middle; } .mod-dashboard h2 { margin: 0; font-size: 11px; font-size: 1.1rem; display: inline-block; } .ie7 .mod-dashboard h2 { display: inline; zoom: 1; } .mod-dashboard h2 a { color: #404040; font-size: 18px; font-size: 1.8rem; font-weight:normal; text-shadow: 0 1px 2px #FFF; } .mod-dashboard h2:hover a { color: #E60A7C; } .mod-dashboard h3, .mod-dashboard h4 { font-size: 14px; font-size: 1.4rem; margin: 0; line-height: 1.5; } .mod-dashboard h2:hover a, .mod-dashboard h2:hover .count { color: #E60A7C; text-decoration: none; } .mod-dashboard h3 { color: #06c; } .mod-dashboard h4 span { font-weight: normal; } .mod-dashboard > li { padding: 8px 0; text-align: center; position: relative; } .mod-dashboard > li:first-child { border-left-color: transparent; padding-left: 0; } .mod-dashboard ul { text-align: left; margin: 0; width: 302px; } .mod-dashboard ul li .expired { position: absolute; width: 54px; height: 54px; background-position: -106px -115px; z-index: 10; top: 8px; left: 248px; } .mod-dashboard ul li a { display: block; color: #404040; position: relative; } .mod-dashboard ul li a:hover { text-decoration: none; } .mod-dashboard .mod-date { display: inline-block; text-align: right; color: #929292; *display: inline; zoom: 1; } .mod-dashboard ul + a { display: block; margin: 1px 21px 8px; min-height: 14px; text-align: left } .ie7 .mod-dashboard ul + a { margin: 0 21px; padding: 1px 0 8px; display: block; } .mod-dashboard .mod-tile { width: 220px; margin: 11px 0 0 20px; display: inline-block; *display: inline; zoom: 1; } .mod-dashboard .mod-tile > * { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .mod-dashboard ul li a ul li { position: relative; } .mod-dashboard ul li a > .ico { margin: 0; } .mod-tile .expired { top: -1px; left: -1px; } .mod-dashboard p { font-size: 13px; font-size: 1.3rem; line-height: 1.5; margin: 0; } .mod-poi .ico { vertical-align: middle; } .mod-last-search { padding: 10px 48px 10px 0; border: 1px solid #D5D5D5; margin-top: 0; } .mod-last-search dl { margin: 0; padding: 0; position: relative; } /*#region columns arrows */ .mod-dashboard .mod-box-ct { position: absolute; overflow: hidden; top: -7px; left: 50%; height: 12px; width: 14px; margin-left: -7px; z-index: 30; display: inline-block; } .mod-dashboard .mod-box-top { width: 10px; height: 10px; top: 2px; left: 2px; position: absolute; background: #fbfbfb; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); box-shadow: inset 1px 1px 1px rgba(192,192,192,.8); } .mod-dashboard .mod-box-over { width: 10px; height: 10px; background: #fbfbfb; top: 5px; left: 2px; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0px 0px 2px white; } /*#endregion */ /*#region Search count ribbon */ .mod-ribbon .mod-ribbon-content { width: 35px; margin-right: 10px; position: relative; top: -10px; left: 16px; padding-top: 8px; white-space: normal; text-align: center; -ms-text-overflow: clip; -o-text-overflow: clip; text-overflow: clip; line-height: 1em; font-weight: bold; display: inline-block; } .mod-ribbon .mod-ribbon-content .mod-text { font-size: 10px; font-size: 1rem; display: block; padding-bottom: 2px; color: #8A8A8A; } .mod-ribbon .mod-ribbon-content .mod-count, .mod-ribbon .mod-ribbon-content .mod-count-over-99 { color: #E60A7C; font-size: 16px; font-size: 1.6rem; } .mod-ribbon .mod-ribbon-content .mod-count-over-99 { position: relative; top: -2px; font-size: 12px; font-size: 1.2rem; margin-right: -1px; } .mod-ribbon .mod-tile { width: 225px; margin-left: 24px; } .ie7 .mod-ribbon .mod-count { line-height: normal; } .ie7 .mod-ribbon a { width: 290px; } /*#endregion */ /*#endregion */ .mod-last-search dt { padding-left: 24px; padding-right: 0; margin-right: 8px; } .home-index .mod-last-search dt { color: #404040; } .mod-last-search a:hover .description { text-decoration: underline; } .mod-last-search .search-date { display: inline-block; max-width: 100px; color: #404040; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; *display: inline; zoom: 1; margin: 0; vertical-align: middle; margin-right: 10px; } .mod-last-search .description { overflow-x: hidden; max-width: 570px; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; display: -moz-inline-box; /* IE fix */ zoom: 1; *display: inline; vertical-align: middle; } .mod-last-search .ico { vertical-align: middle; } .ie7 .mod-last-search dd .ico { margin-top: 10px; } .mod-last-search dd { vertical-align: middle; } .mod-last-search a:hover { text-decoration: none; } .mod-last-search dd a + a { position: absolute; top: 1px; right: -24px; } .mod-last-search .ico-favourite-ghost.saved, .mod-last-search dd a + a:hover .ico-favourite-ghost { background-position: -709px -80px; } /*#region dashboard promos */ .mod-dashboard-promo { height: 220px; cursor: pointer; position: relative; border: 1px solid #d5d5d5; } .mod-dashboard-promo:hover { text-decoration: none; } .mod-dashboard-promo.mod-section { padding-top: 0px; padding-bottom: 0px; } .mod-dashboard-promo h1, .mod-dashboard-promo h2 { color: #404040; font-family: Helvetica; font-size: 24px; font-size: 2.4rem; font-weight: normal; margin: 0 0 0 40px; line-height: 36px; line-height: 3.6rem; letter-spacing: -1px; } .mod-dashboard-promo #dashtxt{ font-size: 24px; font-size: 2.47rem; color: #E60A7C; letter-spacing: -1px; } .mod-dashboard-promo.recipe1 { background: #fff url(/content/images/dashboard/r1_numbers_10.png) no-repeat 625px 27px; } .mod-dashboard-promo.recipe1 h1 { margin-top: 28px; } .mod-dashboard-promo-mock { position: relative; } .mod-promo-overlay { background: #fff url(/Content/Images/layout/profile-let-opportunity-come2.jpg) 0 0 no-repeat; } .au .mod-promo-overlay { background: #fff url(/Content/Images/Layout/profile-never-stops-searching.png) 0 0 no-repeat; } .nz-banner-volunteer1 { background: #fff url(/Content/Images/Dashboard/nz-volunteer-recipe1.jpg) 0 0 no-repeat; } .nz-banner-volunteer2{ background: #fff url(/Content/Images/Dashboard/nz-volunteer-recipe2.jpg) 0 0 no-repeat; } .nz-banner-sara { background: #fff url(/Content/Images/Dashboard/sara-background.png) 0 0 no-repeat; } .mod-dashboard .mod-promo-banner .banner-sara-btn { background: #000; border: 1px solid #fff; border-radius: 3px; color: #fff; font-weight: lighter; } .mod-dashboard .mod-promo-banner .banner-sara-btn:hover { background: black; } .mod-dashboard .mod-promo-banner-profile__content .nz-banner-volunteer2-header { font-size: 44px; font-weight: 700; line-height: 1.1em; } .mod-dashboard .mod-promo-banner-profile__content .nz-banner-volunteer1-header { font-size: 41px; line-height: 1.1em; } .mod-dashboard .mod-promo-banner button { background-color: #00bbe0; color: #fff; font-weight: normal; font-size: 18px; border-radius: 3px; border: none; line-height: 21px; margin-top: 15px; padding: 10px 18px 11px; box-shadow: none; } .mod-dashboard .mod-promo-banner button:hover { background-color: #00b6e0; } .mod-dashboard .mod-promo-banner button:focus { outline: 2px solid #00b6e0; } .mod-dashboard .mod-promo-banner .button--pink { background-color: #e60278; margin-top: 38px; } .mod-dashboard .mod-promo-banner .button--pink:hover { background-color: #e60278; } .mod-dashboard .mod-promo-banner .button--pink:focus { background-color: #e60278; outline: 2px solid #e60278; } .mod-promo-overlay, .mod-promo-banner { position: absolute !important; top: 0; left: 0; padding: 0 !important; width: 100%; height: 100%; z-index: 30; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mod-promo-banner h2 { color: #fff; font-size: 36px; font-size: 3.6rem; font-weight: 500; line-height: 35px; margin: 18px 0; } .mod-promo-banner .mod-promo-banner-txt { text-align: left; left: 69px; position: absolute; top: 42px; } .au .mod-promo-banner .mod-promo-banner-txt { left: 32px; } .mod-promo-banner .mod-promo-banner-txt p { color: #fff; font-size: 18px; font-size: 1.8rem; font-weight: normal; line-height: 26px; } .mod-promo-banner .mod-promo-banner-txt a { color: #fff; text-decoration: underline; } .mod-promo-banner .mod-promo-banner-txt span { padding-left: 20px; font-size: 14px; font-size: 1.4rem; color: #fff; } /* start SEEK Profile banner */ .mod-dashboard .mod-promo-banner-profile__content .mod-promo-banner-txt { text-align: left; position: absolute; left: 0; top: 0; margin-top: 15px; margin-left: 40px; padding-right: 50%; } .mod-dashboard .mod-promo-banner-profile__content .mod-promo-banner-txt-sara { text-align: left; position: absolute; left: 0; top: 0; margin-top: 15px; margin-left: 40px; padding-left: 46%; } .mod-dashboard .mod-promo-banner-profile__content h2 { color: #fff; font-size: 28px; line-height: 36px; padding-top: 10px; } .mod-dashboard .mod-promo-banner-profile__content button { font-weight:bold; font-size:18px; margin-top:26px; padding:12px 25px; } /* end SEEK Profile banner */ /* start Company Reviews banner*/ .mod-promo-overlay-reviews { background: #fff url(/content/images/dashboard/bg_companies_cat_B.jpg) } .mod-dashboard .mod-promo-banner-reviews__content .mod-promo-banner-txt { text-align: left; position: absolute; left: 0; top: 0; margin-top: 15px; margin-left: 40px; } .mod-dashboard .mod-promo-banner-reviews__content h2 { color: #212121; font-weight: bold; font-size: 33px; line-height: 36px; } .mod-dashboard .mod-promo-banner-reviews__content p { color: #212121; font-size: 21px; line-height: 36px; } .mod-dashboard .mod-promo-banner-reviews__content button { font-size: 21px; padding: 13.5px 15px; margin-top:38px; } /* end Company Reviews banner */ /*#endregion*/ .dark-rounded-panel { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #404040; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; color: #fff; } .dark-rounded-panel h3, .dark-rounded-panel p { color: #fff; } .dark-down-chevron { width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #404040; } .visibleProfileChevronPosition { margin-left: 50px; } .hiddenProfileChevronPosition { margin-right: 50px; float: right; } .msgtips-panel-container { position: relative; } #ProfileContainer .msgtips-panel-container { margin-left: -18px; } .mod-square-panel { background: #fbfbfb; border: 1px solid #d1d1d1; -webkit-box-shadow: 0px 5px 5px -2px rgba(138, 138, 138, 0.3); -moz-box-shadow: 0px 5px 5px -2px rgba(138, 138, 138, 0.3); box-shadow: 0px 5px 5px -2px rgba(138, 138, 138, 0.3); } .mod-rounded-panel { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #EEE; padding: 20px 32px; margin-bottom: 24px; } .mod-rounded-panel.state-secondary { background: #fbfbfb; border: 1px solid #d1d1d1; } .mod-rounded-panel.state-secondary h1, .mod-rounded-panel.state-secondary h2 { color: #212121; } .mod-rounded-panel.state-secondary.state-has-arrow { position: relative; } .mod-rounded-panel.state-secondary.state-has-arrow:before { content: ' '; height: 0; position: absolute; width: 0; border: 11px solid transparent; border-top-color: #D1D1D1; top: 100%; left: 39px; } .mod-rounded-panel.state-secondary.state-has-arrow:after { content: ' '; height: 0; position: absolute; width: 0; border: 10px solid transparent; border-top-color: #fbfbfb; top: 100%; left: 40px; } .mod-rounded-panel > h2 { margin-top: 0px; } .mod-gradient-panel { border: 1px solid #ddd; background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #efefef 0%, #ffffff 100%); background: -o-linear-gradient(top, #efefef 0%, #ffffff 100%); background: -ms-linear-gradient(top, #efefef 0%, #ffffff 100%); background: linear-gradient(to bottom, #efefef 0%, #ffffff 100%); } .mod-button { line-height: 21px; font-size: 18px; font-size: 1.8rem; font-weight: normal; padding: 11px 20px; cursor: pointer; display: inline-block; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; box-shadow: 0 1px 0 0 rgba(33, 33, 33, 0.7); text-decoration: none; -ms-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; -o-transition: all .25s linear; } .mod-button:active, .mod-button:hover { text-decoration: none; box-shadow: 0 1px 0 0 rgba(33, 33, 33, 0.7); } input.mod-button { min-width: 0; } .input #DoSearch { margin-left : 100px; } .mod-disable-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mod-caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid white; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } /* buttons */ button.mod-like-a-link { background: none!important; border: none; font-size: 12px; font-size: 1.2rem; padding: 0!important; color: #06c; } button.mod-like-a-link:hover { text-decoration: underline; } /* Watercooler survey */ .mod-survey { padding-top: 0; padding-bottom: 0; position: relative; } .mod-survey .mod-hide { position: absolute; right: 25px; } .mod-survey h1 { font-size: 1.3em; color: #000; padding-left: 78px; position: relative; } .mod-survey h1 span.watercooler-logo { background-position: -922px -215px; display: block; width: 60px; height: 60px; position: absolute; left: 0; } .mod-survey h1 span { font-weight: bold; } .mod-survey h1 a { font-size: 0.8em } .mod-survey .watercooler-heading { color: #0D3880; display: block; font-size: 1.4em; padding: 9px 0; } .mod-survey .watercooler-heading span { color: #E60A7C; } .mod-survey ul { font-size: 0.875em; width: 89%; float: left; margin-bottom: 18px; } .mod-survey div { padding-left: 78px; } .mod-survey li { display: inline-block; width: 49%; margin-bottom: 6px; } .ie7 .mod-survey li { display: inline; zoom: 1; } .mod-survey li input { margin: 0 3px 0 0; position: relative; top: 1px; } .mod-survey label, .mod-survey li > span { color: #000; font-size: 1.1em; } .mod-survey > a { float: left; width: 5%; } .mod-survey .graph, .mod-survey .inner-bar { display: block; background: #0d3880; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #fff; min-width: 38px; } .mod-survey .inner-bar em { display: block; } .mod-survey .graph div, .mod-survey .inner-bar em { padding: 3px 10px; } .mod-survey .high { font-weight: bold; } .mod-survey .high .graph, .mod-survey .graph-yes .inner-bar { background: #E60A7C; } .mod-survey .wc-single-answer li, .mod-survey .graph-dual li { width: 13%; } .mod-survey .graph-dual .graph, .mod-survey .graph-dual .label { display: none; } /* Search Relevancy Survey on search results page and job details*/ .body-joblisting-index .jors-search-results, .body-jobsearch-index .jors-job-details { display: none; } .survey-relevancy { display:none; margin:0 0 10px; padding:10px 5px 8px 18px; border:1px solid #cacaca; background:#f8f8f8; border-radius: 2px; } .survey-relevancy h2 { color:#E60A7C; font-size:14px; font-weight:bold; margin:0; padding:0; } .survey-relevancy a { display: inline-block; font-weight:bold; margin:0 58px 0 0; vertical-align: middle; line-height: 26px; font-size: 13px; } .survey-relevancy a:hover { text-decoration: none; } .survey-relevancy span { display: inline-block; margin-right: 6px; } .answer-yes:hover span { background-position: -475px -39px; } .answer-kind-of:hover span { background-position: -502px -39px; } .answer-not-really:hover span { background-position: -563px -36px; } .answer-no:hover span { background-position: -536px -36px; } .body-joblisting-index .survey-relevancy a { margin:0 38px 0 0; } .survey-relevancy input{ width: 70%; min-height: 27px; line-height: 27px; padding: 0 9px; margin: 0 0 11px; color:#acacac; border: 1px solid #eee; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .body-joblisting-index .survey-relevancy .btn { line-height: 15px; margin: 0; border-radius: 8px; } /*Jobseeker Satisfaction Survey*/ .mod-sat-survey-text-large { font-size:16px; } .mod-sat-survey-text-small { font-size:13px; } /* Recruiter Profile Trial */ .mod-recruiter-profile { display: none; } .mod-recruiter-profile div { margin-top: 1px; margin-left: 18px; width: 340px; font-size: 12px; line-height: 20px; } .mod-recruiter-profile img { border-radius: 5px; } .mod-recruiter-profile_email, .mod-recruiter-profile_phone { display: inline-block; font-size: 12px; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mod-recruiter-profile_phone { max-width: 70px; } .mod-recruiter-profile_email-details-revealed, .mod-recruiter-profile_phone-details-revealed { max-width: 340px !important; } .mod-recruiter-profile_phone-details-revealed { text-decoration: none !important; cursor: default; color: #404040 !important; } .mod-list-nobullet li { list-style-type: none; } /* Styling for screening on Job apply page */ .jobapply-apply p, .mod-apply-screen select, .mod-apply-screen textarea, .myaccount-screenformanswers p { font-size: 14px; font-size: 1.4rem} .mod-apply-screen {color: #404040;font-size: 14px;font-size: 1.4rem;} .mod-apply-screen label { text-align: left; margin: 0 0 9px 0; font-weight: bold; font-size: 14px; font-size: 1.4rem; display: block; } .mod-apply-screen textarea { width:400px; margin: 0; line-height: 25px; padding: 6px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .ie8 .mod-apply-screen legend, .ie9 .mod-apply-screen legend { margin: -15px 0 9px 0; } .mod-apply-screen select{ border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; display: block; line-height: 36px; /* Safari */ height: 36px; min-width: 300px; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .mod-apply-screen option {padding:6px} .mod-apply-screen li:first-child { margin-top: 18px;} .mod-apply-screen li {margin: 0 0 18px 20px;padding: 0 10px;list-style: decimal;vertical-align: top;font-weight: 700;color: #e60278;} .mod-apply-screen fieldset {margin: 0; padding: 0px; display: block; position: relative; width: 100%;} .mod-apply-screen fieldset p { font-weight: normal; margin-top: 0;} .mod-apply-screen fieldset label { font-weight: normal;margin: 5px 0;} .mod-apply-screen legend { padding-bottom: 9px; /* using padding for legend instead of margin for Safari */ color: #212121; width: 100%; } .mod-account-locked p { font-size: 14px;} .mod-account-locked a.cancel { margin-left: 20px;} .mobile-show { display: none!important; } /* temp overrider for form text input. TODO: update all forms css! */ input[type="text"] { font-size: 16px; padding: 0 9px; line-height: 42px; box-sizing: border-box; } @media screen and (max-width:640px){ .mod-global-nav { display: none; } .mod-employer { display: none; } .mod-candidate { display: block; padding-right: 10px; } .mod-notification-bell { display: none; } .mod-navigation { display: none; } /* Header */ .mod-banner { line-height: 63px; height: 63px; background-color:#0d3880; padding: 0 10px; } .mod-logo { width: 105px; height: 63px; background: url(/content/images/logos/logo-seek-white.svg) 0 50% no-repeat; background-size: contain; } .mod-nav-login { line-height: 63px; } .mod-nav-login a { color: #fff; font-weight: 300;} .mod-dropdown-toggle i:before { color: #fff;} .mod-dropdown-toggle .username {color: #fff; } /* WIP User Dropdown .mod-dropdown li.bck-highlight { background: none!important; } .mod-dropdown li.jobs-ico a { background-position: right center; } .mod-dropdown ul { position: fixed; width:100%; height: 100%; padding:18px 20px!important; background: #0d3880; border: none; border-radius: 0;} .mod-dropdown.is-active ul { display: flex; flex-direction: column; align-items: flex-end;} .mod-dropdown li a { font-size: 18px; color:#fff; padding-right: 20px; font-family:Roboto,Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased;} .mod-dropdown li .menu-break:before { content: ""; position: absolute; top: 9px; right: 0; left: 20px; height: 1px; background: #fff; opacity: .2; } */ .mod-dropdown li.profile-ico a { background-position: 214px 13px; } .mod-dropdown li.jobs-ico a { background-position: 212px 13px; } .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_12 { width: auto; } .grid_9 { width: 100%; } .form-submit > span, .form-submit form > span { padding: 18px 0 !important; color: #2b2b2b !important; font-size: 12px!important; display: block !important; } .mod-section { box-sizing: border-box; padding: 18px 20px; } .mobile-show { display: block!important; } .mobile-hidden { display: none!important; } /* homepage searchbox styling - mostly redundant */ .home-index.mod-section { padding: 0; } .home-index .search-panel { padding-top: 18px; } .home-index .search-panel__help-button {d isplay: none; } .home-index input.seek-input, .home-index input[type=text].seek-input, .home-index .seek-select:not([size]), .home-index .seek-select[size="1"] { height: 45px; line-height: 45px; font-size: 16px; } .home-index .search-panel-container { margin-top: 0; } .home-index .search-panel.search-panel--expanded { margin-left: 0; } .home-index .search-panel__column { width: 100%!important; display: block!important; box-sizing: border-box; padding: 18px 20px; } .home-index .search-panel__keywords input[type=text], .search-panel__classification select, .search-panel__subclassification select, .search-panel__where .react-autosuggest input { width: 100%; box-sizing: border-box;} .home-index label, .home-index .search-panel label { display: block!important; text-align: left!important; font-weight: 400!important; font-size: 16px!important; } .home-index .search-panel__salary label.search-panel__salary-to-label { display: inline-block !important; text-align: center!important;} /* jobmail unsubcribe page */ .myaccount-unsubscribejobmail, .joblisting-emailsent { font-size: 16px; line-height: 1.5em;} .myaccount-unsubscribejobmail, .joblisting-emailsent { font-size: 18px; font-weight: 600; } .myaccount-unsubscribejobmail .unsub-container, .joblisting-emailfriend .emailfriend-container, .joblisting-emailsent .emailsent-container { flex-direction: column!important; padding:0 20px; text-align: center!important;} .myaccount-unsubscribejobmail .unsub-icon, .joblisting-emailsent .tick-icon { margin-bottom: 9px!important;} .myaccount-unsubscribejobmail p, .joblisting-emailsent p { width 100%; } .myaccount-unsubscribejobmail ul li { list-style: none; height: 45px; line-height: 45px; } .joblisting-emailfriend .emailfriend-container form { text-align: left!important; padding: 18px 0!important; } /* myactivity page */ .myaccount-index-loggedin .mod-static .well-dark { background-color: #eee; padding-left: 0!important; margin-top: 0!important;} .myaccount-index-loggedin h1 { color: #000!important; font-size: 21px!important; font-weight: 600!important; margin: 0; padding: 27px 0 18px!important; } .myaccount-index-loggedin h3 { font-size: 18px; line-height: 1.5em; } .myaccount-index-loggedin p { font-size: 16px; line-height: 1.5em; } .myaccount-index-loggedin .well-dark span { font-size: 18px!important; display: block; line-height: 1.5em; margin-top: 18px; font-weight: normal;} .myaccount-index-loggedin .mod-section { margin: 0; margin-bottom: 18px;} .myaccount-index-loggedin.l-row { padding: 0 20px !important; } .myaccount-index-loggedin .grid_pad_1_5 { padding-left: 0!important; } .myaccount-index-loggedin .mobile-flex { display: flex; } /* MyAccount LoggedOut page */ .myaccount-index h1 { font-size: 21px!important; font-weight: 600!important; padding: 27px 20px!important; min-width: 0!important; box-sizing: border-box!important; } /* weekly round-up-email, error pages */ .round-up-email.mod-section, .myaccount-unsubscribejobmail.mod-section, .joblisting-emailfriend.mod-section, .joblisting-emailsent.mod-section, .error-index.mod-section , .error-notfound.mod-section , .error-servererror.mod-section { padding: 0; } .round-up-email .l-row, .myaccount-unsubscribejobmail .l-row, .joblisting-emailsent .l-row, .error-index .l-row, .error-notfound .l-row, .error-servererror .l-row { -webkit-box-shadow: none!important; box-shadow: none!important; border-radius: 0!important;} .round-up-email.l-row .l-row, .myaccount-unsubscribejobmail.l-row .l-row, .joblisting-emailfriend.l-row .l-row, .joblisting-emailsent.l-row .l-row, .error-index.l-row .l-row, .error-notfound.l-row .l-row, .error-servererror.l-row .l-row { margin-left: 0!important;} .body-round-up-email .grid_pad_1, .myaccount-unsubscribejobmail .grid_pad_1, .joblisting-emailfriend .grid_pad_1, .joblisting-emailsent .grid_pad_1, .error-index .grid_pad_1, .error-notfound .grid_pad_1, .error-servererror .grid_pad_1 { padding-left: 20px!important; padding-right: 20px!important; } .round-up-email .well-dark, .myaccount-unsubscribejobmail .well-dark, .joblisting-emailfriend .well-dark, .joblisting-emailsent .well-dark, .error-index .well-dark, .error-notfound .well-dark, .error-servererror .well-dark { background-color: #eee!important; margin: 0!important; padding:27px 0!important;} .round-up-email h1, .myaccount-unsubscribejobmail h1, .joblisting-emailfriend h1, .joblisting-emailsent h1, .error-index h1, .error-notfound h1, .error-servererror h1 { font-size: 21px!important; line-height: 27px!important; font-weight: 600!important; background: #eee; color: #000!important; margin: 0!important; padding: 0;} .round-up-email h2, .error-index h2, .error-notfound h2, .error-servererror h2 { font-size: 18px!important; line-height: 1.285em; font-weight: 400!important; } .round-up-email .l-column { float: none!important; } .round-up-email img.pull-right { float: none!important; } /* work for seek page */ .work-for-seek .pull-out-of-row { margin: 0 -20px!important; } .work-for-seek .right-section, .work-for-seek .right-section .state-floatleft, .work-for-seek .right-section .state-floatright { width: 100%!important; } .work-for-seek-side { background: #fff!important; padding-right: 20px!important; } .work-for-seek .mod-static h1 { font-size: 21px!important; font-weight: 600!important; line-height: 1.28571em; padding: 27px 20px 36px!important; min-width: 0!important; box-sizing: border-box!important; -webkit-transform: translateY(.27935714em); transform: translateY(.27935714em); display: block; margin: 0; color: rgba(33,33,33); } .work-for-seek .left-section { width:100%!important; } .work-for-seek .mod-static .well-dark { margin: -18px 0 0!important; padding: 0!important;} /* Create saved search / Jobmail */ .jobmail-profile-pages.jobmail h1 { padding: 27px 20px!important; color:#000!important; background: #eee; font-size: 21px; line-height: 1.285em; font-weight: 600; font-family: Roboto, arial, sans-serif; margin: -18px -20px; -webkit-font-smoothing: antialiased; } .myaccount-createnewjobmail h1+p { margin: 0!important; color: #212121; width: 100%!important; padding: 45px 0 27px; margin-left: -20px; font-size: 14px; line-height: 1.5em; -webkit-font-smoothing: antialiased; } .jobmail-profile-pages label {font-size: 16px!important; font-weight: 400!important; -webkit-font-smoothing: antialiased; } /* Investor pages */ .investor { padding: 0!important; } .investor .mod-side-menu { display: none!important; } .investor .grid_9 { margin: 0!important; } .investor h1 { font-size: 21px!important; line-height: 1.28571429em!important; background: #eee; font-weight: 600!important; padding: 36px 20px 27px; margin: -24px -20px 36px; box-sizing: border-box!important; -webkit-transform: translateY(.27935714em); transform: translateY(.27935714em); -webkit-font-smoothing: antialiased; } .investor p { font-size: 18px; line-height: 1.5em; -webkit-transform: translateY(.3865em); transform: translateY(.3865em); font-weight: 400; -webkit-font-smoothing: antialiased; } /* 150k jobs */ .highpayingjobs-index h1 {font-size: 21px!important; line-height: 1.28571429em!important; background: #eee; font-weight: 600!important; padding: 36px 20px 27px; margin: -24px -20px 36px!important; box-sizing: border-box!important; -webkit-transform: translateY(.27935714em); transform: translateY(.27935714em); -webkit-font-smoothing: antialiased; color:#000; letter-spacing:-1px!important;} .highpayingjobs-index #BrowseAllJobs { margin: 0!important; padding: 0!important;} .highpayingjobs-index #BrowseJobs ul { padding-top: 0!important; margin: 0!important; width: 100%!important; } .highpayingjobs-index #BrowseJobs li { font-size: 16px!important; line-height: 1.5em;} .highpayingjobs-index #BrowseJobs .hpj-promos { padding-top: 27px!important; } .highpayingjobs-index #BrowseAllJobs .hpj-jsp-promo { width: 100%!important; } [id*="searchBoxContainer"] { margin:0!important; padding: 20px!important; box-sizing: border-box !important } .highpayingjobs-index .l-column, .onsite .l-column { margin-left: 0 !important; float: none!important; } .onsite .onsite-searchbox-title { background-size: auto 45px; margin: 18px 20px; padding-left: 126px; } } /* Onsite Responsive Hack (jobs.seek.com.au) */ @media screen and (max-width:940px){ .onsite.mod-search-form { box-sizing: border-box; } .l-column:first-child { margin-left: 0 } .onsite .l-column { float: none!important; } .onsite .l-row { min-width: 0!important; } .mod-options-trigger { left: auto; } } /* SERP */ .mod-lmis-serp { border: 1px solid #d6d6d6; border-left: 0; background: #FFFFFF; color: #000; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-bottom: 20px; margin-left: 41px; margin-right: 35px; margin-bottom: 10px; } .mod-lmis-serp .mod-lmis-left-border { position: absolute; top: -1px; left: -6px; bottom: -1px; background: #0D3880; width: 6px; } .mod-lmis-serp .mod-lmis-header { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; padding-top: 0; color: #3566CC; font-size: 18px; font-size: 1.8rem; font-weight: bold; margin: 22px 240px 0 25px; display: block; } .mod-lmis-serp .mod-lmis-header:hover { color: #3566CC; } .mod-lmis-serp .mod-lmis-logo { position: absolute; top: 22px; right: 27px; } .mod-lmis-serp .mod-lmis-logo img { width: 100px; } .mod-lmis-serp .mod-lmis-generic-options { margin: 20px 0 0; } .mod-lmis-serp .mod-lmis-generic-options li:last-child { margin-bottom: 5px; } .mod-lmis-serp .mod-lmis-generic-options li { background: url(/Content/Images/Learning/bullet-ret.png) 1px 5px no-repeat; background-size: 7px 7px; font-size: 14px; color: #333333; font-weight: normal; display: block; padding: 0 0 0 15px; margin: 0 0 10px 25px; } .mod-lmis-serp .mod-lmis-study-types { width: 58%; margin: 25px 0 0 10px; overflow: hidden; } .mod-lmis-serp .mod-lmis-study-types li { display: block; float: left; } .mod-lmis-serp .mod-lmis-study-types li:first-child a { border: none; } .mod-lmis-serp .mod-lmis-study-types li a { display: block; color: #3566CC; border: none; border-left: 1px solid #dadada; height: 17px; line-height: 17px; font-size: 1.4rem; padding: 0 16px; font-weight: bold; cursor: pointer; } .mod-lmis-serp .mod-lmis-study-types li a:hover { color: #3566CC; } .mod-lmis-serp .mod-button.state-button-green { background: #E60278 url(/Content/Images/Learning/arrow-ret.png) 156px 12px no-repeat; background-size: 8px 16px; border: 1px solid #E60278; border-radius: 4px; box-shadow: 0 1px 0 0 rgba(33,33,33,1); display: block; position: absolute; bottom: 23px; right: 29px; padding: 10px 34px 8px 13px; } .mod-lmis-serp .mod-button.state-button-green.explore-btn-short { background-position: 88px 12px; } /* JD */ .mod-lmis-jd { box-sizing: border-box; width: 100%; border: 1px solid #d6d6d6; background: #FFF; position: relative; padding: 23px 0px 0px 32px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 16px; } .mod-lmis-jd::before { content: ''; position: absolute; display: block; top: -1px; bottom: 0; left: -1px; right: 0; width: 6px; background: #0D3880; } .mod-lmis-jd .mod-lmis-header { border: 0; max-width: 280px; display: block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #3566CC; font-size: 18px; line-height: 1.3em; } .mod-lmis-jd .mod-lmis-logo { position: absolute; right: 32px; top: 25px; } .mod-lmis-jd .mod-lmis-logo img { width: 106px; height: 22px; } .mod-lmis-jd .mod-lmis-generic-options { margin: 17px 0 0 0; } .mod-lmis-jd .mod-lmis-generic-options li:last-child { margin-bottom: 18px; } .mod-lmis-jd .mod-lmis-generic-options li { background: url(/Content/Images/Learning/bullet.png) 1px 5px no-repeat; font-size: 14px; color: #333333; font-weight: normal; display: block; padding: 0 0 0 14px; margin: 0 0 9px 0; } .mod-lmis-jd .mod-lmis-study-types li:first-child a { border-left: 0; } .mod-lmis-jd .mod-lmis-study-types li a { display: block; color: #0d3880; border: none; border-left: 1px solid #dadada; height: 17px; line-height: 17px; font-size: 1.4rem; padding: 0 10px; font-weight: bold; cursor: pointer; } .mod-lmis-jd .mod-button.state-button-blue { background: #0D3880 url(/Content/Images/Learning/arrow.png) 164px 14px no-repeat; width: 155px; text-align: left; } .mod-lmis-jd .mod-button.state-button-blue:hover { background-color: #0e3d8c; } .mod-lmis-jd ul { margin-top: 23px; margin-bottom: 25px; box-sizing: border-box; width: 100%; display: block; } .mod-lmis-jd ul:after { content: ''; clear: both; display: block; } .mod-lmis-jd ul.mod-lmis-links li { box-sizing: border-box; float: left; list-style: none; border-right: 2px solid #dadada; font-size: 14px; padding-right: 20px; padding-left: 20px; } .mod-lmis-jd ul.mod-lmis-links li:first-child { padding-left: 0px; } .mod-lmis-jd ul.mod-lmis-links li:last-child { border: none; padding-right: 0px; } .mod-lmis-jas-old { width: 544px; } .mod-lmis-jas-old ul.state-lmis-options { float: left; width: 50%; } .mod-lmis-jas-old ul.state-lmis-generic-options { width: 100%; clear: both; } @media(orientation:portrait) { .mod-lmis-jd { padding: 23px 15px 0px 20px; } .mod-lmis-jd ul { margin-bottom: 66px; } .mod-lmis-jd ul.mod-lmis-links li { clear: both; display: block; border-right: 0px; padding-left: 0px; margin-bottom: 12px; } .mod-lmis-jd .mod-button.state-button-blue { background: #0D3880; width: 139px; text-align: left; padding-left: 15px; padding-right: 15px; text-align: center; } .mod-lmis-jd .mod-lmis-logo { position: absolute; left: 21px; bottom: 22px; top: auto; right: auto; } } .company-profile * { color: #212121; } .company-profile { margin-top: -1px; padding: 20px 20px 30px; display: none; border: 1px solid #DDD; } .company-profile.show { display: block; } .company-profile__heading { color: #404040; margin: 0; font-weight: bold; font-size: 1.6rem; line-height: 27px; } .company-profile__rating { font-size: 1.4rem; margin: 18px 0; } .company-profile__rating-circles { float: left; margin-right: 8px; } .company-profile__rating-circles div { float: left; } .company-profile__rating p { height: 100%; line-height: 18px; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .company-profile__rating p { width: 120px; } } .company-profile__link { clear: both; display: block; font-size: 14px; color: #06c; } .company-profile__link span{ font-size: 14px; color: #06c; } .company-profile .circle-fill { position: absolute; top: 0; left: 0; height: 18px; background-color: #ffa017; width: 100%; } .border-standard { border: 1px solid #dadada; } /* arrow direction states */ .state-arrow-right { border-color: transparent; border-color: rgba(255, 255, 255, 0); border-left-color: #111; margin-left: 3px; margin-right: -2px; } .state-arrow-up { border-color: transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #111; margin-bottom: 2px; } .state-arrow-down { border-color: transparent; border-color: rgba(255, 255, 255, 0); border-top-color: #111; margin-bottom: -2px; } .state-arrow-help-bubble { border: 6px solid transparent; border-color: rgba(255, 255, 255, 0); display: block; left: -13px; top: 16px; position: absolute; border-right-color: #E5E5E5; } /* Vertical/Horizontal navigation state */ .state-basic-horizontal li { margin-bottom: 14px; } .state-basic-horizontal span { margin-left: 7px; padding-left: 7px; } .state-basic-horizontal span:first-child { margin-left: 0; padding-left: 0; } .state-basic-horizontal a, .state-basic-horizontal .state-basic-banner { color: #fff; } .state-basic-horizontal .state-basic-banner { text-align: center; } .state-horizontal li { float: left; background-color: transparent; } .state-horizontal a:hover { text-decoration: none; } .state-horizontal li, .state-basic-horizontal span { list-style: none; } .state-main-nav { padding: 0px 24px; position: relative; line-height: 78px; vertical-align: middle; border-bottom: 6px solid #0d3880; margin-bottom: 27px; } .state-main-nav .l-column{ overflow: visible; } .state-main-nav ul > li { border: 0; padding: 0; width: 235px; border: none; font-size: 18px; display: flex; justify-content: center; align-items: center; } .state-main-nav span.new { content: "New"; display: inline-block; text-transform: uppercase; font-size: 12px; font-weight: 500; color: #fff; background-color: #06c; height: 18px; line-height: 18px; padding: 0 6px; border-radius: 9px; margin-left: 5px; } /* Career Advice promo */ .state-main-nav .nav-promo::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNjUiIHZpZXdCb3g9IjAgMCA0OCA2NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yOCAxLjM5OTlDMjggMS4zOTk5IDMzLjUgMS42OTk5IDM1LjggNC4zOTk5IiBzdHJva2U9IiMyMTIxMjEiIHN0cm9rZS13aWR0aD0iMC43MTQyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS4yOTk4IDE4LjMwMDFDNS4yOTk4IDE4LjMwMDEgNi43OTk4IDEwLjUwMDEgOC45OTk4IDguMzAwMTJDMTEuMTk5OCA2LjEwMDEyIDEyLjQ5OTggNy4yMDAxMiAxMi40OTk4IDcuMjAwMTJDMTIuNDk5OCA3LjIwMDEyIDE0Ljk5OTggNC4wMDAxMiAxOS41OTk4IDIuMDAwMTJDMjQuMTk5OCAwLjAwMDEyMjA3IDMwLjg5OTggMC45MDAxMjIgMzMuNjk5OCAzLjIwMDEyQzM2LjQ5OTggNS41MDAxMiAzNi40OTk4IDYuNzAwMTIgMzYuNDk5OCA2LjcwMDEyQzM2LjQ5OTggNi43MDAxMiAzOC4yOTk4IDcuMDAwMTIgMzkuMjk5OCA4LjQwMDEyQzQwLjI5OTggOS44MDAxMiA0Mi4zOTk4IDE4LjMwMDEgNDIuMzk5OCAxOC4zMDAxIiBmaWxsPSIjMjEyMTIxIi8+CjxwYXRoIGQ9Ik0zOS40IDYyLjE5OTlMMjQgNjQuMDk5OUwyMy43IDY0LjE5OTlMMjMuNCA2NC4wOTk5TDggNjIuMTk5OUwxMSA1MC4xOTk5TDE0IDM1LjM5OTlIMzMuNEwzNC4zIDM5Ljg5OTlMMzkuNCA2Mi4xOTk5WiIgZmlsbD0iI0Y1ODQ0OSIvPgo8cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik0zMC45IDM5Ljg5OTlDMjQuNiA0Ny45OTk5IDE2LjQgNDkuOTk5OSAxMSA1MC4xOTk5TDE0IDM1LjM5OTlIMzBMMzAuOSAzOS44OTk5WiIgZmlsbD0iI0Y1ODQ0OSIvPgo8cGF0aCBkPSJNNi4zIDMwLjIwMDFDOS43NzkzOSAzMC4yMDAxIDEyLjYgMjcuMzc5NSAxMi42IDIzLjkwMDFDMTIuNiAyMC40MjA3IDkuNzc5MzkgMTcuNjAwMSA2LjMgMTcuNjAwMUMyLjgyMDYxIDE3LjYwMDEgMCAyMC40MjA3IDAgMjMuOTAwMUMwIDI3LjM3OTUgMi44MjA2MSAzMC4yMDAxIDYuMyAzMC4yMDAxWiIgZmlsbD0iI0YwNjQyRiIvPgo8cGF0aCBkPSJNNDEuMzk5NiAzMC4yMDAxQzQ0Ljg3OSAzMC4yMDAxIDQ3LjY5OTYgMjcuMzc5NSA0Ny42OTk2IDIzLjkwMDFDNDcuNjk5NiAyMC40MjA3IDQ0Ljg3OSAxNy42MDAxIDQxLjM5OTYgMTcuNjAwMUMzNy45MjAyIDE3LjYwMDEgMzUuMDk5NiAyMC40MjA3IDM1LjA5OTYgMjMuOTAwMUMzNS4wOTk2IDI3LjM3OTUgMzcuOTIwMiAzMC4yMDAxIDQxLjM5OTYgMzAuMjAwMVoiIGZpbGw9IiNGMDY0MkYiLz4KPHBhdGggZD0iTTQxLjgwMDMgMzAuN0MzOC42MDAzIDQwLjggMzEuMDAwMyA0NC4yIDIzLjgwMDMgNDQuMkMxNi42MDAzIDQ0LjIgOS4wMDAzMyA0MC44IDUuODAwMzMgMzAuN0MyLjYwMDMzIDIwLjYgNy4xMDAzMyAxNC45IDEwLjcwMDMgMTEuNUMxMi4wMDAzIDEwLjIgMTMuNTAwMyA5LjIwMDA0IDE1LjIwMDMgOC4zMDAwNEMxNy44MDAzIDcuMDAwMDQgMTkuODAwMyA3LjIwMDA0IDIzLjgwMDMgNy4yMDAwNEMyNy45MDAzIDcuMjAwMDQgMjkuOTAwMyA3LjAwMDA0IDMyLjQwMDMgOC4zMDAwNEMzNC4wMDAzIDkuMTAwMDQgMzUuNTAwMyAxMC4yIDM2LjkwMDMgMTEuNUM0MC41MDAzIDE0LjkgNDQuOTAwMyAyMC42IDQxLjgwMDMgMzAuN1oiIGZpbGw9IiNGNTg0NDkiLz4KPHBhdGggZD0iTTI4LjcwMDIgMjguOUMyOC41MDAyIDI5LjEgMjguMjAwMiAyOS4zIDI3LjkwMDIgMjkuNUMyNy4wMDAyIDMwIDI1LjgwMDIgMzAuMyAyNC4yMDAyIDMwLjNDMjEuNDAwMiAzMC4zIDE5LjcwMDIgMjkuMyAxOC44MDAyIDI4LjFDMTguNTAwMiAyNy44IDE4LjMwMDIgMjcuNSAxOC4yMDAyIDI3LjFDMTcuNzAwMiAyNiAxNy41MDAyIDI1LjIgMTguNjAwMiAyNC42QzE5LjgwMDIgMjQgMjEuNTAwMiAyNS44IDIzLjgwMDIgMjUuOEgyNC4xMDAyQzI2LjQwMDIgMjUuOCAyOC40MDAyIDIzLjggMjkuNjAwMiAyNC42QzMwLjkwMDIgMjUuNSAzMC40MDAyIDI3LjQgMjguNzAwMiAyOC45WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTI3Ljg5OTggMjkuNDAwMUMyNi45OTk4IDI5LjkwMDEgMjUuNzk5OCAzMC4yMDAxIDI0LjE5OTggMzAuMjAwMUMyMS4zOTk4IDMwLjIwMDEgMTkuNjk5OCAyOS4yMDAxIDE4Ljc5OTggMjguMDAwMUMyMC4zOTk4IDI3LjMwMDEgMjIuNjk5OCAyNi45MDAxIDI1LjI5OTggMjcuODAwMUMyNi4xOTk4IDI4LjMwMDEgMjcuMDk5OCAyOC44MDAxIDI3Ljg5OTggMjkuNDAwMVoiIGZpbGw9IiNFRDEzODEiLz4KPHBhdGggZD0iTTIyLjkwMDEgMTkuOTAwMUMyMi4wMDAxIDIwLjcwMDEgMjIuNjAwMSAyMi4xMDAxIDIzLjgwMDEgMjIuMTAwMUMyNS4wMDAxIDIyLjEwMDEgMjUuNTAwMSAyMC42MDAxIDI0LjcwMDEgMTkuOTAwMUMyNC4yMDAxIDE5LjUwMDEgMjMuNDAwMSAxOS41MDAxIDIyLjkwMDEgMTkuOTAwMVoiIGZpbGw9IiNGMDY0MkYiLz4KPHBhdGggZD0iTTE1LjM5OTggMTguNzk5OEMxMS43OTk4IDE4Ljc5OTggOS4zOTk3NyAxNS45OTk4IDkuODk5NzcgMTMuMDk5OFYxMi45OTk4QzEwLjI5OTggMTAuNDk5OCAxMi43OTk4IDguNzk5OCAxNS4zOTk4IDguNzk5OEMxNi4wOTk4IDguNzk5OCAxNi42OTk4IDguODk5OCAxNy4yOTk4IDkuMDk5OEMxOS4wOTk4IDkuNjk5OCAyMC41OTk4IDExLjE5OTggMjAuODk5OCAxMy4wOTk4QzIxLjM5OTggMTYuMDk5OCAxOC44OTk4IDE4Ljc5OTggMTUuMzk5OCAxOC43OTk4WiIgZmlsbD0iI0VFRUVFRSIgc3Ryb2tlPSIjRUVFRUVFIiBzdHJva2Utd2lkdGg9IjEuMDcxMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik0xNy4zMDA0IDkuMTk5OEw5LjkwMDM5IDEyLjk5OThDMTAuMzAwNCAxMC40OTk4IDEyLjgwMDQgOC43OTk4IDE1LjQwMDQgOC43OTk4QzE2LjEwMDQgOC44OTk4IDE2LjcwMDQgOC45OTk4IDE3LjMwMDQgOS4xOTk4WiIgZmlsbD0iIzk3RERDRiIvPgo8cGF0aCBkPSJNMjQgOC40MDAyQzMwLjA3NTEgOC40MDAyIDM1IDcuNjgzODUgMzUgNi44MDAyQzM1IDUuOTE2NTQgMzAuMDc1MSA1LjIwMDIgMjQgNS4yMDAyQzE3LjkyNDkgNS4yMDAyIDEzIDUuOTE2NTQgMTMgNi44MDAyQzEzIDcuNjgzODUgMTcuOTI0OSA4LjQwMDIgMjQgOC40MDAyWiIgZmlsbD0iIzIxMjEyMSIvPgo8cGF0aCBkPSJNMzYuODk5NiAxMy4wOTk4QzM3LjM5OTYgMTUuOTk5OCAzNC44OTk2IDE4Ljc5OTggMzEuMzk5NiAxOC43OTk4QzI3Ljg5OTYgMTguNzk5OCAyNS4zOTk2IDE1Ljk5OTggMjUuODk5NiAxMy4wOTk4QzI2LjI5OTYgMTAuNTk5OCAyOC43OTk2IDguNzk5OCAzMS4zOTk2IDguNzk5OEMzMy45OTk2IDguNzk5OCAzNi40OTk2IDEwLjU5OTggMzYuODk5NiAxMy4wOTk4WiIgZmlsbD0iI0VFRUVFRSIgc3Ryb2tlPSIjRUVFRUVFIiBzdHJva2Utd2lkdGg9IjEuMDcxMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik0zMy40MDA0IDkuMTk5OEwyNS45MDA0IDEyLjk5OThDMjYuMzAwNCAxMC40OTk4IDI4LjgwMDQgOC43OTk4IDMxLjQwMDQgOC43OTk4QzMyLjEwMDQgOC44OTk4IDMyLjcwMDQgOC45OTk4IDMzLjQwMDQgOS4xOTk4WiIgZmlsbD0iIzk3RERDRiIvPgo8cGF0aCBkPSJNMjEuNzk5OCAxMi4yOTk4QzIxLjc5OTggMTIuMjk5OCAyMi4xOTk4IDExLjI5OTggMjMuMzk5OCAxMS4yOTk4QzI0LjU5OTggMTEuMjk5OCAyNC45OTk4IDEyLjI5OTggMjQuOTk5OCAxMi4yOTk4IiBzdHJva2U9IiNFNjAyNzgiIHN0cm9rZS13aWR0aD0iMS4wNzEzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTUuMzk5OCAxOC4zMDAxQzE2LjAwNzMgMTguMzAwMSAxNi40OTk4IDE3LjgwNzYgMTYuNDk5OCAxNy4yMDAxQzE2LjQ5OTggMTYuNTkyNiAxNi4wMDczIDE2LjEwMDEgMTUuMzk5OCAxNi4xMDAxQzE0Ljc5MjMgMTYuMTAwMSAxNC4yOTk4IDE2LjU5MjYgMTQuMjk5OCAxNy4yMDAxQzE0LjI5OTggMTcuODA3NiAxNC43OTIzIDE4LjMwMDEgMTUuMzk5OCAxOC4zMDAxWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTMxLjM5OTggMTguMzAwMUMzMi4wMDczIDE4LjMwMDEgMzIuNDk5OCAxNy44MDc2IDMyLjQ5OTggMTcuMjAwMUMzMi40OTk4IDE2LjU5MjYgMzIuMDA3MyAxNi4xMDAxIDMxLjM5OTggMTYuMTAwMUMzMC43OTIzIDE2LjEwMDEgMzAuMjk5OCAxNi41OTI2IDMwLjI5OTggMTcuMjAwMUMzMC4yOTk4IDE3LjgwNzYgMzAuNzkyMyAxOC4zMDAxIDMxLjM5OTggMTguMzAwMVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik05LjIwMDM5IDEyLjI5OThMNS45MDAzOSAxNy4yOTk4IiBzdHJva2U9IiNFNjAyNzgiIHN0cm9rZS13aWR0aD0iMS4wNzEzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzcuNSAxMi4yOTk4TDQxLjggMTcuMTk5OCIgc3Ryb2tlPSIjRTYwMjc4IiBzdHJva2Utd2lkdGg9IjEuMDcxMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE0LjkwMDQgNS40OTk4QzE0LjkwMDQgNS40OTk4IDE2LjMwMDQgMi4yOTk4IDIxLjgwMDQgMC4yOTk4MDUiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLXdpZHRoPSIwLjcxNDIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNDcuNiIgaGVpZ2h0PSI2NC4yIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 48px 65px; display: block; height: 24px; width: 48px; position: absolute; top: -24px; left: 50%; transform: translateX(-50%); transition: top 0.2s ease-out, height 0.2s ease-out; } .state-main-nav .nav-promo:hover::before, .state-main-nav .nav-promo:focus::before { top: -41px; height: 41px; } .state-main-nav .nav-promo::after { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODguNjYgMzMuNTciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZTU4YzU2O30uY2xzLTJ7ZmlsbDojZTU4ZDU2O308L3N0eWxlPjwvZGVmcz48dGl0bGU+d2FsdGVyLWhhbmRzPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE4OC42NSwxMy4wNWMwLDEuMzMsMCwyLjY2LDAsNCwwLDguMjctMy4zNCwxMy41My05LjgxLDE1LjYxLTcuNDMsMi4zOC0xNS4xOS4wNy0xOS41Ny02LTEuMTItMS41NS0xLjk0LTIuNzUtNC4yNS0yLjU1LTMuMjYuMjktNC45My0xLjkyLTUuMDctNC45LS4yMi00LjY0LS4xNC05LjMxLS4wNS0xNEMxNTAsMiwxNTIsLjQ4LDE1NSwuMjZBMTE5LjQyLDExOS40MiwwLDAsMSwxODYuMzMsMi40YzEuOTUuMzgsMi4zMywxLjUzLDIuMzIsMy4xN0MxODguNjQsOC4wNiwxODguNjUsMTAuNTYsMTg4LjY1LDEzLjA1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTAsMTIuNjZDMCwzLjA2LDAsMi45Miw5LjUyLDEuODMsMTYuNDQsMSwyMy40MS41MiwzMC4zNy4xOGM1LjEyLS4yNiw3LDEuNTksNy4xNiw2LjY3LjEzLDMuMzEuMDgsNi42NCwwLDEwcy0xLDYtNC43OCw2LjQ2Yy0xLjY2LjE5LTIuMTcsMS4zNC0yLjc4LDIuNDlDMjUuNzksMzMuNiwxNy4xLDM0LjM1LDkuOTIsMzIuNjksMy42MywzMS4yMy4wOSwyNS4xNCwwLDE3LjE0LDAsMTUuNjUsMCwxNC4xNSwwLDEyLjY2WiIvPjwvZz48L2c+PC9zdmc+); background-repeat: no-repeat; background-size: 96px auto; display: block; height: 18px; width: 96px; position: absolute; top: -4px; left: 50%; transform: translateX(-50%); } /* END promo */ .state-horizontal.state-main-nav li > a { display: block; margin: 0; padding: 0; height: 48px; line-height: 48px; text-align: center; border: none; color: #212121; -webkit-font-smoothing: antialiased; } .state-horizontal.state-main-nav li.active { background: #0d3880; } .state-horizontal.state-main-nav li.active a { color: #fff; } /* form field indents */ .state-field-indent { margin-left: 18px; } .state-smallindent { margin-left: 9px; } .state-smallindent-inner { padding-left: 9px; } /* Form states */ /* Stacked for module */ .state-stacked-form { padding: 18px; margin-bottom: 18px; } .state-stacked-form .title { margin-bottom: 0.962em; line-height: 1; } .state-stacked-form .mod-field { display: block; float: none; min-height: 10px; padding: 0 0 11px; zoom: 1; } .state-stacked-form .mod-field label { color: #212121; margin: 0 0 6px; font-size: 14px !important; } .state-stacked-form .mod-field input[type="text"], .state-stacked-form .mod-field input[type="file"], .state-stacked-form .mod-field textarea, .state-stacked-form .mod-field select { width: 100%; color:#212121; line-height: 27px; padding: 0 9px; margin: 0 0 9px; border: 1px solid #d6d6d6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; } .state-stacked-form .mod-field input[type="text"], .state-stacked-form .mod-field input[type="file"], .state-stacked-form .mod-field select { height: 36px; } .state-stacked-form .mod-field input[type="text"] { line-height: normal; } .state-stacked-form .mod-field select { padding: 0; min-height: 0; } .ie7 .state-stacked-form .mod-field input[type="text"], .ie7 .state-stacked-form .mod-field input[type="file"], .ie7 .state-stacked-form .mod-field textarea, .ie7 .state-stacked-form .mod-field select { width: 407px; } .state-stacked-form .mod-field input[type="file"] { border: none; margin: 0 0 5px; padding: 0; } /* In actual IE8 and 7 if you remove bg and border the input is pretty much invisible */ .ie7 .state-stacked-form .mod-field input[type="file"], .ie8 .state-stacked-form .mod-field input[type="file"], .ie9 .state-stacked-form .mod-field input[type="file"] { border: 1px solid #8a8a8a; background: #fff; } .ie7 .state-stacked-form .mod-field input[type="file"] { padding: 5px; } .state-stacked-form .mod-field textarea { margin: 0 0 11px; padding: 5px; line-height: normal; resize: vertical; } .state-stacked-form .mod-field input[type="checkbox"], .state-stacked-form .mod-field input[type="radio"] { width: auto; float: left; } .state-stacked-form .p1 select, .ie7 .state-stacked-form .p1 select { display: block; float: left; width: 45%; margin: 0 5% 10px 0; } .state-stacked-form .is-active { color: #111 !important; } .state-stacked-form .mod-field input + small { margin-top: -11px; } .state-stacked-form .mod-field input + small, .state-stacked-form .mod-field-file small { font-size: 12px; display: block; } /* Error states based on classes ASP.NET adds to form elements */ .input-validation-error { border: 1px solid #ee1c24; } /* generic states */ .state-floatright { float: right; } .state-floatleft { float: left; } .state-floatnone { float: none !important; } .state-alignright { text-align: right; } .state-alignleft { text-align: left; } .state-aligntop { vertical-align: top; } .state-aligncenter { text-align: center; } .state-inline { display: inline-block!important; vertical-align: middle; } .ie7 .state-inline { /* IE7 inline-block fix */ display: inline!important; zoom: 1; } .state-block { display: block !important; } .state-clear { clear: both; } html body .state-clear-fix { margin: 0; padding: 0; } .state-hidden { display: none !important; } .state-posrel { position: relative; } .state-posabs { position: absolute; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .is-hidden { display: none !important; visibility: hidden; } .state-push-in { margin: 4px 24px 0 0; } .state-pull-out { margin-left: -18px !important; } .state-full-width-pull-out { margin-left: -24px!important; margin-right: -24px!important; padding: 0 24px!important; } /* Button states */ .state-btn-large { padding: 10px 19px 9px; font-size: 16px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .state-sideapply .state-btn-large { padding-left: 40px; padding-right: 40px; } .state-baseapply .state-btn-large { margin-left: -4px; padding-left: 14px; padding-right: 14px; } .state-baseapply .express-interest { margin-left: -4px; padding-left: 17px; padding-right: 17px; } .state-baseapply .mod-help-bubble i:before {font-size: 20px;} /* Search for states */ .is-expanded { } .is-expanded .is-hidden { display: block !important; visibility: visible; } .is-expanded .is-toggle.is-hidden { display: none !important; visibility: hidden; } .is-expanded .mod-field select[multiple] { min-height: 153px; } .is-expanded .mod-field label span { display: inline-block; font-size: 12px; } .ie7 .is-expanded .mod-field label span { display: inline; zoom: 1; } .is-expanded .mod-field + .mod-field + .mod-field { padding-bottom: 11px; } .state-section-page { position: relative; min-height: 285px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .state-myaccount-search.state-jobmail .mod-show-results { display: none!important; } .state-myaccount-search.mod-search-form { border: 0px solid #DBDBDB; } /* Search Results States */ .state-searchresults-tools select { position: absolute; top: 11px; right: 9px; top: 9px; } .state-searchresults-refine { padding: 18px 18px 0 18px !important; width: 204px; line-height: 18px; } .state-searchresults-refine h3 { color: #111; margin-bottom: 16px; } .state-searchresults-refine dl { margin-bottom: 18px; } .state-searchresults-refine dt { color: #E60A7C; font-size: 14px; border-bottom: 1px solid #d9d9d9; padding-bottom: 9px; margin-bottom: 9px; } .state-searchresults-refine select { width: 204px; } .state-searchresults-refine .more { background: none; display: block; text-align: right; } /* salary-refine Slider - TODO: Refactor CSS for salary slider*/ .state-searchresults-refine .salary-refine { width: auto; padding-bottom: 20px; } .state-searchresults-refine #sliderSalary { height: 18px; background-image: url(/content/images/SalarySlider/salary_bar_bg2.png); background-repeat: no-repeat; width: 208px; background-position: 0 -41px; margin-left: -4px; } .state-searchresults-refine #sliderSalary.ticks6 { background-position: 0 -8px; } .state-searchresults-refine #sliderSalary.ticks10 { background-position: 0 -25px; } .state-searchresults-refine #sliderSalary.ticks10 .ui-slider-horizontal { margin-top: 4px; } .state-searchresults-refine #sliderSalary.ticks12 { background-position: 0 -41px; } .state-searchresults-refine .ui-slider-horizontal { position: absolute; height: 11px; border: none; width: 199px; margin: 6px 0 0 3px; } .state-searchresults-refine .ui-slider-horizontal .ui-slider-handle { background: url(/content/images/SalarySlider/salary_bar_handle.png) top left no-repeat; display: block; width: 16px; height: 16px; position: absolute; top: -1px; z-index: 2; margin-left: -4px; } .state-searchresults-refine .ui-slider-horizontal .ui-slider-handle + .ui-slider-handle { margin-left: -6px; } .state-searchresults-refine .ui-slider-horizontal .ui-slider-range { height: 100%; display: block; position: absolute; background: url(/content/images/SalarySlider/salary_bar_bg2.png) top right no-repeat; min-width: 8px; top: 3px; } .state-searchresults-refine #value { display: none; } .state-searchresults-refine #values { font-size: 11px; color: #E60A7C; text-align: right; width: 80px; display: inline-block; } .state-searchresults-refine .sliderswitch, .state-searchresults-refine .sliderswitch a { font-size: 11px; } .state-searchresults-refine .slidervalues { color: #777; font-size: 10px; display: block; float: left; margin-top: 3px; width: 102px; text-align: left; } .state-searchresults-refine #sliderMaxValue { text-align: right; } .state-searchresults-refine #noSalaryCheck { margin: 0px 0 40px 0; position: relative; padding: 2px 0 0 25px; } .state-searchresults-refine #noSalaryCheck input { position: absolute; top: 0; left: 0; } .state-searchresults-refine #noSalaryCheck a { position: absolute; top: 27px; right: 0; min-width: 38px; padding: 5px 8px; line-height: 8px; } .state-searchresults-refine #noSalaryCheck a span{ font-size: 12px; } /*END: Refine Slider*/ .state-searchresults-refine .worktype-refine dd { margin-bottom: 6px; } .state-searchresults-refine .worktype-refine label { color: #111; margin-left: 4px; } .state-searchresults-title { font-size: 14px; margin-top: 9px; } .state-onsite-no-results { margin-top: 20px; padding: 10px; border: #E60A7C solid 1px; } .state-onsite-no-results h1 { font-size: 26px; padding-bottom: 18px; } .state-has-logo { padding-bottom: 70px !important; } .state-shortlisted:hover { background-color: transparent; } .state-premuim-ad .mod-shortlist:hover { background-color: #fffbb0; } .state-fixedtobase { position: absolute; bottom: 0px; } .state-fixedtobase div { max-height: 25px; overflow: hidden; line-height: 13px; } .state-premuim-ad dl { margin: 0; border: 1px solid #d5d5d5; background: #fffde1; } .state-premuim-ad dd, .state-standout-ad dd { padding: 12px 9px 53px; } .state-standout-ad dl { margin: 0; border: 1px solid #d5d5d5; border-top: none; background: #fcfcfc; } .state-standout-ad.state-top-result dl { border-top: 1px solid #d5d5d5; } /* END: Search Results States */ .state-lighter-callout { background: #f5f5f5!important; padding: 0!important; height: 117px; } .state-lighter-callout a { float: left; padding: 12px 9px 9px; color: #111; width: 50px; } .state-lighter-callout a.ico { padding: 0; } .ie7 .state-lighter-callout a, .ie7 .state-list-stack .state-addnotes-incallout a { /* IE7 inline-block fix */ display: inline; zoom: 1; } .ie7 .state-list-stack a { display: block; } .ie7 .state-lighter-callout a { } .state-lighter-callout a:hover { color: #e60278; text-decoration: none; } .ie7 .state-lighter-callout i { /* IE7 inline-block fix */ display: inline; zoom: 1; } .state-lighter-callout li a:active, .state-lighter-callout li a:link, .state-lighter-callout li a:visited { color: #404040; font-size: 14px; } .state-lighter-infobubble { background-color: #f5f5f5; margin-bottom: 20px; margin-top: 5px; padding: 25px 20px; } .state-lighter-infobubble p { line-height: 1.4; margin-bottom: 0; } .state-bottom-border { border-bottom: 1px solid #dadada; } .state-message { color: #777; line-height: 18px; padding-bottom: 6px; } .state-message p { margin-top: 18px; } .state-job-ad { max-width: 462px; overflow: hidden; } .state-addnotes { width: 460px!important; } .state-addnotes .mod-addnotes { display: block; padding-top: 9px; } .state-socialshare { padding: 0 0!important; margin: 28px 0; } .state-socialshare-resources { width: auto; } .state-socialshare span { display: inline-block; padding: 13px 9px; } .state-socialshare .state-message { padding: 0 9px; } .state-socialshare a.ico { margin-left: 14px; } .state-socialshare a:hover { background-color: transparent; } .state-socialshare .mod-share-buttons { display: none; } .state-screenmessage { padding-top: 8px; padding-bottom: 0; } .state-screenmessage .ico { margin-bottom: 7px; } .state-sideapply .ico { display: none!important; } .state-sideapply span.state-inline { margin-left: 3px; } .state-baseapply .ico-info:before { font-size: 23px; } .state-sideapply .mod-help-bubble [data-icon]:before { display:none; } /* report this job ad */ .state-report-ad { margin-top: 9px; border: 1px solid #D5D5D5; position: relative; display: none; padding-top: 0; } .state-report-ad .mod-arrow { position: absolute; top: -16px; left: 164px; border-width: 8px; border-bottom-color: #d5d5d5; } .state-report-ad .mod-arrow .state-arrow-up { top: -6px; left: -7px; border-width: 7px; border-bottom-color: #fff; } .state-report-ad .mod-field label { margin: 20px 0 5px; display:block; } .state-report-ad .mod-field input[type="text"], .state-report-ad .mod-field select, .state-report-ad .mod-field textarea { width: 100%; margin: 0; padding: 8px; } .state-report-ad .val-msg--email, .state-report-ad .val-msg--reason, .state-report-ad .val-msg--no-comment, .state-report-ad .val-msg--over-limit {display: none;} .state-report-ad .validation-message { color: #E60278; font-size: 14px; position: absolute; bottom: -14px; left: 0; } .state-report-ad .validation-message, .state-report-ad .validation-message [data-icon]:before { color: #E60278; font-size: 14px; } .state-report-ad .limit-warning__count { color: #E60278; font-weight: bold; font-size: 12px; float: right; display: inline-block; padding-top: 5px; } .state-report-ad .report-ad-action { margin-top: 20px; } .state-report-ad-success { display: none; text-align: center; padding-bottom: 9px; } /*.state-addnotes-incallout a:hover, .state-report-ad a:hover { background-color: transparent; }*/ .state-addnotes-incallout span span { color: #E60A7C; font-weight: bold; font-size: 12px; } .state-addnotes-incallout a { color: #0066CC; padding: 2px 27px 0 5px; border: none; margin-left: 35px; } .state-addnotes-incallout a:first-child { padding: 0 27px 0 5px; margin-top: -1px; } .state-addnotes a { width: 203px; border-right: 1px solid #fff; } .state-addnotes a.state-noright-border { border-right: none; } .state-addnotes a:first-child { -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-top-right-radius: 0; } .state-addnotes a.state-printbutton { -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .state-addnotes .state-addnotes-incallout a { width: auto; } .state-addnotes .state-addnotes-incallout span a { border-right: none; } .state-addnotes .add-notes-open { border-right: none; width: 204px; } /*SKL TILES*/ .state-skl-tile-apple { background: url(/content/images/tiles_new/tile-skl-apple.png) no-repeat; } .state-skl-tile-map { background: url(/content/images/tiles_new/tile-skl-map.png) no-repeat; } .state-skl-tile-key { background: url(/content/images/tiles_new/tile-skl-key.png) no-repeat; } .state-skl-tile-time { background: url(/content/images/tiles_new/tile-skl-time.png) no-repeat; } /*LMIS STATES*/ .state-lmis-generic-options li { margin: 0 0 5px 0; width:100%; } .state-lmis-options li { padding-left: 12px; margin: 0 0 10px 0; width: 93%; } .ico.state-lmis-arrow { background-position: -285px -80px;height: 9px;width: 9px;vertical-align: middle;margin-left: -12px;} .state-bottom-border-lmis { border-bottom: 1px dotted #dadada; margin: 28px 0; } .state-jobs-resources-lmis .l-clearfix, .state-my-account-lmis .l-clearfix { padding:10px 10px 0 10px; } .state-jobs-resources-lmis .state-lmis-generic-options li { margin:0 0 10px 0; } .state-my-account-lmis .state-lmis-generic-options li { margin: 0 0 10px 0; } .state-jobsearch-lmis .state-lmis-generic-options li { width: 49%; margin: 0; } .state-jobsearch-lmis .top-border, .state-myaccount-profile-lmis .top-border, .state-vertical-lmis .top-border { border-top: 1px dotted #dadada; margin-top: 2px; padding-top: 12px; } .state-jobsearch-lmis .state-lmis-options { display:inline-block; width: 49%; } .state-my-account-lmis .state-lmis-options, .state-jobs-resources-lmis .state-lmis-options { margin: 0 0 6px 0; } .state-jobdetails-lmis .state-lmis-generic-options li + li { margin:0; } .state-jobdetails-lmis ul + ul.state-lmis-options { border-bottom:1px dotted #dadada; margin-bottom:12px; padding-bottom:2px; } /* indent arrow for sub categories */ .state-indent-arrow:before { content: ""; border: 1px solid #90a4c4; border-width: 0 0 1px 1px; width: 12px; height: 23px; position: absolute; left: -18px; top: -15px; } .state-indent-arrow:after { content: ""; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #90a4c4; position: absolute; left: -7px; top: 5px; } .state-right-push { padding: 0 0; padding-right: 64px; } .state-search-assist { border: 1px solid #d5d5d5; } /* Button theme */ .state-btn-cta { border: 5px solid #08224d; color: #fff !important; /* Glass effect */ background: #ef0a81; /* Old browsers */ background: url(/content/images/gr_btn-gradient.png); /* IE6-9 */ background: -moz-linear-gradient(top, #ef0a81 0%, #e44195 51%, #de0977 52%, #b20860 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef0a81), color-stop(51%,#e44195), color-stop(52%,#de0977), color-stop(100%,#b20860)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef0a81 0%,#e44195 51%,#de0977 52%,#b20860 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ef0a81 0%,#e44195 51%,#de0977 52%,#b20860 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ef0a81 0%,#e44195 51%,#de0977 52%,#b20860 100%); /* IE10+ */ background: linear-gradient(top, #ef0a81 0%,#e44195 51%,#de0977 52%,#b20860 100%); /* W3C */ -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: inset 1px 1px 3px #E60A7C; -moz-box-shadow: inset 1px 1px 3px #E60A7C; box-shadow: inset 1px 1px 3px #E60A7C; } .ie7 .state-btn-cta { padding-bottom: 6px; } .state-btn-cta:hover { /* Glass effect */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef0a81), color-stop(52%,#de0977), color-stop(100%,#b20860)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ef0a81 0%, #de0977 52%,#b20860 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #ef0a81 0%, #de0977 52%,#b20860 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #ef0a81 0%, #de0977 52%,#b20860 100%); /* IE10+ */ background: -o-linear-gradient(top, #ef0a81 0%, #de0977 52%,#b20860 100%); /* Opera 11.10+ */ background: linear-gradient(top, #ef0a81 0%, #de0977 52%,#b20860 100%); /* W3C */ -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .ie7 .state-btn-cta:hover, .ie8 .state-btn-cta:hover, .ie9 .state-btn-cta:hover { background: url(/content/images/gr_btn-gradient.png) 0 -48px; /* IE6-9 */ } .state-btn-cta.inpage, .state-btn-cta.express-interest, .state-btn-cta.in-callout { border-color: #e5e5e5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .state-btn-cta.native { text-align: center; } .state-sideapply .express-interest { padding-left: 44px; padding-right: 43px; } .state-btn-cta.express-interest { font-size: 16px; } /* start footer styles */ .state-footer-nav { background: #d6d6d6; font-size: 14px; padding: 36px 0; } .state-footer-nav a { font-weight: 500; line-height: 36px; margin-top: 29px; color: #0061c3; } .state-footer-nav a:hover, .state-footer-nav a:active, .state-footer-nav a:focus, .mod-parent-menu a:hover i:before, .mod-parent-menu a:focus i:before { color: #b20a61; text-decoration: none; } .state-footer-nav .l-row .l-column { margin: 0; width: 25%; } .state-footer-nav .l-column h3 { font-weight: 700; color: #212121; line-height: 18px; margin: 0 0 14px; } .state-footer-nav ul, .state-footer-nav .mod-sub-menu ul, .state-footer-nav .mod-sub-menu li { margin: 0; list-style: none; } .mod-parent-menu a i:before { color: #0061c3; font-size: 12px; } .mod-parent-menu.menu-expanded a i:before { content: attr(data-icon-active); } .state-footer-nav p.l-row a, .state-footer-nav p.l-row span { display: inline-block; padding-right: 15px; } .state-footer-nav .mod-sub-menu { display: none; } .state-footer-nav .newBadge { display: inline-block; background-color: rgb(149, 86, 183); color: rgb(255, 255, 255); font-weight: 500; font-size: 12px; line-height: 18px; height: 18px; align-items: center; border-radius: 3px; padding: 0px 10px; } /* end footer styles */ .state-learning, .state-learning p { background: #7eb276; color: #fff; } .state-learning li { padding-left: 12px; margin: 4px 0 !important; } .state-learning li:before { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #fff; position: absolute; top: 2px; left: 0; } .ie7 .state-mini-search { padding-bottom: 0; } .state-mini-search.is-collapsed .grid_4 { width: 28.01%; } .state-mini-search.is-collapsed label { display: none; } .ie7 .state-mini-search.is-collapsed .mod-submit-search { max-height: 30px; } .state-mini-search.is-collapsed .mod-submit-search p { position: absolute; right: 30px; top: 60px; } .ie7 .state-mini-search.is-collapsed .mod-submit-search p { right: 20px; } .state-mini-search.is-collapsed .mod-submit-search input { position: absolute; right: 28px; top: 28px; } .ie7 .state-mini-search.is-collapsed .mod-submit-search input { position: static; top: auto; right: auto; margin-top: -125px; } .state-mini-search.is-collapsed .mod-options-trigger { position: inherit; margin-top: 5px; } .ie7 .state-mini-search.is-collapsed .mod-options-trigger strong { display: inline; } .state-mini-search.is-collapsed .mod-field > .mod-field { width: 41.38%; } .ie7 .state-mini-search.is-collapsed .mod-field > .mod-field { width: 39.38%; } .state-mini-search.is-collapsed #salaryMessageLabel { display: none; } .state-mini-search.is-collapsed .mod-field { min-height: inherit; } .is-expanded .mod-field + .mod-field.mod-salary-search { padding-bottom: 9px; max-height: 67px; } .state-mini-search.is-collapsed .mod-salary-search { max-height: 29px; } /*Locations Page browse page states*/ .locationpage-search { position: absolute; right: 15px; top: 36px; width: auto !important; } .locationpage-banner { background: url(/content/images/other/bg-townsville_banner.png) no-repeat 5px 0; height: 251px; margin-top: -8px !important; padding-top: 28px !important; position: relative; top: 8px; } .locationpage-banner h1 { color: #FFFFFF; font-size: 39px; margin: 0 0 0 14px; padding: 10px 0 84px 16px; background: url(/content/images/other/bg-townsville_banner_pointer1.png) no-repeat; } .locationpage-banner h1 strong { font-weight: bold; font-style: italic; } .locationpage-banner h2 { color: #E60A7C; font-size: 18px; font-weight: normal; } .locationpage-banner ul { border: 6px solid #8F8D88; border-radius: 16px; margin: 0 12px 0 18px; padding: 0 0 0 14px; min-height: 58px; background: #fff; } .locationpage-banner li { display: inline-block; vertical-align: middle; width: 212px; height: 58px; } .locationpage-banner li:first-child { width: 219px; } .locationpage-banner li span { color: #fff; display: inline-block; font-size: 36px; font-weight: bold; height: 60px; padding: 18px 0 0; position: relative; text-align: center; top: -14px; width: 88px; background: url(/content/images/other/bg-pink_banner.png) no-repeat; } .locationpage-banner li p { display: inline-block; position: absolute; font-size: 15px; line-height: 16px; } .locationpage-banner li a { font-weight: bold; } .locationpage-aboutseek-slot2 { height: 130px; margin-right: -38px; margin-top: -30px; } .locationpage-aboutseek-slot2 span { display: inline-block; font-style: normal; padding: 0px; position: absolute; margin: -8px 0 0 10px; width: 107px; } .locationpage-aboutseek-slot2 span i { font-weight: bold; font-style: normal; font-size: 30px; color: #E60A7C; text-align: left; } .locationpage-hiring-tiles { margin-bottom: 0; } .locationpage-hiring-tiles li { height: 238px; } .locationpage-base-tiles li i { display: inline-block; font-style: normal; padding: 27px 0px 0px 22px; position: absolute; } /* Jobseeker Lighbox Registration Success State */ .state-registration-success ul li strong { color: #0D3880; font-weight: normal; display: block; } .state-registration-success ul li { padding: 10px 10px 0 95px; position: relative; height: 54px; } .state-registration-success ul i { display: block; position: absolute; top: 0; left: 20px; } .state-registration-success ul + p { margin: 0 auto; width: 415px; } .state-registration-success ul + p a { margin-right: 15px; } .state-registration-success h2 { color: #E60A7C; padding: 10px 0 0 24px; margin: 0 0 -10px; font-size: 16px; } .mod-section .state-complete-profile { padding: 0; } .state-complete-profile button { display: block; margin: 39px 0 0; } .state-complete-profile a { margin-top: 24px; } .modal .state-complete-profile h1 { margin-bottom: 24px; } /* Jobseeker Lightbox Sign in more than one account alert */ .state-dialog-page-alert { display: none; background: #FFF; border: 1px solid #F2F2F2; z-index: 2; padding: 0 10px; left: 0; top: 56px; position: absolute; width: 287px; } .state-dialog-page-alert p { padding: 0 10px 0 0; top: 0; left: 0; } .state-dialog-page-alert p:first-child { height: 34px; padding: 10px 10px 0 40px; top: 0; left: 0; position: relative; margin: 0; } .state-dialog-page-alert .ico-alert { left: 0; top: 8px; position: absolute; } /* Error page states */ h1.state-error { background: #404040; color: #ffffff; padding: 20px 0 20px 48px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; font-size: 40px; margin-top: -18px; margin-left: -24px; margin-right: -24px; } .state-error-notfound, .state-error-server-error { margin: 0; } .state-not-resizeable { resize: vertical; } /* Header login form states */ .state-inp-sign-in { -moz-outline: none; outline: none; width: 130px; height: 28px; } .state-ie-fix-grid { *width: 150px; *padding-right: 10px; *margin: 0; } .state-ie-fix-grid input { *width: 140px; } .state-placeholder { color: #bbb; } /*-- BUTTONS STATE --*/ /*-- PINK BUTTON --*/ .state-button-primary, .state-button-primary:link, .state-button-primary:visited { color: #fff; border: 1px solid #e60278; background: #e60278; } .state-button-primary:hover, .state-button-primary:focus { background: #fd0585; border: 1px solid #fd0585; text-decoration: none; } .state-button-primary:active { background: #cc026a; border: 1px solid #cc026a; } /*-- GREY BUTTON --*/ .state-button-alternate, .state-button-alternate:link, .state-button-alternate:visited { color: #212121; border: 1px solid #d6d6d6; background: #d6d6d6; } .state-button-alternate:hover, .state-button-alternate:focus { border: 1px solid #e3e3e3; background: #e3e3e3; } .state-button-alternate:active { border: 1px solid #c9c9c9 ; background: #c9c9c9; } /*-- GREEN BUTTON --*/ .state-button-green, .state-button-green:link, .state-button-green:visited { background-color: #44a651; border: 1px solid #44a651; color:#fff; } .state-button-blue, .state-button-blue:link, .state-button-blue:visited { background-color: #0D3880; border: 1px solid #0D3880; color:#fff; } .state-button-green:hover, .state-button-green:focus { background-color: #4ca843; border: 1px solid #4ca843; color:#fff; } .state-button-green:active { background-color: #3a8354; border: 1px solid #3a8354; color:#fff; } /*-- DISABLED BUTTON --*/ .state-button-saved { background-color: transparent; border: 1px solid #d6d6d6; box-shadow: none; color: #747474; } .state-button-saved:hover { background-color: transparent; box-shadow: none; } /*-- Small square blue button for seeklearning search box --*/ .state-button-lmis, .state-button-lmis:link, .state-button-lmis:visited { color: #fff; font-size: 1.4rem; padding: 10px 7px; line-height: 15px; min-width: 24px; background: #0d3880; } .state-button-lmis:hover { background: #55709D; } .state-button-lmis:active { background: #0B2D68; } /* SkyScraper Survey*/ .state-skyscraper .mod-survey { min-width: inherit; padding: 9px; margin-left: 0; margin-top: 50px; } .state-skyscraper .mod-survey h1 { padding: 0; text-align: center; font-size: 1.1em; } .state-skyscraper .mod-survey h1 span { display: block; } .state-skyscraper .mod-survey h1 a { display: inline-block; margin-top: 9px; } .ie7 .state-skyscraper .mod-survey h1 a { display: inline; zoom: 1; } .state-skyscraper .mod-survey .watercooler-logo { position: static; margin: 0 auto; } .state-skyscraper .mod-survey .watercooler-heading { font-size: 1.1em; } .state-skyscraper .mod-survey .watercooler-heading span { display: inline; } .state-skyscraper .mod-survey ul { float: none; width: auto; } .state-skyscraper .mod-survey ul.wc-single-answer { text-align: center; } .state-skyscraper .mod-survey li { display: block; width: auto; margin-bottom: 12px; } .state-skyscraper .mod-survey li label { display: inline; } .state-skyscraper .mod-survey div { padding-left: 0; } .state-skyscraper .mod-survey .wc-multi-answer + a { display: block ; } .state-skyscraper .mod-survey .graph { min-width: 38px; } .state-skyscraper .mod-survey .graph-dual li{ text-align: center; } .state-skyscraper .mod-survey .graph-dual .inner-bar { margin: 0 auto; } .state-account-details { margin-top: 42px; padding: 4px 16px; background: #f5f5f5; border: 1px solid #cacaca; } li.state-skl:hover a, li.state-skl:focus a, li.state-skl:active a { color:#157e00; } li.state-scomm:hover a, li.state-scomm:focus a, li.state-scomm:active a { color:#0f749f; } li.state-vol:hover a, li.state-vol:focus a, li.state-vol:active a { color:#d4006b; } .state-new:before { content: "NEW"; position: absolute; top: 0; right: 7px; padding: 2px 2px 1px; background: #E60278; font: 9px normal Helvetica, Arial; color: #fff; z-index: 21; } /* hide image replacement text for users with screen readers*/ .state-hide-text { text-indent: 100%;white-space: nowrap;overflow: hidden;} .state-80ex { max-width: 80ex; } /* Xmas logos */ .state-logo-xmas { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MzAuNDQ0IiBoZWlnaHQ9IjU5NS4yODEiIHZpZXdCb3g9IjExLjQ0NSAwIDgzMC40NDQgNTk1LjI4MSI+PHRpdGxlPmxvZ28teG1hczwvdGl0bGU+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNDQ0MiIGQ9Ik0zNy4xODcgMjUxLjM2MmMuOTI2IDQuMzE4IDUuMTI3IDcuMDU1IDkuNDA4IDYuMTMgNC4yNC0uOTY1IDYuOTc2LTUuMjA0IDYuMDktOS41MjItLjkyNS00LjMxOC01LjEyNi03LjA1NS05LjQwNy02LjEzLTQuMjguOTYzLTcuMDE1IDUuMjA0LTYuMDkgOS41MjJ6bTIuNy0uNjE4Yy0uNTgtMi43NzQgMS4xOTQtNS41NSAzLjk3LTYuMTY3IDIuNzc1LS42MTcgNS41MTIgMS4xOTMgNi4wOSAzLjk3LjYxOCAyLjgxNC0xLjE1NSA1LjU5LTMuOTMyIDYuMjA2LTIuNzc1LjU3OC01LjUxLTEuMTk1LTYuMTMtNC4wMXoiLz48cGF0aCBmaWxsPSIjQ0NDIiBkPSJNODAuNTU0IDI3OS4xNTVjLTMuNy0xNy43MzItMjEuMzU0LTI4LjkxLTM5LjQzNS0yNC45OC0xOC4wNCAzLjk3My0yOS42NDYgMjEuNTUtMjUuOTA1IDM5LjI4MkMxOC45NTUgMzExLjE5IDM2LjYxIDMyMi4zNyA1NC42NSAzMTguNGMxOC4wNDItMy45NzMgMjkuNjQ0LTIxLjUxMiAyNS45MDQtMzkuMjQ1eiIvPjxwYXRoIGZpbGw9IiNFRUUiIGQ9Ik03Ni40MyAyNzMuNzJjLTIuOTY4LTE0LjA3LTE3LjE1NS0yMi44OTgtMzEuNzI1LTE5LjctMTQuNTcgMy4yLTIzLjk3OCAxNy4xNTYtMjEuMDQ3IDMxLjIyNiAyLjk2OCAxNC4wNyAxNy4xOTIgMjIuODYgMzEuNzYzIDE5LjY2IDE0LjU3NC0zLjE2MiAyMy45OC0xNy4xNTUgMjEuMDEtMzEuMTg3eiIvPjwvZz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iI0RBMDAxMCIgZD0iTTQzLjk2NyAyNDMuNjc2czEzLjUzNS0zOS45NiAyMC4wOS0zMi41OThjNi41NTMgNy4zNjMgMTMuMjIyIDE4LjUwNCAxMS45ODcgMzAuMTQ2LTEuMjMzIDExLjY0Mi0xLjA0IDQ3LjIyMiA2LjEzIDUyLjU4IDcuMTcgNS4zMiAxMzAuMDYyIDc5LjEgMTk5LjA2My03My45MzYgMzYuMzUyLTgwLjY0NC01OC4wOTItNzkuNzU3LTU4LjA5Mi03OS43NTdzLTcuNzg3LTEuMjctMjguMDYyLTE4LjU0QzE3OS41ODcgMTA4LjM0NiA2NS45NDYgMTA4IDQ5LjYgMTcyLjIyYy0xNi4yMyA2My44MzUuMjk1IDY3LjAyMy02LjUxNCA2Ny41NzUtMS45Ny4xNi44OCAzLjg4Ljg4IDMuODh6Ii8+PHBhdGggZmlsbD0iI0FFMDAxQiIgZD0iTTI4NS43NDggMTcwLjUyNWMtOTcuODc0LTI0LjA5My0xOTMuNjMgMzUuNjk3LTE5Mi41MSAzNS40NjUtMTYuODg1IDEuNTQyLTQuNTg4LTM4LjEyNS0yNS43OS0yMC4zMTUtMjEuMjAyIDE3Ljc3LTI1LjcxIDU2LjQzNi0yNS43MSA1Ni40MzZsMi42MiAzLjQ3czEyLjk5LTQwLjgyIDE5LjQzLTMyLjM0MmM2LjQzNyA4LjQ0MiAxNC40NTUgNDMuNjM4IDEzLjMzNyA0Mi43MTItMS4xMTgtLjk2NSAxMS42NDIgNC42MjUgMTEuNjQyIDQuNjI1bDIwNi43NzMtNzYuMjg4cy05LjUyLTEzLjIyMi05Ljc5Mi0xMy43NjJ6Ii8+PHBhdGggZmlsbD0iI0VFRSIgZD0iTTMzMC44MTMgMjM1LjA5NHMtNC41NS00MC41MTQtNDcuMTA3LTYyLjE4Yy04NC4zMDYtMjEuODkyLTIzMy4wMjYgNDIuMjktMjExLjk0IDEyOS45OUMxMDAuMDYgMzcxLjU5MyAxMDggMzY3LjYyNiAxMDggMzY3LjYyNnMyMy4yNDctMTQyLjc4NiAyMDkuNzQ0LTEyOC4wNmMxNi42MTUgNC4yNzcgMTMuMDctNC40NzMgMTMuMDctNC40NzN6Ii8+PHBhdGggZmlsbD0iI0NDQyIgZD0iTTgwLjc4NSAyNTEuMTdzLTUuNDc0IDMyLjI2NCA4LjgyOCA0My4zMjhjMTQuMjY0IDExLjA2NCA2NS41MzItMTUyLjU3NiAyMzcuNjktNjQuMzM3IDM1LjA4IDM3Ljg1Ni0yMDMuODgzIDE1NC41NDUtMjAzLjg4MyAxNTQuNTQ1bC0yOC4zMzMtMTUuOTYycy0yMC45Ny0zNy4wMDUtMjUuNDAzLTc5LjcxN2MtNC41MS00Mi45MDUgMTEuMS0zNy44NTUgMTEuMS0zNy44NTV6Ii8+PC9nPjxwYXRoIGQ9Ik00NzcuMDI1IDQwOS43MjJjLTE2LjY1NCAwLTMxLjY5LTEuODUyLTQ1LjEwMy0xNS4zMDdsMTcuMjY4LTE3LjMxYzguNzUzIDguNzUzIDIwLjEyNSA5Ljk4OCAyOC4yNTcgOS45ODggOS4xNzggMCAxOC42OTgtMy4wNDYgMTguNjk4LTEwLjk5IDAtNS4zMTQtMi44MTItOC45OC0xMS4xNzctOS43ODZsLTE2LjY1NC0xLjY2Yy0xOS4xMjQtMS44MS0zMC44NzYtMTAuMTc2LTMwLjg3Ni0yOS43NiAwLTIxLjk3MyAxOS4yNzMtMzMuODA2IDQwLjgyMi0zMy44MDYgMTYuNDU4IDAgMzAuMjk3IDIuODU0IDQwLjQ3NiAxMi40MWwtMTYuMjcgMTYuNTRjLTYuMDkyLTUuNTEtMTUuNDU4LTcuMTMtMjQuNTk0LTcuMTMtMTAuNTYgMC0xNS4wMzIgNC44OTYtMTUuMDMyIDEwLjE3NCAwIDMuODk2IDEuNjIgOC4zNjUgMTAuOTQ3IDkuMTc4bDE2LjY5IDEuNjJjMjAuOTMzIDIuMDQgMzEuNDk1IDEzLjI2IDMxLjQ5NSAzMS4xODUgMCAyMy40NC0xOS45NjYgMzQuNjU3LTQ0Ljk0NyAzNC42NTd6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01OTUuNTYyIDMzNC4wOWMtMi44NTQtNi4yODItOC43NS0xMC45ODgtMTcuNjkzLTEwLjk4OHMtMTQuODQgNC42NjgtMTcuNjk1IDEwLjk4OGMtMS42MTggMy44OTMtMi4xOTggNi43NDYtMi40MzIgMTEuNDQ4aDQwLjI0NmMtLjE5LTQuNzAyLS43Ny03LjU1Ni0yLjM5LTExLjQ0OGgtLjA0em0tMzcuODU3IDI5LjU2NmMwIDEzLjY0NiA4LjM2NSAyMy42MyAyMy4yMDUgMjMuNjMgMTEuNTY0IDAgMTcuMjctMy4yMzcgMjMuOTgtOS45ODNsMTYuMDc0IDE1LjY5Yy0xMC43OTMgMTAuODMtMjEuMTY0IDE2LjczLTQwLjI4NCAxNi43My0yNC45NzggMC00OC45NTgtMTEuNDE1LTQ4Ljk1OC01NC40MzIgMC0zNC42NTQgMTguNjk4LTU0LjE5NyA0Ni4xMDctNTQuMTk3IDI5LjQ4NiAwIDQ2LjE4IDIxLjYyNSA0Ni4xOCA1MC43N3YxMS43OTRoLTY2LjMwNnptMTQyLjEzLTI5LjU2NmMtMi44NS02LjI4Mi04Ljc1My0xMC45ODgtMTcuNjkzLTEwLjk4OC04Ljk0NCAwLTE0Ljg0NCA0LjY2OC0xNy42OTMgMTAuOTg4LTEuNjI0IDMuODkzLTIuMjM4IDYuNzQ2LTIuNDMgMTEuNDQ4aDQwLjI0MmMtLjE5Mi00LjcwMi0uNzctNy41NTYtMi40My0xMS40NDh6bS0zNy44MTUgMjkuNTY2YzAgMTMuNjQ2IDguMzI4IDIzLjYzIDIzLjE2NyAyMy42MyAxMS42MDMgMCAxNy4yNy0zLjIzNyAyMy45NzctOS45ODNsMTYuMDc0IDE1LjY5Yy0xMC43NTUgMTAuODMtMjEuMTYgMTYuNzMtNDAuMjQ2IDE2LjczLTI1LjAxNiAwLTQ4Ljk5LTExLjQxNS00OC45OS01NC40MzIgMC0zNC42NTQgMTguNjkzLTU0LjE5NyA0Ni4xNC01NC4xOTcgMjkuNDg4IDAgNDYuMTQzIDIxLjYyNSA0Ni4xNDMgNTAuNzd2MTEuNzk0SDY2Mi4wMnoiLz48cGF0aCBkPSJNODA5LjE5OCA0MDguNTI1bC0yNi4wMi00NC4yNTUtMTEuMjIgMTIuNjV2MzEuNTY4aC0yNi40MDNWMjYzLjM5aDI2LjQwNHY4Mi4zNDRsMzUuMTkzLTQzLjQ0N2gzMS45MmwtMzcuODIgNDIuODMgNDAuNjM1IDYzLjQwOGgtMzIuNzMiLz48cGF0aCBmaWxsPSIjMEMzNzdGIiBkPSJNMjQ0LjI3IDIxMC40NjRjODAuOTEyIDAgMTQ2LjUyIDY1LjgwNCAxNDYuNTIgMTQ2Ljk0NyAwIDgxLjE0Ny02NS42MDggMTQ2LjkwOC0xNDYuNTIgMTQ2LjkwOC04MC45NTMgMC0xNDYuNTI1LTY1Ljc2Mi0xNDYuNTI1LTE0Ni45MDYgMC04MS4xNDMgNjUuNTcyLTE0Ni45NDYgMTQ2LjUyNC0xNDYuOTQ2eiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yNDcuNjk4IDI2Ni41MTNjMC01LjA4OCA0LjA4Ni05LjE3NCA5LjEzNy05LjE3NGE5LjE0NiA5LjE0NiAwIDAgMSA5LjE3NCA5LjE3MmMwIDUuMDUtNC4wODggOS4xNzQtOS4xNzYgOS4xNzQtNS4wNSAwLTkuMTM3LTQuMTI0LTkuMTM3LTkuMTc0em0yOC40OSAzMC44OGMwLTUuNjMgNC41MS0xMC4xNCAxMC4wNi0xMC4xNGExMC4xMyAxMC4xMyAwIDAgMSAxMC4xNCAxMC4xNGMwIDUuNTUtNC41NSAxMC4wOTctMTAuMTQgMTAuMDk3LTUuNTUgMC0xMC4wNi00LjU0Ny0xMC4wNi0xMC4wOTh6bS0yOC40OSAwYzAtNS4wOSA0LjA4Ni05LjE3OCA5LjEzNy05LjE3OGE5LjE0NyA5LjE0NyAwIDAgMSA5LjE3NCA5LjE3N2MwIDUuMDUtNC4wODggOS4xNzYtOS4xNzYgOS4xNzYtNS4wNSAwLTkuMTM3LTQuMTI3LTkuMTM3LTkuMTc2em01OC44MjcgMzAuOTUyYzAtNi4yODMgNS4wNS0xMS4zNzMgMTEuMzMzLTExLjM3MyA2LjI0NiAwIDExLjMzMyA1LjA1MyAxMS4zMzMgMTEuMzczIDAgNi4yODMtNS4wODUgMTEuMzcyLTExLjMzIDExLjM3Mi02LjI4NCAwLTExLjMzNC01LjA4OC0xMS4zMzQtMTEuMzcyem0tMzAuMzM4LS4xMTdjMC01LjU4NiA0LjUxLTEwLjA5NiAxMC4wNi0xMC4wOTYgNS41OSAwIDEwLjE0IDQuNTEgMTAuMTQgMTAuMDk2IDAgNS41OS00LjU0OCAxMC4xNDItMTAuMTQgMTAuMTQyLTUuNTUgMC0xMC4wNi00LjU1LTEwLjA2LTEwLjE0MnptLTI4LjQ5IDBjMC01LjA0OCA0LjA4Ny05LjE3NCA5LjEzOC05LjE3NCA1LjA4OCAwIDkuMTc0IDQuMTI2IDkuMTc0IDkuMTc0YTkuMTUgOS4xNSAwIDAgMS05LjE3NiA5LjE3OGMtNS4wNSAwLTkuMTM3LTQuMDg4LTkuMTM3LTkuMTc4em0tMjcuMjE0IDBhOC4wMSA4LjAxIDAgMCAxIDguMDItOC4wMThjNC40MzIgMCA4LjAxNyAzLjU4MyA4LjAxNyA4LjAxOHMtMy41ODUgOC4wNTctOC4wMTggOC4wNTdjLTQuNDMzIDAtOC4wMi0zLjYyMi04LjAyLTguMDU3em0tMjIuNzAzIDBjMC0zLjc3NSAzLjA4My02Ljg5NiA2Ljg2LTYuODk2IDMuODE4IDAgNi44NjQgMy4xMiA2Ljg2NCA2Ljg5NiAwIDMuODE3LTMuMDg1IDYuOTA0LTYuODYzIDYuOTA0cy02Ljg2LTMuMDg2LTYuODYtNi45MDR6bS0yMS42MjcgMGMwLTMuMTYyIDIuNTQ0LTUuNzQ0IDUuNzA1LTUuNzQ0IDMuMiAwIDUuNzQ0IDIuNTgyIDUuNzQ0IDUuNzQ0YTUuNzEgNS43MSAwIDAgMS01Ljc0NCA1Ljc0NWMtMy4xNiAwLTUuNzA1LTIuNTQ1LTUuNzA1LTUuNzQ1em0tMTguMzEgMGE0LjU3MiA0LjU3MiAwIDAgMSA0LjU4Ni00LjU4NWMyLjUwNSAwIDQuNTg3IDIuMDQgNC41ODcgNC41ODVzLTIuMDgyIDQuNTktNC41OSA0LjU5YTQuNTc2IDQuNTc2IDAgMCAxLTQuNTg2LTQuNTl6bS0xNy4zNDggMGMwLTEuODkgMS41NDMtMy40MyAzLjQzLTMuNDMgMS45MyAwIDMuNDMzIDEuNTQgMy40MzMgMy40MyAwIDEuOTI4LTEuNTA0IDMuNDcyLTMuNDMyIDMuNDcyLTEuODg4IDAtMy40My0xLjU0NC0zLjQzLTMuNDcyem0tMTQuNjQ4IDBjMC0xLjI3IDEuMDQtMi4yNzMgMi4zMTMtMi4yNzNzMi4yNzQgMS4wMDIgMi4yNzQgMi4yNzNjMCAxLjI3Mi0xIDIuMzEyLTIuMjc0IDIuMzEycy0yLjMxMy0xLjA0LTIuMzEzLTIuMzEyem0xODAuNjc4IDMwLjk1NmMwLTYuMjQ1IDUuMDUtMTEuMzczIDExLjMzMy0xMS4zNzMgNi4yNDYgMCAxMS4zMzMgNS4xMyAxMS4zMzMgMTEuMzc1IDAgNi4yODMtNS4wODUgMTEuMzcyLTExLjMzIDExLjM3Mi02LjI4NCAwLTExLjMzNC01LjA4OC0xMS4zMzQtMTEuMzcyem0tMzAuMzM4LS4wOGMwLTUuNTg2IDQuNTEtMTAuMTMzIDEwLjA2LTEwLjEzMyA1LjU5IDAgMTAuMTQgNC41NSAxMC4xNCAxMC4xMzYgMCA1LjU5NC00LjU0OCAxMC4xNDItMTAuMTQgMTAuMTQyLTUuNTUgMC0xMC4wNi00LjU0OC0xMC4wNi0xMC4xNDJ6bS0yOC40OSAwYzAtNS4wODUgNC4wODctOS4xNyA5LjEzOC05LjE3YTkuMTQ1IDkuMTQ1IDAgMCAxIDkuMTc0IDkuMTdjMCA1LjA1My00LjA4OCA5LjE4LTkuMTc2IDkuMTgtNS4wNSAwLTkuMTM3LTQuMTI3LTkuMTM3LTkuMTh6bS0yNy4yMTQgMGMwLTQuNDMgMy41ODUtOC4wMiA4LjAyLTguMDJhOC4wMTUgOC4wMTUgMCAwIDEgOC4wMTcgOC4wMiA4LjAxMiA4LjAxMiAwIDAgMS04LjAxOCA4LjAyIDguMDE0IDguMDE0IDAgMCAxLTguMDItOC4wMnptLTIyLjcwMyAwYzAtMy44MTIgMy4wODMtNi44OTUgNi44Ni02Ljg5NSAzLjgxOCAwIDYuODY0IDMuMDggNi44NjQgNi44OTQgMCAzLjc4LTMuMDg1IDYuODY2LTYuODYzIDYuODY2cy02Ljg2LTMuMDg1LTYuODYtNi44NjV6bS0yMS42MjcgMGMwLTMuMiAyLjU0NC01Ljc0IDUuNzA1LTUuNzQgMy4yIDAgNS43NDQgMi41NCA1Ljc0NCA1Ljc0YTUuNzMzIDUuNzMzIDAgMCAxLTUuNzQ0IDUuNzQ1Yy0zLjE2IDAtNS43MDUtMi41ODQtNS43MDUtNS43NDZ6bS0xOC4zMSAwYTQuNTcyIDQuNTcyIDAgMCAxIDQuNTg2LTQuNTg0YzIuNTA1IDAgNC41ODcgMi4wNCA0LjU4NyA0LjU4NXMtMi4wODIgNC41OS00LjU5IDQuNTlhNC41NzYgNC41NzYgMCAwIDEtNC41ODYtNC41OXptLTE3LjM0OCAwYTMuNDQgMy40NCAwIDAgMSAzLjQzLTMuNDMgMy40MTUgMy40MTUgMCAwIDEgMy40MzMgMy40MyAzLjQxNiAzLjQxNiAwIDAgMS0zLjQzMiAzLjQzNSAzLjQ0IDMuNDQgMCAwIDEtMy40My0zLjQzNnptLTE0LjY0OCAwYzAtMS4yNyAxLjA0LTIuMzEgMi4zMTMtMi4zMXMyLjI3NCAxLjA0IDIuMjc0IDIuMzEtMSAyLjMxNi0yLjI3NCAyLjMxNi0yLjMxMy0xLjA0Mi0yLjMxMy0yLjMxNXptMjExLjc0OC4zMWMwLTYuODk2IDUuNTg4LTEyLjQ1IDEyLjQ1LTEyLjQ1IDYuODI0IDAgMTIuNDEzIDUuNTU0IDEyLjQxMyAxMi40NSAwIDYuODYyLTUuNTg4IDEyLjQ1My0xMi40MTIgMTIuNDUzLTYuODYzIDAtMTIuNDUtNS41OS0xMi40NS0xMi40NTN6bS0zMS4wNyAzMC42NWMwLTYuMjg2IDUuMDUtMTEuMzc2IDExLjMzMy0xMS4zNzYgNi4yNDYgMCAxMS4zMzMgNS4wOSAxMS4zMzMgMTEuMzc2IDAgNi4yOC01LjA4NSAxMS4zNy0xMS4zMyAxMS4zNy02LjI4NCAwLTExLjMzNC01LjA5LTExLjMzNC0xMS4zN3ptLTMwLjMzOC0uMDhjMC01LjYyNyA0LjUxLTEwLjEzNyAxMC4wNi0xMC4xMzcgNS41OSAwIDEwLjE0IDQuNTEgMTAuMTQgMTAuMTM4IDAgNS41OS00LjU0OCAxMC4xLTEwLjE0IDEwLjEtNS41NSAwLTEwLjA2LTQuNTEtMTAuMDYtMTAuMXptLTI4LjQ5IDBjMC01LjA5IDQuMDg3LTkuMTczIDkuMTM4LTkuMTczYTkuMTQ3IDkuMTQ3IDAgMCAxIDkuMTc0IDkuMTc2YzAgNS4wNS00LjA4OCA5LjE3NS05LjE3NiA5LjE3NS01LjA1IDAtOS4xMzctNC4xMjUtOS4xMzctOS4xNzR6bS0yNy4yMTQgMGMwLTQuNDM0IDMuNTg1LTguMDYgOC4wMi04LjA2IDQuNDMyIDAgOC4wMTcgMy42MjYgOC4wMTcgOC4wNmE4LjAxIDguMDEgMCAwIDEtOC4wMTggOC4wMTYgOC4wMTIgOC4wMTIgMCAwIDEtOC4wMi04LjAxNXptLTIyLjcwMyAwYzAtMy44MTYgMy4wODMtNi45IDYuODYtNi45IDMuODE4IDAgNi44NjQgMy4wODQgNi44NjQgNi45IDAgMy43NzctMy4wODUgNi44NjQtNi44NjMgNi44NjRzLTYuODYtMy4wODctNi44Ni02Ljg2M3ptLTIxLjYyNyAwYzAtMy4yIDIuNTQ0LTUuNzQzIDUuNzA1LTUuNzQzYTUuNzEgNS43MSAwIDAgMSA1Ljc0NCA1Ljc0NmMwIDMuMTYtMi41NDQgNS43MDMtNS43NDQgNS43MDNhNS42OTIgNS42OTIgMCAwIDEtNS43MDUtNS43MDR6bS0xOC4zMSAwYTQuNTc2IDQuNTc2IDAgMCAxIDQuNTg2LTQuNTljMi41MDUgMCA0LjU4NyAyLjA0NiA0LjU4NyA0LjU5IDAgMi41NC0yLjA4MiA0LjU5LTQuNTkgNC41OWE0LjU4IDQuNTggMCAwIDEtNC41ODYtNC41OXptLTE3LjM0OCAwYzAtMS45MjYgMS41NDMtMy40NyAzLjQzLTMuNDcgMS45MyAwIDMuNDMzIDEuNTQ0IDMuNDMzIDMuNDdhMy40MTUgMy40MTUgMCAwIDEtMy40MzIgMy40MyAzLjQ0IDMuNDQgMCAwIDEtMy40My0zLjQzem0tMTQuNjQ4IDBjMC0xLjI3IDEuMDQtMi4zMTMgMi4zMTMtMi4zMTNzMi4yNzQgMS4wNDQgMi4yNzQgMi4zMTZjMCAxLjIzLTEgMi4yNzQtMi4yNzQgMi4yNzRzLTIuMzEzLTEuMDQzLTIuMzEzLTIuMjc1em0xNTAuMzQgMzAuODRjMC01LjU5IDQuNTEtMTAuMSAxMC4wNi0xMC4xIDUuNTkgMCAxMC4xNCA0LjUxIDEwLjE0IDEwLjFhMTAuMTI2IDEwLjEyNiAwIDAgMS0xMC4xNCAxMC4xMzhjLTUuNTUgMC0xMC4wNi00LjUxLTEwLjA2LTEwLjEzOHptLTI4LjQ5IDBjMC01LjA0OCA0LjA4Ny05LjE3NCA5LjEzOC05LjE3NCA1LjA4OCAwIDkuMTc0IDQuMTI2IDkuMTc0IDkuMTc0IDAgNS4wODYtNC4wODggOS4yMTItOS4xNzYgOS4yMTItNS4wNSAwLTkuMTM3LTQuMTI2LTkuMTM3LTkuMjEyem0wIDMwLjg3NmMwLTUuMDQ4IDQuMDg3LTkuMTczIDkuMTM4LTkuMTczIDUuMDg4IDAgOS4xNzQgNC4xMjUgOS4xNzQgOS4xNzQgMCA1LjA1LTQuMDg4IDkuMTc2LTkuMTc2IDkuMTc2LTUuMDUgMC05LjEzNy00LjEyNi05LjEzNy05LjE3NHoiLz48L3N2Zz4=) no-repeat; background-size: cover; background-position: 0 -20px; width:145px; display: block; margin-left: -16px; margin-top: -1px; } /* Australia day logos */ .AU-Main.state-logo-ausday {background:url(/content/images/logos/logo-seek-ausday.png) no-repeat 0 0; background-size: auto 119px;} .AU-Main.state-ausday-1 {height:52px; margin-top: 13px;} .AU-Main.state-ausday-2 {background-position:0 -60px;margin-top: 4px;} /* Waitangi day New Zealand*/ .state-logo-waitangi-day {background:url(/content/images/logos/logo-seek-waitangi-day-nz.gif) no-repeat 0 0;} /* Easter logo */ .state-logo-easter {width: 177px;height: 104px;margin-top: -41px;margin-left: -21px;background:url(/content/images/logos/logo-seek-easter-bunny.png) no-repeat 0 0; display:inline-block;} /* Star Wars day logos */ .state-logo-starwars { background: url(/content/images/logos/seek-bb8-logo.svg) no-repeat 0 0; background-size: 129px auto; margin-top: -12px; } /* mod-section with 2px pink top border*/ .state-thick-border-top {border: 1px solid #D5D5D5; border-top: 2px solid #e60278;} .state-thick-border-top p strong {font-size:15px;} .state-thick-border-top .mod-button {overflow: auto;} /* truncate text */ .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .state-share-buttons { display: none; } .state-list-horizontal { margin-top: 21px; } .state-list-horizontal a { width: 20%; height: 100%; padding: 0; text-align: center; } .short-menu a { width: 33%; } .state-list-horizontal a.AddNotesDropDown { background-color: #E8E8E8; border: none; } .state-lighter-callout a { color: #212121; outline: none; display: table; } .state-lighter-callout a div { display: table-cell; vertical-align: middle; } .state-lighter-callout a img { width: 40px; display: block; margin: auto; margin-bottom: 10px; padding-left: 0; } .state-sharebutton div img { padding-left: 14px; } .state-lighter-callout a .applied img { padding-top: 18px; margin-bottom: 4px; } .applied .applied-text { display: block; width: 72px; margin: auto; } .AddNotesDropDown { display: block; } .share-buttons-dropdown { display: none; background-color: #E8E8E8; width: 100%; } .share-link-button-selected { background-color: #E8E8E8; } .share-buttons-dropdown-visible { display: block; } .share-buttons-dropdown-visible:after { display: block; content: ''; clear: both; } .share-buttons-dropdown ul { width: 80%; float: right; } .share-buttons-dropdown li { list-style: none; float: left; width: 25%; } .share-buttons-dropdown .state-hide-text { display: block; height: 40px; width: 40px; background-size: contain; background-repeat: no-repeat; margin: 7px auto; } .share-buttons-dropdown .google { background-image: url(/Content/Images/Icons/google.png); } .share-buttons-dropdown .facebook { background-image: url(/Content/Images/Icons/facebook.png); } .share-buttons-dropdown .linked-in { background-image: url(/Content/Images/Icons/linked-in.png); } .share-buttons-dropdown .twitter { background-image: url(/Content/Images/Icons/twitter.png); } .share-buttons-dropdown .google:hover { background-image: url(/Content/Images/Icons/google-hover.png); } .share-buttons-dropdown .facebook:hover { background-image: url(/Content/Images/Icons/facebook-hover.png); } .share-buttons-dropdown .linked-in:hover { background-image: url(/Content/Images/Icons/linked-in-hover.png); } .share-buttons-dropdown .twitter:hover { background-image: url(/Content/Images/Icons/twitter-hover.png); } @media screen and (max-width: 640px) { .state-footer-nav { padding: 36px 20px; background: #d6d6d6; } .state-footer-nav .l-row .l-column { width: 100%; } .state-footer-nav nav { padding-bottom: 18px; margin-bottom: 26px!important; border-bottom: 1px solid #a8a8a8; } .state-footer-nav a, .state-footer-nav nav a, .state-footer-nav p.l-row span { margin-top: 0; line-height: 45px; height: 45px; font-size: 14px; } .state-footer-nav .mobile-hidden { display: none; } .state-footer-nav .l-row .l-row { margin-left: 0; } .state-footer-nav p.l-row a {display: block; padding-right: 0; margin-top: 0; line-height: 45px; height: 45px; font-size: 14px; } } .mod-field label { font-size: 14px; text-align: left; position: static; } #Divider { background: none; margin-bottom: -16px; height: 0; width: 0; } hr { border: none; border-top: 1px solid #DADADA; } .home-index { padding-top: 0; padding-bottom: 0; background: none; margin-top: 0; margin-bottom: 0; } #search-panel { margin-bottom: 16px; } .search-panel-container { width: 100%; background: #0d3880; margin-top: -36px; } .search-panel.search-panel--expanded { margin-left: -24px; } .search-panel-container .search-panel { width: 100%; padding-left: 0; padding-right: 0; } .content { padding: 0; margin-right: 0; } #bodyContainer { background: #eee; } #FrameContainer #bodyContainer { background: none; } /* Fix firefox issue with googleadservices tracking image */ body > img { position: absolute; } .mod-search-form input, .mod-search-form select { margin: 0; } /* Robby hacking the home page */ #promotions, #promotions dd:first-child { margin-left: 0px; } #promotions { margin-bottom: 18px; padding: 18px 0 12px; } #BrowseJobs dd { width: 100%; padding-right: 0px; } p, ul, ol, dl { margin-bottom: 9px; } .home-index .more { padding-right: 0; text-align: right; width: auto; } .joblisting-index .seeker-frame, #AdDetailsDiv + div { width: auto; } #toolbar { position: absolute; top: 80px; left: 20px; width: 91.2%; } /* App Success Fixes */ .jobapply-submitted #application-sent { margin-top: -18px; -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } .jobapply-submitted .grey-line-seperator { margin: 0 -32px; } .jobapply-submitted .dotted-line-seperator { margin: 44px -32px 0; } .jobapply-submitted #application-sent h1 { margin-top: 12px; } .jobapply-submitted .has-JAPU, .jobapply-submitted #profilePreview { margin-left: 0; } .jobapply-submitted #profileInsights { width: 559px; margin-right: -160px; } .jobapply-submitted #profileInsights span.large-letters { min-width: 40px; } .jobapply-submitted #profileInsights span.search-count { margin-left: 9px; } .jobapply-submitted #profileInsights #createProfileButton { margin-left: 0; margin-top: 9px; } /* Jobs Resources Fixes */ .jobs-resources { position: relative; padding-top: 9px; } .jobs-resources .support-panel { background: none; border: 1px solid #50b848; border-top: none; } .jobs-resources .grid_9 ul { margin-left: 25px; list-style-type: disc; } .jobs-resources .grid_9 ol { margin-left: 25px; list-style-type: decimal; } /* Investor Fixes (about/us, employment index, market-research etc)*/ .investor, .if-it-exists { position: relative; } /* Jobs.seek.com.au job details fixes */ #bodyContainer.onsite.joblisting-index { width: 702px; } .onsite.jobsearch-index h1 { font-size: 26px; } .onsite .mod-job-details label, .onsite .arrow { display: block; } .onsite .grid_6 + .grid_6 { width: 222px; } .onsite .state-sideapply .mod-help-bubble { width: 208px; margin-left: 0; } .onsite .state-sideapply .mod-help-bubble .state-arrow-help-bubble { left: 100px; top: -12px; border-right-color: transparent; border-bottom-color: #DADADA; } .onsite .state-sideapply .mod-help-bubble .mod-arrow-inner { border-right-color: transparent; border-bottom-color: #fff; left: -5px; top: -3px; } .state-mini-search.salaryDisabled.is-collapsed #salaryMessageLabel { display: none; } .jobmail-profile-pages.frame { margin: 27px 18px; color: #212121; font-size: 1.4rem; } .jobmail-profile-pages.frame h1 { color: #f00a81; font-size: 2.3rem; display: inline-block; margin: 5px 0; } .jobmail-profile-pages.frame p { font-size: 1.4rem; color: #212121; } .jobmail-profile-pages.frame li label { font-size: 1.4rem; color: #212121; display: block; text-align: left; margin-bottom: 9px; } .jobmail-profile-pages.frame input#Name { display: block; border-color: #8a8a8a; line-height: 2.3rem; width: 90%; margin-bottom: 0; } .jobmail-profile-pages.frame li + li { margin-top: 18px; } .jobmail-profile-pages.frame .icon-jobmail { background-position: -819px -116px; height: 40px; width: 50px; } .jobmail-profile-pages.frame .icon-search { background-position: -171px -122px; height: 40px; width: 50px; } .jobmail-profile-pages.frame #SaveButtonContainer a { margin-right: 12px; } .browser-upgrade-message, .browser-upgrade { /*background: url(/content/images/other/browser-upgrade.png) #fff right top no-repeat;*/ } .browser-upgrade-message h1, .browser-upgrade h1 { color: #454545; font-size: 24px; font-weight: bold; } .browser-upgrade-message p, .browser-upgrade p { font-size: 16px; margin-bottom: 22px; } .browser-upgrade-message span, .browser-upgrade span { margin: 26px 0 36px 0; } .browser-upgrade-message dl, .browser-upgrade dl { margin-left: -25px; } .browser-upgrade-message dl dd, .browser-upgrade dl dd { float: left; text-align: center; padding-left: 30px; padding-bottom:30px; font-size: 16px; } .browser-upgrade-message dl dd img, .browser-upgrade dl dd img { display: block; width:120px; } .browser-upgrade-message dl dd #LeaveMeAlone, .browser-upgrade dl dd #LeaveMeAlone { margin-top: 20%; margin-left:30px; } .purchase-order-terms ol { margin-left: 45px; list-style: lower-alpha; } /* global data table styles */ table.data, .data th { background: url(/content/images/layout/table-header.png) no-repeat top right #F4F4F4; text-align: left; font-size: 11px; } .data { background: none repeat scroll 0 0 #F9F9F9; margin-bottom: 8px; width: auto; border-collapse: inherit; } .data tr:nth-of-type(2n+1) { background: #DEDEDE; } .data th { padding: 1px 6px 0 14px; font-weight: bold; height: 26px; } .data tr td { border-color: #DEDEDE; border-right: 1px solid #DEDEDE; border-style: solid; border-width: 0 1px 1px 0; font-size: 11px; padding: 3px 14px; background: none; vertical-align: middle; } /* border definitions */ .data td:first-child { border-left-width: 1px; } .data td.end { border-right-width: 1px; } .data tr:first-child td:first-child { border-width: 0; } .data td { border-width: 0 0 1px 0px; } /* Responsive styles for Jobmail creation page */ @media screen and (max-width: 640px) { .search-panel { width: 100%; padding-left: 20px; padding-right: 20px; border-radius: 0;} .search-panel.search-panel--expanded { margin-left: -20px; } .jobmail-profile-pages ul { width: 100%!important; } .jobmail-profile-pages li { margin-right: 0!important; } /* Error page styling */ .error-servererror.mod-section { padding: 18px 0; } h1.state-error { margin: -18px 0 18px!important; padding: 27px 0 27px 20px; width: 100%; display: block!important; box-sizing: border-box; background: #eee; color: #000; font-size: 21px; line-height: 1.285em; font-weight: 600; } .mod-section>.mod-error-page>.left-push { padding: 0; } .mod-error-page h2 { font-size: 18px!important; line-height: 1.5em; font-weight: 600!important; } ul.mod-error-page { font-size: 18px; line-height: 1.5em; font-weight: 400; padding: 18px 20px; box-sizing: border-box; display: block!important; margin-left: 0!important;} } /* LAST AND SAVED SEARCHES */ .home-index h4, .home-index dt, .home-index dt a {color:#E60A7C; } .home-index dt, .home-index dd { display: inline-block;} /* profile privacy styles */ .rego-flow-privacy-setter .privacy-label { width: 197px; vertical-align: middle; display: inline-table; text-align: left; margin-right: 0; padding-right: 0; line-height: 3rem; } .rego-flow-privacy-setter .emphasis { color: #f00a81; } .rego-flow-privacy-setter button { min-width: 60px; margin: 0; font-size: 14px; font-size: 1.4rem; padding: 5px 10px; border-radius: 3px 0 0 3px; float: right; } .rego-flow-privacy-setter .dropdown-toggle { min-width: 10px; width: 10px; font-size: 14px; font-size: 1.4rem; padding: 2px 10px 3px 10px; margin: 0; float: right; } .rego-flow-privacy-setter .dropdown-toggle:hover { color: #FD5EAE; } .rego-flow-privacy-setter .dropdown-toggle.turnOn { padding-top: 2px; color: #fff; -webkit-text-shadow: 0 -1px 2px #5d0532; text-shadow: 0 -1px 2px #5d0532; border: 1px solid #a00756; border-left: none; border-radius: 0 3px 3px 0; background: #b20860; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00a81', endColorstr='#b20860',GradientType=0 ); /* IE6-9 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f00a81), color-stop(100%, #b20860)); background: -webkit-linear-gradient(top, #f00a81 1%, #b20860 100%); background: -moz-linear-gradient(top, #f00a81 1%, #b20860 100%); background: -ms-linear-gradient(top, #f00a81 1%, #b20860 100%); background: -o-linear-gradient(top, #f00a81 1%, #b20860 100%); background: linear-gradient(to bottom, #f00a81 1%, #b20860 100%); -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), 0 0 2px 0 #FD5EAE inset; -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), 0 0 2px 0 #FD5EAE inset; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1), 0 0 2px 0 #FD5EAE inset; } .rego-flow-privacy-setter .dropdown-toggle.turnOn:hover { color: #FD5EAE; } .rego-flow-privacy-setter .dropdown-menu { position: absolute; /*right: 29px;*/ margin-top: 0; z-index: 1001; /*display: none;*/ float: left; min-width: 420px; text-align: left; } .rego-flow-privacy-setter.open .dropdown-menu { display: block; } .rego-flow-privacy-setter ul { border: 1px solid #ccc; border-radius: 2px; } .rego-flow-privacy-setter li { padding: 0; margin: 0; border-bottom: 1px solid #ccc; background-color: #fefefe; } .rego-flow-privacy-setter li:hover { background-color: #eee; } .rego-flow-privacy-setter li p { margin: 2px 0; } .rego-flow-privacy-setter li a { padding: 5px 10px; display: block; } .rego-flow-privacy-setter li.privacy-link a { color: #333; } .rego-flow-privacy-setter li a:hover { text-decoration: none; } .rego-flow-privacy-setter span.recommended { color: #3DAF2C; } .privacy-wrapper { background-color: #ccc; } .rego-flow-privacy-setter .tooltip { position: absolute; z-index: 1001; display: none; background-color: #000; opacity: 0.7; color: white; padding: 7px 10px; top: 50px; text-align: left; border-radius: 5px; width: 270px; } .rego-flow-privacy-setter .tooltip:after { content: ""; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #000 transparent; top: -20px; left: 135px; } .rego-flow-privacy-setter .tooltip p { line-height: 1.2rem; } .rego-flow-privacy-setter .tooltip .font-icon { color: #fff; position: absolute; } .rego-flow-privacy-setter .tooltip .font-icon + p { padding-left: 22px; } .rego-flow-privacy-setter.waiting .privacy-label { background: url(/content/images/profile/saving.gif) no-repeat 70px 15px; } .rego-flow-privacy-setter.waiting .privacy-label span, .rego-flow-privacy-setter.waiting .recommended { color: #666; opacity: 0.5; } /* End Profile privacy styles */ .typeahead.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: white; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .typeahead.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 18px; color: #333333; white-space: nowrap; } .typeahead.dropdown-menu > li > a:hover, .typeahead.dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { text-decoration: none; color: white; } .typeahead.dropdown-menu > .active > a, .typeahead.dropdown-menu > .active > a:hover, .typeahead.dropdown-menu > .active > a:focus { color: white; text-decoration: none; outline: 0; } .typeahead.dropdown-menu > .disabled > a, .typeahead.dropdown-menu > .disabled > a:hover, .typeahead.dropdown-menu > .disabled > a:focus { color: #999999; } .typeahead.dropdown-menu > .disabled > a:hover, .typeahead.dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; cursor: default; } ul.typeahead.dropdown-menu, ul[typeahead-popup] { box-shadow: none; margin-top: -1px; border-radius: 3px 0 3px 3px; min-width: 200px; font-size: 14px; font-size: 1.4rem; padding: 10px 0 15px 0; } ul.typeahead.dropdown-menu li > a, ul[typeahead-popup] li > a { padding-top: 5px; padding-bottom: 5px; } ul.typeahead.dropdown-menu li.active > a, ul[typeahead-popup] li.active > a, ul.typeahead.dropdown-menu li.active > a:focus, ul[typeahead-popup] li.active > a:focus, ul.typeahead.dropdown-menu li.active > a:hover, ul[typeahead-popup] li.active > a:hover { color: inherit; background-image: none; background-color: #eeeeee; }