/* parte chat */
body {
 margin:0;
 padding:0;
 text-align:center;
}
#chatarea {
 margin:2px 0;
 width:245px;
 position:relative;
 margin:0 auto;
 background-color:#e1e1fe;
 border:1px solid silver;
 font-family:Calibri, sans-serif;
 font-size:14px;
 text-align:left;
 background: -moz-linear-gradient(top left, #dadafe, #dedffe, #fefeff);
 background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #dadafe), color-stop(0.5, #dedffe), color-stop(1, #fefeff));
 background-image: -o-linear-gradient(top left, #01fe02, #fefeff);
 background: linear-gradient(top left, #dadafe, #dedffe, #fefeff);
}
#chatarea #chlogged {
 margin:3px 1px;
 border:1px solid red;
 padding:2px 1px;
 text-align:center;
 font-style:italic;
}
#chatarea img{
 height:16px;
 border:none;
}
#chatwindow {
 margin:0;
 padding:0;
 height:293px;
}
#chatrooms {
 margin:3px auto 0 1px;
 width:99%;
 display:none;
}
#chatrooms .chatroom {
 margin-right:2px;
 margin-left:2px;
 border-top:1px solid blue;
 border-right:1px solid blue;
 border-left:1px solid blue;
 background-color:#dadae8;
 cursor:pointer;
 padding:2px;
 font-size:0.9em;
 border-top-left-radius:0.6em;
 border-top-right-radius:0.6em;
}
#chatrooms #s_room {
 background-color:#fdfdfe;
 box-shadow:0.1em 0.1em 0.15em #a0a1da inset;
 -webkit-box-shadow:0.1em 0.1em 0.15em #a0a1da;
}
#chatusersli span, #chats q { display:none; }
#chatusers {display:none;}
#showusr {
  display:none;
  position:absolute;
  top:15px;
  right:-1px;
  width:100px;
  height:260px;
  border:1px solid #d8d9a8;
  background-color:#b8fec8;
  background:rgba(88, 250, 89, 0.4);
  overflow:auto;
  font-size:13px;
  font-weight:bold;
  font-style:italic;
}
#showusr h4 {
 margin:1px auto;
 text-align:center;
}
 #showusr ul {
  margin:0 0 10px 2px;
  list-style-type:none;
  padding:0;
 }
 #showusr #hide_users {
  position:absolute;
  display:block;
  top:-6px;
  background-color:yellow;
  cursor:pointer;
  padding:0 1px;
  font-size:18px;
  color:red;
 }
#show_onl {
 width:78px;
 margin:.1em auto 1px .6em;
 cursor:pointer;
 font-size:1.2em;
 color:blue;
}
 #show_onl #nron {
  padding-left:8px;
  font-size:1.2em;
  color:#01be02;
 }
#chats {
 margin:2px 3px 1px 1px;
 height:290px;
 border:1px solid #aaaafe;
 background-color:#fdfdfe;
 overflow:auto;
 padding:1px;
 box-shadow:0.16em 0.16em 0.2em #a0a1d2;
 -webkit-box-shadow:0.16em 0.16em 0.2em #a0a1d2;
 border-radius:0.8em;
}
#chats p {
 margin:1px auto 1px 1px;
 padding:1px 0;
 border-top-left-radius:0.7em;
 border-bottom-right-radius:0.96em;
 background-color:#e9fbe9;
 background: -moz-linear-gradient(top, #e1fae2, #fbfefb);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #e1fae2), color-stop(1, #fbfefb));

 background-image: -o-linear-gradient(top, #e1fae2, #fbfefb);
 background: linear-gradient(top, #e1fae2, #fbfefb);
}
#chats p:nth-child(odd) {
 background-color:#f0f1fe;
 background: -moz-linear-gradient(top, #efeffe, #fbfbfe);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #efeffe), color-stop(1, #fbfbfe));

 background-image: -o-linear-gradient(top, #efeffe, #fbfbfe);
 background: linear-gradient(top, #efeffe, #fbfbfe);
}
 #chats .chatusr {
 font-weight:bold;
}
#chats p em {
 margin:0;
 font-size:9px;
}
#chats .chat {
 display:block;
 margin:0px auto 0px 27px;
 padding:0px 1px;
 line-height:97%;
 text-indent:-8px;
}
#chats p:last-child {
 margin:1px auto 6px 1px;
  border:1px solid #abcdef;
  border-bottom:none;
 border-radius:0.7em;
}

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

/* Parte formular */
#form_chat {
 clear:both;
 margin:6px auto 2px auto;
 padding:2px;
text-align:center;
}
#form_chat #chatex img{
 margin:auto 1px;
 cursor:pointer;
}
#name_code, #chatex {
 text-align:center;
}
#chatadd {
position:relative;
display:none;
margin:1px auto;
}
#form_chat .addchat0 {display:block;}
#code_ch {
font-weight:bold;
font-size:16px;
padding:2px;
color:#0000fe;
letter-spacing:1px;
}
#adchat {
 width:74%;
 height:15px;
 margin:1px auto;
 background-color:#d8fed9;
color:#0101de;
font-size:.9em;
padding-top:2px;
 border-radius:.8em;
}
#adchat:focus { background-color:#fefed8; }
#enterchat {
margin:3px auto;
cursor:pointer;
text-decoration:underline;
font-style:italic;
font-size:15px;
color:#0101da;
}
#logoutchat {
position:absolute;
right:2%;
margin:9px 2% auto auto;
width:92px;
cursor:pointer;
text-align:right;
text-decoration:underline;
font-style:italic;
font-size:12px;
color:#0101da;
}
#logoutchat:hover, #enterchat:hover {
text-decoration:none;
font-style:none;
color:green;
}
#chatadd #mp {
margin:1px auto;
font-size:6px;
color:#abcdef;
}
#subsol {display:none;}