/*
    Twitter master stylesheet
                                                      */

/* Global
===================================================== */

* {
  margin: 0;
  padding: 0;
}

fieldset, img {
  border-width: 0;
  border-color: transparent;
}

/* Links */

a {
  text-decoration: none;
  color: #2276BB;
}

a:hover {
  text-decoration: underline;
}

/* Lists */

ul {
  list-style: none;
}

ul.dot li:before {
  content: "\00B7 \0020";
}

/* Rules and breaks */

hr {
  display: none;
}
div.hr {
  height: 1px;
  background: #eee;
  width: 100%;
  overflow: hidden;
  margin: .5em 0;
  line-height: 1;
  font-size: 16px;
}

/* delete account */
#delete #content .reallyimportant {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #ffffe3;
  font-size: 120%;
  padding: 1em;
}

#remember_delete_message {
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,1);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,1);
  margin: 5px 0 15px 15px;
  padding: 10px;
  width: 80%;
}

input[type=text], input[type=password], select, textarea {
  border: 1px solid #aaa;
  transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, -moz-box-shadow linear .2s;
  -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
  outline: none;
  border-color: rgba(82,168,236,.75) !important;
  box-shadow: 0 0 8px rgba(82,168,236,.5);
  -moz-box-shadow: 0 0 8px rgba(82,168,236,.5);
  -webkit-box-shadow: 0 0 8px rgba(82,168,236,.5);
}

input.with-box:focus, input[class*=search]:focus, input[id*=search]:focus { /* Find any input that contains "search" in the class and pull the shadows--huzzah for CSS3! */
  border-color: inherit !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

body.email-address-nag .email-address-nag-banner {
  display: block;
}

.no-display { display: none; }

.email-address-nag .content-bubble-arrow {
  display: none;
}

.email-address-nag-banner,
.employee-nag-banner {
  margin-top: 23px;
  display: none;
  background-color: #ffd;
  color: #333;
  padding: 13px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-bottom: 1px solid #c0deed;
}

.employee-nag-banner {
  display: block;
}

body.email-address-nag .employee-nag-banner {
  margin-top: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
}

.email-address-nag-banner .resending-email/*
,
.email-notice .resend-message
*/ {
  margin-left: 10px;
}

.email-address-nag .until-you-confirm-message,
.email-notice .resend-message,
.employee-nag-banner .employee-nag-message {
  line-height: 20px;
}

body.email-address-nag #content,
body.email-address-nag #side_base {
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
}
/* Layout / Sections
===================================================== */

/* Body
----------------------------------------------------- */

body {
  text-align: center;
  font: 0.75em 'Lucida Grande', sans-serif;
  color: #333;
}

/* Container
----------------------------------------------------- */

#container {
  width: 763px;
  margin: 1em auto;
  text-align: left;
  position: relative;
  z-index: 1;
}


#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
  margin: 3px 0pt 4px;
}

.columns {
  margin-bottom: 15px;
  width: 100%;
}

td.column {
  padding: 0px;
  vertical-align: top;
}

.center-text{
  text-align: center;
}

/* Ajax loading indicator */

#loader {
  position: absolute;
  top: .7em;
  right: -25px;
  padding: 0;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  font-size: 10px;
  line-height: 0px;
  z-index: 999;
}

.ie7 #loader {
  top: 22px;
}

/* Header
----------------------------------------------------- */

#header {
  text-align: right;
}

#header.no-nav {
  text-align: left;
}

#logo {
  float: left;
}

.no-nav #logo img {
  position: relative;
  margin-bottom: -0.5em;
}

#logo img {
  margin-top: -2px;
}

#front #logo img {
  position: relative;
  z-index: 99;
}

body.ie7 #logo img {
  margin: .6em 0 0 0 !important;
}

body.ie6 #logo {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/images/twitter_logo_header.png', sizingMethod='crop');
  display: block;
  width: 155px;
  height: 36px;
  cursor: pointer;
}

body.ie6 #logo img {
  visibility: hidden;
  position: static;
}

/* Navigation
----------------------------------------------------- */

.top-navigation {
  background-color: #fff;
  white-space: nowrap;
  display: inline-block;
  padding: 0 .7em;
}

.ie7 .top-navigation {
  margin-top: 1em;
  display: inline;
}

.ie7 .top-navigation > li {
  vertical-align: middle;
}

.ie7 .top-navigation > .nav-search-container {
  padding: 2px 0 2px 4px !important;
  /* sets hasLayout to true */
  zoom: 1;
}

.top-navigation * {
  display: inline;
}

.top-navigation > li {
  position: relative;
}

.top-navigation > li > a {
  padding: .5em .15em;
  border: 1px solid transparent;
  font-size: 1.05em;
  display: inline-block;
}

.firefox2 .top-navigation {
  max-width: 45em;
  margin-left: auto;
  padding-bottom: 1px;
}

.top-navigation > li > a:focus {
  outline: none;
}

.ie6 .top-navigation {
  display: inline;
  padding: 1em;
}

.admin-link {
  font-size: 10px;
  position: absolute;
  right: -25px;
  top: .9em;
}

body#show .admin-link {
  top: 5px;
}

/* Content
----------------------------------------------------- */

#content {
  background-color: #FFFFFF;
  width: 564px;
  margin-top: 0px;
  word-wrap: break-word;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
}

#content.wide {
  width: 100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* Bubble between header and content */

.content-bubble-arrow {
  zoom: 1;
  margin-top: 6px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: 22px 0px;
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Farr2.gif");
  overflow: hidden;
}

#content.minheight {
  height: 200px;
}

/* Columns */

td.column {
  padding: 0; /* FIXME: Causing squished content? */
  vertical-align: top;
}

/* Wrapper */

.wrapper {
  padding: 5px 10px 15px;
}

#content div.section {
  position: relative;
  padding: 6px 10px;
  /* triggering hasLayout here breaks the hover state in ie7 */
}

#content div.section > div {
 margin: 1em 0;
}

#content div.section p {
  margin-bottom: 1em;
}

#content div.section,
div.section > div {
  clear: both;
  float: none;
}

/* TODO Is this needed */
#content div.section ul li {
  margin: 0;
  padding: 0 0 1em 0;
}

#content div.steps,
#content div.section div.steps {
  margin-top: 3em;
}


/* Sidebar
----------------------------------------------------- */

.subpage #side {
  margin-top: 0px;
}

#side_base {
  width: 199px;
  line-height: 1.2;
  background-color: #DDEEF6;
  border-left: 1px solid #C0DEED;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

#side_ad_base {
  height:185px;
  text-align: center;
  padding-top: 5px;
}

#side_ad_base div {
  margin: auto;
}

#side {
  padding-top: .5em;
  width: 198px;
  margin-bottom: 10px;
}

#side .segment {
  margin: 1em 10px;
}

#side .segment > * {
  padding-bottom: 1em;
}

#side .segment p {
  line-height: 1.6em !important;
}

#side .segment ul li {
  margin: 0;
  padding: 0 0 1em 0;
}

#side .promotion {
  background-color: #EDFEFF;
  font-size: 11px;
  margin: 1em auto;
  padding: 6px 10px;
  text-align: left;
  width: 152px;
}

#side .promotion a {
  outline: none;
  color: #333;
}

#side .promotion a:hover {
  text-decoration: none;
}

#side .promotion a.definition:hover strong {
  outline: none;
  text-decoration: underline;
}

#side .promotion .definition strong {
  display:block;
  color: #2276BB;;
}

#side span.sponsored {
  color: #777;
  display: block;
  font-size: .9em;
  padding-bottom: 0.2em;
  padding-top: 0.2em;
}

#side .notice {
  margin: .5em auto 1em;
  padding: 10px;
  background-color: #fff;
  text-align: center;
}


/* Sidebar sections */

#side div.section {
  padding: 13px;
}

#side div#profile.section {
  padding-bottom: 16px;
}

#side div.last {
  border-top: 1px solid #C0DEED;
}

#side h1 {
  color: #333;
  font-size: 1.1em;
  padding: 0 0 2px;
  margin-bottom: .5em;
}

#side div.section-header h3 {
  font: 16px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #C0DEED;
  color: #333;
}

#side .section-links {
  float: right;
  font-size: 0.9em;
  text-align:right;
}

#side div.msg strong {
  display: block;
  font-size: 1.4em;
}

#side div.msg h3 {
  font-size: 1.25em;
}

#side ul {
  margin: 0;
}

#side .faq-index ul {
  list-style-type: square;
  margin-left: 15px;
}

#side .faq-index li {
  margin: 10px 0px;
}

#side p {
  padding: .5em 0;
}

#side ul {
  margin: 0;
}


#side div#profile.section {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0.3em;
}

#side div#profile.profile-side {
  margin-bottom: 1em !important;
}

#side .profile-side .about {
  margin-bottom: 0.6em;
}

#side div.user_icon a,
#side div.user_icon a:hover {
  text-decoration: none;
  color: #333;
}

#side div.user_icon a:hover {
  color:  #0084b5;
}

#side .user_icon {
  padding: 0 0 .8em;
}

#side .included-in {
  margin-top: 10px;
  font-size: 11px;
}

#side .included-in label {
  color: #666;
}

.side_thumb {
  height: 31px;
  width: 31px;
}

.verified-profile,.translator-profile {
  height: 2.8em;
}

.verified-profile a {
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fverified%2Fverified.png") no-repeat scroll left center;
  color: #333;
  display: block;
  font-family: Georgia,serif;
  font-size: 1.1em;
  padding: 5px 0 5px 28px;
}

.translator-profile a {
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ftranslator%2Ftranslator.png") no-repeat scroll left center;
  color: #333;
  display: block;
  font-family: Georgia,serif;
  font-size: 1.1em;
  padding: 5px 0 5px 28px;
}

.translator-profile a span {
  font-size: 0.7em;
  padding-left: 0.5em;
  font-variant: small-caps;
}

.verified-profile a:hover,.translator-profile a:hover {
  text-decoration: none;
  color:  #0084b5;
}

#side .user_icon img {
  padding-right: 0.8em;
  vertical-align: middle;
}

#me_name {
  font-size: 1.35em;
  vertical-align: middle;
}

/* Stats: following, followers, updates */

#side p.promotion {
  margin-bottom: 1em;
}

/* sidebar nav links */

.in-page-link {
  outline: none;
}

/* Use sprite-icons.png to create a better looking help tooltip trigger */
a.help-icon, span.help-icon,
ul.sidebar-menu li .help-icon {
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fsprite-icons.png") no-repeat -160px 0 !important;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0;
  text-indent: -999em;
  -moz-opacity: .75;
  opacity: .75;
  /* No opacity for IE because it makes images look like arse */
}
a.help-icon:hover, span.help-icon:hover {
  -moz-opacity: 1;
  opacity: 1;
}
ul.sidebar-menu li .help-icon {
  display: none;
  position: absolute;
  top: 6px;
  right: 15px;
}
ul.sidebar-menu li a:hover .help-icon,
ul.sidebar-menu li.active .help-icon {
  display: block;
}
ul.sidebar-menu li.loading .help-icon {
  display: none !important;
}

/* Promoted Trend Sidebar */
.promoted-trend {
  position: relative;
}
.promoted-trend span,
ul.sidebar-menu li a.promoted-trend span {
  background: #ffebbe url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fcommercial%2Fgaruda-overlay.gif") repeat-x 0 -32px;
  background: #fff -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,237,87,.5)), to(rgba(255,171,0,.5)));
  background: #fff -moz-linear-gradient(top, rgba(255,237,87,.5), rgba(255,171,0,.5));
  display: inline !important;
  width: auto;
  margin: 0 0 0 5px;
  padding: 2px 4px;
  color: #444;
  font: normal 11px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px 1px rgba(255,255,255,.5) !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255,255,255,.5);
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.promoted-trend:hover span,
ul.sidebar-menu li a.promoted-trend:hover span,
ul.sidebar-menu li.active a.promoted-trend span {
  background: #ffebbe url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fcommercial%2Fgaruda-overlay.gif") repeat-x 0 -32px;
  background: #fff -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,237,87,.75)), to(rgba(255,171,0,.75)));
  background: #fff -moz-linear-gradient(top, rgba(255,237,87,.75), rgba(255,171,0,.75));
}
#side #trends, #side #saved_searches {
  width: 198px;
  overflow: hidden;
}

#side #trends em {
  display: none;
}

ul.sidebar-menu li .side-tab-ajax {
  vertical-align: top;
  float: right;
  display: none;
  margin-right: 1em;
}


