* {outline: none;} body {font-family: "Helvetica Neue", Helvetica, Arial;background-color: #6D7E8E; color: #282828;} hr {line-height: 0px; width: 100%; border-top: 1px solid white; border-bottom: 1px solid #cfdaea; border-left: 0; border-right: 0;} a {color: #195490;} /* GENERAL CLASSES */ .round {-moz-border-radius: 5px; -webkit-border-radius: 5px;} input.round {-moz-border-radius: 3px; -webkit-border-radius: 3px;} .round-top {-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topleft: 5px; -webkit-border-radius-topright: 5px; border-top: none !important;} .unit {display: block;} .full {width: 942px; clear: both; float: left; margin: 0 0 9px 0;} .full-pad {width: 924px; clear: both; float: left; margin: 9px; position: relative;} .third {width: 33%; float: left;} .two-thirds {width: 67%; float: left;} .two-column {width: 620px; float: right;} .nav {text-transform: capitalize; color: white;text-decoration: none; font-size: 0.8em;} .navy-capsule {background-color: #354554; } .lb-capsule {background-color: #94B2CC;} .red-capsule {background-color: #B80B04;} .third-callout {width: 290px; float: left; margin:9px; background: #eef6fc; height: 100px;} .white {background: #fff;} .img {text-indent: -5000px; overflow: hidden; display: block;} .right {float: right;} p {margin-bottom: 18px; line-height: 1.4em; color: #333;} /* TYPOGRAPHY */ body {font-size: 0.8em;} h1, .h1 {font-size: 2em;} h2, .h2 {font-size: 2.25em; font-weight: lighter; color: #18558E;} h2.headline {margin: 18px; line-height: 0.8em; color: #18558E;} h3, .h3 {font-size: 2em; font-weight: lighter;} h3.title {margin: 9px;} h4, .h4 {font-size: 1.4em; font-weight: bold;} .smallcaps {font-size: 0.8em; text-transform: uppercase; color: white;} /* NAV SPRITES */ #top-nav ul li a {display: block; height: 35px; text-indent: -4000px; overflow: hidden;} #nav-about a {background: url(../images/topnav.png) 0 0 no-repeat; width: 94px;} #nav-about a:hover, #nav-about a.active {background-position: 0 -35px;} #nav-contact a {background: url(../images/topnav.png) -94px 0 no-repeat; width: 111px;} #nav-contact a:hover, #nav-contact a.active {background-position: -94px -35px;} #main-nav {z-index: 400;} #main-nav ul {float: left; height: 54px; width: 675px; background: url(../images/nav-bg.png) repeat-x;z-index: 400;} #main-nav ul li {display: block; margin-left: 20px; margin-top: 9px; float: left;z-index: 400;} #main-nav ul li a {display: block; text-indent: -5000px; overflow: hidden; height: 35px;} #nav-home a {width: 64px; background: transparent url(../images/nav.png) 0px 0px no-repeat;} #nav-home a:hover, #nav-home a.active {width: 64px; background: transparent url(../images/nav.png) 0px -36px no-repeat;} #nav-leavelink-software {position: relative;} #nav-leavelink-software a {width: 183px; background: transparent url(../images/nav.png) -543px 0px no-repeat;} #nav-leavelink-software a:hover, #nav-leavelink-software.active a.this, #nav-leavelink-software a.active {width: 183px; background: transparent url(../images/nav.png) -543px -36px no-repeat;} #nav-products a {width: 96px; background: transparent url(../images/nav.png) -230px 0px no-repeat;} #nav-products a:hover, #nav-products a.active {background: transparent url(../images/nav.png) -230px -36px no-repeat;} #nav-compliance a {width: 109px; background: transparent url(../images/nav.png) -327px 0px no-repeat;} #nav-compliance a:hover, #nav-compliance a.active {width: 109px; background: transparent url(../images/nav.png) -327px -36px no-repeat;} #nav-fmla-abuse a {width: 107px; background: transparent url(../images/nav.png) -436px 0px no-repeat;} #nav-fmla-abuse a:hover, #nav-fmla-abuse a.active {width: 107px; background: transparent url(../images/nav.png) -436px -36px no-repeat;} ul#software-dropdown { display: none; position: absolute; top: 34px; left: -21px; background: none; z-index: 500;} ul#software-dropdown li {display: block; float: left; clear: left; margin-top: 0; z-index: 500;} ul#software-dropdown li a {float: left; clear: both; width: 183px; z-index: 500;} #nav-software-features a {background: url(../images/nav.png) -63px -70px no-repeat;} #nav-software-features a:hover {background: url(../images/nav.png) -63px -70px no-repeat;} #nav-tpa a {background: url(../images/nav.png) -63px -140px no-repeat;} #nav-tpa a:hover {background: url(../images/nav.png) -63px -140px no-repeat;} #nav-enterprise-and-tpa a {background: url(../images/nav.png) -63px -105px no-repeat;} #nav-enterprise-and-tpa a:hover {background: url(../images/nav.png) -63px -105px no-repeat;} #nav-leavelink-lite a {background: url(../images/nav.png) -63px -177px no-repeat; height: 37px !important;} #nav-leavelink-lite a:hover {background: url(../images/nav.png) -63px -177px no-repeat; height: 37px !important;} /* HEADER AND GENERAL STRUCTURE */ #tile {height: 42px; background: transparent url(../images/tile.png) 0 0 repeat-x; top: 0; margin-bottom: 22px;} #wrapper {width: 960px; margin: 0 auto;} #top-nav {width: 960px; margin: 0 auto;} #top-nav ul {float: right; clear: both; margin-top: 0px;} #top-nav ul li {float: left;} #top-nav ul li a { } #top-nav {position: relative;} #flare a {display: block; background: transparent url(../images/flare.png) 0 0 no-repeat; position:absolute; top: 12px; left: 35px; width: 60px; width: 160px; height: 50px !important; text-indent: -4000px; overflow: hidden; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/flare.png', sizingMethod='image'); } #login {float: right; width: 262px;position:relative; height: 50px;margin-top: -7px;} #login form label {width: 100%;position:absolute 0 0;} #login form input {width: 105px; border: 1px solid #ccc; height: 18px; padding-top: 2px; position: absolute;} #login form input#login_name {left: 0;top: 20px;padding-left: 3px;} #login form input#login_pass {left: 115px;top:20px;padding-left: 3px;} #login form input#go-button {display: block; background: transparent url(../images/go-button.png) 0 0 no-repeat; width: 34px; height: 21px; border: none; text-indent: -4000px; overflow: hidden;cursor: pointer; left: 228px; top: 20px; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/go-button.png', sizingMethod='image'); } #logo {float: left;} #logo h1 a {background: transparent url(../images/logo.png) no-repeat 0 0; width: 495px; height: 38px; display: block; text-indent: -5000px; overflow: hidden; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/logo.png', sizingMethod='image'); } /* Note to self: Be sure to recreate the Logo image to include the tagline */ #header div {} #border {background-color: #dfe8f3; float: left; width: 100%; clear: both; margin-top: 18px;} #content {margin: 9px; clear: both; float: left;} #request a {display: block; background: transparent url(../images/request-a-demo.png) 0 0 no-repeat; height: 54px; width: 256px; float: right; text-indent: -5000px; overflow: hidden;} #right-solution div.third {} #footer {float: left; width: 100%; clear: both;} #footer ul {float: right;} #footer p {float: left; font-size: 0.8em; color: white; margin-top: 3px; } #footer ul li {float: left; margin-right: 9px;} /* HOME PAGE */ #hero {height: 310px;background: url(../images/hero-bg.png) repeat-x; position: relative;} #hero .tabs {position: absolute; bottom: 9px; left: 9px;} #hero .tabs a { background:transparent url(../images/home-plan-sprites.png) no-repeat scroll -59px -81px; display:block; float:left; height:16px; overflow:hidden; text-indent:-5000px; width:16px; margin-right: 5px; } #hero .tabs a.current {background-position: -77px -81px;} .heroes {position: relative;} .heroes div {display: none; position: absolute; width: 100%;} .heroes div span {position: absolute; right: 0;} .heroes div h2 {color: white;line-height: 1.2em;position: absolute; font-size: 2.5em; font-weight: 200; z-index: 100;} .heroes p {font-size: 1.4em;line-height: 1.4em;position: absolute; font-weight: 200; z-index: 100;} .heroes div img {position: absolute; right: 0; top: 0; z-index: 1;} .heroes .action {position: relative; top: 196px; left: 36px;} ul.action li a {display: block; height: 35px; float: left; text-indent: -5000px; overflow: hidden;} ul.action li a.learn-more {background: transparent url(../images/home-promo-sprites.png) 0px -397px no-repeat; width: 106px;} ul.action li a.learn-more:hover {background-position: 0px -433px;} ul.action li a.sign-up {background: transparent url(../images/home-promo-sprites.png) -106px -397px no-repeat; width: 182px;} ul.action li a.sign-up:hover {background-position: -106px -433px;} #hero1 {} #hero1 h2 {top: 45px; left: 36px; width: 445px; } #hero1 p {top: 130px; left: 36px; width: 425px; } #hero1 .action {top: 196px; left: 33px;} #hero2 {} #hero2 h2 {top: 54px; left: 63px;width: 405px;} #hero2 ul.action {top: 180px; left: 54px;} #hero3 {} #hero3 h2 {top: 54px; left: 63px;width: 370px;} #hero3 p {top: 144px; left: 63px; width: 405px;} #hero3 ul.action {top: 213px; left: 54px;} #hero4 {} #hero4 h2 {top: 54px; left: 36px;width: 640px;} #hero4 p {width: 450px; top: 102px; left: 36px;} #hero4 ul.action {top: 168px; left: 33px;} #hero5 {} #hero5 h2 {top: 54px; left: 63px;width: 405px;} #hero5 p {top: 102px; left: 63px; width: 405px;} #hero5 ul.action {top: 168px; left: 60px;} #hero6 {} #hero6 h2 {top: 54px; left: 63px;width: 405px;} #hero6 p {top: 141px; left: 63px; width: 405px;} #hero6 ul.action {top: 210px; left: 60px;} ul.checklist {margin: 0 18px 18px; font-size: 1.1em;} ul.checklist li {list-style: url(../images/checkmark.png) outside; padding: 0.6em 0; margin-left: 36px;} #brochure {background: transparent url(../images/home-promo-sprites.png) 0 0 no-repeat; height: 62px; width: 315px;margin-bottom: 9px;} #six-sigma {background: transparent url(../images/home-promo-sprites.png) 0 -62px no-repeat; height: 62px; width: 315px;margin-bottom: 9px;} #partial-client-list {background: transparent url(../images/home-promo-sprites.png) 0 -124px no-repeat; height: 62px; width: 315px;margin-bottom: 18px;} #calculate {background: transparent url(../images/home-promo-sprites.png) 0 -186px no-repeat; height: 210px; width: 315px;} #ll-enterprise {background: transparent url(../images/home-plan-sprites.png) 0 0 no-repeat; width: 100%; height: 26px;} #ll-tpa {background: transparent url(../images/home-plan-sprites.png) 0 -28px no-repeat; width: 100%; height: 26px;} #ll-lite {background: transparent url(../images/home-plan-sprites.png) 0 -56px no-repeat; width: 100%; height: 26px;} a#compare {background: transparent url(../images/home-plan-sprites.png) 0 -136px no-repeat; width: 164px; height: 32px; position: absolute; right: 12px; top: 7px;} .third-callout h4 {margin: 12px 9px 9px;} .third-callout p {margin: 12px 0 0 18px; font-size: 0.9em;} .third-callout a {margin: 3px 0 0 18px; font-size: 0.9em; display: block;} /*LeaveLink Software*/ ul.left-tabs {width: 264px; float: left;} ul.left-tabs h2 {width: 100%; height: 40px;} ul.left-tabs li {width: 100%; padding: 0;background-color: white; border-top: 1px solid #ddd; position: relative;} ul.left-tabs li a, ul.left-tabs li span { display: block; line-height: 1.2em; padding-right: 0px;} ul.left-tabs li a {padding: 16px 26px 16px 18px; color: #333;} ul.left-tabs li a.current { background: #465565 url(../images/bluegradient.png) repeat-x scroll left bottom; margin-left: -6px; padding-left: 24px; padding-right: 16px; color: white; font-weight: bold; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius-topleft: 5px; -webkit-border-radius-bottomleft: 5px; } ul.left-tabs li a.current span { background:transparent url(../images/arrows.png) no-repeat scroll -22px 0; color:white; display:block; font-weight:bold; height:57px; left:263px; margin-top:-26px; position:absolute; top:50%; width:30px; z-index:20; } ul.left-tabs li span.arrow {position: absolute; left: 240px; top: 40%; width: 7px; height: 14px; background: transparent url(../images/arrows.png) 0 -21px no-repeat;} div.right-field {width: 666px; float: right; background: #fff;} div.right-field-inside {width: 630px; margin: 18px;} div.right-field-nest {width: 630px; margin: 18px 0; float: left;} div.right-field-nest h4 {float: left;} div.right-field-nest p {font-weight: bold; padding: 12px 18px 0 0; font-size: 92%;} div.right-half-nest {width: 466px;float: right; margin: 18px 0;} div.right-half-nest h4 {float: left;} div.right-half-nest .right {font-weight: bold; padding: 12px 18px 0 0;} #leavelink-software-logo {background: transparent url(../images/software-sprites.png) 0 0 no-repeat; height: 20px; width: 220px; margin-bottom: 18px;} h4 a#request-demo {background: transparent url(../images/software-sprites.png) 0 -84px no-repeat; height: 42px; width: 175px;} li.round-top span.h4 {padding: 16px 0; margin-left: 18px;} #software-viewer .backdrop {background: url(../images/software-viewer.png) 0 0 no-repeat; width: 632px; height: 510px; display: block; position: relative;} .backdrop span#slideshow-play { background:transparent url(../images/software-sprites.png) no-repeat scroll 0 -24px; display:block; height:14px; position:absolute; right:27px; top:17px; width:18px; } .backdrop p { font-size:0.9em; font-weight:bold; left:18px; position:absolute; text-transform:uppercase; top:16px; } .backdrop .backward { background:transparent url(../images/software-sprites.png) repeat scroll -25px -21px; display:block; height:20px; position:absolute; left:27px; text-indent:-500px; overflow: hidden; top:246px; width:11px; cursor: pointer; } .backdrop .forward { background:transparent url(../images/software-sprites.png) repeat scroll -36px -21px; display:block; height:20px; position:absolute; right:27px; text-indent:-500px; overflow: hidden; top:246px; width:11px; cursor: pointer; } .backdrop .images div {position: absolute; top: 77px; left: 63px; display: none;} /* COMPLIANCE */ .left-field {width: 264px; float: left; background: white;} div.article {border-top: 1px solid #ddd; padding: 15px 0 0 0; line-height: 1.4em;} h2.title {color:#666666; font-size:2em; font-weight:100; letter-spacing:1px; padding-bottom:15px;} div.article h3 {font-size:1.5em; font-weight:100; letter-spacing:1px; padding-bottom:21px;} div.article h4 {font-weight: bold; font-size: 1em; padding-bottom: 9px;} div.article p {font-size: 1em;} .left-field div a {background: url(../images/compliance-sprites.png) no-repeat; width: 245px; margin: 9px auto 0; display: block;} .left-field #eliminate a {background-position: -1px -1px; height: 169px; margin-top: 12px;} .left-field #download a {background-position: 0 -177px; height: 66px;} .left-field #whitepaper a {background-position: 0 -245px; height: 66px;} .left-field #list a {background-position: 0 -315px; height: 66px; margin-bottom: 9px;} /* FMLA ABUSE */ .left-field #risk a {background-position: -1px -382px; height: 169px; margin-top: 12px;} h2.title span {font-weight: 300;} .block {background-color: #DFE8F3; float: left; line-height: 1.4em; margin-bottom: 12px;} .blockliner {margin: 9px 18px;} .block h2 {font-size: 1.55em; padding-top: 3px;} .block ul {list-style-image: url(../images/arrow-bullet.png); margin-left: 15px;} .block ul li {border-top: 1px solid #ccc; padding: 15px 0;} .block ul li.first {border-top: none;} /* COMPARE */ table {line-height: 1.4em; margin-top: 15px; position: relative; float: left;} tr { } tr.head td {border: none; text-indent: -5000px; overflow: hidden;} tr.head {border: none;} td {border: 1px solid #ccc; background-color: white; padding: 6px 0;} td.blank {border: none; background-color: #DFE8F3;} td a {background:transparent url(../images/request-demo.png) no-repeat scroll 0 0; display:block; height:33px; left:50%; margin-left:-81px; overflow:hidden; position:relative; text-indent:-1000px; top:85px; width:162px;} td span {background: transparent url(../images/check.png) 0 0 no-repeat; display: block; width: 24px; height: 18px; text-indent: -5000px; overflow: hidden; left: 50%; margin-left: -12px; position: relative;} td.item {padding-left: 9px;} td.center {text-align: center; text-transform: none;} td span#enterprise-b {background: transparent url(../images/leavelink-offers.png) 0 0 no-repeat; display: block; width: 180px; height: 18px; margin-left: -90px; margin-top: 9px;} td span#tpa-b {background: transparent url(../images/leavelink-offers.png) 0 -18px no-repeat; display: block; width: 130px; height: 18px; margin-left: -65px; margin-top: 9px;} td span#lite-b {background: transparent url(../images/leavelink-offers.png) 0 -36px no-repeat; display: block; width: 126px; height: 18px; margin-left: -63px; margin-top: 9px;} td.last a {top: 9px; padding-bottom: 9px;} td#enterprise {background: url(../images/compare-sprites.png) -1px 0 no-repeat; height: 160px; width: 227px;} td#TPA {background: url(../images/compare-sprites.png) -228px 0 no-repeat; height: 160px; width: 227px;} td#Lite {background: url(../images/compare-sprites.png) -457px 0 no-repeat; height: 160px; width: 227px;} /* DATASHEET */ #leavelink-banner { background:transparent url(../images/leavelink-banner.png) no-repeat scroll 0 0; display:block; float:left; height:136px; margin-top: 0px; width:960px; margin-left: -9px; margin-bottom: 9px;} #leavelink-lite-banner { background:transparent url(../images/leavelink-lite-banner.png) no-repeat scroll 0 0; display:block; float:left; height:136px; margin-top: 0px; width:960px; margin-left: -9px; margin-bottom: 9px; } #tpa-banner { background:transparent url(../images/tpa-banner.png) no-repeat scroll 0 0; display:block; float:left; height:136px; margin-top: 0px; width:960px; margin-left: -9px; margin-bottom: 9px; } .left-half, .right-half {background: white; width: 466px;} .left-half {float: left;} .right-half {float: right;} .pad {margin: 18px;} p.teaser {font-size: 1.1em;} .product-item {float: left; clear: both; text-align: left;} .product-item-ul {clear: both;} .product-item-ul h4 .product-item-ul ul, .product-item-ul img {float: left;} .product-item-ul h4 {font-size:1.5em; font-weight:200; margin-bottom:6px; margin-left:0; margin-right:0; padding-top:6px;} .product-item-ul img {padding: 0px 12px 6px 6px;} ul.gray {display:block; float:left; list-style-image:url(../images/checkmark.png); list-style-position:outside; list-style-type:disc; margin-bottom:18px;margin-left:27px; } ul.star {display:block; float:left; list-style-image:url(../images/dot.png); list-style-position:outside; list-style-type:disc; margin-bottom:18px;margin-left:27px } ul.gray li, ul.star li {padding: 6px 0;} .product-item img {float: left; padding: 0px 12px 6px 6px;} .product-item h4 {font-size:1.5em; font-weight:200; margin-bottom:6px; margin-left:0; margin-right:0; padding-top:6px;} /* FORM */ #demo-form {width: 627px; background-color: #DFE8F3; border: 5px solid white; margin: 0 auto;} #demo-form form {width: 586px;} .form-pad {margin: 18px; } #demo-form .form-left {width: 285px; float: left;} #demo-form .form-right {width: 285px; float: right; margin-bottom: 62px;} #demo-form textarea {margin: 9px 0;} #demo-form input {width: 100%; border: 1px solid #ccc; padding: 3px 0; margin: 6px 0 18px;} #demo-form select {width: 100%; margin: 9px 0 27px;} #demo-form textarea {width: 100%; height: 177px; border: 1px solid #ccc; font-family: Helvetica, Arial, Sans-Serif; font-size: 14px; line-height: 1.4em;} #demo-form h4 {font-weight: 200; font-size: 1.4em; margin: -9px 0 18px;} select#interested_in {float: left;} #demo-form div.last-container { position: relative;} #demo-form div.last-container img {position: absolute; top:; 0; left: 0;} #demo-form div.last-container label {position: absolute; left: 70px; font-size: 10px;} #demo-form div.last-container p {position: absolute; top: 12px; right: 0px; color: #273039;} #demo-form div.last-container input#imgVerification {position: absolute; left: 70px; top: 5px; height: 12px; width: 200px;} #overlay {display: none; } #overlay .contentWrap {margin-left: -314px; left: 50%;} .close {width: 40px; height: 40px; background: transparent url(../images/close.png) 0 0 no-repeat; top: -17px; left: 303px; position: absolute;} #demo-form img {float: left;} img.lite-img {position: relative; right: -109px; top: 27px;} /* CONTACT */ .contact-unit {width: 100%; float: left; clear: both; margin:15px 0 38px; line-height: 1.2em;} .contact-unit ul {float: left; width: 240px;} .contact-unit ul li.strong {font-weight: bold;} .contact-unit ul li.title {font-weight: bold; margin-bottom: 9px;} .contact-unit ul li.sub {margin-top: 3px;} .contact-unit ul li.sub a {color: #333; font-size: 0.9em; font-weight: bold;} div.right-field-inside hr {width: 666px; margin-left: -18px; margin-top: -6px; float: left;} span.reg {font-size: 9px; line-height: 9px; display: inline; position: static !important;} div.client-list ul.star {clear: both;} div.client-list h4 {float: left; clear: both; margin: 6px 0;} #submit {background: transparent url(../images/submit.png) 0 0 no-repeat; margin-top: 46px; width: 56px; height: 25px; border: 0; margin-left: 530px;} /* _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/transparent.png', sizingMethod='image'); */ #about ul.star { list-style: none; margin-left: 0em; } object#CostOfAdminCalc {z-index: 1 !important; display: block; } object#CostOfAdminCalc embed {z-index: 1 !important; }