body, html, textarea, input, select, option{ font-family: "Helvetica Neue", Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif; }

body{ background: #fafafa; color: #444; }

a{ color: #68BADA; }
a img{ border: 0; }
.clear{ clear: both; }

h2{ font-size: 1.3em; margin-bottom: .5em; }

/* Header */
#header{ background: #E5F6FE repeat-x center center url("/images/header_background.png"); overflow: hidden; }
	#header .wrapper{ width: 960px; margin: auto; }
	#header h1{ margin-bottom: 0; float: left; width: 500px; }
		#header h1 a{ text-decoration: none; text-indent: -999em; display: block; height: 100px; width: 500px; background: url("/images/logo.png") left 4px;}
	#header #account-nav{ list-style-type: none; width: auto; float: left; text-align: right; margin: 10px 0 0 0; width: 460px; }
		#header #account-nav li{ display: inline; padding-left: 5px; font-size: .95em; }

/* Navigation */
#nav{ background: #444 repeat-x center center url("/images/nav_background.png"); padding: 8px; border: 1px solid #444; border-width: 1px 0; }
	#nav ul{ width: 960px; margin: 0 auto; overflow: hidden; list-style-type: none; }
		#nav ul li{ float: left; padding: 0; margin-right: 15px; }
			#nav ul li a{ background: #555 repeat-x center center url("/images/nav_a_background.png"); border: 1px solid #777; -moz-border-radius: 15px; -webkit-border-radius: 10px; display: block; text-decoration: none; color: #fff; padding: 1px 15px; text-transform: uppercase; font-weight: bold; font-size: .9em; }
				#nav ul li a:hover{ color: #E5F6FE; border-color: #68BADA; }

/* Main */
#main{ width: 960px; margin: 30px auto; }

/* Footer */
#footer{ width: 960px; margin: 0px auto; padding: 80px 0 20px; font-size: .95em; clear: both; }
	#footer p{ margin: 0; }
	#footer p.copyright{ font-size: .9em; }
	
	
/* Tables */
td{ vertical-align: center; }	
tr.odd td{ background: #fafafa; }
	
/* Forms */
form{ width: 50%; }

legend{ color: #444; }

a.button, button, input[type=submit]{ width: auto; border: 1px solid; border-color: #C6E7F5 #A7D8EC #A7D8EC #C6E7F5; background: #E5F6FE; color: #4E626A; padding: 5px 10px; font-size: 1em; font-weight: 600; cursor: pointer; -moz-border-radius: 25px; -webkit-border-radius: 12px; }
	input[type=submit]:hover, a.button:hover, a.button:hover{ background: #E5FEE6; border-color: #CBF5C6 #92E689 #92E689 #CBF5C6; color: #526B4D; }

label.checkbox, label.radio{ margin-bottom: .75em; }
	form label.checkbox input, form label.radio input{ float: left; display: block; margin-right: 5px; border: none; width: auto; }
	
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus{ border-color: #68BADA #A7D8EC #A7D8EC #68BADA; background: #fff; color: #222; }

.fieldWithErrors input, .fieldWithErrors select{ border-color: #E3B639; color: #E3B639; background: #ffc; }

.fieldWithErrors{ display: inline; }

/* Flashes */
.flash{ padding: 12px; margin-bottom: 2em; border-bottom: 1px solid #E3B639; background: #ffc; color: #B38A19; font-weight: bold; }
	.flash div{ width: 960px; margin: 0 auto; }
#error{ border-color: #CA1F16; color: #CA1F16; background: #fcc; }

.errorExplanation{ border: 1px solid #CA1F16; color: #CA1F16; background: #fcc; padding: 10px 20px; margin-bottom: 1em; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	.errorExplanation ul{ margin-bottom: 0; }
	.errorExplanation h2{ margin-bottom: .5em; font-size: 1.2em; }

/* Tabs */
#tabs{ width: 590px; float: left; overflow: hidden; }
	#tabs li{ float: left; margin-right: 4px; list-style-type: none; padding: 0; }
		#tabs li a{ display: block; padding: 4px 8px; border: 1px solid #ddd; border-bottom: 0; background: #fff; color: #aaa; text-decoration: none; font-weight: bold; }
			#tabs li a:hover{ border-color: #ccc; color: #68BADA; }
		#tabs li.ui-tabs-selected a{ background: #fff; color: #68BADA; border-color: #ccc; border-bottom: 1px solid #fff; margin-bottom: -1px; position: relative; z-index: 2; }
.ui-tabs-panel{ width: 568px; padding: 20px 10px 10px; background: #fff; border: 1px solid #ccc; overflow: hidden; float: left; }
.ui-tabs .ui-tabs-hide{ display: none; }

.twitter #tabs{ width: 350px; }
.twitter .ui-tabs-panel{ width: 328px; margin-bottom: 20px; }

/* Sessions */
.sessionForm{ width: 400px; padding: 30px 50px 30px 40px; margin: 70px auto 0; background: #F5F9FB; border: 5px solid #E5F6FE; overflow: hidden; }
	.sessionForm h2{ text-align: center; margin-bottom: 20px; color: #68BADA; }
	.sessionForm #password{ margin-bottom: 1.5em; }
	.sessionForm label.checkbox{ margin-bottom: 3em; }
	.sessionForm input[type=submit]{ margin-bottom: none; float: left; }
	.sessionForm a{ display: block; float: right; line-height: 2em; }
		.sessionForm #sign-up{ float: left; margin-left: 10px; }
	
/* Dashboard */
#leaderboard{ }
	#leaderboard table{ width: 100%; }
		#leaderboard table td{ border: 1px solid #eee; border-width: 1px 0; }
		#leaderboard table td.odd{ background: #fafafa; }

td.twitter-user{ width: 220px; }
	td.twitter-user img{ height: 32px; width: 32px; }
	td.twitter-user h4{ line-height: 32px; margin: 0; padding-left: 4px; display: inline; font-size: 1.5em; }
		td.twitter-user h4 a{ text-decoration: none; padding: 2px; color: #99ACB4; }
			td.twitter-user h4 a:hover{ color: #68BADA; background: #E5F6FE; text-decoration: underline; }
			
td.referrals{ text-align: right; width: 50px; }
td.referrals span{ padding: 5px 6px; font-size: 1.8em; background: #5DCD12; color: #fff; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; float: right; }

td.communicate{ width: 240px; overflow: hidden; }
	td.communicate a{ text-decoration: none; }
		td.communicate a:hover{ background: #E5F6FE; text-decoration: underline; }
	td.communicate form{ width: 236px; overflow: hidden; }
		td.communicate textarea{ width: 232px; padding: 1px; height: 5em; font-size: .9em; display: block; margin: 2px 0; }
		td.communicate div.character-count{ float: right; font-size: .9em; color: #aaa; line-height: 2em; }
		td.communicate input[type=submit]{ font-size: .9em; padding: 2px 10px; }

td.timestamp{ text-align: right; font-size: .9em; font-weight: bold; color: #bbb; }
td.shared-content a{ color: #888; border-bottom: 1px dotted #99ACB4; text-decoration: none; font-size: .95em; }
	td.shared-content a:hover{ border-bottom: 1px solid #68BADA; color: #68BADA; background: #E5F6FE; }
		
#graph{ float: left; width: 320px; margin-left: 50px; }
	#graph #placeholder{ width: 320px; height: 150px; background: no-repeat center center url("/images/loading-bar.gif"); }
	#graph #overview{ margin: 5px auto; width: 180px; height: 40px; background: no-repeat center center url("/images/loading-bar.gif"); }

		#ui-tabs-12 td.shared-content a{ font-size: 1.2em; }
		
.twitter #graph, .twitter #graph #placeholder{ width: 350px; }

.important_message{ border: 1px solid #E3B639; background: #ffc; color: #B38A19; padding: 1em; font-size: 1.4em; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 1em; }
	.important_message a.button{ float: none; display: block; width: 11em; margin: 0 auto; text-decoration: none; padding: .5em 0; text-align: center; }
	
#csv{ color: #444; text-decoration: none; display: block; width: 10em; padding-left: 22px; background: no-repeat url("/images/csv.png"); height: 16px; line-height: 16px; margin-top: 10px; }
	#csv:hover{ color: #68BADA; }
	
/* User Profiles */
h1.twitterer{ line-height: 48px; font-size: 2.75em; }
	h1.twitterer img{ padding-right: .25em; }

#profile{ float: left; width: 540px; margin-right: 50px; }
	#profile .follow{ font-size: 1.4em; margin-bottom: 1em; }
		#profile .follow strong{ background: #751484; padding: 2px 8px; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	#profile dl{ overflow: hidden; margin-bottom: 2em; }
		#profile dt{ float: left; width: 20%; text-transform: uppercase; color: #aaa; margin-bottom: .25em; }
		#profile dd{ float: left; width: 70%; padding-left: 0; margin-bottom: .25em; }

#activity{ float: left; width: 350px; margin-left: 20px; }
	#reply form, #dm form{ width: 100%; }
		#reply textarea, #dm textarea{ width: 316px; font-size: 1.1em; }
		#reply .send, #dm .send{ float: right; margin-top: .5em; }	
		
		.characters-left{ float: left; margin-left: .5em; line-height: 3em; }
		#dm_status, #reply_status{ padding: 5px; font-weight: bold; clear: both; margin-top: .5em; }

	#profile .table-wrapper{ padding: 10px; background: #fff; border: 1px solid #ccc; margin-bottom: 2em; }
		#profile tr.odd td{ background: #fafafa; }
		#profile td.shared-content a{ font-size: 1.2em; }
	
	#activity #graph{ margin-left: 0; }

.total-traffic{ text-align: center; color: #888; padding-top: .5em; font-size: .9em; text-transform: uppercase; clear: both; }
	.total-traffic span{ font-weight: bold; color: #444; }

#follow{ margin-top: 1em; }
	#follow input[type=submit]{ font-size: .7em; display: inline; }

/* Signup */
#subdomain label{ display: none; }
#subdomain span{ font-size: 1.2em; font-weight: bold; color: #999; }
#subdomain .fieldWithErrors, #subdomain input{ display: inline; font-size: 1.2em; font-weight: bold; width: 10em; }
#sitename input{ font-size: 1.2em; font-weight: bold; }
#new-account{ font-size: 1.5em; line-height: 1.5em; }
	#new-account a{ font-weight: bold; }
	
/* Billing */
h2 label, h2 input{ float: left; width: auto; margin-right: .5em; line-height: 1em; }

#creditcard_first_name, #creditcard_last_name{ float: left; width: 47%; }
#creditcard_last_name{ margin-left: 1%; }

#card_number, #card_type, #card_expiration, #cvv, #city, #state, #zip{ float: left; margin-right: 10%; }
#card_number{ width: 30%; }
#card_type{ width: 30%; }
#card_expiration{ clear: left; }
	#card_expiration select{ margin-top: 2px; }
#cvv{ width: 100px; }
	#cvv input{ float: left; width: 30px; margin-right: 2%; margin-top: 2px; }
	
#address-label{ clear: both; }

#city{ width: 40%; }
#state{ width: 10%; }
#zip{ width: 20%; }

#address_phone{ width: 50%; }

#cancel-link{ color: #EC0028; float: right; line-height: 2.5em; }

/* Home */
.home-container{ margin: 0 auto; width: 960px; }
#help-home #main{ width: 100%; margin-top: 0; }

#home-left{ width: 620px; float: left; }
#home-right{ width: 186px; margin-left: 154px; float: left; }

#masthead{ font-size: 1.8em; line-height: 1.5em; height: 139px; overflow: visible; background: #00ace7 repeat-x bottom left url("/images/masthead_background.png"); border-top: 1px solid #00bbf3; border-bottom: 1px solid #0086c7; padding: 10px 0; }
	#masthead p{ color: #fff; margin-bottom: 0; text-shadow: 0px 2px 0 rgba(0, 0, 0, .2); width: 500px; padding-top: .8em; }
		#masthead p a{ text-decoration: none; color: #fff; }
			#masthead p a:hover{ text-decoration: underline; }
			
#secondary_masthead{ background: #fff; padding: 10px 0; border-bottom: 1px solid #ccc; height: 139px; }
			
#screen{ width: 400px; height: 300px; background: no-repeat bottom center url("/images/screen_background.png"); float: right; padding: 0 15px 25px 15px; position: relative; z-index: 2; }

#simu-tweets{ width: 100%; height: 200px; margin-bottom: 40px; }
#simu-tweets .exchange{ float: left; }
#simu-tweets .call{ width: 310px; height: 100px; background: no-repeat top left url("/images/call.png"); }
	#simu-tweets .call p{ width: 188px; height: 70px; padding: 10px 0px 0px 100px; margin: 0; }
#simu-tweets .response{ width: 310px; height: 100px; background: url("/images/response.png"); margin-left: 325px; margin-top: -30px; }
	#simu-tweets .response p{ width: 188px; height: 70px; padding: 10px 100px 0px 13px; margin: 0; }
	
#steps{ list-style-type: none; float: left; }
	#steps li{ width: 150px; float: left; height: 120px; margin: 10px 25px 0 0; background: #CBE9F9 url("/images/step_background.png"); }
		#steps li.last{ margin-right: 0; }
	#steps h4{ margin-bottom: 5px; padding: 0 10px; font-weight: bold; font-size: 1.4em; color: #fff; height: 30px; line-height: 30px; text-shadow: 0px 1px 0 rgba(0, 0, 0, .4); }
	#steps p{ padding: 0 10px; font-size: 1.2em; line-height: 1.4em; color: #222; text-shadow: 0px 1px 0 rgba(255, 255, 255, .7); }
	
#signup{ margin: 0; text-align: center; width: 430px; float: right; margin-top: 10px; clear: both; }
	#signup a.button{ font-size: 2.2em; padding: 10px; font-weight: bold; text-decoration: none; display: inline-block; color: #fff; background: #62D44A; border: 5px solid #B4FCB6; text-shadow: 0px 1px 0 rgba(0, 0, 0, .4); -moz-border-radius: 30px; -webkit-border-radius: 25px; }
		#signup a.button:hover{ border-color: #83FA86; }
		
/* Admin */
tr.expired td{ background: #fdd; }