/*------------------------------------------------------------------ /*------------------------------------------------------------------ [Master Stylesheet] Project: s1 Jobs - 1024 Re-design Version: 1.0 Last change: 07/05/08 Primary use: Website -------------------------------------------------------------------*/ /*------------------------------------------------------------------ GLOBAL -------------------------------------------------------------------*/ * { margin: 0; padding: 0; } /* As usual it’s not always that simple and Safari 2 does apply a 13px base size to fixed width fonts. To overcome this situation you will need to tell Safari to use a base size as a set pixel value, like 16px or 12px. */ body { background:#1d3176 url(../images/sprites/body-bg.jpg) no-repeat center top; color: #00125c; font-family: Arial, Helvetica, sans-serif; font-size:75%; /* 100% font-size default to 16px across major browsers 12/16 * 100 = 75% for a base font size of 12px */ } html>body { font-size: 12px;} /* ignored by IE */ a{text-decoration:none;} h1, h2, h3 { font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } h1 { font-size: 2.0em; /* 24px */ line-height: 1.0em;/* 24 x 1=24px */ margin: 0 0 0.666667em 0; } h1 a:visited{color:#00125c;} h2 { font-size: 1.5em; /* 18px */ line-height:0.89em; /* 18 * 0.89 = 16px*/ margin:0.89em 0; } h3 { font-size: 1.333333em; line-height:1em; margin:1em 0; /* 16x1=16px */ font-weight: bold; } p {line-height:1.333333em; margin:1.333333em 0; font-size:1em;} ul, ol, dl {list-style-image:none;list-style-position:outside;list-style-type:none;} img{border:none;} /* fix for ie bug */ fieldset {border:1px solid #dedede; background-color:#f4f4f4; position:relative;} legend{position:absolute; top:-0.5em; left:0.2em;} /* Grant's new styles for global/generic pages */ .left-inner { padding:10px; } .left-inner ul li { padding: 2px 0 2px 16px; background:transparent url(/ui/images/general/bullet-2.png) no-repeat scroll 0 50%;} .left-inner ul li a { font-weight: normal; color: #0066cc; text-decoration: underline; } .left-inner .search-box { padding: 10px; background: #f4f4f4; border: 1px solid #dedede; } .left-inner .search-box h2 { margin: 0.2em 0px; } .left-inner fieldset { padding: 10px; } .right-inner { width: 300px; } .right-inner ul li { padding: 2px 0 2px 16px; background:transparent url(/ui/images/general/bullet-2.png) no-repeat scroll 0 50%;} .right-inner ul li a { font-weight: normal; color: #0066cc; text-decoration: underline; } .friendly-message { background-color: #E2FBDA; color: #000; margin-bottom: 10px; padding: 10px;} .error-message { background-color: #FFDFDF; color: #000; } /*------------------------------------------------------------------ LINK STYLES -------------------------------------------------------------------*/ a:link{color:#00125c; text-decoration:none; font-weight:bold;} a:visited{color:#666666; font-weight:bold;} a:hover{text-decoration:underline; font-weight:bold;} a:active{color:#333333; font-weight:bold;} /* h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h1 a:hover, h2 a:hover, h3 a:hover, h1 a:active, h2 a:active, h3 a:active{ font-weight:normal; color:#00125c; } */ #search-results-page h1 a:hover{text-decoration:none;} #my-account h3 a:hover{text-decoration:none;} #s1network a{font-weight:normal;} /* footer links */ .high-link:link, .high-link:visited, .high-link:hover, .high-link:active{background:transparent url(../images/general/white-transparency.png) no-repeat 0 -116px; padding:3px; color:#990000; font-weight:bold;} .inline-link:link, .inline-link:visited, .inline-link:hover, .inline-link:active{color:#0066cc;} .small-dd{background:transparent url(../images/general/dropdown-select/dd-left.png) no-repeat scroll 0 0; position:relative; height:14px; padding: 4px 32px 4px 4px; line-height:14px;} .small-dd span{background:transparent url(../images/general/dropdown-select/dd-right.png) no-repeat scroll 0 0; position:absolute; top:0; right:0; margin-right:-3px; width:28px; height:22px;} table.search-results td .small-dd span {margin-right:-3px;} /*------------------------------------------------------------------ UTILITY CLASSES -------------------------------------------------------------------*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Holly Hack Targets IE Win only \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End Holly Hack */ .red-border{border:1px solid #f00;} .green-border{border:1px solid #0f0;} .divider{padding:0 8px;} .align-right{float:right;} .align-left{float:left;} .add-top-margin{margin:1.333333em 0 0 0} .s1j-plain-box{background-color:#f4f4f4; border-top:1px solid #dedede;} .left-label{float:left; margin:2px 15px 0pt 0pt; width:22%;} ul.standard-list li{list-style-image:url(../images/general/bullet.png); padding:2px 0; list-style-position:inside; margin-left:10px;} .status-ok{padding:5px; color:#009900; background-color:#e5f5e5; border:1px solid #009900;} .status-warn{padding:5px; color:#ff9900; background-color:#fff5e5; border:1px solid #ff9900;} .status-error{padding:5px; color:#ff0000; background-color:#ffe5e5; border:1px solid #ff0000;} .or-between{float:left; padding:0 10px;} .bulleted-list li {background:transparent url(../images/general/bullet.png) no-repeat scroll 0pt 50%;border-bottom:1px solid #F4F4F4;padding:4px 0pt 8px 16px;} .normal-bullets ul{list-style-image:none;list-style-position:inside; list-style-type:disc;} .normal-bullets ol{list-style-image:none;list-style-position:inside; list-style-type:decimal;} /*------------------------------------------------------------------ SUCKERFISH DROPDOWN STUFF -------------------------------------------------------------------*/ .dropOptions{ /* all lists */ margin: -2px 0 0 0; list-style: none; line-height: 1em; position:relative; z-index:998; } .dropOptions a { display: block; } .dropOptions li { float: left; padding:4px; } .dropOptions li.dd{ padding:0; white-space:nowrap; overflow: hidden; position:absolute; left:0; top:0; z-index:999; } .dropOptions li.dd li{ padding:2px 0; float:none; white-space: nowrap; overflow: hidden; } .dropOptions a { display: block; text-decoration: none; } .dropOptions li.dd li a { display: block; margin-left: 2px; color: #000; } .dropOptions li.dd li a:hover, .dropOptions li.dd li a.selected { background-color: #00125C; color: #fff; } .dropOptions li ul { /* second-level lists */ position: absolute; background: #fff; border:1px solid #0066cc; padding:0px; overflow:auto; z-index: 999; } .dropOptions li:hover ul, .dropme li.sfhover ul { /* lists nested under hovered list items */ left: auto; } /*------------------------------------------------------------------ LAYOUT -------------------------------------------------------------------*/ #wrapper{background-color:#ffffff; margin: 0 auto 1.333333em auto; padding:0pt 2px 2px; width:980px; position:relative;} #header {background:#a8c8df url(../images/sprites/ui-bg.jpg) no-repeat -2px 0; height:179px;} #content{background:#ffffff url(../images/sprites/ui-bg.jpg) no-repeat -2px -180px; padding:20px 0; min-height:600px; height:600px; height:auto !important;} #mpu-1{padding-left:10px; height:250px; min-height:250px; height:auto !important;} #job-detail-page #content{background-position: -1654px -194px;} /* job detail specifics */ #job-detail-page #left-col{float:left; width:380px; margin-left:10px; display:inline;} /* job detail specifics */ #job-detail-page #job-advert ul{list-style-image:none; list-style-position:inside; list-style-type:disc;} #job-detail-page #job-advert ul {list-style-position: outside;padding-left: 25px;} #job-detail-page #job-advert ul li {padding-bottom: 0.5em;} #job-detail-page #job-advert ul.job-tools {padding-left: 0;} #job-detail-page #job-advert ul.job-tools li {padding-bottom: 0;} #print-logo{display:none;} #left-col{float:left; width:620px; margin-left:20px; display:inline;} #search-results-page #search-results{margin:0 10px;} #right-col{float:right; width:320px; display:inline;} #message-bar{clear:left; line-height:28px; position:relative;} #crm-message{text-align:left; margin: 0pt; line-height: 28px; padding:0 20px; width:860px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #authentication{position:absolute; top:59px; right:16px;} #nav-bar{position:absolute; top:100px; z-index:48;} #logo{float:left; width:258px; margin-right:2px;} #leaderboard-target{position:absolute; top:5px; left:126px;} #skyscraper-target{position:absolute; width:120px; height:600px; top: 199px; background-color:#fff; border:2px solid #fff; margin-left:994px;} #footer{background:#0e1d46 url(../images/sprites/repeating-bg.jpg) repeat-x 0 0; padding: 0 27px; height:107px;} /* forgotten password, sms confirm etc */ .simple-bg #content {background-position:-3618px -194px;} .simple-page-wrapper{width:50%; margin:0 auto; min-height:500px; height:500px; height:auto !important;} .simple-page {padding:20px; background-color:#fff; border:1px solid #dedede;} /*------------------------------------------------------------------ NAVIGATION -------------------------------------------------------------------*/ #nav-menu {width:720px; height:30px; background:url(../images/sprites/menu.png) no-repeat; position:relative; float:left;} #nav-menu, #nav-menu ul { /* all lists */padding: 0;margin: 0;list-style: none;line-height: 1;} #nav-menu a {display: block;width: 100%; height:30px; text-indent:-9999px; overflow:hidden;} #nav-menu li {float: left;width: 100%; height:30px;} /* width needed or else Opera goes nuts */ #nav-menu li.home-nav{width:126px;} #nav-menu li.my-account-nav{width:139px; margin-left:1px;} #nav-menu li.news-guides-nav{width:166px; margin-left:1px;} #nav-menu li.public-sector-nav{width:150px; margin-left:1px;} #nav-menu li.recruiters-nav{width:135px; margin-left:1px;} #nav-menu li.home-nav:hover {background:url(../images/sprites/menu.png) no-repeat 0 -32px; cursor:pointer;} #nav-menu li.my-account-nav:hover {background:url(../images/sprites/menu.png) no-repeat -127px -32px; cursor:pointer;} #nav-menu li.news-guides-nav:hover {background:url(../images/sprites/menu.png) no-repeat -267px -32px; cursor:pointer;} #nav-menu li.public-sector-nav:hover {background:url(../images/sprites/menu.png) no-repeat -434px -32px; cursor:pointer;} #nav-menu li.recruiters-nav:hover {background:url(../images/sprites/menu.png) no-repeat -585px -32px; cursor:pointer;} .home-search #nav-menu li.home-nav a{background:url(../images/sprites/menu.png) no-repeat 0 -64px;} .my-account #nav-menu li.my-account-nav a{background:url(../images/sprites/menu.png) no-repeat -127px -64px;} .news-guides #nav-menu li.news-guides-nav a{background:url(../images/sprites/menu.png) no-repeat -267px -64px;} .public-sector #nav-menu li.public-sector-nav a{background:url(../images/sprites/menu.png) no-repeat -434px -64px;} #sub-menu ul{height:20px;} #sub-menu li{float:left; margin-left:35px; height:20px; line-height:18px;} /*------------------------------------------------------------------ RIGHT COLUMN -------------------------------------------------------------------*/ #recruiter{width:320px;} #recruiter img{margin-right:12px;} /*------------------------------------------------------------------ MAIN SEARCH RESULTS PAGE -------------------------------------------------------------------*/ .job{background-color:#f4f4f4; clear:left; padding-left:10px; border-top:1px solid #dedede;} .odd {background-color:#f9f9f9;} .job li{float:left; overflow:hidden; white-space:nowrap; margin-right:10px; text-overflow:ellipsis; height:42px; line-height:42px;} .no-logo li{height:22px; line-height:22px;} .highlighted-job li{height:42px; line-height:42px;} .highlighted-job li.job-title{width:200px; padding-left:25px;} .featured-job{background:#e2fbda; height:69px; position:relative; margin-bottom:8px;} .featured-job li{line-height:normal; height:auto; margin-top:10px;} table.search-controls{width:100%;} table.search-controls td{padding:4px 0;} table.search-controls td.previous-results{width:20%;} table.search-controls td.next-results{width:20%;} li.job-title{width:225px;} li.job-location{width:70px; color:#666;} li.job-salary{width:114px; color:#666;} li.recruiter{margin-right:0; overflow:hidden; width:145px; text-align:right;} a.recruiter{position:absolute; top:10px; width:145px; text-align:right; overflow:hidden} li.job-description{width:447px; white-space:normal; height:32px; text-overflow:ellipsis; margin-top:0;} .search-controls {background:transparent url(../images/sprites/repeating-bg.jpg) repeat-x scroll 0px -521px;position:relative;z-index:5000;} #popular-searches{padding:0 10px;} .pop-col-1, .pop-col-2{list-style-type:square; list-style-position:inside; float:left; width:49%} /*------------------------------------------------------------------ FOOTER -------------------------------------------------------------------*/ #s1network li{float:left; margin-right:50px; padding-left:50px; margin-top:1.333333em; background:transparent url(../images/general/network-divider.gif) no-repeat 0 50%;} #footer li.first{background:none; padding-left:0;} #s1network li a{color:#01aef0; font-size:1.333333em;} #s1network li a span{font-family:"Arial Black", Arial, Helvetica, sans-serif} #footer-navigation{margin-top:15px;} #copyright{color:#fff; float:left;} #footer-links{float:left; margin-left:50px; display:inline;} #footer-links li{float:right; color:#fff;} #footer-links li span{padding: 0 4px;} #footer-links li a{color:#fff;} #other-sites li{float:left;} #other-sites li a{color:#fff; font-weight:normal;} #other-sites li span{color:#fff;} #footer-navigation li{float:left; color:#fff;} #footer-navigation li.copyright{width:18%;} #footer-navigation li.languages{width:20%;} #footer-navigation li.other-links{width:60%;} #footer-navigation li.languages li{float:left; width:16px; margin-right:10px;} #footer-navigation li.languages a{display:block; width:16px; overflow:hidden; text-indent:-9999px;} #footer-navigation li.languages li.lan-title{width:60px; margin-right:10px;} #footer-navigation li.languages li.lan-cz{background:url(../images/flags/cz.png) no-repeat 0 50%;} #footer-navigation li.languages li.lan-hu{background:url(../images/flags/hu.png) no-repeat 0 50%;} #footer-navigation li.languages li.lan-pl{background:url(../images/flags/pl.png) no-repeat 0 50%;} #footer-navigation li.languages li.lan-sk{background:url(../images/flags/sk.png) no-repeat 0 50%;} #other-sites{margin-top:15px;} #other-sites li{margin-right:10px; padding-left:10px; background:url(../images/general/divider-blue.gif) no-repeat 0 50%;} #other-sites li a{color:#01AEF0;} #footer-links li{margin-right:10px; padding-left:10px; background:url(../images/general/divider-white.gif) no-repeat 0 50%;} /*------------------------------------------------------------------ JOB DETAIL PAGE -------------------------------------------------------------------*/ #job-detail-page #content{background-position: -1652px -180px;} #job-detail-page #left-col{float:left; width:400px; margin-left:19px;} #job-detail-page #right-col{width:540px; padding:0 0 20px 0; margin:0; float:left;} #job-detail-page .job-details{background:transparent url(../images/sprites/ui-bg.jpg) no-repeat -2650px bottom;} #job-detail-page div.seperator{background:transparent url(../images/general/arrow-down.gif) no-repeat scroll 10px 60%;padding:20px 0pt 5px 25px; border-top:1px solid #fff; margin-right:20px;} #job-detail-page .job{width:370px; position:relative;} #job-detail-page .current-job li{color:#fff;} #job-detail-page .current-job a{color:#fff;} #job-detail-page li.job-title{float:none; width:200px;} #job-detail-page .highlighted-job{background-color:#fff;} #job-detail-page .highlighted-job ul { background:transparent url(../images/general/highlight-star.png) no-repeat scroll 0pt 50%; height:44px; overflow:hidden; } #job-detail-page .highlighted-job li.job-location{padding-left:25px;} #job-detail-page li.recruiter{position:absolute; left:225px; top:0; white-space:normal; padding-top:2px;} #job-detail-page li.recruiter img{border:1px solid #666;} #job-detail-page .featured-job a.recruiter{position:absolute; top:2px; width:145px; left:225px; text-align:right; overflow:hidden} #job-detail-page li.job-description{width:100%; font-size:11px;} #job-detail-page .job {height:48px;} #job-detail-page .job li {height:auto; line-height:normal;} #job-detail-page .no-logo{height:auto;} #job-detail-page .no-logo ul{padding:2px 0;} #job-detail-page .no-logo li{height:auto; line-height:normal;} #job-detail-page .highlighted-job li{height:auto; line-height:normal;} #job-detail-page .featured-job{height:auto; line-height:normal; margin-bottom:1px;} #job-detail-page .featured-job li{margin-top:auto;} #job-detail-page .current-job {background:transparent url(../images/sprites/ui-bg.jpg) no-repeat -3200px 0; width:390px; border-top:none; height:48px;} #job-detail-page .search-controls{background:none; height:auto;} #job-detail-page .current-job ul{padding:0;} #job-detail-page .sort-dropdown{left:130px;} #job-detail-page .page-dropdown{left:100px;} /*#job-detail-page a.next{left:300px;}*/ #job-detail-page .location-salary{display:block; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:18px;} #job-detail-page #job-title {margin-top:0; margin-left:16px; clear:left; margin-right:16px;} #job-detail-page h1#job-title img{border:1px solid #666;} #job-detail-page span.job-rec{width:92px; float: right; display: block; text-align: right; font-size:12px; line-height:16px;} /* #job-detail-page span.job-rec .myClogo{ margin-bottom: 3px;} */ #job-detail-page #job-title img{float:right;} #job-detail-page #job-title span.logo{float:right; width:90px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; line-height:16px;} /* when no recruiter image exists */ #job-detail-page .previous-job{width:15%; padding-left:10px; float:left; text-align:left;} #job-detail-page .job-posted{width:60%; float:right; text-align:center;} #job-detail-page .next-job{width:15%; padding-right:10px; float:right; text-align:right;} #job-detail-page #job-advert {padding:0 16px;} /*#job-detail-page #job-advert {padding:5px 16px 0 16px; clear:both;}*/ .job-tools li{float:left; list-style:none;} .job-tools li{width:25%; margin-left:-1px; text-align:center;} .job-tools li span{display:block; height:25px; background:#fff url(/ui/images/sprites/ui-apply-tools.gif) no-repeat 0 -97px; padding-left:3px;} .job-tools li a{display:block; height:25px; background:#fff url(/ui/images/sprites/ui-apply-tools.gif) no-repeat 100% -24px; padding: 0 10px 0 7px;} .job-tools li.job-apply span{background-position: 0 -73px;} .job-tools li.job-apply a{background-position: 0 0;} .job-tools li a{color:#fff; font:bold 12px/25px Arial, Helvetica, sans-serif; text-decoration:none;} .job-tools li a.job-apply.singleButton {border-right: 1px solid #2e2475;} /*# job-detail-page ul.job-tools {height:25px;} #job-detail-page ul.job-tools li {float:left; width:127px; text-indent:-9999px;} #job-detail-page ul.job-tools li a{display:block; width:127px; height:25px; overflow:hidden;} #job-detail-page a.job-apply{background:#fff url(../images/sprites/menu.png) no-repeat 0 -244px;} #job-detail-page a.job-store{background:#fff url(../images/sprites/menu.png) no-repeat -127px -244px;} #job-detail-page a.job-forward{background:#fff url(../images/sprites/menu.png) no-repeat -254px -244px;} #job-detail-page a.job-print{background:#fff url(../images/sprites/menu.png) no-repeat -381px -244px;} #job-detail-page a.job-apply:hover{background-position: 0 -269px;} #job-detail-page a.job-store:hover{background-position: -127px -269px;} #job-detail-page a.job-forward:hover{background-position: -254px -269px;} #job-detail-page a.job-print:hover{background-position: -381px -269px;} */ #jobDescriptionWrapper {clear:left; padding-top:10px;} #job-detail-page #also-applied-for ul li {margin-bottom:10px;} #job-detail-page #also-applied-for ul li span{display:block; color:#666;} #job-detail-page .search-controls-bottom {padding:10px 0;} #job-detail-page #search-controls-footer {padding:0 16px 5px 16px;} #job-detail-page #also-applied-for {width:380px; border-top:1px solid #ccc; background-color:#f5f5f5; margin-top:10px;} #job-detail-page #also-applied-for h3{margin:10px 0; padding:0 10px;} #job-detail-page #also-applied-for ul{padding:0 10px 16px 10px;} #job-detail-page table.search-controls {width:380px;} #job-detail-page table.search-controls td{padding:10px 0;} #job-detail-page table.search-controls td.previous-results{width:100px; float:left; padding-left:10px;} #job-detail-page table.search-controls td.next-results{width:70px; float:right; padding-right:10px;} #job-detail-page .previous-job, #job-detail-page .next-job, #job-detail-page .job-posted{margin:5px 0;} #job-detail-page div#job-detail-controls{background-color:#f4f4f4; margin-bottom:10px; border-bottom:1px solid #dedede;} #job-detail-page #recruiter-profile {margin:0 16px; border-top:1px solid #ccc;} #job-detail-page #search-results{ position:relative; /*display: none;*/ } #job-detail-page #left-column-no-javascript { width: 360px; margin-left: 5px; } #job-detail-page #left-col-loading {text-align:center; position:absolute; z-index:99997;width:380px;height:450px;behavior: url(../images/iepngfix.htc);background:transparent url(../images/general/white-transparency.png) repeat-x; display: none;} #job-detail-page #ajax-loader{margin-top:184px;} #job-detail-page #contact-information{border-top:1px solid #ccc; background-color:#f5f5f5; padding: 0 16px 16px 16px; margin:0 16px;} table#contact-details td{padding: 10px 10px 0 0; vertical-align:top;} table#contact-details td.det-title{width:25%;} /*#job-detail-page #contact-information dt{ color:#00125C; font-weight:bold; float:left; padding-right:3px; width:120px; text-align:right;} #job-detail-page #contact-information dd{ color:#666; float:left; padding-left:3px; clear:right; width:370px; margin-bottom:1.333333em;} #job-detail-page #contact-information .apply-btn{text-align:right;} */ /*------------------------------------------------------------------ JOB DETAIL PAGE - APPLY STUFF -------------------------------------------------------------------*/ #left-col-wrapper {width:380px;} #left-col-wrapper #apply-holder{padding:0 10px 1.333333em 10px;} #left-col-wrapper label.hor-align{text-align: right; margin-right: 10px;float: left;width: 30%; line-height:1.666667em} #left-col-wrapper label.normal{margin-right: 10px;} #left-col-wrapper label.chkbox{margin-left: 10px;} #left-col-wrapper fieldset{border:1px solid #55aaff; padding:10px; background:url(../images/sprites/repeating-bg.jpg) repeat-x -20px -150px; margin:1.333333em 0;} .warning{background:transparent url(../images/sprites/ui-icon-sprite.png) no-repeat 5px 5px; padding: 5px 5px 5px 35px; font-size:0.92em; background-color:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19;} .alert{padding:5px; background-color:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19;} #logged-in-view, #change-view {margin:0 0 1.333333em 0; } #left-col-wrapper #logged-in-view{width:60%; float:left; border-right:1px solid #dedede; } #left-col-wrapper #change-documents {width:35%; float:right; text-align:center; } #logged-in-js-view { display: none;} .cv-tools{border: 1px solid #dedede; margin: 0pt; padding: 5px; background-color:#f4f4f4;} #logged-in-js-view ul{padding:0; margin:0;} #logged-in-js-view ul li{padding:2px 0; margin:0;} #logged-in-default-view ul{padding:0; margin:0;} #logged-in-default-view ul li{padding:2px 0; margin:0;} #forward-holder{width:380px;} #forward-holder form{padding:0 10px;} #covering_letter{font-family:Arial, Helvetica, sans-serif; font-size:12px;} #apply-holder .multi-docs{background-color:#f4f4f4; border:1px solid #dedede;} /*------------------------------------------------------------------ JOB DETAIL PAGE - POST APPLY STUFF -------------------------------------------------------------------*/ #benefits{padding:1.333333em;; border:1px solid #ccc; background-color:#f4f4f4; position:relative;} .close{width:22px; height:22px; position:absolute; top:0; right:0; background-color:#ccc;text-align:center; font-size:16px; font-weight:bold; } .close a{color:#fff; display:block; width:22px; height:22px; text-decoration:none;} #benefits dt{font-weight:bold; background:transparent url(../images/sprites/ui-icon-sprite.png) no-repeat 0 -210px; padding-left:25px;} #benefits dd{color:#666; margin-bottom:1.333333em;} #job-alerts{margin:1.333333em 0;} #job-alerts li{margin:4px} #career-profile-recruiters{margin-bottom:1.333333em; text-align:center;} /*------------------------------------------------------------------ INTERFACE BUTTONS -------------------------------------------------------------------*/ .buttons a, .buttons button{ display:block; float:left; margin:0 7px 0 0; background:#f5f5f5 url(../images/sprites/repeating-bg.jpg) repeat-x 0 -365px; border:1px solid #1656aa; border-top:1px solid #2f82e8; border-left:1px solid #2f82e8; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#fff; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } .buttons a.high-btn, .buttons button.high-btn{ background-position: 0 -417px; border:1px solid #a61b15; border-top:1px solid #e72e2e; border-left:1px solid #e72e2e; } .buttons a#jump-link.high-btn{ background-image:url(../images/sprites/repeating-bg-green.jpg); background-position: 0 -417px; border:1px solid #254f00; border-top-color:#c3d5ad; border-left-color:#c3d5ad; } .buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } .buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ } .buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } /* STANDARD */ button:hover, .buttons a:hover{ background:#0066cc url(../images/sprites/repeating-bg.jpg) repeat-x 0 -390px; border:1px solid #1656aa; border-top:1px solid #2f82e8; border-left:1px solid #2f82e8; color:#fff; } buttons.high-btn:hover, .buttons a.high-btn:hover{ background-position: 0 -443px; border:1px solid #a61b15; border-top:1px solid #e72e2e; border-left:1px solid #e72e2e; color:#fff; } .buttons a#jump-link.high-btn:hover{ background-position: 0 -443px; border:1px solid #254f00; border-top-color:#c3d5ad; border-left-color:#c3d5ad; color:#fff; } /* SPECIFIC STYLES FOR MY ACCOUNT */ #my-account .buttons a, #personalisation .buttons a { color:#fff; margin-right:5px; padding: 2px 5px 3px 4px; } #my-account .buttons button { margin-right:5px; } .buttons a:active{ background:#f5f5f5 url(../images/sprites/repeating-bg.jpg) repeat-x 0 -365px; border:1px solid #6299c5; color:#fff; } .buttons a.high-btn:active {background-position: 0 -443px;} .buttons a.remove-btn-style:link{border:none; background:none; color:#00125c; padding-right:0;} .buttons a.remove-btn-style:visited{color:#666;} .buttons a.remove-btn-style:hover{text-decoration:underline;} .buttons a.remove-btn-style:active{color:#333;} /* ROUNDED BUTTON */ .clear { /* generic container (i.e. div) for floating buttons */ /*overflow: hidden;*/ width: 100%; } a.rounded-button { background: transparent url(../images/sprites/menu.png) no-repeat top right; color: #fff; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; padding-right: 12px; /* sliding doors padding */ text-decoration: none; } a.rounded-button span { background: transparent url(../images/sprites/menu.png) no-repeat 0 -156px; display: block; line-height: 14px; padding: 5px 0 5px 12px; font-weight:bold; } .next-results a.rounded-button { float:right; } /*------------------------------------------------------------------ LOGIN FORM STUFF -------------------------------------------------------------------*/ #sign-in-modal { display: none; } #login-form .close{top:4px; right:4px;} #login-box{float:left; width:220px; display:inline;} #signup-teaser { background-color:#FFFFFF; border:1px solid #DEDEDE; float:right; margin-right:22px; padding:10px; text-align:center; display:inline; } #signup-teaser h3{margin:0 0 10px 0;} #login-box input.textinput{width:100%;} .flora .ui-dialog, .flora.ui-dialog { border:1px solid #ccc; background:url(../images/general/white-transparency.png) repeat 0 0; padding:10px; } .flora .ui-dialog-container { border:1px solid #ccc; background-color:#f4f4f4; } .flora .ui-dialog .ui-dialog-titlebar, .flora.ui-dialog .ui-dialog-titlebar { position:relative; padding: 0px; height: 28px; _height: 29px; } .flora .ui-dialog.ui-draggable .ui-dialog-titlebar, .flora.ui-dialog.ui-draggable .ui-dialog-titlebar { /*cursor: move;*/ } .flora .ui-dialog .ui-dialog-titlebar-close, .flora.ui-dialog .ui-dialog-titlebar-close { display:block; width: 22px; height: 22px; background-color:#ccc; position:absolute; top: 0; right: 0; cursor: default; text-align:center; text-decoration:none; cursor:pointer; } .flora .ui-dialog .ui-dialog-titlebar-close span, .flora.ui-dialog .ui-dialog-titlebar-close span { /*display: none;*/ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; font-weight:bold; line-height:22px; } .flora .ui-dialog .ui-dialog-titlebar-close-hover, .flora.ui-dialog .ui-dialog-titlebar-close-hover { background-color:#666; text-decoration:none; } .flora .ui-dialog .ui-dialog-title, .flora.ui-dialog .ui-dialog-title { margin-left: 5px; color: #00125C; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; /*position: relative; top: 4px; left: 4px;*/ } .flora .ui-dialog .ui-dialog-content, .flora.ui-dialog .ui-dialog-content { /*margin: 1.2em;*/ } .flora .ui-dialog .ui-dialog-buttonpane, .flora.ui-dialog .ui-dialog-buttonpane { position: absolute; bottom: 8px; right: 12px; width: 100%; text-align: right; } .flora .ui-dialog .ui-dialog-buttonpane button, .flora.ui-dialog .ui-dialog-buttonpane button { margin: 6px; } /*------------------------------------------------------------------ DEBUG OUTPUT DIV -------------------------------------------------------------------*/ #debug-output { margin-top: 10px; position: absolute; } #debug-output h1 { margin-left: 10px; } #debug-content { width: 600px; height: 400px; overflow: auto; display: none; background-color: #fff; border: 3px solid #1191BB; } #debug-content ul { border-bottom: 1px solid #ccc; padding: 10px; } #debug-content ul li { padding: 3px 0px; } .debug-odd { background-color: #C9DCEA; } /*------------------------------------------------------------------ FORM RELATED STUFF - this stuff has been appropriated from the wufoo.com form gallery -------------------------------------------------------------------*/ .s1js li{ width:100%; } form ul{ margin:0; padding:0; list-style-type:none; width:100%; font-size:100%; } form li{ margin:0; padding:4px 5px 2px 9px; position:relative; clear:both; } form li:after, .buttons:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } form li, .buttons{display: inline-block;} * html form li, * html .buttons{height: 1%;} form li, .buttons{display: block;} * html form li div{ display:inline-block; } form li div, form li span{ margin:0 4px 0 0; padding:0 0 8px 0; color:#444; } form li span{ float:left; } form li div.address{ padding-bottom:0; } form li div.left{ display:inline; float:left; width:47%; } form li div.right{ display:inline; float:right; width:47%; } .clear{ clear:both !important; } /* ----- INFO ----- */ .info{ display:inline-block; clear:both; border-bottom:1px dotted #ccc; margin:0 0 1em 0; } .info[class]{ display:block; } .info h2{ font-weight:normal; font-size:160%; margin:0 0 3px 0; clear:left; } .info p{ font-size:95%; line-height:135%; margin:0 0 12px 0; } /* ----- SECTIONS ----- */ form hr{ display:none; } form li.section{ border-top:1px dotted #ccc; margin-top:9px; padding-top:13px; padding-bottom:0px; padding-left:9px; width:97% !important; } form ul li.first{ border-top:none !important; margin-top:0px !important; padding-top:0px !important; } form .section h3{ font-weight:normal; font-size:110%; line-height:135%; margin:0 0 2px 0; } form .section p{ /* font-size:85%; cc 25/07/08 */ font-size:100%; margin:0 0 10px 0; } /* ----- FIELDS AND LABELS ----- */ label.desc{ line-height:150%; padding:0 0 1px 0; border:none; color:#00125C; display:block; /*font-size:95%;*/ font-weight:bold; } form li div label, form li span label{ margin:0; padding-top:3px; clear:both; font-size:9px; line-height:9px; color:#444; display:block; } input.text, input.file, textarea.textarea, select.select{ margin:0; font-size:100%; color:#333; font-family:Arial, Helvetica, sans-serif; } input.text, textarea.textarea, .firefox select.select{ border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(../images/forms/fieldbg.gif) repeat-x top; } input.text, input.file{ padding:2px 0 2px 0; } label.choice{ font-size:100%; display:block; line-height:1.5em; margin:-1.65em 0 0 20px; padding:.44em 0 .5em 0; color:#00125C; width:100%; } input.checkbox, input.radio{ display:block; line-height:1.5em; margin:.6em 0 0 3px; width:13px; height:13px; } textarea.textarea{ font-family:"Lucida Grande", Tahoma, Arial, sans-serif; } select.select{ font-family:"Lucida Grande", Tahoma, Arial, sans-serif; margin:1px 0; padding:1px 0 0 0; } select.select[class]{ margin:0; padding:1px 0 1px 0; } *:first-child+html select.select[class]{ margin:1px 0; } .safari select.select{ margin-bottom:1px; font-size:120% !important; } span.symbol{ font-size:115%; line-height:130%; } form li .datepicker{ float:left; margin:.1em 5px 0 0; padding:0; width: 16px; height: 16px; cursor:pointer !important; } /* ----- BUTTONS ----- */ /* input.btTxt{ padding:0 7px; width:auto; overflow:visible; } .buttons{ clear:both; margin-top:10px; } .buttons input{ font-size:120%; margin-right: 5px; } */ /* ----- TEXT DIRECTION ----- */ .rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, .rtl div label, .rtl span label, .rtl input.text, .rtl textarea.textarea, .rtl select.select, .rtl p.instruct, .rtl .section h3, .rtl .section p, .rtl input.btTxt{ direction:rtl; } /* ----- SIZES ----- */ .third{ width:32% !important; } .half{ width:48% !important; } .full{ width:100% !important; } input.small, select.small{ width:25%; } input.medium, select.medium{ width:50%; } input.large, select.large, textarea.textarea{ width:100%; } textarea.small{ height:5.5em; } textarea.medium{ height:10em; } textarea.large{ height:20em; } /* ----- ERRORS ----- */ #errorLi{ width:99%; margin:0 auto; background:#fff; border:1px dotted red; margin-bottom:1em; text-align:center; padding-top:4px; padding-left:0px; padding-right:0px; } #errorMsgLbl{ margin:7px 0 5px 0; padding:0; font-size:125%; color:#DF0000; } #errorMsg{ margin:0 0 .8em 0; color:#000; font-size:100%; } #errorMsg strong{ background-color: #FFDFDF; padding:2px 3px; color:red; } form li.error{ display:block !important; background-color: #FFDFDF !important; margin:3px 0; } form li.error label{ color:#DF0000 !important; } form p.error{ display:none; color:red; font-weight:bold; font-size:10px; margin:-2px 0 5px 0; clear:both; } form li.error p.error{ display:block; } /* Added C.Clark 26/06/08 */ form p.s1js-error{ display:block; color:red; font-weight:bold; font-size:11px; margin:-2px 0 5px 0; clear:both; } /*////////////////////// */ .leftLabel p.error, .rightLabel p.error{ margin-left:30%; padding-left:15px; } .noI .leftLabel p.error, .noI .rightLabel p.error{ margin-left:35%; padding-left:15px; } form li.warn label{color:#DF0000 !important;} form p.warn{border:1px solid #FFDFDF; padding:10px; margin:0;} /* ----- REQUIRED ----- */ form .req{ float:none; color:red !important; font-weight:bold; margin:0; } /* ----- INSTRUCTIONS ----- */ form li.focused{ background-color:#f4f4f4; } form .instruct{ position:absolute; top:0; left:100%; z-index:1000; width:42%; margin:0 0 0 8px; padding:8px 10px 9px 10px; border:1px solid #e6e6e6; background:#f5f5f5; line-height:130%; font-size:80%; color:#666; visibility:hidden; } form .instruct small{ font-size:105%; } form li.focused .instruct, form li:hover .instruct{ visibility:visible; } /* ----- ALT INSTRUCTIONS ----- */ li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{ visibility:visible; position:static; margin:-2px 0 0 0; padding:0 0 7px 0; background:none; border:none; width:100%; font-size:11px; clear:left; } /* ----- LABEL LAYOUT ----- */ .leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{ width:74% !important; padding-top:9px; } .leftLabel .small, .rightLabel .small{ width:17%; } .leftLabel .medium, .rightLabel .medium{ width:35%; } .leftLabel .large, .leftLabel textarea.textarea, .rightLabel .large, .rightLabel textarea.textarea, .leftLabel .address, .rightLabel .address{ width:64%; } * html .leftLabel .small, * html .rightLabel .small{ width:23%; } * html .leftLabel .medium, * html .rightLabel .medium{ width:55%; } * html .leftLabel .large, * html .leftLabel textarea.textarea, * html .rightLabel .large, * html .rightLabel textarea.textarea{ width:97%; } .leftLabel label.desc, .rightLabel label.desc{ float:left; width:30%; margin:2px 15px 0 0; } .rightLabel label.desc{ text-align:right; } .leftLabel .address, .rightLabel .address{ float:left; } .leftLabel p.instruct, .rightLabel p.instruct{ width:27%; margin-left:5px; } .leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{ margin-left:30% !important; padding-left:15px; width:65%; } .leftLabel label.alignTextRight { text-align:right; } /* .leftLabel .buttons, .rightLabel .buttons{ margin-left:15px; } .leftLabel .buttons input, .rightLabel .buttons input{ margin-left:30%; } */ /* ----- NO INSTRUCTIONS ----- */ .noI .instruct{ display:none !important; } .noI form li, .noI form li.buttons{ width:97% !important; } .noI form li.section{ padding-left:9px !important; } /* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */ .noI .leftLabel .large, .noI .leftLabel textarea.textarea, .noI .rightLabel .large, .noI .rightLabel textarea.textarea, .noI .leftLabel .address, .noI .rightLabel .address{ width:60%; } * html .noI .leftLabel .small, * html .noI .rightLabel .small{ width:23%; } * html .noI .leftLabel .medium, * html .noI .rightLabel .medium{ width:55%; } * html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea, * html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea{ width:97%; } .noI .leftLabel label.desc, .noI .rightLabel label.desc{ width:35%; } .noI .leftLabel .buttons input, .noI .rightLabel .buttons input{ margin-left:35%; } /* ----- FIELD FLOATING ----- */ form li.leftHalf, form li.rightHalf{ width:46% !important; } li.leftHalf{ clear:left; float:left; } li.rightHalf{ clear:none; float:right; } li.leftHalf .medium, li.rightHalf .medium, li.leftHalf .small, li.rightHalf .small{ width:100%; } /*------------------------------------------------------------------ MY ACCOUNT WIDGET LAYOUT STUFF -------------------------------------------------------------------*/ ul.my-docs {margin-top:10px; padding-left:10px;} ul.my-docs li{float:left; margin-bottom:5px; } ul.my-docs li.document-name{width:46%; line-height:30px; background:transparent url(/ui/images/sprites/ui-icon-sprite.png) no-repeat scroll 0pt -595px; padding-left:25px;} ul.my-docs li.set-default{width:24%;} ul.my-docs li.delete-doc{width:24%;} #my-account #left-col {width:620px; margin-left:20px;} #my-account #right-col{margin-top:20px;} .widget-footer-pad{padding-top:9px;} .widget-block { position:relative; margin: 20px 0; background: #fff; } .big-widget-block { width: 620px; } .small-widget-block { width: 300px; } .widget-utils p.widget-edit{position:absolute; right:17px; top:17px; margin:0;} #right-col .widget-utils p.widget-edit{top:14px;} .widget-utils p.widget-minimise{position:absolute; top:24px; left:17px; margin:0;} .widget-utils p.widget-minimise a{ background:transparent url(../images/sprites/ui-icon-sprite.png) no-repeat scroll 0 -570px; width:12px; height:6px; overflow:hidden; display:block; } .widget-block h3 { position:relative; background:transparent url(../images/sprites/ui-my-account.gif) no-repeat 0 0; height:49px; margin: 0; cursor: move; line-height:48px; padding: 0 17px 0 34px; } #personalisation .widget-block h3 { cursor: auto; } #right-col .widget-block h3 { background-position:0 -1130px; height:46px; } .widget-title { width:203px; float:left; } table.widget-results {width: 100%;} table.widget-results td{padding:5px;} table.widget-results td.ja-title{width:243px;} table.widget-results td.ja-location{width:80px;} table.widget-results td.ja-salary{width:69px;} table.widget-results td.ja-recruiter{width:162px;} table.widget-results td.ja-title span{width:243px;} table.widget-results td.ja-location span{width:80px;} table.widget-results td.ja-salary span{width:69px;} table.widget-results td.ja-recruiter span{width:162px;} table.widget-results td span{display:block; overflow:hidden; white-space:nowrap;} ul.widget-results{padding:10px;} .career-profile li{padding: 4px 0;} .widget-footer { background: transparent url(../images/sprites/ui-my-account.gif) no-repeat 0 -49px; height:42px; line-height:42px; padding:0 17px; } #right-col .widget-footer { background-position:0 -1180px; } .widget-bottom-shadow { background: transparent url(../images/sprites/ui-my-account.gif) no-repeat 0 -91px; height:7px; overflow:hidden; } #right-col .widget-bottom-shadow { background: transparent url(../images/sprites/ui-my-account.gif) no-repeat 0 -1222px; height:5px; overflow:hidden; } .widget-content-inner, #widget-job-alert-form, #widget-document-add-form{ padding:0 8px; background:transparent url(../images/sprites/ui-my-account.gif) no-repeat 0 -100px; } #right-col .widget-content { background:transparent url(../images/sprites/ui-my-account.gif) no-repeat 0 -1230px; padding:0 7px 0 5px; } .widget-section { background: #f4f4f4; padding:5px 9px; border-top: 1px solid #fff; border-bottom: 1px solid #dedede; } .widget-section-no-setup { background: #ffffff; padding:5px 9px; } .widget-section-sub { background: #f4f4f4; border-top: 1px solid #fff; border-bottom: 1px solid #dedede; padding:5px 9px; } .sub-top { border-top: 1px solid #dedede; } .widget-delete { display: block; float: right; } .widget-control li.email-settings{ background:none; padding-left:0; } .widget-control li{ float: left; margin-right:10px; padding-left:10px; display:inline; } .widget-control li.control-divider{ background:transparent url(../images/my-account/job-alert-divider.gif) no-repeat scroll 0 0; } .widget-control a.rss{ background:transparent url(../images/sprites/ui-icon-sprite.png) no-repeat scroll 100% -530px; padding-right:20px; } .widget-plus-minus { position:relative; } .widget-plus-minus a{ position:absolute; width:16px; height:16px; overflow:hidden; } span.hide { position:absolute; text-indent:-9999px; } .widget-plus-minus a.add { background:transparent url(../images/sprites/ui-icon-sprite.png) no-repeat scroll 0 -440px; right:22px; } .widget-plus-minus a.remove { background:transparent url(../images/sprites/ui-icon-sprite.png) no-repeat scroll 0 -480px; right:4px; } form { padding: 0; margin: 0; } #widget-job-alert-form { padding:8px 16px; } #widget-document-add-form { padding:8px 17px; } .widget-job-title {width:514px; background:transparent url(../images/my-account/double-arrow.gif) no-repeat scroll 0 50%; padding-left:20px;} .widget-job-alert-item li {float:left;} /* .widget-job-alert-item li.widget-document-title{width:360px; background:transparent url(../images/sprites/ui-icon-sprite.png) no-repeat 0 -600px; padding-left:25px;} */ .widget-job-alert-item li.widget-document-title_doc{width:360px; background:transparent url(../images/sprites/ui-icon-sprite.png) no-repeat 0 -600px; padding-left:25px;} .widget-job-alert-item li.widget-document-title_pdf{width:360px; background:transparent url(../images/sprites/ui-icon-sprite.png) no-repeat 0 -630px; padding-left:25px;} .widget-job-alert-item li.widget-cv-status{width:124px;} .widget-job-alert-item li.del-btn{float:left; width:62px;} .widget-job-alert-item li button{margin:0;} .widget-section li{line-height:20px;} .widget-section-sub li{line-height:20px;} .widget-section-sub .pdf-doc{background-position: 0 -630px;} .widget-cv-status{width:211px;} .default-cv{color:#990000;} .widget-hover { border:1px dashed #0066CC; } #account-info { padding-top:8px; } #account-info dt { color:#00125C; font-weight:bold; float:left; padding-right:3px; width:38%; text-align:right; line-height:16px; } #account-info dd { color:#666; float:left; padding-left:3px; clear:right; width:58%; line-height:16px; } .widget-edit-panel { background-color:#dedede; padding:4px; margin-bottom:1px; } #widget-recruiter-logos { padding:4px 0; } #widget-recruiter-logos li { float:left; padding-left:4px; } .core-skill span { width:48%; padding:0; } #widget-job-alert-form input.medium, #widget-job-alert-form select.medium { width:48%; } #widget-job-alert-form label.choice { padding:0.44em 0 0 0; } #widget-job-alert-form label.desc { clear:left; } #widget-job-alert-form a.more-options { margin-left:40px; } .info-title { width:100px; display:block; float:left; text-align:right; font-weight:bold; } #account-info { margin-left:17px; } #account-info li { margin-bottom:8px; } #personalisation .widget-minimise { display:none; } #closingReminderStatus { font-weight: bold; color: red; float: none; } #closingReminderStatus.on { color: green; } #save-application-settings-container{ display: none; } /*------------------------------------------------------------------ APPLICATION NOTES -------------------------------------------------------------------*/ #applicationNotesLeftColWrapper { padding: 10px 30px 10px 10px; } .dataTitle { padding: 0; margin: 0; display: block; font-weight: bold; margin-top: 5px; float: none; } #coveringLetter { border: 1px solid #ccc; background: #f4f4f4; padding: 10px; } #applicationNotes{ display: none; } #applicationNotesTextarea { width: 90%; height: 150px; padding: 5px } /*------------------------------------------------------------------ PRIORITY SECTOR STUFF -------------------------------------------------------------------*/ #priority-sector .leftLabel label.desc {width:24%;text-align:right;} #priority-sector .leftLabel li {padding-top:0;width:100% !important;} .specialist-search {position:relative; padding:10px;height:220px;} .sector-image {width:297px;height:187px;float:left;background:transparent url(../images/sprites/ui-nav-sprite.png) no-repeat scroll 0 -584px;position:relative;} .sector-image img {position:absolute;left:11px;top:11px;} #sector-text {padding:0 10px;} #sector-text img {float:right;padding:0 0 4px 4px;} .heading-alt {background-color:#f4f4f4;border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:8px 10px;} .news-item {width:25%;text-align:center;float:left;} .news-title {margin:0;padding:2px 4px;} .sector-items {padding:0 10px 20px 10px; margin-top:16px;} .sector-items ul {width:24%;float:left;} #search-results-page .sector-items ul {width:46%;float:left;} .sector-items ul li { list-style-image:none; background:url(../images/general/bullet.png) no-repeat 0 50%; padding-left:10px;} .col-job-detail {width:70%;padding:4px;} .col-recruiter{width:30%;} #latest-jobs{width:300px;} /*------------------------------------------------------------------ NEWS AND GUIDES STUFF -------------------------------------------------------------------*/ #news-guides .news-index {padding:10px;} #news-guides .cite{color:#666; margin-bottom:16px;} #news-guides .news-next{width:46%; text-align:right; float:right;} #news-guides .news-next a.rounded-button {float:right;} #news-guides .news-previous{width:46%; text-align:left; float:left;} #news-guides .news-index dd.teaser{margin:5px 0;} .author-copyright dt, .author-copyright dd{float:left; width:50%; } .author-copyright dt {font-weight:bold;} .author-copyright dd {text-align:right; color:#666; margin-bottom:12px;} .author-copyright .copyright{display:block; color:#00125c;} #news-item-list {background-color:#fff; border-top:1px solid #dedede; width:300px;} #news-item-list ul{padding:10px;} #news-item-list ul li {padding:4px 0 8px 16px; border-bottom:1px solid #f4f4f4; background:transparent url(../images/general/bullet-2.png) no-repeat scroll 0 50%;} #news-item-list ul li a{color:#0066cc;} #news-item-list h2{margin:10px 0 0 0; padding:0 10px;} .news-item img{padding:1px; border:1px solid #dedede;} #news-item-list .news-next{padding-right:10px;} #news-item-list .news-previous{padding-left:10px;} .news-image {width:234px; height:174px; padding:2px; background-color:#fff; border:1px solid #dedede; float:left; margin:0 8px 4px 0;} .pullquote {background:transparent url(../images/general/close-quote.gif) no-repeat scroll right bottom !important;float:right;font-size:1.5em;line-height:140%;margin:10px;padding:0px 25px 5px 0px;width:25%;} .pullquote:first-letter {background: url(../images/general/open-quote.gif) no-repeat left top !important;padding:5px 2px 10px 35px!important;padding /**/:0px; /* resetting padding in IE5+ */background /**/: url(); /* removing quote graphic in IE5+ */} .author_field{font-size:0.9em;} .article_author_field{color:#00125C;} /*------------------------------------------------------------------ REGISTRATION FORM -------------------------------------------------------------------*/ #registration h1 {margin-top:0;} #registration .registration-form{padding:10px;} #registration .registration-form .left-label{float:left; margin:2px 15px 0pt 0pt; width:18%;} #registration #email-format p{padding-left:20px;} #registration #email-format div{width:32%; float:left;} .forgot-password{line-height:24px; padding-left:10px;} #remember-me{padding-top:16px;} #registration #reasons-to-join h3 {margin-top:0; background:#fff url(../images/sprites/ui-titles.gif) no-repeat scroll 0 0; height:19px; overflow:hidden; text-indent:-9999px;} #registration #reasons-to-join h3.reg-job-alerts {background-position: 0 -100px;} #registration #reasons-to-join h3.reg-app-management {background-position: 0 -200px;} #registration #reasons-to-join h3.reg-personalisation {background-position: 0 -300px;} #registration #reasons-to-join {padding:10px; background-color:#FFFFFF; margin-right:20px;} #registration #reasons-to-join ul {margin-bottom:20px;} #registration #reasons-to-join ul li {background:transparent url(../images/general/bullet.png) no-repeat scroll 0pt 50%; border-bottom:1px solid #F4F4F4; padding:2px 0 2px 16px;} /*------------------------------------------------------------------ ACCOUNT SETTINGS FORM -------------------------------------------------------------------*/ .account-settings h1{margin-top:0;} .account-settings .account-settings-form{padding:10px;} .account-settings .account-settings-form .left-label{float:left; margin:2px 15px 0pt 0pt; width:18%;} .account-settings #email-format p{padding-left:20px;} .account-settings #email-format div{width:32%; float:left;} .account-settings h3.section-title {font-weight:bold; padding-bottom:8px;} /*------------------------------------------------------------------ MY ACCOUNT NON-JS -------------------------------------------------------------------*/ .njs-job-alert .add-job-alert{width:46%; float:left; border:1px solid #dedede; background-color:#f4f4f4; margin-left:10px;} .njs-job-alert .email-prefs{width:46%; float:left; border:1px solid #dedede; background-color:#f4f4f4; margin-left:20px;} .njs-job-alert .job-alert-form{padding:10px;} .njs-job-alert h3{margin:10px;} .njs-job-alert form li div, .njs-job-alert form li span {padding:0;} .njs-manage-docs td {padding:2px;} /*------------------------------------------------------------------ HOME PAGE -------------------------------------------------------------------*/ #home-page .search-form {width:300px; background:transparent url(../images/general/white-transparency.png) repeat scroll 0 0;padding:10px;} #home-page .search-form .left-label{float:left; margin:2px 15px 0pt 0pt; width:65px;} #home-page .search-form li{padding:0 0 1px 0; margin:0;} #home-page #home-search-btn{float: right;} #home-page #content{height:600px; min-height:600px; height:auto !important; padding:10px 0;} /* #home-page .pic00 {background:url(../images/home-page/content-default.jpg) repeat-x 0 0;} #home-page .pic01 {background:url(../images/home-page/seagulls.jpg) no-repeat 0 0;} #home-page .pic02 {background:url(../images/home-page/yellow-lady.jpg) no-repeat 0 0;} #home-page .pic03 {background:url(../images/home-page/guy-phone.jpg) no-repeat 0 0;} */ #home-page .pic00, #home-page .pic01, #home-page .pic02, #home-page .pic03 {background:url(../images/home-page/danny_macaskill.jpg) repeat-x 0 0;} #home-page #left-col{width:620px; float:left;} #home-page #left-col h1{margin:0 0 8px 0; color:#fff;} #home-page #right-col{width:320px; float:left; margin-left:10px;} #home-page form li div, #home-page form li span {margin:0;padding:0 2px;} #home-page input.medium, #home-page select.medium {width:210px;} #home-page input.keywords{width:206px;} #home-page .sector-items{margin-top:220px;} /*remember to remove ie.css specific styles when returning the puff back to normal*/ /*#home-page .account-preview{width:234px; height:167px;display: block;position: absolute;top: 0px;right: -10px; background: url(../images/home-page/my-account-preview.png) no-repeat;}*/ /*#home-page .account-preview{width:248px; height:136px;display: block;position: absolute;top: 2px;right: 0px; background: url(../images/twitter-hp.png) no-repeat;}*/ /*#home-page .account-preview{width:248px; height:136px;display: block;position: absolute;top: 2px;right: 0px; background: url(../images/danny-hp.png) no-repeat;}*/ #home-page .home-feature-puff{width:258px; height:167px;display: block;position: absolute;top: 2px;right: 0px; background: url(../images/mobile.gif) no-repeat bottom left;} #home-page .home-feature-puff h2{margin-top: 0;} #home-page .home-feature-puff .feature-puff-content{padding-left: 115px; font-size: 0.9em;} #home-page .home-feature-puff .feature-puff-content p{margin: 0; padding: 10px 0 3px 0} /* #home-page .account-preview {width: 234px; position: absolute; right: 10px; top: -3px; background: url(../images/home-page/new-ribbon.gif) no-repeat 180px 40px;} #home-page .account-preview h2 {margin-top: 0; text-indent: -11000em; background: url(../images/home-page/instant-job-alerts-header.png) no-repeat; height: 20px; width: 230px;} #home-page .account-preview ul {width: 180px;} #home-page .account-preview ul li {margin-bottom: 8px; background:transparent url(../images/general/bullet.png) no-repeat scroll 0 4px; list-style-image:none; padding-left:10px;} #home-page .account-preview a { position: absolute; top: 0; left: 0; height: 135px; width: 234px; text-indent: -11000em; outline: none !important; display: block; z-index: 10;}*/ #home-page .recruiter-logos{padding-left:10px; padding-bottom:10px;} #home-default{position:relative;} #home-default h2.member-title{margin:24px 0;} ul.become-member li strong{display:block;} ul.become-member li{line-height: 1.2em; margin: 0; padding: 0 0 1.2em 20px; background:url(../images/general/tick.gif) no-repeat 0 0.6em; width:50%;} ul.become-member li.buttons{background:none;} ul.become-member li.app-history{margin-top: -10.8em;} ul.become-member li.free-account, ul.become-member li.job-alerts, ul.become-member li.store-cv{margin-left: 0em;} ul.become-member li.app-history, ul.become-member li.career-profile, ul.become-member li.register-now{margin-left: 16em;} #home-default #news-block {position:relative; left:0; top:0; width:100%;} #register-btn{margin-left:220px; position:relative;} #recruiter-logo-holder, #recruiter-logo-holder2, #recruiter-logo-holder3 {background:transparent url(../images/sprites/ui-bg.jpg) no-repeat -3200px bottom;} .recruiter-logos li{float:left; margin:11px 11px 0 0;} .recruiter-logos li img{width:90px; height:42px; border:1px solid #666666; } .s1play-puff {background:transparent url(http://www.s1play.com/images/s1play-ext-puff.gif) no-repeat scroll 0%;height:130px;margin-top:10px;position:relative;width:300px; margin-left:10px;} .s1play-puff select {bottom:14px;color:#000000;font-size:10px;left:14px;position:absolute;width:130px;} .s1play-puff p {margin:0pt; padding:0pt; text-indent:-9999em;} #post-a-job{padding:10px; position:relative; margin:10px 0; overflow:auto} #post-a-job h2{margin:0 0 10px 0;} #post-a-job ul li{line-height:23px; margin-bottom:4px;font-weight:bold;} #post-a-job ul li span{width:35px; display:block; float:left; margin-right:10px;} #post-a-job ul li span.visa{background:url(../images/sprites/ui-icon-sprite.png) no-repeat 0 -860px;} #post-a-job ul li span.mastercard{background:url(../images/sprites/ui-icon-sprite.png) no-repeat 0 -900px;} #post-a-job ul li span.maestro{background:url(../images/sprites/ui-icon-sprite.png) no-repeat 0 -940px;} #post-a-job .sticker{background:url(../images/general/price-badge.png) no-repeat; display:block; width:65px; height:64px; position:absolute; top:0; right:10px;} a#linkPostAJob{text-decoration:underline;} a#linkMoreInfoPostAJob{text-decoration:underline; display:block; text-align:right} .forceCursor {cursor:hand; cursor: pointer;} /* use for clickable elements through jquery */ /* HOME PAGE LOGGED IN BUT NO SETUP */ #home-no-setup #news-block{position:static;} #job-alert-box h2{margin:0; background:#f4f4f4 url(../images/home-page/be-first-title.gif) no-repeat center right;} #career-profile-box h2{margin:20px 0 0 0; background:#f4f4f4 url(../images/home-page/increase-your-title.gif) no-repeat center right;} ul.reason-items{width:75%; float:left; margin-bottom:10px; } ul.reason-items li{background:url(../images/general/bullet.png) no-repeat 0 50%; padding-left:10px; margin-left:10px;} #job-alert-btn{float:right; width:24%; text-align:center; background:url(../images/home-page/doodle-bird.gif) no-repeat 50% 0; padding-top:88px;} #career-profile-btn{float:right; width:24%; text-align:center; background:url(../images/home-page/doodle-monkey.gif) no-repeat 50% 0; padding-top:88px;} #home-no-setup .sector-items {margin-top:20px;} /* HOME PAGE LOGGED IN BUT FULL SETUP */ #home-full-setup .widget-section li{line-height:normal;} #home-full-setup .sector-items {margin-top:20px;} /*------------------------------------------------------------------ RECRUITER PROFILES -------------------------------------------------------------------*/ .rec-profile #left-col #select-recruiters{border-top:1px solid #ccc; border-bottom:1px dotted #ccc; background-color:#fff; padding:10px; margin-bottom:10px;} .rec-profile #left-col ul.rec-logos li a{display:block; width:90px; height:50px;} .rec-profile #left-col ul.rec-logos li{float:left; margin:0 12px 12px 0; padding:0;} .rec-profile #left-col ul.rec-logos img{border:1px solid #666;} .rec-profile #left-col ul.rec-selector li{float:left; line-height:25px; text-align:center; margin-right:1px; background-image: none; padding:0;} .rec-profile #left-col ul.rec-selector li a{display:block; background-color:#f4f4f4; border:1px solid #dedede; width:80px; height:25px;} .rec-profile #left-col ul.rec-selector li a:hover{border-top:none; background:#fff url(../images/general/rec-selector-hover.gif) no-repeat 50% 0; text-decoration:none; padding-top:1px;} .rec-profile #left-col ul.rec-selector li.current {border-top:none; background:#fff url(../images/general/rec-selector-hover.gif) no-repeat 50% 0; text-decoration:none; padding-top:1px;} .rec-profile #left-col ul.rec-selector li.last{margin-right:0;} .rec-profile #left-col ul.company-list{width:46%; float:left;} .rec-profile #left-col ul.company-list li{background-color:#f4f4f4; border-top:1px solid #dedede; padding:5px 10px; background-image:none;} .rec-profile #left-col ul.company-list h3{margin:5px 0;} .rec-profile #left-col ul.agency-list{float:right; margin-right:20px;} .featured-empl-icon {width: 90px; height: 42px; border: 1px solid #666;} /*------------------------------------------------------------------ POLISH PAGE -------------------------------------------------------------------*/ #pl-feat-jobs td {padding:2px;} /*------------------------------------------------------------------ HELP AND CONTACT PAGES -------------------------------------------------------------------*/ dt.question { margin: 10px 0; } dd.answer { margin: 10px 0 10px 50px; border: 1px solid #dedede; background: #f4f4f4; padding: 10px; } /*------------------------------------------------------------------ ADVANCED SEARCH -------------------------------------------------------------------*/ #advanced-search-page #right-col .adv-help{margin-right: 20px;} #advanced-search-page .adv-help dt{font-weight:bold;} #advanced-search-page .adv-help dd{margin-bottom:10px;} #advanced-search-page p.instruct{margin-left:25%;} #advanced-search-page .align-right{float:right;} #advanced-search-page #job-specialisms{padding:10px;} #advanced-search-page #job-specialisms p{margin:0; width:48%; float:left;} #advanced-search-page #job-specialisms p.all-specialisms{margin:0; width:100%;} #advanced-search-page #job-specialisms label.choice{padding:3px 0 0 0; width:auto; font-size:11px;} #advanced-search-page #advanced-search-page p.instruct{margin-left:25%;} #advanced-search-page form.s1js{width:580px;} #advanced-search-page h4{font-size:1em;} #advanced-search-page .section-divider h4{padding-top:16px; padding-bottom:10px; border-top:1px solid #dedede; margin-top:16px;} #advanced-search-page h4.adv-first{padding:10px 0; margin-top:0; border:none;} #advanced-search-page .adv-js{background-color:#f4f4f4; border:1px solid #dedede; margin-left:10px; width:570px; } #advanced-search-page #advanced-search-holder li{padding:4px 5px 2px 30px; display:block;} #advanced-search-page #advanced-search-holder li.section-divider {padding:0 20px;} #advanced-search-page #advanced-search-holder li.adv-js{padding-left:0; margin-left:30px;} /*------------------------------------------------------------------ ADVANCED JOB ALERTS -------------------------------------------------------------------*/ #job-alert-form-add #right-col .adv-help{margin-right: 20px;} #job-alert-form-add .adv-help dt{font-weight:bold;} #job-alert-form-add .adv-help dd{margin-bottom:10px;} #job-alert-form-add p.instruct{margin-left:25%;} #job-alert-form-add #job-specialisms p{margin:0; width:48%; float:left;} #job-alert-form-add #job-specialisms p.all-specialisms{margin:0; width:100%;} #job-alert-form-add #job-specialisms label.choice{padding:3px 0 0 0; width:auto; font-size:10px;} #job-alert-form-add p.instruct{margin-left:25%;} #job-alert-form-add .adv-js{background-color:#f4f4f4; border:1px solid #dedede; margin-left:10px; margin-bottom: 20px;width:435px; height:180px; overflow:auto;} /*------------------------------------------------------------------ CUSTOM RECRUITER PROFILES -------------------------------------------------------------------*/ #right-col #jobBody ul {margin:0 0 10px 30px; list-style-type:disc;} /*------------------------------------------------------------------ SEARCH RESULTS -------------------------------------------------------------------*/ table.search-results tr.header, table.search-results tr.footer, table.search-results tr.date-divider{background-color:#fff;} table.search-results tr.date-divider td{padding:10px 0 5px 20px; background:#fff url(../images/general/arrow-down.gif) no-repeat 10px 60%; border-top:none;} table.search-results tr.job-alerts{background:transparent;} table.search-results tr.job-alerts td{border:none; text-align:right;} table.search-results tr.job-alerts td span{margin-right:0;} table.search-results tr{background-color:#f4f4f4; border-top:1px solid #dedede; border-bottom:1px solid #dedede;} table.search-results td{padding:5px; border-top:1px solid #dedede;} table.search-results td.job-recruiter{width:145px; text-align:right;} table.search-results td.job-recruiter span.rec-logo{line-height:0;} table.search-results td.job-recruiter span.rec-logo img{border:1px solid #666;} table.search-results td span{display:inline; overflow:hidden; white-space:nowrap; margin-right:10px; float:left; text-overflow:ellipsis;} table.search-results td span.job-title{width:220px;} table.search-results td.highlighted-job span.job-title{width:190px;} .job-title .jobcast{width:22px; float:left; padding: 2px 5px 0 0;} .job-title .jobcast a{width:22px; height: 15px; display: block;} table.search-results td span.job-location{width:80px;} table.search-results td span.job-salary{width:70px;} table.search-results td.job-recruiter span{width:140px; margin-right:0;} #job-detail-page table.search-results td.job-recruiter span{width:120px;} table.search-navigation tr{background-color:transparent;} table.search-navigation td{background-color:transparent; padding:0; border:none;} table.search-navigation td.showing{text-align:center;} table.search-navigation select{font-size:12px;} a.next{padding-right:20px; background:url(/ui/images/general/next.gif) no-repeat 100% 50%;} a.previous{padding-left:20px; background:url(/ui/images/general/previous.gif) no-repeat 0 50%;} table.search-results td.previous{width:114px;} table.search-results td.next{width:114px; text-align:right;} table.search-results td.previous a{padding-left:20px; background:url(/ui/images/general/previous.gif) no-repeat 0 50%;} /*table.search-results td.next a{padding-right:20px; background:url(/ui/images/general/next.gif) no-repeat 100% 50%;}*/ table.search-results tr.highlight{background-color:#fff;} table.search-results td.highlighted-job {padding-left:40px; background:#fff url(/ui/images/general/highlight-star.gif) no-repeat scroll 8px 50%;} table.search-results tr.featured-jobs{background-color:#e2fbda;} table.search-results tr.more-info td{border-top:none; font-size:11px;} #search-results-v2 h1{margin-bottom:8px;} ul.job-alert-items li{padding:0 0 5px 30px;} ul.job-alert-items li.by-email{background:url(/ui/images/general/alertby-email.gif) no-repeat 0 50%;} ul.job-alert-items li.by-sms{background:url(/ui/images/general/alertby-sms.gif) no-repeat 0 50%;} ul.job-alert-items li.by-rss{background:url(/ui/images/general/alertby-rss.gif) no-repeat 0 50%;} #tip { left: 710px; top: 140px; left:10px; position:absolute; display: none; z-index:9991; } #dyn-tip {position:absolute; display: none; z-index:9991; width:300px;} #dyn-tip h3{margin-top:0;} #dyn-tip img.pointer{position:relative; left:50%; margin-top:-1px; margin-left:-9px;} #dyn-tip .close-tip{width:20px; height:20px; border-left:1px solid #999; border-bottom:1px solid #999;position:absolute; right:0; top:0; margin:1px; background-color:#f4f4f4; text-align:center; line-height:20px; font-weight:bold; cursor:pointer;} #dyn-tip .close-tip a{text-decoration:none; color:#666; font-size:14px;} #job-detail-page #tip{top:120px;} #tip img{width:18px; height:9px; } div.tip{position:absolute;} div.tip-content {background:#fff none repeat scroll 0%; border:1px solid #999; padding:10px;} p.tip {margin:0.5em 0pt; padding:0pt;} #home-page #right-col div{margin-bottom:10px;} #home-page .active{margin-top:60px;} #home-page #mpu-1 {margin-top:20px;} .send-alerts{text-align:right;} /*------------------------------------------------------------------ SEARCH RESULTS -------------------------------------------------------------------*/ .popup-msg{position:absolute; z-index:30000; width:200px;height:100px;text-align:center;display:none;background:#FFFFFF;border:1px solid #999999;} .popup-content{padding:10px;position:relative;} .personalisation-loader{ background-color:#FFFFFF; background-repeat:repeat; height:171px; text-align:center; width:100%; margin-top: 50px; } .personalisation-loader img { width: 32px; height: 32px; } #overlay-target { position: absolute; top: 400px; left: 100px; } #featured-courses{margin-top:10px; width:320px;} #featured-courses ul li{width:138px; float:left; margin:0 12px 12px 0;} #crm-target{margin-top:10px;} /*------------------------------------------------------------------ JOBCAST VIDEOS AND ICONS -------------------------------------------------------------------*/ #jobcast_player_container {clear:both;margin:0 auto;padding-top:10px;width:320px;} #jobcast_player {border:3px solid lightgrey;width:320px;} #jobcast_player p {margin-left:110px;width:200px;} #jobcast_player .clear {clear:both;} #jobcast_player img {margin:10px;float:left;} /*------------------------------------------------------------------ JAN 09 COMPETITION STYLES -------------------------------------------------------------------*/ .win-2009-container{ border-bottom: 1px dotted #CCCCCC; margin-bottom: 10px; } .win-2009{ background: url(/ui/images/general/win-2009.png) no-repeat; width: 160px; height: 27px; text-indent: -11000em; } .win-2009-gif{ width: 300px; height: 150px; background: url(/ui/images/general/puff-account.gif) no-repeat; text-indent: -11000em; position: relative; } .win-2009-gif a{ display: block; text-indent: -11000em; width: 300px; height: 150px; position: absolute; top: 0; left: 0; } .win-2009-hp{ display:block; height:198px; position:absolute; right:0px; top:-8px; width:233px; } .small-grey-text{ color: #666; font-size: 11px; margin-top: 0.9em; } /*-------------------------------------------------------------------------------------------------- SIGN-IN: s1play styles ---------------------------------------------------------------------------------------------------*/ .s1play-setup { /*margin-bottom: 8px;*/ padding: 0; } .s1play-setup h2{ margin-top: 0; color: #00125C; } .s1play-setup span, .s1play-setup span a{ float: none; padding: 0; margin: 0; color:#0066CC; font-weight: bold; cursor: pointer; } .s1play-setup span:hover{ text-decoration: underline; } .s1play-setup p{ /*position: relative; padding-right: 136px; width: 220px;*/ color:#00125C; } #events-checkboxes #s1play-logo{ position: absolute; float: right; height: 26px; width: 133px; bottom: 5px; right: 5px; } #events-checkboxes #s1play-logo a{ background: url(/ui/images/s1play-logo-mini.gif) no-repeat; text-indent: -11000em; width: 133px; height: 26px; display:block; position: absolute; right: 0; top: 0; } #your-area p.area label, #your-area p.area select, #your-area p.area input{ display: inline; font-size: 12px; font-family: arial; font-weight: normal; } #events-checkboxes { font-family: arial !important; background: url(http://www.s1play.com/images/general/widget-bg.gif) repeat-x scroll 0 0; padding:10px; position: relative; } #events-checkboxes label{ font-size: 12px; } #events-checkboxes h3{ border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; margin-bottom: 5px; color: #00125C; font-size: 16px; } #events-checkboxes h4 { font-family: arial; color: #000; } .onstage-checkbox-container, .cinema-checkbox-container { margin-right: 20px; } #events-checkboxes ul li{ padding-bottom: 0; } /* .onstage-checkbox-container h4 { border-bottom: 1px solid #FE0000; } .musicandclubs-checkbox-container h4 { border-bottom: 1px solid #9500FA; } .outandabout-checkbox-container h4 { border-bottom: 1px solid #5C8A27; } .cinema-checkbox-container h4 { border-bottom: 1px solid #FFCC00; } .restaurant-checkbox-container h4 { border-bottom: 1px solid #C01A1A; } */ #events-checkboxes .checkbox-container { float: left; width: 260px; } #events-checkboxes .outandabout-checkbox-container { width: 540px; float: none; } #events-checkboxes .checkbox-container ul { margin-left: 20px; overflow: hidden; } #events-checkboxes h4.checkbox, #events-checkboxes ul li.checkbox { position: relative; } #events-checkboxes h4.checkbox label{ padding-left: 18px; } #events-checkboxes ul li.checkbox label{ padding-left: 10px; font-weight: normal; } #events-checkboxes h4.checkbox input.checkbox{ position: absolute; top: 3px; left: 0; margin: 0; } #events-checkboxes ul li.checkbox input.checkbox{ position: absolute; top: 7px; left: 0; margin: 0; } #events-checkboxes .outandabout-checkbox-container ul li{ width: 240px; float: left; } .subscribe-container input.checkbox{ top: 12px !important; left: 10px !important; } /*-------------------------------------------------------------------------------------------------- Google Ads ---------------------------------------------------------------------------------------------------*/ .google-ads { margin-top: 10px; } /*-------------------------------------------------------------------------------------------------- Twitter Styles ---------------------------------------------------------------------------------------------------*/ body#twitter .twitter-list { width: 290px; float: left; margin-right: 20px; display: inline; } body#twitter .twitter-list h2{ color: #8f8f8f; background-color: #fff; margin: 0; padding: 15px 10px; border-bottom: 1px solid #DEDEDE; position: relative; } body#twitter .twitter-list h2 .twitter-icon { display: block; width: 73px; height: 90px; position: absolute; right: 20px; top: -60px; background: url(/ui/images/twitter-icon.png) no-repeat; } body#twitter .twitter-list ul { } body#twitter .last { margin-right: 0; } body#twitter .twitter-list li{ list-style-type: none; background-image: none; border-bottom: 1px solid #DEDEDE; background-color: #f4f4f4; padding: 10px; } body#twitter .twitter-list li a { font-weight: bold; text-decoration: none; outline: none !important; color: #00125c; } body#twitter .twitter-list li a.follow{ float:right; color: #9A0000; } .twitter-sr { background: url(/ui/images/twitter-search-results.gif) no-repeat; height: 160px; width: 300px; position: relative; margin-top: 10px; } .twitter-sr a { position: relative; top: 0; left: 0; display: block; width: 300px; height: 160px; text-indent: -11000em; outline: none; } a.no-button, a.no-button:hover{ background:none; border:0; color:#0066cc; float:none; padding:0; display:inline; } /*-------------------------------------------------------------------------------------------------- contextual linking code ---------------------------------------------------------------------------------------------------*/ #contextual_links { width:528px; /* 600px */ padding:10px 62px 10px 10px; margin:20px 0 20px 0; background:#f1f1f1 url(/ui/images/s1_logo_bg.gif) no-repeat right top; } #contextual_links_right { width:255px; float:right; padding:0; } #contextual_links_left { width:255px; float:left; padding:0; } #contextual_links a:link, #contextual_links a:visited { color:#00125C; font-weight:normal; } #contextual_links a:hover { color:#b31a1a; font-weight:normal; } /*-------------------------------------------------------------------------------------------------- adverts ---------------------------------------------------------------------------------------------------*/ #leaderboard-target { width:728px; height:90px; margin:auto; margin-bottom:10px; } #leaderboard { width:728px; height:90px; } #mpu, #mpu_target, #mpu-target { width:300px; height: 250px; margin-bottom:20px; } #skyscraper-target { /*width:120px; height: 600px; position:absolute; top:0; left:980px; z-index:100;*/ /*display:none;*/ } #skyscraper { width:120px; height: 600px; } /*-------------------------------------------------------------------------------------------------- alreadyApplied ---------------------------------------------------------------------------------------------------*/ .alreadyApplied { padding: 5px; border: 1px solid #242b86; background: #fdf9e3; font-weight: bold; } /*-------------------------------------------------------------------------------------------------- Herald News Widget overrides ---------------------------------------------------------------------------------------------------*/ #hs-news div { margin-bottom: 0px !important; } /*-------------------------------------------------------------------------------------------------- Home page link tabs ---------------------------------------------------------------------------------------------------*/ /* Hide the tabs container in the css, show with jquery once tabs have been loaded */ #tabs {display: none}; /* tab container div */ #tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ /* tab links list */ ul.ui-tabs-nav { margin:0 !important; padding:0; height:30px; border-bottom:1px solid #DEDEDE; width: 100%; float: none; } /* tab links list item */ ul.ui-tabs-nav li { list-style: none; list-style-type:none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } /* tab links list item link */ ul.ui-tabs-nav li a { float:left; font-size:1em; font-weight: bold; display:block; padding:5px 10px; text-decoration:none; border:1px solid #DEDEDE; border-bottom:0px; height:18px; background-color:#e8e8e8; color:#777; margin-right:2px; position:relative; top:1px; outline:0; } /* tab links list item link hover */ ul.ui-tabs-nav li a:hover { background-color:#F7F7F7; color:#333; } /* selected tab list item link */ ul.ui-tabs-nav li.ui-tabs-selected a { background-color:#f4f4f4; border-bottom:1px solid #f4f4f4; color:#000; cursor:default; } /* change the cursor for any selected or disbled tab to a cursor so the user doesn't thing that they can click on it */ ul.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav ul.tabNav li.ui-state-disabled a, .ui-tabs-nav ul.tabNav li.ui-state-processing a { cursor: text; } /* set the cursor to the hand pointer for all other types of tab */ ul.ui-tabs-nav li a, .ui-tabs-nav.ui-tabs-collapsible ul.tabNav li.ui-tabs-selected a { cursor: pointer; } /* active tab panel */ .ui-tabs-panel { display: block; border:1px solid #DEDEDE; border-width:0 1px 1px 1px; padding:10px 5px; overflow: auto; background: #F4F4F4; } /* hidden tab panel */ .ui-tabs-hide { display: none !important; }