ul.sidebar-menu span.stat_count {
  margin-top: 0;
  font: bold 12px Helvetica Neue, Helvetica, Arial, sans-serif;
  float: right;
  margin-right: 14px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: transparent;
  padding: 0px 0.1em;
}

span.link-title {
  float: left
}

.ie6 ul.sidebar-menu li {
  zoom: 1;
  overflow: hidden;
}

.ie6 ul.sidebar-menu li a {
  margin-top: -2px;
}

ul.sidebar-menu li {
  padding-top: 1px;
}

ul.sidebar-menu li a {
  cursor: pointer !important;
  display: block;
  clear: both;
  padding: 0.5em 0 0.5em 14px;
  outline: none;
  background-image: none;
  margin-right: -1px;
}

.safari ul.sidebar-menu li a {
  padding: 0.5em 0 0.5em 14px;
}

.ie8 ul.sidebar-menu li a {
  margin-right: 0px;
}

ul.sidebar-menu li a span {
  display: inline-block;
  overflow: hidden;
  width: 150px;
}

ul#primary_nav.sidebar-menu li a span {
  display: inline-block;
  width: auto;
}

ul.sidebar-menu li a span.stat_count {
  display: block;
}

ul.sidebar-menu li.loading a {
  background: #EDFEFF url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fspinner.gif") no-repeat 171px 0.5em;
}

ul.sidebar-menu li.loading a span.stat_count {
  display: none !important;
}

ul.sidebar-menu li a:hover {
  background-color: #EDFEFF;
  text-decoration: none;
}

ul.sidebar-menu li.active a {
  font-weight: bold;
  color: #333;
  background-color: #EDFEFF;
}

#side ul.sidebar-actions {
  margin: 0.2em 14px 1em;
}

#side p {
  padding: 0.5em 0;
}

#side p.no-lists {
  padding: 0.5em 14px;
}

#side span.xref {
  display: block;
  padding: 4px 14px;
}

#side p.sidebar-menu-actions {
  padding: 0.5em 14px;
  clear: both;
  display: block;
}

#side span.new-list, #side span.view-all {
  padding: 0;
  margin: 0 3px 0 0px;
  font-size: 11px;
  line-height: 11px;
}

#side span.view-all {
  display: inline;
  margin: 0;
}

#side span.pipe {
  border-left: 1px solid #C0DEED;
  padding-left: 4px;
  padding-right: 4px;
}


#side #following span.xref {
  display: block;
  margin-top: -5px;
  padding: 0 14px 5px 14px;
}

/* sidebar nearby activity */

#side .geo_nearby_activity {
  padding: 0.5em 14px;
}

#side div.geo_nearby_activity {
  padding-top: 0;
}

#side div.geo_nearby_activity li {
  margin-top: 8px;
}

#side p.geo_find_in_progress {
  color: #999;
}

#side p.geo_nearby_activity a {
  padding: 0;
  margin: 0 3px 0 0px;
  font-size: 11px;
  line-height: 11px;
}

#side .geo_address {
  color:#999999;
  font-size:10px;
}

.geo_minorlink {
  color: #81B2D9;
}

.geo_prev_next_separator {
  color: #aaa;
}

#side .place_icon {
  background: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fsprite-icons.png") no-repeat -240px -64px;
  display: inline-block;
  height: 11px;
  width: 7px;
  margin-right: 4px;
  vertical-align: middle;
}

#na_menu .with-place {
  display: none;
}

/* sidebar search box */

#custom_search {
  padding: 0.4em 0;
  margin: 1px 0 3px;
}

#side div#custom_search.active {
  background-color: #EDFEFF;
}

#sidebar_search input {
  border-color: #b4b4b4 #ccc #ccc #b4b4b4 !important;
  border-style: solid none solid solid !important;
  border-width: 1px 0 1px 1px !important;
  font-size: 1em;
  padding: 0.4em;
  width: 136px !important;
  margin: 0.25em 0 0.25em 12px;
  outline: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.ie7 #sidebar_search input {
  position:relative;
  width:145px !important;
}

.ie7 #sidebar_search .submit {
  position:relative;
  top: 0px;
  left: -10px;
  width: 8px;
  margin-left: 0px;
  margin-right: 0px;
}

#sidebar_search_submit {
  background: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fnav_search_submit.png") -2px 0px !important ;
}

#sidebar_search_submit:hover {
  background: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fnav_search_submit.png") -2px -25px !important;
}

#sidebar_search_submit:active {
  background: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fnav_search_submit.png") -2px -50px !important;
}

#sidebar_search_submit.loading, #sidebar_search_submit.loading:hover, #sidebar_search_submit.loading:active {
  background: #eee url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fspinner.gif") no-repeat 5px 5px !important;
}

#sidebar_search input, #sidebar_search_submit {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-color: #999 !important;
  vertical-align: middle; /*fixes FF2 align */
}

#sidebar_search .submit {
  -moz-border-radius-bottomright:3px;
  -moz-border-radius-topright:3px;
  -webkit-border-radius-bottom-right:3px;
  -webkit-border-radius-top-right:3px;
  background-color:#EEEEEE;
  background-position:center top;
  border-style:solid;
  border-width:1px;
  cursor:pointer;
  padding:0.4em 0.9em;
}

#saved_searches ul {
  margin-bottom: 3px;
}

/* sidebar headers */

h2.sidebar-title {
  padding: 0.2em 14px 0.2em 14px;
  font-size: 1.05em;
  font-weight: normal;
}

h2.sidebar-title span {
  /*opacity: .7;*/
}

.ie h2.sidebar-title span {
  filter: alpha(opacity=70);
}

h2.sidebar-subtitle {
  padding: 0.2em 14px 0.2em 14px;
  font-size: 1.3em;
  font-weight: normal;
}

#side .collapsible h2.sidebar-title {
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ftoggle_up_dark.png") no-repeat right center;
  width: 157px;
}

#side .collapsible.collapsed h2.sidebar-title {
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ftoggle_down_dark.png") no-repeat right center;
}

#side div.collapsible.loading h2.sidebar-title {
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fspinner.gif") no-repeat center right !important;
}

#side .collapsible a.fetch-contents {
  display: none;
}


#side .collapsible h2.sidebar-title:hover {
  cursor: pointer;
}

#side .collapsed .xref,
#side .collapsed .sidebar-menu {
  display: none;
}

#side #following #following_list, #side #following #following-in-common-list {
  padding: 5px 10px 5px 14px;
}

#side #following #friends_view_all, #side #following #follows_in_common_view_all {
  font-size: 0.9em;
  padding: 0px 14px;
}

#side p.sidebar-location {
  padding: 3px 0 8px 0;
  border-bottom: 1px dotted #C0DEED;
  width: 170px;
  margin: 0 14px 0 14px;
}

#side #change_location {
  font-size: 11px;
  cursor: pointer;
  font-weight: normal;
}

#side button.active {
  background-image: none;
  text-shadow: none;
  border: 1px solid #ccc;
}

#side #trends_loading {
  position: absolute;
  right: 0;
  margin-right: 14px;
}

#side #location_menu img {
  vertical-align: middle;
}

#local_trend_locations .trends_arrow {
  position: absolute;
  right: -9px;
  margin-top:4px;
  z-index: 999;
}

#local_trend_locations p {
  clear: both;
  display: block;
  padding: 10px 2px 2px 2px;
  height: 26px;
  clear: both;
}

#local_trend_locations p button {
  float: right;
  margin-top: 1px;
}

#local_trend_locations p span.info {
  font-size: 9px;
  padding-left: 2px;
  float: left;
  color: #999;
}

#local_trend_locations label {
  clear: both;
  display: block;
  padding-bottom: 1px;
}

#side #local_trend_locations hr {
  height: 0px;
  border: 0;
  border-top: 1px solid #eee;
  width: 100%;
  background: #eee;
  clear: both;
  margin: 0;
  padding: 0;
  display: block;
}

#local_trend_locations ul {
  clear: both;
  display: block;
  font-size: 11px;
  margin: 3px 0 10px -8px;
}

#local_trend_locations ul li {
  float: left;
  width: 130px;
}

#local_trend_locations .last {
  border-right: 0;
}

#local_trend_locations li a {
  display: block;
  color: #0084B4;
  text-shadow: 0px 1px #fff;
  text-decoration: none;
  padding: 2px 8px 3px 8px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  background: #FFF;
  border-bottom: 0;
  outline: none;
  overflow: hidden;
  line-height: 15px;
  height: 14px;
  margin-bottom:1px;
}


#local_trend_locations li a.active-parent {
  background: #f4f4f4;
}

#local_trend_locations li a:hover {
  background: #eee;
  text-shadow: 0px 1px #fff;
}

#local_trend_locations .active {
  cursor: default;
}

#local_trend_locations li span {
  display: block;
  color: #999;
  padding: 3px 8px;
  margin: 2px 0 2px 0;
}

#local_trend_locations li.active a, #side #local_trend_locations li.active a:hover {
  text-shadow: 0px -1px #555;
  background: #777 url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ffollow_check.gif") no-repeat 93% 5px;
  color: #fff;
}

#local_trends_notice .modal-inner {
  padding: 8px 12px 12px 12px;
}

#local_trends_notice .trends_arrow {
  position: absolute;
  right: -9px;
  z-index: 999;
  margin-top:4px;
}

#local_trends_notice strong.new {
  text-transform: uppercase;
  color: #CC0000;
  font: bold 10px Helvetica Neue, Helvetica, Arial, sans-serif;
}

#local_trends_notice h3 {
  font: bold 18px Helvetica Neue, Helvetica, Arial, sans-serif;
}

#local_trends_notice p {
  font-size: 11px;
  line-height: 14px;
  padding-bottom: 12px;
  color: #777;
}

#side a.indented-link  {
  margin: 0.5em 14px 1em;
  display: block;
}

#home #rssfeed,
#search #rssfeed,
#profile #rssfeed,
#profile_favorites #rssfeed,
#favorites #rssfeed,
#home #rssfeed .timeline-rss,
#search #rssfeed .search-rss,
#profile #rssfeed .profile-rss,
#favorites #rssfeed .favorites-rss,
#profile_favorites #rssfeed .favorites-rss {
  display: block;
}

#rssfeed, #rssfeed .timeline-rss, #rssfeed .search-rss, #rssfeed .favorites-rss, #rssfeed .profile-rss {
  display: none;
}

.rss {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Frss.gif");
  margin: 0.5em 14px 1em;
}

/* sidebar dividers */

#side hr {
  display: block;
  border: 0;
  height: 1px;
  margin: 0.5em 14px;
  opacity: .7;
  background: #C0DEED;
  color: #C0DEED;
}

.ie7 #side hr {
  width: 170px;
  margin: 0em 14px;
}

.ie#side hr {
  filter: alpha(opacity=70);
}

/* Follow request */

.notify {
  text-align: center;
  line-height: 1;
  padding: 5px 0;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom:8px;
}

.notify div {
  background-color: #edffe5;
  font-size: .9em;
  margin:0px 12px;
  padding: 10px 5px;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
}

#side .actions {
  border: 1px solid #87bc44;
  margin: 10px -3px;
}

#side .actions small {
  font-size: .9em;
}

#side .actions a {
  padding-left: 7px;
}

/* User unavailable due to takedown */

#user_restricted h2 {
  padding: 10px;
  font-size: 16pt;
}

#user_restricted img {
  margin: 10px 10px 30px 10px;
}

#user_restricted p {
  padding: 10px 0 0 10px;
  font-size: 10pt;
  color: #555;
}

/* User icon */

.side_thumb {
  height:31px;
  width:31px;
}

#side .user_icon {
  height: 31px;
  display: block;
  clear: both;
}

#side .user_icon > * {
  vertical-align: middle;
  padding: 0;
}

#side .user_icon img {
  padding-right: 0.8em;
}

#side .user_icon a {
  cursor: pointer;
}

#side #me_name {
  font: bold 1.2em/1.2em Helvetica Neue, Helvetica, sans-serif;
  position: absolute;
  margin-top: 0;
}

#side #me_tweets {
  position: absolute;
  font-size: 11px;
  margin-top: 17px;
  font-family: Helvetica, Arial, sans-serif;
}

#side #me_tweets strong {
  font-size: 10px;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

#side .user_icon a:hover #me_tweets {
  text-decoration: underline;
}

/* Stats: following, followers, updates */

#side .stats {
  clear: both;
  float: none;
  position: relative;
  margin: 0;
  padding: 0;
}

#side .stats td {
  padding: 0;
  vertical-align: top;
}

