* {
 margin: 0;
 padding: 0;
 font-family: helvetica, calibri;
}

body {
 background: #fff;
 font-size: 14px;
 overflow: auto;
 scroll-y: on;
 padding-top: 60px;
}

#header {
 background: #efefef;
 padding: 5px;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
}

#content { 
 padding: 5px;
}

#top {
 width: 100%;
 overflow: hidden;
 text-align: left;
}

#query {
 font-size: xx-large;
 background: #fff;
 border: none;
 padding: 2px;
 margin-top: 5px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
}

#tweet {
 font-size: xx-large;
 padding: 2px;
 color: #ccc;
 float: left;
 display: none;
}

a {
 text-decoration: none;
 color: #FF00FF;
}

#dialog .tweet {
 font-size: large;
 color: #fff;
}

#results {
 color: #aaa;
 font-size: x-large;
 text-align: left;
 padding: 5px;
 padding-top: 1em;
 padding-left: 54px;
 padding-right: 48px;
}

#results span {
 font-size: xx-large;
 font-weight: none;
}

#results a span {
 color: inherit !important;
 font-size: inherit !important;
 font-weight: none;
}

#results li .br {
 height: 18px;
 width: 100%;
 clear: right;
}

#results li {
 clear: right;
}

#count {
 position: absolute;
 font-size: x-large;
 right: 18px;
 top: 18px;
 color: #333;
}

#toolbar {
 position: absolute;
 right: 48px;
 top: 12px;
}

#toolbar li {
 float: right;
 font-size: xx-large;
 list-style: none;
 margin-right: 32px;
 text-align: center;
}

#toolbar li:hover {
 text-decoration: line-through;
 color: #666 !important;
 cursor: pointer;
 cursor: hand;
}

a.reply {
 text-decoration: none;
 color: #ccc;
 font-size: larger;
 cursor: pointer;
 cursor: hand;
}

a.reply:hover {
 color: #666;
}

.user {
 color: #F15A24;
}

#logo {
 background: url('../images/cherp.png') center center no-repeat;
 float: left;
 width: 48px;
 height: 48px;
 margin-right: 2px;
}

#go {
 font-size: large;
 display: none;
}

#infobox {
 background: url('../images/infobox-middle.png') repeat-y top left;
 width: 782px;
 font-size: x-large;
 margin-left: 60px;
 color: #666;
 display: none;
}

#dialog .content {
 padding: 10px;
}

#dialog #infoline {
 color: #fff;
 text-transform: upper-case;
 padding-left: 10px;
 padding-top: 5px;
}

#l_infoline {
 text-transform: upper-case;
 display: none;
 font-size: 0.7em;
}

#infobox .content {
 padding-left: 15px;
 padding-right: 15px;
}

#infobox .bottom {
 background: url('../images/infobox-bottom.png') no-repeat top left;
 height: 23px;
 width: 100%;
 clear: both;
}

#infobox .top {
 background: url('../images/infobox-top.png') no-repeat top left;
 height: 46px;
 width: 100%;
}

.location {
 font-size: smaller !important;
 text-transform: uppercase;
 color: #aaa;
}

#dim {
 -moz-opacity: 0.9;
 opacity: 0.9;
 background: #000000;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 display: none;
}

#dialog {
 position: relative;
 margin: 0 auto;
 padding: 10px;
 width: 390px;
 background: #000;
 border: 4px #222 solid;
 display: none;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
}

#bg {
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 display: none;
}

#ecks:hover {
 -moz-opacity: 1;
 opacity: 1;
}

#ecks {
 cursor: pointer;
 cursor: hand;
 height: 24px;
 width: 24px;
 background: url('../images/ecks-button.png') top left no-repeat;
 float: right;
 -moz-opacity: .5;
 opacity: .5;
}

#dialog #reply_tweet {
 width: 370px;
 height: 4em;
 border: none;
 margin: 10px;
 padding: 5px;
 font-size: x-large;
 background: #efefef;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 word-wrap: break-word;
}

.title {
 color: #fff;
 padding-left: 10px;
 font-size: x-large;
}

#submit {
 float: right;
 margin-right: 10px;
 z-index: 99;
}

#submit span {
 height: 25px;
 width: 63px;
 display: block;
 background: url('../images/tweet-button-disabled.png') center center no-repeat;
}

#submit a {
 height: 25px;
 width: 63px;
 display: block;
 cursor: hand;
 cursor: pointer;
 background: url('../images/tweet-button.png') center center no-repeat;
}

#submit a:hover,
#submit a:focus {
 background: url('../images/tweet-button-hilight.png') center center no-repeat;
}

.clear {
 clear: both;
}

#auth {
 text-align: center;
 padding-bottom: 10px;
}

#auth input {
 width: 180px;
 margin: 2px;
 font-size: x-large;
 background: #ccc;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border: none;
 text-align: center;
 color: #999;
}

#trends,
#e08_trends {
 float: left;
}

#left_panel {
 width: 500px;
 display: block;
}

#right_panel {
 width: 225px;
 float: right;
}

#trends ul {
 padding-top: 0.25em;
}

#e08_trends ul {
 padding-top: 0.5em;
}

#e08_trends {
 margin-left: 40px;
}

#e08_trends ul li a {
 color: #ae0000;
}

#l_panel {
 margin-bottom: 1em;
 text-align: center;
}

#l_username,
#l_password {
 width: 180px;
 margin: 2px;
 background: #fff;
 font-size: x-large;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border: 2px #ccc solid;
 text-align: center;
 color: #999;
}

#l_login {
 margin: 10px;
 float: right;
 margin-right: 10px;
 z-index: 99;
}

#l_login a {
 height: 25px;
 width: 63px;
 display: block;
 cursor: hand;
 cursor: pointer;
 background: url('../images/login-button.png') center center no-repeat;
}

#l_login a:hover,
#l_login a:focus {
 background: url('../images/login-button-hilight.png') center center no-repeat;
}

#l_success {
 text-align: center;
 display: none;
 background: #ffa;
 font-size: smaller;
 padding: 5px;
 padding-top: 10px;
 margin-bottom: 10px;
 color: #333;
}