div, em, i, span, ul, li, a, textarea, h1, h2, h3
{
	margin: 0;
	padding: 0;
}

textarea
{
	border: none;
	resize: none;
	outline: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

textarea:focus
{
	border: none;
}

.box
{
	width: 960px;
	height: 630px;
	margin: 0 auto;
	border: 2px solid #DDDDDD;
}
/*消息清单*/

.msglist
{
	float: left;
	width: 250px;
	height: 630px;
	background-color: #009BDB;
}

.msglist-search
{
	height: 30px;
	padding: 10px;
}

.msglist-search input
{
	width: 220px;
	height: 24px;
	background-color: #B7E2F4;
	border: none;
	padding-left: 10px;
}

.msglist-list
{
	height: 580px;
	overflow-y: hidden;
}

.msglist-list li
{
	list-style: none;
	height: 56px;
}

.msglist-list li a
{
	display: inline-block;
	width: 248px;
	height: 100%;
}

.msglist-list .msgcount
{
	float: left;
	width: 18px;
	height: 100%;
	margin-left: 5px;
}

.msglist-list .msgcount span
{
	display: inline-block;
	font: normal 8px "Arial";
	width: 100%;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #009BDB;
	background-color: #FFF;
	border-radius: 8px;
	margin-top: 15px;
}

.msglist-list .msgtopic
{
	float: left;
	width: 210px;
	height: 40px;
	margin-left: 8px;
	margin-top: 5px;
}

.msglist-list .msgtopic h3
{
	float: left;
	font: normal 14px "Arial";
	color: #FEFEF3;
}

.msglist-list .msgtopic em
{
	float: right;
	font: normal 14px "Arial";
	color: #7AD1CB;
}

.msglist-list .msgtopic div
{
	font: normal 12px "Arial";
	color: #C1EAE7;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.msglist-selected
{
	background-color: #40B4E4;
}
/*聊天窗口*/

.chatbox
{
	float: right;
	width: 708px;
}

.chatbox-topic
{
	width: 687px;
	height: 47px;
	padding-left: 20px;
	border: 1px solid #DCE0E5;
}

.chatbox-topic h3
{
	float: left;
	margin-top: 16px;
	color: #47484B;
}

.chatbox-topic span
{
	float: left;
	margin-top: 23px;
	font: normal 13px "Arial";
}

.chatbox-content
{
	width: 100%;
	height: 580px;
	position: relative;
}

.chatbox-body
{
	float: left;
	width: 515px;
	height: 405px;
	overflow-y: hidden;
	border: 1px solid #DCE0E5;
	border-top: 0px;
	background-color: #F3F3F3;
	font-family: "open sans" , "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.chat-message
{
	padding: 10px;
}

.chat-message-left
{
	background-color: #fff;
	border: 1px solid #e7eaec;
	display: block;
	padding: 10px;
	position: relative;
	border-radius: 4px;
	text-align: right;
	margin-right: 0px;
	margin-left: 55px;
}

.chat-message-right
{
	background-color: #fff;
	border: 1px solid #e7eaec;
	display: block;
	padding: 10px;
	position: relative;
	border-radius: 4px;
	text-align: left;
	margin-left: 0px;
	margin-right: 55px;
}

.message-auhtor
{
	cursor: pointer;
	color: #337ab7;
	text-decoration: none;
}

.message-date
{
	font-size: 10px;
	color: #888;
}

.chat-message-left .message-date
{
	float: left;
}

.chat-message-right .message-date
{
	float: right;
}

.message-content
{
	display: block;
}

.chatbox-edit
{
	float: left;
	width: 515px;
	height: 173px;
	border: 1px solid #DCE0E5;
}

.chatbox-edit-header
{
	width: 100%;
	height: 1px;
	background-color: #40B4E4;
}

.chatbox-edit-body
{
	width: 512px;
	height: 130px;
	border: 2px solid #DCE0E5;
}

.chatbox-edit-footer
{
	font-family: "open sans" , "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.chatbox-edit-footer .btnClear
{
	display: inline-block;
	margin: 10px;
}

.chatbox-edit-footer .btnSend
{
	float: right;
	margin-right: 8px;
	margin-top: 5px;
}

.chatbox-persons
{
	position: absolute;
	top: 0;
	right: 0;
	width: 190px;
	height: 580px;
	background-color: #F3F3F3;
	font-family: "open sans" , "Helvetica Neue" , Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.chatbox-persons-box
{
	padding: 10px;
}

.btnSend
{
	-moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background: -moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#3d94f6' , endColorstr= '#1e62d0' , GradientType=0);
	background-color: #3d94f6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #337fed;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	padding: 3px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #1570cd;
}

.btnSend:hover
{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background: -moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background: -webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background: -o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background: -ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=  '#1e62d0' , endColorstr= '#3d94f6' , GradientType=0);
	background-color: #1e62d0;
}

.btnSend:active
{
	position: relative;
	top: 1px;
}
/*联系人*/

#persons-top
{
	height: 20px;
	line-height: 30px;
	padding-left: 20px;
	border-bottom: 1px solid #009BDB;
	font: normal 11px "Arial";
	margin-top: 10px;
}

#persons-top ul li
{
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0px 5px;
	border: 1px solid #C6C5C5;
	border-bottom: 1px solid #009BDB;
	background-color: #F0F0F0;
	margin-right: 10px;
	margin-top: -1px;
	cursor: pointer;
}

#persons-top ul li.on
{
	border: 1px solid #009BDB;
	border-top: 2px solid #009BDB;
	border-bottom: none;
	background-color: #B7E2F4;
	color: #978675;
}

.persons_list, .persons_lately
{
	width: 175px;
	height: 525px;
	margin-top: 10px;
	margin-left: 5px;
}

.persons_lately ul li
{
	list-style: none;
	line-height: 20px;
	padding-left: 10px;
}

.persons_lately ul li:hover
{
	background-color: #B5E2F3;
}



#toUser
{
	white-space: nowrap; /*强制span不换行*/
	display: inline-block; /*将span当做块级元素对待*/
	width: 300px; /*限制宽度*/
	overflow: hidden; /*超出宽度部分隐藏*/
	text-overflow: ellipsis; /*超出部分以点号代替*/
	line-height: 0.9; /*数字与之前的文字对齐*/
}


.hblid
{
	display: none;
}

.msgid
{
	display: none;
}
.pNo
{
	display: none;
}

.lvl5{background-color: #FFD2D2;}