#side .stats td + td {
  padding: 0 5px;
}

#profile #side .stats td + td {
  padding: 0 8px;
}

#side .stats td + td + td {
  padding: 0 !important;
}

#side .stats a span.stats_count {
  color: #333;
}

#side .smaller span.stats_count {
  font-size: 1.1em !important;
}

#profile #side .smaller span.stats_count {
  font-size: 1.3em !important;
}

#side .stats a:hover span.stats_count {
  color: #2276BB;
}

#side .stats .stats_count {
  display: block;
}
#side .stats td .numeric {
  font: bold 13px Helvetica Neue, Helvetica, Arial, sans-serif;
  text-decoration: none;
}

#side .stats td .label {
  text-transform: lowercase;
  font-size:0.9em
}

#side .stats a:hover {
  text-decoration: none;
}
#side .stats a:hover .label {
  text-decoration: underline
}

/* Profile sidebar bio */
#side .about li {
  padding-bottom: 3px;
}

#side .about .label {
  font-weight: bold;
}

#side .about li#bio {
  word-wrap: break-word;
  overflow: hidden;
  width: 170px;
}

/* Tab menu */

ul#tabMenu li {
  border-top: 1px solid #bddcad;
}

ul#tabMenu a,
#side .section h1 {
  display: block;
  padding: 13px;
  text-decoration: none;
  color: #4c4c4c;
  font-weight: bold;
  font-size: 110%;
}

#side .section h1 {
  padding: 0 0 .25em 0;
}

body#home ul#tabMenu a#home_tab,
body#profile ul#tabMenu a#updates_tab,
body#replies ul#tabMenu a#replies_tab,
body.direct_messages ul#tabMenu a#direct_messages_tab, /* FIXME: Remove when search goes 100% */
body.inbox ul#tabMenu a#inbox_tab,
body#favourings ul#tabMenu a#favorites_tab,
body#public_timeline ul#tabMenu a#public_timeline_tab {
  background-color: #fff;
  margin-left:-1px;
  padding-left:14px;
}

/* Actions */

/* FIXME: Not being used (hard-coded)
#side .actions { border: 1px solid #87bc44; padding: 2px 5px; margin: 10px -3px; }
#side .actions small { font-size: .9em; }
#side .actions a { padding-left: 7px; }
*/

/* Following list */

#following_list, #following-in-common-list {
  padding: 0 0 0 3px;
  overflow: hidden;
}
#following_list span, #following-in-common-list span {
  float: left;
  padding: 0 3px 2px 1px;
}
#following_list img, #following-in-common-list img {
  padding: 0px;
}

/* Device */

#device_control label {
  margin-right:5px;
}
#device_msg {
  margin-top: -5px;
  margin-bottom: 0
}

/* Etc */

.rss {
  padding: .5em 0 .5em 20px;
  background-position: 0 0.5em;
  background-repeat: no-repeat;
}

#side p.complete { font-size: .9em; margin-top: 1em; }

/* Forms
===================================================== */

.loading-spinner {
  display: none;
  position: relative;
  top: 4px;
  left: 1px;
  margin-left: 4px;
}

.loading .loading-spinner {
  display: inline-block;
}

.loading-checkbox {
  margin: 3px 1px 1px 4px;
}

.loading input.loading-checkbox {
  display: none;
}


/* Common form
----------------------------------------------------- */

fieldset.common-form {
  width: 100%;
  margin: 10px 0;
}
fieldset.common-form p {
  margin: 0 0 5px 0;
}
fieldset.common-form th,
fieldset.common-form td {
  padding: 10px 5px;
  vertical-align: top;
}
fieldset.common-form th {
  text-align: left;
  width: 10em;
  padding-top: 10px;
  font-weight: normal;
}
fieldset.common-form small {
  color: #777;
  font-size: 11px;
}
/* attr selectors won't work on IE6, ignore for now */
fieldset.common-form input[type="text"],
fieldset.common-form input[type="password"],
fieldset.common-form textarea,
fieldset.common-form select,
fieldset.common-form checkbox {
  border: 1px solid #aaa;
  padding: 4px 2px;
}

fieldset.common-form input[type="text"],
fieldset.common-form input[type="password"],
fieldset.common-form textarea {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
}

fieldset.common-form input[type="text"],
fieldset.common-form input[type="password"] {
  width: 12em;
}

fieldset.common-form input[type="text"].medium,
fieldset.common-form textarea.medium {
  width: 50%;
}

fieldset.common-form input[type="text"].medium {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 12px;
}

fieldset.common-form input[type="text"].wider,
fieldset.common-form textarea.wider {
  width: 75%;
}

fieldset.common-form input[type="text"].widest,
fieldset.common-form textarea.widest {
  width: 100%;
}

fieldset.common-form td[colspan="2"] {
  text-align: right;
}
fieldset.common-form label {
  white-space: nowrap;
  font-weight: normal;
  line-height: 24px;
}
fieldset.common-form ul li {
  padding: 5px 0;
}
fieldset.common-form ul li label {
  display: block;
  font-weight: bold;
}
fieldset.common-form ul li label sup {
  color: #888;
}
fieldset.common-form ul.options li {
  padding: 0;
  margin: 0;
}
fieldset.common-form ul.options li label {
  font-weight: normal;
}

fieldset.common-form table.input-form th {
  line-height: 24px;
  vertical-align: top;
}

/* Pseudo form elements (ones that are just for display, not editing) */
p.pseudo-input {
  background: #f3f3f3;
  width: 210px;
  height: 18px;
  margin: 0 !important;
  padding: 3px 4px;
  border: 1px solid #ddd;
/*   border-top-color: #ddd; */
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font: 13px/18px Helvetica Neue, Helvetica, Arial, sans-serif !important;
  color: #777;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.04);
}

/* Instructions and examples */

fieldset.common-form .instruction,
fieldset.common-form .example,
fieldset.common-form .required {
  font-size: x-small;
  color: #666;
  font-weight: normal;
}
fieldset.common-form .instruction,
fieldset.common-form .example {
  margin-top: .5em;
}
fieldset.common-form .example {
  font-style: oblique;
}
fieldset.common-form .suggestion {
  color:#CC0000;
  font-weight: bold;
  font-size: 10px;
}

/* Vertical form
----------------------------------------------------- */

fieldset.vertical-form {
  margin-top: 1em;
  margin-bottom: 1em;
}
fieldset.vertical-form label,
fieldset.vertical-form input {
  display: block;
}
fieldset.vertical-form input {
  margin-top: 1em;
  margin-bottom: 1em;
}
fieldset.vertical-form input[type="text"] {
  width: 165px;
}

/* Update and Messages boxes
----------------------------------------------------- */

/* Update box */

/* Direct messages box */

div.direct-message-box fieldset.standard-form {
  width: 548px;
  padding: 10px 90px;
}

#direct_message_user_id {
  min-width: 100px;
}

/* Controls
===================================================== */

/* Buttons
----------------------------------------------------- */

.buttons {
  padding-top: 12px;
  text-align: center;
}

.buttons input, .buttons button {
  margin: 0 3px;
}

.buttons a button {
  margin: 0px;
}

input.submit,
button,
input[type=submit],
input[type=button],
input[type="file"] > input[type="button"] {
  color: #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #e6e6e6;
  border: 1px solid #ccc;
  font-size: x-small;
  padding: 4px 8px;
  vertical-align: top;
  cursor:pointer;
}
input.submit:hover,
button:hover,
input[type=submit]:hover,
input[type="file"] > input[type="button"]:hover {
  background-color: #d5d5d5;
}


input.flow-button, input.flow-button:hover {
  height: 41px;
  padding: 0 10px 2px 0;
  border: 0px;
  font-size: 20px;
  background-color: transparent;
}

input.green-arrow, input.green-arrow:hover {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fbtn_green_arrow.gif") !important;
  width: 234px !important;
  background-color: transparent;
}

input.green-arrow-small, input.green-arrow-small:hover {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fbtn_green_arrow_small.gif") !important;
  width: 138px !important;
}

input.red-small, input.red-small:hover {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fbtn_red_small.gif") !important;
  width: 114px !important;
  text-align: center;
  padding: 0 0 2px 0;
}

/* Following */

.hentry .actions > div.follow-actions {
  visibility: visible;
  text-align: left;
}

.follow-actions .following {
  background-position: 0 50%;
  background-repeat: no-repeat;
}

.follow-actions p {
  padding-left: 14px;
}

.follow-actions .pending {
  color: #666;
}
.follow-actions input.submit {
  width: 8em;
}
.follow-button {
}

/* Profile Submit (aka Join!) button */

.home_page_control input.profilesubmit {
  background-color:#74CA00;
  font-size: 2em;
  color: #fff;
  font-weight: bold;
  margin: 20px 0 10px 0;
  padding: 10px;
  border: 1px solid #0f0;
  width: 175px;
  cursor:hand;
}

.home_page_control input.profilesubmit:hover {
  background-color: #8CF500;
}

/* Menus
----------------------------------------------------- */

/* Link menu (aka divot menu) */

.link-menu > a {
  padding: .5em .75em .5em .5em;
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fdivot.gif") no-repeat 100% 50%; /* FIXME: move to custom html header(s) */
}

.link-menu > ul,
.link-menu > span,
.link-menu > div {
  position: absolute;
  left: 0;
  z-index: 999;
}


/* Status update box
===================================================== */

body#direct_messages #dm_update_box,
body#inbox #dm_update_box,
body#sent #dm_update_box {
  display: block;
}

body#direct_messages #status_update_box,
body#inbox #status_update_box,
body#sent #status_update_box {
  display: none;
}

.status-btn {
   float: right;
   padding: 5px 12px 0 5px;
}

.status-btn input.round-btn {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fround-btn.gif");
  width: 115px;
  height: 32px;
  border: 0;
  color: #666;
  font-size: 14px;
  margin-left: 3px;
}

.status-btn input.round-btn:hover {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fround-btn-hover.gif");
  color: #444;
}

.status-btn input.disabled, .status-btn input.disabled:hover {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fround-btn.gif");
  color: #aaa;
  cursor: default;
}

#tweeting_controls {
  float: right;
  padding: 5px 12px 0 5px;
  _padding: 5px 0 0 5px;
}

.bar {
  line-height: 1.9em;
  position: relative;
  padding: 0 10px;
}

.bar h3 {
  font-size: 1.4em;
}

.bar h3 label {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: normal;
  color: #333;
  padding-right: 130px;
  font-size: 20px;
  line-height: 1.1;
  width: 50%;
  margin-bottom: 10px;
}

.bar span {
  color: #ccc;
  font-size: 2em;
  display: block;
  position: absolute;
  top: 0;
  *top: 5px;
  background: transparent;
  right: 10px;
}

.bar span strong.loading {
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fspinner.gif") no-repeat center center !important;
  color: transparent;
}

.ie7 .bar span strong.loading {
  background-position: left center !important;
}

/* Stop the bottom of the counter from getting cut off on IE */
.ie7 #status-field-char-counter {
  line-height: 1em;
  position: relative;
  top: -3px;
}

.status-update-form .info {
  padding: 1px 0 0 10px;
}

.status-update-form textarea {
  height: 2.5em;
  width: 515px;
  padding: 5px;
  font: 1.15em/1.1 'Lucida Grande', sans-serif;
  overflow: auto;
  resize: none;
}

#update_notifications {
  color: #666;
  float: left;
  font-size: 11px !important;
  line-height: 16px;
  overflow: visible;
  min-height: 30px;
  margin: 3px 8px 0 0px;
  padding: 2px 4px 2px 0;
  text-align: left;
  width: 365px;
  word-wrap: break-word;
}

.ie7 #update_notifications,
.ie6 #update_notifications {
  width: 395px;
}
.ie #share_location {
  margin-right: 5px;
}
.ie6 #update_notifications {
  display: inline;
  height: 30px;
}

#latest_meta {
  color: #999;
}

#latest_status .retweet-source-user {
  font-weight: bold;
}

#latest_text {
  cursor: pointer;
}

#latest_text_full {
  display: none;
}

.firefox2 #update_notifications {
  float: none;
}

#dm_update_box {
  display: none;
}


/* Tabs and Navigation
===================================================== */

#content .tabMenu {
  text-align: left;
  margin: 25px 0 5px 0;
}

#content .tabMenu li {
  display: inline;
  margin: 0;
  padding: 0;
}

