/* --------------------------------------- page-layout */ html{margin: 0;padding: 0;background-color: #ffffff;} body{background: #d6d6d6 url("../images/backgrounds/bg-page.gif") repeat-x top;padding: 0;margin: 0;} html, body, form, table{color: #666666;font-family: Arial, sans-serif; } #page-container{margin: 0 auto;width: 901px;} #header{float: left;width: 100%;position: relative;background: url("../images/backgrounds/bg-header.gif") no-repeat right top ;height:173px} #logo{display: block;float: left;background: url("../images/logo.gif") no-repeat top left;width: 167px;height: 173px;text-indent: -100em;} #header ul{position: absolute;right: 0;top: 0;padding-top: 30px;width: 185px;z-index: 5;background: url("../images/backgrounds/bg-toplinks.gif") no-repeat right top;margin: 0;} #header ul li{display: block;float: right;background: url("../images/sep-header.gif") no-repeat left center;padding: 0 10px;} #header ul li.last{background: none;} #header .tagline{height: 173px;position: absolute; right: 385px;top: 50px;font: 146.5% VAGRoundedStd, sans-serif; text-align: center;width: 160px;color: #999999;line-height: 1.5em;} #navigator{float: left;width: 100%; background: url("../images/backgrounds/bg-nav.gif") no-repeat top center; height: 39px;font-size: 93%;} #navigator ul{top: 0;margin: 0 auto;padding: 0;position: relative;left: 100px;z-index: 90;} #navigator ul, #subnav ul{margin: 0 auto;padding: 0;font-weight: bold;} #navigator ul li{display: block;float: left;list-style: none;height: 39px;background: url("../images/backgrounds/bg-menu-sep.gif") no-repeat right bottom;padding: 0 1px 0 0;position: relative;z-index: 20;} #navigator ul li a{display: block;color: #ffffff;padding: 12px 14px;text-decoration: none;background: url("../images/backgrounds/bg-menu.gif") repeat-x bottom; } #navigator ul li.on a,#navigator ul li a:hover{background: url("../images/backgrounds/bg-menu-on.gif") repeat-x bottom;} #navigator ul li.last{padding-right: 0;background: none;} #content{float: left;width: 100%;background: #f9f9f9 url("../images/backgrounds/bg-content.gif") no-repeat bottom left;} #breadcrumbs{display: block;float: left;width: 100%;background: url("../images/content-t.gif") no-repeat top left;color: #4d4c4a;} #breadcrumbs ul, #breadcrumbs p{float: left;margin: 0;padding: 0 5px 0 0;font-size: 85%;line-height: 100%;} #breadcrumbs ul li{display: block;float: left;list-style: none;padding: 0 3px 0 0;color: #999999;} #breadcrumbs ul li a{color: #ef5a29;text-decoration: none;} #breadcrumbs ul li.on a{color: #999999;} #content-inner{width: 877px;padding: 12px;float: left;} #sidebar{float: right;width: 177px;} #subnav{float: left;width: 182px;} #subnav ul{float: left;width: 100%;} #subnav ul ul{display: none;} #text{width: 495px;margin: 0 auto 40px;padding: 5px 0 0;background: url("../images/text-t.gif") no-repeat top left;position: relative;left: 2px;} html.ie6 #text, html.ie7 #text{left: 0;} #text .xc{background: #ffffff url("../images/text-c.gif") no-repeat top left;border-left: 1px solid #d3d2d2;border-right: 1px solid #d3d3d3;padding: 1px 20px;min-height:507px;} html.ie6 #text .xc{height: 507px;} #footer{float: left;width: 100%;height: 92px;background: #ffffff url("../images/bg-footer.gif") no-repeat top center;border-bottom: 1px solid #c6c6c6!important;} #footer .inner{width: 877px;margin: 0 auto;padding-top: 26px;} #footer ul{margin: 0;padding: 0;float: right;} #footer ul li{float: right;display: block;list-style: none;background: url("../images/footer-sep.gif") no-repeat right center;padding: 0 10px 0 8px;} #footer ul li.first{background: none;padding: 0 8px;} #header ul,#footer ul{font: bold 85% HelveticaNeueLTStd, sans-serif;} #header ul a,#footer ul a{color: #f9992a;text-decoration: none;} #header ul a:hover,#footer ul a:hover{color: #bd1f2d;} /* --------------------------------------- /global */ .gray{color: #909090;} .inside{ padding:12px; } h1{font: 146.5% ScalaSans, sans-serif;color: #000000;margin: .7em 0 1.5em;} h2{color: #ea1f27;font: 138.5% ScalaSans, sans-serif;text-transform: uppercase;} h3{font-size: 116%;font-weight: normal;margin-bottom: 5px;color: #333333;} p{font-size: 93%;margin-top: 0;} a{text-decoration: underline;color: #333;} a:hover{} a:visited{} p,h3{line-height: 150%;} ul{} div.download{padding: 20px;} div.download a.btn-download{float: left;margin-right: 30px;} .section{border-bottom: 1px solid #c4c4c4;padding-bottom: 1em;margin-bottom: 1em;} p.small{font-size: 80%;} /* --------------------------------------- /links/buttons */ a.btn-download{background: url("../images/btn-download.gif") no-repeat top left;display: block;text-indent: -100em;width: 85px;height: 46px;} a.btn{background: url("../images/form-btn.gif") no-repeat top left; display: block;padding: 3px 0 0 0 ;width: 65px;height: 20px;text-align: center;color: #ffffff;text-decoration: none;font-weight: bold;} /*a.btn-orange{background: url("../images/btn-orange.gif") no-repeat top left; display: block;padding: 1px 0 0 0 ;width: 63px;height: 21px;text-align: center;color: #ffffff;text-decoration: none;font-weight: bold;}*/ .right a.btn-gray{float: right;} #sidebar input.submit, input.submit{border:0;background: url("../images/form-btn.gif") no-repeat top left; display: block;padding: 0!important;width: 65px;height: 22px;text-align: center;color: #ffffff;text-decoration: none;font-weight: bold;} .right input.submit{float: right;} .slideshow p{line-height: 1.23;} a.btn-red{background: url("../images/buttons/btn-red-l.gif") no-repeat left center;padding-left: 2px;display: block;} a.btn-red em{ height: 21px;width: 100px;font-style: normal;background: url("../images/buttons/btn-red-r.gif") no-repeat right center; padding: 4px 5px 0 3px; font-weight: bold; color: #fff; display: block;text-align: center;cursor: pointer;} a.btn-orange{background: url("../images/buttons/btn-orange-l.gif") no-repeat left center;padding-left: 2px;display: block;} a.btn-orange em{ height: 21px;width: 100px;font-style: normal;background: url("../images/buttons/btn-orange-r.gif") no-repeat right center; padding: 4px 5px 0 3px; font-weight: bold; color: #fff; display: block;text-align: center;cursor: pointer;} a.btn-gray{background: url("../images/buttons/btn-gray-l.gif") no-repeat left center;padding-left: 2px;display: block;} a.btn-gray em{ height: 21px;width: 50px;font-style: normal;background: url("../images/buttons/btn-gray-r.gif") no-repeat right center; padding: 4px 5px 0 3px; font-weight: bold; color: #fff; display: block;text-align: center;cursor: pointer;} a.btn-plus{display: block;background: url("../images/buttons/btn-plus.gif") no-repeat top left;text-indent: -1000em;width: 14px;height: 14px;} a.btn-minus{display: block;background: url("../images/buttons/btn-minus.gif") no-repeat top left;text-indent: -1000em;width: 14px;height: 14px;} a.btn-plus, a.btn-gray, a.btn-red, a.btn-orange, a.btn{text-decoration: none;} .right a.btn-red{float: right;} .right{overflow: auto;} /* --------------------------------------- /subnav */ #navigator li ul{position: absolute;width: 165px;left: 0;top: auto;z-index:20;border: 1px solid #cfcfcf;display: none;} #navigator li ul li{width: 100%;padding: 0;height: auto;} #navigator li ul li a, #navigator li.on ul li a{background: #fff url("../images/backgrounds/bg-submenu-sep.gif") no-repeat left bottom;padding: 11px 12px 12px;color: #ee5a29;font-weight: normal;} #navigator li ul li a:hover,#navigator li ul li a.on{background: #fedaba url("../images/backgrounds/bg-submenu-sep.gif") no-repeat left bottom;} #navigator li ul li.last a{background: #fff;} #navigator li ul li.last a:hover,#navigator li ul li.last a.on{background: #fedaba;} #subnav ul li{float: left;display: block;list-style: none;width: 182px;} #subnav ul li a{display: block;background-color: #f9992a;color: #ffffff;text-decoration: none;} #subnav ul li a span{display: block;padding: 13px 12px 13px 22px;} #subnav ul li a.on,#subnav ul li a.sub-on, #subnav ul li a:hover{background-color: #ef5a29;} #subnav ul li.first a{background: #f9992a url("../images/submenu-t.gif") no-repeat top left;} #subnav ul li.last a{background: #f9992a url("../images/submenu-b.gif") no-repeat bottom left;} #subnav ul li.first a.sub-on,#subnav ul li.first a:hover{background: #ef5a29 url("../images/submenu-t-on.gif") no-repeat top left;} #subnav ul li.last a.sub-on,#subnav ul li.last a.sub-on:hover{background: #ef5a29;} #subnav ul li.last ul,#subnav ul li.last a:hover{background: #ef5a29 url("../images/submenu-b-on.gif") no-repeat bottom left;} #subnav ul li li{padding: 0 20px;width: 142px;} #subnav ul li li a{padding: 5px 5px;background: none!important; width: 132px;border-top: 1px solid #f7aa91;text-align: left;} #subnav ul li li a.on,#subnav ul li li a:hover{background: #db4e20!important; } #subnav ul li ul{background: #ef5a29; padding-bottom: 10px; } #subnav a.sub span{background: url("../images/bullets/arrow.gif") no-repeat 10px center;} #subnav a.sub:hover span{background: url("../images/bullets/arrow-on-r.gif") no-repeat 10px center;} #subnav a.sub-superon span{background: url("../images/bullets/arrow-on-r.gif") no-repeat 10px center;} #subnav a.sub-superon:hover span{background: url("../images/bullets/arrow-on-r.gif") no-repeat 10px center;} #subnav a.sub-on span{background: url("../images/bullets/arrow-on.gif") no-repeat 5px center;} #subnav a.sub-on:hover span{background: url("../images/bullets/arrow-on.gif") no-repeat 5px center;} /* --------------------------------------- /boxes */ .box{width: 177px;background: url("../images/backgrounds/box-b.gif") no-repeat bottom left;float: left;margin-bottom: 10px;padding-bottom: 6px;} .box .xt{background: url("../images/backgrounds/box-t.gif") no-repeat top left;padding: 11px 11px 1px;} #box-eval .xt{background: url("../images/backgrounds/box-t-eval.gif") no-repeat top left;padding: 11px 11px 1px;} #box-clients .xt{background: url("../images/backgrounds/box-t-clients.gif") no-repeat top left;padding: 11px 11px 1px;} #box-clients h2{margin-top: 20px;} .box h2{margin-top: 0;} .box blockquote{font-size: 100%;margin: 0 0 1em;padding: 0;} .box p.quoter{color: #999;font-size: 85%;} .box div.right a.read-more{color: #f69120;font-weight: bold;} /* --------------------------------------- /forms */ input.file{width: 170px;} select{color: #666;font-size: 90%;} form{margin: 10px 0 20px; overflow: auto;} form label, form .label{display: block;float: left;width: 100%;margin: 5px 0;} form label input.text, form label span,form label textarea, form label select, form .label input.text, form .label span,form .label textarea, form .label select{float: left;display: block;width: 170px;padding: 0;} form label span, form .label span{padding-left: 30px;padding-top: 2px;} form label span.special, form .label span.special{width: 155px;padding-right: 15px; } form label span strong, form .label span strong{color: #ea2d34;} form label span.input, form .label span.input{padding: 0;position: relative;} form label span.input.larger, form .label span.larger{width:210px;} form label span em, form .label span em{position: absolute;left: -18px;text-align: center;width: 15px;display: block;font-style: normal;top: 2px; } form .label label{display: inline;margin: 0;width: auto;margin-right: 5px;} form div.submit{display: block;float: left;width: 370px; margin-top: 20px; } form div.submit .submit{float: right;} form div.submit p{clear: both;text-align: right;padding: 10px 0;} form a.forgot-pass{color: #999;text-decoration: none;} form span.addable{width: 190px;} form span.addable a.btn-plus{float: right;margin-top: 2px;} form span.addable select.added{margin-top: 5px;} form ul.addable{left: 0;} form ul.addable a{float: left;margin: 0;position: relative;left: 5px;top: 3px;} .paging{ float: left; width: 100%; margin-top: 15px; text-align: center;} .paging strong{color: #f05a28;} form ul{margin: 0;padding: 0;float: left;width: 195px;position: relative;left: -15px;} form ul li{list-style: none;display: block;margin: 5px 0;float: left;width: 195px;} form ul li em{display: block;width: 15px;float: left;text-align: left;position: relative;top: 2px;font-style: normal;} form .label.date span.input input{float: none;width: 25px;display: inline;} form .notices{padding-left: 50px;margin: 1em 0;float: left;} form .notices label{position: relative;} form .notices input{position: absolute;top: 2px; left: -19px; } html.ie6 form .notices input{top: -1px; left: -21px; } html.ie7 form .notices input{top: -2px; left: -24px; } form input.small{width: 70px!important;} #sidebar form{overflow:visible;} #sidebar form div.submit{width: 155px;margin: 10px 0;} #sidebar input{font-size: 93%;color: #666666;padding: 2px 5px; } #sidebar label{margin: 10px 0;display: block;} #sidebar form label{text-align: right;} #sidebar input{width: 140px;} /* --------------------------------------- /lists */ ul.bullet1{} ul.bullet1 li{ display: block;list-style: none;background: url("../images/bullets/bullet1.gif") no-repeat 0 8px; padding: 3px 0 3px 25px;} li.bullet1{display: block;list-style: none;background: url("../images/bullets/bullet1.gif") no-repeat 0 8px; padding: 3px 0 3px 25px;} /************************* Utils *************************/ .hide{ display: none; } .show{ display: block; } .show_{ display: inline; } .underline{ text-decoration: underline; } .italic{ font-style: italic; } .right{ text-align: right; } .left{ text-align: left; } .center{ text-align: center; } .bold{ font-weight: bold; } .bolder{ font-weight: bolder; } .sstrike{ text-decoration: line-through; } .fr{ float: right !important; } .fl{ float: left !important; } hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; } .frimg{ float:right; margin: 0 0 8px 8px; clear: right; } .flimg{ float:left; margin: 0 8px 8px 0; clear: left; } /************************* Clearfix *************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clear{clear: both;} /* --------------------------------------- /homepage */ body.lay-home{background: #d6d6d6 url("../images/backgrounds/bg-home.gif") no-repeat top center;} body.lay-home #page-container{height: 568px;} body.lay-home #header{height: 63px;background: none;} body.lay-home #content{background: none;position: relative;} body.lay-home #home-a{height: 167px;} body.lay-home #header .tagline{padding: 0;float: left;position: absolute; left: 30px; top: 20px; width: auto; height: auto;text-align: left;} body.lay-home #footer{border-bottom: 1px solid gray;} #home-flash{position:relative;top:-5px;} #home-a{width: 380px;float: right;padding: 35px;} #home-a p{color: #ea1f27;font: 123.1% "Myriad Pro", sans-serif;} #home-b{position: absolute;left: 0;top: 239px;padding: 21px 0 0 28px;} #home-b ul{margin: 0;padding: 0;} #home-b ul li{display: block;float: left;width: 153px;list-style: none;padding: 11px;margin: 0 45px 0 0;background: none;height: 143px;position: relative;} #home-b ul li#box-testimonials{margin: 0;} #home-b ul li p{line-height: 1em;margin: 0;} #home-b ul li div{position: absolute;bottom: 9px;right: 9px;} #home-b ul li div.slideshow{position: absolute;left: 9px;top: 74px;} #home-b ul li div a{float: right;} #home-b li h2{line-height: 13px;} #home-b li p{position: absolute;top: 73px;width: 155px;} #box-membership h2{position: relative;top: 22px;} #box-testimonials img{position: absolute;bottom: 5px;} a.read-more{color: #feb15d;font-weight: bold;font-size: 93%;} /* --------------------------------------- /online-job-specs */ #online-job-specs{padding: 12px 0 0;} #online-job-specs ul{margin: 10px 0 0;padding: 0;} #online-job-specs ul li{display: block;list-style: none;border-top: 1px solid #c4c4c4;padding: 10px 0;overflow: auto;} #online-job-specs ul li p{font-weight: bold;color: #909090;} #online-job-specs ul li div.text{margin-left: 165px;} html.ie6 #online-job-specs ul li div.text{padding-top: 0;} #online-job-specs ul li a.btn-download{float: left; position: relative;left: 30px;top: 2px;} /*html.ie6 #online-job-specs ul li a.btn-download, html.ff3 #online-job-specs ul li a.btn-download{top: 2px;}*/ #online-job-specs form{margin: 20px 0 -5px 0;} html.ie6 #online-job-specs form{margin: 20px 0 0 0;} #online-job-specs form select, #online-job-specs form a.submit{float: right;} #online-job-specs form a.submit{margin-left: 10px;position: relative;top: -1px;} html.ie #online-job-specs form a.submit,html.ff3 #online-job-specs form a.submit{top: -3px;} #online-job-specs form a.submit em{width: 35px;padding-left: 10px;padding-right: 10px;} /* --------------------------------------- /star-candidates */ .star-candidates{margin: 5px 0 0;padding: 0;border-top: 1px solid #c4c4c4;float: left;width: 100%;} .star-candidates li{display: block;float: left;list-style: none;border-bottom: 1px solid #c4c4c4;padding: 15px 0;width: 100%; position: relative;} .star-candidates li a.img{float: left; border: 1px solid #ddd;padding: 7px;margin-right: 15px;} .star-candidates li dl{float: left;width: 300px;margin: 0;padding: 0;color: #909090;} .star-candidates li dl dt,.star-candidates li dl dd{float: left;display: block;margin: 0;padding: 0;width: 120px;font-weight: normal;} .star-candidates li dl dd{font-weight: bold;width: 180px;} .star-candidates li div{ width: 300px;position: absolute;bottom: 15px; left: 143px;} html.safari3 .star-candidates li div{ bottom: 5px;} .star-candidates li div a{float: left;margin-right: 10px;} .star-candidates li div a.btn-orange em{width: 160px;} /* --------------------------------------- /candidates */ .notice{float: right; position: relative; top: 15px;} .notice2{float: right; position: relative; } .red{color: #ea2d34;} .notices a{text-decoration: underline;color: #f05a28;} #candidates-3{overflow: visible;} /* --------------------------------------- /candidate-services */ #candidate-services{overflow: auto;margin-top: 20px;} #candidate-services h3{margin-top: 0;} #candidate-services .section{float: left;padding: 10px 10px 10px 140px;border-bottom: none; border-top: 1px solid #ccc;} #candidate-services form{width: 300px;float: left;margin: 0;} #candidate-services label{width: 300px;} #candidate-services input{width: 145px;} #candidate-services select{width: 55px;} #candidate-services span{width: 125px;padding: 0 10px 0 0 ;text-align: right;} #candidate-services span em{font-style: normal;font-weight: bold;color: #ea2d34;display: inline;float: none;position: static;} #candidate-services div.submit{width: 150px;padding-left: 135px;margin: 10px 0;} #candidate-services div.submit a{float: left;} #candidate-services ul.bullet1{margin-left: 0;} #candidate-services .register{background: url("../images/bullets/bullet-my-cv.gif") no-repeat 16px 14px;} #candidate-services .eval{background: url("../images/bullets/bullet-eval.gif") no-repeat 16px 14px;} /* --------------------------------------- /oe-login */ #oe-login{margin: 0 0 70px;overflow: auto;width: 100%;} #oe-change-pass{overflow: auto;width: 100%;display: none;} #oe-take-now {margin: 20px 0 40px;} #oe-take-now a.btn-red em{ width: 200px;} #oe-take-now a.btn-red{ margin: 0 auto; width: 200px;} #oe-radar{overflow: auto;margin: 0 0 15px;} #oe-radar a em{width: 150px;} #oe-radar a{float: right;} table{ border: 0;margin-right: 1.5%;padding: 0;border-collapse: separate;} table.last{ width: auto;} table th{ text-align: left;} table th, table td{ border: 0;padding: 0.2em;margin-bottom:5px;} #oe-results{overflow: auto;} #oe-results div.special{float: right;width: 100%;} #oe-results .paging{margin-top: 20px;} #oe-results a{float: right;} #oe-eval{overflow: visible;margin: 30px 20px;} #oe-eval label{width: 100%;margin: 10px 0;} #oe-eval div.submit{width: 100%;} #oe-eval div.submit a em{width: 120px;} #oe-payment{width: 100%;float: left;overflow: visible;} #oe-payment label span em{position: static; width: auto; display: inline;font-size: 70%;} #oe-payment input.small{width: 30px!important;float: none;display: inline;} #oe-payment label.cv2-number{width: 265px;} #oe-payment label.cv2-number span.input{width: 60px;position: relative;} #oe-payment label.issue-number{width: 180px;} #oe-payment label.issue-number span{width: 90px;} .oe-quick .left{clear:both;float:left;width:49%;} .oe-quick .right{float:right;width:49%;text-align:left;} .oe-quick input.text, .oe-quick select{width:132px;} .oe-quick label span{width:70px;padding-left:10px;} .oe-quick label.right{text-align:right;display:block;width:100%;} .oe-quick div.submit{width:100%;} a.btn-help{position: absolute!important;right: 0; top: 0;} a.btn-help{background: url("../images/buttons/btn-help.gif") no-repeat center center; float: right; width: 19px ;height: 19px; text-indent: -1000em;position: relative;text-decoration: none;} .tooltip{ color: #777;position: absolute;display: none; z-index: 9999; bottom: 15px; left: 100%; width: 160px;background-color: #fff;border:1px solid #a2a2a2;text-indent: 0; padding: 11px 12px;text-decoration: none!important; font-size: 80%;} .pdf-link{float:left !important; color:#F69221;} .none{display:none;} ul.testimonials-candidate{margin:0 0 1em;padding:0;} .testimonials-candidate li{display:block; list-style:none;} .testimonials-candidate li p.quoter{margin-bottom: 0;}