/* http://meyerweb.com/eric/tools/css/reset/
   http://meyerweb.com/eric/thoughts/2011/01/03/reset-revisited/
   v2.0b1 | 201101
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles!
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}body {
    margin: 0;
    text-align: center;
    font-family: arial;
    background: rgb(36,42,51) url("/home/images/header_bg.gif") repeat;
}
#main_content {
    background-color: white;
}
a {
    outline: none;
    cursor: pointer;
}
img {
    border: none;
    vertical-align: middle;
}
.center {
    width: 932px;
    margin: 0px auto;
}
.clear {
    clear: both;
}
.errorLine {
    margin-top: 2px;
}
.error {
    background-color: #ffc7d4;
    color: #ff003c;
    font-size: 13px;
    padding: 1px 4px;
}
#csf_system_message {
    width: 100%;
    font-size: 15px;
    padding: 12px 0px 12px 0px;
    text-align: center;
    position: absolute;
    z-index: 1000;
}
#csf_system_message.success_message {
    color: rgb(50,50,50);
    background-color: rgb(255,249,54);
    border-top: 1px solid rgb(247,243,54);
    text-shadow: 0px 1px 0px rgb(255,255,255);
}
#csf_system_message.success_message .check {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}
#csf_system_message.error_message {
    color: rgb(255,255,255);
    background-color: rgb(255,50,50);
    border-top: 1px solid rgb(210,50,50);
    text-shadow: 0px 1px 0px rgb(100,0,0);
}

#logo {
    float: left;
    width: 170px;
    height: 47px;
    background: transparent url("/home/images/header_logo.gif") no-repeat top left;
    position: relative;
    top: 11px;
    text-indent: -9999px;
}
#header {    
    height: 68px;
    background: rgb(36,42,51) url("/home/images/header_bg.gif") repeat-x;
    *cursor: default;
}
#header ul {
    float: right;
    width: 400px;
    margin: 0;
    *line-height: 0;
    list-style: none;
    padding-top: 27px;
}
#header ul li a {
    float: left;
    height: 22px;
    text-indent: -9999px;
}
#header ul li.home a {
    width: 43px;
    margin-right: 29px;
    background: transparent url("/home/images/header_links.gif") no-repeat 0px 0px;
}
#header ul li.home a:hover {
    background-position: -422px 0px;
}
#header ul li.features a {
    width: 65px;
    margin-right: 29px;
    background: transparent url("/home/images/header_links.gif") no-repeat -72px 0px;
}
#header ul li.features a:hover {
    background-position: -494px 0px;
}
#header ul li.signup a {
    width: 122px;
    margin-right: 28px;
    background: transparent url("/home/images/header_links.gif") no-repeat -166px 0px;
}
#header ul li.signup a:hover {
    background-position: -588px 0px;
}
#header ul li.contact a {
    width: 79px;
    background: transparent url("/home/images/header_links.gif") no-repeat -316px 0px;
}
#header ul li.contact a:hover {
    background-position: -738px 0px;
}
#footer_pricing_signup {
    background: rgb(231,249,232) url("/home/images/home_pricing_signup_bar_bg.png") repeat-x bottom;
    margin-top: 80px;
    height: 142px;
}
#footer_pricing_signup a {
    float: right;
    display: block;
    margin-top: 29px;
    width: 349px;
    height: 87px;
    text-indent: -9999px;
    background: transparent url("/home/images/home_pricing_signup.gif") no-repeat;
}
#footer {
    text-align: left;
    word-spacing: 1pt;
    letter-spacing: 0.5pt;
    background: rgb(36,42,51) url("/home/images/header_bg.gif") repeat;
    padding: 25px 0 20px 0;
}
#footer ul {
    float: left;
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
    width: 25%;
}
#footer ul li {
    margin: 0 0 10px 0;
}
#footer ul li b {
    font-size: 13px;
    font-weight: normal;
    color: rgb(140,140,140);
}
#footer ul li a {
    font-size: 13px;
    color: rgb(240,240,240);
    text-decoration: none;
}
#footer ul li a:hover {
    text-decoration: underline;
}
#footer ul li .twitter {
    float: right;
    position: relative;
    top: -2px;
    *top: -17px;
    left: -250px;
    background: transparent url("/home/images/footer_twitter_bird.png") no-repeat;
    _background: transparent url("/home/images/footer_twitter_bird.gif") no-repeat;
    width: 43px;
    height: 30px;
}
#footer .copyright {
    clear: both;
    text-align: center;
    color: rgb(140,140,140);
    font-size: 11px;
    word-spacing: 0.2pt;
}
.footer_shadow_bg {
    height: 9px;
    _font-size: 0;
    background: transparent url("/home/images/footer_shadow_bg.png") repeat-x;
}


/* SHARED ELEMENTS */