#content .tabMenu li a {
  margin-right: 1px;
  display: inline;
  padding: 6px 15px 5px 15px;
  background-color: #F0F0F0;
  text-decoration: none;
  color: #2276BB;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-top-left-radius:3px;
  -webkit-border-top-right-radius:3px;
}

body #content .tabMenu li a {
  font-size: 13px !important;
  text-transform: capitalize;
}

#content .tabMenu li a:hover {
  background-color: #E6E6E6;
}

#content .tabMenu li.active a {
  border: 1px solid #c4c4c4;
  color: #333;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  padding: 5px 14px 5px 14px;
}

#content .tab {
  background-color: #fff;
  padding: 0px;
  border-top: 1px solid #cecece;
  margin:1px 10px;
}


/* Passwords
===================================================== */

.password-meter {
  padding-left: 10px;
}

.pstrength-text {
  font-weight: bold;
}

.password-invalid {}

.password-weak {
  color: #801b1b;
}

.password-good {
  color: #803f1b;
}

.password-strong {
  color: #80771b;
}

.password-verystrong {
  color: #2a801b;
}


/* View-specific overrides
===================================================== */

/* Profile
----------------------------------------------------- */

#profilebird {
  position: absolute;
  top: 0;
}
#profilebox {
  background-color: #feffdf;
  border: 1px solid #ff0;
  padding: 20px;
  vertical-align: middle;
}

.home_page_new_home_page #profilebox {
  margin-top: 15px;
}

#profilebox h1,
#profilebox h2 {
  font-weight: normal;
}

#profilebox h2 {
  margin-top: .5em;
  font-size: 1.3em;
}

#profiletext {
  float: left;
  width: 470px;
}

.home_page_new_home_page #profiletext {
  width: auto;
  float: none;
}

#profilebox_outer.home_page_new_home_page {
  margin-top: 15px;
}

.home_page_new_home_page #profilebox h2 {
  color:#666666;
  font: 18px/24px "Helvetica Neue",Arial,Sans-serif;
  margin: 0 0 15px;
}

.home_page_new_home_page #profilebox h2 strong {
  color: #333333;
}

.home_page_new_home_page #profiletext h1 span {
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Flarry-shadowed-big.png") no-repeat scroll 100% 50%;
  _background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Flarry-shadowed-big.gif") no-repeat scroll 100% 50%;
  padding-right: 40px;
  display: block;
}
.home_page_new_home_page #profiletext h1 {
  color:#333333;
  font: 24px/29px "Helvetica Neue",Arial,Sans-serif;
  margin: 0 0 4px;
  font-weight: bold;
}

.home_page_new_home_page #profilebutton #profilebox-mobile {
  text-align: right;
  padding-top: 8px;
  font-size: 12px;
  line-height: 16px;
}

.home_page_new_home_page #profilebutton {
  text-align: left;
  font-size: 11px;
  color: #999;
  line-height: 15px;
  margin: 0;
  padding: 0;
}

.home_page_new_home_page .profilesubmit {
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background:url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fbg-btn-signup_gold.png") repeat-x scroll 0 0 #FA2;
  border:1px solid #FFAA22;
  color:#333333;
  display:inline-block;
  font:bold 18px Arial,Sans-serif;
  text-align:center;
  padding: 8px 10px;
  text-decoration:none;
  text-shadow:0 1px 0 #FFEE66;
  margin: 0;
  *padding: 8px 0px;
  *font-size: 16px;
}

.home_page_new_home_page input.profilesubmit:hover {
  background:url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fbg-btn-signup_gold.png") repeat-x scroll 0 -5px #FA2;

}

.home_page_new_home_page #profiletext {
  float: none;
}

.home_page_new_home_page #profilebox {
  background-color: #fff;
  border:none;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color:#666666;
  font:15px/20px "Helvetica Neue",Arial,Sans-serif;
  margin:0 0 15px;
  padding: 15px 25px;
  zoom: 1;
}

.home_page_new_home_page .sms-follow-instructions {
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ficon-mobile.gif") no-repeat 0 50%;
  padding-left: 15px;
  color: #999;
}

.home_page_new_home_page .sms-follow-instructions strong {
  color: #666;
}

.home_page_new_home_page #sms_codes_link {
  cursor: pointer;
  position: relative;
  padding-bottom: 1em;
}

#sms_codes {
  display: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  background: #000;
  padding: 10px;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#sms_codes:before {
  content: ' ';
  background: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ftrendtip-pointer.gif") no-repeat top center;
  position: absolute;
  top: -9px;
  right: 55px;
  width: 17px;
  height: 9px;
  margin-left: -8px;
}

.home_page_new_home_page #sms_codes_link:hover {
  *text-decoration: none;
}

#sms_codes table {
  width: 450px;
}

#sms_codes th {
  font-weight: bold;
}

#sms_codes td,
#sms_codes th {
  width: 33%;
}

#sms_codes .title td {
  color: #999;
  padding: 10px 0 5px;
}

#sms_codes li {
  overflow: hidden;
  zoom: 1;
}

#sms_codes li .sms-code {
  display: block;
  float: left;
  font-weight: bold;
  color: #CCC;
  width: 50%;
}

#sms_codes li .sms-network {
  display: block;
  float: left;
  color: #666;
}

#sms_codes .sms-country,
#sms_codes th {
  color: #CCC;
}

#profilebox_outer.home_page_control {
  padding-top: 41px;
  position: relative;
  margin-top: 1em;
}

.home_page_control div#profilebutton {
  float: right;
  text-align: center;
  margin-left: 50px;
}

.home_page_control div#profilebutton small {
  line-height: 1.25em;
}

.home_page_control input.profilesubmit {
  background-color: #74CA00;
  color: #fff;
  font-weight: bold;
  margin: 0 0 5px 0;
  border: 1px solid #0f0;
  width: 175px;
}

.home_page_control input.profilesubmit:hover {
  background-color:#8CF500;
}

body#profile .profile-head,
body#lists .profile-head,
body#profile_favorites .profile-head {
  margin: 1px 10px;
}

body#profile #content h2,
body#profile_favorites #content h2 {
  margin: 0;
}

body#profile_favorites #timeline_heading h1 {
  padding-top: 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  font-size: 18px;
}

body#profile #content h2.thumb,
body#profile_favorites h2.thumb {
  padding-bottom: 20px;
}

body#profile ol.statuses span.status-body {
  margin-left: 0;
  min-height: 0;
}

body#profile ol.statuses li {
  padding-left: .5em;
}

body#profile ol.statuses li.latest-status {
  padding: 1.5em 0 1.5em .5em;
  border-top-width: 0;
  line-height: 1.5em;
}

body#profile ol.statuses > li:first-child{
  border-top: 0;
}

body#profile ol.statuses .latest-status .entry-content {
  font-size: 1.77em;
}

body#profile .latest-status .entry-meta {
  display: block;
}

ol.statuses li.blocked-status,
ol.statuses li.blocked-status:hover {
  background-color: #fafafa;
}

.blocked-status .entry-content {
  font-weight: bold;
  color: #666;
}

.blocked-status .meta a {
  text-decoration: none;
  color: #1f76b8;
}

.blocked-status .meta a:hover {
  text-decoration: underline;
}

ol.statuses li.latest-status.blocked-status .entry-meta {
  line-height: 1.3em;
}

#content h2.thumb {
  font-size: 2.8em;
  line-height: 50px;
  padding: 10px 15px 10px 0px;
}

#content h2.thumb img {
  vertical-align: middle;
  margin-right: 10px;
}

#content h2.thumb small {
  font-size: .4em;
}

#profile .protected-box {
  background-color: #FEF6A8;
  border: 1px solid #FCFC19;
  line-height:1;
  margin-top:1em;
  padding:0 0 0 10px;
}

#profile .protected-box .sub-h1 {
  font-size: 1.2em;
}

#profile .protected-box table td {
  padding:10px;
}

#profile .protected-box .logged-out {
  padding:10px;
}

.profile-controls {
  text-align: right;
  padding: 7px 10px;
  margin-bottom: 15px;
  background-color: #f6f6f6;
  border: 1px solid #eee;
}

.profile-controls li {
  position: static;
}

.profile-controls .is-relationship {
  font: 15px 'Helvetica', Sans-serif;
  text-align: left;
  float: left;
  line-height: 26px;
}

/* Follow Control */
/* FIXME: This HTML and CSS desperately needs to be cleaned up */

body#profile h2.thumb div#follow-details img#x,
body#profile_favorites h2.thumb div#follow-details img#x {
  float: right;
  margin: 3px 0 0 0;
  cursor: pointer;
  border: none;
}

div#follow-control {
  margin: 5px 0 0 15px;
}

div#follow-details {
  background-color: #F9FDAB;
  margin: 5px 0 10px 0;
  padding: 5px 10px 10px 10px;
  border: solid 1px #FDCC68;
  color: #000;
  line-height: 1.7em;
  display: none;
  font-size: 0.9em;
}

div#follow-flash {
  background-color: #F9FDAB;
  border: solid 1px #FDCC68;
  font-size: 0.9em;
  color: #000;
  line-height: 1.75em;
  margin: 5px 0;
  font-weight: bold;
  padding: 5px;
}

div#follow-details p {
  margin-top: 10px;
}

div#follow_actions {
  margin-top: 10px;
}

div#follow-actions #onoff {
  margin-left: 10px;
}

div#follow-details strong {
  display: inline;
  font-size: 120%;
}

div#follow-details div#follow_notifications {
  margin-top: 10px;
}

div#follow-details div#follow_notifications div#notifications-sub {
  margin-left: 14px;
}

div#follow-toggle {
  background-repeat: no-repeat;
  cursor:pointer;
  background-position: 2% 50%;
  padding:5px 5px 5px 20px;
  border: 1px solid #CCCCCC;
}

div#followed {
  background-color: #e6e6e6;
  border: 1px solid #D1D1D1;
}

div.med-btn {
  background-color: #e6e6e6;
  width: 75px;
  height: 18px;
  padding: 1px 3px 1px 21px;
  font-size: 11px;
  vertical-align: middle;
  color: #000;
  cursor: pointer;
}

.follow-button button,
.follow-button input[type=submit],
input[type=button].follow-button {
  background-color:#808080;
  color:#FFF;
  font-size:1em;
  font-weight:bold;
  border: 1px solid black;
  height:30px;
  width:75px;
  cursor:pointer;
}

.remove-button button,
.remove-button input[type=submit],
input[type=button].remove-button {
  background-color:#E6E6E6;
  color:#000;
  font-size:1em;
  width:75px;
  cursor:pointer;
  margin-left:3px;
}

input.update-button,
.update-button button,
.update-button input[type=submit],
input[type=button].update-button {
  background-color:#808080;
  color:#FFF;
  font-size:1em;
  font-weight:bold;
  border: 1px solid black;
  cursor:pointer;
  margin-top:10px;
}

div#follow-toggle.closed {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ftoggle_closed.gif");
}

div#follow-toggle.opened {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ftoggle_opened.gif");
}

.follow-actions .following {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fcheckmark.gif");
}

/* Permalink
----------------------------------------------------- */

body#show .status-body {
  display: block;
  margin-right: 30px;
  font-size: 1.2em;
  padding-bottom: 15px;
}


body#show .entry-content {
  font-weight: 400;
  display: block;
  background-color: #fff;
  font-size: 2em;
  font-family: georgia;
  line-height: 1.25em;
  padding: 0;
  overflow: hidden;
}


body#show #content .meta {
  display: block;
  font-family: 'Lucida Grande';
  color: #999;
}

body#show #content .meta a {
  color:#999;
}

body#show .thumb img {
  width: 48px;
  height: 48px;
}

body#show .protected {
  padding-left: 0;
  background-position: 55px 50%;
  background-repeat: no-repeat;
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ficon_lock.gif");
}

body#show .actions {
  position: absolute;
  right: 0;
  top: 8px;
}

body#show .actions .non-fav,
body#show .actions .fav {
  visibility: visible;
}

body#show .top-nav,
body#show #footer {
  font-size: 85%;
  overflow: hidden;
}

body#show .hentry {
  position: relative;
}

body#show #container {
  width: 600px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

body#show #content {
  width: 570px;
  padding: 15px;
  margin-bottom: 15px;
}

body#show #footer {
  width: 600px;
}

body#show #content div.thumb {
  float:left;
  margin-right: 20px;
}

body#show.status #content #timeline {
  border-top-width: 0;
}

body#show .user-info {
  height: 73px;
  margin-top: 0;
  padding-top: 15px;
  border-top: 1px solid #e6e6e6;
  line-height:1;
}

body#show .screen-name {
  font-size: 2.3em;
}

