body { 
	background-color: #484848;
	color: #222;
	font: 62.5%/1.5 "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

.container {
	background-color: #484848;
}

.wrapper {
	background-color: #484848;
  width: 900px;
  margin: 0 auto 2em auto;
}
.header {
	background-color: #000;
	color: #fff;
	height: 66px;
	margin-top:15px;
	padding-left: 15px;
	border-bottom:0.58333333333333em solid #ccc;
	color:#fff;
	background:#333;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	border-top-left-radius:10px
}
.header a {
	color: #51A84D;
	text-decoration: none;
}
.header a:visited {
	color: #B8ECBF;
	font-weight: none;
	text-decoration: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#nav_bar {
	clear: right;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
	background: #484848;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border--radius:10px;
}
#nav_bar ul {
	float:left;
	margin:0;
	padding:0 8px 0 8px;
	list-style-type: none;
}
#nav_bar li {
	float: left;
	height: 34px;
	line-height: 34px;
}
#nav_bar a {
	padding:0 12px;
	font-size: 1.6em;
}
#nav_bar a:link {
	color: #fff;
}

.content {
	font-size: 1.2em;
  padding: 1em;
  min-height: 300px;
	background-color: #fff;
}

#logo {
  margin: auto;
  padding-top: 5px;
}
.auto_complete {
	background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
li.selected {background-color: #ffb;}
#graph_content {
	text-align: center;
}

.introduction {
	font-size: 1.4em;
	/* margin: 2em 4em 2em 0; */
}

.introduction p.text, ul {
  font-size: 0.8em;
  margin-top: 12px;
  margin-bottom: 24px;
}
.introduction ul {
  margin-top: -12px;
  margin-left: 2em;
}
.introduction strong {
}

.introduction .sample_graph {
	float: left;
}

.introduction .explanation {
	float: right;
	margin: 3em 4em 0 0;
}

.introduction .explanation_image {
	float: right;
	margin: 0 6em 0 0;
}

#quotation {
	max-width: 350px;
}

.introduction .explanation span {
	font-size: 1.3em;
}

ul {
	list-style-type: none;
	margin-left: 1em;
}

h2.thumb {
  line-height: 50px;
}

.box {
	background-color: #51A84D;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  width: 700px;
  margin:  1em auto;
  text-align: center;
  /* This throws off the spin_div_container
	padding: 1em;
	*/
}

.box tr {
  text-align: left;
}

#search_user .box {
  width: 100%;
}
#search_user .box img {
  padding: 5px;
}
form input {
  font-size: 18px;
	height: 24px;
	width: auto;
}
form input.image {
  height: auto;
  margin-left: auto;
  border: none;
}
.box span {
	margin: 0 .8em;
}
.box form {
	padding: .5em 0;
	margin-left: auto; margin-right: auto;
	font-size: 1.8em;
}
.box form span {
	margin: 0;
	/* This is so I can have a span with or without the form */
}
#new_twitter form input.username {
	height: 25px;
	width: 100px;
	width: 82%;
	font-size: 18px;
	padding: 4px;
	margin: .5em 0 0 1em;
}
form input.button {
	background: #b8ecbf;
	cursor: pointer;
	font-size: 1.0em;
  height: 47px;
  width: 225px;
  margin: .5em 0 .5em 1em;
  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

form input.small {
  margin: 0;
  margin-left: 15px;
  width: auto;
  height: auto;
  font-size: .8em;
}

form .right {
}

form .left {
	width: 500px;
	margin-top: 5px;
}

form input {
	margin-left: 2em;
	border: 1px solid black;
}

#search form input {
  margin-left: 1px;
  border: 1px solid black;
  vertical-align: bottom;
  position: relative;
  top: -2px;
}

form input#cachetweets {
	margin-left: 0;
}
form label.cachetweets {
	padding-left: 8em;
}

form .fieldWithErrors {
	display: inline;
}

form .formError {
	background-color: #f08e8e;
	border: 1px solid #be3232;
	color: #be3232;
	font-size: 1.4em;
	padding: 3px 0;
	text-indent: 10px;
	float: right;
	width: 350px;
	text-align:center;
}

.footer {
	background-color: #000;
	width: 100%;
	height: 66px;
	border-top:0.58333333333333em solid #ccc;
	
	color:#fff;
	background:#333;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px
}

.footer a {
	color: #51A84D;
}
.footer a:visited {
	color: #B8ECBF;
	font-weight: none;
}

.footer .left a {
	font-size: 1.6em;
	text-decoration: none;
}
.footer .left a:hover {
  text-decoration: underline;
}

.footer .right {
	font-size: 1.2em;
	margin: 1em 2em 1em 0;
}

.footer .left {
  margin: 2em 0 2em 2em;
}
.footer ul {
  margin-top: 0px;
}
.footer li {
	float: left;
	padding: 6px 12px;
}
.footer li.separated {
	border-right: 1px solid #594837;
}
.footer li img {
	margin-top: 3px;
}
.footer input {
	margin-left: 0;
}