#splash {
    background: rgb(89,149,217) url("/home/images/splash_bg.jpg") repeat-x;
    height: 175px;
    margin-bottom: 39px;
}
#splash .center {
    text-align: left;
}
#splash .center .title {
    position: relative;
    left: -60px;
    display: block;
}
#splash .center .subtitle {
    *position: relative;
    *top: -3px;
}
.youtube_player {
    background-color: white;
    padding: 20px 20px 10px 20px;

    -moz-box-shadow: 0px 0px 35px 15px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 35px 15px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 35px 15px rgba(0,0,0,0.6);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.youtube_player .bottom_bar {
    margin-top: 12px;
    height: 50px;
}
.youtube_player .bottom_bar .close {
    color: rgb(29,76,157);
    float: left;
    margin: 14px 0 0 20px;
    text-decoration: underline;
}
.youtube_player .bottom_bar .get_free_trial {    
    background: transparent url("/home/images/home_get_free_trial.png") no-repeat;
    width: 191px;
    height: 46px;
    display: block;
    float: left;
    margin-left: 320px;
}
div.quote {
    text-align: left;    
    color: rgb(100,100,100);
    line-height: 1.8em;
    word-spacing: 1.5pt;
    margin: 0 0 15px 0;
    padding: 17px 20px;
    background-color: rgb(240,255,245);
    font-family: georgia;
    font-size: 13px;
    *font-size: 12px;
}
div.quote h1 {
    display: inline;
    font-weight: normal;
    margin: 0;    
    font-size: 13px;   
    *font-size: 12px;
    *margin-right: 5px;
}
div.quote .ieblock {
    
}
div.customer {
    font-family: serif;
    font-size: 13px;
    word-spacing: 1pt;
    display: block;
    color: rgb(130,130,130);
    margin: 0 0 40px 0;
    font-style: normal;
    text-indent: 20px;
}
div.customer b {
    font-size: 15px;
    color: rgb(100,100,100);
    margin-bottom: 5px;
    display: block;
}
div.customer i {
    display: block;
    margin-bottom: 5px;
}
div.customer span {
    color: rgb(185,185,185);
    font-size: 12px;
}
#hoverText {
    position: absolute;
    text-align: left;
    font-size: 0px; /* IE Fix */
    z-index: 1000;
    text-shadow: none;
}
#hoverText_caption {
    background-color: rgb(30,30,30);
    color: white;
    font-size: 11px;
    font-family: "Lucida Grande", sans-serif;
    padding: 6px 10px;
    white-space: nowrap;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#hoverText_hand {
    vertical-align: top;
    margin-top: 0px;
}
.hoverText_caption_top {
    line-height: 1.6em;
}
.hoverText_hand_top {
    margin-left: 14px;
    width: 11px;
    height: 6px;
}
.hoverText_caption_right {
    line-height: 1.6em;
    float: right;
    margin-left: -11px;
}
.hoverText_hand_right {
    float: left;
    padding-top: 7px;
    width: 6px;
    height: 11px;
}
.hoverText_caption_left {
    line-height: 1.6em;
    float: left;
    margin-right: -11px;
}
.hoverText_hand_left {
    float: right;
    padding-top: 7px;
    width: 6px;
    height: 11px;
}


/* HOME */

