#tw {margin:0px;padding:0px;background-color:black;font: normal 140% Helvetica, Arial, sans-serif;color:#cccccc}

#monitor {position: relative;width:70%;left:25%;overflow: hidden;}
#monitor #sp {display:none;color:black;position:absolute;width:100%;;z-index:1;top:30%;text-align:center;padding:25px 0px 25px 0px;opacity:0.3;font: bold 140% Helvetica, Arial, sans-serif;}
#scrollup {margin:0px;padding:0px;list-style:none;position: relative;z-index:2}
#scrollup li {position: relative;margin:0px 36px 36px 0px;left: 5px;padding:0px 5px 0px 3px;border:2px solid transparent}
#scrollup li td {vertical-align:top;}
#scrollup li td a {color:#8888aa;font-size:70%;white-space: nowrap}
#scrollup li td span.hash {color:#aa6666;font-size:90%;white-space: nowrap}
#scrollup li td a.twinick {color:#aaaaff;font-size:90%;text-decoration:none}
#scrollup li td img {width:48px;height:48px;margin:4px 20px 0px 0px}
#scrollup li td strong {font: bold 145%}
#scrollup li td small {display:block;text-align:right;font-size:65%;color:#888888}
.screen { }

#legend {position:absolute;width:220px}
#legend small {display:block;clear:both;font-size:60%;margin:0px 0px 15px 45px;font-weight:bold;padding-top:40px}
#legend a img {border-style:none}
#legend p {color:#ff6666;height:40px}
#legend p.links, #legend p#links {font-size:70%;clear:both;margin:0px 0px 0px 50px}
#legend p#links {margin-top:100px}
#legend p#about {clear:both;margin:0px 0px 0px 50px;line-height:35px}
#legend p#about a {display:block;float:left}
#legend p#about a, #text a {text-decoration:none;border-bottom:dotted 1px #ff6666;padding:3px 3px 0px 3px;color:#ff6666;}
#legend p.links a, #legend p#links a {text-decoration:none;border-bottom:dotted 1px #ff6666;padding:3px 3px 1px 3px;color:#ff6666}

#text {position: absolute;width:70%;left:183px;top:25px}
#text dl {margin:0px 0px 30px 0px}
#text dt {font-size:120%;margin:40px 0px 0px 40px}
#text dt#first {font-size:180%;margin:0px 0px 0px 0px}
#text dd {margin-left:70px;font-size:80%}

#logo {margin:30px;font: normal 70% Helvetica, Arial, sans-serif;width:153px;text-align:center}
#logo img {margin-bottom:2px}
#logo a#mp {text-decoration:none;color:#aa4444;border-bottom:dotted 1px #aa4444;padding:1px 3px 1px 3px}
#logo a#mp:hover {background-color:#aa4444;color:white}

.r, strong.s1 {color:#ff6666;}
.g, strong.s2 {color:#66ff66;}
.b, strong.s3 {color:#6666ff;}
.ra, #legend p#about a:hover, #legend p.links a:hover, #legend p#links a:hover, #text a:hover {background-color:#ff6666;color:#ffffff}
.ga {background-color:#66ff66;color:white;}
.ba {background-color:#6666ff;color:white;}

ul#w {margin:50px 0px 0px 40px;list-style-type: none;padding:0px;clear:both;display:block;height:100px}
ul#w li {margin-top:7px;font:bold 120% Helvetica, Arial, sans-serif;padding:4px 7px 4px 7px;cursor:pointer;float:left;clear:both}
ul#w li#wactive {cursor:default}

ul#c, ul#f, ul#s {clear:both;list-style-type: none;padding:0px;margin:0px 0px 0px 50px;height:40px;width:230px}
ul#c li {display:block;float:left;padding:10px;border:2px solid;margin-right:10px;padding:1px 7px 1px 7px;cursor:pointer}
ul#c li.bl {background-color:black;color:white;border-color:white}
ul#c li.wh {background-color:white;color:black;border-color:black}

ul#f li {display:block;float:left;border:2px solid;margin-right:10px;padding:1px 7px 1px 7px;cursor:pointer;background-color:white;color:black;border-color:black}
ul#s li {display:block;float:left;border:2px solid;margin-right:2px;padding:0px;width:24px;height:24px;line-height:0px;cursor:pointer;border-color:black}

div#sl {clear:both}
div#sl img, div#sl span {clear:both;display:block;position:absolute;margin-left:57px;margin-top:3px;width:106px;height:20px}
div#sl img#sb, div#sl span#sb {opacity:0.0}
div#sl ul#s {position:absolute;margin-left:50px}

ul#c li#cactive, ul#f li#factive,ul#s li#sactive {cursor:default;border-color:red}
ul#c li#border, ul#f li#border, ul#s li#border {border-color:orange}