.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}
body {font-family: "Lucida Grande", "Lucida Sans", sans-serif; margin: 0; padding: 0}
a {color: #2c79a2; font-weight: bold; text-decoration: none}
p {margin: 0}
a.button {color: #fff; background: url(/images/blue_button_left_light.gif) no-repeat top left; font-size: 11px; padding: 0px 0px 0px 3px; display: block; float: left; line-height: 14px}
a.button span {display: block; padding: 6px 8px 5px 5px; background: url(/images/blue_button_right_light.gif) no-repeat top right}
a.button:hover {background-position: left -25px}
a.button:hover span {background-position: right -25px;}
.body_content p {margin-bottom: 10px}
a.top_action {float: right; margin: 6px}
* {margin: 0; padding: 0}
body {background: #fff url(../images/background.gif) repeat-x 30px 30px ; text-align: center; font-family: Tahoma, Arial, sans-serif; font-size: 12px}
body.inner {background: #fff url(../images/background-inner.gif) repeat-x 30px 30px}
body.logged_in {background: #fff url(../images/background.gif) repeat-x 30px 28px}
body.inner_logged_in {background: #fff url(../images/background-inner.gif) repeat-x 30px 30px}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html .clearfix {height: 1%;}
div.hide-me {display: none}
p {padding-bottom: 10px; font-size: 15px; line-height: 1.6em; color: #222; font-family: Verdana, Tahoma, Arial, sans-serif}
a {color: #145374}
em {background: #fffc9c; font-style: normal}
#wrapper {width: 890px; margin: 0 auto; text-align: left}
#user_bar {text-align:right; height: 30px; line-height: 30px; background: #145374; color: #fff; padding: 0 10px}
#user_bar a {color: #fff}
#login_bar {text-align:right; height: 32px; line-height: 30px; background: #145374; color: #fff; padding: 0px 10px}
#login_bar input[type=text], #login_bar input[type=password] {width: 120px; padding: 0}
#login_bar a {color: #fff; font-weight: normal; font-size: 11px}
#logo a {width: 255px; height: 72px; background: url(../images/scalr.gif) no-repeat; display: block; text-indent: -999999px; float: left}
#amazon {width: 151px; height: 72px; background: url(../images/amazon.gif) no-repeat; display: block; text-indent: -999999px; float: left}
a.intridea {display: block; text-decoration:none; float: right}
a.intridea img {margin-top: 10px}
#nav {width: 320px; float: left; display: block; list-style: none; padding-top: 40px; padding-left: 20px}
#nav li {float: left; font-weight: bold}
#nav li a {padding: 5px}
#nav li a:hover {background: #13638e; color: #fff; text-decoration: none}
#banner {clear: both; background: yellow}
#banner-info {float: left; width: 430px}
#banner-info h1 {width: 412px; height: 0; padding-top: 143px; background: url(../images/gather-customer-feedback.gif) no-repeat; overflow: hidden; display: block; margin-top: 15px}
#banner-info h2 {text-align: center; color: #fff; font-weight: normal; width: 412px; font-size: 14px; padding: 10px 0; margin: 0 0 0px 0}
#banner-info #signup-taketour {width: 412px; height: 53px; background: url(../images/sign-up-for-free-take-tour.gif) no-repeat; display: block; overflow: hidden; margin: 0px auto}
#signup-taketour a.signup {width: 205px; height: 53px; margin-right: 0px; float: left; display: block; text-indent: -9999px}
#signup-taketour a.taketour {width: 180px; height: 53px; float: right; display: block; text-indent: -9999px}
#banner-screencast {float: right; width: 409px; height: 115px; background: url(../images/cs_multilanguage_banner.jpg) no-repeat; margin-top: -10px; padding-top: 200px}
#banner-screencast a {width: 409px; height: 90px; display: block; margin: 0 auto; text-indent: -9999999px}
#content {clear: both}
#content div.top_container {overflow: hidden}
#crowdsound {width: 254px; float: left; margin: 0 10px}
div.info-text {width: 244px; float: left; margin: 0 10px; padding: 0 10px}
div.info-text h3 {font-size: 16px; color: #bc2b32; padding-bottom: 10px; text-transform: uppercase}
div.info-text h3.see-inaction {width: 247px; height: 64px; background: url(../images/see-inaction.gif) no-repeat; display: block; text-indent: -999999px; margin: 0; margin-left: -10px}
div.info-text h4 {font-size: 14px; color: #333; padding-bottom: 10px; text-transform: uppercase}
div.info-text p {font-size: 14px; font-family: Verdana, Tahoma, Arial, sans-serif}
.login_form {width: 289px; height: 270px; background: url(../images/login-box.gif) no-repeat; float: left; margin: 10px 10px}
.login_form h3 {font-size: 15px; font-weight: bold; padding: 15px; color: #444}
.login_form form {padding: 15px; padding-top: 0}
.login_form form strong {display: block; padding: 5px; color: #555}
.login_form form input[type=text], .login_form form input[type=password] {border: 1px solid #999; padding: 3px; width: 240px}
.login_form form input[type=image] {margin: 0 auto; display: block}
.login_form form a {display: block; font-weight: bold; text-align: center; padding: 10px; font-size: 11px}
#footer {display: block; clear: both; margin: 0 auto; color: #fff; padding: 4px; background: url(../images/footer.gif) repeat-x top #13638e; text-align: center; font-size: 11px; line-height: 1.5em}
#footer a {color: #fff; padding: 5px; font-weight: bold}
div.inner-content {padding: 30px; padding-top: 60px}
div.inner-content p {padding-bottom: 10px; font-size: 14px; line-height: 1.6em; color: #575759; font-family: Verdana, Tahoma, Arial, sans-serif}
div.inner-content ul {margin-left: 30px}
div.inner-content li {font-size: 14px; line-height: 1.6em; color: #575759; font-family: Verdana, Tahoma, Arial, sans-serif}
div.inner-content h2 {display: block; text-align: center; font-size: 23px; padding: 10px 0; color: #910000}
div.inner-content img {margin: 20px 0; display: block; margin-left: -20px}
div.paragraph-text {width: 390px; float: left; margin: 0 30px}
div.paragraph-text h2 {font-size: 16px; color: #bc2b32; padding-bottom: 10px; text-transform: uppercase}
div.paragraph-text-float {width: 355px; float: left; margin-left: 30px}
div.paragraph-text-float h2 {font-size: 16px; color: #bc2b32; padding-bottom: 10px; text-transform: uppercase}
div.paragraph-text-float h3 {font-size: 14px; color: #333; padding: 10px 0; text-transform: uppercase}
div.contact-info {width: 500px; display: block; margin: 0 auto}
div.contact-info p {padding: 20px; border-bottom: 1px dotted #ccc}
div.contact-info p span a {float: right; padding: 10px}
#thumbnails {background: url(../images/thumbnails.gif) no-repeat #e3f1f6 top right; padding: 10px; clear: both; border: 1px solid #a8cdda; width: 450px; float: left; margin-left: -20px; margin-bottom: 30px}
#thumbnails img {border: 1px solid #ccc; margin: 10px 0}
div.thumbnail {float: left; width: 195px; padding: 15px 15px 0 15px}
div.thumbnail h3 {font-size: 12px; color: #144556}
div.thumbnail p {font-size: 11px; padding-right: 10px; padding-bottom: 5px; line-height: 1.4em; font-family: Verdana, Tahoma, Arial, sans-serif}
#take-the-tour {padding: 10px; clear: both; font-weight: bold; font-size: 19px; width: 659px; height: 32px; margin: 30px auto; padding-top: 18px; text-align: center; background: url(../images/take-the-tour.gif) no-repeat}
#the-quote {padding: 10px; width: 850px; margin: 10px 0; text-align: center; font-family: Georgia, serif; clear: both; margin-bottom: 20px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc}
#the-quote h3 {line-height: 1.7em; font-size: 19px; font-weight: normal; font-family: Georgia, serif}
#the-quote h4 {line-height: 1.6em; font-weight: normal; font-family: Verdana, Tahoma, Arial, sans-serif}
#infotext-intro {width: 510px; padding: 10px 30px; float: left; padding-left: 0}
#infotext-intro h3 {font-size: 19px; padding: 10px 0; padding-top: 0; color: #444}
#infotext-intro p {font-size: 14px}
#content h1.page-title {margin-top: -40px; color: #fff}
#content h4.plan-package {width: 200px; float: right; font-size: 19px; margin-top: 30px; margin-bottom:10px; text-align:center}
#content h4.plan-package strong {font-weight: normal; color: #666}
#content h4 span.price {font-size:15px}
#content ul.chooseplan {list-style: none; display: block; margin-top: 30px; clear: both}
#content ul.chooseplan li {display: block; width: 800px; border-bottom: 1px solid #ccc; padding:3px; height: 35px}
#content ul.chooseplan li.colored {background: #f5f5f5}
#content ul.chooseplan li h3 {float: left; text-align: center; width: 300px; color: #555; font-family: Arial, Tahoma, sans-serif; font-size: 18px; margin: 0; padding-top: 6px}
#content ul.chooseplan li a {float: left; padding: 4px; font-weight: bold; font-size: 17px; border: 2px solid #eee; text-decoration: none}
#content span.span {padding: 3px 8px 8px 10px; font-size: 12px; display: block; color: #747038}
#content div.popup {width: 497px; height: 68px; background: url(../images/hover-signup.png) no-repeat; display: none; top: -80px; left: 320px; position: relative; padding: 0; clear: both}
#content ul.chooseplan li img {margin: 0; float: left; margin-left: 130px; margin-right: 40px; margin-top: 3px}
a.signup-button {width: 169px; height: 40px; background: url(../images/signup.gif) no-repeat; display: block; text-indent: -999999px; margin: 10px; margin-right: 20px; float: right}
fieldset {margin: 0 0 15px 0; padding: 0; border: 0}
legend {font-size: 20px; font-family: Arial, sans-serif; font-weight: normal; color: #333; display: block; background: #eee; border: 5px solid #ccc; border-left: 0; border-right: 0; padding: 5px 10px; margin: 10px 0; clear: both}
div.field {padding: 8px 0; clear: both}
div.field label {float: left; width: 230px; margin-right: 20px; font-size: 20px; font-family: Arial; display: block; text-align: right; padding: 3px 0}
div.field label.new_suggestion {width: 330px}
div.field .content {margin-left: 250px}
div.field .description {display: block; font-size: 11px; color: #555; padding-top: 3px; clear: both}
div.field span.subdomain {font-size: 18px; font-family: Arial, sans-serif; color: #666}
div.field input.text_field {font-size: 16px; padding: 5px; border: 1px solid #ccc}
div.field input.text_field input.new_suggestion{ width: 320px}
div.field textarea.new_suggestion{ padding: 5px; width: 320px}
div.field input.color {width: 100px; font-family: Monaco, monospaced}
form div.even {background: #f5f5f5; border: 1px solid #ccc; border-left: 0; border-right: 0}
fieldset p {margin: -5px 0 10px 0; font-size: 12px; line-height: 140%; border: 3px solid #cb9; background: #fed; padding: 10px}
div.fieldWithErrors {display: inline}
div.fieldWithErrors input.text_field {border: 2px solid #a33; background: #fee}
div.check_field {margin-left: 250px}
div.check_field label {font-size: 14px; display: inline; float: none}
input.centered_submit {margin-top: 10px; padding: 2px; background: #2C79A2; border: 3px solid #3B91BE; color: #fff; font-size: 14px; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans", sans-serif; margin-left: 250px}
input.centered_submit:focus, input.centered_submit:hover {background: #def; color: #034}
form.small legend {font-size: 18px; font-weight: normal; background: #fff; padding: 0 0 2px 0; border: 0; border-bottom: 3px solid #ccc}
form.small div.field {padding: 5px 0; clear: both}
form.small div.field label {width: 140px; margin-right: 10px; font-size: 14px; text-align: left; margin-left: 10px}
form.small div.field .content {margin-left: 160px}
form.small div.field input.text_field {font-size: 12px; padding: 3px; border: 1px solid #ccc}
form.small div.field input.color {width: 70px; font-family: Monaco, monospaced}
form div.even {background: #f5f5f5; border: 1px solid #ccc; border-left: 0; border-right: 0}
fieldset p {margin: -5px 0 10px 0; font-size: 12px; line-height: 140%; padding: 10px}
div.fieldWithErrors {display: inline}
div.fieldWithErrors input.text_field {border: 2px solid #a33; background: #fee}
div.check_field {margin-left: 250px}
div.check_field label {font-size: 14px; display: inline; float: none}
input.centered_submit {margin-top: 10px; padding: 2px; background: #2C79A2; border: 3px solid #3B91BE; color: #fff; font-size: 14px; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans", sans-serif; margin-left: 250px}
input.centered_submit:focus, input.centered_submit:hover {background: #def; color: #034}
https://www.crowdsound.com/stylesheets/flash.css?1215064196 div.flash {padding: 7px 10px; border: 3px solid #b96; background: #fed; margin: 10px 0}
div.flash p {background: url(/images/flash_icons/notice.gif) no-repeat left top; padding-left: 33px; line-height: 18px; font-size: 14px; padding: 3px 0 3px 33px}
div.flash_error {border: 3px solid #a22; background: #fdd; color: #511}
div.flash_error p {background-image: url(/images/flash_icons/error.gif)}
div.flash_info {border: 3px solid #79b; background: #def}
div.flash_info p {background-image: url(/images/flash_icons/info.gif)}
#error_messages {border: 3px solid #a22; background: #fdd; margin: 10px 0; padding: 7px}
#error_messages p {font-size: 12px; font-weight: bold; margin-bottom: 5px}
#error_messages li {padding: 0 0 0 15px; margin-left: 5px; background: url(/images/flash_icons/error_bullet.gif) no-repeat left center; line-height: 18px; font-size: 11px}
#error_messages ul {list-style: none; margin: 0; padding: 0}
ul.review-list {color: #666; margin-left: 20px; font-size: 14px; line-height: 1.6em; padding-bottom: 20px}
.plan_buttons {padding-left: 380px}
.change_plan {background: #282; color: #fff; display: block; float: left; padding: 5px 10px; border: 2px solid #060; margin: 10px 50px}
.logo_update_wrapper {position: relative}
.logo_form{ font-size: 12px; width: 370px; height: 50px; text-align: left; padding: 5px; background: #fff; border: 2px solid #aaa; position: absolute; left: -100px; top: -15px; float: left}
.logo_form input {border: 1px solid #aaa; width: 150px; font-size: 11px; padding: 2px 1px 2px 1px}
.logo_form button {font-size: 12px; padding: 3px 3px 1px 3px}
}
#plans {margin: 20px auto}
#plans td, #plans th {padding: 7px 6px; font-size: 14px}
#plans tbody th {font-weight: bold}
#plans tbody td {text-align: center}
#plans tbody tr.amount td {font-weight: bold; font-size: 16px}
#plans thead td, #plans thead th {text-align: center; padding: 0px 12px}
#plans thead tr.plan_names th {font-size: 20px; color: #333; font-weight: bold}
#plans thead tr.prices td, #plans thead tr.prices th {color: #06812a}
#plans thead tr.prices th {font-weight: bold}
div.feature_box {padding:3px; border:1px solid #CCC683; background:#FFF7A3; margin:4px; font-size:12px; font-weight:normal}
.notice_box {padding:5px; margin-bottom:10px; text-align:center; background:#E9F5FF; border:2px solid #eee}
.huge_link {font-size:24px}
div#welcome_to_account {border:3px solid #eee; background: #E9F5FF; padding:10px; text-align:center}
.box {background: #fff; margin: 0 0 15px 0; overflow:auto}
.homebox {width: 260px; float: left; margin-top:5px; margin-bottom: 25px}
.homebox h3 {color: black; text-align: center; font-size: 14px; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom:5px}
.homebox p {text-align:center; margin-bottom: 10px; line-height: 150%; font-size: 12px; color: #333}
.homebox ul {list-style:none}
#home_blog_posts {background: #eee}
#home_blog_posts li a {font-size: 14px; color: #333; display: block; padding: 4px 10px; border-bottom: 1px solid #aaa; text-decoration: none}
#home_blog_posts li a:hover {background: #f5f5f5; text-decoration: none}
#home_blog_posts li a span.time {font-size: 11px; color: #555}
input#login, input#password {border:3px solid #C7C7C7;}
input#submit {font-weight:bold; text-transform: uppercase;}
p.tour_para {margin-bottom:10px; border-bottom:2px solid #eee}
#content .post {margin-bottom: 30px}
#content .post h2 {font-size: 18px; text-align: left; background: #eee; padding: 5px 12px; margin-bottom: 0}
#content .post h2 a {color: #333; text-decoration: none}
#content .post .body {line-height: 150%}
#content .post .body p {margin-bottom: 12px}
#content .post .body ul {font-size: 14px; padding-left: 25px; margin-bottom: 15px}
#content .post .body ul li {list-style-type: disc}
#content .post .meta {background: #ccc; padding: 4px 10px; color: #222; font-size: 11px; margin-bottom: 15px}
#content .post .meta .author {font-weight: bold}
#blog_sidebar {float: right; width: 180px; margin-bottom: 30px}
#blog_sidebar h3 {background: #ccc; border-bottom: 2px solid #999; color: #555; font-size: 14px; text-align: center; margin: 0; padding: 4px 10px}
#blog_sidebar ul li {background: #eee; border-bottom: 2px solid #ccc}
#blog_sidebar ul li a {color: #333; font-size: 12px; display: block; padding: 4px 10px}
#blog_sidebar .block {background: #eee; border-bottom: 2px solid #ccc; padding: 10px}
#blog_sidebar .block p {margin-bottom: 10px; font-size: 12px}
#blog_content {float: left; width: 650px}