@charset "UTF-8";

/* Overflow things for mobiles */
.overthrow-enabled .overthrow {overflow: auto; -webkit-overflow-scrolling: touch;}

/* chat stuff */
div.tabWnd{border:1px solid #bbb;padding:0;margin:0;font-size:12px;display:none;min-width:400px;min-height:470px;} 
div.tabWnd.active{display:block;}

ul.chatTabs{list-style:none;padding:0px;margin:0;}
ul.chatTabs li{float:left;display:block;border-right:1px solid #bbb;border-top:1px solid #bbb;padding:3px 10px;font-size:12px;background:#ddd;cursor:pointer;border-left:none;}
ul.chatTabs li:first-child{border-left:1px solid #bbb} 
ul.chatTabs li.active{margin-bottom:-3px;border-bottom:1px solid white;background:white;cursor:default;color:black;font-weight:bold;}

.groupchatWnd{width:100%;border-bottom:1px solid #bbb;}
.groupchatWnd.auto{width:100%;border:1px solid #bbb;}
.groupchatWnd td:first-child{border-right:1px solid #bbb;}
.groupchatWnd .msgTd{width:100%;} 
.groupchatWnd .msgWnd{ height:397px;}
.groupchatWnd .msgWnd.auto{height:auto;margin:5px;}
.groupchatWnd .rosterWnd{height:413px;min-width:135px;} 

.groupchatMsgEnt{padding:6px 8px;}
.groupchatMsgBox{-moz-border-radius:4px;margin:0 8px 0 0;width:80%;height:50px;margin:6px 0;float:left;}

.groupchatBtn input{padding:0px 12px;font-size:12px;color:#3b3b3b;margin:2px;-moz-border-radius:4px;}
.groupchatBtn div{float:left;cursor:pointer;}
.groupchatBtn div.active input{background:#7cff72 url('/i/chat_enter.gif') no-repeat 96% 53%;color:#000;font-weight:bold;cursor:pointer;}
.groupchatBtn div.active{border:1px solid #888;}

.groupchatStatusBar{margin-top:3px;margin-right:3px;}
.groupchatStatusBar label{margin-left:4px;}

#chatWindows .msgWnd{overflow:auto;overflow-x:hidden!important;line-height:16px;padding:8px;}
.chatMsg{margin-bottom:3px;}
.chatMsg .name{font-weight:bold;cursor:pointer;}
.chatMsg .parentLogin{color:red;}
.chatMsg .time{color:#888;}
.chatMsg.hidden{display:none;}
.chatMsg.ignored{display:none!important;}
.chatMsg.offtopic{color:#5b4e85;}
.chatMsgError .text{font-weight:bold;color:red;}
.chatMsg .workBlock{float:right;display:inline;}
.chatMsg .workBlock span{cursor:pointer;}
.chatMsg .workBlock span.hideBtn{color:#d77;padding-left:10px;}
.chatMsg .workBlock span.hideBtn:hover{color:#d33;}
.chatMsg .workBlock span.onBtn{color:#7a7;border-bottom:1px dashed #7a7;}
.chatMsg .workBlock span.onBtn:hover{color:#161;border-bottom-color:#161;}
.chatMsg .workBlock span.offBtn{color:#aaa;border-bottom:1px dashed #aaa;}
.chatMsg .workBlock span.offBtn:hover{color:#555;border-bottom-color:#555;}
.chatMsg .workBlock.use{float:none;margin-left:10px;}
.chatMsg .workBlock.use span.offBtn{color:#555;border-bottom:1px dashed #555;}
.chatMsg .workBlock.use span.onBtn{color:#161;border-bottom:1px dashed #161;}

.groupchatMsgPid{color:red;font-weight:bold;cursor:pointer;}

.rosterCont{}
.rosterHead{font-weight:bold;line-height:19px;padding:0 8px;margin-top:10px;background-color:#dbdbdb;white-space:nowrap;}
.rosterHead:first-child{margin:0px;}
.rosterWnd{overflow-x:hidden!important;overflow-y:auto;}
.rosterWnd div.rosterItem{width:100%;line-height:16px;margin:auto;background:#fff;
			  position:relative;}
.rosterWnd div.rosterItem.offtopic{
    background-image:url('/i/chat/eye.gif');background-position:5px 4px;
    background-repeat:no-repeat;}
.rosterWnd div.rosterItem.offtopic.hide{background-image:none;}
.rosterWnd div.rosterItem a:hover{background-color:#c0ddfa;}
.rosterWnd div.rosterItem a{width:93%;color:black;text-decoration:none;
			    padding:0 2px 0 4px;display:block;margin-left:18px;}
/* .rosterWnd div.rosterItem a.sdvig{margin-left:16px;} */
.rosterWnd div.rosterItem .mute{
    position:absolute;top:4px;left:4px;width:12px;height:10px;cursor:pointer;
    visibility:hidden;background:url('/i/chat/mute.png') center center no-repeat;
}
.rosterWnd div.rosterItem .mute.un{ 
    visibility:visible;
    background:#fff url('/i/chat/mute.png') center center no-repeat;
}
.rosterWnd div.rosterItem.offtopic:hover{background-image:none;}
.rosterWnd div.rosterItem:hover a.sdvig ~ .mute{visibility:visible;}
.rosterWnd div.rosterItem:hover .mute{visibility:visible;}
.rosterWnd div.rosterItem:hover .mute.un{
    background:url('/i/chat/unmute.png') center center no-repeat;
}

.small-chat .rosterWnd{display:none}
.small-chat .tabWnd{min-width:auto;}
.line-through{text-decoration:line-through!important;}