body { background-image:url(../../img/shuffle_status/bg.png); font-family:sans-serif; }
img { border:0; }
.clear { clear:both; }
#body {
    width:897px;
    margin:0 auto;
}
#header {
    background-image:url(../../img/shuffle_status/bg-head.png);
    height:139px;
}
#content {
    background-image:url(../../img/shuffle_status/bg-middle.png);
    min-height:300px;
}
#footer {
    background-image:url(../../img/shuffle_status/bg-foot.png);
    height:44px;
}
#content-inner {
    padding:1px 50px;
}
h2 {
    margin:12px 0;
    font-family:'Lucida Grande',sans-serif;
    font-weight:normal;
    font-size:24px;
}

a {
    color:#666;
}
a:hover {
    color:black;
}


#controls .button { background: transparent url(../../img/shuffle_status/button-swatch.png) no-repeat scroll 0pt 0pt; margin-bottom: 2px; display:block; height:32px; }
#controls #shuffle_btn { width: 96px; background-position: 0pt 0pt; }
#controls #shuffle_btn:hover { background-position: 0pt -32px; }
#controls #shuffle_btn:active { background-position: 0pt 0pt; }
#controls #shuffle_btn.disabled_button { background-position: 0pt -64px; }
#controls #undo_btn { width: 38px; background-position: 0pt -96px; }
#controls #undo_btn:hover { background-position: 0pt -128px; }
#controls #undo_btn.disabled_button { background-position: 0pt -160px ! important; }
#controls #favs_btn { width: 76px; background-position: 0pt -192px; }
#controls #favs_btn:hover { background-position: 0pt -224px; }
#controls #favs_btn.disabled_button { background-position: 0pt -256px ! important; }
#controls #send_btn { width: 80px; background-position: 0pt -288px; }
#controls #send_btn:hover { background-position: 0pt -320px; }
#controls #send_btn.disabled_button { background-position: 0pt -352px ! important; }
#controls #mod_btn { padding: 4px 12px; margin-left: 5px; }
#controls #set_btn { width: 112px; background-position: 0pt -384px; margin-right: 0pt; }
#controls #set_btn:hover { background-position: 0pt -416px; }
#controls #set_btn.disabled_button { background-position: 0pt -448px ! important; }

#shuffle_btn { float:left; margin-left:506px; }
#set_btn { float:left;  margin-left:20px;  }

#status-box { margin-left:40px; width:688px; }
#status-text { background-color:transparent; width:668px; height:42px; font-size:16px; border:0; line-height:21px; margin:-4px -6px -10px -6px; padding:6px 6px; }
.bubble { background: transparent url(../../img/shuffle_status/bubble.png) no-repeat scroll 0pt 0pt; }
.bubble.top { height: 10px; width: 100%; }
#the_status { border: medium none #ffffff; padding: 0pt 10px; min-height: 64px; height: 55px; background-repeat: repeat-y; background-position: -688px 0pt; font-size: 11pt; line-height: 150%; }
#tags_container { height: 14px; padding-top: 13px; background-position: 0pt -10px; }




#voting { float: left; width: 34px; height: 77px; margin-top: 2px; }
#voting .button { background: transparent url(../../img/shuffle_status/voting-controls.png) no-repeat scroll 0pt 0pt; width: 29px; height: 30px; margin-bottom: 2px; display:block; }

#voting #thumbs_up { background-position: 0pt 0pt; }
#voting #thumbs_up:hover { background-position: 0pt -32px; }
#voting #thumbs_up.disabled_button { background-position: 0pt -64px; }
#voting #thumbs_down { background-position: 0pt -96px; }
#voting #thumbs_down:hover { background-position: 0pt -128px; }
#voting #thumbs_down.disabled_button { background-position: 0pt -160px; }


#copy { color:white; font-size:10px; margin:-8px 22px 20px 0; text-align:right; }
#copy a { color:white; }

#the_status .maxlen {margin-top: 4px; font-size:11px; color:#666; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#tags {margin-top: 30px; color: black;}

.status-tags { font-size:12px; }

.tags { border:1px solid #ccc; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; padding:18px; background-color:#f9f9f9; }
.tags a.tag { text-decoration:none; }
.tags .tag.selected {background-color: #65BBE8;}

.tags .tag.size-1 {font-size: 14px; color:#aaa; }
.tags .tag.size-2 {font-size: 19px; color:#888; }
.tags .tag.size-3 {font-size: 24px; }
.tags .tag.size-4 {font-size: 28px; background-color:#ffe; }
.tags .tag.size-5 {font-size: 32px; background-color:#ffc; }
.tags .tag.size-6 {font-size: 36px; background-color:#ff9; }
.tags .tag.size-7 {font-size: 40px; background-color:#ff9; }
.tags .tag.size-8 {font-size: 44px; background-color:#ff9; }
.tags .id_tag_179 { background-color:#ff9 !important; }

#login-line { color:#666; font-size:11px; float:right; margin-top:-12px; margin-bottom:-12px; }
#login-line a { color:#666; }

/*#id_invite_friends_form { overflow:auto; height:375px; }*/
#list-invite { overflow:auto; height:250px; }
.jqmWindow { -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; }
.jqmWindow h2 { font-size:18px; font-weight:bold; margin:0 0 12px 0; padding:0; }
.jqmWindow p { font-size:12px; margin:12px 0; padding:0; }

#id_invite_friends_form .invite-button { font-size:18px; background-color: #559AF9; border: 1px solid #3772CC; color:white; cursor:pointer; }
#id_invite_friends_form .invite-button:hover {  background-color: #83B7FF; border: 1px solid #6391D6;  }

.follower-item { clear:both; height:52px; }
.follower-item input, .follower-item .avatar { float:left; }
.follower-item .avatar-image, .follower-item .avatar-text { float:left; }

.small { font-size:12px; }

#id_suggest_text_error { color:red; font-weight:bold; }

.huge { font-size:24px !important; padding:8px 12px !important; }


#id_would_you_like_keep_tweeting { border:1px solid #ccc; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; padding:18px; background-color:#f9f9f9; float:right; width:200px; margin:20px 0; }
#id_would_you_like_keep_tweeting h2 { margin:0 0 12px 0; font-size:16px; }
#id_would_you_like_keep_tweeting a { width:60px; text-align:center; }

.statuses-matching { padding: 5px; margin-left: 35px; font-size:14px; color:#666; }
.statuses-matching span { font-weight:bold; color:#000; }
#id_suggest_text { width:500px; height:72px; }