css/main.css

   1 /*----------------------------------------\r
   2 Rabr main.css\r
   3 Author: disinfeqt\r
   4 Platform: open source\r
   5 Version: 0082\r
   6 Date: 2010-04-18\r
   7 Synced: yes\r
   8 ----------------------------------------*/\r
   9 \r
  10 /* =elements\r
  11 ----------------------------------------*/\r
  12 body{background:#C0DEED url(../img/bg-clouds.png) repeat-x scroll 0 0;font-family:"Lucida Grande",Tahoma,Arial,sans-serif;font-size:13px;margin:0}\r
  13 *{margin:0;padding:0}\r
  14 a{color:#2276BB;text-decoration:none}\r
  15 li{list-style-image:none;list-style-position:outside;list-style-type:none}\r
  16 img{border:medium none}\r
  17 h2  {\r
  18 clear:both;\r
  19 display:block;\r
  20 float:left;\r
  21 font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;\r
  22 font-size:20px;\r
  23 font-weight:normal;\r
  24 line-height:1.1;\r
  25 margin:8px 0 0 10px;\r
  26 cursor:default;\r
  27 }\r
  28 .wrapper{margin:1em auto;position:relative;width:763px}\r
  29 .warpper{margin:1em auto;position:relative;width:763px}\r
  30 .content-bubble-arrow{background-image:url(../img/arr2.gif);background-position:25px 0;background-repeat:no-repeat;margin-top:1em;padding-top:11px}\r
  31 .columns{margin-bottom:15px;width:100%}\r
  32 .round{-moz-border-radius:5px;-webkit-border-radius:5px}\r
  33 .round-top-right{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px}\r
  34 .round-right{-moz-border-radius-bottomright:5px;-moz-border-radius-topright:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px}\r
  35 .round-bottom-right{-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px}\r
  36 .round-bottom{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0}\r
  37 .round-bottom-left{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px}\r
  38 .round-left{-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px}\r
  39 .round-top-left{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px}\r
  40 .round-top{-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px}\r
  41 .clear{clear:both}\r
  42 #error{padding:40px;text-align:center}\r
  43 #sidename,ul.sidebar-menu li a span.stat_count,#side #local_trend_locations li,#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,#side .stats .stats_count,fieldset.vertical-form label,fieldset.vertical-form input{display:block}\r
  44 .timeline li:hover a,.rank_list li:hover a,#user_stats a:hover,#info_block_btn:hover,#side .promotion a:hover,#side .stats a:hover{text-decoration:none}\r
  45 a:hover,.timeline li:hover a:hover,.rank_list li:hover a:hover,#side .user_icon a:hover #me_tweets,#side .stats a:hover .label{text-decoration:underline}\r
  46 #left,#sidenav a:hover,.allHighLight{background-color:#FFF}\r
  47 #user_info li span,#user_info_profile li span,#side .about .label{font-weight:700}\r
  48 \r
  49 /* =login\r
  50 ----------------------------------------*/\r
  51 #login_left{background:#FFF url(../img/press-bird.gif) no-repeat scroll 100% 60%}\r
  52 #login{display:block;margin:0 auto;width:240px}\r
  53 #username,#password{border:1px solid #C7C5B8;display:inline;padding:4px;width:150px}\r
  54 #login div{display:block;margin:10px}\r
  55 #login_btn{margin-right:50px}\r
  56 #login_area{background-color:#FFF;float:left;padding:10px 0;width:766px}\r
  57 #remember{font-size:12px;margin-left:20px;padding:5px 0 0 50px}\r
  58 #remember_input{margin:0 5px}\r
  59 \r
  60 /* header\r
  61 ----------------------------------------*/\r
  62 #header {margin:1em auto;text-align:right;width:766px}\r
  63 #content {margin:1em auto;width:766px}\r
  64 #logo img{left:0;margin-top:-2px;position:absolute}\r
  65 #nav{background-color:#FFF;display:inline-block;padding:0 .7em;white-space:nowrap}\r
  66 #nav li{float:left;padding:6px 8px}\r
  67 \r
  68 /* =status form\r
  69 ----------------------------------------*/\r
  70 #tweeting_controls  {\r
  71 float:right;\r
  72 padding:5px 12px 0 5px;\r
  73 }\r
  74 #tweeting_controls a  {\r
  75 line-height:13px;\r
  76 }\r
  77 a.a-btn, a.a-btn:visited {\r
  78 color:#333333 !important;\r
  79 }\r
  80 a.a-btn {\r
  81 -moz-border-radius:4px;\r
  82 -webkit-border-radius:4px;\r
  83 border-radius:4px;\r
  84 background:url("../img/bg-btn.gif") repeat-x scroll 0 0 #DDDDDD;\r
  85 border-color:#DDDDDD #DDDDDD #CCCCCC !important;\r
  86 border-style:solid;\r
  87 border-width:1px !important;\r
  88 cursor:pointer;\r
  89 display:inline-block;\r
  90 font-family:"lucida grande",helvetica,tahoma,arial;\r
  91 font-size:11px;\r
  92 line-height:14px;\r
  93 padding:4px 8px 5px;\r
  94 text-decoration:none;\r
  95 text-shadow:1px 1px 0 #FFFFFF !important;\r
  96 }\r
  97 a.btn-disabled {\r
  98 background-image:none;\r
  99 opacity:0.6;\r
 100 }\r
 101 a.a-btn-m {\r
 102 -moz-border-radius:5px;\r
 103 -webkit-border-radius:5px;\r
 104 border-radius:5px;\r
 105 background-position:0 -200px;\r
 106 font-family:"helvetica neue",arial,sans-serif;\r
 107 font-size:15px;\r
 108 line-height:20px;\r
 109 padding:5px 15px 6px;\r
 110 }\r
 111 a.a-btn:hover, a.a-btn:focus {\r
 112 border-color:#999999 #999999 #888888 !important;\r
 113 color:#000000;\r
 114 outline:medium none;\r
 115 text-decoration:none;\r
 116 }\r
 117 a.a-btn:active {\r
 118 background-image:none;\r
 119 outline:medium none;\r
 120 }\r
 121 /*legacy below*/\r
 122 #statuses,#ajax_statuses{background-color:#FFF;float:left;padding:10px;width:544px}\r
 123 #statuses form{margin-bottom:10px}\r
 124 #update_form{margin-bottom:10px}\r
 125 #tip{color:#CCC;float:right;font-size:24px;margin:5px 10px 0 0;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;}\r
 126 #tip.loading  {\r
 127 background:url("../img/spinner.gif") no-repeat scroll center center transparent !important;\r
 128 color:transparent !important;\r
 129 }\r
 130 #textbox{-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px;border:1px solid #A7A6AA;font-size:14px;height:80px;margin:2px 0 5px 10px;overflow-x:hidden;overflow-y:auto;padding:5px;width:510px}\r
 131 textarea#textbox:focus{outline:none;border:1px solid rgba(82,168,236,.75)!important;-moz-box-shadow:0 0 5px rgba(82,168,236,.5);-webkit-box-shadow:0 0 5px rgba(82,168,236,.5);}\r
 132 #submit_btn,#login_btn,#rank_addtag_btn,.submit_btn{background:transparent url(../img/round-btn.gif) repeat scroll 0 0;border:medium none;color:#666;float:right;font-size:14px;height:32px;margin:5px 13px 0 0;width:115px}\r
 133 #submit_btn:hover,#login_btn:hover,#rank_addtag_btn:hover,.submit_btn:hover{background:transparent url(../img/round-btn.gif) repeat scroll 0 32px;color:#444;cursor:pointer}\r
 134 #submit_btn:active{color:#000;cursor:pointer}\r
 135 #func_set {\r
 136 clear:left;\r
 137 display:block;\r
 138 float:left;\r
 139 left:190px;\r
 140 position:absolute;\r
 141 top:33px;\r
 142 }\r
 143 .func_btn {\r
 144 background-image:url("../img/ui_icons.png");\r
 145 background-color:#ffffff;\r
 146 -moz-border-radius:3px;\r
 147 -webkit-border-radius:3px;\r
 148 border:1px solid #ADADAD;\r
 149 color:#75715E;\r
 150 display:block;\r
 151 float:left;\r
 152 font-size:11px;\r
 153 margin:0 -5px 0 10px;\r
 154 text-align:center;\r
 155 text-decoration:none;\r
 156 text-indent:-9999em;\r
 157 height: 16px;\r
 158 width: 20px;\r
 159 cursor:pointer;\r
 160 }\r
 161 .func_btn:hover{background-color:#F2F2F2;text-decoration:none}\r
 162 #transRecover {\r
 163 -moz-border-radius-bottomleft:3px;\r
 164 -webkit-border-bottom-left-radius:3px;\r
 165 display:none;\r
 166 background-color:#FFFFFF;\r
 167 background-image:url("../img/ui_icons.png");\r
 168 border:1px solid #ADADAD;\r
 169 color:#75715E;\r
 170 cursor:pointer;\r
 171 float:left;\r
 172 font-size:11px;\r
 173 height:16px;\r
 174 margin:0 -5px 0 10px;\r
 175 text-align:center;\r
 176 text-decoration:none;\r
 177 text-indent:-9999em;\r
 178 background-position:-32px -64px;\r
 179 bottom:58px;\r
 180 left:515px;\r
 181 position:absolute;\r
 182 top:58px;\r
 183 width:15px;\r
 184 }\r
 185 #transRecover:hover {\r
 186 background-color:#F2F2F2;\r
 187 text-decoration:none;\r
 188 }\r
 189 #photoArea {\r
 190 -moz-border-radius:3px;-webkit-border-radius:3px;\r
 191 background:#F5F5F5 none repeat scroll 0 0;\r
 192 border:1px solid #A7A6AA;\r
 193 clear:both;\r
 194 display:none;\r
 195 height:20px;\r
 196 left:20px;\r
 197 padding:10px 10px 60px;\r
 198 position:absolute;\r
 199 top:58px;\r
 200 width:500px;\r
 201 }\r
 202 #transArea {\r
 203 -moz-border-radius:3px;-webkit-border-radius:3px;\r
 204 background:#F5F5F5 none repeat scroll 0 0;\r
 205 border:1px solid #A7A6AA;\r
 206 clear:both;\r
 207 display:none;\r
 208 height:20px;\r
 209 left:20px;\r
 210 padding:10px 10px 60px;\r
 211 position:absolute;\r
 212 top:58px;\r
 213 width:500px;\r
 214 }\r
 215 #filterArea {\r
 216 -moz-border-radius:3px;-webkit-border-radius:3px;\r
 217 background:#F5F5F5 none repeat scroll 0 0;\r
 218 border:1px solid #A7A6AA;\r
 219 clear:both;\r
 220 display:none;\r
 221 height:20px;\r
 222 left:20px;\r
 223 padding:10px 10px 60px;\r
 224 position:absolute;\r
 225 top:58px;\r
 226 width:500px;\r
 227 }\r
 228 #symArea {\r
 229 -moz-border-radius:3px;-webkit-border-radius:3px;\r
 230 background:#F5F5F5 none repeat scroll 0 0;\r
 231 border:1px solid #A7A6AA;\r
 232 clear:both;\r
 233 display:none;\r
 234 height:20px;\r
 235 left:20px;\r
 236 padding:10px 10px 60px;\r
 237 position:absolute;\r
 238 top:58px;\r
 239 width:500px;\r
 240 overflow-x:hidden;\r
 241 overflow-y:auto;\r
 242 }\r
 243 #symArea span  {\r
 244 -moz-border-radius:3px;\r
 245 -webkit-border-radius:3px;\r
 246 background-color:#EEEEEE;\r
 247 border:1px solid transparent;\r
 248 color:#000000;\r
 249 display:block;\r
 250 float:left;\r
 251 font-size:12px;\r
 252 line-height:18px;\r
 253 margin:0 10px 5px 0;\r
 254 min-width:60px;\r
 255 padding:1px 2px;\r
 256 text-align:center;\r
 257 white-space:nowrap;\r
 258 }\r
 259 #symArea span:hover {\r
 260 border:1px solid #666;\r
 261 cursor:pointer;\r
 262 }\r
 263 #filterArea .filter_input {\r
 264 border:1px solid #A7A6AA;\r
 265 font-size:13px;\r
 266 height:17px;\r
 267 margin:10px 0 5px;\r
 268 padding:3px 2px;\r
 269 width:300px;\r
 270 }\r
 271 .close{background: transparent url(../img/sprite-icons.png) no-repeat scroll -272px -16px;text-decoration: none; position: absolute; top: 10px; right: 10px; height: 10px; width: 9px;}\r
 272 #sent_function{float:left;margin:4px 0 0 10px;}\r
 273 #imageFile {\r
 274 margin:10px 0;\r
 275 padding:2px;\r
 276 }\r
 277 #autoBtn.pause {background-position:-15px -160px;}\r
 278 #autoBtn.start {background-position: 1px -160px;}\r
 279 #currently {\r
 280 color:#666666;\r
 281 float:left;\r
 282 font-size:11px !important;\r
 283 margin:3px 8px 0 10px;\r
 284 overflow:hidden;\r
 285 padding:2px 4px 2px 0;\r
 286 text-align:left;\r
 287 width:385px;\r
 288 word-wrap:break-word;\r
 289 cursor:pointer;\r
 290 }\r
 291 .status-text a{color:#666666}\r
 292 #latest_meta a{color:#999999;}\r
 293 \r
 294 /* =tips\r
 295 ----------------------------------------*/\r
 296 #shortcutTip {\r
 297 border-radius:5px;\r
 298 -moz-border-radius:5px;\r
 299 -webkit-border-radius:5px;\r
 300 border:2px solid;\r
 301 color:#FFFFFF;\r
 302 cursor:default;\r
 303 display:block;\r
 304 font-size:20px;\r
 305 font-weight:bold;\r
 306 left:20px;\r
 307 opacity:0.8;\r
 308 padding:8px 16px;\r
 309 position:fixed;\r
 310 top:20px;\r
 311 }\r
 312 #sentTip{background:#FFFFFF;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;font-size:11px !important;font-weight:700;left:auto;right:auto;padding:4px 0 6px;margin:-1px 0 0 233px;position:fixed;text-align:center;top:0;width:300px;min-height:13px;z-index:1000;opacity:0.8;filter:alpha(opacity=80);}\r
 313 .ing{color:#2276BB}\r
 314 .success{color:green}\r
 315 .failure{color:red}\r
 316 #otherTip{-moz-border-radius:5px;-webkit-border-radius:5px;background:#F5F5F5 none repeat scroll 0 0;border:1px solid #EEE;clear:both;color:red;font-size:12px;margin:10px 20px;padding:5px 10px;text-align:center;width:483px}\r
 317 \r
 318 /* =timeline\r
 319 ----------------------------------------*/\r
 320 #allTimeline,#allReplies,#allMessage {margin:10px;padding:0;clear:both;}\r
 321 .timeline embed{margin: 10px 0px 0px 10px}\r
 322 .new {\r
 323 background-color:#E3F1FA;\r
 324 color:#858585;\r
 325 display:block;\r
 326 float:left;\r
 327 font-size:11px;\r
 328 text-align:center;\r
 329 width:522px;\r
 330 }\r
 331 .mine{display:none;background-color:#E8FFED}\r
 332 .reply{background-color:#E8FECD}\r
 333 .filter{background-color:#FFFFCC}\r
 334 .retweet{background-color:#FFFFE5}\r
 335 .faved{background:transparent url(../img/faved.png) no-repeat scroll 500px 10px}\r
 336 .user_name{font-weight:bold}\r
 337 .timeline{margin:0 10px}\r
 338 .timeline li {\r
 339 border-top:1px solid #EFEFEF;\r
 340 cursor:default;\r
 341 display:block;\r
 342 float:left;\r
 343 margin:0;\r
 344 overflow:visible;\r
 345 padding:10px 25px 5px 2px;\r
 346 position:relative;\r
 347 width:497px;\r
 348 }\r
 349 .timeline li:hover .actions {visibility:visible}\r
 350 .ajax_timeline li {\r
 351 cursor:default;\r
 352 display:block;\r
 353 float:left;\r
 354 margin:0;\r
 355 overflow:visible;\r
 356 padding:5px 0;\r
 357 width:520px;\r
 358 position:relative;\r
 359 }\r
 360 .ajax_timeline li .status_body {\r
 361 margin-left:50px !important;\r
 362 margin-right:5px !important;\r
 363 }\r
 364 .xmas_tweet{background:transparent url(../img/jingle_bell.png) no-repeat scroll 510px 5px;}\r
 365 .status_body {\r
 366 display:block;\r
 367 line-height:22px;\r
 368 margin-left:60px;\r
 369 overflow:hidden;\r
 370 position:relative;\r
 371 }\r
 372 .status_info{color:#999;display:block;font-size:11px;height:22px;margin:5px 0;overflow:hidden;text-align:left;width:100%}\r
 373 .status_info a{color:#999;font-size:11px;text-decoration:none}\r
 374 .status_info span{display:inline-block;margin:0 0 3px;padding:0 1px}\r
 375 .timeline li:hover,.rank_list li:hover{background-color:#F7F7F7}\r
 376 .status_author {\r
 377 height:48px;\r
 378 left:5px;\r
 379 padding:1px;\r
 380 position:absolute;\r
 381 width:48px;\r
 382 }\r
 383 .timeline li.loading .status_author {\r
 384 background:url("../img/spinner.gif") no-repeat scroll center center transparent !important;\r
 385 outline:4px solid #BBBBBB;\r
 386 }\r
 387 .timeline li.loading .status_author a {\r
 388 opacity:0.2;\r
 389 }\r
 390 .rank_img{top:15px;left:10px;position:absolute;width:48px;height:48px}\r
 391 .status_author img,.rank_img img{height:48px;width:48px}\r
 392 .unshorturl {\r
 393 border-radius:5px;\r
 394 -moz-border-radius:5px;\r
 395 -webkit-border-radius:5px;\r
 396 border:1px solid #DDDDDD;\r
 397 display:block;\r
 398 font-family:tahoma;\r
 399 font-size:11px;\r
 400 margin:5px 5px 5px 0;\r
 401 overflow:hidden;\r
 402 padding:0 10px;\r
 403 white-space:nowrap;\r
 404 word-wrap:break-word;\r
 405 }\r
 406 .unshorturl:hover{border:1px solid #999999}\r
 407 .unshorturl p{float:left;color:#DDD;font-weight:700;margin:0 10px 0 0}\r
 408 .unshorturl:hover p{color:#999}\r
 409 .unshorturl a {color:#999;word-wrap:break-word;word-break:break-all;white-space:nowrap;display:block;}\r
 410 .unshorturl:hover a{text-decoration:none !important}\r
 411 #empty{font-size:16px;font-weight:700;margin:50px;text-align:center}\r
 412 #description{font-size:14px;padding:10px}\r
 413 #description p{line-height:22px;margin:15px}\r
 414 .big-retweet-icon {background-image:url(../img/sprite-icons.png);background-position:-128px -64px;background-repeat:no-repeat;display:inline-block;height:14px;position:relative;top:2px;width:18px;}\r
 415 /*new below*/\r
 416 .ajax_form {\r
 417 background-color:#FFFFFF;\r
 418 border:1px solid #A7A6AA;\r
 419 float:left;\r
 420 margin:5px 0 5px -1px;\r
 421 padding:0;\r
 422 width:520px;\r
 423 }\r
 424 .ajax_form li {\r
 425 border-top:1px solid #EFEFEF;\r
 426 cursor:default;\r
 427 display:block;\r
 428 float:left;\r
 429 margin:0;\r
 430 overflow:visible;\r
 431 padding:5px 25px 5px 0;\r
 432 position:relative;\r
 433 width:495px;\r
 434 }\r
 435 .ajax_form li .status_author {\r
 436 height:30px;\r
 437 left:5px;\r
 438 margin-left:5px;\r
 439 margin-top:6px;\r
 440 padding:1px;\r
 441 position:absolute;\r
 442 width:30px;\r
 443 }\r
 444 .ajax_form li .status_body {\r
 445 display:block;\r
 446 line-height:22px;\r
 447 margin-left:50px;\r
 448 margin-right:5px;\r
 449 overflow:hidden;\r
 450 position:relative;\r
 451 }\r
 452 /* =pagination\r
 453 ----------------------------------------*/\r
 454 #pagination{margin:5px}\r
 455 #pagination p.no-more-tweets{font-size:1.1em;text-align:center}\r
 456 .more{background-color:#FFF;background-image:url(../img/more.gif);background-position:left top;background-repeat:repeat-x;border-color:#DDD #AAA #AAA #DDD;border-style:solid;border-width:1px;display:block;font-size:14px;font-weight:700;height:22px;line-height:1.5em;margin-bottom:6px;outline-color:0;outline-style:none;outline-width:medium;padding:6px 0;text-align:center;text-shadow:1px 1px 1px #FFF;width:45%}\r
 457 .more:hover{background-position:left -78px;border:1px solid #bbb;text-decoration:none}\r
 458 .more:active{background-position:left -38px;color:#666}\r
 459 .more.loading{background-color:#fff;background-image:url(../img/ajax.gif);background-position:50% 50%;background-repeat:no-repeat;border:1px solid #eee;cursor:default!important}\r
 460 .more::-moz-focus-inner{border:0}\r
 461 #pagination.pagination{height:1.5em}\r
 462 #pagination.pagination a,#pagination.pagination .link-like{border:1px solid #cecece;float:right;margin:0 0 0 10px;padding:.25em 1em}\r
 463 \r
 464 /* =sidebar\r
 465 ----------------------------------------*/\r
 466 #side_base{-moz-border-radius-bottomright:5px;-moz-border-radius-topright:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;background-color:#DDEEF6;border-left:1px solid #C0DEED;line-height:1.2;vertical-align:top;width:198px}\r
 467 #side{-moz-border-radius-bottomright:5px;-moz-border-radius-topright:5px;float:left;font-size:12px;margin:0 -2px;overflow:hidden;padding-top:.5em;width:198px}\r
 468 #sideimg{float:left;height:31px;margin:10px 10px 10px 15px;width:31px}\r
 469 #sideid{display:block;font:bold 1.2em/1.2em Helvetica Neue,Helvetica,sans-serif;padding:10px 0 0 18px}\r
 470 #me_tweets {font-family:Helvetica,Arial,sans-serif;font-size:11px;margin-top:17px;}\r
 471 #user_stats{clear:both;padding:0 0 0 10px}\r
 472 #user_stats li{display:inline-block;float:left;overflow:hidden;padding:0 5px;width:48px}\r
 473 .count{display:block;font:bold 13px Helvetica Neue,Helvetica,Arial,sans-serif;}\r
 474 .label{display:block;font-size:11px}\r
 475 #sidenav{border-top:1px solid #CCC;margin:0}\r
 476 #sidenav a{background-color:#F4F4F4;border-bottom:1px solid #CCC;color:#000;display:block;font-size:13px;font-weight:700;padding:10px;text-decoration:none}\r
 477 h3{font-size:14px;margin:14px 0 0 14px}\r
 478 #sidepost{margin:0;padding-bottom:0}\r
 479 #sidepost li{font-size:12px;line-height:18px;margin:12px 10px}\r
 480 #side .promotion{background-color:#EDFEFF;font-size:12px;margin:.5em auto;padding:6px 10px;text-align:left;width:152px}\r
 481 #side .promotion a{color:#333;font-size:11px;outline-style:none;outline-width:medium}\r
 482 #side .promotion a.definition:hover strong{font-size:11px;outline-style:none;outline-width:medium;text-decoration:underline}\r
 483 #side .promotion .definition strong{color:#2276BB;display:block;font-size:11px}\r
 484 #side span.sponsored{color:#777;display:block;font-size:.9em;padding-bottom:.2em;padding-top:.2em}\r
 485 #side .notice{background-color:#FFF;margin:.5em auto 1em;padding:10px;text-align:center}\r
 486 #side div.section{padding:13px}\r
 487 #side div#profile.section{margin-bottom:0;padding:.2em}\r
 488 #side div.last{border-top:1px solid #C0DEED}\r
 489 #side h1{color:#333;font-size:1.1em;margin-bottom:.5em;padding:0 0 2px}\r
 490 #side div.section-header h3{border-bottom:1px solid #C0DEED;color:#333;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;line-height:18px}\r
 491 #side .section-links{float:right;font-size:.9em;text-align:right}\r
 492 #side div.msg strong{display:block;font-size:1.4em}\r
 493 #side div.msg h3{font-size:1.25em}\r
 494 #side ul{margin:0px}\r
 495 #side .faq-index ul{list-style-type:square;margin-left:15px}\r
 496 #side .faq-index li{margin:10px 0}\r
 497 #side p{padding:.5em 10px}\r
 498 #side div#profile.profile-side{margin-bottom:1em!important}\r
 499 #side .profile-side .about{margin-bottom:.6em}\r
 500 #side div.user_icon a,#side div.user_icon a:hover{color:#333;text-decoration:none}\r
 501 #side div.user_icon a:hover{color:#0084B5}\r
 502 #side .user_icon{clear:both;display:block;height:31px;padding:0 0 .8em}\r
 503 #side .user_icon img{padding-right:.8em;vertical-align:middle}\r
 504 #me_name{font-size:1.35em;vertical-align:middle}\r
 505 #side p.promotion{cursor:default;margin-bottom:.5em}\r
 506 .in-page-link{outline-style:none;outline-width:medium}\r
 507 #side #gadgets,#side #saved_searches{overflow:hidden;width:198px}\r
 508 ul.sidebar-menu li .side-tab-ajax{display:none;float:right;margin-right:1em;vertical-align:top}\r
 509 ul.sidebar-menu span.stat_count{-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background-color:transparent;float:right;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:700;line-height:normal;margin-right:14px;margin-top:0;padding:0 .1em}\r
 510 span.link-title{float:left}\r
 511 .ie6 ul.sidebar-menu li a{margin-top:-2px}\r
 512 ul.sidebar-menu li{padding-top:1px}\r
 513 ul.sidebar-menu li a{background-image:none;clear:both;cursor:pointer!important;display:block;margin-right:-1px;outline-style:none;outline-width:medium;padding:8px 0 8px 14px}\r
 514 .safari ul.sidebar-menu li a{padding:6px 0 6px 14px}\r
 515 .ie8 ul.sidebar-menu li a{margin-right:0}\r
 516 ul.sidebar-menu li a span{display:inline-block;width:150px}\r
 517 ul#primary_nav.sidebar-menu li a span{display:inline-block;width:auto}\r
 518 ul.sidebar-menu li.loading a{background:#EDFEFF url(https://s3.amazonaws.com/twitter_production/a/1256928834/images/spinner.gif) no-repeat scroll 171px .5em}\r
 519 ul.sidebar-menu li.loading a span.stat_count{display:none!important}\r
 520 ul.sidebar-menu li a:hover{background-color:#EDFEFF;text-decoration:none}\r
 521 ul.sidebar-menu li.active a,a.active{background-color:#EDFEFF;color:#333;font-weight:700}\r
 522 #side ul.sidebar-actions{margin:.2em 14px 1em}\r
 523 #side p.no-lists{padding:.5em 14px}\r
 524 #side span.xref{display:block;padding:4px 14px}\r
 525 #side p.sidebar-menu-actions{clear:both;display:block;padding:.5em 14px}\r
 526 #side span.new-list,#side span.view-all{font-size:11px;line-height:11px;margin:0 3px 0 0;padding:0}\r
 527 #side span.view-all{display:inline;margin:0}\r
 528 #side span.pipe{border-left:1px solid #C0DEED;padding-left:4px;padding-right:4px}\r
 529 #side #following span.xref{display:block;margin-top:-5px;padding:0 14px 5px}\r
 530 h2.sidebar-title{font-size:1.05em;font-weight:400;padding:.2em 14px}\r
 531 h2.sidebar-subtitle{font-size:1.3em;font-weight:400;padding:.2em 14px}\r
 532 #side .collapsible h2.sidebar-title{background:transparent url(../img/toggle_up_dark.png) no-repeat scroll right center;width:157px}\r
 533 #side .collapsible.collapsed h2.sidebar-title{background:transparent url(../img/toggle_down_dark.png) no-repeat scroll right center}\r
 534 #side div.collapsible.loading h2.sidebar-title{-moz-background-clip:border!important;-moz-background-inline-policy:continuous!important;-moz-background-origin:padding!important;background:transparent url(../img/spinner.gif) no-repeat scroll right center!important}\r
 535 #side .actions{border:1px solid #87BC44;margin:10px -3px}\r
 536 #side .actions small{font-size:.9em}\r
 537 #side .actions a{padding-left:7px}\r
 538 #side .user_icon > *{padding:0;vertical-align:middle}\r
 539 #side .stats{clear:both;float:none;margin:0;padding:0;position:relative}\r
 540 #side .stats td + td{padding:0 5px}\r
 541 #profile #side .stats td + td{padding:0 8px}\r
 542 #side .stats td + td + td{padding:0!important}\r
 543 #side .stats a span.stats_count{color:#333}\r
 544 #side .smaller span.stats_count{font-size:1.1em!important}\r
 545 #profile #side .smaller span.stats_count{font-size:1.3em!important}\r
 546 #side .stats a:hover span.stats_count{color:#2276BB}\r
 547 #side .stats td .numeric{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:700;line-height:normal;text-decoration:none}\r
 548 #side .stats td .label{font-size:.9em;text-transform:lowercase}\r
 549 #side .about li{padding-bottom:3px}\r
 550 #side .about li#bio{overflow:hidden;width:170px;word-wrap:break-word}\r
 551 ul#tabMenu li{border-top:1px solid #BDDCAD}\r
 552 ul#tabMenu a,#side .section h1{color:#4C4C4C;display:block;font-size:110%;font-weight:700;padding:13px;text-decoration:none}\r
 553 #side .section h1{padding:0 0 .25em}\r
 554 ul,.ie6 ul.sidebar-menu li{overflow:hidden}\r
 555 td.column,#side .stats td{padding:0;vertical-align:top}\r
 556 .status_id,#side #gadgets em,#side .collapsible a.fetch-contents,#side .collapsed .xref,#side .collapsed .sidebar-menu,#rssfeed,#rssfeed .timeline-rss,#rssfeed .search-rss,#rssfeed .favorites-rss,#rssfeed .profile-rss{display:none}\r
 557 #side .collapsible h2.sidebar-title:hover,#side .user_icon a{cursor:pointer}\r
 558 #side hr{float:left;width:177px;display:block;border:0;height:1px;margin:7px 0 6px 11px;opacity:.7;background:#C0DEED;color:#C0DEED;}\r
 559 .ie7 #side hr{width:170px;margin:0 14px;}\r
 560 .ie#side hr{filter:alpha(opacity=70);}\r
 561 .notify{text-align:center;line-height:1;padding:5px 0;background-repeat:no-repeat;background-position:left center;margin-bottom:8px;}\r
 562 .notify div{background-color:#edffe5;font-size:.9em;margin:0 12px 0 24px;padding:10px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;}\r
 563 #trend_entries, #tools_list{display:none;width: 198px; float: left;margin-top:5px !important;}\r
 564 #trends, #following, #toolbox{margin-left: -2px;}\r
 565 #trends_title, #following_title, #toolbox_title{background: transparent url(../img/toggle_down_dark.png) no-repeat scroll right center; font-weight: normal; font-size: 13px; padding-left: 3px; margin-bottom: 0px; margin-top: 0px;width: 177px;cursor:pointer}\r
 566 #trends_title.loading, #following_title.loading, #toolbox_title.loading{background: transparent url(../img/spinner.gif) no-repeat scroll right center !important;}\r
 567 #trends_title.open, #following_title.open, #toolbox_title.open{background: transparent url(../img/toggle_up_dark.png) no-repeat scroll right center ! important;}\r
 568 #following_list {display:none;float:left;padding:10px 10px 0 10px;}\r
 569 #following_list span {float:left;padding:0 3px 2px 2px;}\r
 570 #following_list img {padding:0;}\r
 571 #friends_view_all {font-size:0.9em;padding:0 14px;}\r
 572 #plz_dont_block_us {background: transparent url(../img/dont_block_us.png) no-repeat scroll center center;display:block;float: left; margin: 10px 0 0 5px;width:180px;height:150px}\r
 573 #follow_us {float: left; display: block; margin-left: -3px; line-height: 22px;}\r
 574 #follow_us span {\r
 575 background-color:#FFFFFF;\r
 576 color:#666666;\r
 577 cursor:pointer;\r
 578 float:left;\r
 579 font-family:georgia;\r
 580 font-size:11px;\r
 581 height:24px;\r
 582 line-height:24px;\r
 583 margin:5px;\r
 584 min-width:78px;\r
 585 padding:0 5px;\r
 586 text-align:left;\r
 587 text-transform:uppercase;\r
 588 }\r
 589 #follow_us span:hover {background-color:#eee !important;}\r
 590 \r
 591 /* =buttons\r
 592 ----------------------------------------*/\r
 593 .btn::-moz-focus-inner  {\r
 594 border:0 none;\r
 595 }\r
 596 .btn,input.btn[type=submit],input.btn[type=button]{-moz-border-radius:4px;-webkit-border-radius:4px;-x-system-font:none;background:#DDD url(../img/bg-btn.gif) repeat-x scroll 0 0;border-color:#DDD #DDD #CCC;border-style:solid;border-width:1px;color:#333;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;margin:0;overflow:visible;padding:4px 8px 5px;text-shadow:1px 1px 0 #FFF;width:auto;font: 400 11px/14px "tahoma";cursor:pointer;}\r
 597 #btn{-moz-border-radius:4px;-webkit-border-radius:4px;-x-system-font:none;background:#DDD url(../img/bg-btn.gif) repeat-x scroll 0 0;border-color:#DDD #DDD #CCC;border-style:solid;border-width:1px;color:#333;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;margin:0;overflow:visible;padding:4px 8px 5px;text-shadow:1px 1px 0 #FFF;width:auto;font: 400 11px/14px "tahoma"}\r
 598 .btn:hover,.btn:focus,input.btn[type=submit]:hover,input.btn[type=submit]:focus,input.btn[type=button]:hover,input.btn[type=button]:focus,button.btn:hover,button.btn:focus{background-position:0 -6px;border-color:#999 #999 #888;color:#000}\r
 599 .btn:active,.btn:active,input.btn[type=submit]:active,input.btn[type=button]:active,button.btn:active {\r
 600 background-image:none !important;\r
 601 outline:medium none !important;\r
 602 text-shadow:none !important;\r
 603 }\r
 604 #btn:hover,#btn:focus{background-position:0 -6px;border-color:#999 #999 #888;color:#000}\r
 605 \r
 606 /* =footer\r
 607 ----------------------------------------*/\r
 608 #footer ul, #footer li {overflow:visible}\r
 609 #footer{background:#FFF none repeat scroll 0 0;font-size:12px;line-height:1;margin-top:.7em;padding:8px 0;text-align:center;white-space:nowrap}\r
 610 #footer li{display:inline;padding:0 4px}\r
 611 #footer li.first:before{content:'';padding-right:0}\r
 612 #footer li .share{text-decoration:none;border: 1px dashed #DADADA; padding: 0px 3px; overflow: hidden; cursor: move;}\r
 613 #footer li .share:hover{text-decoration:none;border: 1px dashed #666;}\r
 614 #footer li img {border:0 none;margin:-3px;padding:0}\r
 615 \r
 616 /* =ranking\r
 617 ----------------------------------------*/\r
 618 .rank_list{font-size:12px;margin:0 5px 5px 0}\r
 619 .rank_list li{border-bottom:1px solid #CCC;margin:0 10px;overflow:visible;padding:10px;position:relative}\r
 620 .rank_content{display:block;line-height:20px;margin-left:63px;min-height:50px;overflow:hidden;position:relative}\r
 621 .rank_content span{margin:0;color:#666666;}\r
 622 .rank_count {\r
 623 color:#333333 !important;\r
 624 display:block;\r
 625 font-size:12px;\r
 626 font-weight:bold;\r
 627 margin:4px 0;\r
 628 width:400px;\r
 629 }\r
 630 .rank_count b {\r
 631 color:#666666;\r
 632 font-size:12px;\r
 633 font-weight:normal;\r
 634 }\r
 635 .rank_description{font-size:12px}\r
 636 .rank_description b {font-weight:normal;}\r
 637 .rank_tag{width:400px}\r
 638 .rank_name{font-size:14px;font-weight:700}\r
 639 .rank_name em{font-style:normal;font-weight:400}\r
 640 #rank_tag_list{display:block;font-size:12px;padding:5px 10px;width:200px}\r
 641 #rank_tag_list li{float:left;margin:4px;white-space:nowrap}\r
 642 #tag_area{margin:0 auto;width:300px}\r
 643 #tag_area h2{display:block;margin:15px 30px 0}\r
 644 #addtag{margin:10px auto;width:250px}\r
 645 #addtag span{display:inline-block;vertical-align:middle}\r
 646 .tag_text{margin:5px;padding:3px;width:150px}\r
 647 #addtag #submit_btn{float:none;margin:10px 40px}\r
 648 #tag_msg{background:#FFFCAA none repeat scroll 0 0;border:1px solid #FFED00;clear:both;margin:5px auto;padding:5px 10px;width:485px}\r
 649 \r
 650 /* =user\r
 651 ----------------------------------------*/\r
 652 #user_info{clear:both;font-size:12px;padding:5px}\r
 653 #user_info li{line-height:18px;margin:5px 3px;word-break:break-all;word-wrap:break-word}\r
 654 #user_info_profile{clear:both;font-size:12px;padding:0 0 5px 5px}\r
 655 #user_info_profile li{line-height:19px;margin:5px 15px 5px 5px}\r
 656 #info_head {\r
 657 background-color:#F6F6F6;\r
 658 border:1px solid #EEEEEE;\r
 659 height:70px;\r
 660 margin:9px;\r
 661 padding:0;\r
 662 }\r
 663 #info_name {\r
 664 float:left;\r
 665 font-size:20px;\r
 666 margin:6px 0 2px 10px;\r
 667 text-transform:uppercase;\r
 668 }\r
 669 #info_relation a {\r
 670 float:left;\r
 671 margin:2px 10px 5px 0;\r
 672 text-decoration:none;\r
 673 }\r
 674 #info_headimg {\r
 675 background-color:#EFEFEF;\r
 676 border:1px solid #ADADAD;\r
 677 float:left;\r
 678 height:48px;\r
 679 margin:8px 8px 8px 15px;\r
 680 padding:2px;\r
 681 width:48px;\r
 682 }\r
 683 #info_relation {\r
 684 display:inline-block;\r
 685 font-size:12px;\r
 686 margin:2px 0 0 10px;\r
 687 width:400px;\r
 688 }\r
 689 #subnav {\r
 690 border-bottom:1px solid #CECECE;\r
 691 clear:both;\r
 692 display:block;\r
 693 font-size:12px;\r
 694 margin:20px 10px 0;\r
 695 padding:0 0 5px;\r
 696 }\r
 697 #subnav a, #subnav a:hover {\r
 698 text-decoration:none}\r
 699 .info_status_body{display:block;line-height:20px;margin-left:5px;overflow:hidden;position:relative}\r
 700 .info_status_body .status_info{margin:2px 0;text-align:left}\r
 701 .info_btn, .info_btn_hover {\r
 702 -moz-border-radius:3px;-webkit-border-radius:3px;\r
 703 background:#EEEEEE none repeat scroll 0 0;\r
 704 border:1px solid #ADADAD;\r
 705 color:#75715E;\r
 706 font-size:12px;\r
 707 overflow:hidden;\r
 708 padding:2px 3px;\r
 709 text-align:center;\r
 710 text-decoration:none;\r
 711 vertical-align:middle;\r
 712 min-width:60px;\r
 713 text-decoration:none\r
 714 }\r
 715 .info_btn_hover{background:#FFF none repeat scroll 0 0;text-decoration:none}\r
 716 .info_btn:hover{background:#FFF none repeat scroll 0 0;text-decoration:none}\r
 717 .subnavNormal{-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;background:#FFF none repeat scroll 0 0;border-color:#C4C4C4 #C4C4C4 #FFF;border-style:solid;border-width:1px;padding:5px 12px;margin:0 5px 0 0}\r
 718 .subnavLink{background-color:#F0F0F0;cursor:pointer;font-size:12px;margin:0 5px 0 0;padding:6px 12px 5px}\r
 719 .subnavLink a, .subnavNormal a, .subnavLink a:hover, .subnavNormal a:hover{text-decoration:none}\r
 720 .subnavLink:hover{background-color:#E6E6E6;text-decoration:none}\r
 721 \r
 722 /* =actions button\r
 723 ----------------------------------------*/\r
 724 .actions{border-width:0;bottom:10px;line-height:1.25em;position:absolute;right:0px;visibility:hidden;z-index:9;}\r
 725 .rt_btn,.replie_btn,.favor_btn,.delete_btn,.msg_replie_btn,.msg_delete_btn,.retw_btn,.trans_btn {display:inline-block;height:16px;width:21px;margin:-7px 0;overflow:hidden;text-indent:-9999em;}\r
 726 .replie_btn,.msg_replie_btn{background:url("../img/sprite_icons.png") no-repeat scroll 4px 1px transparent}\r
 727 .replie_btn:hover,.msg_replie_btn:hover{background:url("../img/sprite_icons.png") no-repeat scroll -17px 1px transparent}\r
 728 .retw_btn{background:url("../img/sprite_icons.png") no-repeat scroll 0 -15px transparent}\r
 729 .retw_btn:hover{background:url("../img/sprite_icons.png") no-repeat scroll -21px -15px transparent}\r
 730 .favor_btn{background:url("../img/sprite_icons.png") no-repeat scroll 2px -32px transparent}\r
 731 .favor_btn:hover{background:url("../img/sprite_icons.png") no-repeat scroll -19px -32px transparent}\r
 732 .delete_btn,.msg_delete_btn{background:url("../img/sprite_icons.png") no-repeat scroll 0 -47px transparent}\r
 733 .delete_btn:hover,.msg_delete_btn:hover{background:transparent url(../img/sprite_icons.png) no-repeat scroll -21px -47px}\r
 734 .rt_btn{background:url("../img/sprite_icons.png") no-repeat scroll 0 -63px transparent}\r
 735 .rt_btn:hover{background:url("../img/sprite_icons.png") no-repeat scroll -21px -63px transparent}\r
 736 .trans_btn {background:url("../img/sprite_icons.png") no-repeat scroll -2px -79px transparent}\r
 737 .trans_btn:hover {background:url("../img/sprite_icons.png") no-repeat scroll -23px -79px transparent}\r
 738 .trans_header {\r
 739 border-top:1px solid #AAAAAA;\r
 740 color:#AAAAAA;\r
 741 display:block;\r
 742 margin-top:5px;\r
 743 padding-top:5px;\r
 744 }\r
 745 .trans_body {\r
 746 display: block;\r
 747 }\r
 748 .trans_close {\r
 749 color:#AAAAAA;\r
 750 display:block;\r
 751 float:right;\r
 752 font-size:12px;\r
 753 margin-top:7px;\r
 754 text-decoration:none;\r
 755 }\r
 756 /* =search\r
 757 ----------------------------------------*/\r
 758 #block{font-size:12px;margin:20px}\r
 759 #search_form {\r
 760 font-size:12px;\r
 761 margin:15px;\r
 762 padding:0 0 10px;\r
 763 text-align:center;\r
 764 }\r
 765 #query {\r
 766 border:1px solid #999999;\r
 767 display:block;\r
 768 float:left;\r
 769 font-family:Helvetica,Arial,Sans-serif;\r
 770 font-size:18px;\r
 771 height:24px;\r
 772 margin-bottom:25px;\r
 773 margin-left:45px;\r
 774 padding:4px 0;\r
 775 text-indent:10px;\r
 776 width:300px;\r
 777 }\r
 778 #header_search form  {\r
 779 height:26px;\r
 780 width:175px;\r
 781 }\r
 782 #header_search_query {\r
 783 border-color:#999999;\r
 784 border-style:solid none solid solid;\r
 785 border-width:1px medium 1px 1px;\r
 786 float:left;\r
 787 font-size:12px;\r
 788 height:14px;\r
 789 line-height:18px;\r
 790 padding:5px 0;\r
 791 text-indent:5px;\r
 792 width:144px;\r
 793 }\r
 794 #header_search_submit {\r
 795 background:url("../img/nav_search_submit.png") repeat scroll -2px 0 transparent !important;\r
 796 border:1px solid #999999;\r
 797 color:#555555;\r
 798 cursor:pointer;\r
 799 float:left;\r
 800 font-size:14px;\r
 801 height:26px;\r
 802 line-height:26px;\r
 803 text-align:center;\r
 804 width:28px; \r
 805 }\r
 806 #header_search_submit:hover {\r
 807 background:transparent url(../img/nav_search_submit.png) repeat scroll -2px -25px!important;\r
 808 outline:none\r
 809 }\r
 810 #header_search_submit:focus, #header_search_submit:active {\r
 811 background:transparent url(../img/nav_search_submit.png) repeat scroll -2px -50px!important;\r
 812 outline:none\r
 813 }\r
 814 \r
 815 /* =setting\r
 816 ----------------------------------------*/\r
 817 .desc{padding:5px !important;background-color:#F2F2F2}\r
 818 #setting_table{font-size:12px;margin:10px 0 0 20px}\r
 819 #setting_table tr td  {\r
 820 line-height:20px;\r
 821 padding:5px 0;\r
 822 text-align:left;\r
 823 }\r
 824 #style_table{font-size:12px;margin:10px 0 0 20px}\r
 825 #style_table tr td{padding:5px 0;text-align:center}\r
 826 #setting_nav{border-bottom:1px solid #CECECE;clear:both;display:block;font-size:12px;margin:20px 15px 0;padding:0 0 5px}\r
 827 .setting_title {\r
 828 display:block;\r
 829 margin:0 10px 0 0;\r
 830 width:50px;\r
 831 }\r
 832 .setting_input, .style_input {\r
 833 border:1px solid #A7A6AA;\r
 834 padding:3px;\r
 835 width:280px;\r
 836 }\r
 837 #setting_text {\r
 838 border:1px solid #A7A6AA;\r
 839 font-size:12px;\r
 840 height:80px;\r
 841 overflow:auto;\r
 842 padding:3px;\r
 843 width:280px;\r
 844 }\r
 845 .style_title{display:block;width:100px}\r
 846 .style_input{width:180px}\r
 847 #style_form{margin-bottom:10px;margin-top:10px}\r
 848 /*new styles below*/\r
 849 fieldset.settings {border: 1px solid #CECECE; margin: 15px; padding: 10px}\r
 850 fieldset.settings legend{padding:0 5px}\r
 851 fieldset.settings select{border: 1px solid #CECECE;padding: 2px; vertical-align: middle; font-size: 12px; margin-left: 5px;}\r
 852 fieldset.settings input{border: 1px solid #CECECE;padding: 2px; font-size: 12px;}\r
 853 fieldset.settings textarea{border:1px solid #CECECE;font-size:12px;height:100px;margin-top:10px;width:489px}\r
 854 fieldset.settings label, fieldset.settings small, fieldset.settings input{vertical-align:middle;margin-right:2px;margin-top:1px}\r
 855 fieldset.settings small {font-size:11px}\r
 856 #save_button{padding: 5px 20px; float: left; cursor: pointer; margin-left: 15px;font-size:13px;}\r
 857 #reset_link{float: right; margin-top: 10px; margin-left: 10px; position: absolute; left: 440px;text-decoration:underline}\r
 858 #reset_link:hover{color:red}\r
 859 \r
 860 /* =all.php\r
 861 ----------------------------------------*/\r
 862 #allNav{margin-left:10px;float:left}\r
 863 .allBtn{-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;background-color:#E0E0E0;border-left:1px solid #ADADAD;border-right:1px solid #ADADAD;border-top:1px solid #ADADAD;color:#75715E;display:inline-block;float:left;font-size:12px;margin:10px 10px -10px 0;padding:2px 20px;text-align:center}\r
 864 .allBtn:hover{background-color:#F2F2F2;text-decoration:none}\r
 865 .allHighLight{background-color:#FFF}\r
 866 \r
 867 /* =lists\r
 868 ----------------------------------------*/\r
 869 #list_action{display:block;margin:7px 0}\r
 870 #list_action a{margin:0 5px 0 0;text-decoration:none}\r
 871 #list_form span{display:block;margin:10px 0;vertical-align:top}\r
 872 #list_form span label{display:inline-block;margin:0 2px 0 5px;text-align:left;vertical-align:top;width:70px}\r
 873 #list_description,#list_name{border:1px solid #CCC;font-size:12px;padding:3px;width:290px}\r
 874 #list_form span textarea{border:1px solid #CCC;font-size:12px;height:100px;width:290px}\r
 875 #list_protect{width:16px}\r
 876 #list_submit{margin-left:220px;width:60px}\r
 877 #list_form{-moz-border-radius:8px;-webkit-border-radius:8px;background-color:#F5F5F5;border:3px solid #CCC;display:none;margin:0 auto;padding:10px 10px 0;width:390px}\r
 878 #list_create_btn{display:block;margin-bottom:10px;text-align:center}\r
 879 #member_form{-moz-border-radius:8px;-webkit-border-radius:8px;background-color:#F5F5F5;border:4px solid #CCC;font-size:12px;padding:5px;position:absolute}\r
 880 #member_form span{display:block;font-size:12px;margin:5px;text-align:center}\r
 881 #list_members{font-size:12px;height:70px;padding:3px;width:266px}\r
 882 #member_submit,#list_submit,#member_cancel{padding:2px 4px}\r
 883 .list_delete_btn{margin-top:5px}\r
 884 \r
 885 /* =feedback\r
 886 ----------------------------------------*/\r
 887 #feedbackLabel{-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;background:#C0DEED url(../img/beta.png) no-repeat scroll 5px center;border-color:#FFF;border-style:solid;border-width:2px 0 2px 2px;display:block;height:53px;outline-color:0;outline-style:none;outline-width:medium;position:fixed!important;right:0;text-indent:-9999px;top:310px;width:24px}\r
 888 #feedbackLabel:hover{width:26px}\r
 889 \r
 890 /* =fieldsets\r
 891 ----------------------------------------*/\r
 892 fieldset.common-form{border:0 none;margin:0}\r
 893 fieldset.common-form p{margin:0 0 5px}\r
 894 fieldset.common-form th,fieldset.common-form td{padding:9px 7px 3px 3px}\r
 895 fieldset.common-form th{font-weight:400;padding-top:10px;text-align:right;width:11em}\r
 896 fieldset.common-form small{color:#777;font-size:.97em}\r
 897 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}\r
 898 fieldset.common-form input[type=text],fieldset.common-form input[type=password]{width:12em}\r
 899 fieldset.common-form input.medium[type=text],fieldset.common-form textarea.medium{width:50%}\r
 900 fieldset.common-form input.wider[type=text],fieldset.common-form textarea.wider{width:75%}\r
 901 fieldset.common-form input.widest[type=text],fieldset.common-form textarea.widest{width:100%}\r
 902 fieldset.common-form label{font-weight:400;white-space:nowrap}\r
 903 fieldset.common-form ul li{padding:5px 0}\r
 904 fieldset.common-form ul li label{display:block;font-weight:700}\r
 905 fieldset.common-form ul li label sup{color:#888}\r
 906 fieldset.common-form table.input-form th{vertical-align:top}\r
 907 fieldset.common-form .instruction,fieldset.common-form .example,fieldset.common-form .required{color:#666;font-size:x-small;font-weight:400}\r
 908 fieldset.common-form .instruction,fieldset.common-form .example{margin-top:.5em}\r
 909 fieldset.common-form .example{font-style:oblique}\r
 910 fieldset.common-form .suggestion{color:red}\r
 911 fieldset.vertical-form input[type=text]{width:165px}\r
 912 div.direct-message-box fieldset.standard-form{padding:10px 90px;width:548px}\r
 913 .ie6 .standard-form .info{background:transparent none repeat scroll 0 0;border:0 none}\r
 914 fieldset.common-form td[colspan=2]{text-align:right}\r
 915 \r
 916 /* =Tipsy\r
 917 ----------------------------------------*/\r
 918 .tipsy  {\r
 919 background-image:url("../img/tipsy.gif");\r
 920 background-repeat:no-repeat;\r
 921 opacity:0.8;\r
 922 padding:5px;\r
 923 font-size:12px;\r
 924 }\r
 925 .tipsy-inner {\r
 926 background-color:#000000;\r
 927 color:white;\r
 928 font:11px;\r
 929 max-width:200px;\r
 930 padding:8px;\r
 931 text-align:left;\r
 932 }\r
 933 .tipsy-inner { -moz-border-radius:4px; -webkit-border-radius:4px; }\r
 934 .tipsy-north {\r
 935 background-position:center top;\r
 936 }\r
 937 .tipsy-south {\r
 938 background-position:center bottom;\r
 939 }\r
 940 .tipsy-east {\r
 941 background-position:right center;\r
 942 }\r
 943 .tipsy-west {\r
 944 background-position:left center;\r
 945 }\r
 946 \r
 947 /* =New Feature Tip\r
 948 ----------------------------------------*/\r
 949 #newtip {\r
 950 color:#333333;\r
 951 cursor:default;\r
 952 font-size:11px;\r
 953 line-height:18px;\r
 954 position:absolute;\r
 955 background-image:url("../img/tipsy.gif");\r
 956 background-repeat:no-repeat;\r
 957 opacity:0.8;\r
 958 padding:5px;\r
 959 display:none;\r
 960 }\r
 961 #newtip_inner {\r
 962 -moz-border-radius:4px;\r
 963 -webkit-border-radius:4px;\r
 964 border-radius:4px;\r
 965 -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);\r
 966 -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);\r
 967 box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);\r
 968 background-color:#000000;\r
 969 color:#DDDDDD;\r
 970 max-width:200px;\r
 971 padding:8px;\r
 972 text-align:left;\r
 973 }\r
 974 #newtip_inner span {\r
 975 -moz-border-radius:3px 3px 3px 3px;\r
 976 background-color:#333333;\r
 977 font-size:12px;\r
 978 padding:2px 4px;\r
 979 }\r
 980 #newtip_inner strong {\r
 981 font-size:12px;\r
 982 }\r
 983 .a_close {\r
 984 color:#666666;\r
 985 font:bold 16px/12px tahoma,sans-serif;\r
 986 margin-left:10px;\r
 987 position:absolute;\r
 988 right:7px;\r
 989 text-decoration:none;\r
 990 top:10px;\r
 991 width:15px;\r
 992 }\r
 993 .a_close:hover {\r
 994 color:#FFFFFF;\r
 995 text-decoration:none;\r
 996 }\r
 997 /* =Avatar Menu\r
 998 ----------------------------------------*/\r
 999 .right_menu .menu button.clicked {\r
1000 background-image:none;\r
1001 }\r
1002 .right_menu {\r
1003 background-color:#FFFFFF;\r
1004 border:1px solid #666666;\r
1005 display:none;\r
1006 margin-left:24px;\r
1007 margin-top:24px;\r
1008 padding:4px 0;\r
1009 position:absolute;\r
1010 text-align:left;\r
1011 width:200px;\r
1012 z-index:9999;\r
1013 }\r
1014 .right_menu li {\r
1015 margin:0 !important;\r
1016 padding:0 !important;\r
1017 text-align:left;\r
1018 position:static;\r
1019 }\r
1020 .right_menu li a, .right_menu li label, .right_menu li input[type="checkbox"] {\r
1021 color:#666666;\r
1022 display:inline-block;\r
1023 font:11px 'Lucida Grande',Arial,sans-serif;\r
1024 padding:4px 5px;\r
1025 position:relative;\r
1026 vertical-align:top;\r
1027 }\r
1028 .right_menu li .loading-spinner {\r
1029 display:inline-block;\r
1030 left:1px;\r
1031 margin-left:4px;\r
1032 position:relative;\r
1033 top:4px;\r
1034 }\r
1035 .right_menu li a {\r
1036 padding:4px 5px 4px 27px;\r
1037 text-decoration:none;\r
1038 color:#666666;\r
1039 display:block;\r
1040 }\r
1041 .right_menu li a:hover {\r
1042 text-decoration:none !important;\r
1043 }\r
1044 .right_menu li:hover {\r
1045 background-color:#666666;\r
1046 color:#FFFFFF;\r
1047 }\r
1048 .right_menu li:hover * {\r
1049 color:#FFFFFF;\r
1050 }\r
1051 .right_menu li.divider {\r
1052 border-top:1px solid #DDDDDD;\r
1053 }\r
1054 .right_menu i {\r
1055 background-image:url("../img/sprite-icons.png");\r
1056 background-repeat:no-repeat;\r
1057 display:inline-block;\r
1058 height:13px;\r
1059 outline:medium none;\r
1060 overflow:hidden;\r
1061 width:13px;\r
1062 }\r
1063 .right_menu a i {\r
1064 left:7px;\r
1065 position:absolute;\r
1066 top:4px;\r
1067 width:15px;\r
1068 }\r
1069 .right_menu .rm_mention i, .right_menu .ul_mention i {\r
1070 background-position:-16px -32px;\r
1071 }\r
1072 .right_menu .rm_mention:hover i, .right_menu .ul_mention:hover i {\r
1073 background-position:0 -32px;\r
1074 }\r
1075 .right_menu .rm_dm i, .right_menu .ul_dm i {\r
1076 background-position:-48px -32px;\r
1077 }\r
1078 .right_menu .rm_dm:hover i, .right_menu .ul_dm:hover i {\r
1079 background-position:-32px -32px;\r
1080 }\r
1081 .right_menu .rm_follow i, .right_menu .ul_follow i {\r
1082 background-position:-176px -32px;\r
1083 }\r
1084 .right_menu .rm_follow:hover i, .right_menu .ul_follow:hover i {\r
1085 background-position:-160px -32px;\r
1086 }\r
1087 .right_menu .rm_remove i, .right_menu .ul_remove i {\r
1088 background-position:-208px -32px;\r
1089 }\r
1090 .right_menu .rm_remove:hover i, .right_menu .ul_remove:hover i {\r
1091 background-position:-192px -32px;\r
1092 }\r
1093 .right_menu .rm_unfollow i, .right_menu .ul_unfollow i {\r
1094 background-position:-112px -32px;\r
1095 }\r
1096 .right_menu .rm_unfollow:hover i, .right_menu .ul_unfollow:hover i {\r
1097 background-position:-96px -32px;\r
1098 }\r
1099 .right_menu .rm_block i, .right_menu .ul_block i {\r
1100 background-position:-144px -32px;\r
1101 }\r
1102 .right_menu .rm_spam i, .right_menu .ul_spam i {\r
1103 background-position:-272px -32px;\r
1104 }\r
1105 .right_menu .rm_spam:hover i, .right_menu .ul_spam:hover i {\r
1106 background-position:-256px -32px;\r
1107 }\r
1108 .right_menu .rm_block:hover i, .right_menu .ul_block:hover i {\r
1109 background-position:-128px -32px;\r
1110 }\r
1111 .right_menu .rm_unblock i, .right_menu .ul_unblock i {\r
1112 background-position:-144px -32px;\r
1113 }\r
1114 .right_menu .rm_unblock:hover i, .right_menu .ul_unblock:hover i {\r
1115 background-position:-128px -32px;\r
1116 }\r
1117 \r
1118 /* =Twitter Buttons\r
1119 ----------------------------------------*/\r
1120 .btn-m,input[type=submit].btn-m,input[type=button].btn-m{background-position:0 -200px;font-size:15px;line-height:20px;padding:5px 15px 6px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}.btn-l,input[type=submit].btn-l,input[type=button].btn-l{background-position:0 -400px;font-size:20px;line-height:26px;padding:7px 20px 9px;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}.btn-light{background-color:#add!important;background-image:url("https://s3.amazonaws.com/twitter_production/a/1261078355/images/buttons/bg-btn-light.gif")!important;border-color:#add #add #9cc!important;text-shadow:1px 1px 0 #dff!important;}.btn-dark{background-color:#59a!important;background-image:url("https://s3.amazonaws.com/twitter_production/a/1261078355/images/buttons/bg-btn-dark.gif")!important;border-color:#59a #59a #489!important;color:#fff!important;text-shadow:-1px -1px 0 #59a!important;}.btn-blue{background-color:#39d!important;background-image:url("https://s3.amazonaws.com/twitter_production/a/1261078355/images/buttons/bg-btn-blue.gif")!important;border-color:#39d #39d #28c!important;color:#fff!important;text-shadow:-1px -1px 0 #39d!important;}.btn-chart{background-color:#9c2!important;background-image:url("https://s3.amazonaws.com/twitter_production/a/1261078355/images/buttons/bg-btn-chart.gif")!important;border-color:#9c2 #9c2 #8b1!important;text-shadow:1px 1px 0 #df6!important;}.btn-mint{background-color:#bdb!important;background-image:url("https://s3.amazonaws.com/twitter_production/a/1261078355/images/buttons/bg-btn-mint.gif")!important;border-color:#bdb #bdb #aca!important;text-shadow:1px 1px 0 #efe!important;}.btn-green{background-color:#272!important;background-image:url("../img/bg-btn-green.gif")!important;border-color:#272 #272 #161!important;color:#fff!important;text-shadow:-1px -1px 0 #272!important;}.btn-pink{background-color:#daa!important;background-image:url("https://s3.amazonaws.com/twitter_production/a/1261078355/images/buttons/bg-btn-pink.gif")!important;border-color:#daa #daa #c99!important;text-shadow:1px 1px 0 #fdd!important;}.btn-red{background-color:#a22!important;background-image:url("../img/bg-btn-red.gif")!important;background-position:0 0;border-color:#a22 #a22 #911!important;text-shadow:-1px -1px 0 #a22!important;color:#fff!important;}.btn:hover,.btn:focus,input[type=submit].btn:hover,input[type=submit].btn:focus,button.btn:hover,button.btn:focus{border-color:#999 #999 #888;background-position:0 -6px;color:#000;}.btn-light:hover,.btn-light:focus{border-color:#7aa #7aa #699;}.btn-dark:hover,.btn-dark:focus{border-color:#267 #267 #156;color:#fff;}.btn-blue:hover,.btn-blue:focus{border-color:#17b #17b #06a;color:#fff;}.btn-chart:hover,.btn-chart:focus{border-color:#7a1 #7a1 #690;}.btn-mint:hover,.btn-mint:focus,input[type=submit].btn-mint:hover,input[type=submit].btn-mint:focus,button.btn-mint:hover,button.btn-mint:focus{border-color:#8a8 #8a8 #797!important;}.btn-green:hover,.btn-green:focus,input[type=submit].btn-green:hover,input[type=submit].btn-green:focus,button.btn-green:hover,button.btn-green:focus{background-color:#272!important;border-color:#050 #050 #040!important;color:#fff;}.btn-pink:hover,.btn-pink:focus,input[type=submit].btn-pink:hover,input[type=submit].btn-pink:focus,button.btn-pink:hover,button.btn-pink:focus{border-color:#a88 #a88 #977!important;}.btn-red:hover,.btn-red:focus,input[type=submit].btn-red:hover,input[type=submit].btn-red:focus,button.btn-red:hover,button.btn-red:focus{background-color:#a22!important;border-color:#611 #611 #500!important;color:#fff;}.btn-m:hover,.btn-m:focus,input[type=submit].btn-m:hover,input[type=submit].btn-m:focus,button.btn-m:hover,button.btn-m:focus{background-position:0 -206px;}.btn-l:hover,.btn-l:focus,input[type=submit].btn-l:hover,input[type=submit].btn-l:focus,button.btn-l:hover,button.btn-l:focus{background-position:0 -406px;}.dbtn,.dbtn:hover,.dbtn:focus,.dbtn:active,button.dbtn:hover,button.dbtn:focus{background:#eee;border-color:#ddd;color:#aaa;text-shadow:none;}.btn-light.dbtn,.btn-light.dbtn:hover,.btn-light.dbtn:focus,.btn-light.dbtn:active{background:#dee;border-color:#cdd;color:#9aa;}.btn-dark.dbtn,.btn-dark.dbtn:hover,.btn-dark.dbtn:focus,.btn-dark.dbtn:active{background:#aad5dd;border-color:#99c5cc;color:#ddf6f6;}.btn-blue.dbtn,.btn-blue.dbtn:hover,.btn-blue.dbtn:focus,.btn-blue.dbtn:active{background:#bde;border-color:#acd;color:#def;}.btn-chart.dbtn,.btn-chart.dbtn:hover,.btn-chart.dbtn:focus,.btn-chart.dbtn:active{background:#deb;border-color:#cda;color:#ab9;}.btn-mint.dbtn,.btn-mint.dbtn:hover,.btn-mint.dbtn:focus,.btn-mint.dbtn:active{background:#ded;border-color:#cdc;color:#9a9;}.btn-green.dbtn,.btn-green.dbtn:hover,.btn-green.dbtn:focus,.btn-green.dbtn:active{background:#aca;border-color:#9b9;color:#ded;}.btn-pink.dbtn,.btn-pink.dbtn:hover,.btn-pink.dbtn:focus,.btn-pink.dbtn:active{background:#edd;border-color:#dcc;color:#a99;}.btn-red.dbtn,.btn-red.dbtn:hover,.btn-red.dbtn:focus,.btn-red.dbtn:active{background:#caa;border-color:#b99;color:#edd;}\r