/* CSS Document */

/* 
------------------------------------------------------------------
DOCUMENT STRUCTURE
------------------------------------------------------------------
*/

html {-webkit-text-size-adjust: none}
body { font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: small; background-color: #8ab1d9;
	background-image: url(/images/bg-stripe.png);
	background-position: center 147px;
	background-repeat: repeat-x;}
abbr { border-bottom: none; }

a:link {color: #004a8d; text-decoration: underline; }
a:visited {color: #666; text-decoration: underline; }
a:hover {color: #4da4d5; text-decoration: underline; }
a:active {color: #4da4d5; text-decoration: underline; }
a:focus { outline: none; }

h1 { font-family: Georgia, serif; font-size: 180%; font-weight: normal; color: #004a8d; line-height: 150%;}
h2 { font-family: Georgia, serif; font-size: 140%; font-weight: normal; color: #004a8d; line-height: 150%; }
h3  {font-size: 110%; font-weight: normal; color: #007DC3; }
h4 {font-size: 100%; font-weight: bold; color: #004a8d; }
a img {border: none; }
blockquote { color: #666; font-family: Georgia, serif; }
.hidetext {display: none; }

#supercontainer { width: 974px; margin: 0 auto; height: 100%; }
#container {
    background: url(/images/container-back-950.gif) repeat-y top center;
    float: left;
    font-size: 100%;
    margin: 32px 0 40px 20px;
    width: 950px;
}
#contentcontainer { float: left; width: 950px; padding: 0; margin: 0; }
#content { float: left; width: 974px; margin-bottom: 20px;  }
#col-content { 
    float:left; 
    width: 690px; 
    padding: 0 20px; 
    line-height: 140%; 
}

body#about-guest-bloggers #col-content, 
body#about-bio #col-content,
body#privacy #col-content,
body#terms #col-content,
body#eula #col-content,
body#body-pricing #col-content,
body#body-support #col-content,
body#body-resources #col-content,
body#body-haro #col-content,
body#body-marketing #col-content,
body#body-real-estate #col-content,
body#body-design #col-content,
body#body-sales #col-content,
body#body-address-book #col-content,
body#body-simple-crm #col-content,
body#body-contacts #col-content,
body#body-supertags #col-content,
body#body-webforms #col-content,
body#body-communications #col-content,
body#body-lists #col-content,
body#body-todolist #col-content,
body#body-thirdparty #col-content,
body#body-zendesk #col-content,
body#body-mailchimp #col-content,
body#body-eventbrite #col-content,
body#body-freshbooks #col-content,
body#body-googlecontacts #col-content,
body#body-shoeboxed #col-content,
body#body-rapportive #col-content,
body#body-tungle #col-content,
body#body-flowtown #col-content,
body#notfound #col-content,
body#body-screencasts #col-content,
body#body-customerProfile #col-content,
body#body-customerProfiles #col-content,
body#body-bluepaper #col-content,
body#body-downloads #col-content,
body#body-contest-rules #col-content,
body#body-contest-winners #col-content,
body#body-advertise #col-content,
body#body-contest #col-content,
body#body-contest09 #col-content,
body#body-newCustomers #col-content,
body#body-home #col-content,
body#body-signup #col-content,
body#body-experts #col-content,
body#body-expertsapply #col-content,
body#body-googlemarketplace #col-content, 
body#body-contest-thankyou #col-content 
body#body-batchmakers #col-content,
body#body-worktogo-winners #col-content,
body#body-test #col-content,
body#body-great #col-content,
body#body-landing-page #col-content,
body#body-formstack #col-content,
body#body-sxsw-meetup #col-content,
body#body-theme-test #col-content,
body#jobs #col-content
 {
  width: 910px;
} 

body#body-contest10 #col-content {
  width: 950px;
}

body#body-about #col-content
 { float:left; width: 550px; padding: 0 10px 0 40px; line-height: 140%; }

/* 
------------------------------------------------------------------
HEADER
------------------------------------------------------------------
*/



div#header { 
	background: url(/images/new-header-bg.png);
    float: left; 
	height: 100px; 
	margin: 0px 20px 0 0;
	width: 950px; 
}

img#logo { 
	padding: 0; 
	margin-top:20px; 
	margin-left: 30px;
	float: left; }

a img {border: none; }

div#trial-button { 
	height: 65px; 
	width: 129px; 
	background: url(/images/30-day-button.png);
	float: right;
	margin-right: 30px; 
	margin-top: 17px;
}

div#trial-button a{ 
	height: 65px; 
	width: 129px; 
	display: block;
	text-indent: -9999px; 
	outline: none;
}
	

div#login {
	float: right;
	margin-top: -32px;
	font-family: "Helvetica Neue","Helvetica", sans-serif;
	font-size: 80%;
	color: #007DC3;
	text-align: right;
}
	#login input[type=text] { 
	width: 170px; 
	border: none; padding: 4px; margin: 0 3px; color: #666; 
	}
