/* chat */
#chatarea {
 margin:2px auto;
 width:600px;
 position:relative;
 border:1px solid #fff;
 font-family:Calibri, sans-serif;
 font-size:15px;
 text-align:left;

}
#chatuser{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;

}
#cod{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	
}
#chatarea #chlogged {
 margin:3px 18%;
 border:1px solid red;
 padding:2px 1px;
 text-align:center;
 font-style:italic;
}

#chatwindow {
 margin:0;
 padding:0;
}

#playchatbeep {
  position: relative;
  top: 15px;	
}
#chatrooms {
 display: none;
}
#chatrooms .chatroom {
 margin-right:3px;
 margin-left:4px;
 border-top:1px solid blue;
 border-right:1px solid blue;
 border-left:1px solid blue;
 background-color:#dadae8;
 cursor:pointer;
 padding:2px 3px 2px 4px;
 font-weight:700;
 -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 .chatroom:hover {
 background:#fdfdfe;
 text-decoration:underline;
}
#chatrooms #s_room {
 background-color:#fefe89;
 color:#0001d8;
 box-shadow:0.1em 0.1em 0.15em #a0a1da inset;
 -webkit-box-shadow:0.1em 0.1em 0.15em #a0a1da;    /* Safari and Chrome */
}
#chatusersli span, #chats q { display:none; }
#chatusers {
 top:3px;
 right:2px;
 width:21%;
 height:330px;
 position:absolute;
 background-color:#D91B5C;
 overflow:auto;
 font-size:13px;
 padding:2px 3px;
}
#chatusers li {
 list-style:none;
 margin-left: -5px;

}
i { margin-right: 5px;}

#chatusers #onl {
 width:100%;
 margin:2px auto 0 -5px;
 font-weight:bold;
 font-style:italic;
 text-align:center;
}
#chatusers ul {
 margin:0px auto 0px 15px;
 padding:0px;
}
#chats {
 margin:2px auto 3px 2px;
 width:78%;
 height:330px;
  background-color:#fdfdfe;
 overflow:auto;
 padding:2px;

}
#chats p {
 margin:1px auto 2px 1px;
 padding:1px 1px 2px 1px;
 background:#8DC63F;
 padding: 5px;


}
.fa-user {color:#8DC63F}

#chats p:nth-child(odd) {
 background:#0E76BC;
 
}
#chats p:last-child {
 margin:2px auto 8px 1px;
 background:#D91B5C;
 padding: 5px;
}
#chats .chatusr {
 font-weight:bold;
 color:#fff;
}
#chats p em {
 margin:0;
 font-size:10px;
}
#chats .chat {
   display: block;
  margin: 10px auto 20px 30px;
  padding: 0px 1px;
  line-height: 97%;
  text-indent: -8px;
  color:#fff;
}
#chats .sb {
 font-weight:800;
}
#chats .su {
 text-decoration:underline;
}
#chats .si {
 font-style:italic;
}

#playbeep {
 margin:0 auto 0 18px;
 border:none;
 cursor:pointer;
}

/* Chat Form */

#form_chat {
 clear:both;
 margin:-8px auto 2px auto;
 padding:2px;
}
#form_chat #chatex img{
 margin:auto 2px;
 border:none;
 cursor:pointer;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(146, 39, 143, 1); 
    -webkit-box-shadow: inset 0 0 6px rgba(146, 39, 143, 1); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(146, 39, 143, 1); 
}
#name_code, #chatex {
 text-align:center;
 color:#fff;
  margin-right: 70px;
 
}
#chatadd {
position:relative;
display:none;
text-align:center;
}
#code_ch {
font-weight:bold;
font-size:16px;
padding:2px;
color: #fff;
}
#adchat {
   width: 85%;
  height: 35px;
  background-color: #eee;
  color: #303030;
  font-size: 0.9em;
  padding: 1px 2px 0 8px;
  border: 1px solid #000;
  margin-top: 10px;
}
#adchat:focus { background-color:#fefed8; }
#enterchat {
margin:3px auto;
cursor:pointer;
text-decoration:underline;
font-style:italic;
font-size:17px;
color:#0101da;
}
#logoutchat {
margin:5px auto 1px 2%;
width:95px;
cursor:pointer;
text-align:left;
font-size:12px;
color:#fff;
}
#logoutchat:hover, #enterchat:hover {
text-decoration:none;
font-style:none;
color:#fff;
}
#chatadd #mp {
margin:2px auto;
font-size:7px;
color:#bcdeff;
}