/**** 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 { 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 { padding: 17px; overflow: hidden; background: #fff url('/images/marketing/background-whiteshadow.gif') repeat-x;}
.content .left {width: 410px; overflow: hidden;}
.content .right {width: 304px; margin-left: 30px; overflow: hidden;}
.content strong {color: #000;}
.content:after, .content {_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 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;}

/*** 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; }

.status_good {background-color:green;color:#fff;padding:5px;}
.status_bad {background-color:red;color:#fff;padding:5px;}

/*** Homepage introduction section ***/
#home_intro { padding: 10px 30px 10px 20px;}
#home_intro h1 { height: 35px; margin: 0;padding:0;}
#home_intro p { margin: 6px 0 15px 0; color: #333;}
#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.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.gif") 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;}
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 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 {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_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;}


#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;}


#segements{height: 120px;}
#freelancer a {background: url("images/marketing/button-segment-freelancer.jpg") no-repeat; text-indent: -9999px; height: 120px; width: 261px; float: left;}
#business a {background: url("images/marketing/button-segment-business.jpg") no-repeat;  text-indent: -9999px; height: 120px; width: 262px; float: left;}
#professional a {background: url("images/marketing/button-segment-professional.jpg") no-repeat; text-indent: -9999px ;height: 120px; width: 261px; float: left;}

.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 a {background: url("images/marketing/home-masthead-iphone.gif") no-repeat; text-indent: -9999px; position: absolute; height: 166px; width: 79px; top:269px; margin: 0 0 0 675px;}

/*** 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 .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 0;}
#support_help .support_qa ul li {margin: 0 0 0.7em 2em; list-style: square outside;}
#support_help .support_qa ol li {margin: 0 0 0.7em 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;}

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;
}
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;
}