#login button,
input.gsc-search-button { 
background-image: url(/images/login.png); 
text-indent: -9999px; width: 55px; height: 24px; border: none; background-color: transparent; cursor: pointer; }
td.gsc-clear-button { display: none; }
table.gsc-search-box td.gsc-input { padding-right: 2px !important;}
}
#login label {  
	color: white; 
}

/* 
------------------------------------------------------------------
MAIN NAVIGATION
------------------------------------------------------------------
*/

ul#nav {
	background: #004484;
	clear: both; 
	height: 32px;
	list-style-type: none; 
	margin: 0 20px 0 0;
    padding-left: 20px;
/*  margin-left: 0px;  */
	width: 930px;
	}

ul#nav li { float: left; padding: 0; margin: 0; height: 32px;  }
ul#nav li a { 
    display: block; 
    height: 32px; 
    outline: none;
    text-indent: -99999px; 
}

ul#nav li a {
    background-image: url(/images/nav-buttons.png);
    height: 32px;
}


ul#nav li#nav-productInfo a:link,
ul#nav li#nav-productInfo a:visited { 
	background-position: -18px -2px;
	width: 150px;
}
ul#nav li#nav-support a:link,
ul#nav li#nav-support a:visited {
    	background-position: -168px -2px;
    	width: 164px;
}
ul#nav li#nav-pricing a:link,
ul#nav li#nav-pricing a:visited { 
	background-position: -331px -2px;
	width: 155px;
	}
ul#nav li#nav-blog a:link,
ul#nav li#nav-blog a:visited { 
	background-position: -484px -2px;
	width: 70px;
	}
ul#nav li#nav-about a:link,
ul#nav li#nav-about a:visited  { 
	background-position: -556px -2px;
	width: 160px;
	}



ul#nav li#nav-productInfo a:hover { 
	background-position: -18px -73px; 
}
ul#nav li#nav-support a:hover { 
	background-position: -168px -73px; 
}
ul#nav li#nav-pricing a:hover { 
	background-position: -331px -74px;
	}
ul#nav li#nav-blog a:hover { 
	background-position: -484px -74px;
	}
ul#nav li#nav-about a:hover { 
	background-position: -556px -73px;
	}
	
ul#nav li#googlesearch {
	background:url(../images/search-box-back.png) no-repeat;
	height: 24px;
	margin-left: 72px;
	margin-top: 4px;
	position: relative;
	width: 130px;
}

.searchbox {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	height:22px;
	outline: none;
	padding-left: 10px;
	position: absolute;
	width:94px;
}
 
.searchbox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	height:24px;
	left: 105px;
	position: absolute;
	width:24px;
}




/* You are here */

body#body-product-tour ul#nav li#nav-productInfo.on a,
body#body-overview ul#nav li#nav-productInfo.on a,
body#body-screencasts ul#nav li#nav-productInfo.on a,
body#body-contacts ul#nav li#nav-productInfo.on a,
body#body-supertags ul#nav li#nav-productInfo.on a,
body#body-communications ul#nav li#nav-productInfo.on a,
body#body-lists ul#nav li#nav-productInfo.on a,
body#body-todolist ul#nav li#nav-productInfo.on a,
body#body-thirdparty ul#nav li#nav-productInfo.on a,
body#body-zendesk ul#nav li#nav-productInfo.on a,
body#body-mailchimp ul#nav li#nav-productInfo.on a,
body#body-googlecontacts ul#nav li#nav-productInfo.on a,
body#body-freshbooks ul#nav li#nav-productInfo.on a,
body#body-shoeboxed ul#nav li#nav-productInfo.on a { 
	background-position: -18px -38px; 
/*  margin-left: 15px; */
}

 
body#body-blog ul#nav li#nav-blog.on a {
/*     background-image: url(/images/nav-buttons.png) ;  */
	background-position: -480px -38px;
	}
body#body-test ul#nav li#nav-support.on a,
body#body-support ul#nav li#nav-support.on a {
/*     background-image: url(/images/nav-buttons.png) ;  */
	background-position: -168px -37px;
	}

body#body-signup ul#nav li#nav-pricing.on a {
    background-position: -329px -37px;
    }

