*{margin:0;padding:0;border:0;}
body{position:relative;font:13px/1.5 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;}
a{color:#2D76B9;text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus{outline:1px dotted;}
hr{border:0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3);*border-top:1px solid #000;*border-bottom:1px solid #fff;*filter:alpha(opacity = 30);clear:both;height:0;display:block;margin:15px 0 15px 0;}
h1{font-size:21px;}
h2{font-size:19px;}
h3{font-size:17px;}
h4{font-size:13px;}
ol{list-style:decimal;}
ul{list-style:disc;}
li{margin-left:15px;}
b,strong{font-weight:bold;}
img { vertical-align:bottom;}



#top-bar-outer{width:100%;height:260px;display:block;text-align:center;position:relative;background:#111;background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#111));background:-moz-linear-gradient(top,#333,#111);background:transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#111111');box-shadow:0 1px 2px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);}
#top-bar{margin:0 auto;_width:1000px;min-width:1000px;max-width:1120px;text-align:left;}
#top-bar .top-bar-inside{_width:920px;min-width:920px;max-width:1040px;margin:0 40px;position:relative;color:#999;}
#top-bar h1, #global, #s1, #s2, #s3,#exp{position:absolute;}
#top-bar h1 {top:12px;left:5px;}
#top-bar h2 {position:absolute;top:16px;left:210px;}
#top-bar h3 { height:18px; margin-bottom:5px;line-height:1;}
#top-bar h3 img {vertical-align:top;}

#s1 {top:70px;width:424px;height:80px;border-bottom:#666 dotted 1px;}
#s2 {top:165px;width:424px;height:70px;}
#s3 {top:70px;left:448px;width:240px;height:160px;border-left:#666 dotted 1px;border-right:#666 dotted 1px;font-size:9px;}
#s4 {padding:70px 0 0 714px;width:auto;height:160px;}
#exp {top:241px;}

#global {position:absolute;top:12px;right:2px;}
#global li { float: left; margin: 0 0 0 5px; list-style: none; text-align: right; font-size: 9px; line-height: 2.2;}
#global a { font-size: 12px; color: #FFF!important;}
.login { width: 130px; height: 20px; background-image: url(login.gif);}
.logout { width: 60px; height: 20px; background-image: url(logout.gif);}
.login:hover, .logout:hover { background-position: 0 -20px;}

#friends {position:absolute;top:36px;right:0; padding:2px 2px 2px 5px;font-size:9px;line-height:1;background:#C1DEEE; color: #666;}
#share { width: 180px; margin-left: 5px; text-align: right!important; border: #999 solid 1px; color: #666; font-size: 9px;}

.bg { background-color: #C0DEED; background-image: url(http://s.twimg.com/a/1287010001/images/themes/theme1/bg.png); background-position: left 260px; background-attachment: fixed; background-repeat: no-repeat;}
.tc { color: #333;}
.tca { color: #333; filter: alpha(opacity=74); -moz-opacity: 0.74; opacity: 0.74;}
.lc, a { color: #0084B4;}
.fc { background-color: #DDEEF6;}
.bgc { float: left; position: relative; width: 40px; height: 40px; margin-left: 8px; background: #C1DEEE;}
.bgc img { margin: 8px 0 0 8px;}
.lcc { float: left; position: relative; width: 16px; height: 30px; margin-left: 8px; background: #347593;}
.fcc { width: 16px; height: 20px; background: #A6E7FD;}
.tcc { width: 16px; height: 5px; background: #333333;}
.rec, .ori { position: absolute; top: -5px; left: -5px; width: 10px; height: 10px;}
.rec { background-image: url(rec.gif);}
.ori { background-image: url(original.gif);}

.list div:first-child { margin-left: 0;}
.list span { font-size: 8px;}
#s1 .list span { position: absolute; top: 40px; left: 15px;}
#s2 .list span { position: absolute; top: 30px; left: 3px;}
.hidden { display: none;}

.sort { position: absolute; top: 0; left: 138px;}
.sort button { float: left; height: 16px; background: url(sort.gif) 0 0 no-repeat;}
.sort button.recommend { width: 36px; background-position: 0 0;}
.sort button.count { width: 25px; background-position: -36px 0;}
.sort button.new { width: 27px; background-position: -61px 0;}
.sort button.recommend:hover, .sort button.recommend.on { background-position: 0 -16px;}
.sort button.count:hover, .sort button.count.on { background-position: -36px -16px;}
.sort button.new:hover, .sort button.new.on { background-position: -61px -16px;}

.pagination { position: absolute; top: 0; right: 0; font-size: 8px; color: #999!important;}
.pagination a { text-decoration: none; background: #555; color: #999!important;}
.pagination a, .pagination span { display: block; float: left; width: 14px; height: 14px; margin-left: 3px; text-align:center;}
.pagination a:hover, .pagination .current, .pagination .current.prev, .pagination .current.next { background:#CCC; color:#000;}

#s3 h3, #setcolor { margin-left: 24px;}
#setcolor div { width: 110px; margin-bottom: 5px; padding: 3px; border: #444 solid 1px;}
#setcolor div:hover { border-color: #CCC;}
#setcolor div label { display: block; height: 16px; background: #FFF; filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; color: #000;}
#setcolor div label input { width: 50px; height: 12px; margin-right: 9px; text-align: center; vertical-align: middle; border-right: #CCC solid 1px; font-size:9px;}
#s3 .bbg { position: absolute; top: 23px; left: 160px;}
#s3 .bbg img { width: 60px; height: 60px;}
#upbtn { position: absolute; top: 89px; left: 160px;}
#queue { position: absolute; top: 109px; left: 160px; z-index: 100;}
#tile { margin-bottom: 6px;}
#tile label input { vertical-align: middle;}
#tile label input.on { color: #F00;}

.uploadifyQueueItem{margin-top:2px;background-color:#F5F5F5;border:2px solid #E5E5E5;font:11px Verdana, Geneva, sans-serif;padding:5px;width:200px;}
.uploadifyError{background-color:#FDE5DD !important;border:2px solid #FBCBBC !important;}
.uploadifyQueueItem .cancel{float:right;}
.uploadifyQueue .completed{background-color:#E5E5E5;}
.uploadifyProgress{clear:both;background-color:#E5E5E5;margin:5px 0 0;width:100%;}
.uploadifyProgressBar{background-color:#0099FF;height:3px;width:1px;}

.submit { float: left; width: 120px; height: 40px; margin: 0 10px 15px 0; background-image: url(submit.gif); background-color: #000;}
.submit:hover { background-position: 0 -40px;}
.submit.off, .submit.off:hover { background-position: 0 -80px;}
#s4 label { color: #FFC;}
#attention { clear: both; height: 80px; font-size:9px; overflow: hidden;}
#attention a { color: #CCC!important;}

.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack{position:absolute;right:0;top:0;height:100%;background:#555;}
.jScrollPaneDrag {position:absolute;background:#444;overflow:hidden;}

.ad { width: 300px; height: 260px;}
.ads { position: absolute; top: 14px; left: 560px; z-index: 10;}
.adt { padding-top: 260px;}

#bookmark { margin-right: 20px;}
.bookmark li { float: left; height: 24px; padding-right: 8px; list-style: none;}
.tw{ width: 104px; height: 21px; overflow: hidden;}
.fb{ width: 102px;}
.mixi{ width: 92px;}
.bookmark iframe, .bookmark p { float: left;}
.bookmark iframe, .bookmark img { vertical-align: top;}

/*indent*/
.sort button, .submit, .login, .logout, .rec, .ori { display: block; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}
/*radius*/
.bgc, .lcc, #friends, #share,
.pagination a, .pagination .current, .pagination .current.prev, .pagination .current.next,
#setcolor div, #setcolor label, #tile, .uploadifyQueueItem { -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*shadow*/
.bgc img {-moz-box-shadow:1px 1px 3px #999;-webkit-box-shadow:1px 1px 3px #999;}
/*cursor*/
.bgc, .lcc, .sort button, #setcolor div label, #setcolor div label input, #tile label, #tile label input, .submit, .login, .logout, .jScrollPaneTrack, .jScrollPaneDrag { cursor: pointer;}



#doc{width:100%;position:relative;text-align:center;z-index:1;}
#top-stuff{position:fixed;top:0;left:0;z-index:12;width:100%;}
#page-outer{_width:1000px;min-width:1000px;max-width:1120px;padding-top:280px;margin:0 auto 0 auto;_padding-top:20px;}
#page-container{_width:920px;min-width:920px;max-width:1040px;margin:0 40px;position:relative;z-index:1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;text-align:left;}
#main{width:540px;height:100%;min-height:963px;float:left;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;}
.main-content{width:540px;float:left;display:inline-block;z-index:4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 3px 4px #999;-webkit-box-shadow:0 3px 4px #999;*border-right:1px solid #eee;position:relative;background:#FFFFFF;height:100%;min-height:963px;}
.dashboard{height:100%;min-height:939px;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;_width:340px;max-width:460px;min-width:340px;position:relative;padding:12px 20px;overflow:hidden;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;}
.inline-list,.inline-list li{padding-right:1px;list-style:none;}
.inline-list li{display:inline;}


.home-header{background:#f8f8f8;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;zoom:1;z-index:2;position:relative;}
.stream-tabs{padding:0 10px;border-bottom:1px solid #eee;list-style-type:none;display:block;clear:both;margin:0;height:30px;}
.stream-tabs li{text-decoration:none;display:block;padding:3px 10px 2px 10px;margin:0;float:left;position:relative;outline:none;line-height:24px;border:1px solid transparent;overflow:hidden;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px;text-overflow:ellipsis-word;text-shadow:0 1px 0 #fff;_border-color:#f8f8f8;}
.stream-tabs li.active{border-color:#eee #eee #fff;color:#333!important;background:#fff;font-weight:bold;outline:none;}
.tweet-box{padding:15px 20px 20px;}
.tweet-box textarea{overflow:hidden;border:1px solid #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:8px;-webkit-box-shadow:0 1px #fff;-moz-box-shadow:0 1px #fff;box-shadow:0 1px #fff;width:482px;max-width:482px;height:15px;color:#222;font:14px/18px Helvetica Neue,Arial,sans-serif;outline:none;_width:442px;resize:none;}
.tweet-box textarea:focus,.tweet-box input[type=text]{-moz-box-shadow:0 0 8px rgba(82,168,236,0.5);-webkit-box-shadow:0 0 8px rgba(82,168,236,0.5);border-color:rgba(82,168,236,0.75)!important;}
.tweet-box h2{font:bold 18px Helvetica Neue,Helvetica,sans-serif;text-shadow:0 1px 0 #fff;overflow:hidden;padding:1px 0;margin:0 0 6px 0;color:#999;}
.tweet-box textarea:focus{overflow:auto;}
.tweet-box textarea:hover{outline:none;border:1px solid #999;cursor:text!important;}


.stream-manager{z-index:1;}
.stream{position:relative;background-color:#fff;padding-top:1px;min-height:600px;margin-top:1px;zoom:1;}
.stream .stream-item:first-child{border-top:1px solid transparent!important;margin-top:-1px;}
.stream-item{position:relative;border-bottom:1px solid #ebebeb;min-height:60px;clear:both;display:block;outline:none;}
.stream-list{padding:10px 20px;}


.tweet{padding:10px 20px;font-size:15px;position:relative;zoom:1;}
.tweet a:hover{text-decoration:underline;}
.tweet-image{float:left;height:48px;overflow:hidden;width:48px;margin-top:3px;}
.tweet-image img{width:48px;height:48px;}
.tweet-content{margin-left:58px;min-height:48px;}
.tweet-row{display:block;position:relative;line-height:15px;}
.tweet-full-name{color:#999;font-size:12px;}
.tweet-screen-name{font-weight:bold;color:#333!important;}
.tweet-timestamp{color:#999!important;font-size:11px;}
.tweet-text{padding:0;font-family:Arial,"Helvetica Neue",sans-serif;line-height:19px;word-wrap:break-word;color:#444;}
.user-rec-inner .user-rec-links{font-size:12px;}


.dashboard a:hover{text-decoration:underline;}
.dashboard .tweet{font-size:13px;font-family:'Helvetica Neue',Sans-serif;padding:0;width:auto;}
.component{font-family:'Helvetica Neue',Helvetica,Arial,Sans-serif;margin-bottom:6px;}
.component .loading-spinner{text-align:center;}
.component h2{font-size:16px;font-weight:300;padding-bottom:6px;}
.component h2 span{margin-left:5px;font-size:13px;font-weight:bold;}


div.your-activity{float:left;width:50%;margin-bottom:13px;overflow:hidden;}
div.component h3{margin-top:-7px;}

div.latest-tweet .tweet-content{margin-left:40px;min-height:40px;line-height:18px;}
div.latest-tweet{margin-bottom:14px;margin-top:-4px;}
div.latest-tweet .tweet-text{display:inline;line-height:17px!important;}
div.latest-tweet .tweet-row{height:36px;overflow:hidden;text-overflow:ellipsis;}
div.latest-tweet .tweet-image,div.latest-tweet .tweet-image img{width:32px;height:32px;}
div.latest-tweet .latest-tweet-timestamp{font-weight:bold;}

div.user-rec-inner{display:block;}
div.user-rec-inner li.user-small-list-item{float:left;width:50%;*width:230px;}
div.trends-inner+hr.component-spacer{display:none;}
div.trends-inner{float:left;padding-bottom:16px;width:50%;min-height:250px;}
div.trends-inner ul{padding-right:20px;font-size:12px;}
div.trends-inner.wide-trends{min-height:0;}
.dashboard p.latest-status{margin-bottom:14px;}
.dashboard ul,.dashboard ul li{margin:0;list-style:none;}

.dashboard h3{margin:0;padding:0;font-size:13px;}
.dashboard p.latest-status{font-size:13px;line-height:17px;color:#666;}
.dashboard p.latest-status strong{font-weight:bold;color:#444;}
.dashboard p.latest-status .timestamp{color:#CCC;font-size:12px;margin-left:10px;}
.dashboard .latest-status-retweeted-user{font-weight:bold;}
.dashboard .footer{clear:both;padding-top:0;font-size:11px;}

.user-small-list-item{position:relative;white-space:nowrap;padding-bottom:5px;}
.user-small-list-item .user-thumb{overflow:hidden;text-overflow:ellipsis;width:32px;height:32px;display:block;position:absolute;}
.user-small-list-item .user-thumb img{width:32px;height:32px;}
.user-small-list-item .user-name-info{line-height:16px;outline:none;padding:0 0 5px 38px;overflow:hidden;}
.user-small-list-item .user-screen-name{color:#000;display:inline-block;overflow:hidden;font-weight:bold;max-width:110px;font-size:13px;overflow:hidden;margin-top:-1px;}
.user-small-list-item .user-follow-state{display:inline-block;height:16px;font-size:12px;vertical-align:top;}
.user-small-list-item .user-full-name{display:block;color:#333;font-size:12px;height:16px;overflow:hidden;}

.component h3{margin-bottom:5px;color:#333;font-size:13px;font-weight:normal;}
div.footer span.dot{opacity:.5;font-weight:bold;}


#tools { position: fixed; top: 0; left: 0; z-index: 1000;}