*{ padding:0; }

body, td, tr, font { cursor: default; }

body {
width: 100%;
color: #fff;
margin: 0px;
margin-top:3px;
font-size: 14px;
font-family: Arial, Tahoma, Helvetica, sans-serif;


}


select, button {
color: #fff;
background: #000;
padding: 0px;
margin: 0px;
}

#mainBody {
width: 98%;
margin: auto;
text-align: center;
border: 0px;
}



.listRoom:hover, .listName:hover, .markedName:hover, .iggyName:hover { color: black; background: white; cursor: pointer; }
.listRoom, .listName, .markedName, .iggyName { display: block; width: 100%; margin: 0px; height: 14px; }
.listName { color: white; }
.markedName { color: yellow; }
.iggyName { color: red; }

.mini { font-size: 10px; font-family: monospace; display: inline; }

#mainbar{width: 100%; color: #ffffff;height:21px}

#roomArea, #listArea {
text-align: left;
width: 150px; 
font-size: 11px;
cursor: default;
}

#listArea { height: 450px; overflow:auto; }

.domainBox, .roomBox, .nameBox, .msgBox { height: 16px; }
.colorBox { width: 50px; height: 14px; font-size: 13px; text-align: center; }




#domainBox { width: 80px; }
#nameBox,#roomBox { width: 95px; height: 14px; font-size: 13px; }


/*=================== COLOR PICKER =======================*/

.closeButton:hover { background-color: #fff; color: #f00; font-weight: bold; cursor: pointer; }
.closeButton { 
background-color: #000; 
color: #f00;
width: 20px; 
height: 20px; 
text-align: center;
font-size: 14px; 
}

#colorPicker {
position:absolute;
top:100px;
left:200px;
background-color:black;
width: 400px;
padding: 2px;
}

/*====================== Webcam  ==========================*/

#WebcamWindow {
position:absolute;
top:25px;
left:400px;
background-color:black;
width: 550px;
height:600px;
padding: 2px;
border:groove yellow 4px;
}

.cambar{
width:100%;
background:gray;
height:20px;
text-align:center;
}

#campage{
width:100%;
height:576px;
}


#DoodleWindow {
position:absolute;
top:25px;
left:400px;
background-color:black;
width: 550px;
height:600px;
padding: 2px;
border:groove yellow 4px;
}

#doopage{
width:100%;
height:576px;
}


.ifm{width:100%;height:100%;}

/* Border around popups */
.InnerA { background-color: yellow; padding: 2px; }
.InnerB { background-color: black; padding: 2px; }


#fontSize, #maxPosts { width: 45px; }

#msgBox{border: #333333 1px solid;color:#fff}

#userPopup, .numberList {
position:absolute;
width:150px;
background-color: #000;
color: #fff;
padding: 2px;
}
#userPopup { z-index: 100; }
#numberListContent { height: 200px; overflow: auto; }

#userPopupName, #userPopupNumber { display: inline; }

.numberList{ top:200px; left:300px; }


.selectButton:hover, .pvtChat:hover, .colorButton:hover, .userPopupItem:hover { background-color: #fff; color: #000; cursor: pointer; }
.pvtChat { background-color: #000; color: #fff; }
.selectButton, .pvtChat { display: inline; }

.colorButton { text-align: center; }

.pvtChat { display: inline; }

/* =================== DISPLAY ROWS =================== */

#chatPosts {
width: 100%;
height: 100%;
border: 0px;
margin-top: 4px;
margin-bottom: 8px;
display: table;
}

.displayRow {
font-family: Arial, Tahoma, sans-serif;
font-size: 14px;
height: 20px;
vertical-align: middle;
width: 100%;
display: table-row;
margin: 0px;
}

.nameCell {
width: 10%;
text-align: center;
cursor: pointer;
display: table-cell;
margin: 0px;
}

/* ===================================================== */

.textCell { width: 90%; text-align: left; display: table-cell; margin: 0px;}
.inp{width: 99%; height: 20px; font-size:15px; font-family:arial;}
.stgi{
border:#FFF groove 2px;
border-bottom:#FFFF00 groove 2px;
border-right:#FFFF00 groove 2px;
width:82px;
margin:2px;
text-align:center;
display: block;
}
.pd{padding-left: 2px;padding-right: 2px;}
.fl{float:left;}
.yl{color:#FFFF00;}
.flg{height:12px;width:18px;border:0px;}
.rst{
padding-right:2px;
padding-left:2px;
border:groove 2px red;
display:inline;
background:#f00;
font-weight:bold;
}

/* menu */

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none; text-align:center;border:2px groove #fff;border-bottom:2px solid #ff0;border-right:2px solid #ff0; width:90px}
ul.menu li {position:relative;z-index:100;}
ul.menu ul {position:absolute; background:#000; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; width:94px; margin:0}
ul.menu ul li a {display:block;}
ul.menu ul li a:hover {background:#fff; color:#000;}
ul.menu ul ul {left:148px; top:-1px}


	dl{margin:-12px;padding-left:12px;padding-right:12px;padding-top:3px;}
        .transdroplist dd, .transdroplist dt, .transdroplist ul{margin:0px;padding:0px;z-index:999;}
        .transdroplist dd {position:relative;}
        .transdroplist a, .transdroplist a:visited{background:#000;text-decoration:none;outline:none;}
        .transdroplist a:hover{background:#fff;}
        .transdroplist dt a:hover{border: 1px solid #f00;}
        .transdroplist dt a{display:block;border:1px solid #ff0;width:17px;padding:2px;padding-left:3px;padding-right:4px;}
        .transdroplist dt a span{cursor:pointer;display:block;}
        .transdroplist dd ul{border:1px solid #ff0;display:none;left:0;padding:0;position:absolute;top:1px;width:auto;list-style:none;}
        .transdroplist span.value{display:none;}
        .transdroplist dd ul li a{padding:3px;display:block;}
        .transdroplist img.flag{border:none;vertical-align:middle;}