.spin_div_container {
	background-color:#222;
	opacity:0.85;
	text-align:center;
}
#spin_div {
	background:#222 url(/images/ajax-loader.gif) no-repeat scroll center;
	color:#fff;
	font-size:1.8em;
	line-height:2.2;
	margin:0pt auto 0pt;
	text-align:center;
	width:200px;
}
textarea.code {
	background-color:#222;
	color:#ccc;
	overflow:auto;
}
.box .spin_div_container {
  -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
  border-radius: 12px;
}

#tweetDownloadStatus {
	width: 700px;
	text-align: center;
}

#cornerbanner {
	border:0px none;
	float:right;
	margin:0px;
	padding:0px;
	position:relative;
	right:0px;
	top:0px;
}


.copyright {
	color:#fff;
	text-align: center;
    clear: both;
}

.copyright a {
	color: #51A84D;
}
.copyright a:visited {
	color: #B8ECBF;
	font-weight: none;
}

/* For follower stuff */
#user_profile_image img {
  margin-left: auto;
  margin-right: auto;
}
#user_screen_name {
  font-size: 2em;
}
#search_user {
  margin-left: 20px;
  margin-right: 20px;
}
#search_user .box {
  margin-top: 0px;
}
#search input {
  vertical-align: baseline;
}
#search_tips {
  background-color: #B8ECBF;
  border: 1px solid gray;
  text-align: center;
  width: 75%;
  margin: auto;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  border-radius: 5px;
}
#new_twitter #search_tips {
  font-size: 16px;
  white-space: nowrap;
}
#search_hits {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
}
#search_hits .user_profile {
  border: 1px solid gray;
  background-color: #eee;
  padding: 2px;
}

.user_profile {
  vertical-align: middle;
  min-height: 60px;
  position: relative;
}
.user_profile img {
  vertical-align: top;
  float: left;
  margin: 5px 5px 5px 0;
}

.user_profile .label {
  font-weight: bold;
}

.user_profile .match {
  color: #FF4500;
  font-weight: bold;
}

#search_hits .user_profile:hover {
  background-color: #fff;
}

button {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.follow_button {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:medium none;
  /*cursor:pointer;*/
  margin:2px 2px 1px;
  padding:0;
  text-align:center;
  width:85px;
  background: #D5D5D5;
  color: #000;
}

.following {
  width: 70px;
}

.not_following {
  background-color: #B8ECBF;
}

.follow_buttonx:hover {
  background: #fff;
}

.follow_link {
  width: 24px;
  display: block;
  position:absolute;
  top: 5px;
  right: 5px;
  overflow: hidden;
  cursor: pointer;
}
.remove_link {
  width: 18px;
  display: block;
  position:absolute;
  top: 5px;
  right: 5px;
  overflow: hidden;
  cursor: pointer;
}
.block_link {
  width: 20px;
  display: block;
  position:absolute;
  top: 25px;
  right: 6px;
  overflow: hidden;
  cursor: pointer;
}

span.follow img {
  margin:0;
}

.user_profile span.follow {
/*  margin-right: 20px;*/
}

.last_tweet_time {
  color: #999;
  font-size: 0.8em;
  font-style: italic;
}

.user_stats {
  width: 110px;
  margin-top: -2px;
/*  padding-left: 10px;
  padding-right: 10px;*/
  color: #555;
  line-height: 1.2em;
}

.sort_by a {
  text-decoration: none;
}

.search_all_link {
  margin-top: -1em;
  margin-left: 1em;
  margin-bottom: 1em;
}

#twit_auth {
  margin-top: -10px;
  margin-right: -12px;
  height: 16px;
  width: 136px;
/*  background-image: url('/images/sign_in.png');*/
}

.modal {
  font-size: 1.2em;
  position: relative;
}

.modal input.button {
	border: 1px solid black;
	cursor: pointer;
	
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background: #D5D5D5;
  color: #000;
  width: auto;
  height: auto;
  font-size: 1em;
  margin:0.5em 0 0.5em 1em;
  padding: 1px;
}

.modal form input {
  margin-left: 0;
}

.modal fieldset {
  border: 1px solid #DDD;
  padding: 10px;
}

.modal fieldset label {
  float:left;
  margin:0.5em 0;
  padding-bottom:0.25em;
  width:140px;
}

.modal fieldset label.long {
  width: 90%;
}

.modal fieldset textarea {
  -x-system-font:none;
  color:#666666;
  font-family:Arial,Helvetica,Geneva,sans-serif;
  font-size:100%;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.2;
  margin:0 0 0.5em;
  width:98%;
}

.modal .error-msg {
  background: red;
  color: #fff;
  margin-top: 10px;
  padding-left: 5px;
  width: 75%;
}

div.label_checkbox {
clear: both;
float: none;
position: relative;
}
div.label_checkbox input {
left: 140px;
position: absolute;
top: 5px;
}
div.label_checkbox label {
display: block;
margin-left: 160px;
width: 200px;
}

.list_user.selected {
  border: 2px solid red;
}

.selected.green {
  border: 2px solid green;
}