#home_splash_container {
    background: rgb(122,164,220) url("/home/images/home_splash_bg.png") repeat-x;
    height: 462px;
    margin-bottom: 34px;
}
#home_splash {
    height: 100%;
    background: transparent url("/home/images/home_splash.jpg") no-repeat center;
    *cursor: default;
}
#home_splash #home_screenshot {
    float: left;
    display: block;
    width: 437px;
    height: 264px;
    position: relative;
    top: 35px;
    left: 493px;
    text-indent: -9999px;
}
#home_splash  .try_demo {
    float: left;
    display: block;
    width: 173px;
    height: 69px;
    position: relative;
    top: 230px;
    left: -444px;
    text-indent: -9999px;
}
#home_splash .sign_up {
    float: left;
    display: block;
    width: 210px;
    height: 69px;
    position: relative;
    top: 230px;
    left: -427px;
    text-indent: -9999px;
}
#home_splash .customers {
    float: left;
    display: block;
    width: 310px;
    height: 75px;
    position: relative;
    top: 295px;
    left: 140px;
    text-indent: -9999px;
}
.home_features {
    float: left;
    text-align: left;
    width: 580px;
    font-family: arial;
    line-height: 1.5em;
}
.home_features h1 {
    display: inline;
    font-weight: normal;
    margin: 0;
    font-size: 13px;
}
.home_features .feature {
    margin-bottom: 40px;
}
.home_features .feature h3 {
    margin: 0 0 10px 0;
    color: rgb(70,70,70);
    font-size: 20px;
}
.home_features .feature h3 span {
    color: rgb(120,120,120);
    font-weight: normal;
    font-size: 18px;
    margin-left: 3px;
}
.home_features .feature div {
    color: rgb(120,120,120);
    font-size: 13px;
    width: 245px;
    margin: 0;
}
.home_features .feature img {
    float: right;
    padding: 2px;
    border: 1px solid rgb(200,200,200);
}
.home_features .feature_small_left {
    float: left;
    width: 46%;
}
.home_features .feature_small_right {
    float: right;
    width: 46%;
}
.home_features .feature_small {
    clear: both;
    font-family: arial;
    line-height: 1.8em;
    word-spacing: 0.5pt;
    color: rgb(120,120,120);
    font-size: 12px;
    height: 120px;
    margin-bottom: 30px;
}
.home_features .feature_small h4 {
    margin: 0 0 10px 0;
    color: rgb(70,70,70);
    font-size: 14px;
}
.home_features .feature_small p {
    margin: 0;
    width: 130px;
    float: left;
}
.home_features .feature_small img {
    padding: 2px;
    border: 1px solid rgb(200,200,200);
    float: right;
}
.home_features .next_action {
    clear: both;
    position: relative;
    top: 5px;
    *top: -30px;
}
.home_features .next_action a {
    color: rgb(0,60,189);
    font-size: 16px;
}
.home_features .next_action span {
    padding: 0px 10px;
    color: rgb(170,170,170);
}
.home_quotes {
    float: right;
    width: 300px;
    text-align: right;
}
.home_case_study {
    border: 1px solid rgb(220,220,220);
    margin: 10px 50px 50px 50px;
    padding: 25px 25px 0px 25px;
    height: 188px;
    text-align: left;
    background-color: rgb(250,250,250);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.home_case_study a {
    color: rgb(29,76,157);
    text-decoration: underline;
}
.home_case_study #play_case_study {
    padding: 10px 10px;
    border: 1px solid rgb(220,220,220);
    background-color: white;
    display: block;
    float: left;
    margin-right: 25px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
   
    -moz-box-shadow: 0px 1px 0px white;
    -webkit-box-shadow: 0px 1px 0px white;
    box-shadow: 0px 1px 0px white;
}
.home_case_study h3, .home_case_study p {    
    padding: 0;
    font-weight: normal;
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
    color: rgb(60,60,60);
}
.home_case_study h3 {
    margin: 13px 0 0 0;
    font-size: 20px;
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
}
.home_case_study p {
    margin: 10px 0 0 0;
    font-size: 13px;
    line-height: 1.9em;
    word-spacing: 0.17em;
}