body#body-about ul#nav li#nav-about.on a,
body#body-resources ul#nav li#nav-about.on a,
body#press ul#nav li#nav-about.on a,
body#about-bio ul#nav li#nav-about.on a,
body#body-linklove ul#nav li#nav-about.on a,
body#body-bluepaper ul#nav li#nav-about.on a,
body#body-bluepapers ul#nav li#nav-about.on a,
body#body-glossary ul#nav li#nav-about.on a,
body#body-presentations ul#nav li#nav-about.on a,
body#body-superHeroes ul#nav li#nav-about.on a {
    background-position: -556px -38px;
}

body#body-newCustomers ul#nav li#nav-support.on a,
body#body-customerProfiles ul#nav li#nav-support.on a,
body#body-customerProfile ul#nav li#nav-support.on a {
    background-position: -168px -38px;
}

/* 
------------------------------------------------------------------
BRANDING AREA & NEWS BOX/NEWSLETTER SIGNUP
------------------------------------------------------------------
*/

#branding {
    float: left;
    width: 950px;
/*     padding-left: 12px; */
}
#news { float: left; padding: 0 10px; min-height: 171px; width: 170px; background-color: #DAE8B7; }
p.bluePaperDescription { font-size: 90%; }
p.newsletterBlurb { font-size: 90%; }


/* 
------------------------------------------------------------------
PAGE TITLE BACKGROUND IMAGES
------------------------------------------------------------------
*/

#col-content h1 { padding: 0; margin: 26px 0 6px 0; }



h1#h1-tour {
	margin: 26px 0 20px 30px;
}

body#body-home h1 { display: none; }

h2#h2-blog { width: 340px; height: 20px; padding: 0; margin: 16px 0 6px 0; background: url(../images/head-blog.png) no-repeat; }
h2#h2-sbbuzz a { display:block; text-indent: -9999px; background: url(../images/head-sbbuzz-small.png) no-repeat; width: 451px; height: 30px; padding: 0; margin: 16px 0 6px 0; }
h2#h2-bluepaperlibrary a { display:block; text-indent: -9999px; background: url(../images/head-bluepaperlibrary.png) no-repeat; width: 251px; height: 30px; padding: 0; margin: 16px 0 6px 0; }

/* 
------------------------------------------------------------------
PRETTY LIST
------------------------------------------------------------------
*/

ul.prettylist { list-style-type: none; margin: 0; padding: 0; }
body#body-haro ul.prettylist { padding-left: 20px; }
ul.prettylist li { padding-left: 14px; background: url(../images/bullet.png) no-repeat 0 6px; padding-bottom: 4px; }

/* 
------------------------------------------------------------------
BREADCRUMB LINKS
------------------------------------------------------------------
*/

p#breadcrumbs { color: #004a8d; font-size: 80%; margin: 0; padding: 0; }
p#breadcrumbs a { color: #004a8d; }
p#breadcrumbs a:link, p#breadcrumbs a:visited { text-decoration: none; }
p#breadcrumbs a:hover, p#breadcrumbs a:active { text-decoration: underline; }

/* 
------------------------------------------------------------------
SIDEBAR
------------------------------------------------------------------
*/

div#col-sidebar { float: right; width: 190px; margin: 0 25px 20px 0; }
#col-sidebar div.bottom { margin-top: 65px; padding: 1px 10px 20px 10px; }
#col-sidebar ul { list-style-type: none; margin: 0; padding: 0; }
#col-sidebar ul li { padding-left: 8px; padding-bottom: 8px; }
#col-sidebar ul ul { margin-top: 10px; }
#col-sidebar ul ul li {}
#col-sidebar ul li.rss { background:transparent url(../images/icon-rss-12.gif) no-repeat scroll left 2px; padding-left: 18px; }
#col-sidebar dl { margin: 0; padding: 0 0 12px 8px; }
#col-sidebar dt { margin: 0; padding-bottom: 2px; }
#col-sidebar dd { margin: 0; padding: 2px 0 0 0; color: #444; }
#col-sidebar p { padding-left: 8px; }
#col-sidebar blockquote { clear: both; margin: 12px 8px; padding: 0; }
#col-sidebar img.press { float: right; margin-bottom: 12px; }
#col-sidebar img.events { float: right; margin-bottom: 12px;  }
#col-sidebar p.byline { color: #666; font-size: 80%; float: right; margin: 0 0 12px 0; }
#col-sidebar div.left { float: left; width: 250px; padding-right: 10px; }
#col-sidebar div.right { float: left; margin-left: 5px; width: 50px; }
#col-sidebar div.left-links { float: left; padding-right: 10px; width: 150px;}
#col-sidebar div.right-links { float: left; width: 150px; }

