.chatonline{
height: 50px;
text-align:left;
vertical-align: top;
margin:2px;
padding: 2px;
border:1px solid   #2abae3;
}
a.chat {
}
a.chat:hover {
background-color:#f5f5b5;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
}
.chatmess{
height: 370px;
text-align:center;
vertical-align: top;
margin:2px; 
color: #2abae3;
padding: 2px;
border:1px solid   #2abae3;
}

#chat_mess
{
height: 350px;
overflow-y:auto;
}

#chat_online{
height: 50px;
}

.footchat{
text-align:center;
margin:2px;
padding: 5px;
border:1px solid   #2abae3;
}

.cnop {
background: #8D8D8D;
border: 1px solid #c0c0c0;
font-weight: bold;
font-family:Verdana, Geneva, sans-serif;
color: #fff;
font-size: 10px;height: 20px;
cursor:pointer;
}

.bbcod{
background-color: #ffffff;
border:1px solid #cccccc;
cursor:pointer;
height: 18px;
width:18px;
font-size:9px;
font-weight: bold;
}

.textur{
border:1px solid #cccccc;
height: 60px;
width:100%;
font-size:11px;
}

.msname{
border-bottom:1px solid #ccc;
font-size:11px;color:#0000dd;
font-weight: bold;
cursor:pointer;
}

.mstime{
padding-left:2px;
font-size:9px;
color:#909090;
}
.msmess{
padding-bottom:5px;
font-size:11px;
color:#000;
}

.login {
margin:-12% 9%;
position: absolute;
border-radius: 10px;
border: 1px solid #8D8D8D;
padding: 5px;
width: 300px;// width: 300px;
visibility: hidden;
opacity:0.7;
background-color: #fff;
}

.exit {
border: 1px solid #dd0000;
width: 55px;font-weight: bold;
cursor:pointer;
}

.onli {
cursor:pointer;
}