/* FEATURES */
.features_bar_links {
    padding: 0;
    margin: 0 0 0 0;
    list-style: none;
    width: 937px;
    height: 58px;
    background: transparent url("/home/images/features_bar_links.jpg") no-repeat;
    _overflow: hidden;
    *position: relative;
    *top: -3px;
}
.features_bar_links li {
    float: left;
    height: 100%;
    position: relative;
    left: 31px;
}
.features_bar_links li a {
    position: relative;
    top: 11px;
    display: block;
    height: 35px;
    text-indent: -9999px;    
}
.features_bar_links .overview {
    width: 137px;
}
.features_bar_links .phone_clocking {
    width: 184px;
}
.features_bar_links .absences {
    width: 222px;
}
.features_bar_links .tasks {
    width: 206px;
}
.features_bar_links .reports {
    width: 115px;
}
.features_bar_links .overview a {
    width: 63px;
}
.features_bar_links .phone_clocking a {
    width: 104px;
}
.features_bar_links .absences a {
    width: 141px;
}
.features_bar_links .tasks a {
    width: 125px;
}
.features_bar_links .reports a {
    width: 117px;
}
.features_bar_links .selected {
    top: 13px;
    left: -32px;
    height: 36px;
}
.features_bar_links .overview .selected {
    background: transparent url("/home/images/features_bar_links_selected.jpg") no-repeat 0px -13px;
    width: 126px;
}
.features_bar_links .phone_clocking .selected {
    background: transparent url("/home/images/features_bar_links_selected.jpg") no-repeat -135px -13px;
    width: 173px;
}
.features_bar_links .absences .selected {
    background: transparent url("/home/images/features_bar_links_selected.jpg") no-repeat -315px -13px;
    width: 216px;
}
.features_bar_links .tasks .selected {
    background: transparent url("/home/images/features_bar_links_selected.jpg") no-repeat -540px -13px;
    width: 197px;
}
.features_bar_links .reports .selected {
    background: transparent url("/home/images/features_bar_links_selected.jpg") no-repeat -745px -13px;
    width: 188px;
}
.features {
    font-family: arial;    
}
.features .left {
    float: left;
    text-align: left;
    width: 600px;
    line-height: 1.5em;    
}
.features .right {
    float: right;
    width: 280px;
    text-align: right;
}
.features h1.title {
    clear: both;
    letter-spacing: 0.5pt;
    text-align: left;
    font-weight: normal;
    font-size: 22px;
    margin: 0 0 35px 0px;
    padding: 0 0 9px 0;
    color: rgb(150,150,150);
    border-bottom: 1px solid rgb(200,200,200);
}
.features h1.title b {
    font-weight: normal;
    font-size: 28px;
    color: rgb(90,90,90);
    margin-right: 5px;
}
.features .left .thing {
    margin-bottom: 40px;
    letter-spacing: 0.2pt;
}
.features .left .thing img {
    float: left;
}
.features .left .thing h3 {
    margin: 0 0 10px 90px;
    padding: 0;
    color: rgb(80,80,80);
    font-size: 16px;
}
.features .left .thing p {
    margin: 0 0 0 90px;
    color: rgb(120,120,120);
    font-size: 13px;
}
.features .left .thing div {
    margin-top: 5px;
}
.features .left .thing div a {
    letter-spacing: 0.5pt;
    margin: 0 0 0 90px;
    font-size: 12px;
    color: blue;
}
.features .left table.industries {
    letter-spacing: 0.5pt;
    margin: 10px 0 3px 90px;
    font-size: 12px;
    color: rgb(60,60,60);
    border-collapse: collapse;
    width: 90%;
    *margin-left: 0;
}
.features .left table.industries td {
    margin: 0;
    padding: 0 0 3px 0;
}
.features .left table.industries .long {
    width: 180px;
}
.features h1.steps {
    padding-top: 25px;
}
.features .step {
    clear: both;
    text-align: left;
    margin: 0 0 50px 0;
    line-height: 1.5em;
    letter-spacing: 0.2pt;
}
.features .step a {
    color: rgb(0,71,194);
}
.features .step .screenshot {
    float: right;
    margin: 0 0 0 50px;
    border: 1px solid rgb(220,220,220);
    padding: 5px;
}
.features .step h3 {
    margin: 0 0 8px 0px;
    padding: 0;
    color: rgb(80,80,80);
    font-size: 16px;
}
.features .step p {
    margin: 0 0 0 0;
    color: rgb(120,120,120);
    font-size: 13px;
}
.features .step div {
    margin-top: 5px;
}
.features .step div a {
    letter-spacing: 0.5pt;
    margin: 0 0 0 0;
    font-size: 12px;
    color: blue;
}
.features .step .faq b {
    margin: 0 0 0 28px;
    position: relative;
    top: 4px;
    font-size: 11px;
    color: rgb(180,180,180);
}
.features .step .faq ol {
    margin: 0 0 0 30px;
    padding: 0 0 0 17px;
    font-size: 12px;
}
.features .step .faq ol a {
    color: rgb(0,71,194);
    letter-spacing: 0.3pt;
}
.features .step .faq ol li p {
    display: none;
    width: 470px;
    letter-spacing: 0.3pt;
    word-spacing: 0.5pt;
    color: rgb(100,100,100);
    border: 1px solid rgb(238,238,238);
    background-color: rgb(248,248,248);
    padding: 10px 15px;
    margin: 5px 0 30px 0;
}
.features .step .faq ol li p br {
    line-height: 12px;
}
.features .step .try_demo {
    width: 550px;
    border-top: 1px solid rgb(230,230,230);
    padding-top: 10px;
    position: relative;
    top: 30px;
}
.features .step .try_demo a {
    font-size: 13px;
}
.features .next_page {
    clear: both;
    padding-top: 50px;
    *padding-top: 20px;
}
.features .next_page a {
    color: rgb(0,60,189);
    font-size: 20px;
}
.features .next_page span {
    font-size: 16px;
    padding: 0px 10px;
    color: rgb(170,170,170);
}
.features .next_page span.or {
    margin: 0px 10px;
}
.features_phone .intro {
    margin: 0;
    padding: 0;
    color: rgb(110,110,110);
    font-size: 14px;
    line-height: 1.8em;
}
.features_phone .intro br {
    line-height: 20px;
}
.features_phone div.left {
    width: 500px;
}
.features_phone div.right {
    width: 380px;
}
.features_phone .features_list {
    color: rgb(100,100,100);
    font-family: georgia;
    font-size: 20px;
    border: 1px solid red;
    text-align: left;
    background-color: rgb(255,252,236);
    border: 1px solid rgb(235,228,197);
    padding: 20px 20px 3px 20px;
    margin: 0 0 60px 0;
}
.features_phone .features_list div {
    margin: 0 0 17px 0;
}
.features_phone .features_list img {
    vertical-align: middle;
    margin-right: 10px;
}
.features_phone .steps_left {
    width: 500px;
    float: left;
    text-align: left;
}
.features_phone .steps_right {
    width: 350px;
    float: right;
    text-align: right;
}
.features_phone .step object {
    margin-top: 7px;
    margin-bottom: 12px;
}
.features_phone .phone_menu_left, .features_phone .phone_menu_right {
    display: block;
    float: left;
    color: rgb(120,120,120);
    font-size: 13px;
    padding-right: 30px;
    padding-bottom: 10px;
}
.features_phone .next_action {
    margin-top: 18px;
}
.features_phone .next_action a {
    color: rgb(0,60,189);
    font-size: 16px;
}
.features_phone .next_action span {
    padding: 0px 10px;
    color: rgb(170,170,170);
}