#news h2, #col-sidebar h2 { background: #004484; clear: both; color: #FFF; font-family: Helvetica, Arial, sans-serif; font-size: 130%; margin: 10px 0 10px 0; padding: 2px 0 0 8px; }
.signup-button { padding-top: 10px; }
.rss { background: url(../images/icon-rss.gif) no-repeat left 2px; }
h2#bluepaperHeader { background: url(../images/blue-paper-icon.png) no-repeat left 4px; padding: 3px 0 3px 22px; }
p.rss { padding-left: 24px; }

#col-sidebar h2 a:visited { 
	color: #ffffff;
	text-decoration: none;
}

body#body-about div#col-sidebar { float: right; width: 330px; margin: 55px 35px 20px 0; }

/* 
------------------------------------------------------------------
CUSTOMER PROFILES
------------------------------------------------------------------
*/

dl.profile { padding-left: 140px; }
dl.profile dt { font-family: Georgia, serif; font-size: 140%; font-weight: normal; color: #004a8d; line-height: 150%; margin: 0 0 10px 0; }
dl.profile dd { margin: 0; }
dl#jupiter { background: url(../images/profiles/jupiter-hotel-sm.jpg) no-repeat left 5px; }
dl#chelpixie { background: url(../images/profiles/chelpixie-sm.jpg) no-repeat left 5px; }
dl#ecocard { background: url(../images/profiles/ecocard-sm.jpg) no-repeat left 5px; }
dl#isendyouremail { background: url(../images/profiles/isendyouremail-sm.jpg) no-repeat left 5px; }
dl#vintank { background: url(../images/profiles/vintank-cruvee-sm.jpg) no-repeat left 5px; }
dl#coast { background: url(../images/profiles/coast-sm.jpg) no-repeat left 5px; }
dl#kidoinfo { background: url(../images/profiles/kidoinfo-sm.jpg) no-repeat left 5px; }
dl#jerry { background: url(../images/jerry-shea-sm.jpg) no-repeat left 5px; }
dl#oneforty { background: url(../images/oneforty-sm.jpg) no-repeat left 5px; }dl#sprout { background: url(../images/lisa-wood-sm.jpg) no-repeat left 5px; }

.profile-info { width: 300px; float: right; background-color: #EAEAEA; margin: 10px 0 10px 20px; font-size: 90%;}
.profile-info p { margin: 10px; }
.profile-info ul {margin-right: 10px;}


/* 
------------------------------------------------------------------
LANDING PAGES
------------------------------------------------------------------
*/

#case-study-landing {
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
    background: none repeat scroll 0 0 #F4FAFD;
    border: 3px solid #9CDBF8;
    display: block; 
    float: left;
   	height: 440px;
   	margin: 10px 20px 10px 15px;
	padding: 20px;
	width: 525px;	
}

#case-study-landing img {
	float:left;
}

#case-study-text {
	float: left;
	font-size: 105%;
	height: 350px;
	line-height: 140%;
	margin-left:30px;
	width: 270px;
}

#case-study-landing-social {
	-moz-border-radius: 6px 6px 6px 6px;
    background: none repeat scroll 0 0 #F4FAFD;
    border: 3px solid #9CDBF8;
    display: block; 
    float: left;
   	margin: 10px 20px 10px 15px;
	padding: 20px;
	width: 525px;	
}

#case-study-landing-social img {
	float:left;
}

#case-study-text-social {
	float: left;
	font-size: 105%;
	line-height: 140%;
	width: 530px;
}

#landing-social-info {
	margin-left: 320px;
}


body#body-landing div#col-content {
	width: 890px;
}

body#body-landing div#content {
	margin-bottom: 0px; 
}

body#body-landing h1{
	font-size: 160%;
}


#action-landing {
	float:left;
	margin-top: -15px;
	width:460px;
}

#landing-right {
	float: left; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: 105%;
    min-height: 500px;
    line-height: 140%;
	margin: 0 0 0 10px; 
	width: 270px;
}

#landing-left {
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
    background: none repeat scroll 0 0 #F4FAFD;
    border: 3px solid #9CDBF8;
    display: block; 
    float: left;
   	height: 440px;
   	margin: 0px 20px 10px 15px;
	padding: 20px;
	width: 525px;	
}

h1#twitter-landing {
	background: url(../images/landing/twitter-friends.png) no-repeat 0 0;
	height: 80px;
	margin-left: 15px;
	text-indent: -9999px;
	width: 845px;
}





h3  {
	color: #007DC3; 
	font-size: 110%; 
	font-weight: normal; 
}

#action-landing div#trial-button {
	background: url("/images/30-day-button.png") repeat scroll 0 0 transparent;
	height: 65px;
	margin: -75px -60px 20px 0px;
	width: 129px;
}



#social-share {
	float:right; 
	padding-bottom:10px;
	padding-left: 830px;
}



#landing-resources {
	float: left;
	margin: -10px 0 0 0;
	width:915px;
}

