/**** MAIN MARKETING SITE CSS ****/

body {
        font: 75%/1.5em "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
        background:#fcfcfc; /* url("/images/marketing/background-silver.jpg") repeat-x; */
        color: #333;
}

a {color: #ff6600; outline: none;}
a:hover {text-decoration: none;}
p {margin: 0 0 1em 0;}
p.solo {margin: -11px 0 0 0;}
h1 {font-size: 1.7em; margin: 10px 0; color: #000;}
h2 {margin: -10px 0 20px 0; color:#888; font-size: 1.2em;}
h3 {color:#000; margin: 20px 0 0 0;}
ol {margin: 5px 20px;}
ol li {margin: 15px 0px;}
ol ul, ul ul {margin: 10px 20px;}

/*** de main container ***/
#container {
        margin: 20px auto 20px auto;
        width: 784px;
        background: url("/images/marketing/background-content.gif") repeat-y;
        padding: 0 9px;
}

/*** navigation, yo. ***/

#navigation {width: 784px; height: 33px; background: #252525 url("/images/marketing/background-nav.gif") repeat-x; positions: relative; margin-top: -1px;}
#navigation #topnav {margin: 0; padding: 0; padding-top: 2px;}
#navigation #topnav li {display: inline;}
#navigation #topnav li a {background: url("/images/marketing/topnav.gif") no-repeat;}
#navigation #topnav li a {float: left; height: 31px; padding-top: 0px; overflow: hidden; text-indent: -9999px; font-size: 0px;}
#navigation #topnav li#home a { width: 65px; background-position: -2px 0;}
#navigation #topnav li#learn a { width: 78px; background-position: -67px 0;}
#navigation #topnav li#pricing a { width: 70px; background-position: -145px 0;}
#navigation #topnav li#community a { width: 118px; background-position: -215px 0;}
#navigation #topnav li#platform a { width: 80px; background-position: -333px 0;}
#navigation #topnav li#about a { width: 80px; background-position: -413px 0;}
#navigation #topnav li#blog a { width: 60px; background-position: -493px 0;}
#navigation #topnav li#signup a { width: 72px; background-position: -553px 0;}

#navigation #topnav li#home a:hover { width: 65px; background-position: -2px -32px;}
#navigation #topnav li#learn a:hover { width: 78px; background-position: -67px -32px;}
#navigation #topnav li#pricing a:hover { width: 70px; background-position: -145px -32px;}
#navigation #topnav li#community a:hover { width: 118px; background-position: -215px -32px;}
#navigation #topnav li#platform a:hover { width: 80px; background-position: -333px -32px;}
#navigation #topnav li#about a:hover { width: 80px; background-position: -413px -32px;}
#navigation #topnav li#blog a:hover { width: 60px; background-position: -493px -32px;}
#navigation #topnav li#signup a:hover { width: 72px; background-position: -553px -32px;}

#navigation #topnav li#home a:active { width: 65px; background-position: -2px -64px;}
#navigation #topnav li#learn a:active { width: 78px; background-position: -67px -64px;}
#navigation #topnav li#pricing a:active { width: 70px; background-position: -145px -64px;}
#navigation #topnav li#community a:active { width: 118px; background-position: -215px -64px;}
#navigation #topnav li#platform a:active { width: 80px; background-position: -333px -64px;}
#navigation #topnav li#about a:active { width: 80px; background-position: -413px -64px;}
#navigation #topnav li#blog a:active { width: 60px; background-position: -493px -64px;}
#navigation #topnav li#signup a:active { width: 72px; background-position: -553px -64px;}

#navigation #topnav li#home a.selected { width: 65px; background-position: -2px -96px;}
#navigation #topnav li#learn a.selected { width: 78px; background-position: -67px -96px;}
#navigation #topnav li#pricing a.selected { width: 70px; background-position: -145px -96px;}
#navigation #topnav li#community a.selected { width: 118px; background-position: -215px -96px;}
#navigation #topnav li#platform a.selected { width: 80px; background-position: -333px -96px;}
#navigation #topnav li#about a.selected { width: 80px; background-position: -413px -96px;}
#navigation #topnav li#blog a.selected { width: 60px; background-position: -493px -96px;}
#navigation #topnav li#signup a.selected { width: 72px; background-position: -553px -96px;}

#login_helper {
        padding: 10px 0 0px 11px;
        margin: 0px;
        margin-bottom:-10px;
        border: #c00 solid 0px;
        font-size: 0.9em;
        color: #999;
}

#login_helper a {
        color: #999;
}

/****** Basic layout *******/
.column {float: left; overflow: hidden; }
.column h2 {margin: 14px 0 5px 0; color: #333;}

/*** Harvest brand header, I say ***/
#header {
        position: relative;
        margin: 0 -9px 0 -9px;
        background: #fcfcfc url("/images/marketing/harvest-header.gif") no-repeat;
        width: 802px;
        height: 68px;
        font: 0em;
        padding: 0;
        text-indent:-5000px;
}
body.behance #header {
        background: #fcfcfc url("/images/marketing/behance-harvest-header.gif") no-repeat;
}
body.behance .signup_side {
        background: url("/images/marketing/behance_signup_back.gif") 10px 0px no-repeat;
}
body.behance #footer {
        background: #fafafa url("/images/marketing/behance-background-footer.gif") no-repeat;
}
body.behance #footer #credit {background: none;}

#header a {position: relative; display: block; height: 67px; padding-top: 0px; width: 802px;}
#header a:hover {background: none;}

#footer {
        margin: 0 -9px;
        background: #fafafa url("/images/marketing/background-footer.gif") no-repeat;
  color: #ffffff;
  font-size: 0.9em;
        line-height: 1em;
  padding: 16px 28px;
}
#footer a {color:#ffffff; text-decoration: none;}
#footer a:hover {color:#ffffff; text-decoration: underline;}
#footer #credit {margin-top: -4px; float: right; width: 183px; height: 15px;}
#footer #credit a {display: block; width: 183px; height: 15px; text-indent: -9999px; font-size: 0; background: url("/images/marketing/iridesco.gif") no-repeat; width: 183px; height: 15px; }

#footer_deluxe {width: 780px; margin: 0 auto 2em; text-align: center; font-size: 11px; color: #666;}
#footer_deluxe a {color: #666;}