body#show .full-name {
  font-size: 1.2em;
  margin:3px 0 0 2px;
}

body#show .desc-inner {
  position: relative;
}

body#show .top-navigation .not-required {
  display: none;
}

/* Search: Users */

body.search .results-count {
  float: right;
  padding-left: 1em;
  padding-right: 5px;
  line-height: 2.25em;
  font-size: x-small;
  color: #77778A;
}

body.search#users #timeline {
  width: 100%;
  border-top: 1px dashed #D2DADA;
}

body.search#users .hentry td.status-body {
  padding: .5em 0;
}
body.search#users .hentry td.status-body div {
  width: 370px;
}

body.search#users .hentry:hover {
  background-color: transparent;
}

body.search#users .hentry .bio {
  font-size: 90%;
  display: block;
  margin-left: 0;
  padding-top: 0.3em;
}

body.search#users .hentry .status-body img {
  vertical-align: middle;
  margin: -3px 4px 0;
}

body.search#users .hentry .status-body .meta {
  font-family: 'Lucida Grande';
  font-size: 0.75em;
  font-style: normal;
}

div.find-people h2 {
  padding-bottom: 6px;
}

div.find-people form + p {
  padding-left: 12px;
}

div.find-people form {
  background: #f6f6f6;
  padding: 2px 12px 0 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.safari div.find-people form {
  padding: 2px 12px 4px 12px;
}

.safari p.suggestion {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.vertical-form input {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}


/* Onebox user search in Timeline
----------------------------------------------------- */
#content div.onebox_users {
  display:none;
  padding-bottom:20px;
}

#content .onebox_users h2 {
  float:left;
  width:350px;
  color:#333333;
  font:normal 18px "Helvetica Neue",Helvetica,Arial,sans-serif;
  padding-bottom:3px;
}
#content .onebox_users p.seeall {
  text-align:right;
  font-size:10px;
  position:relative;
  top:6px;
}

#content .onebox_users ul {
  border:1px solid #DDD;
  background-color:#EEE;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;
  clear:both; padding:8px 0;
}

body #content .onebox_users ul li {
  position:relative;
  overflow:hidden;
  float:left;
  margin-right:1px;
  padding:0 0 0 30px;
  height:30px;
}
#content .onebox_users ul li.first { margin-left:10px; }
#content .onebox_users ul li.last { margin-right:0; }

#content .onebox_users ul.size1 li { float:none; }
#content .onebox_users ul.size2 li { width:221px; }
#content .onebox_users ul.size3 li { width:137px; }

#content .onebox_users ul li a.profilepic {
  position:absolute; left:0; top:2px;
}
#content .onebox_users ul li a.profilepic img {
  height:24px; width:24px;
}
#content .onebox_users ul li .bio {
  padding-left:1px;
  font-size:11px;
  color:#333;
}
#content .onebox_users ul li .bio p {
  margin:0;
  white-space:nowrap;
}
#content .onebox_users ul li .bio p.username {
  font-size:12px;
  font-weight:bold;
}
#content .onebox_users ul li.verified .bio p.username span {
  padding-right:20px;
  background: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fverified%2Fverified_small.png") no-repeat right 0;
}
#content .onebox_users ul li.protected .bio p.username span {
  padding-right:12px;
  background: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ficon_lock.gif") no-repeat right 2px;
}

/* Misc
----------------------------------------------------- */

/* bulleted list with » */
ul.bullets {
  list-style-type: square;
  padding: 1em;
}

ul.bullets li {
  margin-left: 1em;
}



/* Follow Requests */

#follow-requests .all {
  float: right;
  margin: 4px 8px 4px 4px;
}

#follow-requests .follow-request {
  border: 1px solid #bbbbbb;
  clear: both;
  padding: 10px;
  margin-bottom: 10px;
  min-height:95px;
  height:auto !important;
  height:95px;
}

#follow-requests .follow-request .name-box {
  padding-top:2px;
}

#follow-requests .follow-request .name-box .lock {
  line-height:.2pt;
}

#follow-requests .follow-request .screen-name {
  font-size: 2em;
  line-height: 1;
  text-decoration: none;
}

#follow-requests .follow-request .name {
  font-weight:bold;
  margin-left:2px;
}

#follow-requests .follow-request .right-box {
  float: right;
  background-color: #FEF6A8;
  border: 1px solid #FCFC19;
  width:300px;
  padding:8px;
}

#follow-requests .follow-request .buttons {
  margin: 4px 0px 4px;
}

#follow-requests .follow-request .right-box .request-button {
  width:100px;
  font-size:.9em;
  padding:2px;
  margin:10px 25px 10px 0;
}

#follow-requests .follow-request .right-box form {
  display:inline;
  margin-right:5px;
}

#follow-requests .follow-request .right-box td .centered-text {
  padding:1px;
}

#follow-requests .follow-request .details {
  padding-top: 4px;
  clear: left;
}

#follow-requests .follow-request .details .title {
  color: #4F4F4F;
}

#follow-requests .follow-request .details .detail {
  width:65%;
  color:#000000;
}

#follow-requests .follow-request .profile-img {
  float: left;
  margin-right: 10px;
}

/* Public Timeline */


#side .featured {
  border: 1px solid #87bc44;
  padding: 2px 5px;
  margin: 10px -3px;
}

#side .featured img {
  vertical-align: middle;
  padding: 1px 0 -5px 7px;
}

#side .promo {
  border: 1px solid #87bc44;
  background-color: #fff;
  padding: 10px 0px 10px 5px;
  margin-top: 8px;
  font-size: 1em;
}

#side .promo li {
  margin: 0 0 8px;
}

#side .promo a {
  text-decoration: none;
}

#side .promo img {
  vertical-align: middle;
}

div.join { text-align: center; }
div.join input { background-color: #417596; color: white; font-size: 11pt; padding: .3em 2.5em; font-weight: bold; border: 1px solid black; }
div.join input:hover { background-color: #294B60; }



/* Used but uncategorized classes */

#dim-screen {
  position: absolute;
  background-color: #000000;
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: .90;
  filter: alpha(opacity=90);
  display: none;
  margin: 0 auto;
}

body.account .finish-signup {
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ficon-mobile.gif") no-repeat scroll left center;
  padding-left: 15px;
}

.subpage #content p {
  line-height: 1.2;
  margin: 5px 0;
}

.subpage #content code {
  font-size: 1.2em;
}

.faq {
  padding:10px;
}

.faq p {
  padding-bottom: 20px;
}

.faq p.header-text {
  font-size: 1.3em;
}


.ie7 #trends_menu ul {
  margin-top: 2.75em !important;
}

.ie7 #logo img {
  margin: .25em 0 0 0 !important;
}


/* Questionable classes from timelne.css, screen.css */

dt { font-weight: bold; margin-top: 5px;}

#content table.doing { font-size: 1.2em; line-height: 1.1; width:100%; }
#content table.doing td { border-bottom: 1px dashed #d2dada; vertical-align: middle;}
#content table.doing .right-box td { border: 0; }
#content table.doing .thumb { padding: 10px 5px 8px 5px; width: 50px; vertical-align:top; }
#content table.doing .meta { font-size: 0.80em; }
#content table.doing .meta img { vertical-align: top; }
#content table.doing .user_actions { vertical-align: top; width: 16px; }

#side div.msg strong { display: block; font-size: 1.4em; }
#side div.msg h3 { font-size: 1.25em; }
#side .faq-index ul { list-style-type: square; margin-left: 15px; }
#side .faq-index li { margin: 10px 0px; }

/* FIXME: used? */
#side ul.todo { font-style: italic; }
#side #submit { display: block; padding: 3px 10px; margin: 5px auto; font: bold 1.12em/1.5 'Lucida Grande', sans-serif; }

/* FIXME: site-wide? move to custom_html? */

body.help #side { height: 560px;}
body.help #side .section { height: 100%; }

#content .wrapper #lang_header { padding:0; margin:0; width:100%; }
#content .wrapper #lang_header td { padding:0; }
#lang-select { text-align: center;}

/*
#settings fieldset.common-form, body.account fieldset.common-form { margin-top: 0; }
#settings fieldset.common-form select { border: 1px solid #ccc;}
#settings fieldset.common-form textarea { border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; font: normal 13px 'Lucida Grande', Arial, sans-serif;}
#settings fieldset.common-form textarea#user_description { height: 40px;}
#settings .protected { background-color: #FFFF99; }
#settings .protected th { padding:7px 3px 0px 0px; text-align: right; }

#settings .email-notice { background-color: #ffd; color: #777; text-align: left; font-size:11px; padding: 5px 7px 3px; }
*/

#profile_image h2 { margin-bottom: 1em; }
body#picture fieldset.common-form th { width: 50px;}

#invite_preview { background-color: #eef; padding: 10px; }
#invite_message { white-space: normal; }

