.pngfix { behavior: url('iepngfix.htc') }
div.pngfix { behavior: url('iepngfix.htc') }

* {
	margin: 0;
	padding: 0;
} 

html, body {
   height: 100%;
}

body {
	padding: 0;
	margin: 0;
	background-image: url('../images/tweettone_bg.jpg');
	background-repeat: repeat-x;
	font-family: Arial;
}

p {
	font-size: 11px;
}

a img {
	border: none;
}

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

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -220px;
  text-align: center;
}

.push {
   height: 220px;
}

a {
	color: #009de9;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#logo-bar {
	width: 900px; text-align: left; margin: auto; height: 120px;
}

#logo {
	float: left; margin-top: 25px; margin-left: 20px;
}

#analyze-now {
	float: left; margin-top: 50px; margin-left: 80px;
}

#subheader-bar {
	width: 900px; text-align: left; margin: auto;
}

#subheader {
	float: left; margin-top: 6px; margin-left: 20px;
}

#subheader p {
	color: #757575; font-size: 12px; line-height: 18px; margin-top: 6px;
}

#search-container {
	float: left; margin-top: 10px; margin-left: 60px;
}

#search-container input.search_field {
	width: 273px; background-image: url('../images/textbox_bg.jpg'); background-repeat: repeat-x; border: 0; height: 23px; border-left: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #d0d0d0; color: #757575; font-size: 11px; padding-left: 10px;
}

#search-container p {
	color: #757575; font-size: 10px; line-height: 18px; margin-top: 6px; margin-left: 4px;
}

#search-input {
	float: left;
}

#search-submit {
	float: left; margin-left: 10px;
}

#cancel-search {
	float: left; margin-left: 10px;
}

#content {
	width: 900px; text-align: left; margin: auto; margin-top: 50px; margin-bottom: 40px;
}

#content h2 {
	color: #0098d0; font-weight: normal; font-size: 20px;
}

#content-left {
	float: left; margin-left: 20px; width: 300px;
}

p.how-it-works {
	font-size: 12px; color: #3a3a3a; margin-top: 10px; line-height: 18px;
}

td.face {
	padding-top: 5px;
}