#landing-resources h1 {
	padding-left: 15px;
}

#landing-resources dl{
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	background: #F4FAFD;
    border: 3px solid #9CDBF8;
    display: block; 
	float: left;
	height: 130px;
	margin: 10px 18px 10px 15px;
	padding-top: 15px;
	width: 265px;
}

#landing-resources dl dt{
	font-family: Georgia serif;
	font-size: 130%;
	height: 35px;
	margin: 4px 10px;
	padding-left: 35px;
}

#landing-resources dl dt a{
	margin-top: 5px;
}

#landing-resources dd{
	padding-left: 5px;
	padding-right: 10px;
	margin-top: -10px;
}

div.landing-text  {
	float:left;
	font-size: 105%;
	margin:-20px 20px 0;
	width: 880px;

}

h1#real-estate-landing{
	background: url(../images/real-estate-h1.png) no-repeat 0 0;
	height: 40px;
	margin-left: 15px;
	text-indent: -9999px;
	width: 845px;
}



dl#realestate-bluepapers dt{ background: url(../images/features-bluepaper.png) no-repeat 0 0; }

dl#realestate-video dt{ background: url(../images/features-screencasts.png) no-repeat 0 0; }

dl#realestate-custom dt{ background: url(../images/features-lists.png) no-repeat 0 0; }

#landing-left-shirts {
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
    background: none repeat scroll 0 0 #F4FAFD;
    border: 3px solid #9CDBF8;
    display: block; 
    float: left;
   	
   	margin: 0px 20px 10px 15px;
	padding: 20px;
	width: 525px;	
}


img#wildshirts {
	margin-left:35px;
}


/* 
------------------------------------------------------------------
FOOTER
------------------------------------------------------------------
*/

#footer { 
    background-color: #00609f;
    border-bottom: 15px solid #8ab1d8;
    width: 890px; 
    clear: both; 
    margin: 12px 0px 0px 0px;
    padding: 20px 30px 40px; 
}
div#footer dl { line-height: 140%; margin: 0 0 30px 0; float: left; width: 19%; }
div#footer dl#aboutLinks,
div#footer dl#supportLinks,
div#footer dl#resourcesLinks { padding-right: 8%; }
div#footer dt { color: #F88C17; font-weight: bold; }
div#footer dd { margin: 0; font-size: 90%;}
div#footer dd#sbbuzz { margin-left: -30px; margin-top: -4px; padding-top: 4px; }
div#footer dd#sbbuzz a { background: url(../images/footer-bee.png) no-repeat  0 0; padding: 4px 0 10px 30px; }
div#footer dd#twitter { margin-left: -32px; margin-top: 4px; }
div#footer dd#makers { margin-left: -32px; margin-top: 4px; }

div#footer dd#twitter a { background: url(../images/footer-twitter.png) no-repeat  0 0; padding: 0 0 10px 32px; } 

div#footer dd#makers a { background: url(../images/bot-icon.png
) no-repeat  0 0; padding: 0 0 10px 32px; }

div#twitterLinks { float: left; width: 19%; padding-right: 8%; }
div#twitterLinks p { width: auto; }

#footer div#copyright { float: right; width: 46%; }

div#footer dd#youtube { margin-left: -33px; margin-top: 4px; }
div#footer dd#youtube a { background: url(../images/youtube-icon.png) no-repeat  0 0; padding: 0 0 10px 32px; }

div#footer dd#fb { margin-left: -33px; margin-top: 4px; }
div#footer dd#fb a { background: url(../images/fb-icon.png) no-repeat  0 0; padding: 0 0 10px 32px; }

div#footer dd#gp { margin-left: -33px; margin-top: 4px; }
div#footer dd#gp a { background: url(../images/gplus-16.png) no-repeat  7px 0; padding: 0 0 10px 32px; }

div#footer dd#batchmakers { margin-left: -33px; margin-top: 4px; }
div#footer dd#batchmakers a { }






#footer a:link, #footer a:visited, #footer a:active { text-decoration: none; color: #ffffff; }
#footer  a:hover { text-decoration: none; color: #F88C17; }

#footer h2 { font-family: "Lucida Grande", sans-serif; margin: 0; font-size: 90%; font-weight: bold; }
#footer h2 a:link, #footer h2 a:visited, #footer h2 a:active { text-decoration: none; color: #ffffff; }

#footer h2 a:hover { text-decoration: none; color: #F88C17; }

#footer div#copyright p {  color: #ffffff; font-size: 90%; margin: 5px 0; }