/* PRICING */
.pricing {
    width: 100%;    
    border-collapse: collapse;
    letter-spacing: 0.5pt;
    color: rgb(80,80,80);
    font-size: 14px;
}
.pricing td {
    padding: 12px 0px;
    border: 1px solid rgb(180,180,180);
}
.pricing tr td.blank {
    background-color: white;
    border: none;
}
.pricing .plan td {
    background-color: rgb(60,60,60);
    color: rgb(240,240,240);
    padding: 13px 0;
}
.pricing .prices td {
    background-color: rgb(255,252,238);
}
.pricing .free {
    font-size: 38px;
    color: rgb(60,60,60);
}
.pricing .price {
    font-size: 45px;
    color: rgb(60,60,60);
}
.pricing .price i {
    margin-right: -32px;
    position: relative;
    top: -10px;
    left: -5px;
}
.pricing .includes {
    margin-top: 10px;
    font-size: 11px;
    color: rgb(136,125,68);
    letter-spacing: 0pt;
}
.pricing .signup {
    margin-top: 10px;
}
.pricing .signup input {
    font-size: 12px;
}
.pricing i {
    color: rgb(160,160,160);
    font-style: normal;
    font-size: 11px;
}
.pricing_left {
    float: left;
    text-align: left;
    margin: 50px 0 50px 0;
    padding: 0 0 0 20px;
    width: 400px;
}
.pricing_left h3, .pricing_right h3 {
    color: rgb(60,60,60);
    margin: 0 0 8px 0;
    padding: 0;
}
.pricing_left p, .pricing_right p {
    margin: 0 0 30px 0;
    padding: 0;
    color: rgb(100,100,100);
    font-size: 14px;
    line-height: 1.8em;
}
.pricing_right {
    text-align: left;
    float: right;
    margin: 50px 0 50px 0;
    padding: 0 10px 0 0;
    width: 400px;
}
#pricing_calculator_form {
    background-color: rgb(245,245,245);
    border: 1px solid rgb(235,235,235);
    text-align: left;
    margin: 0 0 40px 0;
    padding: 18px 20px 8px 20px;
    font-size: 14px;
    letter-spacing: 0.5pt;
}
#pricing_calculator_form div {
    margin-bottom: 10px;
}
#pricing_calculator_form input {
    width: 26px;
    margin: 0 5px 0 5px;
}
#pricing_calculator_form input.submit {
    width: auto;
    margin: 5px 0 0 0;
}
#pricing_calculator_form #cost_per_month span {
    background-color: rgb(255,243,180);
    padding: 5px 5px;
    font-weight: bold;
    font-size: 14px;
}


