.wrapchat{width:960px}
.userchat{bottom:0;position:fixed;right:238px;width:910px;z-index:3}
.userchat .hide .btchat,.userchat .hin{display:none}
.userchat .show .btchat,.userchat .sho{display:block}
.gataChat{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:#f6f7fa none repeat scroll 0 0;border-color:rgba(29,49,91,0.3) rgba(29,49,91,0.3) -moz-use-text-color;border-image:none;border-style:solid solid none;border-width:1px 1px 0 0;bottom:0;box-shadow:0 1px rgba(255,255,255,0.5) inset;color:#333;position:fixed;right:1px;width:210px;z-index:999}
.headerChat{background:#ebeef4 none repeat scroll 0 0;cursor:pointer;height:24px;width:210px}
.headerChat:hover{background:#f5f7fa none repeat scroll 0 0}
.sttuser .headerChat{background:#4267b2 none repeat scroll 0 0}
#fmChat .show .headerChat{display:block;height:26px}
#fmChat .hide .headerChat{display:none}
.headerChat span{font-size:11px;line-height:22px}
.headerChat .display{color:#fff;cursor:pointer;font-weight:bold;padding:2px 2px 0 30px}
.headerChat .ctit{overflow:hidden;width:250px}
#chUserOnlineC{color:#333;font-weight:bold;padding:2px 2px 0 10px}
.headerChat .tunm{color:#c2c2c2;font-weight:normal;padding-left:2px}
.btnOption{float:right;width:24px}
.btnOption:hover{cursor:pointer}
.btnOption1{background:rgba(0,0,0,0) url("icon.png") no-repeat scroll 0 -26px;display:block;height:24px}
.btnHide{float:right;height:24px;width:24px}
.btnHide:hover{cursor:pointer}
.btnHide1{background:rgba(0,0,0,0) url("icon.png") no-repeat scroll 0 0;display:block}
.show .btnHide1{background-position:-1px -1px}
.hide .btnHide1{background-position:-1px -55px}
.iconChat{background:rgba(0,0,0,0) url("img.png") no-repeat scroll 0 -113px;display:block;float:left;height:12px;left:6px;position:relative;top:4px;width:12px}
.show .contentChat{border-top:1px solid #efefef;display:block;position:relative}
.contentChat li{cursor:pointer;line-height:16px;overflow:hidden;padding:3px 1px 1px 1px;position:relative;list-style:none;border-top:solid 1px #FAFAFA}
.contentChat li:hover{background:#f2f5f9 none repeat scroll 0 0}
#fmChat li.chatto{clear:both;margin-top:10px}
#fmChat li.chatfrom{clear:both;margin-left:2px;margin-top:10px}
#fmChat li.splitday{text-align:center;border-top:solid 1px #F9F9F9}
#fmChat li.splitday>span{color:#AAA;font-style:italic}
#fmChat li.merg{margin-top:1px;padding-top:1px}
#fmChat li.merg .messChat{margin-top:1px;padding-top:1px;padding-bottom:1px}
.chatto .messChat.read::before{border-bottom:5px solid transparent;border-left:5px solid #CCC;border-top:5px solid transparent;bottom:8px;content:"";display:inline-block;height:0;position:absolute;right:-6px;width:0}
.chatto .messChat.read::after{border-bottom:5px solid transparent;border-left:5px solid dodgerblue;border-top:5px solid transparent;bottom:8px;content:"";display:inline-block;height:0;position:absolute;right:-5px;width:0}
.chatfrom>img{border-radius:50%;margin-top:0;width:30px}
.chatto>a,.chatfrom>a{display:none}
.logChat .d_dragger .d_dragger_bar{height:100% !important}
.hide .contentChat{display:none}
.ccl1{background:#fff none repeat scroll 0 0}
.ccl2{background:#eee none repeat scroll 0 0}
.d_draggerContainer{width:3px}
.avatarChat img{border:1px solid #222;float:left;height:28px;margin-right:5px;width:28px}
.textChat{font-size:11px}
.textChat .emt{width:16px}
.textChat b{display:block}
.textChat span{background:rgba(0,0,0,0) url("img.gif") no-repeat scroll -5px -471px;padding-left:12px}
div.sus{height:33px;line-height:16px;overflow:hidden}
.textChat .sttu{color:#a3a3a3}
.sttchat1{background:rgba(0,0,0,0) url("img.gif") no-repeat scroll 0 -67px;height:8px;position:absolute;right:5px;top:5px;width:8px}
.sttchat2{background:rgba(0,0,0,0) url("img.gif") no-repeat scroll 0 -41px;height:8px;position:absolute;right:5px;top:5px;width:8px}
.sttchat3{background:rgba(0,0,0,0) url("img.gif") no-repeat scroll 0 -92px;height:8px;position:absolute;right:5px;top:5px;width:8px}
.show .searchChat{display:block;padding:5px;position:relative}
.hide .searchChat{display:none}
.searchChat i{background:#e4f0f7 url("img.gif") no-repeat scroll -1px -237px;display:block;height:12px;left:12px;position:absolute;top:12px;width:12px}
.searchChat input{background:#f2f7fe none repeat scroll 0 0;border:1px solid #489dcd;color:#777;font-size:11px;padding:5px 0;text-indent:22px;width:198px}
.mainchat{background:#fbfcfe none repeat scroll 0 0;border:1px solid #095d93;box-shadow:0 0 3px #666;float:right;margin-left:5px;position:relative;z-index:999}
.mainchat .headerChat{width:290px}
#fmChat .show{width:290px}
#fmChat .hide{width:185px}
.btncloseChat{position:absolute;right:5px;top:5px}
.btnhideChat{position:absolute;right:25px;top:5px}
.avaChatMem{left:2px;position:absolute;top:0;z-index:1000}
.avaChatMem img{border:none;border-radius:50%;height:25px;width:25px}
.closeChat{background:rgba(0,0,0,0) url("close.gif") no-repeat scroll 0 0;display:block;height:12px;width:12px}
.closeChat:hover{background:rgba(0,0,0,0) url("close.gif") no-repeat scroll -15px 0}
.hideChat{background:rgba(0,0,0,0) url("close.gif") no-repeat scroll -31px -2px;display:block;height:12px;width:12px}
.hideChat:hover{background:rgba(0,0,0,0) url("close.gif") no-repeat scroll -45px -2px}
.logChat{font-size:11px;min-height:200px;overflow-x:hidden;overflow-y:auto;padding:1px 0 0}
.logChat .mCSB_container{background:#FFF;margin-right:6px !important}
.logChat a:hover{text-decoration:underline}
.chatto a{color:#EEE}
.chatfrom a{color:#555}
.chatto a:hover,.chatfrom a:hover{color:#FF6600;text-decoration:none}
.chatto a>img,.chatfrom a>img{margin:5px auto;max-height:120px;max-width:120px}
.chatto .messChat{float:right;background-color:dodgerblue;border-radius:15px 0 0 15px;padding:5px 3px 5px 10px;margin-right:5px;min-width:50px;color:white}
.chatto .messChat>i{color:#999}
.chatto .messChat.read{background:dodgerblue}
.chatfrom .messChat{float:left;background-color:#EEE;border-radius:0 15px 15px 0;padding:5px 10px 5px 3px;min-width:80px;color:#6a6c6f}
.messChat{display:inline-block;font:normal 13px/15px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;max-width:180px;min-height:23px;position:relative;word-wrap:break-word}
.messChat .emt{border:0 none;height:16px}
.messChat.bz{font-weight:bold}
form[target='dchat_attach_frame']{width:100px}
form[target='dchat_attach_frame']>input{display:none}
iframe[name='dchat_attach_frame']{border:none;height:0;width:0}
.sttMess{color:#777;font-style:italic;padding:5px}
.toolChat{background:rgba(0,0,0,0) url("img.gif") repeat-x scroll 0 -148px;height:24px;padding:2px 5px;width:290px}
.show .toolChat{display:block}
.hide .toolChat{display:none}
.toolChat>a{display:block;cursor:pointer;float:left;height:21px;margin-right:5px;width:22px;border-radius:2px;padding:0 0 1px 4px;background:#EEE;color:#FF6600}
.toolChat>a>i{font-size:16px}
.toolChat>a:hover{background:#FF6600;color:#FFF}
.chatting{border-bottom:1px solid #c7d1d9;border-left:1px solid #e3e8ec;padding:4px}
.show .chatting{display:block}
.hide .chatting{display:none}
.chatting textarea{background:#FFF none repeat scroll 0 0;font:normal 13px/15px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;border:medium none;height:20px;min-height:20px;min-width:250px;outline:medium none;padding:0;resize:none;width:100%;overflow-y:hidden}
.sttuser{background:#f1f1f1 none repeat scroll 0 0;color:#777;font-size:11px;line-height:22px}
.online{background:rgba(0,0,0,0) url("img.gif") repeat-x scroll 0 -318px}
.offline{background:rgba(0,0,0,0) url("img.gif") repeat-x scroll 0 -318px}
.sttuser .sttonline{background:rgba(0,0,0,0) url("img.gif") no-repeat scroll 7px -33px !important;color:#3b5998;font-weight:bold;margin:0;padding-left:20px}
.sttuser .sttoffline{background:rgba(0,0,0,0) url("img.gif") no-repeat scroll 7px -84px !important;margin:0;padding-left:20px}
.jhscrollableui_wrapper{background:#fff none repeat scroll 0 0}
.scrollChat{display:none;position:absolute;right:2px;top:2px;width:7px;z-index:1}
.scrollChat .cursor{background-clip:content-box;background-color:rgba(0,0,0,0.4);border:1px solid rgba(85,85,85,0.6);border-radius:7px;position:absolute;transition:all 25ms ease 0s;width:5px}
.scrollChat .cursor{height:40px;top:40px}
.zmscrollableui.contentBefore::before,.zmscrollableui.contentAfter::after{content:"";display:block;height:2px;position:absolute;width:100%;z-index:99}
.nextChat{background:#d5e0e6 url("scroll.gif") no-repeat scroll 0 2px;border-color:#a2b8d4;bottom:0;cursor:pointer;display:block;float:left;height:26px;left:6px;position:absolute;width:15px}
.backChat{background:#d5e0e6 url("scroll.gif") no-repeat scroll -14px 2px;border-color:#a2b8d4;bottom:0;cursor:pointer;display:block;float:right;height:26px;position:absolute;right:-18px;width:15px}
.bxchat{bottom:0;position:absolute;width:100%}
.btchat{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:#fbfcfe none repeat scroll 0 0;border-color:#095d93 #095d93 -moz-use-text-color;border-image:none;border-style:solid solid none;border-top-left-radius:2px;border-top-right-radius:2px;border-width:1px 1px 0;bottom:0;box-shadow:-3px 0 4px -3px #666;left:-1px;position:absolute}
.sttuser{height:26px}
.btnHide a{height:24px;width:24px}
.closeUser{background:rgba(0,0,0,0) url("img.gif") no-repeat scroll 1px -279px;cursor:pointer;height:15px;position:absolute;right:5px;top:2px;width:15px}
.closeUser:hover{background-position:1px -300px}
.newMsg{background-color:red;color:white;cursor:pointer;font-weight:normal;min-width:10px;padding:0 3px;position:absolute;right:22px;text-align:center;top:-5px}
.uloption{background:#fafafa none repeat scroll 0 0;border:1px solid #5889b7;display:none;font-size:11px;padding:5px;position:absolute;right:-1px;top:-66px}
.uloption li{overflow:hidden}
.uloption input{float:left;margin:3px 4px 2px 0}
.uloption label{display:inline-block;width:125px}
.uchat{padding-left:1px;font-size:12px}
.jtit{padding-left:58px}
.uchat.dp{background:url('chaticon.png') no-repeat 4px -60px}
.uchat.dm{background:url('chaticon.png') no-repeat 4px -30px}
.uchat.dt{background:url('chaticon.png') no-repeat 4px 2px}
.headerChat .ctit.dp{background:url('chaticon.png') no-repeat 4px -57px}
.headerChat .ctit.dm{background:url('chaticon.png') no-repeat 4px -42px}
.headerChat .ctit.dt{background:url('chaticon.png') no-repeat 4px -10px}