* {outline:none;}
html,body{margin: 0 auto}
#page_chat_small {width:260px; z-index:999; box-shadow:0 0 3px #333; overflow:hidden;}
#page_chat_small > #title {position:relative; font-family:dejavu; font-weight:bold; background:#CF3A58; padding:5px 0; width:100%; color:#fff; text-align:center; border-top-left-radius:4px; border-top-right-radius:4px; border:solid #2F3545 1px;cursor: pointer}
#users_chat {
    background: none repeat scroll 0 0 #2f3545;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 10px;
}
#users_chat > .user_info { width:96%; height:100%; padding:4px;  font-family:dejavu}
#users_chat > .user_info > .image {width:25px; height:25px; float:left;}
#users_chat > .user_info > .image img {width:25px; height:25px; border:1px solid #1A1D24; border-radius:3px;}
#users_chat > .user_info > .content {position:relative;background:#fff; color:#555; position:relative; border:solid #ccc 1px; width:190px; padding:5px; margin-left:40px; border-radius:3px;}
#users_chat > .user_info > .content p {margin:0; font-size:13px;}
#users_chat > .user_info > .content > .arrow-left {width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;	border-right:10px solid #ccc;  position:absolute; left:-10px; top:4px;}
#users_chat > .user_info > .content > .arrow-left span {width: 0; height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent; border-right:12px solid #fff;  position:absolute;  left:1px;   top:-12px;}
#users_chat > .user_info > .content > .time {position:absolute; right:4px; top:4px; color:#999; font-size:11px; margin-top:-3px; float:right;}
#users_chat > .user_info > .content > .name {color:#777; margin-top:-3px; margin-bottom:6px; font-size:12px;}

#users_chat > .user_info_right {}
#users_chat > .user_info_right > .image {float:right}
#users_chat > .user_info_right > .content {margin-left:0px;}
#users_chat > .user_info_right > .content > .arrow-right {width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;	border-left:10px solid #ccc;  position:absolute; right:-10px !important; top:4px;}
#users_chat > .user_info_right > .content > .arrow-right span {width: 0; height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent; border-left:12px solid #fff;  position:absolute;  right:1px !important;   top:-12px;}

#page_chat_small > #textarea {background:#2F3545; width:102.5%; height:100%; padding:3px;}
#page_chat_small > #textarea textarea {margin-left:1px; resize:none; overflow:auto; width:94.5%; height:25px; border-radius:2px;}

#users_chat.loader{
    background-image: url("/img/main_loader.gif");
    background-position: 50% 3px;
    background-repeat: no-repeat;
    background-size: auto auto;
    opacity: 0.9;
    padding-top: 30px;
}

#message_count {position:absolute; left:5px; top:4px; background:#2f3545; padding:2px 3px; font-size:13px; border-radius:3px; box-shadow:0 0 1px #2f3545;}
.display_none{display: none}