/* CREATE ACCOUNT */
#create_account_form {
    text-align: left;
}
#create_account_form .errorLine {
    margin-top: -2px;
    margin-bottom: 0px;
}
#create_account_form label {
    color: rgb(100,100,100);
    font-size: 13px;
}
#create_account_form .business_info {
    float: left;
    width: 500px;
}
#create_account_form input {
    font-size: 13px;
    padding: 3px 3px;
    width: 250px;
    margin-bottom: 6px;
}
#create_account_form select {
    margin-bottom: 10px;
}
#create_account_form #businessState {
    width: 100px;
}
#create_account_form table.businessTable td {
    vertical-align: top;
}
#create_account_form label {
    display: block;
    padding-top: 10px;
}
#create_account_form .businessTable .captionCell {
    padding-left: 100px;
}
#create_account_form h1.title {
    clear: both;
    letter-spacing: 0.5pt;
    text-align: left;
    font-weight: normal;
    font-size: 22px;
    margin: 50px 0 20px 0px;
    padding: 0 0 9px 0;
    color: rgb(150,150,150);
    border-bottom: 1px solid rgb(200,200,200);
}
#create_account_form #first_title {
    margin-top: 0px;
}
#create_account_form .agree_row {
    margin: 10px 0 15px 0;
    font-size: 12px;
    vertical-align: middle;
}
#create_account_form #createAccountSubmit {
    width: auto;
    margin-bottom: 70px;
}
#create_account_form .help_gutter {
    width: 350px;
    float: right;
    background-color: rgb(245,245,245);
    border: 1px solid rgb(230,230,230);
    padding: 20px 20px;
    color: #5c5c5b;
    font-size: 13px;
    letter-spacing: 0.2pt;
    word-spacing: 0.2pt;
}
#create_account_form .help_gutter h3 {
    margin: 0 0 8px 0;
    padding: 0;
    color: rgb(80,80,80);
    letter-spacing: 0.2pt;
    font-weight: normal;
    font-size: 18px;
}
#create_account_form .help_gutter p {
    margin: 0 0 23px 0;
    line-height: 1.9em;
    padding: 0;
    color: rgb(100,100,100);
}
#create_account_form .help_gutter p.last {
    margin: 0;
}
#create_account_form .domain_help {
    color: rgb(160,160,160);
    font-size: 12px;
    font-style: italic;
}


/* CONTACT US */
#contact_us_form {
    text-align: left;
    float: left;
}
#contact_us_form table {
    border-collapse: collapse;
    text-align: left;
    margin-bottom: 60px;
}
#contact_us_form table td {
    padding: 5px 5px 5px 5px;
    vertical-align: top;
}
#contact_us_form table input {
    width: 400px;
    font-size: 18px;
    padding: 5px 5px;
}
#contact_us_form table textarea {
    width: 450px;
    height: 200px;
}
#contact_us_form table .submit {
    width: auto;
}
.contact_us_gutter {
    float: right;
    text-align: left;
    font-size: 14px;
    background-color: rgb(245,245,245);
    width: 250px;
    line-height: 1.8em;
    padding: 20px 20px;
    color: rgb(80,80,80);
}
.contact_us_gutter h3 {
    padding: 0;
    margin: 0 0 5px 0;
    color: rgb(60,60,60);
}
.contact_us_gutter h3.phone_support {
    margin-top: 15px;
}
.contact_us_gutter br {
    line-height: 1.0em;
}



