img {border: 0; } body {text-align: center; color: #000; background: #fff; font: 12px Arial;} p {text-align: justify;} p.backtotop {margin: 0 0 0 10px; text-align: right; } p.backtotop a {background: url(../img/arrow_red_up.gif) no-repeat 0 50%; padding: 0 0 0 15px; color: #000;} p.r {text-align: right;} a.more {font-size: 11px; font-weight: bold; color: #000; background: url(../img/bullet_red.gif) right 60% no-repeat; padding: 0 12px 0 0;} a.more:HOVER {color: #666;} .w190 {width: 190px;} .l {float: left;} .clock {padding: 0 0 0 30px;} /********************************************************************************/ #wrapper {color: #000; background: #fff; width: 750px; margin: 0 auto; padding: 0; text-align: left;} /*top header class definition*/ #headerTop {color: #000; display: block; background: #fff; width: 750px; height: 20px; text-align: right; font-size: 11px} #headerTop ul li {list-style: none; display: inline; padding:0 5px 0 7px; border-left: 1px solid #000;} #headerTop ul li.first {border: none;} #headerTop ul li a {color: #000; text-decoration: none;} #headerTop ul li a:HOVER {color: #aaa;} /*logo & menu section class definition*/ #logoMenu {margin: 0 0 0 -40px;} #logoMenu ul li {float: left; list-style-type: none; display: inline; border: none; padding:0;} #logoMenu ul li a.home {width: 259px; height: 97px; display: block; background: url(../img/logo_stelfox.gif);} #logoMenu ul li.about {background: url(../img/btn_about_off.gif);} #logoMenu ul li.about a.about {width: 73px; height: 97px; display: block;} #logoMenu ul li.about a.aboutOn {width: 73px; height: 97px; display: block; background: url(../img/btn_about_on.gif);} #logoMenu ul li.about a.about:HOVER {width: 73px; height: 97px; display: block; background: url(../img/btn_about_on.gif);} #logoMenu ul li.jobseekers {background: url(../img/btn_jobseekers_off.gif);} #logoMenu ul li.jobseekers a.jobseekers {width: 115px; height: 97px; display: block;} #logoMenu ul li.jobseekers a.jobseekersOn {width: 115px; height: 97px; display: block; background: url(../img/btn_jobseekers_on.gif);} #logoMenu ul li.jobseekers a.jobseekers:HOVER {width: 115px; height: 97px; display: block; background: url(../img/btn_jobseekers_on.gif);} #logoMenu ul li.recruiters {background: url(../img/btn_recruiters_off.gif);} #logoMenu ul li.recruiters a.recruiters {width: 112px; height: 97px; display: block;} #logoMenu ul li.recruiters a.recruitersOn {width: 112px; height: 97px; display: block; background: url(../img/btn_recruiters_on.gif);} #logoMenu ul li.recruiters a.recruiters:HOVER {width: 112px; height: 97px; display: block; background: url(../img/btn_recruiters_on.gif);} #logoMenu ul li.employers {background: url(../img/btn_testimonials_off.png);} #logoMenu ul li.employers a.employers {width: 112px; height: 97px; display: block;} #logoMenu ul li.employers a.employersOn {width: 112px; height: 97px; display: block; background: url(../img/btn_testimonials_on.png);} #logoMenu ul li.employers a.employers:HOVER {width: 112px; height: 97px; display: block; background: url(../img/btn_testimonials_on.png);} #logoMenu ul li.services {background: url(../img/btn_clients_off.png);} #logoMenu ul li.services a.services {width: 99px; height: 97px; display: block;} #logoMenu ul li.services a.servicesOn {width: 99px; height: 97px; display: block; background: url(../img/btn_clients_on.png);} #logoMenu ul li.services a.services:hover {width: 99px; height: 97px; display: block; background: url(../img/btn_clients_on.png);} #logoMenu ul li.contact {background: url(../img/btn_contact_off.gif);} #logoMenu ul li.contact a.contact {width: 92px; height: 97px; display: block;} #logoMenu ul li.contact a.contactOn {width: 92px; height: 97px; display: block; background: url(../img/btn_contact_on.gif);} #logoMenu ul li.contact a.contact:HOVER {width: 92px; height: 97px; display: block; background: url(../img/btn_contact_on.gif);} /*header image section class definition*/ #headerImg {float: left; width: 505px; height: 171px; margin: -19px 0 0 0;} html>body #headerImg {float: left; width: 505px; height: 171px; margin: 0;} /*right side top links section class definition*/ #rhsLinks {float: right; width: 245px; height: 190px; background: url(../img/bgnd_rhs_links.png) top left no-repeat; margin: -19px 0 0 0; padding: 50px 0 0 0;} html>body #rhsLinks {float: right; width: 245px; height: 146px; background: url(../img/bgnd_rhs_links.png) top left no-repeat; margin: 0; padding: 35px 0 0 0;} #rhsLinks ul li {list-style: none; margin: 0 0 0 -15px;} #rhsLinks ul li a {background: url(../img/bullet_red.gif) 0 60% no-repeat; padding: 0 0 0 12px; color: #fff; font-weight: bold; font-size: 11px; font-family: Verdana, sans-serif; text-decoration: none;} html>body #rhsLinks ul li a {background: url(../img/bullet_red.gif) 0 75% no-repeat; padding: 0 0 0 12px; color: #fff; font-weight: bold; font-size: 11px; font-family: Verdana, sans-serif; text-decoration: none;} #rhsLinks ul li a:HOVER {color: #ddd; text-decoration: underline;} /********************************************************************************/ /*main content section class definition*/ #mainContentWrapper {background: url(../img/bgnd_main.gif) top left repeat-x; width: 750px; margin: -19px 0 0 0;} html>body #mainContentWrapper {background: url(../img/bgnd_main.gif) top left repeat-x; width: 712px; padding:0 0 0 38px; margin:-10px 0 0 0; display: table;} /*left side column section class definition*/ #lhsCol {float: left; width: 242px; height: 300px; padding: 11px 8px 10px 37px;} html>body #lhsCol {width: 190px; min-height: 250px; padding: 0 0 0 0; margin: 0;} #lhsCol h1 {font-size: 18px; color: #fff; font-weight: normal; border-bottom: 1px solid #aaa; padding: 0 0 10px 0;} #lhsCol p {font-size: 11px; color: #000;} #lhsCol p.spacer {font-size: 9px;} #lhsCol label {font-size: 11px; color: #000; font-weight: bold;} #lhsCol input, select {font-size: 11px; color: #000;} #lhsCol ul li {list-style: none; margin: 0 0 0 -30px;} #lhsCol ul li a {background: url(../img/bullet_white.gif) 0 60% no-repeat; padding: 0 0 0 12px; color: #fff; font-weight: bold; font-size: 11px; font-family: Verdana, sans-serif; text-decoration: none;} html>body #lhsCol ul li a {background: url(../img/bullet_white.gif) 0 75% no-repeat; padding: 0 0 0 12px; color: #fff; font-weight: bold; font-size: 11px; font-family: Verdana, sans-serif; text-decoration: none;} #lhsCol ul li a:HOVER {color: #ddd; text-decoration: underline;} #rhsWrapper {float: right; width: 508px;} html>body #rhsWrapper {float: right; width: 515px; margin: 0;} /*top row section class definition*/ #topRow {width: 495px;} #topRow h1 {font-size: 18px; color: #C40E0B; font-weight: normal; border-bottom: 1px solid #aaa; margin: 0 0 0 25px; padding: 20px 0 10px 0;} html>body #topRow h1 {font-size: 18px; color: #C40E0B; font-weight: normal; border-bottom: 1px solid #aaa; margin: 0 0 0 30px; padding: 10px 0 10px 0;} /*center column section class definition*/ #centerCol {float: left; width: 254px; padding: 10px 5px 10px 25px;} html>body #centerCol {float: left; width: 225px; padding: 0px 10px 10px 30px;} #centerCol p {font-size: 11px; line-height: 150%;} /*right side column section class definition*/ #rhsCol {float: left; width: 251px; padding: 10px 10px 10px 20px;} html>body #rhsCol {float: left; width: 217px; padding: 0px 10px 10px 18px;} #rhsCol p {font-size: 11px; line-height: 150%;} /* Nest center column section class definition*/ #centerColNu {margin: 0 0px 10px 22px; height: 211px; width: 485px; padding: 10px 12px 0px 14px; background: white url('../img/red_background_long.gif') no-repeat left top;} html>body #centerColNu {float: left; height: auto; width: 455px; padding: 0px 14px 0px 14px;} #centerColNu p {font-size: 11px; color: #000; line-height: 150%;} #centerColNu h1 {font-size: 16px; color: #ebeaea; font-weight: normal; border-bottom: 1px solid white; padding: 0 0 10px 0;} #centerColNu ul li {list-style: none; margin: 0 0 0 -40px;} #centerColNu ul li a {background: url(../img/white_arrow.png) 0 60% no-repeat; padding: 0 0 0 14px; color: #000; font-weight: normal; font-size: 16px; text-decoration: none; line-height: 150%;} html>body #centerColNu ul li a {background: url(../img/white_arrow.png) left center no-repeat; padding: 0 0 0 22px; color: #000; font-weight: normal; font-size: 12px; text-decoration: none; line-height: 150%;} #centerColNu ul li a:HOVER {color: #666; text-decoration: underline;} /********************************************************************************/ /*bottom section class definition*/ /* #bottomContentWrapper {float: left; background: #ebeaea url(../img/bgnd_bottom.gif) no-repeat top left; width: 750px; padding: 19px 0 0 0;} html>body #bottomContentWrapper {float: left; background: #ebeaea url(../img/bgnd_bottom.gif) no-repeat top left; width: 750px; padding: 19px 0 0 0;} #bottomContentWrapper p {font-size: 11px; color: #000;} */ #bottomContentWrapper {float: left; background: url(../img/bgnd_bottom_inside.gif) no-repeat top left; width: 750px; height: 25px;} /*left side bottom column section class definition*/ #lhsColBottom {float: left; width: 251px; padding: 11px 8px 10px 37px;} html>body #lhsColBottom {float: left; width: 195px; padding: 0px 19px 10px 37px;} #lhsColBottom p {font-size: 11px; color: #000; line-height: 150%;margin: 0 0 8px 0;text-align:left;} #lhsColBottom h1 {font-size: 18px; color: #777870; font-weight: normal; border-bottom: 1px solid #aaa; padding: 0 0 10px 0;} /*center bottom column section class definition*/ #centerColBottom {float: left; height: 211px; width: 263px; padding: 10px 12px 10px 14px; background: #ebeaea url('../img/red_background.gif') no-repeat left top;} html>body #centerColBottom {float: left; height: auto; width: 225px; padding: 0px 14px 10px 14px;} #centerColBottom p {font-size: 11px; color: #000; line-height: 150%;} #centerColBottom h1 {font-size: 18px; color: #ebeaea; font-weight: normal; border-bottom: 1px solid white; padding: 0 0 10px 0;} #centerColBottom ul li {list-style: none; margin: 0 0 0 -40px;} #centerColBottom ul li a {background: url(../img/white_arrow.png) 0 60% no-repeat; padding: 0 0 0 12px; color: #000; font-weight: normal; font-size: 11px; text-decoration: none; line-height: 150%;} html>body #centerColBottom ul li a {background: url(../img/white_arrow.png) left center no-repeat; padding: 0 0 0 12px; color: #000; font-weight: normal; font-size: 11px; text-decoration: none; line-height: 150%;} #centerColBottom ul li a:HOVER {color: #666; text-decoration: underline;} /*right side bottom column section class definition*/ #rhsColBottom {background: #777870; float: right; width: 246px; padding: 10px 15px 50px 15px; margin: 0px 0 0 -10px;} html>body #rhsColBottom {background: #777870; float: left; width: 216px; padding: 0px 12px 35px 18px; margin: 0;} #rhsColBottom p {font-size: 11px; color: #fff; line-height: 150%;} #rhsColBottom p.quote {font-size: 11px; color: #fff; line-height: 150%; font-style: italic;} #rhsColBottom p.caption {font-size: 11px; color: #fff; text-align: right; line-height: 150%;} #rhsColBottom h1 {font-size: 18px; color: #fff; font-weight: normal; border-bottom: 1px solid #aaa; padding: 0 0 10px 0;} /********************************************************************************/ /*footer section class definition*/ #footerWrapper {float: left; background: url(../img/bgnd_footer.gif) repeat-x top left; width: 750px; height: 35px;} html>body #footerWrapper {float: left; background: url(../img/bgnd_footer.gif) repeat-x top left; width: 750px;} #footerWrapper p {font-size: 11px; color: #000;} /*footer menu section class definition*/ #footerMenu {float: left; font-size: 11px;} #footerMenu ul {padding: 10px 0 0 0; margin: 0 0 0 10px;} html>body #footerMenu ul {padding: 10px 0 0 10px; margin: 0;} #footerMenu ul li {list-style: none; display: inline; padding:0 5px 0 7px; border-left: 1px solid #fff;} #footerMenu ul li.first {border: none;} #footerMenu ul li a {color: #fff; text-decoration: none;} #footerMenu ul li a:HOVER {color: #aaa;} /*footer menu section class definition*/ #footerContact {float: right; padding: 12px 0 0 0;} html>body #footerContact {float: right; padding: 0;} #footerContact p {font-size: 11px; color: #fff;} #footerContact a {font-size: 11px; color: #fff; text-decoration: none;} #footerContact a:HOVER {color: #aaa;} #upload_cv, #refer_a_friend{ overflow: hidden; text-indent: -200px; display: block; background: url(../img/button_upload.png) no-repeat left bottom; height: 105px; width: 203px; margin-left: -6px; } #refer_a_friend{ background-image: url(../img/button_earn.png); } #upload_cv:hover, #refer_a_friend:hover{ background-position: left top; } .tagsCloud{ /*padding-left: 13px;*/ } .tagsCloud .tagsTitle, .redTitle{ font-weight: bold; font-size: 18px; color:#C40E0B; border-bottom:1px solid #AAAAAA; padding-bottom: 5px; } .tagsCloud .tagsTitle{ font-size: 150%; } .tagsCloud .tagsBody a{ padding-right: 10px; } #bottomRow{ clear: both; margin: 0 15px 15px 30px; } #lhsCol input, #jobsearch #categories{font-size: 11px; color: #000; width: 187px;} #jobsearch #locations, #jobsearch #type{width: 180px;} #jobsearch #keyword{width: 178px;} #jobsearch #searchsubmit{margin-top: 5px;} html>body #lhsCol input, #jobsearch #categories{width: 180px;} #jobsearch {margin-bottom: 0px; color: white;} #jobsearch select {border: 1px solid #c40e0b; background: #FFEBEB; font-size: 11px; } #jobsearch{margin-bottom: 10px;} #marqueecontainer{ position: relative; /*width: 200px; /*marquee width */ height: 110px; /*marquee height */ /*background-color: white;*/ overflow: hidden; padding: 2px 2px 2px 4px; margin-right: 3px; /*padding-left: 4px;*/ } #vmarquee { position: absolute; width: 98%; }