span#p { color:#999 }
img.follow-icon { border: 0; margin: 1px 5px 3px 0; vertical-align: middle; }
button.small { background-color: #e6e6e6; width: 44px; padding: 0; font-size: 9px; text-align: center; margin: 2px 2px 1px 2px; border: none; line-height: 9px; cursor: pointer; }
button.med { background-color: #e6e6e6; width: 75px; height: 16px; padding: 0px; font-size: 9px; text-align: center; margin: 2px 2px 1px 2px; border: none; }
div.big-btn { background-color: #e6e6e6; width: 75pt; height: 19pt; padding: 8px 3px 4px 3px; text-align: center; font-weight: bold; text-decoration: none; font-size: 95%; vertical-align: middle; cursor: pointer; }
div.long-btn { background-color: #e6e6e6; width: 200px; padding: 3px 2px 2px 2px; font-size: 11px; vertical-align: middle; color: #000; cursor: pointer; }
div.med-btn { background-color: #e6e6e6; width: 75px; height: 18px; padding: 1px 3px 1px 21px; font-size: 11px; vertical-align: middle; color: #000; cursor: pointer; }
div.short-btn { background-color: #e6e6e6; width: 60px; height: 14px; padding: 2px 2px 1px 21px; font-weight: bold; font-size: 11px; line-height: 14px; vertical-align: middle; color: #000; cursor: pointer; }
.profile .protected-box { background-color: #FEF6A8; padding:8px;}
input.big-btn { background: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fbtn-bg.gif") no-repeat top left; border: none; display: block; width: 88px; height: 31px;
  text-align: center; font-weight: bold; text-decoration: none; font-size: 95%; vertical-align: middle; }
#notifications-sub .desc { margin-left:3px;font-style:italic; }
div.badge { margin: 0 auto -1.5em; text-align:center; }

form.device_control { display: inline; }
form.device_control select { font-size: 85%; padding: 4px 2px; }
.device-alert-box { background-color: #FF7B6D; padding:0px 10px 10px 10px; border: solid 1px #FF0000; color: #000; line-height: 1.7em; font-size: 0.9em; margin-top:8px; }

.person img.lock { vertical-align: middle; margin-bottom:3px; }

#downtime-announce { background-color: #fff; border: 1px solid grey; padding: 7px; color: #333; font-size: 1.1em; }
.person-actions { font-size: 90%; padding: 7px 0px 0px;}

a#back-link { margin-left: 20px; font-size:120% }

div#buffer { padding: 17px; }

#username_url { color: green; font-weight: bold; }
.username_taken { color: red; }

.fieldWithErrors { display: inline; }
.fieldWithErrors input,
.fieldWithErrors select,
input.errors,
select.errors,
textarea.errors {
  background-color: #ffdfdf;
}

.highlight { background-color: #f9f6ba; }
.nav-highlight { background-color: #ff9 }

#followers .stop-undo { background-color: #BFBFBF; border: 1px solid #4E4E4E; padding: 0px 10px; text-align: left; display:none;}
#followers .stop-button { margin-right:25px; }
#followers .stop-undo button { width: 140px; }
#followers .stop-undo table td { padding: 2px 5px; }
#followers .right-box { float:right; width:400px; font-size:.9em; text-align:right; margin-right:10px; }
#followers .followers-table { width:100% }


.search_following { background-color: #D8F4F5; border: 1px solid #84C2D2; }
.search_following button { background-color: #fff; border: 1px solid #84C2D2; }

div.clear { height: 1px; }
input.labeled_field { color: #999; }

.niceform {margin-top:10px;}
.niceform label, .niceform input{display:block;width:50%;float:left;margin-bottom:10px;}
.niceform label{text-align:right;width:150px;padding-right:20px;}
.niceform br{clear:left;}

#auth { display:none;padding:10px; margin:10px 0; background-color: #ddd; border:1px solid #999; }

#videobutton img {padding-right:5px;}
#videobutton { float:right; width:180px; text-align:center; vertical-align:middle; background-color: #ff493c; color: #fff; font-size: 11pt; font-weight: bold; border: 1px solid #000; padding-top:2px; padding-bottom:2px;}
#videobutton:hover {text-decoration:none; }

/*
  TODO check if needed
*/
ul.app-list li {
  display: block;
  clear: both;
}

.side_thumb {height:31px; width:31px;}

/* #device_address {size:12px; width:100px;} */

address {font-style:normal}

/* get rid of annoying query review div */
div#query_review_header_0 {width:100px;}

/* =Icons
----------------------------------------------- */
button.allow i {
  float:left;
  width:19px;
  height:20px;
  margin-right:5px;
  background:url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ficon-check.gif") no-repeat;
}
button.allow.btn-green i {
  background-image:url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ficon-check2.gif");
}
button.secure i {
  float:left;
  width:9px;
  height:14px;
  margin-right:5px;
  background:url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ficon-lock.png") no-repeat
}

span.lock-icon {
  display: inline-block;
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Flock_icon_small.png") no-repeat scroll 0 50%;
  height: 10px;
  width: 8px;
  *vertical-align: middle;
}

#timeline_heading #heading span.lock-icon, #lists_table span.lock-icon {
  margin-left: 3px;
}

li.menu span.lock-icon{
  margin-left: 3px;
}

#side ul.lists-links li span.lock-icon {
  margin-bottom:-1px;
  margin-left: 3px;
  width:8px !important;
  *background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Flock_icon_small.png") no-repeat scroll 0 0;
}

.modal-content fieldset {
  font-size: 11px;
  line-height: 16px;
  width: 100%;
  color: #888;
  padding-bottom: 10px;
}

.modal-content label.title {
  float: left;
  display: block;
  width: 100px;
  font-size: 13px;
  color: #333;
}

.modal-content .wide-dialog label.title {
  width: 150px;
}

.modal-content input.title,
.modal-content textarea.title {
  padding: 5px;
  border: 1px solid #888;
  font-size: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 255px;
  float: left;
  margin-right: 10px;
  margin-bottom: 8px;
  outline: 0;
}

.modal-content .wide-dialog input.title,
.modal-content .wide-dialog textarea.title {
  width: 305px;
}
.modal-content .preview {
  -webkit-border-radius: 4px;
  margin-bottom: 14px;
  padding: 8px 0 8px 0;
  background: #eee;
  clear: both;
  display: block;
  font-size: 11px;
  color: #666;
}

.modal-content fieldset.clear {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: 14px;
  display: block;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
}

.modal-content fieldset.clear.bottom {
  border-top: none;
}

.modal-content label.radio {
  clear: both;
  padding: 3px 0 2px 0;
}

.modal-content .options {
  float: left;
  width: 270px;
  font-size: 11px;
}


.modal-content .options label input {
  float: left;
  margin-right: 5px;
}

.modal-content .submit {
  margin-left: 100px !important;
  margin-bottom: 6px !important;
}

/* TODO: should probably move to lists.css */

.model-content .privacy {
  height: 33px;
}

.modal-content .options label strong {
  color: #333;
}

.modal-content .options label  {
  clear: both;
  padding-bottom: 4px;
  display: block;
}

.modal-content label .optional {
  color: #888;
  font-size: 11px;
  display: block;
}

.modal-content .list-slug,
.modal-content .list-description-instruction {
  overflow: hidden;
  display: block;
  padding: 5px;
  width: 255px;
  float: left;
  margin-right: 10px;
  outline: 0;
}

.modal-content .list-slug {
  font-size: 12px;
  background: #efefef;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-bottom: 8px;
  color: #2276BB;
  font-weight: bold;
}

.modal-content .list-description-instruction {
  margin-left: 100px;
  padding-left: 0;
}

.modal-content label.list-slug-title {
  padding-top: 4px;
  color: #888888;
}

.modal-content .private-warning {
  display: none;
  width: 270px;
  border: 1px solid #FFE88D;
  color: #333;
  margin-left: 95px;
  padding: 5px;
  clear: both;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #FFFFD1;

}


/* /TODO: should probably move to lists.css */
/* Common: text inputs */

input.text_field {
  border: 1px solid #ddd;
  font-size: 14px;
  padding: 8px;
  width: 200px;
  margin: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

input.text_field.with-box {
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
}

/* TODO: Remove when new profile controls are rolled out to everyone */

.profile-header {
  padding: 0 10px;
}

#content ol.statuses li.search_result a.reply {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ficon_reply.gif");
}

/* Retweet Tooltip Icon */

.tipsy .retweet-icon {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fsprite-icons.png");
  background-position: -96px -48px;
  height: 16px;
  line-height: 13px;
  width: 16px;
  position: relative;
  margin-top: -5px;
  top: 5px;
  left: -1px;

  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  *top:2px;
}

.tipsy .retweet_tip_tip {
  padding-top: 4px;
  line-height: 13px;
}

.retweet-tooltip.tipsy .tipsy-inner{
  max-width: 300px;
}

.tipsy.tipsy-north.left-align {
  background-position: 14px top;
}

/** account navigation */
.fixed-banners {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  _position: absolute; /* ie6 */
  _top: expression(eval(document.documentElement.scrollTop));
  width: 100%;
}
.account-nav {
  background: #555;
  font: 11px Lucida Grande, Tahoma, sans-serif;
  color: #fff;
  width: 100%;
  height: 26px;
  text-align: center;
  -moz-box-shadow: 0px 1px 0px rgba(0,0,0,.2);
  -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.2);
}
.account-nav-content {
  margin: 0 auto;
  text-align: left;
  width: 763px;
  position: relative;
  z-index: 99;
}
.account-nav a {
  color: #fff;
}
.account-nav ul {
  margin-left: -7px;
}
.account-nav ul li {
  display: block;
  float: left;
  margin: 0 0 0 0;
}
.account-nav ul li a {
  cursor: pointer;
  display: block;
  padding: 5px 7px 9px 7px;
  height: 12px;
  _float: left;  /* ie6 */
}
.account-nav ul li:hover a {
  background: #444;
  text-decoration: none;
}
.account-nav ul li.divider {
  border-left: 1px solid #444;
  border-right: 1px solid #666;
  display: block;
  width: 0px;
  margin-top: 7px;
  height: 12px;
}

.account-nav ul li ul.account-switcher li.h-divider {
  border-top: 1px solid #333;
  border-bottom: 1px solid #555;
  height: 0px;
  width: 100%;
}

.account-nav ul li ul.account-switcher {
  display: none;
  margin-left: 0;
}
.account-nav a img {
  float: left;
  margin-right: 5px;
}
.account-nav a span {
  float: left;
}
.account-nav li.account-switch a {
  color: #ccc;
}
.account-nav li.account-switch i {
  margin: 5px 0 0 4px;
  width: 7px;
  height: 5px;
  background-position:-79px -67px;
  display: block;
  float: left;
  background-image:url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fsprite-icons.png");
  background-repeat:no-repeat;
  _display: none;
}
.account-nav li.account-switch.hover {
  position: relative;
}
.account-nav li.account-switch.hover ul.account-switcher {
  width: 180px;
  display: block;
  position: absolute;
  -moz-box-shadow: 0px 1px 0px rgba(0,0,0,.2);
  -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.2);
  border: 1px solid #444;
}
.ie6 .account-nav li.account-switch.hover ul.account-switcher {
  top: 25px;
  left: 0;
}
.account-nav li.account-switch ul.account-switcher li {
  display: block;
  clear: both;
  width: 100%;
}
.account-nav li.account-switch ul.account-switcher li * {
  cursor: pointer;
}
.account-nav li.account-switch ul.account-switcher li a {
  display: block;
  color: #fff;
  background: #444;
  padding: 5px 7px 9px 7px;
  clear: both;
  height: 12px;
  outline: none;
  _width: 100%;
}
.account-nav li.account-switch ul.account-switcher li a:hover {
  background: #666;
  text-decoration: none;
}
.account-nav li.account-switch ul.account-switcher li a:active {
  background: #333;
  color: #ccc;
}

.account-nav #switcher-alert {
  display: block;
  float: left;
  font-style: normal;
  font-weight: normal;
  overflow: hidden;
  color: yellow;
  opacity: 1;
  height: 14px;
  margin-right: 4px;
}

.account-nav #multi-author-feedback {
  float: right;
  color: #ccc;
}

.account-nav ul li#multi-author-feedback a {
  display: inline;
  padding: 0;
  line-height: 24px;
  color: white;
}

.account-nav ul li#multi-author-feedback a:hover {
  text-decoration: underline;
  background: #555;
}
.account-nav ul li#multi-author-feedback:hover a {
  background: #555;
}

#manage_contributor_permissions_dialog ul li {
  margin-top: 10px;
  clear: both;
}
#manage_contributor_permissions_dialog ul li div {
  height: 30px;
}
#manage_contributor_permissions_dialog ul li div.decline-buttons {
  float: right;
  text-align: right;
  padding-top: 5px;
}
#manage_contributor_permissions_dialog ul li div.decline-profile {
  float:left;
}
#manage_contributor_permissions_dialog ul li span.decline-screen-name {
  vertical-align: super;
}

#manage_contributor_permissions_dialog .declining_spinner {
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fspinner.gif") no-repeat;
  padding-left: 20px;
}

body.contributor-skybar {
  background-position: 0 26px;
  padding-top: 26px !important;
  _padding-top: 36px !important;
}

body.phoenix-skybar {
  background-position: 0 35px;
  padding-top: 35px !important;
  _padding-top: 45px !important;
}

body.phoenix-skybar.contributor-skybar {
  background-position: 0 61px;
  padding-top: 61px !important;
  _padding-top: 71px !important;
}

/* Retweet Tooltip Icon */

.tipsy .retweet-icon {
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fsprite-icons.png");
  background-position: -96px -48px;
  height: 16px;
  line-height: 13px;
  width: 16px;
  position: relative;
  margin-top: -5px;
  top: 5px;
  left: -1px;

  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  *top:2px;
}

.tipsy .retweet_tip_tip {
  padding-top: 4px;
  line-height: 13px;
}

.retweet-tooltip.tipsy .tipsy-inner{
  max-width: 300px;
}

.tipsy.tipsy-north.left-align {
  background-position: 14px top;
}

/* Inline Maps */

.geo_pin {
  width: 10px;
  height: 10px;
  cursor: pointer;
}

/* Rate Limit Messaging*/

.rate_limit_message {
  padding: 10px;
}

.rate_limit_message p {
  color: #636363;
  font-size: 15px;
}

.rate_limit_message p.wait {
  position: absolute;
  bottom: 60px;
  color: #333;
}

.rate_limit_message p.wait span {
  color: #fff;
  background: #333 url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fdivider.png") repeat-x 0 50%;
  margin: 0 4px;
  padding: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.rate_limit_message img {
  margin: 0;
  float: right;
}

.inactive {
  display: none;
}

/* not my account */
#update_detached_email #content,
#not_my_account #content,
#detach_email #content,
#detached_email #content {
  padding: 5px 15px;
}

#not_my_account #content p, #detach_email #content p {
  margin: 20px 0;
}

#not_my_account h1, #detach_email h1, #detached_email h1 {
  font: 26px Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.gray-footer {
  font: 11px 'Lucida Grande', sans-serif;
  background: #f7f7f7;
  color: #666;
  margin: 0 -25px -20px ;
  padding: 10px 15px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}

#not_my_account #content p.nevermind-link a {
  line-height: 32px;
  padding-left: 10px;
}

.detached-email-warning {
  background: #ffd url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fwarning-sign.png") no-repeat 10px 50%;
  border: solid 1px #eec;
  margin: 5px 1px;
  padding: 8px 10px 8px 60px;
}

#update_detached_email_form {
  padding: 20px 60px 35px;
}

#update_detached_email_form label {
  font-size: 16px;
  color: #666;
  display: block;
  margin-bottom: 5px;
}

#update_detached_email_form input[type=text] {
  width: 250px;
  font-size: 16px;
  padding: 5px;
  margin-right: 4px;
}

