.ChatFrom, .ChatMsgForm { width: 360px; }
.Headbarheigh { height: 43px; }
.ChatHeadBar { width: 360px; background-color: #eef3f7; line-height: 43px; border-radius: 4px 4px 0 0; border-bottom: 1px solid #e1e6eb;  }
    .ChatHeadBar .HeadBarLeft { width: 40px; background-image: url(../image/icon27.png); background-repeat: no-repeat; background-position: 5px 13px; display: block; float: left; }
    .ChatHeadBar .UserHeadBarLeft { width: 26px; background-image: url(../image/icon27.png); background-repeat: no-repeat; background-position: 5px -80px; display: block; float: left; cursor: pointer; }
    .ChatHeadBar .HeadBarRight { margin-right: 12px; display: block; float: right; font-size: 14px; }
        .ChatHeadBar .HeadBarRight .closeMain { color: #5293d5; cursor: pointer; }
    .ChatHeadBar .UserHeadBarRight { margin-right: 10px; width: 25px; background-image: url(../image/icon27.png); background-repeat: no-repeat; background-position: 0px -50px; float: right; cursor: pointer; _height: 43px; }
.ChatUserInfo { border-bottom: 1px solid #e1e6eb; padding: 3px 0; cursor: pointer; }
.UserFocus { }
.ChatUserInfoHeight { height: 50px; }
.ChatUserInfo .ChatUserInfoImage { float: left; width: 40px; height: 40px; margin-top: 4px; }
    .ChatUserInfo .ChatUserInfoImage img { width: 40px; height: 40px; }
.ChatUserInfo .ShowUserInfo { float: left; width: 210px; padding-left: 10px; padding-top: 5px; }
    .ChatUserInfo .ShowUserInfo .ChatUserName { font-weight: bold; font-size: 14px; height: 20px; line-height: 20px; color: #5294e2; }
.TitleUserName { padding-left: 10px; font-weight: bold; font-size: 15px; height: 44px; line-height: 44px; display: block; color: #3770ca; }
.ChatUserInfo .BarInfo { float: left; width: 40px; }
    .ChatUserInfo .BarInfo .TimeInfo { height: 20px; line-height: 20px; text-align: center; }
    .ChatUserInfo .BarInfo .MsgCountInfo { height: 25px; }
    .ChatUserInfo .BarInfo .MsgCount { background-image: url(../image/icon27.png); background-repeat: no-repeat; background-position: 3px -123px; display: inline-block; width: 40px; height: 25px; color: #FFF; line-height: 22px; text-align: center; }
.ChatUserInfo .PopMenu { float: right; }
    .ChatUserInfo .PopMenu .chatclose { background-image: url(../image/icon33.png); background-repeat: no-repeat; background-position: -210px 4px; display: block; width: 10px; height: 15px; }
.ChatUserRow2 { overflow: hidden; }
.ChatUserRow2Height { height: 20px; line-height: 20px; }
.IsDian { color: red; border: 1px solid red; font-size: 12px; padding: 1px 2px; margin-left: 5px; }
.SendInput { border: 0px; width: 260px; line-height: 14px; margin: 0 5px; padding: 6px 8px 0; overflow-y: hidden; font-size: 12px; background-color: #fdfdfd; color: #74808b; height: 28px; line-height: 18px; display: block; _padding-top: 10px; border: 1px solid #d3d2e2; }
.SendInputWidth { border: 0; }
.SendBtn { margin-right: 10px; }
    .SendBtn li { float: left; }
.ChatMain a:hover { border: none; }
.SendBtn .ShowFace { background-image: url(../image/icon27.png); background-repeat: no-repeat; background-position: 0px -153px; width: 28px; height: 28px; display: block; cursor: pointer; margin-top: 3px; }
.SendBtn .SendImage { background-image: url(../image/icon27.png); background-repeat: no-repeat; background-position: 0px -188px; width: 28px; height: 28px; display: block; cursor: pointer; margin-top: 3px; }
.MsgTopLeft { background-image: url(../image/icon44.png); background-repeat: no-repeat; background-position: 0px 0px; width: 10px; }
.MsgTopRight { background-image: url(../image/icon44.png); background-repeat: no-repeat; background-position: 0px -67px; width: 20px; }
.MsgTopCenter { background-image: url(../image/icon44.png); background-repeat: repeat; background-position: 0px -40px; }
.MsgTopHeight { height: 7px; }
.MsgBottomLeft { background-image: url(../image/icon44.png); background-repeat: no-repeat; background-position: 0px -26px; width: 10px; }
.MsgBottomRight { background-image: url(../image/icon44.png); background-repeat: no-repeat; background-position: 0px -94px; width: 20px; }
.MsgBottomCenter { background-image: url(../image/icon44.png); background-repeat: repeat; background-position: 0px -40px; }
.MsgTable { border: none; width: 100%; }
    .MsgTable tr { border: none; padding: 0px; }
    .MsgTable td { border: none; padding: 0px; }

.tipRow2 { color: #9aa5ad; font-size: 12px; }


.MsgListPanel { height: 350px; padding: 8px; overflow: auto; position: relative; left: 0; top: 0; }
.Msg { margin-bottom: 6px; }
.hisdiv { padding-top: 5px; text-align: center; }
    .hisdiv .hisbtn, .nextpagebtn { cursor: pointer; color: #2582f3; }
.nomsgdiv, .nextpagebtn { text-align: center; color: #2582f3; }
.msgbox_l { width: 260px; position: relative; margin: 3px 10px; float: left; }
.msgbox_l_content { -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;  background-color: #d3dae4; text-align: left; float: left; color: #3e3e40; }
.ChatTxtContent { padding: 7px 15px; line-height: 19px; font-size: 12px; }
.msgbox_l_p { z-index: 10; top: 0px; left: -6px; position: absolute; display: block; width: 7px; height: 20px; background-image: url(../image/icon44.png); background-repeat: no-repeat; background-position: 0px 0px; }

.msgbox_l_time { float: left; height: 20px; padding: 6px 0px; margin-left: 10px; color: #9da2a6; }
.SendFail { background-image: url(../image/icon27.png); background-repeat: no-repeat; background-position: -5px -120px; color: #FFF; font-weight: bold; width: 25px; height: 25px; top: -50px; left: 55px; line-height: 25px; padding-left: 0px; text-align: center; float: right; cursor: pointer; }
.msgbox_r { width: 260px; margin: 3px 10px; position: relative; float: right; }
.msgbox_r_content { -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;  background-color: #73b4f4; text-align: left; float: right; color: #30323e; padding: 0px; margin: 0px; overflow: hidden; }
.ChatImgContent { padding: 0px; margin: 0px; }
.msgbox_r_p { z-index: 10; top: 0px; left: 256px; position: absolute; display: block; width: 20px; height: 20px; background-image: url(../image/icon44.png); background-repeat: no-repeat; background-position: -9px -170px; }

.msgbox_r_time { float: right; height: 20px; padding: 6px 0px; margin-right: 10px; color: #9da2a6; }
.msgImage {  width: expression(this.offsetWidth > 220 ? '220px': true); height: expression(this.offsetHeight > 220 ? '220px': true); max-width: 220px; max-height: 220px; cursor: pointer; padding: 6px; }



.MsgFace { float: left; }
.MsgFaceR { float: right; }
.MsgFace img { width: 30px; height: 30px; padding-top: 3px; }
.ui-dialog-body { padding: 0px; border-radius: 4px; }
.ui-dialog-arrow-b { }
.FaceHeadBar ul { }
    .FaceHeadBar ul li { float: left; background-color: #fff; padding: 8px 12px; color: blue; cursor: pointer; width: auto; padding: 3px 5px; font-size: 12px; }
.FaceHeadBar .lifocus { border: 1px solid #ddd; border-bottom-color: transparent; color: #555555; }
.FacePanel { border: 1px solid #ddd; min-height: 150px; padding: 2px; }
.FaceTab img { cursor: pointer; }

.upFileControlCss { width: 550px; height: 300px; overflow: auto; position: relative; left: 0; top: 0; padding: 15px; }
.upFilediv { float: left; width: 118px; height: 101px; position: relative; background-image: url(../image/openfile.jpg); background-repeat: no-repeat; cursor: pointer; text-align: center; }
    .upFilediv:hover { background-image: url(../image/openfile2.jpg); }
.openUpFile { width: 100px; height: 100px; cursor: pointer; font-size: 30px; outline: medium none; position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; left: 0px; top: 0px; }
.UpImgShowDiv { width: 150px; height: 150px; float: left; margin: 3px; border: 1px solid #ddd; padding: 5px; text-align: center; vertical-align: bottom; line-height: 150px; }
    .UpImgShowDiv img { width: expression(this.offsetWidth > 140 ? '140px': true); max-width: 140px; height: expression(this.offsetHeight> 140 ? '140px': true); max-height: 140px; }


.ChatSettingForm { width: 130px; padding: 5px; }
.settingUl { }
    .settingUl li { height: 25px; line-height: 25px; margin-top: 3px; padding: 0px 3px; }
.cursorp { cursor: pointer; }
.spansetting { float: right; display: block; width: 45px; height: 25px; cursor: pointer; }
.settingopen { background-image: url(../image/btnset.jpg); background-position: 0px -2px; }
.settingclose { background-image: url(../image/btnset.jpg); background-position: 0px -34px; }



#reportcontent { width: 180px; }
.reporttitle { height: 30px; line-height: 30px; color: #62caf0; font-size: 14px; font-weight: bold; border-bottom: 3px solid #62caf0; padding: 0px 5px; }
.reportul { }
    .reportul .reportli { text-align: center; cursor: pointer; line-height: 25px; color: #808080; border-bottom: 1px solid #e3e3e3; }
    .reportul .btn_cancelreport { color: #62caf0; font-weight: bold; }

.AllUnReadCount { position: absolute; left: 20px; background-color: red; border-radius: 10px; top: -15px; text-align: center; line-height: 20px; width: 20px; height: 20px; color: #fff; }

.ui-dialog-chat { border: 1px solid #bdbebe; border-radius: 4px; }
.ui-dialog-chat-img {  background-color: rgba(0, 0, 0, 0); border: none; box-shadow: none !important; }
.route_a, .route_a:link, .route_a:active, .route_a:hover, .route_a:visited { color: blue; }

.awakebtn1 { border-radius: 2px; padding: 10px 20px; background: #0879d4; font-size: 14px; font-weight: 700; color: #fff; border: none; cursor: pointer; }
.awakebtn2 { border-radius: 2px; padding: 10px 20px; background: #ed8826; font-size: 14px; font-weight: 700; color: #fff; border: none; cursor: pointer; margin-left: 30px; }