@charset "utf-8";
/*
 * @name	:139G 聊天室
 * @author	:chenfahui(email:chenfh@xmxu.cn)
 * @version	:1.0
 */
.chatMin a.btn,.chatTit,.chatTit .btn,.chatMin a.close,.chatMidBar .btn,.chatHis .close i,.chatHis .pages a,.chatHis .pages span,.chatMidLis .error,.chatMidbtn .btnSelect li.current .nub,.chatMidbtn .btnMsg .nub,.chatMidBar .btnMsg .nub{background:url(../images/chat_icon.png) no-repeat;}
.chatMin{position:fixed;right:70px;bottom:0;}
.chatMin a.btn,.chatTit{background-repeat:repeat-x;height:27px;width:150px;float:left;line-height:27px;color:#fff;padding:0 10px;border:1px solid #1175c3;box-shadow:0 0 1px 0 rgba(255,255,255,0.8) inset;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,0.5);}
.chatMin a.btn:hover{border-color:#096ab5;background:#1376c3;box-shadow:0 0 1px 0 rgba(255,255,255,0.5) inset;}
.chatMin a.msg{border-color:#cb6d08;background-position:0 -30px;}
.chatMin a.msg:hover{border-color:#be6505;background:#fd9112;}
.chatMin a.close,.chatTit .btn{height:27px;width:27px;position:absolute;top:0;}
.chatMin a.close{top:1px;}
.chatBox,.chatWrap{position:fixed;right:70px;bottom:0;background:#fff;z-index:13;border-bottom:1px solid #d1e0ee;}
.chatBoxRig{right:0;}
.chatWrap{border:0;background:none;}
.chatWrap iframe{vertical-align:top;}
.chatMove{position:absolute;left:0;top:0;right:60px;height:29px;cursor:move;}
.chatTit{width:auto;float:none;position:relative;padding:0 0 0 70px;cursor:move;}
.chatTit .avatar{position:absolute;left:10px;bottom:0;width:48px;height:48px;border:1px solid #1175c3;border-bottom:0;}
.chatTit .online{background:url(../images/chat_online.png) no-repeat;position:absolute;bottom:0;left:38px;height:21px;width:21px;}
.chatTit .btnMin{background-position:0 -65px;right:30px;}
.chatTit .btnMin:hover{background-color:#7bbaeb;}
.chatTit .btnClose,.chatMin a.close{background-position:-25px -65px;right:0;}
.chatTit .btnClose:hover,.chatMin a.close:hover{background-color:#ff2929;}
.chatTit .title{position:absolute;left:10px;top:0;}
.chatCon{display:inline-block;width:100%;vertical-align:top;}
.chatNav{float:left;width:120px;height:400px;overflow:hidden;border-left:1px solid #d1e0ee;}
.chatNav li{position:relative;}
.chatNav li a{display:block;border-bottom:1px solid #d1e0ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;padding:8px;}
.chatNav li span{position:absolute;left:2px;top:2px;background:#f26522;color:#fff;padding:0 3px;border-radius:3px;line-height:14px;}
.chatNav li em.name{font-style:normal;}
.chatNav li i.online{background:#16b73c;position:absolute;left:38px;top:38px;height:5px;width:5px;margin:-6px 0 0 -6px;border-left:1px solid #d1e0ee;border-top:1px solid #d1e0ee;overflow:hidden;}
.chatNav li.current span{display:none;}
.chatNav li.current a{color:#1d7ac4;background:#dbe5ed;background:linear-gradient(#e6eef4,#d1e0ee);background:-moz-linear-gradient(#e6eef4,#d1e0ee);background:-webkit-linear-gradient(#e6eef4,#d1e0ee);background:-ms-linear-gradient(#e6eef4,#d1e0ee);}
.chatNav .avatar{width:30px;height:30px;vertical-align:middle;margin:0 5px 0 0;}
.chatMid{float:left;width:300px;height:400px;overflow:hidden;}
.chatMidLis{height:270px;border-right:1px solid #d1e0ee;border-left:1px solid #d1e0ee;overflow:hidden;}
.chatMidLis img,.chatHis .list img,.chatMidBox .release img{max-width:100%;display:inline-block;vertical-align:bottom;margin:0 3px;}
.chatMidLis img.smileyImg,.chatHis .list img.smileyImg,.chatMidBox img.smileyImg{margin:0 3px 0 0;vertical-align:middle;height:20px;width:20px;overflow:hidden;}
.chatMidLis img.blankImg,.chatHis .list img.blankImg,.chatMidBox img.blankImg{margin:0;}
.chatMidLis .l,.chatMidLis .r{padding:5px 10px;}
.chatMidLis .l .time,.chatMidLis .r .time{color:#333;padding:3px 5px;}
.chatMidLis .l .time div,.chatMidLis .r .time div{display:inline-block;}
.chatMidLis .l .time span,.chatMidLis .r .time span{color:#999;padding:0 0 0 5px;}
.chatMidLis .l .msg,.chatMidLis .r .msg{border:1px solid #d1e0ee;background:#f2f7fa;padding:5px 8px;color:#333;border-radius:3px;position:relative;}
.chatMidLis .r .msg{border-color:#e5c9a2;background:#ffedd3;}
.chatMidLis .error{height:17px;width:22px;background-position:0 -255px;position:absolute;left:-11px;top:5px;cursor:pointer;}
.chatMidLis .sending{height:18px;vertical-align:top;margin:0 3px;}
.chatMidLis .hr{height:0;width:80%;margin:10px auto;border-top:1px solid #ccc;text-align:center;}
.chatMidLis .hr span{background:#fff;line-height:20px;position:relative;top:-10px;padding:0 5px;color:#999;}

.chatMidBar{height:27px;border:1px solid #d1e0ee;position:relative;}
.chatMidBar .btn{height:21px;width:21px;float:left;margin:2px 5px 0 5px;border:1px solid #fff;}
.chatMidBar .btnFace{background-position:0 -92px;}
.chatMidBar .btnImg{background-position:-22px -92px;position:relative;overflow:hidden;}
.chatMidBar .file{position:absolute;right:0;top:0;font-size:100px;filter:alpha(opacity=0);opacity:0;cursor:pointer;}
.chatMidBar .btnHis{float:right;background-position:3px -114px;width:auto;padding:0 5px 0 28px;line-height:21px;border-left:1px solid #d1e0ee;color:#1d7ac4;}
.chatMidBar .selected{border:1px solid #d1e0ee;background-color:#d3dde5;}
.chatMidBar .smiley{position:absolute;left:0;bottom:100%;background:#fff;border:1px solid #d1e0ee;padding:4px;}
.chatMidBar .smiley img{float:left;margin:2px;cursor:pointer;width:20px;height:20px;overflow:hidden;}

.chatMidBox{height:70px;border-right:1px solid #d1e0ee;border-left:1px solid #d1e0ee;overflow:hidden;}
.chatMidBox .release{height:70px;height:auto!important;min-height:60px;padding:5px;outline:none;cursor:text;}
.chatMidbtn{height:30px;border-right:1px solid #d1e0ee;border-left:1px solid #d1e0ee;position:relative;}
.chatMidbtn .btn {float:right;position:relative;background:#348bca;border:1px solid #348bca;margin:3px 5px 0 0;border-radius:3px;box-shadow:0 1px rgba(255,255,255,0.5) inset;}
.chatMidbtn .btn a{color:#fff;padding:2px 8px;float:left;}
.chatMidbtn .btn a:active{padding:3px 7px 1px 9px;}
.chatMidbtn .btn .nub{border:5px solid;border-color:#fff #348bca #348bca;border-bottom:0;height:0;width:0;overflow:hidden;vertical-align:top;cursor:pointer;margin:7px -5px 0 -5px;display:inline-block;}
.chatMidbtn .btnMsg,.chatMidBar .btnMsg{padding:3px 12px 3px 8px;display:none;color:#333;border:1px solid #719aba;position:absolute;right:10px;bottom:100%;box-shadow:0 0 5px rgba(0,0,0,0.2);margin:0 0 5px;background:#fff;}
.chatMidbtn .btnMsg .nub,.chatMidBar .btnMsg .nub{position:absolute;top:100%;right:20px;height:7px;width:13px;background-position:0 -315px;}
.chatMidbtn .btnSelect{position:absolute;bottom:100%;right:5px;background:#fff;border:1px solid #d4e2ef;background:#edf0f8;padding:0 0 0 25px;overflow:hidden;max-width:200px;min-width:100px;max-height:250px;overflow:auto;}
.chatMidbtn .btnSelect ul{background:#fff;border-left:1px solid #d4e2ef;}
.chatMidbtn .btnSelect li{border-top:1px solid #d4e2ef;margin:-1px 0 0;}
.chatMidbtn .btnSelect li.current .nub{position:absolute;left:0;top:50%;height:26px;width:24px;margin:-13px 1px 0 0;background-position:4px -280px;}
.chatMidbtn .btnSelect a{display:block;margin:0 0 1px -25px;position:relative;padding:5px 5px 5px 30px;}
.chatMidbtn .btnSelect a:hover{background:#edf0f8;color:#333;}
.chatMidBar .btnMsg{left:21px;right:auto;}
.chatMidBar .btnMsg .nub{left:20px;right:auto;}
.chatMidBar .btnMsg .close{position:absolute;right:-1px;top:-1px;font-family:simsun;cursor:pointer;line-height:14px;}
.chatMidBar .btnMsg .close:hover{background:#719aba;color:#fff;}

.chatHis{float:left;width:200px;height:400px;overflow:hidden;border-right:1px solid #d1e0ee;}
.chatHis .close{line-height:25px;padding:0 10px;border-bottom:1px solid #e8ebf6;}
.chatHis .close i{display:inline-block;width:20px;height:20px;background-position:-35px -140px;cursor:pointer;vertical-align:top;margin:2px 0 0 2px;}
.chatHis .close i:hover{background-color:#e8ebf6;}
.chatHis .list{height:348px;overflow:hidden;}
.chatHis .list ul{padding:5px;}
.chatHis .list li{color:#333;padding:5px;}
.chatHis .list li:hover{background:#eee;}
.chatHis .list li .msg{padding:0 0 0 0.5em;}
.chatHis .list li.l .time{color:#22ac38;}
.chatHis .list li.r .time{color:#1d7ac4;}
.chatHis .pages{background-color:#edf0f8;text-align:right;padding:0 5px;height:26px;}
.chatHis .pages a,.chatHis .pages span{display:inline-block;width:20px;height:20px;border:1px solid #edf0f8;border-radius:2px;margin:3px 0 0;}
.chatHis .pages a:hover{border-color:#9d9fa0;}
.chatHis .pages a.first{background-position:0 -170px;}
.chatHis .pages a.prev{background-position:-20px -170px;}
.chatHis .pages a.next{background-position:0 -210px;}
.chatHis .pages a.last{background-position:-20px -210px;}
.chatHis .pages span.first{background-position:0 -230px;}
.chatHis .pages span.prev{background-position:-20px -230px;}
.chatHis .pages span.next{background-position:0 -190px;}
.chatHis .pages span.last{background-position:-20px -190px;}

.chatScrollBar{background:#e6e8ed;margin:1px 0 0;z-index:13;}
.chatScrollBar div{background:#8f949f;border-radius:3px;}

.chatMark .bg{position:absolute;left:0;top:29px;bottom:0;right:0;background:#fff;opacity:0.9;filter:alpha(opacity=90);z-index:14;border:1px solid #d1e0ee;}
.chatMark .txt{position:absolute;left:0;right:0;text-align:center;z-index:14;top:50%;color:#333;font-size:15px;}
.chatMark .txt a{color:#f26522;text-decoration:underline;font-size:15px;}