/*--------------------------------- 1. GENERAL SELECTORS ---------------------------------*/ * {list-style:none;margin:0;padding:0;} body {background:#93b507;border-top:#8f9c6f 5px solid;font:10px helvetica, arial, sans-serif;margin:0;padding:0;text-align:center;} a {color:#94b600;text-decoration:none;outline:none;} a:hover {color:#94b600;} /*--------------------------------- 2. LAYOUT ---------------------------------*/ #container {background:#FFF;border:#8f9c6f 1px solid;margin:0 auto;padding:20px;text-align:left;width:920px;} #header {height:90px;position:relative;} #header h1 {float:left;} #header span.beta {background:#e0f1fb;color:#7a92a0;display:block;padding:3px 5px;position:absolute;left:190px;text-shadow:#FFF 0 1px 0;top:12px;} #header ul {float:right;} #header ul li {display:inline;font-size:17px;line-height:40px;margin-left:15px;} #header ul li a {color:#5e7304;} #header ul li.selected a, #header ul li a:hover {color:#9cd708;} #row1 {background:#FFFFFF;border:#c7dd66 1px solid;margin-bottom:30px;padding:10px;position:relative;z-index:1;} #row1 li {height:380px;} .actions {background:#f1f8fc;bottom:-72px;height:57px;left:-1px;padding:13px 0 0 40px;position:absolute;width:882px;z-index:2;} #row1 .tab-content {display:none;} #row1 .tab-content.active {display:block;} #row1 .tab-content p {color:#697f8f;font-size:18px;font-weight:normal;left:40px;line-height:1.4;position:absolute;width:390px;text-shadow:#FFF 0 1px 0;} #row1 .tab-content img {border-width:0;position:absolute;z-index:3;} #tab_1-content {} #tab_1-content h2 {background:url(/images/_site/tagline.jpg) no-repeat;height:110px;left:34px;position:absolute;text-indent:-5000px;top:50px;width:355px;} #tab_1-content p {top:137px;} #tab_1-content img {right:13px;top:27px;} #tab_2-content {} #tab_2-content h2 {background:url(/images/_site/tagline_tab5.jpg) no-repeat;height:31px;left:36px;position:absolute;text-indent:-5000px;top:70px;width:259px;} #tab_2-content p {top:105px;} #tab_2-content img {right:13px;top:28px;} #tab_3-content {} #tab_3-content h2 {background:url(/images/_site/tagline_tab2.jpg) no-repeat;height:67px;left:36px;position:absolute;text-indent:-5000px;top:42px;width:357px;} #tab_3-content p {top:107px;} #tab_3-content img {right:13px;top:28px;} #tab_4-content {} #tab_4-content h2 {background:url(/images/_site/tagline_tab3.jpg) no-repeat;height:61px;left:36px;position:absolute;text-indent:-5000px;top:42px;width:367px;} #tab_4-content p {top:107px;} #tab_4-content img {right:13px;top:28px;} #tab_5-content {} #tab_5-content h2 {background:url(/images/_site/tagline_tab4.jpg) no-repeat;height:35px;left:36px;position:absolute;text-indent:-5000px;top:70px;width:334px;} #tab_5-content p {top:105px;} #tab_5-content img {right:13px;top:28px;} #row2 {} #row2 h4 {border-bottom:#c7dd66 2px solid;color:#707d89;font-size:13px;font-weight:normal;margin-bottom:1px;padding-bottom:1px;text-transform:uppercase;} #row2 h4 em {color:#CCC;text-transform: none;font-size:11px;font-style:normal;} #features {} #features.sub {border-top:#d7e7f1 4px solid;padding-top:30px;} #features.sub li {border-bottom:#EBEBEB 1px solid;height:155px;margin-bottom:20px;} #features.sub li p {font-size:14px;} #features.sub .g3_1 span {display:block;color:#999;font-size:11px;padding:2px 0 0 0;text-align:center;} #features.sub .g3_1 a:hover span {color:#0068a4;} #features.g5_3 li {float:left;height:100px;padding-left:20px;width:220px;padding-top:10px;} #features.g5_3 li.left {margin-right:10px;} #features h3 {color:#0068a4;font-size:18px;font-weight:normal;margin:0 0 3px 0;} #features p {color:#575d64;font-size:12px;line-height:1.3;} #features img {border-width:0;} .feature-list {font-size:13px;line-height:2;margin-top:22px;} #feature_accounts {background:url(/images/_site/icon_accounts.jpg) no-repeat 5px 5px;} #feature_search {background:url(/images/_site/icon_search.jpg) no-repeat 5px 5px;} #feature_assignments {background:url(/images/_site/icon_assignments.jpg) no-repeat 5px 5px;} #feature_onduty {background:url(/images/_site/icon_onduty.jpg) no-repeat 5px 5px;} #customers {} #customers h3 {color:#3e4951;font-size:20px;font-weight:normal;line-height:1.3;margin-bottom:10px;} #customers li {display:block;float:left;margin:0 9px 10px 0;height:35px;} #customers img {border-width:0;height:114px;} #row3 {border-top:#c7dd66 2px solid;padding-top:20px;} #row3 h3 {border-bottom:#EBEBEB 1px solid;color:#707d89;font-size:13px;font-weight:normal;margin-bottom:20px;padding-bottom:3px;text-transform:uppercase;} .link {float:right;} #news {} #news .article {margin-bottom:12px;} #news abbr {color:#999;font-size:12px;font-style:italic;} #news h1 {font-size:16px;font-weight:normal;margin-bottom:3px;} #news p {color:#575d64;font-size:12px;line-height:1.3;margin-bottom:8px;} .follow {background:#e0f1fb;display:block;font-size:12px;font-weight:bold;margin-top:-10px;padding:8px 50px 8px 0;position:relative;text-align:center;z-index:5;} .follow img {border-width:0;position:absolute;left:285px;top:-20px;z-index:6;} .form-footer {color:#999;} #footer {color:#333;font-size:13px;padding:10px 20px;text-align:center;} /*--------------------------------- 3. GLOBAL ---------------------------------*/ /*-- ABOUT --*/ #about {border-top:#d7e7f1 4px solid;padding-top:20px;} #about h1 {border-bottom:#EBEBEB 1px solid;color:#999;font-size:18px;font-weight:normal;margin-bottom:10px;padding:0 0 5px 0;} #about dl {margin:0 0 15px 100px;min-height:80px;position:relative;} #about dt.image {position:absolute;left:-100px;width:100px;} #about dt {font-size:18px;margin-bottom:10px;} #about dt span {color:#999;font-size:14px;} #about p {color:#44484a;font-size:13px;line-height:1.35;margin:0 0 10px 0;} #about ul {color:#44484a;font-size:13px;margin:0 0 12px 0;} #about ul li {margin:0 0 10px 18px;} #about .tab-content {display:block;} .press h3 {font-size:14px;font-weight:normal;margin-bottom:5px;} .press ul {margin-bottom:20px !important;} /*-- BODY CONTENT --*/ .body-content {} .body-content h3 {border-bottom:#EBEBEB 1px solid;color:#999;font-size:18px;font-weight:normal;margin-bottom:10px;padding:0 0 5px 0;} .body-content h4 {color:#0068a4;font-size:15px;font-weight:normal;margin-bottom:10px;} .body-content p {color:#44484a;font-size:13px;line-height:1.35;margin:0 0 10px 0;} .body-content ul {color:#44484a;font-size:13px;line-height:1.3;list-style:circle;margin:0 0 0 10px;} .body-content ul li {margin:0 0 8px 10px;list-style:circle;} /*-- BUTTONS --*/ .button.signup {background:url(/images/_site/button_sign-up.png) no-repeat;display:block;float:left;height:45px;text-indent:-5000px;width:175px;} .button.learn-more {background:url(/images/_site/button_learn.png) no-repeat;display:block;float:left;height:35px;margin:5px 0 0 10px;text-indent:-5000px;width:150px;} .button.start-over {background:url(/images/_site/button_start-over.png) no-repeat;display:block;float:left;height:35px;margin:5px 0 0 10px;text-indent:-5000px;width:141px;} .button:hover {background-position:center center;} .button:active {background-position:bottom center;} /*-- FAQ --*/ .faq {font-size:13px;margin-top:13px;} .faq dt {color:#3c4951;font-size:13px;font-weight:bold;} .faq dd {color:#69777f;line-height:1.4;margin-bottom:15px;} /*-- GRIDS --*/ .g4, .g4, .g3 {position:relative;} .g5>div, .g5>li {float:left;margin:0 0 0 20px;} .g5>div:first-child, .g5>li:first-child {margin:0;} .g5_1 {width:168px;} .g5_2 {width:356px;} .g5_3 {width:544px;} .g5_4 {width:732px;} .g4>div, .g4>li {float:left;margin:0 0 0 20px;} .g4>div:first-child, .g4>li:first-child {margin:0;} .g4_1 {width:215px;} .g4_2 {width:450px;} .g4_3 {width:685px;} .g3>div, .g3>li, .g3>ul {float:left;margin:0 0 0 20px;} .g3>div:first-child, .g3>li:first-child, .g3>ul:first-child {margin:0;} .g3_1 {width:293px;} .g3_2 {width:606px;} /*-- TABS --*/ #tabs {} #tabs li {margin-bottom:10px;} #tabs li a {color:#3e4951;font-size:14px;} #tabs li.selected a, #tabs li a:hover {color:#0068a4;} .tab-content {display:none;} /*-- ROUNDED CORNERS --*/ .rounded_5px { border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; } .rounded_top_5px { border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; } .rounded_bottom_5px { border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; } /*-- RESULTS --*/ .result dl {margin-right:0 !important;} .result dd {padding-top:7px !important;min-height:30px;} /*-- UTILITIES --*/ .utilities {margin:10px auto 3px auto;text-align:right;width:922px;} .utilities li {display:inline;font-size:13px;line-height:20px;margin-left:10px;} .utilities li a {} /*-- CLEARFIX --*/ .clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear {display:inline-block;} /* Hide from IE Mac \*/ .clear {display:block;} /* End hide from IE Mac */