/* ------------------------------------------- project: XPE date: 2008/12/13 colors: finance & accounting: #a27c35 // light version (15%) = #f1ebe1 engineering & ict: pharma & science: ------------------------------------------- */ @media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } } html, body, p, ul, ol, dl, dt, dd, h1,h2,h3,h4,h5,h6, form, li { margin: 0; padding: 0; } html, body { font-family: calibri, helvetica, arial, sans-serif; background:#fff; text-align: center; } html { font-size: 0.84em; } a img { border:none; } a.external span.external {position: absolute;left: -5000px;width: 4000px;} a.external:link{background: url(/templates/images/external.png) no-repeat 100% 0; padding: 0 15px 0 0;} table { border-spacing:0; } #container { width:990px; margin:0 auto; text-align:left; padding:0 4px 0px 3px; background:url('/templates/images/main-bg.gif') top left repeat-y; } .highlight,span.ajaxSearch_highlight{background-color: #ffc;} /* HEADER -----------------------------------*/ /* header visuals, in header (obviously) */ .xpe #outerHeader { background:url('/templates/images/headers/header-xpe.jpg') 0 0 no-repeat; } .pharma #outerHeader { background:url('/templates/images/headers/header-pharma.jpg') 0 0 no-repeat; } .engineering #outerHeader { background:url('/templates/images/headers/header-engineering.jpg') 0 0 no-repeat; } .finance #outerHeader { background:url('/templates/images/headers/header-finance.jpg') 0 0 no-repeat; } #header { padding-bottom:11px; width:100%; overflow:hidden; } /* LOGO */ #header h1 { width:331px; height:124px; float:left; text-indent:-666em; overflow:hidden; } #header h1 a{ display:block; width:331px; height:124px; border:0; } .finance #header { background:url('/templates/images/header-bcg-finance.png') bottom right no-repeat; } .finance #header h1 { background:url('/templates/images/logo-finance.png') top left no-repeat; } .engineering #header { background:url('/templates/images/header-bcg-engineering.png') bottom right no-repeat; } .engineering #header h1 { background:url('/templates/images/logo-engineering.png') top left no-repeat; } .pharma #header { background:url('/templates/images/header-bcg-pharma.png') bottom right no-repeat; } .pharma #header h1 { background:url('/templates/images/logo-pharma.png') top left no-repeat; } .xpe #header { background:url('/templates/images/header-bcg-xpe.png') bottom right no-repeat; } .xpe #header h1 { background:url('/templates/images/logo-xpe.png') top left no-repeat; } /* SITEWIDE NAV */ #optionsMenu { list-style:none; padding-top:8px; padding-right:28px; float:right; } #optionsMenu li { float:left; margin-left:5px; } #optionsMenu li a { color:#000; font-weight:bold; font-size:1.2em; text-decoration:none; padding-right:7px; background:url('/templates/images/brd1.gif') center right no-repeat; } #optionsMenu li a:hover { text-decoration:underline; } #optionsMenu li.last a { background:none; } /* SEARCH */ #header form { clear:right; padding:10px 28px 0 0; float:right; } #header form p { position:relative; width:236px; margin:0; padding:0; } #search { width:195px; margin:0; padding:4px 32px 4px 7px; display: block; vertical-align:middle; font-weight:bold; font-size:14px; border:1px solid #333333; background:url('/templates/images/search-bg.png') center right no-repeat; font-family: calibri, arial, helvetica, sans-serif; } #search:focus{outline:none;} #searchBtn { position:absolute; text-indent:-666em; overflow:hidden; cursor:pointer; right:0; top:0; display: block; width:29px; height:29px; border:none; background:url('/templates/images/blank.gif') top left no-repeat; } /* MAIN NAV */ #mainMenu { clear: both; padding-left: 162px; overflow: hidden; padding-top: 10px; } #mainMenu li { float: left; margin-left: 20px; list-style: none; } #mainMenu li a { overflow: hidden; float: left; width: 140px; height: 50px; background: url(/templates/images/nav.png) no-repeat; font-size: 20px; letter-spacing:-1px; line-height:100%; color: #fff; text-decoration: none; font-weight:bold; display: block; white-space: nowrap; } #mainMenu li a:hover { overflow: hidden; height: 50px; } #mainMenu li a#item1 { background-position: 0 0; } #mainMenu li a#item1:hover { background-position: 0 -50px; } #mainMenu li a#item2 { background-position: -140px 0; } #mainMenu li a#item2:hover { background-position: -140px -50px; } #mainMenu li a#item3 { background-position: -280px 0; } #mainMenu li a#item3:hover { background-position: -280px -50px; } #mainMenu li a#item4 { background-position: -420px 0; } #mainMenu li a#item4:hover { background-position: -420px -50px; } #mainMenu li a span { float: left; padding: 3px 12px; display: block; overflow:hidden; cursor:pointer; } /* END HEADER -----------------------------------*/ /* CONTENT -----------------------------------*/ #content { background:url('/templates/images/col1bcg.gif') top left repeat-y; position:relative; } #content .wrapper { width:100%; overflow:hidden; padding-top:4px; } .finance #content .wrapper { background:url('/templates/images/brdtop-finance.gif') top left no-repeat; } .engineering #content .wrapper { background:url('/templates/images/brdtop1.gif') top left no-repeat; } .pharma #content .wrapper { background:url('/templates/images/brdtop2.gif') top left no-repeat; } .xpe #content .wrapper { background:url('/templates/images/brdtop3.gif') top left no-repeat; } #secondarySection { width:331px; float:left; padding-bottom:160px; } #secondarySection .adv { padding:20px 0 10px 20px; } /* sideMenu */ #sideMenu { list-style:none; padding:15px 17px 30px 32px; } #sideMenu li { position: relative; z-index:4; } #sideMenu li a { display: block; color: #000; font-size:1.25em; text-decoration:none; font-weight:bold; min-height:1%; padding:3px 5px 3px 21px; } .xpe #sideMenu li.active a, .xpe #sideMenu li a:hover { background:url('/templates/images/bullet5trans.gif') center left no-repeat; color:#7D7664; } .finance #sideMenu li.active a, .finance #sideMenu li a:hover { background:url('/templates/images/bullet-finance.gif') center left no-repeat; color:#324B50; } .engineering #sideMenu li.active a, .engineering #sideMenu li a:hover { background:url('/templates/images/bullet1.gif') center left no-repeat; color:#324B50; } .pharma #sideMenu li.active a, .pharma #sideMenu li a:hover { background:url('/templates/images/bullet4.gif') center left no-repeat; color:#00875a; } #sideMenu li ul#sideMenu { padding:0 0 0 25px; } #sideMenu li.active ul#sideMenu li a { color: #000; background:none; } #sideMenu li ul#sideMenu li ul#sideMenu { display:none; } #sideMenu li ul#sideMenu li.current ul#sideMenu { display:block; } #primarySection { width:539px; min-height:400px; padding:10px 28px 20px 87px; float:right; background:url('/templates/images/col2bcg.gif') top left no-repeat; } /* HEADINGS */ #primarySection h1{color:#fff; font-size:1.6em; font-weight:bold; letter-spacing:-0.03em; } #primarySection h1 span{color:#fff; padding:2px 7px 3px 7px; display: block;} #primarySection h2{color:#fff; font-size:1.4em; font-weight:bold; letter-spacing:-0.02em; } #primarySection h2 span{color:#fff; padding:2px 7px 3px 7px; display: block;} #primarySection h3{margin:14px 0 7px 0; font-size:1.3em; font-weight:bold; letter-spacing:-0.02em; } #primarySection h3 span{padding:2px 7px 3px 7px; display: block;} .xpe #primarySection h1, .xpe #primarySection h2 {background:url('/templates/images/rc7.gif') top left no-repeat;} .xpe #primarySection h1 span, .xpe #primarySection h2 span {background:url('/templates/images/rc7invert.gif') bottom left no-repeat;} .xpe #primarySection h3 {background:url('/templates/images/rc8.gif') top left no-repeat;} .xpe #primarySection h3 span {color:#7D7664; background:url('/templates/images/rc8invert.gif') bottom left no-repeat;} .engineering #primarySection h1, .engineering #primarySection h2 {background:url('/templates/images/rc2.gif') top left no-repeat;} .engineering #primarySection h1 span, .engineering #primarySection h2 span {background:url('/templates/images/rc2invert.gif') bottom left no-repeat;} .engineering #primarySection h3 {background:url('/templates/images/rc3.gif') top left no-repeat;} .engineering #primarySection h3 span {color:#324b50; background:url('/templates/images/rc2invert.gif') -1080px 100% no-repeat;} .pharma #primarySection h1, .pharma #primarySection h2 {background:url('/templates/images/rc4.gif') top left no-repeat;} .pharma #primarySection h1 span, .pharma #primarySection h2 span {background:url('/templates/images/rc2invert.gif') bottom left no-repeat;} .pharma #primarySection h3 {background:url('/templates/images/rc5.gif') top left no-repeat;} .pharma #primarySection h3 span {color:#00875A; background:url('/templates/images/rc4invert.gif') -540px 100% no-repeat;} .finance #primarySection h1, .finance #primarySection h2 {background:url('/templates/images/rc-finance.gif') top left no-repeat;} .finance #primarySection h1 span, .finance #primarySection h2 span {background:url('/templates/images/rc-finance-invert.gif') bottom left no-repeat;} .finance #primarySection h3 {background:url('/templates/images/rc-b-finance.gif') top left no-repeat;} .finance #primarySection h3 span {color:#A27C35; background:url('/templates/images/rc-finance-invert.gif') -1080px 100% no-repeat;} /* TEXT */ .textBox { color:#000; line-height:140%; font-size:1.1em; padding:0; width:100%; overflow:hidden; } .textBox a { font-weight:bold; color:#000; } .textBox a:hover { text-decoration:none; } .textBox p { padding:7px; } .textBox ul, ol{ padding:7px 0 7px 35px; } .textBox ul li{ line-height:140%; } .textBox img { border:1px solid #334c51; margin:7px; } .pharma .textBox img { border:1px solid #3c8765; } .finance .textBox img { border:1px solid #a27c35; } .xpe .textBox img { border:1px solid #9e957e; } /* when a vacancy is fulfilled, a little notice will is shown at the top */ .textBox p.fulfilled { color:#ED4822; background-color:#F3F3F3; border:2px solid #999; font-weight:bold; width: 100px; float:left; margin:4px 7px; padding: 10px; text-align: justify; font-size:1.1em; } /* VACANCY LISTING */ .listContainer { padding-bottom:6px; margin-bottom:10px; margin-top:10px; } .finance .listContainer { background:#f1ebe1; } .engineering .listContainer { background:#eaeded; } .pharma .listContainer { background:#c4dbd0; } .xpe .listContainer { background:#e5e2db; } .finance #primarySection .listContainer h1 span { background:url('/templates/images/rc-finance-invert.gif') -540px 100% no-repeat; padding-left:13px; display: block; } .engineering #primarySection .listContainer h1 span { background:url('/templates/images/rc2invert.gif') -540px 100% no-repeat; padding-left:13px; display: block; } .pharma #primarySection .listContainer h1 span { background:url('/templates/images/rc4invert.gif') bottom left no-repeat; padding-left:13px; display: block; } .xpe #primarySection .listContainer h1 span { background:url('/templates/images/rc7invert.gif') -540px 100% no-repeat; padding-left:13px; display: block; } #primarySection .listContainer ul { list-style:none; width:517px; padding:0 8px 0 15px; } #primarySection .listContainer ul li { border-bottom:1px solid #fff; width:100%; float:left; } .xpe #primarySection .listContainer ul li { border-bottom:1px solid #34362c; } #primarySection .listContainer ul li.last, #primarySection .listContainer ul li:last-child{ border:none; } #primarySection .listContainer ul li a { display: block; overflow:hidden; font-size:1.15em; padding:6px 0; width:100%; color:#000; text-decoration:none; min-height:1px; } #primarySection .listContainer ul li a:hover { border:0px solid #000; } #primarySection .listContainer ul li a strong { display: block; width:420px; float:left; cursor:pointer; padding-top:2px; } #primarySection .listContainer ul.extended li a strong { width:340px; padding-left:10px; } #primarySection .listContainer ul li a:hover strong { text-decoration:underline; color:#324b50; } .pharma #primarySection .listContainer ul li a:hover strong { color:#00875a; } .finance #primarySection .listContainer ul li a:hover strong { color:#a27c35; } /* in the vacancy listing, a very short notice is shown */ .listContainer a span.fulfilled { color:#ED4822; font-weight:bold; margin-right:3px; padding:0px; font-size:0.9em; } #primarySection .listContainer ul li a span.readmore { display: block; float:right; font-size:1.05em; font-weight:bold; cursor:pointer; padding:2px 3px; color:#324b50; background:#fff; } #primarySection .listContainer ul li a:hover span.readmore { background:#324b50; color:#fff; } .finance #primarySection .listContainer ul li a span.readmore { color:#a27c35; background:#fff; } .finance #primarySection .listContainer ul li a:hover span.readmore { background:#a27c35; color:#fff; } .pharma #primarySection .listContainer ul li a span.readmore { color:#3b8764; background:#fff; } .pharma #primarySection .listContainer ul li a:hover span.readmore { background:#3b8764; color:#fff; } .xpe #primarySection .listContainer ul li a span.readmore { color:#34362c; background:#b0aea6; } .xpe #primarySection .listContainer ul li a:hover span.readmore { background:#34362c; color:#b0aea6; } #primarySection .listContainer ul.extended li a em { display: block; width:81px; height:26px; margin-top:2px; text-indent:-666em; overflow:hidden; float:left; } #primarySection .listContainer ul.extended li a em.label-finance { background:url('/templates/images/label-finance.gif') top left no-repeat; } #primarySection .listContainer ul.extended li a em.label-engineering { background:url('/templates/images/label-engineering.gif') top left no-repeat; } #primarySection .listContainer ul.extended li a em.label-pharma { background:url('/templates/images/label-pharma.gif') top left no-repeat; } #supplementBox { clear:both; padding:0 8px 0 15px; } #supplementBox p { text-align:center; padding:6px 0; background:#f7f8f8; font-size:1.1em; } .finance #supplementBox p { background:#F7F3ED; } .pharma #supplementBox p { background:#e7f1ec; } .xpe #supplementBox p { background:#f5f3f1; } #supplementBox p a { color:#000; font-weight:bold; } #supplementBox p a:hover { text-decoration:none; } #registerInfoBox, #applyOnlineBox { clear:both; width:530px; height:45px; background:url('/templates/images/banner-bcg.png') top left no-repeat; margin:10px 0 0 8px; } #registerInfoBox p, #applyOnlineBox p { text-align:right; padding:8px 16px 3px 0; } #registerInfoBox a, #applyOnlineBox a { display:block; font-size:1.4em; font-weight:bold; color:#fff; padding-right:20px; text-decoration:none; background:url('/templates/images/bullet3.gif') center right no-repeat; } #registerInfoBox a:hover, #applyOnlineBox a:hover { text-decoration:underline; } #sloganContainer { width:331px; height:112px; overflow:hidden; position:absolute; left:0; bottom:40px; } #sloganContainer h3 { width:331px; height:112px; text-indent:-666em; overflow:hidden; background:url('/templates/images/slogan1.png') bottom left no-repeat; } .finance #sloganContainer h3 { background:url('/templates/images/slogan-finance.png') bottom left no-repeat; } .engineering #sloganContainer h3 { background:url('/templates/images/slogan1.png') bottom left no-repeat; } .pharma #sloganContainer h3 { background:url('/templates/images/slogan2.png') bottom left no-repeat; } .xpe #sloganContainer h3 { background:url('/templates/images/slogan3.png') bottom left no-repeat; } #specialImgContainer { position:absolute; bottom:0; left:343px; } #specialImgContainer img { display: block; } /* LEFT-COL CONTENT @ PORTAL */ #sideContent { width:300px; padding:5px 0 30px 22px; } #sideContent h2 { background:url('/templates/images/rc6.gif') top left no-repeat; color:#fff; font-size:1.4em; font-weight:bold; margin-top:10px; } #sideContent h2 span { background:url('/templates/images/rc6invert.gif') bottom left no-repeat; color:#fff; padding:2px 7px 3px 7px; display: block; } #sideContent p { color:#000; line-height:140%; font-size:1.1em; padding:10px 7px; } #sideContent a { font-weight:bold; color:#000; } #sideContent a:hover { text-decoration:none; } #sideContent ul{ padding:7px 0 7px 35px; } #sideContent ul li{ line-height:140%; font-size:1.1em; } .bannerContainer { border:1px solid #cfcfcf; padding:1px; background:#fff; margin:2px 0 15px 0;} #sideContent .bannerContainer p { background:#d8d5cb; text-align:right; padding:7px 8px 7px 0; } #sideContent .bannerContainer p a { display:block; font-size:1.3em; color:#34362c; text-decoration:none; background:url('/templates/images/bullet5.gif') center right no-repeat; padding-right:21px; } #sideContent .bannerContainer p a:hover { text-decoration:underline; } /* END CONTENT -----------------------------------*/ /*footer -----------------------------------*/ .finance #footer { background:#fff url('/templates/images/brdtop-finance.gif') top repeat-y; padding-top:6px; } .engineering #footer { background:#fff url('/templates/images/brdtop1.gif') top repeat-y; padding-top:6px; } .pharma #footer { background:#fff url('/templates/images/brdtop2.gif') top repeat-y; padding-top:6px; } .xpe #footer { background:#fff url('/templates/images/brdtop3.gif') top repeat-y; padding-top:6px; } #footer .wrapper { margin:0 -4px 0px -3px; background:#fff; padding-top:8px; padding-bottom:15px; } /* #footer .wrapper a.adecco {float:left;} #footer .wrapper a.adecco img {margin:2px;} text-indent:-125px; */ #footer .wrapper p { font-size:0.77em; text-align:center; } #footer .wrapper p a { color: #000; } /*END footer -----------------------------------*/ /* Apply/subscribe online form -----------------------------------*/ #formContainer{ margin:.5em; } form#ApplyOnline { margin:.5em 0; } span.note { color:#333; font-style: italic; font-size:0.9em; } table.eForm th { width: 125px; vertical-align:top; text-align:left; } table.eForm td { width: 155px; white-space:nowrap; } table.eForm textarea { width: 350px; height:150px; } table.eForm input.submitButton { font-weight:bold; font-size:1.2em; margin:0.5em 0; } div.errors { margin:.5em 0; padding:.5em; color:#f00; border:1px solid #f00; } span.requiredSign{ color:#666; padding-left:3px; } /*END Apply/subscribe online form -----------------------------------*/