.af { color: #007ec4; }
.ee { color: #3a2aec; }
.ae { color: #4e26d3; }
.cg { color: #6921b4; }
.sg { color: #a81468; }
.al { color: #c70e45; }
.fu { color: #e10926; }
.hs { color: #ff1a27; }

#content-divider {
	float: left; margin-left: 20px; margin-right: 20px; background-image: url('../images/content_divider.jpg'); background-repeat: no-repeat; height: 439px; width: 22px;
}

#content-right {
	float: left; margin-left: 0px; width: 510px;
}

p.sample-desc {
	font-size: 12px; color: #3a3a3a; margin-top: 10px; line-height: 18px; margin-bottom: 20px;
}

.sample-right {
	float: right; margin-right: 30px; margin-top: 5px;
}

.sample-left {
	float: left; height: 98px; width: 390px;
}

.button {
	color: #404040; font-size: 11px;
}

.button-left {
	float: left; width: 4px; height: 28px; background-image: url('../images/button_left.png'); background-repeat: no-repeat;
}

.button-right {
	float: left; width: 4px; height: 28px; background-image: url('../images/button_right.png'); background-repeat: no-repeat;
}

.button-center {
	float: left; padding-left: 5px; padding-right: 5px; height: 28px; background-image: url('../images/button_center.png'); background-repeat: repeat-x;
}

.button-center div {
	margin-top: 7px;
}

.sample {
	background-color: #EDEDED; border-bottom: 1px solid #d7d7d7; background-image: url('../images/box_bg.jpg'); background-repeat: repeat-x; height: 96px; width: 386px;
}

.sample-ribbon {
	height: 96px; width: 390px; background-position: right top; background-repeat: no-repeat;
}

.tweet-ribbon-af { background-image: url('/images/ribbons/ribbon_af.png'); }
.tweet-ribbon-ee { background-image: url('/images/ribbons/ribbon_ee.png'); }
.tweet-ribbon-ae { background-image: url('/images/ribbons/ribbon_ae.png'); }
.tweet-ribbon-cg { background-image: url('/images/ribbons/ribbon_cg.png'); }
.tweet-ribbon-sg { background-image: url('/images/ribbons/ribbon_sg.png'); }
.tweet-ribbon-al { background-image: url('/images/ribbons/ribbon_al.png'); }
.tweet-ribbon-fu { background-image: url('/images/ribbons/ribbon_fu.png'); }
.tweet-ribbon-hs { background-image: url('/images/ribbons/ribbon_hs.png'); }

.sample-ribbon-af { background-image: url('/images/old_ribbons/ribbon_af.png'); }
.sample-ribbon-ee { background-image: url('/images/old_ribbons/ribbon_ee.png'); }
.sample-ribbon-ae { background-image: url('/images/old_ribbons/ribbon_ae.png'); }
.sample-ribbon-cg { background-image: url('/images/old_ribbons/ribbon_cg.png'); }
.sample-ribbon-sg { background-image: url('/images/old_ribbons/ribbon_sg.png'); }
.sample-ribbon-al { background-image: url('/images/old_ribbons/ribbon_al.png'); }
.sample-ribbon-fu { background-image: url('/images/old_ribbons/ribbon_fu.png'); }
.sample-ribbon-hs { background-image: url('/images/old_ribbons/ribbon_hs.png'); }

.sample-face {
	float: left; margin-left: 10px; margin-top: 10px;
}

.sample-content {
	float: left; margin-left: 10px; margin-top: 16px; font-size: 12px;
}

.sample p.dominant {
	margin-top: 10px;
}

.sample p.pdf {
	margin-top: 10px;
}

.sample p.pdf img {
	float: left; margin-right: 6px;
}

.margin-top {
	margin-top: 20px;
}

#download-pdf {
	float: right; margin-right: 30px;
}

.left { float: left; }

.report-divider {
	border-bottom: 1px dashed #dedede; margin-top: 15px; width: 480px;
}

p.daily-report {
	font-size: 12px; font-weight: bold; font-style: italic; color: #3a3a3a; margin-top: 10px; line-height: 18px; margin-bottom: 0px;
}

p.worth-of-tweets {
	font-size: 10px; margin-bottom: 15px;
}

#signup-your-email {
	float: left; color: #414141; font-size: 12px; font-style: italic; margin-top: 7px; margin-right: 10px;
}

#signup-input {
	float: left; margin-right: 10px;
}

#signup-input input {
	width: 200px; background-image: url('../images/textbox_bg.jpg'); background-repeat: repeat-x; border: 0; height: 23px; border-left: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #d0d0d0; color: #757575; font-size: 11px; padding-top: 7px; padding-left: 10px;
}

#signup-submit {
	float: left; margin-top: 1px;
}

#content-right h3 {
/*	color: #414141; font-size: 13px; font-style: italic; margin-bottom: 0px; margin-top: 30px;
*/	color: #0098d0; font-size: 16px; margin-bottom: 4px; margin-top: 30px; font-weight: normal;
}

.top-tweets {
	color: #0098d0; font-size: 18px; margin-bottom: 0px; margin-top: 30px;
}

.report-category {
	margin-top: 20px;
}

.report-category-left {
	float: left; margin-right: 10px;
}

.report-category-right {
	float: left; width: 450px;
}

.report-category-title {
	font-size: 13px; font-weight: bold; margin-top: 0px;
}

.report-category-right p {
	font-size: 13px; margin-top: 10px; 
}

.tweet {
	width: 285px; margin-top: 10px;
}

.tweet-bg {
	background-color: #EDEDED; border-bottom: 1px solid #d7d7d7; background-image: url('../images/box_bg.jpg'); background-repeat: repeat-x; width: 281px;
}

.tweet-ribbon {
	width: 285px; background-position: right top; background-repeat: no-repeat;
}

.tweet-ribbon div {
	padding: 10px;
}

td.twitter-image {
	padding-right: 12px;
}

td.twitter-text {
	margin-left: 10px; margin-top: 16px; font-size: 11px;
}

p.pulling-tweets {
	font-size: 12px; color: #414141;
}

p.hundred-tweets {
	font-size: 11px; color: #414141;
}

#bottom-bar {
	width: 100%;
	height: 220px;
	background-image: url('../images/bottom.jpg');
	background-repeat: repeat-x;
}

#bottom-bar #links {
	width: 800px; height: 120px; margin: auto;
}

#bottom-bar #links #links-container {
	padding-top: 10px; margin-left: 30px;
}

#bottom-bar #links #links-container div.column h2 {
	color: white; font-size: 17px; font-weight: normal;
}

#bottom-bar #links #links-container div.column {
	float: left;
}

#bottom-bar #links #links-container div.column ul {
	list-style-type: none; margin-top: 10px;
}

#bottom-bar #links #links-container div.column ul li {
	padding-bottom: 5px;
}

#bottom-bar #links #links-container div.column ul li a {
	color: #535353; text-decoration: none; font-size: 14px;
}

#bottom-bar #links #links-container div.column ul li a:hover {
	color: #297EA8;
}

