/* Global styles */ body { overflow: -moz-scrollbars-vertical; background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; color:#404040;} * {margin: 0 auto; padding: 0;} /*<------<--------<-----| This assumes we're centering!!! */ a img {border: none;} a { color:#0075d9; text-decoration:underline; font-weight:bold} a:hover, a.current {text-decoration: none;} p { font-size:11px; padding:0 0 10px 14px; line-height:17px;} ul, ol {padding:4px 0 10px 44px; line-height:17px; margin:0} li {font-size:11px; margin:0; padding:0 0 4px 0} td, th, tr {font-size:11px;} strong { color:#000;} h1{color:#469536; font-size:20px; padding:0 0 8px 0;} h2{color:#469536; font-size:18px; padding:0 0 8px 0;} h3{color:#469536; font-size:16px; padding:0 0 8px 0;} h4{color:#469536; font-size:14px; padding:0 0 8px 0;} h5{color:#469536; font-size:12px; padding:0 0 8px 0;} h6{color:#469536; font-size:10px; padding:0 0 8px 0;} hr{ color:#787878; border:1px solid #787878; border-width:0 0 1px 0; margin:0 10px 10px 10px} /* reusable classes */ .right{float:right;} .left{float:left;} .full{position:relative; width:530px;} .split50{position:relative; width:265px;float:left;} .split30{position:relative; width:176px;float:left;} .formpadding td {padding: 0 0 10px 0;} .greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both} /* Wrappers */ #PageWrapper{ border:1px solid #000; background:url(images/new-images/top.gif) no-repeat; width:810px; padding:4px 0 0 0; margin-top:14px;} #Logo{ width:810px; height:80px; clear:both} /* Wrappers */ #PageWrapperSub{ border:1px solid #000; background:url(images/new-images/top-sub.gif) no-repeat; width:810px; padding:4px 0 0 0; margin-top:14px;} #LogoSub{ width:810px; height:60px; clear:both} #main-navigation {width:810px; height:30px; list-style:none; padding: 0;} #main-navigation ul{ list-style:none; margin:0; padding:0} #main-navigation li { float: left;} #main-navigation li a span { display: none; } #main-navigation li a {height: 30px;display: block; float: left;padding: 0;} #main-navigation li a.home {width: 90px;background: url(images/new-images/nav_01.gif) no-repeat top;} #main-navigation li a.aboutus {width: 108px;background: url(images/new-images/nav_02.gif) no-repeat top;} #main-navigation li a.employers {width: 113px;background: url(images/new-images/nav_03.gif) no-repeat top;} #main-navigation li a.jobseekers {width: 130px; background: url(images/new-images/nav_04.gif) no-repeat top;} #main-navigation li a.searchjobs {width: 130px; background: url(images/new-images/nav_05.gif) no-repeat top;} #main-navigation li a.resources {width: 120px;background: url(images/new-images/nav_06.gif) no-repeat top;} #main-navigation li a.contactus {width: 119px;background: url(images/new-images/nav_07.gif) no-repeat top;} #main-navigation li a:hover{background-position:bottom;} #main-navigation li a.current {background-position: bottom;} #big-navigation {width: 790px; height: 50px;list-style: none; padding: 0;} #big-navigation li { float: left;} #big-navigation li a span { display: none; } #big-navigation li a {height: 50px;display: block; float: left;padding: 0;} #big-navigation li a.employers {width: 158px;background: url(images/new-images/bignav_01.gif) no-repeat top;} #big-navigation li a.jobseekers {width: 159px;background: url(images/new-images/bignav_02.gif) no-repeat top;} #big-navigation li a.search {width: 157px;background: url(images/new-images/bignav_03.gif) no-repeat top;} #big-navigation li a.resources {width: 159px; background: url(images/new-images/bignav_04.gif) no-repeat top;} #big-navigation li a.divisions {width: 157px; background: url(images/new-images/bignav_05.gif) no-repeat top;} #big-navigation li a:hover, #big-navigation li a.current {background-position: bottom;} #HpContent{ padding:10px 0; width:790px;} #HpCopy{ background:url(images/new-images/txt-hp.gif) no-repeat; float:left; width:490px; padding:28px 14px 10px 4px;} #HpCopy strong{ color:#469536;} #HpCopy p{ line-height:18px; color:#787878} #quick-navigation {width: 280px; list-style: none; padding: 22px 0 10px 0; float:right} #quick-navigation li { float: left; margin:0; padding:0} #quick-navigation li img {margin:0; padding:0} #quick-navigation li a span { display: none; } #quick-navigation li a {width: 280px;display: block; float: left;padding: 0; margin:0} #quick-navigation li a.apply {height: 30px;background: url(images/new-images/quicknav_01.gif) no-repeat left;} #quick-navigation li a.newsletter {height: 32px;background: url(images/new-images/quicknav_02.gif) no-repeat left;} #quick-navigation li a.refer {height: 32px;background: url(images/new-images/quicknav_03.gif) no-repeat left;} #quick-navigation li a.quote {height: 30px; background: url(images/new-images/quicknav_04.gif) no-repeat left;} #quick-navigation li a.employee {height: 32px; background: url(images/new-images/quicknav_05.gif) no-repeat left;} #quick-navigation li a.recruiter {height: 38px; background: url(images/new-images/quicknav_06.gif) no-repeat left;} #quick-navigation li a.blog {height: 30px; background: url(images/new-images/quicknav_07.gif) no-repeat left;} #quick-navigation li a:hover, #quick-navigation li a.current {background-position: right;} #Wrapper{ padding:0 10px 0 10px;} #WrapperSub{ padding:0 0 0 12px;} #SubContentArea{ float:left; width:748px; padding:0 4px 0 0} #SubGreenBar{ float:right; background:url(images/new-images/logo-bar.jpg) no-repeat; width:41px; height:544px;} #HpBanner{ background:url(images/new-images/hp-banner.jpg) no-repeat; width:790px; height:206px; margin-bottom:3px} #subBanner_about{float:left;background:#fff url(images/subBanner_about.jpg) no-repeat;height:206px; width:748px;} #subBanner_js{float:left;background:#fff url(images/subBanner_jobseekers.jpg) no-repeat; height:206px; width:748px} #subBanner_emp{float:left;background:#fff url(images/subBanner_employers.jpg) no-repeat;height:206px; width:748px;} #subBanner_search{float:left;background:#fff url(images/subBanner_search.jpg) no-repeat;height:206px; width:748px;} #subBanner_resc{float:left;background:#fff url(images/subBanner_resources.jpg) no-repeat;height:206px; width:748px;} #subBanner_div{float:left;background:#fff url(images/subBanner_divisions.jpg) no-repeat;height:206px; width:748px;} #subBanner_contact{float:left;background:#fff url(images/subBanner_contact.jpg) no-repeat;height:206px; width:748px;} /* Job Seekers = _js */ #subNav_js{float:left;background:#fff url(images/subNav_jobseekers.jpg) no-repeat; height:29px; width:618px; margin:6px 0 0 0; padding:8px 0 0 130px;} #subNav_js a{color: #e48231;} #Content_js {padding:10px 0 10px 8px; width:530px; float:left;} #Content_js h2{font-size: 16px; color: #e48231;} #Content_js h3{font-size: 14px; color: #e48231;} #Content_js ul.list_js{list-style:none; padding:0 0 0 25px;} #Content_js a{font-size: 10px;color: #3f749f;text-decoration: none;} #Content_js a:hover{text-decoration: underline;} /* About Us = _about */ #subNav_about{float:left;background:#fff url(images/subNav_about.jpg) no-repeat; height:29px; width:618px; margin:6px 0 0 0; padding:8px 0 0 130px; *height:24px; *padding:13px 0 0 130px;} #subNav_about a{color: #1b93f4; margin-top:10px} #Content_about {padding: 10px 0 10px 8px; width:530px; float:left;} #Content_about h2{font-size: 16px; color: #1b93f4;} #Content_about a{font-size: 10px;color: #3f749f;text-decoration: none;} #Content_about a:hover{text-decoration: underline;} /* Employers = _emp */ #subNav_emp{float:left; background:url(images/subNav_employers.jpg) no-repeat; height:29px; width:618px; margin:6px 0 0 0; padding:8px 0 0 130px; *height:24px; *padding:13px 0 0 130px;} #subNav_emp a{color: #1b26f4;} #Content_emp {padding: 10px 0 10px 8px; width:530px; float:left;} #Content_emp h2{font-size: 16px; color: #1b26f4;} #Content_emp h3{font-size: 14px; color: #1b26f4;} #Content_emp h3 span a{font-size:14px;} #Content_emp a{font-size:10px; color:#3f749f; text-decoration: none;} #Content_emp a:hover{text-decoration:underline;} /* Search = _search */ #subNav_search{float:left;background:#fff url(images/subNav_search.jpg) no-repeat; height:24px; width:618px; margin:6px 0 0 0; padding:13px 0 0 130px; *height:29px; *padding:8px 0 0 130px;} #subNav_search a{color: #701cf2;} #Content_search {padding: 10px 0 10px 8px; width:530px; float:left;} #Content_search h2{font-size: 16px; color: #701cf2; padding: 0;} #Content_search a{font-size: 10px;color: #3f749f;text-decoration: none;} #Content_search a:hover{text-decoration: underline;} /* Resources = _resc */ #subNav_resc{float:left;background:#fff url(images/subNav_resources.jpg) no-repeat; height:24px; width:618px; margin:6px 0 0 0; padding:13px 0 0 130px; *height:21px; *padding:16px 0 0 130px;} #subNav_resc a{color: #5fb75c;} #subNav_resc2{float:left;background:#fff url(images/subNav_resources.jpg) no-repeat; height:29px; width:618px; margin:6px 0 0 0; padding:8px 0 0 130px; *height:24px; *padding:13px 0 0 130px;} #subNav_resc2 a{color: #5fb75c;} #Content_resc {padding: 10px 0 10px 8px; width:530px; float:left;} #Content_resc h2{font-size: 16px; color: #5fb75c;} #Content_resc a{font-size: 10px;color: #3f749f;text-decoration: none;} #Content_resc a:hover{text-decoration: underline;} /* Divisions = _div */ #subNav_div{float:left;background:#fff url(images/subNav_divisions.jpg) no-repeat; height:29px; width:618px; margin:6px 0 0 0; padding:8px 0 0 130px; *height:24px; *padding:13px 0 0 130px;} #subNav_div a{color: #eb2734;} #Content_div {padding: 10px 0 10px 8px; width:530px; float:left;} #Content_div h2{font-size: 16px; color: #eb2734;} #Content_div a{font-size: 10px;color: #3f749f;text-decoration: none;} #Content_div a:hover{text-decoration: underline;} /* Contact Us = _contact */ #subNav_contact{float:left;background:#fff url(images/subNav_contact.jpg) no-repeat; height:29px; width:618px; margin:6px 0 0 0; padding:8px 0 0 130px;} #subNav_contact a{color: #1993F6;} #Content_contact {padding: 10px 0 10px 8px; width:530px; float:left;} #Content_contact h2{font-size: 16px; color: #1993F6;} #Content_contact a{font-size: 10px;color: #3f749f;text-decoration: none;} #Content_contact a:hover{text-decoration: underline;} #Buttons{position:relative; float:right; top:9px; width:188px; overflow:hidden;display:block;} #Buttons .button{position:relative; margin-top:6px;} #FooterInfo{ padding:0 0 10px 0; width:790px; font-size:10px;} #FooterInfo span{ padding:2px 0 0 0; color:#787878} #FooterInfo ul{ list-style:none; margin:0; padding:0; float:right} #FooterInfo li{ padding:0 0 0 12px; margin:0; float:left} #FooterInfo li a{ color:#787878; text-decoration:none; text-transform:lowercase; font-size:10px; font-weight:normal;} span.subnav{font-size:10px; color:#000;} span.subnav a{font-weight:bold; text-decoration:none;} span.subnav a:hover{font-weight:bold; text-decoration:underline;} span.subnav a.current{font-weight:bold; text-decoration:underline;} /******************JQuery Styles***************/ div.answer{display: none;} .answer{padding:10px; margin-bottom:5px;} div.question{ margin:8px 0 4px 0; background:#ededed; padding:0;} div.question h4{padding:4px; color:#000; font-size:12px} div.question:hover {background:#dbdbdb; cursor:pointer} div.question.active{background:#dbdbdb;} /***********Form Styles**************/ /* Define your base widths here as well as any fancy button formatting. Just remember that only real browsers will see image-based buttons. */ input[type="text"]{width:150px;} textarea{width:150px;} select{width:150px;} input[type="button"]{} input[type="submit"]{} /* Define the various event states */ input.disabled, select.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;} input.required, textarea.required, select.required {border: 1px solid #00A8E6;} input.validation-failed, textarea.validation-failed, select.validation-failed {border: 1px solid #FF3300;color: #FF3300;} input.validation-passed, textarea.validation-passed, select.validation-passed {border: 1px solid #00CC00;color: #000;} .validation-advice {margin: 5px 0;padding: 5px;background-color: #FF3300;color: #FFF;font-weight: bold;} .custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;} /* Define the basic form layout */ fieldset {padding: 1em;margin-bottom: 0.5em;} label {font-weight: bold;} .form-row {clear: both; font-size:11px} .field-label { float:left; width:180px; margin-bottom:10px;} .field-widget { float:left; width:200px; margin-bottom:10px;} /* Anything extra... */ .red{color:#990000;} /***********s2k styles**************/ .s2k_text_2006 { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#000000; } .s2k_heading_2006 { font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#056341; } .s2k_subheading_2006 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; font-style:italic; color:#62B759; } .s2k_bold_2006 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#056341; } .s2k_byline_2006 { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color:#333333; } .s2k_footer_2006 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; } .s2k_image_2006 { border:1px solid #000099; } /***********Min-Height Hack**************/ .prop {float:left;width:1px;} .clear {clear:both;height:1px;overflow:hidden;} /* I don't currently rely on .clear */ .min431px {height:431px;} /***************************************/ /* -- Alsett Clearing Method*/ .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix {height: 1%;} .clearfix {display: block;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;}