#footer div#mc_embed_signup { float: left; width: 50%;}
#footer div#mc_embed_signup h3 { margin: 0 0 8px; color: #F88C17;}
#footer div#mc_embed_signup fieldset { border: 0; margin: 0; padding: 0; }
input#mc-embedded-subscribe { background-image: url(../images/submit.gif); text-indent: -9999px; width: 57px; height: 26px; border: none; background-color: transparent; cursor: pointer; }
#footer div#mc_embed_signup label { font-size: 90%; font-weight: bold; color: #ffffff; }
#footer div#mc_embed_signup input[type=text] { width: 200px; border: 1px solid #999; padding: 2px; margin: 0 3px; color: #666; }
div#mce-error-response { background-color: #F2DAD3; border-top: 1px solid #BC4623; border-bottom: 1px solid #BC4623; padding: 4px; margin-top: 6px; font-size: 85%; }
div#mce-success-response { background-color: #EAF2D6; border-top: 1px solid #96BD30; border-bottom: 1px solid #96BD30; padding: 4px; margin-top: 6px; font-size: 85%; }
p.past-newsletters { margin-top: 8px; font-size: 85%; }

/* 
------------------------------------------------------------------
TWEET IT
------------------------------------------------------------------
*/

p.tweet-follow { font-size: 80%; font-weight: bold; text-align: center; margin: 0 0 20px 0; color: #666; }
p.tweet-it { margin-bottom: 4px; }
p.tweet-it a { display: block; font-family: Georgia, serif; font-size: 125%; background: #004A8D url(../sbweb/logos/tweet-it.png) no-repeat 4px 50%; color: #FFF; margin: 0; padding: 5px 10px 5px 44px; text-decoration: none; }
p.tweet-it a:hover { background-color: #333; }
.signupfloat p.tweet-it { font-weight: normal; }


/* NOT REALLY THE FOOTER, BUT APPERAS ON SOME PAGES RIGHT BEFORE IT */ 

p.learnMoreLinks { font-size: 90%; }
p.contactUs { clear: left; font-size: 90%; color: #999; }
p.contactUs a { color: #666; }


/* 
------------------------------------------------------------------
GUEST BLOGGERS
------------------------------------------------------------------
*/

ul#guest-bloggers { list-style-type: none; padding: 0; margin: 0; }
ul#guest-bloggers img { float: left; padding-top: 5px; }
ul#guest-bloggers li { clear: left; padding-bottom: 20px; min-height: 150px; }
ul#guest-bloggers li h3 { width: auto; margin: 0; padding: 0 0 0 175px; line-height: 150%; height: auto; }
ul#guest-bloggers li p { margin: 0; padding: 0 0 0 175px; line-height: 150%; }

/* 
------------------------------------------------------------------
LOG IN
------------------------------------------------------------------
*/


div#login {
    float: right;
    margin-top: -32px;
    font-family: "Helvetica Neue","Helvetica", sans-serif;
    font-size: 85%;
    color: #004a8d;
    text-align: right;
}
#login input[type=text] { 
    width: 170px; 
    border: none; padding: 4px; margin: 0 3px; color: #666; 
    }
#login button,
input.gsc-search-button { 
    background: transparent url(/images/login.png) no-repeat center center; 
    text-indent: -9999px; 
    width: 60px; 
    height: 24px; 
    border: none; 
    cursor: pointer; 
}
td.gsc-clear-button { display: none; }
table.gsc-search-box td.gsc-input { padding-right: 2px !important;}
}
#login label {  
    color: white; 
}


/* 
------------------------------------------------------------------
CONTENT FLOATS
------------------------------------------------------------------
*/

.signupfloat { float: right; padding: 10px 0 20px 20px; width: 168px; }
.signupfloat span { font-size: 90%; color: #666; }
.signupfloat p.email, .signupfloat p.promoCode { font-weight: normal; margin-bottom: 0; }
.signupfloat a.get-started {
	background: url(../images/signup-30-day-100.png) no-repeat center center;
	display: block;
	height: 100px;
	margin-right: 20px;
	text-indent: -99999px;
	width: 188px;
}


body#body-supertags .signupfloat,
body#body-address-book div.signupfloat,
body#body-simple-crm div.signupfloat { padding-top: 26px; padding-bottom: 0; }  

.blogimagefloat { float: right; padding: 0 0 20px 20px; }
.photocaption { float: right; padding: 0 0 20px 20px; width: 267px; padding-right: 16px; }
.photocaption p, .blogimagefloat p, .signupfloat p { font-size: 90%; font-weight: bold; color: #666; }
.signupfloat p strong { color: #000; }
.product-screenshot,
.third-party-image,
.supertag-cartoon,
.superhero-badge,
.biophoto,
.profilephoto { float: right; padding: 30px 20px 20px; }

/* 
------------------------------------------------------------------
BIO PAGE SURVEYS & DOWNLOAD NOW BOX
------------------------------------------------------------------
*/

div#survey { background-color: #BFDEF0; border-top: 2px solid #007DC3; padding: 20px; }
div#survey dl { font-size: 90%; }
div#survey dt { margin-top: 12px; font-weight: bold; }
div#survey dt.first { margin-top: 0; }
div#survey dd { margin: 0; }
#survey h3 { margin-top: 0; }
#survey .biophoto { width: 267px; padding-top: 10px; padding-right: 20px; }
#survey .biophoto p { font-size: 90%; font-weight: bold; color: #666; }
a.email { background: url(../images/icon-email.gif) no-repeat left 50%; padding-left: 22px; }

/* 
------------------------------------------------------------------
TABLES
------------------------------------------------------------------
*/

table.stripetables { margin: 0; width: 100%;  border-spacing: 0; border-collapse: collapse; }
table.stripetables td { padding: 6px; text-align: left; }
table.stripetables th { background-color: #E5F2F9; border-bottom: 1px solid #CCC; font-weight: bold; text-align:left; padding: 2px 6px; color: #333; } 
table.stripetables tbody tr th { padding: 6px 6px; text-align: left; border-right: 1px solid #CCC; }
table.stripetables tbody td { border-bottom: 1px solid #D9D9D9; }
table.stripetables thead th a,
table.stripetables thead th a:link,
table.stripetables thead th a:visited,
table.stripetables thead th a:hover,
table.stripetables thead th a:active { text-decoration: underline; }

table#pricing { font-size: 90%; }
table#pricing thead th, table#pricing td { text-align: center; }
table#pricing .planRoyal, table#pricing .planNavy { background: #FFF8E9; }
table#pricing tr.pricing-price a, table#pricing tr.pricing-supertags a, table#pricing tr.pricing-users a { text-decoration: none; }
table#pricing img { padding-top: 4px; padding-bottom: 4px; }

p#yearlyNote, p#superTagNote, p#usersNote { font-size: 90%; font-style: italic; }
p#yearlyNote span, p#superTagNote span, p#usersNote span { font-weight: bold; font-style: normal; }
div#signupNotes { background-color: #FDDCB9; border-top: 2px solid #F88C17; padding: 0 20px 10px 20px; margin-bottom: 10px; }
div#moreAboutPlans { background-color: #BFDEF0; border-top: 2px solid #007DC3; padding: 20px; }
div#moreAboutPlans h2 { margin-top: 0; }
div#moreAboutPlans p { font-size: 90%; }

th.indigo a { background: url(../images/pricing-indigo.png) no-repeat 10px 0; }
th.royal a { background: url(../images/pricing-royalblue.png) no-repeat 10px 0; }
th.deep a { background: url(../images/pricing-deepblue.png) no-repeat 10px 0; }
th.navy a { background: url(../images/pricing-navyblue.png) no-repeat 10px 0; }
th.baby a { background: url(../images/pricing-babyblue.png) no-repeat 10px 0; }

table#pricing tr.pricing-signup a { display: block; width: 130px; height: 87px; text-indent: -9999px; }
table#pricing tr.pricing-price td a { font-size: 200%; font-weight: bold; font-family: Arial; text-decoration: none; }
table#pricing tr.pricing-price em { display: block; font-weight: normal; }
table#pricing tr.pricing-price em a { font-weight: bold; }
table#pricing tr.pricing-users td a { font-weight: bold; }

table.tinytables { margin: 0; width: 100%; font-size: 90%; border-spacing: 0; }
table.tinytables tr td { padding: 6px; text-align: left; border-bottom: 1px solid #CCC; background-color: #FFF; }
table.tinytables thead th { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #EAEAEA; font-weight: bold; text-align: left; padding: 1px 3px; color: #666; } 

/* 
------------------------------------------------------------------
ON-PAGE SCREENCASTS
------------------------------------------------------------------
*/

p.screencast-stats { font-size: 90%; }
div.screencast { padding: 44px; }
body#body-blog div.screencast,
body#body-supertags div#supertags-video { width: 550px; background-color: #FFF; }
body#body-socialcrm div#socialmedia-video { width: 800px; background-color: #FFF; }
body#body-sales div.screencast { padding: 24px; background-color: #FFF; }
body#body-marketing div.screencast { padding: 24px; background-color: #FFF; }

/* 
------------------------------------------------------------------
SHARE
------------------------------------------------------------------
*/

p#printthis { background: url(../images/print.gif) no-repeat left 2px; padding-left: 16px; font-size: 90%; }
ul#share { margin: 0; padding: 10px 0; }
ul#share li { display: inline; padding-top 2px; padding-bottom: 2px; padding-right: 6px; margin: 0; }
li#printthis { background: url(../images/print-16.gif) no-repeat 0 0; padding-left: 22px; }
li#tweetthis { background: url(../images/tweetthis.png) no-repeat 0 0; padding-left: 31px; }

/* 
------------------------------------------------------------------
CUSTOM STYLES, NOT WORTH CREATING A NEW FILE FOR
------------------------------------------------------------------
*/

/* RESOURCES */

dl.bluepaper-abstract { margin-top: 24px; padding-left: 60px; background: url(../images/bluepaper.gif) no-repeat left 4px; min-height: 60px; }
dl.bluepaper-abstract dt { font-weight: bold; }
dl.bluepaper-abstract dd { font-size: 90%; color: #333; margin: 0; }
dl.bluepaper-abstract dd.author { font-size: 90%; margin-top: 4px; font-style: italic; }

/* IMPORT TEMPLATE */

div.importCustom { margin: 20px 0; background:transparent url(../images/rounded-top-yellow.gif) no-repeat 0 top; padding: 8px 0 0 0; }
div.importCustom p { background:transparent url(../images/rounded-bottom-yellow.gif) no-repeat 0 bottom; padding: 0 18px 20px 18px; }

/* GUEST BLOGGERS PAGE */

body#about-guest-bloggers ul#guest-bloggers { margin-top: 40px; }
body#about-guest-bloggers ul#guest-bloggers li h3, 
body#about-guest-bloggers ul#guest-bloggers li p { padding: 0 0 0 125px; }

/* USER GROUP PAGE STYLES */

#why-join { font-size: 90%; }
#why-join li { padding-bottom: 10px; }

/* DEVELOPER */ 

body#body-developer code { background-color: #FDDCB9; border-top: 2px solid #F88C17; padding: 20px; display: block; font-size: 120%; }

/* PRIVACY */ 

div#safe-harbor {float: right; margin: 90px 0 20px 20px;}
div#safe-harbor h3{margin: 0 0 0 5px;}

/* PRESS */ 

a#morepress{
	margin: 10px 0 0 620px;
}

/* Great Customers Form */ 

div#great-customer {
	font-family: Georgia, serif;

}


#great-customer h1 {
	margin-left: auto;
	margin-right: auto;
	font-size: 250%;
	width: 30%;
}

#great-customer h2 {
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}

div#great-customer img#gifties {
	margin-left: -20px;
	width: 950px;

}

#great-customer p {
	font-size: 140%;
	line-height: 140%;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

div#great-customer img#sxsw-meetup {
	margin-left: -65px;
	width: 950px;

}


form#publicForm dl { margin: 0; }
form#publicForm dt { display: inline-block; width: 20%; vertical-align: top; margin-bottom: 20px; font-size: 120%; color: #004A8D; }
form#publicForm dd { display: inline-block; width: 75%; margin: 0; }
form#publicForm input[type=text],
form#publicForm textarea { width: 80%; }
form#publicForm textarea { height: 100px; }
form#publicForm p.submit { margin-left: 20%; }

#great-customer form {
	width: 80%;
	margin-left: 100px;

	padding: 40px;
}

div#thank-you {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px;
	text-align: center;
	font-family: Georgia, serif;
}

div#thank-you h1{
	font-size: 200%;
	color: #004A8D;
	background-color: white;
	text-indent: 0px;
	margin-left: auto;
	margin-right: auto;

}

div#thank-you p {
	font-size: 140%;
	line-height: 140%;
	margin-left: auto;
	margin-right: auto;


}

div#powered {
	background-image: url(/images/thanks-logo.png);
	background-repeat: no-repeat;
	background-position: top center;
	display: block;
	width:600px;
	height: 200px;
	padding-top: 120px;
}

/*addtoany*/

 .a2a_dd a{ display:none !important; }


/* CHAT PAGES */
img.snap-button{
	margin-left: 750px;
	margin-top: 80px;
}
div#chat-welcome{
	margin-top:-130px;
	margin-left:10px;
}

div#wpadminbar {
display: none;
}

/* 
------------------------------------------------------------------
CLEARFIX, my dear clearfix
------------------------------------------------------------------
*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }







body#body-advertise div#col-content dl { float: left; width: 20%; padding-right: 5%; }
body#body-advertise div#col-content dt { font-size: 140%; font-family: Georgia, serif; margin-bottom: 10px; }
body#body-advertise div#col-content dd { margin: 5px 0 0 0; font-size: 90%; }



div#smst-steps ol { display: none; }

ul#linkLove { margin: 20px 0; }

div#form-examples ul { margin: 0; padding: 0 0 20px; list-style: none; }
div#form-examples ul li { float: left; width: 25%; }