/*** Content, over white ***/
.content, .content-landing { padding: 17px; overflow: hidden; background: #fff url('/images/marketing/background-whiteshadow.gif') repeat-x;}
.content .left, .content-landing .left {width: 410px; overflow: hidden;}
.content .right, .content-landing .right {width: 304px; margin-left: 30px; overflow: hidden;}
.content strong {color: #000;}
.content:after, .content, .content-landing:after, .content-landing {_zoom: 1;}

p.first {font-weight: bold; color: #000;}
.top {padding-top: 10px;}

/*** Rounded corner gray box ***/
.content .rounded_gray {background: #ccc url("/images/marketing/background-lgray-top.gif") top no-repeat;       padding-top: 14px;}
.content .rounded_gray_content {color: black; padding: 0 14px 14px 14px; background: #ccc url("/images/marketing/background-lgray-bottom.gif") bottom no-repeat;}

/*** New Founders ***/
.content #newfounders {background: #167000 url("/images/marketing/nf-bottom.gif") bottom no-repeat; color: #eee; padding: 20px; font-size: 0.9em; position: relative; width: 264px}
.content #newfounders h2 {margin: -20px -20px 5px -20px !important; background: #167000 url("/images/marketing/nf-top.gif") bottom no-repeat; font-size: 0; height: 36px; width: 304px; position: relative }
.content #newfounders h3 {color: white; font-size: 1em; margin: 15px 0 0 0;}
.content #newfounders ul { padding: 0 0 0 15px;}
.content #newfounders ul li { list-style-type:circle; }
.content #newfounders ul.recentfounders { padding-left:0; }
.content #newfounders ul.recentfounders li { list-style-type:none; }
.content #newfounders a {color: white;}
.content #newfounders a.nf-apply {display:block; width:203px; height: 35px; padding-top: 1px; margin: 10px 0 10px 0; text-indent:-9999px; background: url("/images/marketing/btn-nf-apply.gif") no-repeat; position: relative; }
.content #newfounders strong {color: white; background-color: #175607;}

.content #newfounders_recent {background: #1c4511 url("/images/marketing/background-nf-bottom.gif") bottom no-repeat; padding-bottom:10px; margin: 10px 0; position: relative; }
.content #newfounders_recent h2 {background: #1c4511 url("/images/marketing/nf-recent-header.gif") no-repeat; width: 264px; height: 46px; font-size: 0; text-indent:-9999px; margin: 15px 0 0 0 !important;}
.content #newfounders_recent .recent_content {background: #1c4511 url("/images/marketing/background-nf.gif") repeat-y; padding: 8px 13px;}
.content #new_founders_company_phone {position:absolute; left:-2000px; top:-500px;}

/*** Testimonials ***/
.content .quote_lg {font-weight: bold;}
.content .source {height: 34px; font-size: 0.9em; line-height: 1.4em; font-weight: bold; padding-left: 120px; margin: -5px 0 20px 0;}
.content .cubancouncil {background: url('/images/marketing/logo-cc.gif') no-repeat;}
.content .propeller {background: url('/images/marketing/logo-pp.gif') no-repeat;}
.content .bigspaceship {background: url('/images/marketing/logo-bs.gif') no-repeat;}
.content .blueflavor {background: url('/images/marketing/logo-bf.gif') no-repeat;}
.content .lifehacker {background: url('/images/marketing/logo-lh.gif') no-repeat;}
.content .citizenagency {background: url('/images/marketing/logo-ca.gif') no-repeat;}
.content .agilepartner {background: url('/images/marketing/logo-ap.gif') no-repeat;}
.content .hyperprism {background: url('/images/marketing/logo-hp.gif') no-repeat;}
.content .alexander {background: url('/images/marketing/logo-ai.gif') no-repeat;}
.content .artistdata {background: url('/images/marketing/logo-ad.gif') no-repeat;}

/*** Content, over black ***/
.content_dark {position: relative; background-color: #222; color: #dddddd; padding: 20px; font-size: 0.9em; overflow: hidden; margin: 0;}
.content_dark a {color: white;}
.content_dark .left {width: 408px;}
.content_dark .left h3 {font-size: 1.2em; color: #f6f6f6; margin: 18px 0 0 0;}
.content_dark .left h3.first {margin: 0;}
.content_dark .left p {margin: 0px 0 10px 0;}
.content_dark a.learn {display:block; width:190px; height: 24px; padding-top: 0; margin: 10px 0 0 0; text-indent:-9999px; background: url("/images/marketing/button-dark-learnmore.gif") no-repeat; position: relative; }
.content_dark a.signup {display:block; width:190px; height: 24px; padding-top: 0; margin: 5px 0 0 0; text-indent:-9999px; background: url("/images/marketing/button-dark-signup.gif") no-repeat; position: relative; }
.content_dark:after, .content_dark {_zoom: 1;} /*** this combines with overflow: hidden would clear the floating columns ***/

/*** Right column ***/
.content_dark .right {  width: 316px; float: right; color: #fff;}
.content_dark .right h2 {font-size: 1.2em; margin: 1em 0;}

/*** Rounded corner gray box ***/
.content_dark .rounded_gray {background: #4e4e4e url("/images/marketing/background-gray-top.gif") top no-repeat; padding-top: 14px;}
.content_dark .rounded_gray_content {padding: 0 14px 14px 14px; background: #4e4e4e url("/images/marketing/background-gray-bottom.gif") bottom no-repeat; }
.content_dark .rounded_gray_content h2 {margin: 5px 0 10px 0; padding: 0; color: #ddd;}
.content_dark .rounded_gray_content .source {font-weight: bold; color: #ccc; margin: 5px 0 15px 0;}
.content_dark .rounded_gray_content ul {margin: 0 15px;}
.content_dark .rounded_gray_content ul li {margin: 8px 0px;}
.content_dark .rounded_gray_content ul.float {float: left; width:40%; margin-right: 10px; margin-bottom: 10px;}
.content_dark .rounded_gray_content ul.float li {margin: 5px;width: 125px;list-style: square;}

.content_dark .callout {border: 1px solid #111; background-color: #1c1c1c; padding: 8px; margin: 15px 0 5px 0;}
.content_dark .callout h3 {color: white; margin: 5px 0 10px 0;}

.content_dark .left p {font-size: 1.1em;}


.content_dark .rounded_gray_content .onepage_callout_index {background: url("/images/marketing/onepage_callout_index.gif") no-repeat; height: 118px; width: 100px; float: left; text-indent: -9999px; display: block;}
/*
.onepage_callout_index {background: url("/images/marketing/onepage_callout_index.gif") no-repeat; height: 131px; width: 110px; float: left; text-indent: -9999px; display: block;}
*/
.onepage_callout_index_link {padding: 1px 0 0 0;}
#onepage_callout {width: 280px; padding:20px 0 20px 0;}
#onepage_callout_content {padding:20px 0 20px 0; margin:-10px;}

/*** Content intro, inside content_dark ***/
h2.content_intro {color: #fff; font-size: 1.45em; line-height: 1.5em; letter-spacing: 0em; margin: 0;}
.content_dark .left p.content_intro {color: #e0e0e0; font-size: 1.1em; line-height: 1.5em; }

/*** Homepage introduction section ***/
#home_intro { padding: 50px 450px 50px 40px; background: url("/images/marketing/home-screenshot-sp08.jpg") 5px 0 no-repeat; background-position: bottom; position:relative;}
#home_intro h1.sleek { height: 35px; width: 278px; background: url("/images/marketing/home-intro-sleek.gif") no-repeat; text-indent:-5000px; margin: 0 0 6px 0;}
#home_intro h1.getmoredone { height: 53px; width: 278px; background: url("/images/marketing/title_getdone.gif") no-repeat; text-indent:-5000px; margin: 0 0 6px 0;}
#home_intro h1.simplepowerful { height: 70px; width: 278px; background: url("/images/marketing/title_simpler_powerful.gif") no-repeat; text-indent:-5000px; margin: 0 0 6px 0;}
#home_intro h1.smarterdecisions { height: 53px; width: 278px; background: url("/images/marketing/title_smarter_decisions.gif") no-repeat; text-indent:-5000px; margin: 0 0 6px 0;}
#home_intro h1.worksmarter { height: 53px; width: 278px; background: url("/images/marketing/title_work_smarter.gif") no-repeat; text-indent:-5000px; margin: 0 0 6px 0;}
#home_intro h1.gaininsight { height: 70px; width: 278px; background: url("/images/marketing/title_insight.gif") no-repeat; text-indent:-5000px; margin: 0 0 6px 0;}

#home_intro h1 { font-family: "Nimbus Sans L", Helvetica, Arial, Verdana, sans-serif; font-size: 28px; line-height: 32px; margin: 0px 0 3px 0;
}
#home_intro p { font-family: "Nimbus Sans L", Helvetica, Arial, Verdana, sans-serif; margin: 0px 0 15px 0; color: #555;}
#intro_action a.learn { display:block; width:192px; height: 29px; padding:0; margin: 0 0 5px -5px; text-indent:-9999px; background: url("/images/marketing/button-learnmore.gif") no-repeat; position: relative; }
#intro_action a.signup { display:block; width:231px; height: 67px; padding:0; margin: 0 0 0 -5px; text-indent:-9999px; background: url("/images/marketing/sign-up-green.gif") no-repeat; position: relative; }

#intro_action a.freetrial { display:block; width:231px; height: 67px; padding:0; margin: 0 0 0 -5px; text-indent:-9999px; background: url("/images/marketing/btn_free_trial.gif") no-repeat; position: relative; }
#intro_action a.getstarted { display:block; width:231px; height: 67px; padding:0; margin: 0 0 0 -5px; text-indent:-9999px; background: url("/images/marketing/btn_getting_started.gif") no-repeat; position: relative; }

#intro_action a.signup-silver { display:block; width:251px; height: 64px; padding:0; margin: 0 0 0 -5px; text-indent:-9999px; background: url("/images/marketing/sign-up-silver.gif") no-repeat; position: relative; }
#intro_action a.signup-center { display:block; width:237px; height: 65px; padding:0; margin: 0 0 0 -5px; text-indent:-9999px; background: url("/images/marketing/sign-up-green-center.gif") no-repeat; position: relative; }
#intro_action a.signup-blue { display:block; width:222px; height: 65px; padding:0; margin: 0 0 0 -5px; text-indent:-9999px; background: url("/images/marketing/sign-up-blue.gif") no-repeat; position: relative; }

/*** Customer logos ***/
#customers_logos {background: #9e9e9e url("/images/marketing/background-logos.jpg") repeat-x; padding: 12px 0 9px 20px;}
#customers_logos h2 {position: relative; margin: 0 !important; padding: 0 !important; text-indent:-9999px; width: 374px; height: 11px; font-size: 1px; line-height: 0; background: url("/images/marketing/logos-header.gif") no-repeat;}
#logos_list {position: relative; margin-top: 14px; background: url("/images/marketing/logos.gif") no-repeat;}
#logos_list a {display: block; text-indent:-9999px; height:33px; padding-top: 0px;}

/*** Banners ***/
#newfounders_banner {width: 316px; height: 118px; margin-top: 10px; background: url("/images/marketing/newfounders-banner.gif") no-repeat; text-indent: -9999px;}

/*** Learn ***/
a.signup_big {display:block; width:233px; height: 131px; padding-top:0px; margin: 0 0 0 20px; text-indent:-9999px; left:30px; top:25px; background: url("/images/marketing/features-signup-big.gif") no-repeat; position: relative; }
#harvest_difference {background: #fff url("/images/marketing/background-difference.gif") repeat-y; overflow: hidden;}
#harvest_difference, #harvest_difference:after {_zoom: 1;}
#harvest_difference h2 {margin: 0; padding: 0; background: #9e9e9e url('/images/marketing/header-harvestdifference.gif') no-repeat; height: 31px; color: white; text-indent: -9999px;}
#harvest_difference #menu {float: left; width: 197px;}
#harvest_difference #panels {float: left; width: 545px; margin: 0 0 0 1px; background: #fff url('/images/marketing/background-whiteshadow.gif') repeat-x; overflow: hidden; padding: 20px;}
#panels h3 {margin: 0 0 0.8em 0; padding: 0; color: #333; font-size: 1.2em; line-height: 1.4em;}
#menu {padding: 0 0 10px 0;}
#menu a {margin: 10px 10px;}
#menu ol {margin: 0 0 10px 0; padding: 0; list-style: none;}
#menu ol li {
        cursor:pointer;
        color: white;
        padding: 5px 20px;
        border-bottom: 1px solid #7794a6;
        list-style: none;
        margin: 0;
}
#menu ol li:hover {background-color: #769ab2;}
#menu ol li.active {background-color: #5c8caa;}

.grid2col .column { width: 49%; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

ul.bullets li {
        list-style: square;
        padding-left: 0px;
        padding-top: 0px;
        margin-left: 15px;
}

#panels ul.bullets {margin-bottom: 1em;}

#menu .onepage_callout_features {background: url("/images/marketing/onepage_callout_features.gif") no-repeat; height: 108px; width: 87px; float: left; text-indent: -9999px; display: block;}
#menu .onepage_callout_features_sec {padding: 0 0 0 17px; color: #fff; font-size:1.1em; line-height: 1.2em;}
#menu .onepage_callout_features_sec a {font-size:.8em; margin: 0; color: #fff;}
#menu .onepage_callout_features_sec .onepage_callout_features_link {margin: 0; padding: 17px 0 0 0; color: #fff;}

/*** Footer Ads ***/
#footer_ads {background-color: #333; border-top: 1px solid #6f6f6f; overflow: hidden; padding: 20px;}
#footer_ads, #footer_ads:after {_zoom: 1;}
#footer_ads a {display:inline; float: left; width:240px; height: 114px; text-indent:-9999px; font-size: 0; padding: 0; margin: 0 0 0px 12px; }
#footer_ads a.ad_widget {margin-left: 0 !important; background: url("/images/marketing/ad-widget.gif") no-repeat;}
#footer_ads a.ad_newfounders {background: url("/images/marketing/ad-newfounders.gif") no-repeat;}
#footer_ads a.ad_trial {background: url("/images/marketing/ad-trial.gif") no-repeat;}

/*** Old Pricing styles ***/
table.pricing {
  padding: 0;
  margin: 0 auto 0px auto;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
}

table.pricing thead {
}

table.pricing th {
  padding: 10px;
  border: 0px;
  text-align: right;
}

table.pricing th.price {
  padding-top: 20px;
}

table.pricing thead th {
  border: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #666;
  font-size: 14px;
  line-height: 21px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

table.pricing thead th.less {
  font-size: 12px;
  font-weight: normal;
}

table.pricing thead td {
  border: 0;
}

table.pricing td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
}

table.pricing td.business {
  background: #F5F7C9;
}

table.pricing td p {
        margin: 15px 0;
}

table.pricing td ul, table.pricing td ul li {
        list-style: disc; margin: 0 15px;
}

table.pricing td.price {
  padding-top: 20px;
  font-weight: bold;
}

table.pricing td.action {
  font-size: 11px;
  font-weight: bold;
  border: 0;
  border-left: 1px solid #ccc;
  padding-top: 0px;
  padding-bottom: 5px;
}
/*** end old pricing styles ***/

/*** Sign up styles ***/
.signup_side {
        background: url("/images/marketing/signup_back-time-report.jpg") 10px 0px no-repeat;
        padding: 230px 0 0 0; color: #555; font-size: 0.95em;
}

.signup_side ul {margin-left: 15px; list-style: none;}
.signup_side ul li {list-style: none; margin: 0 0 10px 0;}

.signup_side1 {
        background: url("/images/marketing/signup_back.gif") 10px 0px no-repeat;
        padding: 220px 0 0 0; color: #555; font-size: 0.95em;
}

.signup_side1 ul {margin-left: 15px; list-style: none;}
.signup_side1 ul li {list-style: none; margin: 0 0 10px 0;}


p.signup {margin: -10px 0 20px 0;}
p.start {text-align: center; font-weight:bold; font-size: 1.4em; line-height: 1.7em; background: #ffffcc; padding: 1em}

/*** Forms in left column, metallic, 410px wide ***/
.columnform {width: 410px; margin: auto;}
.columnform h3 {margin: 0; height: 21px; padding: 10px 10px 0 10px; font-size: 1em; line-height: 1em; background: #f4f4f4 url("/images/marketing/form-h3.gif") no-repeat; color:#666; }
.columnform h3.first {height: 22px; background: #f4f4f4 url("/images/marketing/form-h3-first.gif") no-repeat; padding: 11px 10px 0 10px; border: 0;}
.form_node { padding: 10px; overflow: hidden; background-color: #f9f8f8; border: 1px solid #d3d3d3; border-top: 0;}
.form_node, .form_node:after {_zoom: 1;}
.form_bottom {margin: 0; height: 22px; background: #f4f4f4 url("/images/marketing/form-bottom.gif") no-repeat; padding: 11px 10px 0 10px; border: 0; font-size: 1em; line-height: 1em; font-weight: bold; color:#666; }
.form_node dl dt { width: 120px; margin: 2px 8px 0 0; padding: 0; text-align: right; white-space: nowrap; float: left; clear: left; position: relative;}
.form_node dl dd {margin-bottom: 8px;}
.form_node dl dd select {width: 220px;}
.form_node ul, li {list-style: none;}
.form_node li {padding: 2px 10px;}
input.short {width: 100px;}

.form_node table.signup {width: 100%;}
.form_node table.signup td {padding-bottom: 8px; vertical-align: top;}
.form_node table.signup td.label {width: 120px; padding: 2px 8px 8px 0; text-align: right; white-space: nowrap;}
.form_node table.signup td input, .form_node table.signup td select {width: 90%;}

/*** Form used for contact us, Aug 08 ***/
table.contact_us {}
table.contact_us td {padding: 0 10px 5px 0; font-size: 12px; vertical-align: middle;}
table.contact_us td select {width: 98%; padding: 3px; font-size: 14px;}
table.contact_us td input.field {width: 220px; padding: 3px;}
table.contact_us td input.subject {width: 97%; padding: 3px;}
table.contact_us td label {display: block; font-weight: bold; font-size: 11px; line-height: 12px; text-align: left; margin: 12px 0 5px 0;}
table.contact_us td p.helper_text {width: 90%; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 4px }
table.contact_us td textarea {width: 98%; padding: 3px; height: 150px; font-size: 12px;}

table.contact_us #business_name {position:absolute; left:-2000px; top:-500px;}

/*** Form error styles ***/
#subdomain_warning { color: red; font-weight: bold; }
.errorExplanation, #errorExplanation, #flash-warning {border: 4px solid #fcff08; padding: 10px; margin: 0 auto 20px auto; background: #fdfec3; width: 90%;}
.errorExplanation, #errorExplanation h2 {margin: 5px 0; color: black; font-size: 1em;}
.errorExplanation, #errorExplanation ul {margin: 0px;}
.errorExplanation, #errorExplanation ul li {list-style-type: disc; margin: 0px 20px;}
div.fieldWithErrors input {background-color:#fcff08;}
#business-type div.fieldWithErrors {display:inline; background-color:#fcff08;padding: 3px;}


/*** Widget styles ***/
a.widget_mac {background: url("/images/marketing/btn-widget-mac.gif") no-repeat; width: 239px; height: 46px; text-indent: -9999px; display: block;}
a.widget_yahoo {background: url("/images/marketing/btn-widget-yahoo.gif") no-repeat; width: 239px; height: 49px; text-indent: -9999px; display: block;}
a.widget_vista {background: url("/images/marketing/btn-widget-vista.gif") no-repeat; width: 239px; height: 49px; text-indent: -9999px; display: block;}
a.widget_vista_7 {background: url("/images/marketing/btn-widget-vista7.gif") no-repeat; width: 239px; height: 49px; text-indent: -9999px; display: block;}
a.widget_demo {background: url("/images/marketing/widget-watch-demo.gif") 15px 0 no-repeat; width: 262px; height: 78px; text-indent: -9999px; display: block;}

/*** Sitemap ***/
a.sitemap {display:block; width:271px; height: 147px; padding-top:0px; margin: 30px auto; text-indent:-9999px; background: url("/images/marketing/btn-signup-big.gif") no-repeat; position: relative; }


/*** Code style (used for API) ***/
code {padding: 0px;     margin: 0; line-height: 14px;font-size:12px;}
pre {padding: 10px;     margin: 0px; margin-bottom:10px; background: #000; font-size: 11px; line-height: 13px; color: #f2ffad;}
p.path, span.path {padding:0px; margin:0px;font-family:courier;font-weight:bold;}
hr {color: #fff; background-color: #fff; border: 1px dotted #ccc; border-style: none none dotted; }

.api-sample .pp{ color: gray; }
.api-sample .ta{ color: green}
.api-sample .an{ color: darkgray; }
.api-sample .s{ color: pink; }
.api-sample .c{ color: lightgray; }

.api-column {float:left;width:560px;}

ul.marketing_copy, ul.marketing_copy li {
        list-style: disc; margin: 5px 10px;
}

ol.marketing_copy, ol.marketing_copy li {
        margin: 5px 10px;
                                list-style-type: decimal;
}

table.marketing_table {
        font-size: 11px;
        width: 400px;
}

table.marketing_table th {
        text-align: left;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
}

table.marketing_table td {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
}

table.marketing_table td.last {
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
}


input.price_calculator {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0px; }

/*** Platform page styles ***/
a.platform_lean_more {background: url("/images/marketing/button-platfrom-learnmore.gif") no-repeat; width: 239px; height: 49px; text-indent: -9999px; display: block;}
.platform_logo {padding:10px 0 0 0;vertical-align:top;}
.platform_desc {padding:10px 20px 0 0;vertical-align:top;}
.platform_hr {margin:0 0 10px 0;padding:10px 0 0 0;}
.platfrom_bg {background-color: #f2f2f2;}
.platform_api_logo {padding:10px 0 0 0;vertical-align:top;background-color: #f2f2f2;}
.platform_api_desc {padding:10px 20px 0 0;background-color:#f2f2f2;}


/*** Segment pages ***/
.content .rounded_gray_third {background: #ededee url("/images/marketing/box-gray-top.gif") top no-repeat; padding: 14px 0 0 0; margin: 0 0 20px 0;}
.content .rounded_gray_content_third {font-size: 0.9em; color: black; width: 210px; padding: 0 14px 20px 14px; background: #ededee url("/images/marketing/box-gray-bottom.gif") bottom no-repeat;}
.content .column .rounded_gray_content_third h2 {margin-top: 0; color: #f37021; border-bottom: 1px solid #fff;}
.content .rounded_gray_third  ul {margin: 2px 0 0 0; padding: 0 0 25px 0;}
.content .rounded_gray_third  li {list-style-image:url("/images/marketing/bullet-dark.gif"); margin: 0 0 0 12px; padding: 1px 0 0 0;}
.content .left_third {width: 475px; overflow: hidden;}
.content .right_third {width: 238px; margin-left: 30px; overflow: hidden;}
.content .left_third p.intro {font-size: 12px; line-height: 21px;}

.content .right_column_with_chunks { float:right; padding-top:31px; width:238px; margin-right:24px;  }

#masthead_box_link {background: url("/images/marketing/button-segment-masthead-signup.gif") no-repeat; width: 239px; height: 49px; text-indent: -9999px; display: block; position:absolute; top:255px; margin:0 0 0 16px;}

.mastheader {height: 210px; width: 784px; margin: 0 0 0 0; padding: 0;}
.mastheader h1 {font-size: 0; margin: 0; text-align: -9999px; height: 0;}
.landing_haro {background: url("/images/marketing/landing-haro.jpg") no-repeat;}
.segment_freelancer {background: url("/images/marketing/segement_freelancer.jpg") no-repeat;}
.segment_sb {background: url("/images/marketing/segement_business.jpg") no-repeat;}
.segment_professional {background: url("/images/marketing/segement_professional.jpg") no-repeat;}
.floated_box {float: right; display: inline;}
.segment_bullets {width: 208px; color:#e9e9e9; font-size: 0.9em; margin: 48px 40px 0 0; }
.help_dialog {width: 322px; color:#333333; font-size: 12px; line-height: 14px; margin: 62px 40px 0 0; }
.floated_box h2 {font-size: 1.2em; color:#fff; margin: 0;}
.floated_box a {color: #0E5CA5;}
.floated_box ul {margin: 2px 0 0 0;}
.floated_box li {list-style-image:url("/images/marketing/bullet.gif"); margin: 0 0 0 12px; padding: 1px 0 0 0;}

#learnmore a {background: url("/images/marketing/button-segment-learnmore-grey.gif") no-repeat; text-indent: -9999px; height: 23px; width: 189px; float: left; margin: -18px 0 0 -2px;}
#segment_masthead {height: 217px; width: 784px; margin: 0 0 -7px 0;}

/*** Homepage Segments under Hero ***/
#segements {height: 147px;}
#segements a {text-decoration: none; color: #333;}
#segements h2 {margin: 19px 0 0 40px; color: #000;}
#track-time, #invoicing { height: 147px; float: left;}
#track-time {width: 390px; background: url("/images/marketing/home-segment-background-left.gif") repeat-x;}
#invoicing {width: 394px; background: url("/images/marketing/home-segment-background-right.gif") repeat-x;}}
#invoicing {left: 393px;}
#segements p {float: left; padding: 0 0 0 40px; width: 318px; color: #333;}
.segment-button {padding-left: 40px;}


/* Invoicing Landing Page */
#landing-invoice, #time-tracking {width: 784px;}
.content-landing { padding: 0 !important;}
#landing-invoice, #landing-time-tracking, #landing-google-apps {background: url("/images/marketing/landing-hero-gradient.gif") repeat-x; height: 397px; float: left;}
#landing-invoice h1 {background: url("/images/marketing/landing-title-invoice.gif") no-repeat; height: 191px; width: 300px; float: left; text-indent: -9999px; margin: 0 !important; padding: 0 !important;}
#landing-time-tracking h1 {background: url("/images/marketing/landing-title-time-tracking.gif") no-repeat; height: 191px; width: 300px; float: left; text-indent: -9999px; margin: 0 !important; padding: 0 !important;}
#landing-col-left p {padding: 0 0 0 43px; width: 260px; color: #666; margin: 0 !important;}
#landing-col-left {width: 300px; float: left; display: inline-block;}
#landing-col-right {width: 484px; float: left; display: inline-block;}
.landing-signup {padding: 41px 0 0 41px;}
#landing-google-apps #landing-col-left {padding: 43px 0 0 43px; width: 257px;}
#landing-google-apps #landing-col-left h1 {font-family: "Nimbus Sans L", Helvetica, Arial, Verdana, sans-serif; margin-top: 28px; font-size: 21px;}
#landing-google-apps #landing-col-left p {padding: 0; margin: 0 !important;}
#landing-google-apps #landing-col-left .landing-signup {padding: 41px 0 0 0;}

.landing-left-col-left {width: 447px; float:left; margin-left: 41px;}
.landing-left-col-right {width: 209px; float:left; margin-left: 34px; background: #f7f7f7; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px;}
.float-image-left {float:left; width:175px; margin-right: 20px;}
.float-image-right {float:left; width:175px; margin-left: 20px;}
.float-image-right2 {float:right; width:175px; margin-left: 20px;}
.float-text {float: left; width: 250px;}
#secondary-content h2 {font-size: 1.3em; font-weight:bold; color: #000 !important; margin: 0 0 5px 0;}
#secondary-content h3 { border:0 !important; font-size: 1.3em; font-weight:bold; color: #000 !important; margin: 0 0 5px 0;}
.module-next {margin-top:15px; padding:15px 0 00px 0; border-top:1px solid #eee;}
.module-next p{margin:0;}
.module-first ul {margin-left:20px;padding;}
.module-first li {list-style:square;}
.float-text li {list-style-type:circle; padding-bottom: 18px;}

.landing-left-col-right h3 {margin: 0;}
.landing-left-col-right {font-size:.9em; line-height:1.35em; color:#333;}
#recent-tweets, #press, #testimonials {margin-bottom:50px;}
#press h3, #testimonials h3 {}
.twitter-username {font-weight: bold;}
.twitter-meta, .press-meta, .testimonials-meta {color:#999; font-weight:normal;}
.tweet, .quote, .testimonials {margin-bottom:18px;}
.tweet a {text-decoration:none;}
.tweet a:hover {text-decoration:underline;color:#999;}
.testimonials-name {margin-top:0px; color: #000; font-weight:bold;}







.quote-bubble {background: url("/images/marketing/quote-bubble.jpg") no-repeat; background-color: #f6f6f6; background-position: bottom; padding: 10px 10px 15px 10px; margin-top: 10px;}
.quote-bubble-name {margin: -10px 0 20px 25px; color: #666;}


#iphone-masthead { width:79px; height:166px; position:absolute; bottom:0; right:35px; }
#iphone-masthead a { display:block; background: url("/images/marketing/home-masthead-iphone.gif") no-repeat; text-indent: -9999px; height: 166px; width: 79px;}

/*** Help Section ***/
h1#help {margin: 0; padding: 0; background: url("/images/marketing/help_header.gif") no-repeat; height: 164px; border-bottom: 1px solid #ccc; overflow: hidden; font-weight: normal;}
h1#help a.main {display: block; width: 400px; height: 164px; margin: 0; padding: 0; text-indent: -9999px; font-size: 0px;}

.content #support_help .left {width: 357px; overflow: hidden;}
.content #support_help .right {width: 357px; margin-left: 30px; overflow: hidden;}
#support_help h2 {font-size: 1.5em; font-weight: bold; line-height: 21px; margin: 10px 0 0 0; color: #000;}
#support_help h2 a { color:#005ab2; }
#support_help .faq_intro {font-size: 15px; font-weight: normal; line-height: 21px;}
#support_help #faq_search {background-color: #eee; border: 1px solid #ddd; padding: 8px 12px;}
#support_help #faq_search h2 {margin: 0; color: #333; font-size: 12px;}
#support_help .support_nav {padding: 20px 0 10px 0;}

#support_help .top_faqs {background-color: #ffffdd; border: 1px solid #ffff99; padding: 10px; margin: 0 0 25px 0;}
#support_help .support_questions .top_faqs ul {margin: 5px 0 5px 0px;}

#support_help .support_qa {border-bottom: 1px dotted #999; padding: 25px 0;}
#support_help .support_qa .question {font-size: 16px; font-weight: bold; line-height: 21px; margin: 0; color: #000;}
#support_help .support_qa .question a.anchor {font-size: 12px; font-weight: normal; line-height: 21px; margin: 0; color: #999; text-decoration: none;}
#support_help .support_qa p {margin: 1em 0 0 0;}
#support_help .support_qa img.bordered {border: 5px solid #ccc; padding: 0px;}
#support_help .support_qa table {width: 100%; margin: 1em 0;}
#support_help .support_qa table td {padding: 10px; vertical-align: top;}
#support_help .support_qa table td.screenshot {padding: 10px;}
#support_help .support_qa table.datamapping{width: 90%; border-left: 1px solid #999; border-top: 1px solid #999; margin: 0 auto;}
#support_help .support_qa table.datamapping td, #support_help .support_qa table.datamapping th
  {border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 3px 5px; text-align: left;}
#support_help .support_qa ul, #support_help .support_qa ol {margin: 1em 0 0 1em;}
#support_help .support_qa ul li {margin: 0 0 0.4em 2em; list-style: square outside;}
#support_help .support_qa ol li {margin: 0 0 0.4em 2em; list-style: decimal outside;}

#support_help .support_questions {margin: 10px 0 0 0px;}
#support_help .support_questions a {color:#0E5CA5; text-decoration: none;}
#support_help .support_questions h3 {font-size: 16px; font-weight: bold; line-height: 21px; margin: 0;}
#support_help .support_questions h3 a {text-decoration: none;}
#support_help .support_questions a:hover {background-color: transparent; text-decoration: underline;}
#support_help .support_questions ul {margin: 5px 0 25px 0px;}
#support_help .support_questions ul li {margin: 0; list-style-type: none; background: transparent url("/images/document.gif") no-repeat scroll 2px 4px; padding: 0 0 4px 15px;}
#support_help .support_questions ul li.more {font-weight: bold; font-size: 11px;}

#support_help #top_faqs {background-color: #FFFFDD; padding: 15px; margin: 30px 0; color: white;}
#support_help #top_faqs h3 {margin: 0;}
#support_help #top_faqs ul {margin: 5px 0px 0;}

#support_help .support_sections {margin: 40px 0px 20px 0px;}
#support_help .support_sections a {color:#0E5CA5;}
#support_help .support_sections h3 {margin: 0; font-size: 16px;}
#support_help .support_sections ul {margin: 10px 0;}
#support_help .support_sections ul li a {font-size: 16px; font-weight: bold; text-decoration: none;}
#support_help .support_sections ul li ul {margin: 5px 0 20px 20px;}
#support_help .support_sections ul li ul li {font-size: 12px; line-height: 18px; font-weight: normal; margin: 3px 0;}
#support_help .support_sections ul li ul li a {font-size: 12px; line-height: 18px; font-weight: normal; margin: 2px 0; text-decoration: underline;}

#support_help #help_videos { background:#f9f9f9; border:1px solid #f0f0f0; margin: 0 0 25px 0; padding: 10px 10px 0; }
#support_help #help_videos h3 {margin: 0; font-size: 16px;}
#help_videos a.all-vids { border-top: 1px solid #ededed; display:block; font-weight:bold; margin:5px 0; padding-top:5px; }

#support_help ul.video-list { list-style:none; margin:0; padding:0; text-indent:0; }
#support_help ul.video-list li { background:none; border-top:1px solid #ededed; color:#CCC; font-size:1.2em; font-weight:bold; height:72px; padding:10px 0; }
#support_help ul.video-list li div { display:table-cell; height:72px; vertical-align:middle; }

#support_help ul.video-list li a.video-thumb-link { border:1px solid #CCC; display:block; float:left; margin-right:10px; width:128px; position:relative; height:72px; text-decoration:none; overflow:hidden; }
#support_help ul.video-list li a.video-thumb-link span { background:url(/images/video-play-icon.png) center center no-repeat; display:block; position:absolute; top:0; left:0; height:72px; width:128px; }
#support_help ul.video-list li a.video-thumb-link img { position:absolute; top:-12px; }


div.video-help h2 { margin-bottom:20px !important; }
div.video-help h2 span { color:#CCC; }
div.video-help a { color:#005ab2; }
div.video-help h3 { font-size:1.2em; }
div.video-help h3 a { float:right; }

div.video-help ul.video-list { list-style:none; margin:0; padding:0 0 45px; text-indent:0; }
div.video-help ul.video-list li { border-top:1px solid #ededed; color:#CCC; font-size:1.5em; font-weight:bold; line-height:56px; padding:15px 0; }
div.video-help ul.video-list li a img { border:0; margin-right:9px; vertical-align:middle; text-decoration:none; }
div.video-help ul.video-list li a { color:#206eda; }

div.video-help div.video-container { background:#000; margin: -10px 0 30px; position:relative; }
div.video-help div.video-container a.video-spot { display:block; height:422px; text-decoration:none; width:750px; }

div.video-help div.video-still-questions { color:#999; font-weight:bold; float:right; line-height:21px; }
div.video-help div.video-still-questions a { color:#005ab2; }

/* VIDEO PLAYER STYLES */
div.harvestplayer { background:#000 url(/images/video-player-controls.png) repeat-x 0 -4px; height:40px; overflow:hidden; position:relative; width:750px; }

/* play/pause button */
div.harvestplayer a.play, div.harvestplayer a.pause { background:url(/images/video-player-controls.png) no-repeat 10px -61px; border-right:1px solid #000; cursor:pointer; display:block; height:40px; left:0px; position:absolute; text-indent:-9999em; top:0; width: 46px; }
div.harvestplayer a.play:hover { background-position:10px -105px;	}
div.harvestplayer a.pause { background-position:11px -148px; }
div.harvestplayer a.pause:hover { background-position:11px -192px; }

/* the timeline (or "scrubber")  */
div.harvestplayer div.track { border-left:1px solid #999; cursor:pointer; height:40px; left:47px; position:absolute; width:533px; }

/* the draggable playhead */
div.harvestplayer div.playhead { background-color:#ff7334; border-right:1px solid #444; cursor:pointer; height:40px; opacity:0.3; filter: alpha(opacity=30); position:absolute; width:3px; }

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.harvestplayer div.progress, div.harvestplayer div.buffer { background-color:#ff7334; height:40px; opacity:0.1; filter: alpha(opacity=10); position:absolute; width:0px; }
div.harvestplayer div.buffer { background-color:#fff; opacity:0.1; filter: alpha(opacity=10); }

/* time display */
div.harvestplayer div.time { border:1px solid #999; border-width:0 1px; color:#fff; font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial; font-size:12px; left:580px; padding:12px 0; position:absolute; text-align:center; width:129px; }

/* total duration in time display */
div.harvestplayer div.time strong { color:#666; font-weight:normal; }

/* mute / unmute buttons */
div.harvestplayer a.mute, div.harvestplayer a.unmute { background:url(/images/video-player-controls.png) no-repeat 5px -323px; cursor:pointer; height:40px; left:710px; padding:8px 0; position:absolute; text-align:center; text-indent:-9999em; width:40px; }
div.harvestplayer a.mute:hover { background-position:5px -367px; }
/* unmute state */
div.harvestplayer a.unmute { background-position:5px -235px; }
div.harvestplayer a.unmute:hover { background-position:5px -279px; }


ul.basic {
    margin-left: 15px;
}
ul.basic li {
    list-style-type:disc;
}


/* case studies landing page */
#case-studies-landing {
  margin: -17px;
  margin-bottom: 0;
}
.case-studies-header {
    width: 784px;
    height: 210px;
    background: url("/images/customers/bg-casestudies-landing.jpg") top left no-repeat;
    position: relative;
}

.case-studies-header div {
    position: absolute;
    top: 18px;
    right: 20px;
    background: url("/images/customers/bg-casestudies-featured.png") top left no-repeat;
    width: 321px;
    height: 177px;
}
.case-studies-header p {
    line-height: 132%;
    color: #fff;
    margin: 0;
    padding: 35px 10px 0px 22px;
}
.case-studies-header p.last {
    padding-top: 5px;
}
.case-study-summary {
    padding: 20px 40px 20px 0;
    border-bottom: 1px #999 solid;
    position: relative;
}
.case-study-summary h3 {
    margin: 0;
    padding-left: 190px
}
.case-study-summary p {
    margin-bottom: 10px;
    padding-left: 190px
}
.case-study-summary img {
    position: absolute;
    top: 20px;
    left: 0;
}
.case-study-summary a.link-more:link,
.case-study-summary a.link-more:visited,
.case-study-summary a.link-more:hover,
.case-study-summary a.link-more:active {
    display: block;
    background: url("/images/customers/view-case-study.gif") top left no-repeat;
    width: 132px;
    height: 23px;
    text-indent: -9999px;
    margin-left: 190px
}
.press_quotes p {
    font-family:georgia;
    font-size:16px;
    font-style: italic;
    line-height: 24px;
    color: #cb5a00;
}
.press_quotes a {
    color: #666;
}
.press_quotes .credit {
    font-size:11px;
    font-style: normal;
    font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

ul.small_list {
  margin: 0.5em 1em 1em 2em;
  font-size: 0.95em;
}
ul.small_list li {
  list-style: square;
  line-height: 1.4em;
  margin-bottom: 0.6em;
}
ol.small_list {
  margin: 0.5em 1em 2em 2em;
  font-size: 0.95em;
}
ol.small_list li {
  list-style: decimal;
  line-height: 1.4em;
  margin: 0 0 0.6em 0;
}
ul.big_list {
  margin: 0.5em 1em 1em 2em;
  font-size: 1.2em;
}
ul.big_list li {
  list-style: square;
  line-height: 1.4em;
  margin-bottom: 0.6em;
}
h4.page_break {
  font-size: 12px;
  margin: 2em 0 0 0;
}
.rounded_gray_light {
  background-color: #f3f3f3;
  font-size: 0.9em;
  padding: 1.2em 1.5em;
  margin: 0 0 1.5em 0;
  -webkit-border-radius: .8em;
  -moz-border-radius: .8em;
  border-radius: .8em;
  border: 1px solid #e3e3e3;

}
.rounded_gray_light h3 {
  font-size: 1em;
  margin: 0;
}
.rounded_gray_light ul {
  margin: 0.5em 1em 1em 2em;
}
.rounded_gray_light ul li {
  list-style: square;
  line-height: 1.3em;
  margin-bottom: 0.4em;
}
a.biggie {
  font-size: 16px;
  font-weight: bold;
  padding: 1em 0;
  display: block;
}

.signup-form { background:#FFF; padding:25px 0; position:relative; text-align:left; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; z-index:2; }

.signup-header { border-bottom: 1px solid #CCC; }
.signup-header h3 { font-size:24px;margin:0 0 8px 20px; }
.signup-header h3 strong { color:#f27115; }
.signup-header h4 { color:#999;font-size:14px;font-weight:normal;margin:0 0 8px 20px; }

.signup-reasons { background:#ebf5f6; color:#767e81; float:right; padding:15px; width:210px; }
.signup-reasons h4 { font-size:16px; font-weight:normal; }
.signup-reasons ol li { list-style: decimal; font-size:11px; margin:0 0 3px; line-height:1.4em; }

.signup-form-form { padding: 20px 20px 0; }
.signup-form-field { margin-bottom:10px; }
.signup-form-field em { color:#666; font-style:normal !important; }
.signup-form-field em.field-help { display:block; font-size:11px; margin: 5px 0 0 105px; }
.signup-form-field label { display:inline-block; float:none; width: 100px; font-weight:bold; color:#333; }
.signup-form-field input { padding:5px; width:245px; color:#000; font-weight:bold; }
.signup-form-field input.account-url { width: 170px; }
.signup-form-field select { width:200px; }
.signup-final {  margin-top:20px; color:#666; }
.signup-final a { color:#666; }

.signup-form-field input.validation-failed { border-color:#F00; }


.signup-form-field em.validation-advice { font-size:11px; color:#F00 !important; display:block; margin:5px 0 0 105px; }
.signup-form-field em.validation-passed { color:#009900; }
.signup-form-field div#sudomain_error_field div.warning { margin:5px 0 0 105px; font-size:11px; font-weight:normal !important; }

.signup-form-form a#create_account_link { background:url('/images/buttons/btn_create_account.png') 0 0 no-repeat; display:block; width:226px; height:40px; text-indent:-9999px; }

.signup-form-form a#create_account_link:active { background-position: 0 -80px !important; }

#overlay{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:5000;
    background-color:#000;
    -moz-opacity: 0.75;
    opacity:0.75;
    filter: alpha(opacity=75);
}
#overlay[id]{
    position:fixed;
}
#lightbox{
    display:none;
    position: absolute;
    top:40%;
    left:50%;
    z-index:9999;
    width:665px;
    height:185px;
    margin:-200px 0 0 -319px;
    border:0px solid #fff;
    background:transparent;
    text-align:left;
}
#lightbox[id]{
    position:fixed;
}
#lightbox a.btn_close {
  position: absolute;
  background: transparent url("/images/buttons/btn_close.png") no-repeat;
  border: 0;
  display:block;
  width: 30px;
  height: 30px;
  right: -15px;
  top: -15px; 
  text-indent: -9999px;
  }

#lightbox.done #lbLoadMessage{
    display:none;
}
#lightbox.done #lbContent{
    display:block;
}
#lightbox.loading #lbContent{
    display:none;
}
#lightbox.loading #lbLoadMessage{
    display:block;
}

#lightbox.done img{
    width:100%;
    height:100%;
}