/*===============================IMAGE REPLACEMENT==============================*/ .no { letter-spacing : -1000em; } /* Just for Opera, but hide from MacIE */ /*\*/html>body .no { letter-spacing : normal; text-indent : -999em; overflow : hidden;} /* End of hack */ /* ==============================LAYOUT===========================*/ body { background-color: #F3F3F3; margin: 0px; text-align: center;} .grey { background-color: #F3F3F3; } /* INDEX */ #main_wrapper {width: 922px; margin: 0 auto; } #index_container {width: 922px; float: left; text-align: left;} #header_container {width: 922px; float: left; text-align: left;} #logo {width: 334px; height: 87px; float: left; background: url('/images/headers/logo.jpg') top left no-repeat;} #logo a { display: block; width: 334px; height: 87px;} #contact_number {width:588px; height: 87px; float: left; background: url('/images/headers/contact-number.jpg') top left no-repeat;} #nav {width: 922px; height: 36px; float: left; } #banner {width: 922px; height: 161px; float: left; background: url('/images/index/banner-pic.jpg') top left no-repeat;} #welcome {width: 922px; height: 251px; float: left; background: url('/images/index/welcome-bg.jpg') top left no-repeat;} #welcome_left { width: 520px; float: left; } #welcome_text { width: 455px; color: #3e3f41; font-family: verdana, arial, helvetica; font-size: 11px; font-weight: normal; line-height: 120%; margin: 50px 0 0 42px; } .welcome_copy { margin: 0 0 7px 0;} #free_consultation {width: 170px; height: 15px; float: left; margin: 3px 0 0 45px; _margin:3px 0 0 22px; text-align: center; } #free_training_demo {width: 250px; height: 20px; float: left; margin: 3px 0 0 20px; text-align: center; } #free_training_demo a { height: 35px; position: relative; } #welcome_right { width: 402px; float: left;} .index-middle-links { width: 153px; float: left; margin: 30px 0 0 25px; _margin: 30px 0 0 15px;} .index-middle-links li { margin: 0 0 20px 0; } #index_bottom {width: 922px; height: 291px; float: left; background: url('/images/index/employee-handbook-bg.jpg') top left no-repeat;} #index_bottom_left { width: 830px; float: left; color: #3e3f41; font-family: verdana, arial, helvetica; font-size: 11px; font-weight: normal; line-height: 150%;margin: 50px 0 0 38px; _margin: 50px 0 0 18px; padding: 0 25px 0 0; } .index-links { width: 200px; float: left; margin: 10px 0 0 25px;} #index_bottom_left p { margin: 5px 0 7px 0; font-size: 11px; font-weight: normal; line-height: 120%; } #footer_container { width: 100%; margin: 10px 0 25px 0; float: left; } p#footer {text-align: center;} /*==================================INTERIOR=======================================================*/ #int_container {width: 922px; float: left; text-align: left; _margin: 0 auto;} #main_banner { width: 922px; height: 258px; float: left; background: url('/images/headers/hr-h.jpg') top left no-repeat; float: left; } #compliance_banner { width: 922px; height: 199px; float: left; background: url('/images/headers/compliance-h.jpg') top left no-repeat; float: left; } #hr_banner { width: 922px; height: 199px; float: left; background: url('/images/headers/hr-h.jpg') top left no-repeat; float: left; } #payroll_banner { width: 922px; height: 199px; float: left; background: url('/images/headers/payroll-h.jpg') top left no-repeat; float: left; } #training_banner { width: 922px; height: 199px; float: left; background: url('/images/headers/training-h.jpg') top left no-repeat; float: left; } #hiring_banner { width: 922px; height: 199px; float: left; background: url('/images/headers/hiring-h.jpg') top left no-repeat; float: left; } #contact_banner { width: 922px; height: 199px; float: left; background: url('/images/headers/contact-h.jpg') top left no-repeat; float: left; } #privacy_banner { width: 922px; height: 199px; float: left; background: url('/images/headers/privacy-h.jpg') top left no-repeat; float: left; } #consultation_banner { width: 922px; height: 199px; float: left; background: url('/images/headers/free-consultation-h.jpg') top left no-repeat; float: left; } #online_training_banner { width: 922px; height: 199px; float: left; background: url('/images/headers/online-training-h.jpg') top left no-repeat; float: left; } #not_found_banner { width: 922px; height: 199px; float: left; background: url('/images/headers/404-h.jpg') top left no-repeat; float: left; } #interior_content_wrapper { width: 922px; background: url(/images/includes/stretch-new.jpg) top left repeat-y; float: left; padding: 0 0 0 0; } #left_col_content { width: 680px; _width: 640px; float: left; padding: 0 0 0 5px; _padding: 0 10px 0 25px } #right_col_nav { width: 180px; height: 500px; padding: 20px 0 0 30px; _padding: 20px 0 0 10px; float: left; background: url('/images/watermark2.png') top center no-repeat;} #contact_information { _margin: 0 0 0 35px; } #contact_information li { font-family: verdana, arial, helvetica; font-size: 10px; font-weight: normal; line-height: 150%; } #phone_number { margin: 15px 0 0 0; } #int-footer-container { width: 100%; height: 500px; float: left; background: url('/images/includes/footer-new.jpg') top center no-repeat; padding: 100px 0 20px 0} .blank_subheader { width: 573px; height: 59px; float: left; background: url('/images/includes/blank-sh.jpg') top left no-repeat; margin: 0 0 15px 0;} .blank_subheader span {color: white; font-family: verdana, arial, helvetica; font-size: 15px; font-weight: bold; line-height: 400%; margin: 0 0 0 20px; float: left;} .blank_subheader_new { width: 650px; height: 59px; float: left; background: url('/images/includes/blank-sh-new.jpg') top left no-repeat; margin: 0 0 15px 0;} .blank_subheader_new span {color: white; font-family: verdana, arial, helvetica; font-size: 15px; font-weight: bold; line-height: 400%; margin: 0 0 0 20px; float: left;} .track_wrapper { width: 620px; height: 170px; padding: 10px 0 10px 10px; } .track_list { width: 270px; _width: 250px; float: left; margin: 0 20px 0 0; } .track_wrapper_tall { width: 620px; height: 230px; padding: 10px 0 10px 10px; } /* ==================================NAVIGATION====================================================== */ /* ul, ol {list-style: none; margin: 0 0 0 0; float: left; border: 0;} */ #int-nav {width: 588px; height: 53px; float: left;} #top_navigation { width: 922px; height: 36px; float: left; z-index: 1; } #top_navigation li { float: left; border: none; } #top_navigation a { display: block; } #top_navigation li { float: left; } #top_navigation li a { height: 36px; } #home a { background: url(/images/nav/home.jpg) top center no-repeat; width:92px; } #hr a { background: url(/images/nav/hr.jpg) top center no-repeat; width:151px; } #payroll a { background: url(/images/nav/payroll.jpg) top center no-repeat; width: 109px; } #compliance a { background: url(/images/nav/compliance-audits.jpg) top center no-repeat; width: 173px; } #training a { background: url(/images/nav/training-assessments.jpg) top center no-repeat; width: 199px; } #hiring a { background: url(/images/nav/hiring.jpg) top center no-repeat; width: 102px; } #contact a { background: url(/images/nav/contact.jpg) top center no-repeat; width: 96px; } #home a:hover, #hr a:hover, #payroll a:hover, #compliance a:hover, #training a:hover, #hiring a:hover, #contact a:hover { background-position:bottom; } /* DROPDOWNS */ #hr_dropdown { width: 200px; } #hr_dropdown li a { width: 200px; height: 16px; background-image: none; background-color: #EFEFEF; } #hr_dropdown li a:hover { background-color: #FFFFFF; } #compliance_dropdown li a { width: 162px; height: 16px; background-image: none; background-color: #EFEFEF; } #compliance_dropdown li a:hover { background-color: #FFFFFF; } #assessments_dropdown li a { width: 188px; height: 16px; background-image: none; background-color: #EFEFEF; } #assessments_dropdown li a:hover { background-color: #FFFFFF; } #hiring_dropdown li a { width: 150px; height: 16px; background-image: none; background-color: #EFEFEF; } #hiring_dropdown li a:hover { background-color: #FFFFFF; } #payroll_dropdown li a { width: 175px; height: 16px; background-image: none; background-color: #EFEFEF; } #payroll_dropdown li a:hover { background-color: #FFFFFF; } .dropdown_list {*margin: -4px 0 0 0; } #compliance_text_nav { float: left; z-index: 1; margin: 20px 0 0 10px; _margin: 20px 0 0 20px; } #compliance_text_nav li { margin: 0 0 10px 0;} /* SMART NAV */ #home_body #home a, #hr_body #hr a, #payroll_body #payroll a, #compliance_body #compliance a, #training_body #training a, #hiring_body #hiring a, #contact_body #contact a { background-position: bottom;} /* =========================INTERIOR=================================== */ #header_slogan {width: 400px; float: left; margin: 108px 0 0 502px; line-height: 150%; font-family: verdana, arial, helvetica; font-size: 12px; font-weight: bold; color: white;} td{font-family:verdana, arial, helvetica;font-size:12px;color:#3f3f3f; line-height:150%;} a:link{font-family:verdana, arial, helvetica;font-size:12px;color:#3f3f3f;text-decoration:none;} a:visited{font-family:verdana, arial, helvetica;font-size:12px;color:#3f3f3f;text-decoration:none;} a:hover{font-family:verdana, arial, helvetica;font-size:12px;color:#3f3f3f;text-decoration:underline;} a.footer:link{font-family:verdana, arial, helvetica;font-size:11px;color:#3f3f3f;text-decoration:none;} a.footer:visited{font-family:verdana, arial, helvetica;font-size:11px;color:#3f3f3f;text-decoration:none;} a.footer:hover{font-family:verdana, arial, helvetica;font-size:11px;color:#3f3f3f;text-decoration:underline;} a.right_nav_text_link:link { font-family:verdana, arial, helvetica;font-size: 10px; color: black; text-decoration: none; font-weight: bold; } a.right_nav_text_link:visited { font-family:verdana, arial, helvetica;font-size: 10px; color: black; text-decoration: none; font-weight: bold; } a.right_nav_text_link:hover { font-family:verdana, arial, helvetica;font-size: 10px; color: blue; text-decoration: none; font-weight: bold; } a.index_link:link { font-family:verdana, arial, helvetica;font-size: 12px; color: black; text-decoration: none; font-weight: bold; } a.index_link:visited { font-family:verdana, arial, helvetica;font-size: 12px; color: black; text-decoration: none; font-weight: bold; } a.index_link:hover { font-family:verdana, arial, helvetica;font-size: 12px; color: blue; text-decoration: none; font-weight: bold; } a.name:link{font-family:verdana, arial, helvetica;font-size:12px;color:#3f3f3f;text-decoration:none;} a.name:visited{font-family:verdana, arial, helvetica;font-size:12px;color:#3f3f3f;text-decoration:none;} a.name:hover{font-family:verdana, arial, helvetica;font-size:12px;color:#3f3f3f;text-decoration:none;} a.name-blue:link{font-family:verdana, arial, helvetica;font-size:12px;color:#4a5d85;text-decoration:none;font-weight:bold;} a.name-blue:visited{font-family:verdana, arial, helvetica;font-size:12px;color:#4a5d85;text-decoration:none;font-weight:bold;} a.name-blue:hover{font-family:verdana, arial, helvetica;font-size:12px;color:#4a5d85;text-decoration:none;font-weight:bold;} .hiring-blue{font-family:verdana, arial, helvetica;font-size:12px;color:#4a5d85;text-decoration:none;font-weight:bold;} a.blue-index:link{font-family:verdana, arial, helvetica;font-size:11px;color:#586FB4;text-decoration:none;} a.blue-index:visited{font-family:verdana, arial, helvetica;font-size:11px;color:#586FB4;text-decoration:none;} a.blue-index:hover{font-family:verdana, arial, helvetica;font-size:11px;color:#586FB4;text-decoration:underline;} a.blue-learn:link{font-family:verdana, arial, helvetica;font-size:11px;color:#003366;text-decoration:none;font-weight:bold;} a.blue-learn:visited{font-family:verdana, arial, helvetica;font-size:11px;color:#003366; text-decoration:none;font-weight:bold;} a.blue-learn:hover{font-family:verdana, arial, helvetica;font-size:11px;color:#003366;text-decoration:underline;font-weight:bold;} a.blue-read:link{font-family:verdana, arial, helvetica;font-size:12px;color:#4a5d85;text-decoration:none;font-weight:bold;} a.blue-read:visited{font-family:verdana, arial, helvetica;font-size:12px;color:#4a5d85;text-decoration:none;font-weight:bold;} a.blue-read:hover{font-family:verdana, arial, helvetica;font-size:12px;color:#4a5d85;text-decoration:underline;font-weight:bold;} a.blue-link:link{font-family:verdana, arial, helvetica;font-size:12px;color:#4a5d85;text-decoration:none;font-weight:normal;} a.blue-link:visited{font-family:verdana, arial, helvetica;font-size:12px;color:#4a5d85;text-decoration:none;font-weight:normal;} a.blue-link:hover{font-family:verdana, arial, helvetica;font-size:12px;color:#4a5d85;text-decoration:underline;font-weight:normal;} .bright-blue:link{font-family:verdana, arial, helvetica;font-size:12px;color:#99B3E5;text-decoration:none;font-weight:normal;} .bright-blue:visited{font-family:verdana, arial, helvetica;font-size:12px;color:#99B3E5;text-decoration:none;font-weight:normal;} .bright-blue:hover{font-family:verdana, arial, helvetica;font-size:12px;color:#99B3E5;text-decoration:underline;font-weight:normal;} a.rollover-link:link{font-family:verdana, arial, helvetica;font-size:11px;text-decoration:none; display: block; width: 180px; height: 16px; border: 1px solid white; padding: 5px 5px; font-weight: 500; color: #000000; border-bottom-style: none; background: #000000;} a.rollover-link:visited{font-family:verdana, arial, helvetica;font-size:11px;text-decoration:none; display: block; width: 180px; height: 16px; border: 1px solid white; padding: 5px 5px; font-weight: 500; color: #000000; border-bottom-style: none; background: #000000;} a.rollover-link:hover{font-family:verdana, arial, helvetica;font-size:11px;text-decoration:none; display: block; width: 180px; height: 16px; border: 1px solid white; padding: 5px 5px; font-weight: 500; color: #000000; border-bottom-style: none; background: #FFFFFF;} a.rollover-link-dbl:link{font-family:verdana, arial, helvetica;font-size:11px;text-decoration:none; display: block; width: 180px; height: 30px; border: 1px solid white; padding: 5px 5px; font-weight: 500; color: #000000; border-bottom-style: none; background: #e0e0e0;} a.rollover-link-dbl:visited{font-family:verdana, arial, helvetica;font-size:11px;text-decoration:none; display: block; width: 180px; height: 30px; border: 1px solid white; padding: 5px 5px; font-weight: 500; color: #000000; border-bottom-style: none; background: #e0e0e0;} a.rollover-link-dbl:hover {font-family:verdana, arial, helvetica;font-size:11px;text-decoration:none; display: block; width: 180px; height: 30px; border: 1px solid white; padding: 5px 5px;font-weight: 500; color: #000000; border-bottom-style: none; background: #a0b0c7;} a.blue-contact:link{font-family:verdana, arial, helvetica;font-size:14px;color:#506791;text-decoration:none;font-weight:bold;} a.blue-contact:visited{font-family:verdana, arial, helvetica;font-size:14px;color:#506791;text-decoration:none;font-weight:bold;} a.blue-contact:hover{font-family:verdana, arial, helvetica;font-size:14px;color:#506791;text-decoration:underline;font-weight:bold;} a.black-name:link{font-family:verdana, arial, helvetica;font-size:12px;color:#000000;text-decoration:none;font-weight:bold;} a.black-name:visited{font-family:verdana, arial, helvetica;font-size:12px;color:#000000;text-decoration:none;font-weight:bold;} a.black-name:hover{font-family:verdana, arial, helvetica;font-size:12px;color:#000000;text-decoration:none;font-weight:bold;} a.no-ul:link{font-family:verdana, arial, helvetica;font-size:15px;color:#ffffff;text-decoration:none;font-weight:bold;} a.no-ul:visited{font-family:verdana, arial, helvetica;font-size:15px;color:#ffffff;text-decoration:none;font-weight:bold;} a.no-ul:hover{font-family:verdana, arial, helvetica;font-size:15px;color:#ffffff;text-decoration:none;font-weight:bold;} #dev div { border: 1px solid red; } /* ============INPUTS============ */ #required_notice {float: right;} #form_wrapper div { margin: 0 0 0 20px; } .form_label { margin: 0 0 5px 20px; } .form_input { margin: 0 0 10px 20px;} .required { color: #FFA200; } #demo_form { font-family:verdana, arial, helvetica;font-size: 12px; color: black; } .small_input_wrapper {width: 250px; float: left; margin: 10px 0 0 0;} /* ============================== */ .footer-text{font-family:verdana, arial, helvetica;font-size:11px;color:#3f3f3f;text-decoration:none; } .index{font-family:verdana, arial, helvetica;font-size:11px;color:#3f3f3f;text-decoration:none;} .int{font-family:verdana, arial, helvetica;font-size:12px;color:#3f3f3f;text-decoration:none;} .blue_11_b { font-family: verdana, arial, helvetica; font-size: 11px; color: #495d86; font-weight: bold; } .blue-bold-index{font-family:verdana, arial, helvetica;font-size:11px;color:#4a5d85;text-decoration:none;font-weight:bold;} .blue-bold-int{font-family:verdana, arial, helvetica;font-size:12px;color:#4a5d85;text-decoration:none;font-weight:bold;} .black-int{font-family:verdana, arial, helvetica;font-size:12px;color:#000000;text-decoration:none;font-weight:normal;} .black-bold-index{font-family:verdana, arial, helvetica;font-size:11px;color:#000000;text-decoration:none;font-weight:bold;} .black-index{font-family:verdana, arial, helvetica;font-size:11px;color:#000000;text-decoration:none;font-weight:bold;line-height:130%;} .white-header{font-family:verdana, arial, helvetica;font-size:18px;color:#ffffff;text-decoration:none;font-weight:bold;} .white-12{font-family:verdana, arial, helvetica;font-size:12px;color:#ffffff;text-decoration:none;font-weight:bold;} .white-sub{font-family:verdana, arial, helvetica;font-size:15px;color:#ffffff;text-decoration:none;font-weight:bold;} .contact-right{font-family:verdana, arial, helvetica;font-size:14px;color:#506791;text-decoration:none;font-weight:bold;} .red-12{font-family:verdana, arial, helvetica;font-size:12px;color:#FF3030;text-decoration:none;font-weight:bold;} .textarea{font-family:verdana, arial, helvetica;font-size:14px;color:#000000; line-height:150%; border:1px solid #B5B6B8;} .black-12{font-family:verdana, arial, helvetica;font-size:12px;color:#000000;text-decoration:none;font-weight:bold;} .input{font-family:verdana, arial, helvetica;font-size:14px;color:#000000; line-height:150%; height:25px; border:1px solid #B5B6B8;} .disclaimer{font-family:verdana, arial, helvetica;font-size:11px;color:#000000;text-decoration:none;font-weight:normal;} .list_inset {width: 600px; padding: 0 0 0 35px; float: left;} .int-margin {margin:15px 30px 0 40px; _margin: 15px 0 0 20px; font-family: Verdana, Arial, Helvetica; font-size: 11px; } .rightnav {margin:0 0 0 11px;} .rightnavsmall{margin:3px 0 0 21px;} .light_blue_box {width: 600px; background-color: #EFF6FD; padding: 5px 0 5px 0; margin: 10px 0 0 ; font-family:verdana, arial, helvetica;font-size:11px;color:#000000;text-decoration:none; font-weight: normal; line-height: 160%;} .left {float: left;} a.mmd_link:link { font-family:verdana, arial, helvetica;font-size:11px;color:#000000;text-decoration:none; font-weight:bold; } a.mmd_link:visited { font-family:verdana, arial, helvetica;font-size:11px;color:#000000;text-decoration:none; font-weight:bold; } a.mmd_link:hover { font-family:verdana, arial, helvetica;font-size:11px;color:#000000;text-decoration:underline; font-weight:bold; } .mmd_text { font-family:verdana, arial, helvetica;font-size:11px;color:#000000;text-decoration:none; font-weight:normal; } .list_with_breaks li { margin: 0 0 10px 0;} .new_sh { font-family: verdana, arial, helvetica; font-size: 12px; color: #003366; font-weight: bold; margin: 40px 0 10px 0; display: block; } .dk-blue { font-family: verdana, arial, helvetica; font-size: 12px; color: #003366; font-weight: bold; } #contact_information li { font-family: verdana, arial, helvetica; font-size: 10px; color: #003366; font-weight: bold;} .int-margin p { font-family: verdana, arial, helvetica; font-size: 11px; color: black; margin: auto auto 15px 0; line-height: 150%; } .bullets {font-family: verdana, arial, helvetica; font-size: 11px; color: black; margin: 0 0 0 25px; float: left; } .bullets li {list-style-type: disc; font-family: verdana, arial, helvetica; font-size: 11px; font-weight: bold; color: #003366; line-height: 140%; margin: 0 0 5px 0; } .normal-list li { font-weight: normal; line-height: 140%; list-style-type: disc; margin: 0 0 0 15px; } #sublist { margin: 0 0 0 0; } #sublist li { line-height: 100%; margin: 0 0 0 0;} #sublist a { font-weight: normal; } a.pagination:link { font-family: verdana, arial, helvetica; font-size: 12px; color: black; font-weight: bold; text-decoration: none;} a.pagination:visited { font-family: verdana, arial, helvetica; font-size: 12px; color: black; font-weight: bold; text-decoration: none;} a.pagination:hover{ font-family: verdana, arial, helvetica; font-size: 12px; color: black; font-weight: bold; text-decoration: underline;} #pagination_wrapper {width: 100%; height: 30px; padding: 12px 0 0 0; _padding: 12px 0 0 0; text-align: center; font-family: verdana, arial, helvetica; font-size: 12px; color: black; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999;} .dev_border {border: 1px solid red; }