/* chat */
#chatarea {
 margin:5px auto;
 width:530px;
 height:350px; 
 position:relative;
 background-color:#AAAAAA;
 border:1px thick #999999;
 font-family: Tahoma, sans-serif;
 /*font-family:Calibri, sans-serif;*/
 font-size:13px;
 text-align:left;
 background: -moz-linear-gradient(top left, #333333, #999999, #333333);          /* for Firefox */
 /*
 background: -moz-linear-gradient(top left, #dadafe, #dadafe, #dadafe);          /* for Firefox */
 */
 /* for Safari, Chrome */
 background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #333333), color-stop(0.5, #999999), color-stop(1, #333333));

 background-image: -o-linear-gradient(top left, #333333, #999999);          /* Opera 11.1+ */
 background: linear-gradient(top left, #333333, #999999, #333333);          /* W3C Markup */
}
#chatarea #chlogged {
 margin:2px 1px;
 border:1px solid red;
 padding:10px 1px;
 text-align:center;
 font-style:italic;

}
#chatarea img{
 /*height:20px;
 width:20px;
 border:none;
 */
}
#chatwindow {
 margin-left:5px;
 margin-right:5px;
 margin-top:4px;
 padding:2px;
 height:250px;
}
#chatrooms {
 font-family:sans-serif;
 margin-top:6px;
 width:528px; 
 height:10px; 
 font-size:12px;
 
}
#chatrooms .chatroom {
 margin-right:2px;
 margin-left:2px;
 border-top:0px solid #222;
 border-right:0px solid #222;
 border-left:0px solid #222;
 background-color:#FFFFFF;
 cursor:pointer;
 padding:2px;
 font-size:0.7em;
 -moz-border-top-left-radius:0.6em;
 -webkit-border-top-left-radius:0.6em;
 -khtml-border-top-left-radius:0.6em;
 border-top-left-radius:0.6em;
 -moz-border-top-right-radius:0.6em;
 -webkit-border-top-right-radius:0.6em;
 -khtml-border-top-right-radius:0.6em;
 border-top-right-radius:0.6em;

}
#chatrooms #s_room {
 background-color:#FFFFFF;
 box-shadow:0.1em 0.1em 0.15em #FFFFFF inset;
 -webkit-box-shadow:0.1em 0.1em 0.15em #FFFFFF;    /* Safari and Chrome */
}
#chatusersli span, #chats q { display:none; }
#chatusers { display:none; }
#chats {
 margin:2px 2px 1px 1px;
 border:1px solid #BBBBBB;
 background-color:#FFFFFF;
 overflow:auto;
 padding:1px;
 box-shadow:0.16em 0.16em 0.2em #777777;
 -webkit-box-shadow:0.16em 0.16em 0.2em #777777;    /* Safari and Chrome */
 -moz-border-radius:0.8em;
 -webkit-border-radius:0.8em;
 -khtml-border-radius:0.8em;
 border-radius:0.8em;
 height:250px; 
 
}
#chats p {
 margin:1px auto 1px 1px;
 padding:5px;
 -moz-border-top-left-radius:0.7em;
 -webkit-border-top-left-radius:0.7em;
 -khtml-border-top-left-radius:0.7em;
 -moz-border-bottom-right-radius:0.96em;
 -webkit-border-bottom-right-radius:0.96em;
 -khtml-border-bottom-right-radius:0.96em;
 border-top-left-radius:0.7em;
 border-bottom-right-radius:0.96em;
 background-color:#FFFFFF;
 background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);          /* for Firefox */
 /* for Safari, Chrome */
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #FFFFFF), color-stop(1, #FFFFFF));

 background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF);          /* Opera 11.1+ */
 background: linear-gradient(top, #FFFFFF, #FFFFFF);          /* W3C Markup */
}
#chats p:nth-child(odd) {
 background-color:#EEEEEE;
 background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);          /* for Firefox */
 /* for Safari, Chrome */
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #FFFFFF), color-stop(1, #FFFFFF));

 background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF);          /* Opera 11.1+ */
 background: linear-gradient(top, #FFFFFF, #FFFFFF);          /* W3C Markup */
}
#chats p:last-child {
 margin:1px auto 6px 1px;
 border:1px solid #CCCCCC;
 border-bottom:none;
 -moz-border-radius:0.7em;
 -webkit-border-radius:0.7em;
 -khtml-border-radius:0.em;
 border-radius:0.7em;
}
 #chats .chatusr {
 font-weight:bold;
 font-size:13px;
 color:#888888;
 margin-left:0px;
 padding:0px;
 
}
#chats p em {
font-weight:normal;
 margin:1px;
 font-size:12px;
 color:#AAA;
}
#chats .chat {
 display:block;
 padding:1.5px 1px;
 line-height:99%;
 text-indent:0px;
 color:#000;
 font-size:13px;
 font-weight:normal;
 margin-left:0px; 
 margin-right:18px; 
 
 
}

#playbeep {
 position:absolute;
 top:1px;
 right:1px;
 width:18px;
 height:18px;
 border:none;
 cursor:pointer;
}

/* Chat Form */

#form_chat {
font-family: sans-serif;
 clear:both;
 margin:8px auto 2px auto;
 padding:0px;
 height:20px;
 font-size:13px;
 
}
#form_chat #chatex img{
 margin:auto 1px;
 cursor:pointer;
 height:18px;
}
#name_code, #chatex {
 text-align:center;
}
#chatadd {
position:relative;
display:none;
text-align:center;
height:20px;

}
#code_ch {
font-weight:bold;
font-size:15px;
padding:2px;
color:blue;
}
#adchat {
 font-family: sans-serif;
 width:415px;
 height:22px;
 background-color:#CCCCCC;
color:#111111;
padding-top:2px;
 -moz-border-radius:0.8em;
 -webkit-border-radius:0.8em;
 -khtml-border-radius:0.8em;
 border-radius:0.5em;
 font-size:13px;
}
#adchat:focus { background-color:#DDDDDD; }
#enterchat {
font-family: sans-serif;
margin:3px auto;
cursor:pointer;
text-decoration:underline;
font-style:italic;
font-size:13px;
color:#DDDDDD;
}
#logoutchat {
font-weight:bold;
margin-top: 1px;
margin:3px auto 1px 2%;
width:80px;
cursor:pointer;
text-align:left;
text-decoration:none;
font-style:italic;
font-size:11px;
color:#EEEEEE;
}
#logoutchat:hover, #enterchat:hover {
text-decoration:none;
font-style:none;
color:#DDDDDD;
}
#chatadd #mp {
margin:2px auto;
font-size:6px;
color:#DDDDDD;
}