/* Message colors */
.self { color: #c00; }
.other { cursor: pointer; }
.other:hover { color: #999999; }
.whisper { color: #3333CC; }
.whisperTo { color: #3333CC; cursor: pointer; }
.whisperTo:hover { color: #999999; }
.error { color: #ñ00; }
/* end */

/* System */
.msg_3 { color: #33CC00; font-weight: normal; }
/* end */

/* User names colors */
.nameSelf { color: #c00; font-weight: bold; margin-bottom: 3px; cursor: pointer; }
.nameOther { color: #333; font-weight: bold; margin-bottom: 3px; cursor: pointer; }
.nameOther:hover { color: #999999; }
/* end */

/* Login */
.loginWrap { margin: 0 0 25px 0; border: 1px solid #dfdfdf; background: #f1f1f1; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#loginTabBar { padding: 7px 0 4px 0; text-align: left; border-bottom: 1px solid #dfdfdf; margin: 3px 3px 0 3px; }
#loginTabBar span { background: #fff; padding: 5px 10px; border: 1px solid #dfdfdf; border-bottom: 0; font-weight: bold; -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px; }
#loginTabBar a { text-decoration: none; padding: 5px 10px 3px 10px; margin: 0 2px; }
.loginForm { height: 205px; text-align: center; background: #fff; margin: 0 3px 3px 3px; padding: 5px 10px; border: 1px solid #dfdfdf; border-top: 0; }
.loginForm .loginLabel { width: 310px; margin: 0 auto; text-align: left; padding-top: 5px; color: #666; }
.loginForm .loginField { text-align: left; width: 310px; margin: 3px auto 0 auto; }
.loginForm input.loginField { font: normal 11px/14px Arial; color: #333; padding: 3px; border: 1px solid #dfdfdf; background: #fafafa; width: 273px; margin: 0 0 5px 0; -moz-border-radius: 2.5px; -webkit-border-radius: 2.5px; }
.loginForm img { border: 1px solid #dfdfdf; margin-top: -4px; }
.loginForm .loginSubmit { text-align: left; width: 310px; margin: 5px auto 0 auto; }
.loginForm .loginSubmit input { font: normal 11px/14px Arial; color: #333; padding: 2px 5px; cursor: pointer; }
.loginForm .loginSubmit input.reglogin { width: 180px; }
.loginForm .error { margin: 5px 0 0 0; }
/* end */

/* Wrap */
.wrapper { border: 1px solid #dfdfdf; background: #f1f1f1; padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.wrapper h3 { font: normal 14px/14px Arial; margin: 4px 0 4px 6px; }
.wrapper .ping { cursor: help; }
.wrapper #rtime { float: right; color: #999; font-size: 8px; }
#tabChatHeader { margin: 5px 0 0 0; padding: 0 0 4px 0; border-bottom: 1px solid #dfdfdf; }
#tabChatHeader li { margin: 0; padding: 0; display: inline; cursor: pointer; list-style: none; }
#tabChatHeader li a { margin: 0; padding: 5px 6px; font-size: 10px; line-height: 13px; text-decoration: none; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px; }
#tabChatHeader li a.current { color: #333; background: #fff; }
/* end */

/* Chat */
.chatInput { padding: 5px 5px 0 0; }
.chatInput input { width: 654px; font: normal 11px/14px Arial; color: #333; padding: 3px; border: 1px solid #dfdfdf; background: #fafafa; -moz-border-radius: 2.5px; -webkit-border-radius: 2.5px; }
.chatInput img { cursor: pointer; }
#chatLog, #listUsers { height: 580px; text-align: left; overflow: auto; border: 1px solid #dfdfdf; padding: 10px; background: #fff; border-top: 0; }
#chatLog p { margin: 0 0 3px 0; line-height: 13px; }
#listUsers { display: none; }
#listUsers td { padding: 0 25px 3px 0; }
/* end */

/* locked-user */
#locked-user .bg { position: fixed; top: 0; left: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; z-index: 3; }
#locked-user .block { position: fixed; top: 50%; left: 50%; border: 1px solid #dfdfdf; background: #f1f1f1; padding: 3px; margin: -150px 0 0 -200px; text-align: right; color: #333; z-index: 4; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#locked-user .block .form { width: 400px; height: 150px; border: 1px solid #dfdfdf; background: #fff; padding: 10px 0 0 10px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#locked-user .block .form #lockuser-email, #locked-user .block .form #lockuser-ip { font-size: 10px; color: #666; }
#locked-user .block .form div { margin: 5px 0 10px 0; }
#locked-user h2 { font: normal 16px/18px Arial; color: #333; padding: 0; margin: 0; }
/* end */