.rounded-four-corners {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
/* end not_my_account styles */

/* small hovercard like dialogs */
.hoverer {
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 9999;
}

.hoverer .hoverer-inner {
  border: 4px solid #ddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #fff;
  overflow: hidden;
  zoom: 1;
  -moz-box-shadow: #aaa 0 1px 0;
  -webkit-box-shadow: #aaa 0 1px 0;
  position: relative;
}

.hoverer .hovercard-divot {
  position: absolute;
  left: 24px;
  width: 27px;
  height: 15px;
  z-index: 999;
}

body.loading-hoverer-above {
  position: relative;
}

/* Updated page headers for use with the pill nav */
div.page-header {
  background: #f5f5f5;
  margin: -20px -20px 20px;
  padding: 15px 20px 0 20px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
div.page-header ul.tabs {
  position: relative;
  margin: 15px -20px 0 -20px;
  padding-left: 9px;
  width: auto;
  max-width: 1040px;
  min-width: 911px;
}
div.page-header h1 {
  line-height: 30px;
  padding: 0;
  margin: 0;
  font-size: 20px;
  clear: none;
}
div.page-header h1 img {
  float: left;
  margin: 0 10px 0 0;
}
div.page-header img {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px
}
div.page-header p.right {
  float: right;
  line-height: 20px !important;
}
div.page-header span.verified-profile {
  font-size: 11px !important;
}
div.page-header span.verified-profile a {
  color: #999;
  display: inline;
  background-position: 4px -1px;
  padding-left: 30px;
}
div.page-header ul.page-tools {
  float: right;
  margin: 5px 0 0;
}
div.page-header ul.page-tools li {
  display: inline;
  padding-left: 10px;
}
div.page-header ul.page-tools li a,
div.page-header ul.page-tools li a.btn {
  font-size: 12px;
}
div.page-header ul.page-tools li a.btn {
  padding: 5px 9px;
}

/* Updated page headers for use with sub nav */
div.sub-header { margin: 0 0 10px; }
div.sub-header h2 { clear: none; }
div.sub-header h2 small { font-size: 14px; font-weight: normal; color: #999; line-height: 1; }

/* Clean, basic tabs */
ul.tabs {
  height: 30px;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  clear: both;
}
ul.tabs li {
  display: inline;
  line-height: 1;
}
ul.tabs li a {
  display: inline;
  float: left;
  width: auto;
  margin: 0 0 0;
  padding: 4px 10px 3px;
  line-height: 24px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  text-shadow: 0 1px 0 #fff;
  overflow: hidden;
}
ul.tabs li a:hover {
  background: #eee;
  text-decoration: none;
  padding-bottom: 2px;
}
ul.tabs li.active a {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  color: #333;
  font-weight: bold;
  padding-top: 3px;
}
ul.tabs li.active a:hover {
  padding-bottom: 3px;
}
/* Dropdowns for tabs */
ul.tabs li.menu {
  position: relative;
  float: left;
  display: inline;
}
ul.tabs li.menu a.menu {
  float: none;
  display: block;
}
ul.tabs li.menu a.menu i {
  background-position: -47px -64px;
  width: 7px;
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fphoenix%2Fimg%2Fsprite-icons.png");
  background-repeat: no-repeat;
  display: inline-block;
  opacity: .4;
  height: 13px;
  outline: none;
  overflow: hidden;
  margin-left: 4px;
  position: relative;
  top: 3px;
  /* A few positioning overrides for IE6/7 */
  *left: 4px;
  *top: 0;
  _margin-top: 8px;
}
ul.tabs li.menu ul {
  display: none;
  background: #fff;
  position: absolute;
  top: 30px;
  left: 0;
  width: 180px;
  padding: 3px 0;
  border: 1px solid #999;
  border-radius: 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px;
  -webkit-border-radius: 4px;
  -webkit-border-top-left-radius: 0;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
ul.tabs li.menu ul li {
  width: 160px;
}
ul.tabs li.menu ul li a,
ul.tabs li.menu ul li a:hover {
  display: block;
  width: 160px;
  padding: 4px 10px 3px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
ul.tabs li.open a.menu,
ul.tabs li.menu ul li a:hover {
  color: #fff;
  background: #999;
  border-color: #999;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}
ul.tabs li.open a.menu i,
ul.tabs li a.menu:hover i {
  opacity: 1;
}
ul.tabs li.open ul {
  display: block;
}

/* Clean, basic pill nav */
ul.pills {
  background: #eaf3f9;
  margin: 0 -20px;
  padding: 6px 8px;
}
ul.pills li { display: inline; }
ul.pills li a {
  display: inline;
  float: left;
  width: auto;
  margin-right: 3px;
  padding: 6px 12px 6px;
  line-height: 11px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  text-shadow: 0 1px 1px #fff;
}
ul.pills li a:hover {
  background: #99bfe1;
  background: rgba(34,118,187,.4);
  color: #fff;
  -moz-box-shadow: inset 0 1px 3px rgba(34,118,187,.25);
  -webkit-box-shadow: 0 1px 1px #fff;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(34,118,187,.75);
}
ul.pills li.active a {
  background: #2276BB;
  background: rgba(34,118,187,1);
  color: #fff;
  -moz-box-shadow: inset 0 1px 3px rgba(34,118,187,.5);
  -webkit-box-shadow: 0 1px 1px #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.5);
  text-shadow: 0 1px 1px rgba(34,118,187,1);
}

/* Build in some new basic columns support */
/*
div.columns {

}
div.columns div.column {
  display: inline;
  float: left;
}
div.columns div.main {
  width: 533px;
  margin-left: 0;
}
div.columns div.sidebar {
  width: 180px;
  margin-left: 20px;
  padding: 6px 0 0;
}
div.columns div.sidebar p,
.subpage #content div.columns div.sidebar p {
  margin-bottom: 15px;
  font-size: 11px;
  line-height: 15px;
  color: #555;
}
div.columns div.sidebar ul li {
  font-size: 11px;
  line-height: 18px;
}

div.content-block { margin-bottom: 20px; }
*/

/* Wells (sunken in bodies of content) */
div.well {
  background: #f3f3f3;
  padding: 14px 19px;
  margin: 0 0 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #eee;
  border-top-color: #ddd;
}


/*  Common Tables
================================================== */
table.common-table {
  width: 100%;
  margin: 5px 0 20px;
  border-collapse: separate;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
table.common-table tr {

}
table.common-table th {
  color: #555;
  padding: 10px;
  border-bottom: 2px solid #ddd;
}
table.common-table thead td {
  font-weight: bold;
  color: #333;
}
table.common-table td {
  padding: 5px 10px 5px 10px;
  color: #555;
  line-height: 18px;
  border-bottom: 1px solid #eee;
  vertical-align: top;
}
table.common-table td + td,
table.common-table th + th {
  border-left: 1px solid #fff !important;
}
table.common-table tbody tr:hover td {
  background: rgba(0,0,0,.03);
}
/* Cell sizing for columns */
table.common-table .one { width: 40px; }
table.common-table .two { width: 80px; }
table.common-table .three { width: 120px; }
table.common-table .four { width: 160px; }
table.common-table .five { width: 200px; }
table.common-table .six { width: 260px; }
/* Turn a link into a block level link so the whole cell is clickable */
table.common-table a.block-link {
  display: block;
  margin: -10px;
  padding: 10px;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(255,255,255,.75);
}
/* Style the table to have opposite background colors for improved readability -- WILL NEED TO BE REFACTORED FOR OLDER BROWSERS */
table.zebra-striped td {
  text-shadow: 0 1px 1px rgba(255,255,255,.75);
}
table.zebra-striped thead tr th {
  border-bottom: 3px solid rgba(141,192,219,.6);
  white-space: nowrap;
}
table.zebra-striped tbody tr td {
  border: 0 !important;
  border-bottom: 1px solid #fff !important;
  white-space: nowrap;
}
table.zebra-striped tbody tr:nth-child(odd) td {
  background-color: rgba(204,234,243,.25) !important;
}
table.zebra-striped tbody tr:hover td {
  background-color: rgba(204,234,243,.5) !important;
}
/* Table Sorter (jQuery plugin) Styles */
table.common-table th.header { /* For tablesorter tables, make THs have a pointer on hover */
  cursor: pointer;
  padding-right: 20px;
}
table.common-table th.headerSortUp,
table.common-table th.headerSortDown { /* Style the sorted column headers (THs) */
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ftables%2Ftablesorter-indicators.png");
  background-position: right -23px;
  background-repeat: no-repeat;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  background-color: rgba(141,192,219,.25);
  text-shadow: 0 1px 1px rgba(255,255,255,.75);
}
table.common-table th.header:hover { /* Style the ascending (reverse alphabetical) column header */
  background-image: url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Ftables%2Ftablesorter-indicators.png");
  background-position: right 16px;
  background-repeat: no-repeat;
}
table.common-table th.actions:hover {
  background-image: none !important;
}
table.common-table th.headerSortDown,
table.common-table th.headerSortDown:hover { /* Style the descending (alphabetical) column header */
  background-position: right -24px;
}
table.common-table th.headerSortUp,
table.common-table th.headerSortUp:hover { /* Style the ascending (reverse alphabetical) column header */
  background-position: right -64px;
}
/* Blue Table Headings */
table.common-table th.blue {
  color: #2276BB;
  border-bottom-color: #2276BB;
}
table.common-table th.headerSortUp.blue,
table.common-table th.headerSortDown.blue { /* backround color is 20% of border color */
  background-color: #d3e4f1;
}
/* Green Table Headings */
table.common-table th.green {
  color: #4bb14b;
  border-bottom-color: #4bb14b;
}
table.common-table th.headerSortUp.green,
table.common-table th.headerSortDown.green { /* backround color is 20% of border color */
  background-color: #dbefdb;
}
/* Red Table Headings */
table.common-table th.red {
  color: #ab2920;
  border-bottom-color: #ab2920;
}
table.common-table th.headerSortUp.red,
table.common-table th.headerSortDown.red { /* backround color is 20% of border color */
  background-color: #eed4d2;
}
/* Yellow Table Headings */
table.common-table th.yellow {
  color: #faa226;
  border-bottom-color: #faa226;
}
table.common-table th.headerSortUp.yellow,
table.common-table th.headerSortDown.yellow { /* backround color is 20% of border color */
  background-color: rgba(250,162,38,.2);
}
/* Align-rght columns */
table.common-table th.align-right,
table.common-table td.align-right {
  text-align: right;
}
/* Muted text (faded to a light gray) */
table.common-table .muted {
  color: #999;
}

/* Status labels are in-line reversed out text labels */
span.status-label {
  background: #ccc;
  padding: 2px 5px 3px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 1px rgba(0,0,0,.01) !important;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
span.status-label.expired {
  background-color: #f5f5f5;
  color: #999;
}
span.status-label.pending {
  background-color: #48489b;
}
span.status-label.declined {
  background-color: #9b4848;
}
span.status-label.active, span.status-label.approved {
  background-color: #59bf59;
}
span.status-label.disabled {
  background-color: #faa226;
}
span.status-label.scheduled {
  background-color: #f5f5f5;
  color: #59bf59;
  text-shadow: 0 1px 0 rgba(255,255,255,.5) !important;
}

/* WTF = Who To Follow */

#recommended_users {
  margin: 18px 0 25px;
}

#recommended_users .view_all {
  padding: 8px 14px 0;
  font-size: 0.9em;
}

#recommended_users .sidebar-title a {
  float:right;
  font-size: 10px;
  padding-top: 2px;
}

#recommended_users ul {
  padding: 8px 14px 0;
  font-size: 11px;
}

#recommended_users li {
  clear:both;
  margin-bottom:10px;
  zoom:1;
}

#recommended_users div.avatar {
  float:left;
  width: 34px;
}

#recommended_users div.bio {
  float:right;
  width:135px;
}

#recommended_users p {
  margin-bottom: 2px;
  padding: 0;
}

#recommended_users li .next-suggestion {
  float: right;
  font-size: 12px;
  margin-top: -3px;
  color: #999;
  cursor: pointer;
  text-decoration: none;
}
#recommended_users li a.next-suggestion:hover {
  color: #777;
  cursor: pointer;
  text-decoration: none;
}

#recommended_users .sidebar-title a {
  float: right;
}

#recommended_users p.screen-name {
  font-weight:bold;
}
#recommended_users p.verified {
  margin-bottom: 1px;
}
#recommended_users p.verified a {
  padding: 1px 18px 1px 0;
  background: transparent url("/?originalUrl=https%3A%2F%2Fweb.archive.org%2Fweb%2F20110410143815im_%2Fhttp%3A%2F%2Ftwitter.com%2Fimages%2Fverified%2Fverified_small.png") no-repeat center right;
}

#recommended_users .sidebar-menu ul li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#recommended_users .sidebar-menu ul li img{
  margin-right:5px;
}