#bottom-bar #links #links-container div.bottom-divider {
	float: left; margin-left: 0px; margin-right: 0px; width: 7px; height: 135px; background-image: url('../images/bottom_divider.png'); background-repeat: no-repeat;
}

#bottom-bar #links #links-container div.column #newsletter {
	margin-top: 15px;
}

#bottom-bar #links #links-container div.column #newsletter div.input {
	float: left; width: 181px; height: 31px; background-image: url('../images/newsletter_box.png'); background-repeat: no-repeat;
}

#bottom-bar #links #links-container div.column #newsletter div.input input {
	border: 0; outline: none; background-color: transparent; margin-left: 10px; margin-top: 7px; width: 140px; height: 22px; font-size: 13px; font-family: Helvetica; color: #7f7f7f;
}

#bottom-bar #links #links-container div.column #newsletter div.submit {
	float: left;
}

#footer {
	width: 800px; height: 80px; margin: auto; margin-top: 5px; text-align: left;
}

#footer div.phone {
	float: right; text-align: right; margin-top: 20px; margin-right: 20px;
}

#footer div.phone p.number {
	color: white; font-family: GothamCondensed,Gotham; font-size: 36px;
}

#footer div.phone p.copy {
	color: #696969; font-size: 12px;
}

#footer div.logo img {
	float: left; margin-top: 10px; margin-left: 30px;
}
#footer div.logo {
	float: left; margin-top: 0px;
}

#subpage-content-column {
	width: 690px; float: left;
}


#subpage-content-column .subpage-app-row {
	margin-bottom: 20px;
}

#subpage-content-column .subpage-app-row .left-column {
	float: left; width: 200px; text-align: left;
}

#subpage-content-column .subpage-app-row .left-column img {
	margin-left: 20px;
}

#subpage-content-column .subpage-app-row .right-column {
	float: left; width: 480px; text-align: left;
}

#subpage-content-column .subpage-app-row .center-column {
	float: left; width: 650px; text-align: left; margin-left: 20px;
}

#subpage-content-column h2 {
	color: #04639d; font-size: 18px;
}

#subpage-content-column h5 {
	font-size: 14px; color: #414141;
}

#subpage-content-column .subpage-app-row p {
	color: #414141; font-size: 12px; margin-bottom: 10px; line-height: 20px;
}

.counter {
	margin-top: 10px; margin-bottom: 10px;
}

.counter div {
	width: 25px; height: 32px; margin-right: 2px; float: left; overflow: hidden;
}

.counter div img {
	width: 25px; height: 32px;
}

.counter div.comma {
	width: 11px;
}

.counter div.comma img {
	width: 11px;
}

/* Homepage Slider */

div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 740px; 
    height: 287px; 
} 

/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	z-index: 100;
}

fieldset {
	border: 0px;
}

div.response {
	font-size: 10px;
	width: 200px;
}

div#mce-error-response {
	color: red;
}

div#mce-success-response {
	color: #414141;
}

span.bold_title {
	color: #003558;
	font-weight: bold;
}

#blog-column,#blog-sidebar-column p {
	color:#414141;
	font-size:12px;
	line-height:20px;
	margin-bottom:10px;
}

#blog-sidebar-column div.divider {
	background:#ECECEC none repeat scroll 0 0;
	border:medium none;
	height:1px;
	margin-top:25px;
	overflow:hidden;
	width:100%;
}

div.blog-divider {
	background:#ECECEC none repeat scroll 0 0;
	border:medium none;
	height:1px;
	margin-top:25px;
	overflow:hidden;
	width:100%;
}

.blog-post p {
	margin-bottom: 15px;
}

ol {
	margin-left: 20px;
}

.blog-post {
	padding-bottom: 20px;
}

#tone_check_flash {
	padding: 20px;
	color: rgb(65, 65, 65);
	font-size: 12px;
}

#tone_check_flash ul {
	list-style-type: none; margin-top: 10px;
}

#tone_check_flash input {
	margin-top: 10px;
	margin-right: 5px;
}

#tone_check_flash label {
	width: 200px;
}

#tone_check_flash h3, h4 {
	padding-bottom: 10px;
}

#tone_check_flash p {
	padding-top: 5px;
	padding-bottom: 5px;
}

#input-group-label {
	font-size: 10px;
	padding-top: 10px;
}

#mce-NAME, #mce-EMAIL {
	margin-top: 3px;
}

a.button {
	color: white; background-color: #307427; padding: 4px; text-decoration: none; font-size: 11px; font-weight: bold; border-bottom: 1px solid #65A849; border-right: 1px solid #65A849;
}

div.sample-reports-container {
	margin-bottom: 15px;
}