/* TERMS OF SERVICE */
.terms {
    text-align: left;
    color: rgb(60,60,60);
    line-height: 1.8em;
    font-size: 14px;
    letter-spacing: 0.1pt;
    word-spacing: 0.4pt;
    margin-bottom: 80px;
}
.terms .intro {
    border: 1px solid rgb(200,200,200);
    background-color: rgb(244,244,244);
    padding: 0px 20px;
    font-size: 12px;
}
.terms h2 {
    margin: 40px 0 10px 0;
    padding: 0 0 8px 0;
    color: rgb(50,50,50);
    border-bottom: 1px solid rgb(200,200,200);
}



/* PRIVACY POLICY */
.privacy {
    text-align: left;
    color: rgb(60,60,60);
    line-height: 1.8em;
    font-size: 14px;
    letter-spacing: 0.1pt;
    word-spacing: 0.4pt;
    margin-bottom: 80px;
}
.privacy .intro {
    border: 1px solid rgb(200,200,200);
    background-color: rgb(244,244,244);
    padding: 0px 20px;
    font-size: 12px;
}
.privacy h2 {
    margin: 40px 0 10px 0;
    padding: 0 0 8px 0;
    color: rgb(50,50,50);
    border-bottom: 1px solid rgb(200,200,200);
}



/* AFFILIATE PROGRAM */
.affiliate {
    text-align: left;
    color: rgb(60,60,60);
    line-height: 1.8em;
    font-size: 14px;
    letter-spacing: 0.1pt;
    word-spacing: 0.4pt;
    margin-bottom: 80px;
}
.affiliate .intro {
    border-bottom: 1px solid rgb(200,200,200);
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.affiliate .chart {
    width: 100%;
    color: #696969;
    font-size: 11px;
    line-height: 1.8em;
    margin-bottom: 20px;
}
.affiliate .chart td {
    background-color: #f5f5f5;
    padding: 2px 7px;
}
.affiliate .chart .odd td {
    background-color: #f0fff0;
    color: #2f4f4f;
}
.affiliate .chart .deleted td {
    background-color: #ffadad;
}
.affiliate .chart .labels td, .clockspot_list td.label {
    color: #696969;
    font-weight: bold;
    background-color: #ececec;
    white-space: nowrap;
}
.affiliate .chart td:hover {
    background-color: #ffffe0;
}
.affiliate .chart td.commission_bonus {
    height: 34px;
    background-color: #ececec;
    color: #2f4f4f;
}
.affiliate .chart .commission_bonus a.product_bonus {
    font-size: 12px;
    color: blue;
    text-decoration: underline;
}
.affiliate .chart .commission_bonus .cash_bonus {
    font-size: 15px;
    color: #13A000;
}
.affiliate .button {
    display: block;
    color: rgb(17,77,22);
    font-size: 18px;
    border: 1px solid rgb(160,199,164);
    background-color: rgb(228,247,230);
    width: 210px;
    padding: 10px 10px;
    margin-bottom: 10px;
    background-repeat: repeat-x;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.affiliate .button img {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 5px;
}



/* AFFILIATE CREATE ACCOUNT */

#create_affiliate_account_form {
    text-align: left;
    font-size: 12px;
    margin-bottom: 70px;
}
#create_affiliate_account_form .errorLine {
    margin-top: -8px;
    margin-bottom: 8px;
}
#create_affiliate_account_form table {
    border-collapse: collapse;
}
#create_affiliate_account_form label {
    display: block;
    color: rgb(100,100,100);
    font-size: 13px;
    margin: 0 0 3px 0;
}
#create_affiliate_account_form input {
    margin-bottom: 11px;
    width: 210px;
    font-size: 13px;
    padding: 3px 3px;
}
#create_affiliate_account_form .agree_row {
    margin-bottom: 15px;
    font-size: 12px;
    vertical-align: middle;
}
#create_affiliate_account_form input.agree {
    width: auto;
}
#create_affiliate_account_form #state {
    width: 90px;
}
#create_affiliate_account_form select {
    margin-bottom: 10px;
}
#create_affiliate_account_form textarea {
    margin-bottom: 15px;
    width: 350px;
    height: 80px;
}
#create_affiliate_account_form h1 {
    clear: both;
    letter-spacing: 0.5pt;
    text-align: left;
    font-weight: normal;
    font-size: 22px;
    margin: 50px 0 20px 0px;
    padding: 0 0 9px 0;
    color: rgb(150,150,150);
    border-bottom: 1px solid rgb(200,200,200);
}
#create_affiliate_account_form h1.first {
    margin-top: 0;
}
#create_affiliate_account_form .your_info {
    float: left;
    margin-bottom: 35px;
}
#create_affiliate_account_form .help_gutter {
    width: 350px;
    float: right;
    background-color: rgb(245,245,245);
    border: 1px solid rgb(230,230,230);
    padding: 20px 20px;
    color: #5c5c5b;
    font-size: 13px;
    letter-spacing: 0.2pt;
    word-spacing: 0.2pt;
}
#create_affiliate_account_form .help_gutter h3 {
    margin: 0 0 8px 0;
    padding: 0;
    color: rgb(80,80,80);
    letter-spacing: 0.2pt;
    font-weight: normal;
    font-size: 18px;
}
#create_affiliate_account_form .help_gutter p {
    margin: 0 0 23px 0;
    line-height: 1.9em;
    padding: 0;
    color: rgb(100,100,100);
}
#create_affiliate_account_form .help_gutter p.last {
    margin: 0;
}



