/* GLOBAL /////////////////////////////////////////// */ body { behavior: url("../css/csshover.htc"); } #container { margin: 0 auto; padding: 0 6px 0 6px; width: 968px; } span.replace { /* Image Replacement */ display: block; overflow: hidden; width: 0; height: 0; } p { padding: 10px 0 0 0; color: #555555; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 120%; color: #345f9c; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #345f9c; } h1 span { color: #f96e19; } .title { font-weight: normal; font-size: 120%; color: #345f9c; } .bold { font-weight: bold; } #content { float: left; padding: 0 12px 0 12px; width: 659px; } #column { float: right; margin: 10px 0 0 0; width: 284px; } #content-fullwidth { width: 967px; padding: 25px 12px; text-align: center; } /* HEADER /////////////////////////////////////////// */ /* User Login ------ */ #user-login { width: 968px; height: 30px; } #user-login a { float: right; display: block; margin: 0 14px 0 0; width: 117px; height: 30px; background: url("../images/layout/btn-user-login.gif") no-repeat; } #user-login a:hover { background-position: 0 -30px; } /* Logo ------ */ #logo { float: left; padding: 0 0 20px 5px; width: 196px; height: 51px; } /* Navigation ------ */ /* width revised from 708 for testing ------ */ #navigation { float: right; margin: 13px 0 12px 0; width: 709px; height: 40px; } /* Dropdown ------ */ #nav ul { float: left; width: 708px; list-style: none; line-height: 1; } #nav li { float: left; display: block; } #nav a { display: block; text-decoration: none; background-color: #3b3a36; background-color: #fff; } .btn-employees { width: 146px; height: 40px; background: url("../images/layout/btn-employees.gif") no-repeat; } .btn-employer { width: 139px; height: 40px; background: url("../images/layout/btn-employer.gif") no-repeat; } .btn-resource-library { width: 140px; height: 40px; background: url("../images/layout/btn-resource-library.gif") no-repeat; } .btn-insurance-tracking { width: 140px; height: 40px; background: url("../images/layout/btn-insurance-tracking.gif") no-repeat; } .btn-alliance-partners { width: 140px; height: 40px; background: url("../images/layout/btn-alliance-partners.gif") no-repeat; } .btn-subscribe { width: 143px; height: 40px; background: url("../images/layout/btn-subscribe.gif") no-repeat; } .btn-employees:hover, .btn-employer:hover, .btn-resource-library:hover, .btn-insurance-tracking:hover, .btn-alliance-partners:hover, .btn-subscribe:hover{ background-position: 0 -40px; } /* Nav On States ------ body#human-resources .btn-products, body#hr-software .btn-products, body#online-benefits .btn-products, body#online-paystubs-hr .btn-products, body#online-w2s .btn-products, body#online-timesheets .btn-products, body#time-tracking .btn-products, body#online-paystubs .btn-products, body#time-clocks .btn-products, body#time-and-attendance .btn-products, body#webcasts-demos .btn-resources, body#case-studies .btn-resources, body#white-papers .btn-resources, body#data-sheets .btn-resources, body#case-studies-hr .btn-resources, body#case-studies-ta .btn-resources, body#partners .btn-partners, body#company .btn-company, body#support .btn-support { background-position: 0 -40px; }*/ /* Dropdown ------ */ #nav li ul { position: absolute; padding: 0; width: 11.5em; left: -999em; font-size: 90%; z-index: 1000; } #nav li ul a { padding: 5px 5px 5px 10px; background-color: #666; border-top: 1px solid #bababa; color: #fff; } #nav li ul#nav-products { margin: 0 0 0 4px; width: 126px; } #nav li ul#nav-products a { width: 126px; } #nav li ul#nav-resources { width: 154px; } #nav li ul#nav-resources a { width: 154px; } #nav li ul#nav-company { width: 124px; } #nav li ul#nav-company a { width: 124px; } #nav li ul#nav-support { width: 125px; } #nav li ul#nav-support a { width: 125px; } #nav li ul a:hover { background-color: #fff; color: #3b3a36; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } /* BILLBOARDS /////////////////////////////////////////// */ #billboard-home { float: left; width: 645px; height: 302px; } #billboard { float: left; width: 684px; height: 208px; } #billboard-nav { float: right; width: 284px; } #billboard-nav ul { } #billboard-nav li { display: inline; } #billboard-nav a { display: block; width: 284px; } /* CRUMBS /////////////////////////////////////////// */ #crumbs { color: #6f7679; padding: 10px 0 10px 0; font-size: 75% !important; } #content #crumbs a { color: #6f7679 !important; } #crumbs span { color: #6f7679; padding: 0 8px 0 8px !important; } /* TABS /////////////////////////////////////////// */ /* Human Resource Tabs ------------------- */ #tabs-hr { height: 37px; } #tabs-hr li { display: inline; } #tabs-hr a { float: left; display: block; height: 37px; } #tabs-hr .tab-overview { width: 106px; background: url("../images/human-resources/tab-overview.gif") no-repeat; } #tabs-hr .tab-features { width: 105px; background: url("../images/human-resources/tab-features.gif") no-repeat; } #tabs-hr .tab-benefits { width: 105px; background: url("../images/human-resources/tab-benefits.gif") no-repeat; } #tabs-hr .tab-interfaces { width: 171px; background: url("../images/human-resources/tab-interfaces.gif") no-repeat; } #tabs-hr .tab-payroll { width: 171px; background: url("../images/human-resources/tab-payroll.gif") no-repeat; } #tabs-hr .tab-resources { width: 117px; background: url("../images/human-resources/tab-resources.gif") no-repeat; } #tabs-hr .tab-overview:hover, #tabs-hr .tab-features:hover, #tabs-hr .tab-benefits:hover, #tabs-hr .tab-interfaces:hover, #tabs-hr .tab-payroll:hover, #tabs-hr .tab-resources:hover { background-position: 0 -37px; } #tabs-hr .on { background-position: 0 -74px; } #tabs-hr .on:hover { background-position: 0 -74px; } /* Time and Attendance Tabs ------------------- */ #tabs-ta { height: 37px; } #tabs-ta li { display: inline; } #tabs-ta a { float: left; display: block; height: 37px; } #tabs-ta .tab-overview { width: 106px; background: url("../images/time-attendance/tab-overview-ta.gif") no-repeat; } #tabs-ta .tab-features { width: 105px; background: url("../images/time-attendance/tab-features-ta.gif") no-repeat; } #tabs-ta .tab-interfaces { width: 171px; background: url("../images/time-attendance/tab-interfaces-ta.gif") no-repeat; } #tabs-ta .tab-ivr { width: 61px; background: url("../images/time-attendance/tab-ivr-ta.gif") no-repeat; } #tabs-ta .tab-resources { width: 117px; background: url("../images/time-attendance/tab-resources-ta.gif") no-repeat; } #tabs-ta .tab-overview:hover, #tabs-ta .tab-features:hover, #tabs-ta .tab-interfaces:hover, #tabs-ta .tab-ivr:hover, #tabs-ta .tab-resources:hover { background-position: 0 -37px; } #tabs-ta .on { background-position: 0 -74px; } #tabs-ta .on:hover { background-position: 0 -74px; } /* Resources Tabs ------------------- */ #tabs-resources { height: 37px; } #tabs-resources li { display: inline; } #tabs-resources a { float: left; display: block; height: 37px; } #tabs-resources .tab-webcasts { width: 180px; background: url("../images/resources/tab-webcasts.jpg") no-repeat; } #tabs-resources .tab-case-studies { width: 129px; background: url("../images/resources/tab-case-studies.jpg") no-repeat; } #tabs-resources .tab-white-papers { width: 208px; background: url("../images/resources/tab-white-papers.jpg") no-repeat; } #tabs-resources .tab-data-sheets { width: 124px; background: url("../images/resources/tab-data-sheets.jpg") no-repeat; } #tabs-resources .tab-webcasts { width: 180px; background: url("../images/resources/tab-webcasts.jpg") no-repeat; } #tabs-resources .tab-case-studies { width: 129px; background: url("../images/resources/tab-case-studies.jpg") no-repeat; } #tabs-resources .tab-white-papers { width: 208px; background: url("../images/resources/tab-white-papers.jpg") no-repeat; } #tabs-resources .tab-data-sheets { width: 124px; background: url("../images/resources/tab-data-sheets.jpg") no-repeat; } #tabs-resources .tab-webcasts:hover, #tabs-resources .tab-case-studies:hover, #tabs-resources .tab-white-papers:hover, #tabs-resources .tab-data-sheets:hover { background-position: 0 -37px; } body#webcasts-demos #tabs-resources .tab-webcasts, body#case-studies #tabs-resources .tab-case-studies, body#case-studies-hr #tabs-resources .tab-case-studies, body#case-studies-ta #tabs-resources .tab-case-studies, body#white-papers #tabs-resources .tab-white-papers, body#data-sheets #tabs-resources .tab-data-sheets, body#data-sheets-hr #tabs-resources .tab-data-sheets, body#data-sheets-ta #tabs-resources .tab-data-sheets { background-position: 0 -74px; } /* Tab Content ------------------- */ #tab-content { padding: 12px 12px 0 10px; } #tab-content ul { padding: 0 50px 0 24px; list-style-type: circle; font-size: 90%; font-weight: bold; color: #555555; } #tab-section li { padding: 0 0 8px 0; } #tab-content .table-title { font-size: 93.8%; font-weight: bold; } #tab-content table { margin: 10px 0 14px 0; width: 637px; border-top: 3px solid #6c6c6c; border-bottom: 1px solid #cccccc; } #tab-content table.headers { margin: 10px 0 14px 0; width: 637px; border-top: none; border-bottom: 1px solid #cccccc; } #tab-content tr { background: #F1F1F1; } #tab-content tr.alt-row { background: #E1E1E1; } #tab-content td { padding: 14px 0 13px 0; } #tab-content td.doc-header { padding: 4px 0 3px 10px; font-size: 88%; font-weight: bold; color: #FFFFFF; background-color: #6c6c6c; } #tab-content td.doc-title { width: 68%; padding-left: 10px; font-size: 93.8%; font-weight: bold; } #tab-content td.doc-title a { color: #f96e19; } #tab-content td.doc-download { width: 16%; text-align: right; padding-right: 14px; font-size: 68.8%; font-weight: bold; } #tab-content td.doc-download a { padding: 0 0 1px 24px; background: url("../images/layout/icon-download-sm.gif") no-repeat; } #tab-content td.doc-read-more { width: 16%; text-align: right; padding-right: 14px; font-size: 68.8%; font-weight: bold; } #tab-content td.doc-read-more a { padding: 0 0 2px 24px; background: url("../images/layout/icon-read-more-sm.gif") no-repeat; } #tab-content td.doc-register { width: 18%; text-align: right; padding-right: 14px; font-size: 68.8%; font-weight: bold; } #tab-content td.doc-register a { padding: 0 0 2px 24px; background: url("../images/layout/icon-register-sm.gif") no-repeat; } #tab-content td.doc-watch { width: 18%; text-align: right; padding-right: 14px; font-size: 68.8%; font-weight: bold; } #tab-content td.doc-watch a { padding: 0 0 2px 24px; background: url("../images/layout/icon-watch-demo-sm.gif") no-repeat; } .tab-section { padding: 12px 0 0 0; } .tab-section-left { float: left; display: block; padding: 0 18px 0 0; width: 136px; } .tab-section-left a, .tab-section-left span { float: left; display: block; padding: 2px 0 2px 0; border: 1px solid #eaeaea; background: #fff; } .tab-section-left img { margin: 0 2px 0 2px; } .tab-section-right { float: left; display: block; padding: 0 14px 0 0; width: 462px; } .tab-section p { padding: 0 0 10px 0; } .tab-section ul { list-style-type: circle; font-size: 90%; font-weight: bold; color: #555555; } .tab-section li { padding: 0 0 8px 0; } /* Tabs Background ------ */ #hr-software #content, #online-benefits #content, #online-paystubs-hr #content, #online-w2s #content, #online-timesheets #content, #time-tracking #content, #online-paystubs #content, #time-clocks #content, #webcasts-demos #content, #case-studies #content, #case-studies-hr #content, #case-studies-ta #content, #white-papers #content, #data-sheets #content, #data-sheets-hr #content, #data-sheets-ta #content { background: url("../images/layout/tab-bg.gif") no-repeat; background-position: 0 68px; } /* MODULES /////////////////////////////////////////// */ /* Testimonial */ .testimonial { background: url("../images/layout/bg-testimonial-mid.gif") repeat-y; } .testimonial-top { padding: 20px 12px 0 9px; background: url("../images/layout/bg-testimonial-top.gif") no-repeat; } .testimonial-top p { padding: 0 11px 10px 11px; font-size: 80%; background: #345f9c; color: #fff; } .quote-btm { width: 284px; height: 19px; background: url("../images/layout/bg-quote-btm.gif") no-repeat; } .quote-author { float: left; padding: 5px 0 0 0; width: 160px; } #human-resources .author-name, #hr-software .author-name, #online-benefits .author-name, #online-paystubs-hr .author-name, #online-w2s .author-name, #case-studies-hr .author-name, #data-sheet-hr .author-name, #support .author-name { padding: 0 0 0 20px; font-size: 75%; font-weight: bold; color: #345f9c; } .author-company { padding: 0 0 0 20px; font-size: 70%; font-style: italic; color: #666; } /* .quote-story { float: left; width: 120px; } .quote-story a { float: left; padding: 0 0 0 18px; font-size: 75%; color: #345f9c; background: url("../images/layout/icon-green-arrow.gif") no-repeat; } */ .testimonial-btm { width: 284px; height: 14px; background: url("../images/layout/bg-testimonial-btm.gif") no-repeat; background-position: bottom; } /* If Time and Attendance ----------- */ #time-and-attendance .testimonial, #online-timesheets .testimonial, #time-tracking .testimonial, #online-paystubs .testimonial, #time-clocks .testimonial, #case-studies-ta .testimonial, #data-sheet-ta .testimonial { background: url("../images/layout/bg-testimonial-mid.gif") repeat-y; } #time-and-attendance .testimonial-top, #online-timesheets .testimonial-top, #time-tracking .testimonial-top, #online-paystubs .testimonial-top, #time-clocks .testimonial-top, #case-studies-ta .testimonial-top, #data-sheet-ta .testimonial-top { padding: 20px 12px 0 9px; background: url("../images/layout/bg-testimonial-top-ta.gif") no-repeat; } #time-and-attendance .testimonial-top p, #online-timesheets .testimonial-top p, #time-tracking .testimonial-top p, #online-paystubs .testimonial-top p, #time-clocks .testimonial-top p, #case-studies-ta .testimonial-top p, #data-sheet-ta .testimonial-top p { padding: 0 11px 10px 11px; font-size: 80%; background: #32b17a; color: #fff; } #time-and-attendance .quote-btm, #online-timesheets .quote-btm, #time-tracking .quote-btm, #online-paystubs .quote-btm, #time-clocks .quote-btm, #case-studies-ta .quote-btm, #data-sheet-ta .quote-btm { width: 284px; height: 19px; background: url("../images/layout/bg-quote-btm-ta.gif") no-repeat; } #time-and-attendance .author-name, #online-timesheets .author-name, #time-tracking .author-name, #online-paystubs .author-name, #time-clocks .author-name, #case-studies-ta .author-name, #data-sheet-ta .author-name { padding: 0 0 0 20px; font-size: 75%; font-weight: bold; color: #288f63; } /* If Human Resources ----------- */ #data-sheet-hr .testimonial { margin: 0 0 6px 0; background: url("../images/layout/bg-testimonial-mid.gif") repeat-y; } /* If Partners ----------- */ #partners .testimonial { float: left; width: 284px; background: url("../images/layout/bg-testimonial-mid.gif") repeat-y; } #partners .testimonial-top { padding: 20px 12px 0 9px; background: url("../images/layout/bg-testimonial-top-part.gif") no-repeat; } #partners .testimonial-top p { padding: 0 11px 36px 11px; font-size: 80%; background: #747474; color: #fff; } #partners .quote-btm { width: 284px; height: 19px; background: url("../images/layout/bg-quote-btm-part.gif") no-repeat; } #partners .author-name { padding: 0 0 0 20px; font-size: 75%; font-weight: bold; color: #333; } /* Webcast */ .webcast { display: block; margin: 4px 0 0 0; width: 284px; height: 125px; cursor: pointer; background: url("../images/layout/bg-webcast.gif") no-repeat; } .webcast:hover { text-decoration: none; } .webcast-icon { float: left; padding: 13px 6px 11px 12px; width: 102px; } .webcast-summary { float: left; width: 150px; padding: 13px 0 0 0; } .webcast-summary span { display: block; padding: 7px 0 7px 0; font-size: 75%; color: #555555; } .webcast-summary .btn-register { display: block; padding: 0; width: 111px; height: 23px; background: url("../images/layout/btn-register-now.gif") no-repeat; } .webcast .webcast-summary .btn-register:hover { background-position: 0 -23px; } /* Download Article */ .download-article { display: block; margin: 5px 0 0 0; width: 284px; height: 124px; cursor: pointer; background: url("../images/layout/bg-download-article.gif") no-repeat; } .download-article:hover { text-decoration: none; } .download-article-icon { float: left; padding: 13px 6px 11px 12px; width: 102px; } .download-article-summary { float: left; width: 150px; padding: 13px 0 0 0; } .download-article-summary span { display: block; padding: 5px 0 5px 0; font-size: 75%; color: #555555; } .download-article-summary .btn-download-article { display: block; padding: 0; width: 110px; height: 23px; background: url("../images/layout/btn-download-now.gif") no-repeat; } .download-article .download-article-summary .btn-download-article:hover { background-position: 0 -23px; } /* Have a Question? */ .have-question { display: block; margin: 5px 0 0 0; width: 284px; height: 135px; cursor: pointer; background: url("../images/layout/bg-have-question.gif") no-repeat; } .have-question:hover { text-decoration: none; } .have-question-icon { float: left; padding: 13px 6px 11px 12px; width: 102px; } .have-question-summary { float: left; width: 150px; padding: 13px 0 0 0; } .have-question-summary span { display: block; padding: 1px 0 3px 0; font-size: 75%; color: #555555; } .have-question-summary .btn-contact-us { display: block; padding: 0; width: 88px; height: 23px; background: url("../images/layout/btn-contact-us.gif") no-repeat; } .have-question .have-question-summary .btn-contact-us:hover { background-position: 0 -23px; } /* Watch a Demo */ .watch-demo { display: block; margin: 4px 0 0 0; width: 284px; height: 125px; cursor: pointer; background: url("../images/layout/bg-webcast.gif") no-repeat; } .watch-demo:hover { text-decoration: none; } .watch-demo-icon { float: left; padding: 13px 6px 11px 12px; width: 102px; } .watch-demo-summary { float: left; width: 150px; padding: 13px 0 0 0; } .watch-demo-summary span { display: block; padding: 7px 0 7px 0; font-size: 75%; color: #555555; } .watch-demo-summary .btn-watch-demo { display: block; padding: 0; width: 90px; height: 23px; background: url("../images/layout/btn-watch.gif") no-repeat; } .watch-demo .watch-demo-summary .btn-watch-demo:hover { background-position: 0 -23px; } /* Take the Next Step */ .take-next-step { display: block; margin: 4px 0 0 0; width: 284px; height: 140px; cursor: pointer; background: url("../images/layout/bg-next-step.gif") no-repeat; } .take-next-step:hover { text-decoration: none; } .take-next-step-icon { float: left; padding: 13px 6px 11px 12px; width: 102px; } .take-next-step-summary { float: left; width: 150px; padding: 13px 0 0 0; } .take-next-step-summary span { display: block; padding: 5px 0 7px 0; font-size: 75%; color: #555555; } .take-next-step-summary .btn-schedule-demo { display: block; padding: 0; width: 151px; height: 23px; background: url("../images/layout/btn-schedule-demo.gif") no-repeat; } .take-next-step .take-next-step-summary .btn-schedule-demo:hover { background-position: 0 -23px; } /* Request a Personal Demo */ .request-demo { display: block; margin: 4px 0 0 0; width: 284px; height: 146px; cursor: pointer; background: url("../images/layout/bg-request-demo.gif") no-repeat; } .request-demo:hover { text-decoration: none; } .request-demo-icon { float: left; padding: 16px 6px 11px 12px; width: 102px; } .request-demo-summary { float: left; width: 150px; padding: 16px 0 0 0; } .request-demo-summary span { display: block; padding: 5px 0 7px 0; font-size: 75%; color: #555555; } .request-demo-summary .btn-request-demo { display: block; padding: 0; width: 122px; height: 23px; background: url("../images/layout/btn-request-demo.gif") no-repeat; } .request-demo .request-demo-summary .btn-request-demo:hover { background-position: 0 -23px; } /* Request Password */ .request-password { display: block; margin: 4px 0 0 0; width: 284px; height: 146px; cursor: pointer; background: url("../images/layout/bg-request-password.gif") no-repeat; } .request-password:hover { text-decoration: none; } .request-password-icon { float: left; padding: 16px 6px 11px 12px; width: 102px; } .request-password-summary { float: left; width: 150px; padding: 16px 0 0 0; } .request-password-summary span { display: block; padding: 5px 0 7px 0; font-size: 75%; color: #555555; } .request-password-summary .btn-request-password { display: block; padding: 0; width: 127px; height: 23px; background: url("../images/layout/btn-request-password.gif") no-repeat; } .request-password .request-password-summary .btn-request-password:hover { background-position: 0 -23px; } /* Request a Price Quote */ .request-quote { display: block; margin: 4px 0 0 0; width: 284px; height: 175px; cursor: pointer; background: url("../images/layout/bg-request-quote.gif") no-repeat; } .request-quote:hover { text-decoration: none; } .request-quote-icon { float: left; padding: 15px 6px 11px 12px; width: 102px; } .request-quote-summary { float: left; width: 150px; padding: 15px 0 0 0; } .request-quote-summary span { display: block; padding: 5px 0 7px 0; font-size: 75%; color: #555555; } .request-quote-summary .btn-request-quote { display: block; padding: 0; width: 123px; height: 23px; background: url("../images/layout/btn-request-quote.gif") no-repeat; } .request-quote .request-quote-summary .btn-request-quote:hover { background-position: 0 -23px; } /* Ask a Question */ .ask-question { display: block; margin: 4px 0 0 0; width: 284px; height: 143px; cursor: pointer; background: url("../images/layout/bg-ask-question.gif") no-repeat; } .ask-question:hover { text-decoration: none; } .ask-question-icon { float: left; padding: 15px 6px 11px 12px; width: 102px; } .ask-question-summary { float: left; width: 150px; padding: 15px 0 0 0; } .ask-question-summary span { display: block; padding: 5px 0 7px 0; font-size: 75%; color: #555555; } .ask-question-summary .btn-ask-question { display: block; padding: 0; width: 111px; height: 23px; background: url("../images/layout/btn-ask-question.gif") no-repeat; } .ask-question .ask-question-summary .btn-ask-question:hover { background-position: 0 -23px; } /* Learn More */ .learn-module { display: block; margin: 4px 0 0 0; width: 284px; height: 176px; cursor: pointer; background: url("../images/layout/bg-learn-more.gif") no-repeat; } .learn-module:hover { text-decoration: none; } .learn-module-icon { float: left; padding: 12px 6px 11px 12px; width: 102px; } .learn-module-summary { float: left; width: 150px; padding: 12px 0 0 0; } .learn-module-summary span { display: block; padding: 5px 0 7px 0; font-size: 75%; color: #555555; } .learn-module-summary .btn-learn-module { display: block; padding: 0; width: 89px; height: 23px; background: url("../images/layout/btn-learn-more.gif") no-repeat; } .learn-module .learn-module-summary .btn-learn-module:hover { background-position: 0 -23px; } /* HOME PAGE /////////////////////////////////////////// */ /* Time & Attendance ------ */ #time-attendance { float: left; padding: 10px 0 0 10px; width: 311px; height: 96px; background: url("http:../images/home/bg-time-attendance.gif") no-repeat; } #time-attendance p { padding: 3px 0 6px 6px; width: 260px; font-size: 75%; line-height: 1; color: #beffe3; } #time-attendance a { display: block; float: left; margin: 0 0 5px 5px; width: 113px; height: 28px; background: url("../images/home/btn-learn-time-attendance.gif") no-repeat; } #time-attendance a:hover { background-position: 0 -28px; } #btn-online-paystubs a { display: block; float: left; width: 161px; height: 44px; background: url("../images/home/btn-online-paystubs.jpg") no-repeat; } #btn-online-timesheets a { display: block; float: left; width: 162px; height: 44px; background: url("../images/home/btn-online-timesheets.jpg") no-repeat; } #btn-online-paystubs a:hover, #btn-online-timesheets a:hover { background-position: 0 -44px; } /* Human Resources Software ------ */ #human-resources-software { float: left; padding: 10px 0 0 10px; width: 311px; height: 302px; background: url("../images/home/bg-hr-software.gif") no-repeat; } #human-resources-software p { padding: 0 0 7px 70px; width: 260px; font-size: 75%; color: #fff; font-size: 85%;} #human-resources-software li { list-style: disc; margin-left: 15px; color: #fff; font-size: 72%; line-height: 18px; } #human-resources-software a { display: block; float: left; margin: 0 0 5px 5px; width: 113px; height: 28px; background: url("../images/home/btn-learn-hr.gif") no-repeat; } #human-resources-software a:hover { background-position: 0 -28px; } #btn-online-hr a { display: block; float: left; width: 161px; height: 44px; background: url("../images/home/btn-online-hr.jpg") no-repeat; } #btn-online-benefits a { display: block; float: left; width: 162px; height: 44px; background: url("../images/home/btn-online-benefits.jpg") no-repeat; } #btn-online-hr a:hover, #btn-online-benefits a:hover { background-position: 0 -44px; } /* Module 1 ------ */ #home-module-1 { float: left; display: inline; padding: 14px 0 0 20px; width: 303px; height: 156px; background: url("../images/home/bg-home-module-1.gif") no-repeat; } #home-module-1 p { padding: 13px 0 15px 4px; width: 160px; font-size: 90%; } #home-module-1 a { display: block; width: 103px; height: 32px; background: url("../images/home/btn-watch-now.gif") no-repeat; } #home-module-1 a:hover { background-position: 0 -32px; } /* Module 2 ------ */ #home-module-2 { float: left; display: inline; padding: 14px 0 0 20px; width: 302px; height: 156px; background: url("../images/home/bg-home-module-2.gif") no-repeat; } #home-module-2 a { display: block; margin: 17px 0 0 0; width: 119px; height: 32px; background: url("../images/home/btn-download.gif") no-repeat; } #home-module-2 a:hover { background-position: 0 -32px; } /* Module 3 ------ */ #home-module-3 { float: left; display: inline; width: 323px; height: 169px; background: url("../images/home/bg-home-module-3.gif") no-repeat; } #home-module-3 #top-module-3 { padding: 14px 0 0 72px; } #home-module-3 #top-module-3 p { font-size: 90%; padding: 2px 0 1px 5px; } #home-module-3 #top-module-3 a { float: left; padding: 2px 0 0 18px; color: #3662a1; font-size: 75%; background: url("../images/layout/icon-green-arrow.gif") no-repeat; } #home-module-3 #btm-module-3 { padding: 22px 0 0 72px; } #home-module-3 #btm-module-3 p { font-size: 90%; padding: 2px 0 2px 3px; } #home-module-3 #btm-module-3 a { float: left; padding: 2px 0 0 18px; color: #3662a1; font-size: 75%; background: url("../images/layout/icon-green-arrow.gif") no-repeat; } /* Blurb ------ */ #blurb { margin: 0 auto; padding: 6px 26px 20px 26px; font-size: 90%; border-bottom: 1px solid #eaeaea; } #blurb-temp { margin: 0 auto; padding: 6px 26px 20px 26px; font-size: 90%; border-bottom: 1px solid #eaeaea; } #blurb a { color: #555555; text-decoration: underline; } /* Logo Banner ------ */ #logo-banner { margin: 0 auto; padding: 0 0 4px 0; width: 918px; font-size: 90%; } /* HUMAN RESOURCE MANAGEMENT SOFTWARE /////////////////////////////////////////// */ /* HR Management Nav ------ */ .btn-hr-software { height: 52px; background: url("../images/human-resources/btn-online-hr.jpg") no-repeat; } .btn-hr-software:hover { background-position: 0 -52px; } body#hr-software .btn-hr-software { background-position: 0 -52px; } .btn-online-benefits { height: 53px; background: url("../images/human-resources/btn-online-benefit.jpg") no-repeat; } .btn-online-benefits:hover { background-position: 0 -53px; } body#online-benefits .btn-online-benefits { background-position: 0 -53px; } .btn-online-paystubs-hr { height: 52px; background: url("../images/human-resources/btn-online-paystubs.jpg") no-repeat; } .btn-online-paystubs-hr:hover { background-position: 0 -52px; } body#online-paystubs-hr .btn-online-paystubs-hr { background-position: 0 -52px; } .btn-online-w2s { height: 51px; background: url("../images/human-resources/btn-online-w2s.jpg") no-repeat; } .btn-online-w2s:hover { background-position: 0 -51px; } body#online-w2s .btn-online-w2s { background-position: 0 -51px; } /* Products ------ */ .products { margin: 10px 0 0 0; padding: 0 0 2px 0; border-top: 1px solid #eaeaea; } #human-resources h2, #human-resources h3 { margin: 15px 0 0 0; color: #666; } #online-w2s #content a, #human-resources #content a, #hr-software #content a, #online-benefits #content a, #online-paystubs-hr #content a { color: #345f9c; } .products-left { float: left; margin: 5px 0 0 0; padding: 0 0 0 0; width: 320px; border-right: 1px solid #eaeaea; } .products-right { float: right; margin: 5px 0 0 0; padding: 0 8px 0 0; width: 320px; } .products-left p.title, .products-right p.title { font-weight: normal; font-size: 120%; color: #345f9c; } .products-left p.title a, .products-right p.title a { color: #345f9c; } .products-left p, .products-right p { float:right; padding: 6px 10px 0 0; font-size: 90%; width: 240px; } .product { margin: 8px 0 0 0; } .products-icon { float: left; padding: 8px 4px 0 0; } .learn-more { padding: 0 0 0 18px; font-size: 90%; color: #3662a1; background: url("../images/layout/icon-green-arrow.gif") no-repeat; } /* Benefits ------ */ .benefits { margin: 10px 0 0 0; padding: 10px 0 10px 0; border-top: 1px solid #eaeaea; } .benefits-left { float: left; margin: 0 11px 0 0; width: 320px; border-right: 1px solid #eaeaea; } .benefits-right { float: right; margin: 0 10px 0 0; width: 300px; } .title { padding: 6px 0 0 0; font-size: 110%; color: #345f9c; } .benefits ul { list-style-type: circle; padding: 5px 20px 0 20px; } .benefits li { padding: 6px 0 0 0; font-size: 80%; color: #555555; } .interfaces-list { margin: 0 0 0 80px; } /* Resources Tab ----------------- */ .resource-link { margin: 8px 0 12px 0; } .resource-link p { padding: 0; } .resource-link .resource-type { float: left; padding: 0 6px 0 0; font-size: 120%; color: #555555; } .resource-link .resource-title { float: left; font-size: 120%; color: #f96e19; } #online-paystubs .resource-link .resource-type, #online-timesheets .resource-link .resource-type, #time-clocks .resource-link .resource-type, #time-tracking .resource-link .resource-type { float: left; padding: 0 6px 0 0; font-size: 120%; color: #555555; } #online-paystubs .resource-link .resource-title, #online-timesheets .resource-link .resource-title, #time-clocks .resource-link .resource-title, #time-tracking .resource-link .resource-title { float: left; font-size: 120%; color: #f96e19; } /* TIME AND ATTENDANCE /////////////////////////////////////////// */ /* Text-Colors ------ */ #time-and-attendance h1, #online-timesheets h1, #online-timesheets h2, #online-timesheets h3, #online-timesheets h4, #time-tracking h1, #time-tracking h2, #time-tracking h3, #time-tracking h4, #online-paystubs h1, #online-paystubs h2, #online-paystubs h3, #online-paystubs h4 { color: #288f63; } #time-clocks h1, #time-clocks h2, #time-clocks h3, #time-clocks h4 { color: #288f63; } #time-and-attendance a, #online-timesheets a, #time-tracking a, #online-paystubs a, #time-clocks a { color: #288f63; } /* Time and Attendance Nav ------ */ .btn-online-timesheets { height: 52px; background: url("../images/time-attendance/btn-online-timesheets.jpg") no-repeat; } .btn-online-timesheets:hover { background-position: 0 -52px; } body#online-timesheets .btn-online-timesheets { background-position: 0 -52px; } .btn-online-pto-tracking { height: 53px; background: url("../images/time-attendance/btn-online-pto-tracking.jpg") no-repeat; } .btn-online-pto-tracking:hover { background-position: 0 -53px; } body#time-tracking .btn-online-pto-tracking { background-position: 0 -53px; } .btn-online-paystubs { height: 52px; background: url("../images/time-attendance/btn-online-paystubs.jpg") no-repeat; } .btn-online-paystubs:hover { background-position: 0 -52px; } body#online-paystubs .btn-online-paystubs { background-position: 0 -52px; } .btn-time-clocks { height: 51px; background: url("../images/time-attendance/btn-time-clocks.jpg") no-repeat; } .btn-time-clocks:hover { background-position: 0 -51px; } body#time-clocks .btn-time-clocks { background-position: 0 -51px; } /* Products -------------*/ #time-and-attendance h2, #time-and-attendance h3 { margin: 15px 0 0 0; color: #666; } #online-timesheets p.title, #time-tracking p.title, #online-paystubs p.title, #time-clocks p.title { color: #288f63; } #time-and-attendance .top { height: 145px; } /* Benefits -------------*/ #time-and-attendance .benefits p.title { font-weight: normal; font-size: 120%; color: #288f63; } .interfaces-list-ta { margin: 0 0 0 80px; } .interfaces-list-left { float: left; width: 160px; } .interfaces-list-right { float: left; width: 380px; } .interfaces-list-ta ul { float: left; list-style-type: circle; padding: 5px 20px 0 20px; } .interfaces-list-ta li { clear: left; padding: 6px 0 0 0; color: #555555; } .interfaces-list-ta ul li ul li { font-size: 90%; } /* RESOURCES /////////////////////////////////////////// */ /* Text ------ */ #webcasts-demos h1, #webcasts-demos h2, #webcasts-demos h3, #case-studies h1, #case-studies h2, #case-studies h3, #case-studies h4, #case-studies h5, #white-papers h1, #white-papers h2, #white-papers h3, #data-sheets h1, #data-sheets h2, #data-sheets h3, #network-security h1, #network-security h2, #network-security h3 { padding: 14px 0 0 0; color: #333; } #webcasts-demos h1, #webcasts-demos h2, #webcasts-demos h3, #webcasts-demos h4 { padding-top: 12px; color: #333; } #case-studies-hr h1, #case-studies-hr h2, #case-studies-hr h3, #case-studies-hr h4, #case-studies-hr h5 { padding-top: 12px; color: #345f9c; } #case-studies-ta h1, #case-studies-ta h2, #case-studies-ta h3, #case-studies-ta h4, #case-studies-ta h5 { padding-top: 12px; color: #288f63; } #data-sheets-hr h1, #data-sheets-hr h2, #data-sheets-hr h3, #data-sheets-hr h4, #data-sheets-hr h5 { padding-top: 12px; color: #345f9c; } #data-sheets-ta h1, #data-sheets-ta h2, #data-sheets-ta h3, #data-sheets-ta h4, #data-sheets-ta h5 { padding-top: 12px; color: #288f63; } #webcasts-demos a, #case-studies a, #white-papers a, #data-sheets a, #network-security a { color: #333; } #case-studies-hr #crumbs, #case-studies-ta #crumbs, #data-sheets-hr #crumbs, #data-sheets-ta #crumbs { color: #333; } #case-studies-hr #crumbs a, #case-studies-ta #crumbs a, #data-sheets-hr #crumbs a, #data-sheets-ta #crumbs a { color: #333; } #case-studies-hr a { color: #345f9c; } #case-studies-ta a { color: #288f63; } #data-sheets-hr a { color: #345f9c; } #data-sheets-ta a { color: #288f63; } #case-studies-hr #tab-content ul, #case-studies-ta #tab-content ul, #data-sheets-hr #tab-content ul, #data-sheets-ta #tab-content ul { padding: 12px 0 0 40px; list-style: circle; font-size: 90%; font-weight: bold; color: #555555; } #case-studies-hr #tab-content li, #case-studies-ta #tab-content li, #case-studies-hr #tab-content li, #case-studies-ta #tab-content li { padding: 0 0 4px 0; } #network-security .title { padding-top: 10px; color: #333; } #webcasts-demos .title { padding-top: 10px; color: #333; } #data-sheets-hr .title { padding-top: 12px; } #data-sheets-ta .title { padding-top: 12px; color: #288f63; } .resource-company-logo { margin: 15px 0 0 0; } .resource-company-blurb { padding: 14px 0 4px 0; font-size: 145%; line-height: 1.1; } /* Resources Nav ------ */ .btn-white-papers { height: 52px; background: url("../images/resources/btn-white-papers.jpg") no-repeat; } .btn-white-papers:hover { background-position: 0 -52px; } .btn-white-papers-hr { height: 52px; background: url("../images/resources/btn-white-papers-hr.jpg") no-repeat; } .btn-white-papers-hr:hover { background-position: 0 -52px; } .btn-white-papers-ta { height: 52px; background: url("../images/resources/btn-white-papers-ta.jpg") no-repeat; } .btn-white-papers-ta:hover { background-position: 0 -52px; } body#white-papers .btn-white-papers, body#white-papers-hr .btn-white-papers-hr, body#white-papers-ta .btn-white-papers-ta, body#white-paper-hr .btn-white-papers-hr, body#white-paper-ta .btn-white-papers-ta, body#network-security .btn-white-papers { background-position: 0 -52px; } .btn-case-studies { height: 53px; background: url("../images/resources/btn-case-studies.jpg") no-repeat; } .btn-case-studies:hover { background-position: 0 -53px; } .btn-case-studies-hr { height: 53px; background: url("../images/resources/btn-case-studies-hr.jpg") no-repeat; } .btn-case-studies-hr:hover { background-position: 0 -53px; } .btn-case-studies-ta { height: 53px; background: url("../images/resources/btn-case-studies-ta.jpg") no-repeat; } .btn-case-studies-ta:hover { background-position: 0 -53px; } body#case-studies .btn-case-studies, body#case-studies-hr .btn-case-studies-hr, body#case-studies-ta .btn-case-studies-ta { background-position: 0 -53px; } .btn-data-sheets { height: 52px; background: url("../images/resources/btn-data-sheets.jpg") no-repeat; } .btn-data-sheets:hover { background-position: 0 -52px; } .btn-data-sheets-hr { height: 52px; background: url("../images/resources/btn-data-sheets-hr.jpg") no-repeat; } .btn-data-sheets-hr:hover { background-position: 0 -52px; } .btn-data-sheets-ta { height: 52px; background: url("../images/resources/btn-data-sheets-ta.jpg") no-repeat; } .btn-data-sheets-ta:hover { background-position: 0 -52px; } body#data-sheets .btn-data-sheets, body#data-sheets-hr .btn-data-sheets-hr, body#data-sheets-ta .btn-data-sheets-ta, body#data-sheet-hr .btn-data-sheets-hr, body#data-sheet-ta .btn-data-sheets-ta { background-position: 0 -52px; } .btn-webcasts-demos { height: 51px; background: url("../images/resources/btn-webcasts.jpg") no-repeat; } .btn-webcasts-demos:hover { background-position: 0 -51px; } .btn-webcasts-demos-hr { height: 51px; background: url("../images/resources/btn-webcasts-demos-hr.jpg") no-repeat; } .btn-webcasts-demos-hr:hover { background-position: 0 -51px; } .btn-webcasts-demos-ta { height: 51px; background: url("../images/resources/btn-webcasts-demos-ta.jpg") no-repeat; } .btn-webcasts-demos-ta:hover { background-position: 0 -51px; } body#webcasts-demos .btn-webcasts-demos, body#webcasts-demos-hr .btn-webcasts-demos-hr, body#webcasts-demos-ta .btn-webcasts-demos-ta { background-position: 0 -51px; } /* WEBCASTS & DEMOS /////////////////////////////////////////// */ #webcasts-demos #content .btn-watch-demo { display: block; padding: 0; width: 90px; height: 23px; background: url("../images/layout/btn-watch.gif") no-repeat; } #webcasts-demos #content .btn-watch-demo:hover { background-position: 0 -23px; } #webcasts-demos #content .btn-schedule-demo { display: block; padding: 0; width: 151px; height: 23px; background: url("../images/layout/btn-schedule-demo.gif") no-repeat; } #webcasts-demos #content .btn-schedule-demo:hover { background-position: 0 -23px; } #webcasts-demos #content .btn-register-now { display: block; padding: 0; width: 111px; height: 23px; background: url("../images/layout/btn-register-now.gif") no-repeat; } #webcasts-demos #content .btn-register-now:hover { background-position: 0 -23px; } /* CASE STUDIES /////////////////////////////////////////// */ /* Next / Previous Nav ------ */ body#case-studies-hr #crumbs, body#case-studies-ta #crumbs { margin: 0 4px 0 0; padding-left: 0; } #next-prev { margin: 0 4px 0 22px; padding: 10px 0 0 0; font-size: 80%; } #next { float: right; margin: 0 10px 0 0; padding: 0 20px 0 0; width: 300px; text-align: right; color: #555555; background: url("../images/layout/icon-green-arrow.gif") no-repeat; background-position: right; } #prev { float: left; padding: 0 0 0 20px; width: 300px; color: #555555; background: url("../images/layout/icon-green-arrow-left.gif") no-repeat; background-position: left; } /* Case Study Content ------ */ #case-content { padding: 12px 12px 0 10px; } #case-content ul { padding: 12px 0 0 40px; list-style: circle; font-size: 90%; font-weight: bold; color: #555555; } #case-content li { padding: 0 0 4px 0; } .document { margin: 8px 0 12px 0; } .document p { padding: 0; } .document span { padding: 0 8px 0 8px; font-size: 80%; color: #555555; } /* Case Study Modules ------ */ .pdf-module { display: block; width: 284px; height: 79px; cursor: pointer; background: url("../images/resources/bg-pdf-mod.gif") no-repeat; } .pdf-module:hover { text-decoration: none; } .pdf-module-icon { float: left; padding: 12px 12px 0 14px; width: 46px; } .pdf-module-summary { float: left; width: 200px; padding: 11px 0 0 0; } .pdf-module-summary span { display: block; padding: 0; font-size: 90%; font-weight: bold; } #case-studies-hr .pdf-module-summary { float: left; width: 200px; padding: 11px 0 0 0; } #case-studies-hr .pdf-module-summary span { display: block; padding: 0; font-size: 90%; font-weight: bold; color: #345f9c; } #case-studies-ta .pdf-module-summary { float: left; width: 200px; padding: 11px 0 0 0; } #case-studies-ta .pdf-module-summary span { display: block; padding: 0; font-size: 90%; font-weight: bold; color: #288f63; } .case-module-wrp { width: 284px; background: url("../images/resources/bg-case-study-mod-wrp.gif") repeat-y; } .case-module-bdy { padding: 4px 22px 0 16px; background: url("../images/resources/bg-case-study-mod-bdy.gif") no-repeat; } .case-module-ftr { height: 9px; margin: 8px 0 0 0; background: url("../images/resources/bg-case-study-mod-ftr.gif") no-repeat; } .case-module-bdy p { font-size: 80%; } .case-module-bdy p.case-mod-title { font-size: 100%; font-weight: bold; color: #333; } #case-studies-hr .case-module-bdy p.case-mod-title { font-size: 100%; font-weight: bold; color: #345f9c; } #case-studies-ta .case-module-bdy p.case-mod-title { font-size: 100%; font-weight: bold; color: #288f63; } .case-module-bdy ul { padding: 8px 0 0 18px; list-style: circle; font-size: 80%; color: #555555; } .case-module-bdy li { padding: 0 0 3px 0; } .case-module-bdy li p { font-size: 100%; } #case-studies .testimonial { background: url("../images/layout/bg-testimonial-mid.gif") repeat-y; } #case-studies .testimonial-top { padding: 20px 12px 0 9px; background: url("../images/layout/bg-testimonial-top-part.gif") no-repeat; } #case-studies .testimonial-top p { padding: 0 11px 10px 11px; font-size: 80%; background: #747474; color: #fff; } #case-studies .quote-btm { width: 284px; height: 19px; background: url("../images/layout/bg-quote-btm-part.gif") no-repeat; } #case-studies .author-name { padding: 0 0 0 20px; font-size: 95%; font-weight: bold; color: #333; } #case-studies-ta .testimonial { background: url("../images/layout/bg-testimonial-mid.gif") repeat-y; } #case-studies-ta .testimonial-top { padding: 20px 12px 0 9px; background: url("../images/layout/bg-testimonial-top-ta.gif") no-repeat; } #case-studies-ta .testimonial-top p { padding: 0 11px 10px 11px; font-size: 80%; background: #32b17a; color: #fff; } #case-studies-ta .quote-btm { width: 284px; height: 19px; background: url("../images/layout/bg-quote-btm-ta.gif") no-repeat; } #case-studies-ta .author-name { color: #288f63; } #data-sheets-ta .testimonial { background: url("../images/layout/bg-testimonial-mid.gif") repeat-y; } #data-sheets-ta .testimonial-top { padding: 20px 12px 0 9px; background: url("../images/layout/bg-testimonial-top-ta.gif") no-repeat; } #data-sheets-ta .testimonial-top p { padding: 0 11px 10px 11px; font-size: 80%; background: #32b17a; color: #fff; } #data-sheets-ta .quote-btm { width: 284px; height: 19px; background: url("../images/layout/bg-quote-btm-ta.gif") no-repeat; } #data-sheets-ta .author-name { color: #288f63; } #data-sheets-hr .author-name, #data-sheets-ta .author-name { padding: 0 0 0 20px; font-size: 95%; font-weight: bold; color: #747474; } /* WHITE PAPERS /////////////////////////////////////////// */ body#white-paper-hr #crumbs { margin: 0 4px 0 0; } #white-paper-hr .pdf-module-summary { float: left; width: 200px; padding: 11px 0 0 0; } #white-paper-hr .pdf-module-summary span { display: block; padding: 0; font-size: 90%; font-weight: bold; color: #345f9c; } body#white-papers .title { padding-top: 12px; color: #333; } /* DATA SHEETS /////////////////////////////////////////// */ #data-sheets-hr .pdf-module-summary { float: left; width: 200px; padding: 11px 0 0 0; } #data-sheets-hr .pdf-module-summary span { display: block; padding: 0; font-size: 90%; font-weight: bold; color: #345f9c; } #data-sheets-ta .pdf-module-summary { float: left; width: 200px; padding: 11px 0 0 0; } #data-sheets-ta .pdf-module-summary span { display: block; padding: 0; font-size: 90%; font-weight: bold; color: #288f63; } #data-sheets-hr .case-module-wrp, #data-sheets-ta .case-module-wrp { margin-bottom: 6px; } #data-sheets-hr .case-module-bdy p.case-mod-title { font-size: 100%; font-weight: bold; color: #345f9c; } #data-sheets-ta .case-module-bdy p.case-mod-title { font-size: 100%; font-weight: bold; color: #288f63; } #data-sheets-hr #tab-content ul, #data-sheets-ta #tab-content ul { padding: 12px 0 0 40px; list-style: circle; font-size: 90%; font-weight: bold; color: #555555; } #data-sheets-hr #tab-content li, #data-sheets-ta #tab-content li { padding: 0 0 4px 0; } #data-sheets-hr #tab-content ul ul, #data-sheets-ta #tab-content ul ul { padding: 6px 0 0 30px; color: #666; } /* PARTNERS /////////////////////////////////////////// */ #partners h1 { color: #333; } #partners h2, #partners h3, #partners h4 { padding-top: 12px; color: #333; } #partners #content .title { padding-top: 10px; color: #333; } #partners #content a { color: #333; } #partners #content { padding: 0 0 0 10px; } #partners #content ul { padding: 12px 0 0 40px; list-style: circle; font-size: 90%; font-weight: bold; color: #555555; } #partners #content li { padding: 0 0 4px 0; } /* COMPANY /////////////////////////////////////////// */ .sub-nav-wrp { width: 284px; background: url("../images/resources/bg-case-study-mod-wrp.gif") repeat-y; } .sub-nav-bdy { padding: 4px 22px 0 16px; background: url("../images/resources/bg-case-study-mod-bdy.gif") no-repeat; } .sub-nav-ftr { height: 9px; margin: 8px 0 0 0; background: url("../images/resources/bg-case-study-mod-ftr.gif") no-repeat; } .sub-nav-bdy ul { padding: 8px 0 0 4px; font-size: 90%; font-weight: bold; } .sub-nav-bdy li { padding: 0 0 3px 0; } .sub-nav-bdy li a { color: #333; } #company #crumbs { padding-top: 14px; } #company h1, #company h2, #company h3, #company h4 { color: #f96e19; } #company a { color: #333; } #company #content ul { padding: 12px 0 0 40px; list-style: circle; font-size: 90%; font-weight: bold; color: #555555; } #company #content li { padding: 0 0 4px 0; } #company .bold { font-size: 90%; color: #333; } #contact-left { float: left; margin: 0 40px 0 0; width: 300px; } #contact-right { float: left; width: 300px; } #contact-left a { color: #f96e19; } /* EVENTS /////////////////////////////////////////// */ .coming-soon { margin: 14px 0 0 0; padding: 0 12px 12px 12px; width: 500px; background: #eeeeee; } .coming-soon a { font-size: 90%; } /* PRESS CENTER /////////////////////////////////////////// */ #company .press-summary { margin: 16px 0 12px 0; } #company .press-summary-date { padding: 0 0 4px 0; font-size: 70%; font-weight: bold; } #company .press-summary-title a { font-size: 100%; color: #f96e19; } #company .press-summary-more { padding: 4px 0 0 0; font-size: 80%; } #company .press-title { font-size: 120%; } #company .disclaim { font-size: 70%; font-style: italic; } #company #content a { color: #f96e19; } /* ASK A QUESTION /////////////////////////////////////////// */ #content.ask h2 {font-size: 100%; font-weight: bold; margin: 18px 0 0 0; } /* SUPPORT /////////////////////////////////////////// */ #support h1, #support h2, #support h3, #support h4 { color: #f96e19; } #support h2 { margin-top: 15px; } #support a { color: #333; } #support #content ul { list-style-type: circle; padding: 5px 10px 0 30px; } #support #content li { padding: 6px 0 0 0; font-size: 100%; color: #555555; } #support table { font-size: 80%; } #support th { padding: 4px; text-align: center; border-bottom: 1px solid #eeeeee; vertical-align: bottom; } #support td { padding: 8px 4px 8px 4px; font-size: 90%; vertical-align: middle; } #support td.tbl-ftr { border-top: 1px solid #eeeeee; } #support table img { display: block; margin: 0 auto; } #support #content a { color: #f96e19; } /* SITEMAP /////////////////////////////////////////// */ #content.sitemap h1 { color: #f96e19; margin: 0 0 10px 125px; } #content.sitemap h2 { color: #345f9c; margin: 10px 0 0 125px; font-size: 100%; font-weight: bold; } #content.sitemap ul { list-style-type: circle; padding: 0px 20px 0 140px; } #content.sitemap li { padding: 3px 0 0 0; font-size: 90%; color: #555555; } #content.sitemap a { color: #333; } /* FOOTER /////////////////////////////////////////// */ #footer { margin: 18px auto 100px auto; padding: 16px 0 0 0; width: 968px; font-size: 70%; border-top: 1px solid #eaeaea; color: #6f7679; } #footer li { float: left; } #footer span { padding: 0 6px 0 6px } #footer a, #form-page #footer a { color: #6f7679; } #footer-nav { float: left; } #footer-copy { float: right; } /* Login Redirect /////////////////////////////////////////// */ #content-fullwidth a { color: #345f9c; } #content-fullwidth p { text-align: center; }