#recommended_users .sidebar-menu ul li span {
  font-size: 12px;
  line-height: 1.3;
}

#recommended_users div.screen-name {
  font-weight:bold;
}

#recommended_users .sidebar-menu ul li span.name {
  color:#333;
}

#recommended_users .sidebar-menu ul li span.follow {
  font-size: 11px;
}

#recommended_users img {
  width: 28px;
  height: 28px;
}

#recommended_users p.follow-link a.loading {
  text-decoration:none;
  color:gray;
  cursor:default;
}

#recommended_users p.follow-link span.pending {
  text-decoration:none;
  color:gray;
  cursor:default;
  font-size: 11px;
}

.recommended-similar-users {
  background-color: #f6f6f6;
  border: 1px solid #eee;
  padding: 10px;
  margin: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  display:none;
}

#content .recommended-similar-users h3 {
  font-weight: normal;
  font-size: 13px;
  margin-top:0px;
  color: #666;
}

.recommended-similar-users .seeall {
  margin: 0px;
  font-size: 11px;
  text-align: right;
}

.recommended-similar-users .seeall a {
  color: #999;
}

.recommended-similar-users ul {
  margin: 10px 0;
  clear: both;
}
.recommended-similar-users li {
  float: left;
  width: 160px;
  font-size: 11px;
}
.recommended-similar-users li img {
  width: 35px;
  height: 35px;
}

.recommended-similar-users .bio {
  padding-top: 3px;
  float: right;
  width: 120px;
}

.subpage #content .recommended-similar-users .bio p {
  margin: 0 0 2px;
}

.recommended-similar-users .close {
  float: right;
  color: #aaa;
  margin-top: -2px;
}


/* Brand new, non-table forms */
form.twitter-form {

}
form.twitter-form h3 {
  margin-bottom: 10px;
}
form.twitter-form fieldset {
  margin: 20px -20px -10px 0;
  padding: 13px 20px 5px 0;
  border-top: 1px solid #ddd;
}
form.twitter-form fieldset legend {
  background: #fff;
  float: left;
  margin: -25px 0 15px 140px;
  padding: 0 10px;
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  color: #333;
}
form.twitter-form fieldset legend small {
  font-size: 14px;
  font-weight: normal;
  color: #777;
}
/* Parent element that clears floats and wraps labels and fields */
form.twitter-form div.clearfix {
  margin: 0 0 20px;
}
/* clear the floated legends (which are floated to fix spacing issues across browsers) */
form.twitter-form fieldset div.clearfix {
  clear: both;
}
/* Float labels left */
form.twitter-form label {
  float: left;
  width: 130px;
  text-align: right;
  padding-top: 4px;
  color: #333;
  font-size: 13px;
}
form.twitter-form label small {
  font-size: 12px;
  color: #777;
}

/* Inline labels for checkboxes and radio buttons */
form.twitter-form label.inline-label {
  display: inline;
  float: none;
  width: auto;
}

/* Shift over the inside div to align all label's relevant content */
form.twitter-form div.input {
  margin-left: 150px;
}

/* Form actions (buttons at the bottom) */
div.actions {
  background: #f5f5f5;
  margin: 30px 0 0;
  padding: 20px 20px 20px 150px;
  border-top: 1px solid #ddd;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}
div.actions a.cancel {
  line-height: 34px;
  padding-left: 5px;
}
div.actions div.secondary-action {
  float: right;
}
div.actions div.secondary-action a {
  line-height: 34px;
}
div.actions div.secondary-action a:hover {
  text-decoration: underline;
}
form.twitter-form div.actions {
  margin-right: -20px;
}
form.twitter-form fieldset + div.actions {
  margin-top: 20px;
}

/* Inputs, Textareas, Selects */
form.twitter-form input[type=text],
form.twitter-form input[type=password],
form.twitter-form textarea,
form.twitter-form select {
  width: 210px;
  margin: 0;
  padding: 3px 4px;
  font: 13px/18px Helvetica Neue, Helvetica, Arial, sans-serif !important;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
form.twitter-form select {
  padding: auto;
  width: auto;
  height: 25px;
  line-height: 25px;
}
form.twitter-form p.uneditable-input {
  padding-top: 4px;
  margin-bottom: 0 !important;
}
/* Get fancy with browser detection and handle inconsistencies */
body.ie form.twitter-form input[type=text],
body.ie form.twitter-form input[type=password],
body.ie form.twitter-form textarea {
  padding-bottom: 5px;
}
body.firefox form.twitter-form input[type=text],
body.firefox form.twitter-form input[type=password],
body.firefox form.twitter-form textarea {
  padding-top: 3px;
  padding-bottom: 5px;
}
/* Form element sizes */
.input-mini,
form.twitter-form input.mini,
form.twitter-form textarea.mini,
form.twitter-form select.mini,
form.twitter-form p.pseudo-input.mini {
  width: 60px;
}
.input-small,
form.twitter-form input.small,
form.twitter-form textarea.small,
form.twitter-form select.small,
form.twitter-form p.pseudo-input.small {
  width: 90px;
}
.input-medium,
form.twitter-form input.medium,
form.twitter-form textarea.medium,
form.twitter-form select.medium,
form.twitter-form p.pseudo-input.medium {
  width: 150px;
}
.input-large,
form.twitter-form input.large,
form.twitter-form textarea.large,
form.twitter-form select.large,
form.twitter-form p.pseudo-input.large {
  width: 210px;
}
.input-xlarge,
form.twitter-form input.xlarge,
form.twitter-form textarea.xlarge,
form.twitter-form select.xlarge,
form.twitter-form p.pseudo-input.xlarge {
  width: 270px;
}
.input-xxlarge,
form.twitter-form input.xxlarge,
form.twitter-form textarea.xxlarge,
form.twitter-form select.xxlarge,
form.twitter-form p.pseudo-input.xxlarge {
  width: 530px;
}
form.twitter-form textarea.xxlarge {
  overflow-y: scroll;
}
/* Turn off focus for disabled (read-only) form elements */
form.twitter-form input[readonly]:focus,
form.twitter-form textarea[readonly]:focus {
  border-color: #ddd !important; /* Important flags make me sad, but it's required for now -- @mdo */
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
/* Help Text */
.help-inline,
.help-block {
  font-size: 12px;
  color: #777;
}
.help-inline {
  padding-left: 3px;
}
.help-block {
  display: block;
  max-width: 640px;
  margin: 5px 0 0 !important;
  line-height: 18px;
}
.help-warning {
  color: #faa226;
}
.help-error {
  color: #ab2920;
}
/* Inline help icons */
form.twitter-form a.help-icon {
  position: relative;
  top: 1px;
  left: 2px;
}
/* Big blocks of help text */
div.help-block {

}
div.help-block h5,
div.help-block p,
div.help-block ol li {
  color: #555;
}
div.help-block p,
div.help-block ol li {
  font-size: 12px !important;
}
div.help-block h5 {
  font-size: 13px;
  line-height: 18px;
}
div.help-block p {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  color: #777;
}
div.help-block ol {
  margin-bottom: 10px;
  margin-left: 25px !important;
}
/* Inline Fields (input fields that appear as inline objects */
div.inline-inputs {
  position: relative;
  color: #555;
}
div.inline-inputs span,
div.inline-inputs input[type=text] {
  display: inline-block;
}
div.inline-inputs input.mini {
  width: 62px;
}
div.inline-inputs input.small {
  width: 90px;
}
/* Allow us to put $ signs within the input field for a cleaner look */
div.preface-input {
  position: relative;
}
div.preface-input input[type=text] {
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}
div.preface-input span.preface {
  background: #f5f5f5;
  display: inline;
  float: left;
  padding: 3px 6px;
  font-size: 13px;
  line-height: 18px !important;
  height: 18px;
  color: #555;
  border: 1px solid #ccc;
  border-right: 0;
  border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}
body.ie7 div.preface-input span.preface {
  margin-top: 1px;
}
/* Single checkbox or radio button */
form.twitter-form label.checkbox,
form.twitter-form label.radio {
  display: block;
  width: auto;
  padding: 4px 0 0;
  float: none;
  text-align: left;
}
/* Stacked options for forms (radio buttons or checkboxes) */
ul.options {
  margin: 0;
  padding: 3px 0 0;
  width: 100%;
}
ul.options li {
  display: block;
  margin-bottom: 5px;
  padding: 0;
  width: 100%;
}
ul.options li:last-child {
  margin-bottom: 0; /* Remove the last margin from the list to not add extra spacing between fields */
}
ul.options label {
  position: relative;
  display: block;
  float: none;
  width: auto;
  margin: 0;
  padding: 0 0 0 20px;
  line-height: 20px;
  text-align: left;
  white-space: normal;
}
ul.options label strong {
  color: #555;
}
ul.options label .help-icon {
  position: relative;
  top: 1px;
}
ul.options input[type=radio],
ul.options input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  margin: 4px 5px 0 0;
}
/* for ie8 and above */
body.ie ul.options input[type=radio],
body.ie ul.options input[type=checkbox] {
  margin-top: 2px;
}
/* for ie7 -- needs to come after .ie for specificity */
body.ie7 ul.options input[type=radio],
body.ie7 ul.options input[type=checkbox] {
  margin-top: -2px;
}
ul.options label small {
  font-size: 12px;
  font-weight: normal !important;
}
ul.options ul {
  margin-top: 5px;
}
/* Disabled states for form elements, containing elements, and help text */
div.disabled span {
  color: #aaa;
}
div.disabled input[type=text],
div.disabled input[type=passsword],
div.disabled textarea {
  background: #f5f5f5;
}
ul.options label.disabled,
ul.options label.disabled span,
ul.options label.disabled small,
ul.options label.disabled strong {
  color: #aaa !important;
}
/* Nested options */
ul.options li ul {
  margin-left: 20px;
}


/* New super awesome grid layout */
div.row { margin-left: -20px; }
div.row div.column, div.row div.columns {
  display: inline;
  float: left;
  margin: 0;
}
div.row div.column, div.row div.columns {
  margin-left: 20px;
}
div.row div.one { width: 40px; }
div.row div.two { width: 100px; }
div.row div.three { width: 160px; }
div.row div.four { width: 220px; }
div.row div.five { width: 280px; }
div.row div.six { width: 340px; }
div.row div.seven { width: 400px; }
div.row div.eight { width: 460px; }
div.row div.nine { width: 520px; }
div.row div.ten { width: 580px; }
div.row div.eleven { width: 640px; }
div.row div.twelve { width: 700px; }
div.row div.thirteen { width: 760px; }
div.row div.fourteen { width: 820px; }
div.row div.fifteen { width: 880px; }
div.row div.sixteen { width: 940px; }
div.row div.one-fourth { width: 205px; }
div.row div.one-third { width: 300px; }

div.row div.offset-by-one { margin-left: 60px; }
div.row div.offset-by-two { margin-left: 120px; }
div.row div.offset-by-three { margin-left: 180px; }

div.row div.sidebar { /* Take the 5col width, add 30px left margin, add 30px width */
  width: 310px;
  margin-left: 50px;
}

body.ie6 div.row { width: 960px; } /* IE6 requires a fixed width for negative margins */

/* World Cup hashflag style. Removed after World Cup */
.hashflag img {
  position: relative;
  left: -2px;
  top: 3px;
}

/* blocked t.co URL display */
span.unsafe {
  text-decoration: line-through;
}

.biz-info-form {
  max-width:600px;

}

.biz-info-form td select{
  float:left;
}

.biz-info-form td input{
  float:left;
  width:210px !important;
}

#phoenix-banner {
  background: #555;
  color: white;
  width: 100%;
  z-index: 9999;
  padding: 4px 0px;
}

#phoenix-banner .inner {
  margin: 0 auto;
  position: relative;
  width: 763px;
  text-align: left;
}

#phoenix-banner span {
  display: inline-block;
  padding: 6px 8px;
}

#phoenix-banner img {
  height: 26px;
  float:left;
}

#phoenix-banner a {
  color: #FFF;
  font-weight: bold;
}


/*
     FILE ARCHIVED ON 14:38:15 Apr 10, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:39:53 Dec 26, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 4.464
  exclusion.robots: 0.099
  exclusion.robots.policy: 0.076
  esindex: 0.016
  cdx.remote: 20.376
  LoadShardBlock: 253.574 (3)
  PetaboxLoader3.resolve: 238.058 (5)
  PetaboxLoader3.datanode: 141.453 (5)
  load_resource: 207.252 (2)
*/