/* OUR CUSTOMERS */
.customers {
    text-align: left;
}
.customers .quote {
    width: 420px;
    font-size: 14px;
}
.customers .customer {
    width: 420px;
    text-align: right;
    height: 70px;
    position: relative;
    left: 25px;
}
.customers .customer b {    
    font-size: 18px;
}
.customers .customer i {
    font-size: 16px;
}
.customers .customer span {
    font-size: 14px;
}
.customers .customer_logos {
    float: right;
    margin-top: 10px;
}
.customers h1 {
    padding: 0;
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 24px;
    font-weight: normal;
    color: rgb(40,40,40);
    width: 420px;
    line-height: 1.4em;
    letter-spacing: 0.3pt;
}



/* ABOUT CLOCKSPOT */
.about h2 {
    text-align: left;
    margin: 40px 0 14px 0;
    *margin-top: 0px;
    padding: 0 0 8px 0;
    color: rgb(50,50,50);
    border-bottom: 1px solid rgb(200,200,200);
}
.about h2.team {
    margin-top: 50px;
}
.about a {
    color: #0047c2;
}
.about .intro {
    text-align: left;
    line-height: 1.8em;
    color: rgb(70,70,70);
    font-size: 15px;
}
.about .intro .caption {
    position: absolute;
    text-indent: 743px;
    _text-indent: 735px;
    margin-top: 213px;
    font-size: 11px;
    font-style: italic;
    color: rgb(140,140,140);
}
.about .intro img {
    margin: 5px 0 0 20px;
    border: 1px solid rgb(190,190,190);
    padding: 5px;
    float: right;
}
.about .intro p {
    
}
.about .teammate {
    clear: both;
    text-align: left;
    line-height: 1.8em;
    color: rgb(70,70,70);
    font-size: 14px;
    padding-top: 10px;
}
.about .teammate img {
    float: left;
    margin: 0 20px 40px 0;
    border: 1px solid rgb(190,190,190);
    padding: 5px;
}
.about .teammate p {
    margin: 7px 0 0 0;
}
.about .teammate h3 {
    margin: 0;
}
.about .teammate h3 i {
    color: rgb(150,150,150);
    font-weight: normal;
    font-size: 14px;
}



/* WHY US */

.whyus h1.title {
    clear: both;
    letter-spacing: 0.5pt;
    text-align: left;
    font-weight: normal;
    font-size: 22px;
    margin: 0 0 17px 0px;
    padding: 0 0 9px 0;
    color: rgb(60,60,60);
    border-bottom: 1px solid rgb(200,200,200);
}
.whyus p {
    text-align: left;
    line-height: 1.8em;
    margin: 0 0 45px 0;
    color: rgb(90,90,90);
    font-size: 14px;
}
.whyus img {
    float: right;
    margin-left: 30px;
}