* { padding: 0; margin: 0; }
html { overflow: hidden; }
body { overflow-x: hidden; overflow-y: auto; }
a { text-decoration: none; }
	a img { border: 0; }
ul { list-style: none; }
i, .icon-emotion { display: inline-block; *display: inline; *zoom: 1; position: relative; }
.icon-dd, .icon-user, .icon-msg { *float: left; *position: static; }
.icon-dd { *margin: 7px 4px 0 0; }
.icon-user { *margin: 12px 4px 0 0; }

.page-wrap { font-size: 12px; }
.page-sidebar { width: 200px; _margin-right: -4px; float: left; color: #fff; position: relative; overflow: hidden; z-index: 2; }
	.page-sidebar h2 { position: absolute; top: 0; left: 0; width: 176px; padding: 4px 12px; line-height: 25px; font-size: 16px; font-weight: normal; background: #387ACE; color: #fff; }
	.page-sidebar ul { position: absolute; bottom: 0; left: 0; padding: 0 0 19px 8px; }
	.page-sidebar li { line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 190px; }
	.page-sidebar a { color: #fff; }
		.page-sidebar a:hover { text-decoration: underline; }
.page-content { border: 1px solid #D3D3D3; padding: 0 0 0 198px; _padding: 0 0 0 196px; }
.content-title { height: 30px; line-height: 30px; background: #EDEDED; padding: 0 0 0 6px; color: #5F5F5F; }
.content-main { height: 244px; overflow-x: hidden; overflow-y: auto; padding: 8px; }
.emotion-bar { position: relative; height: 26px; background: #EDEDED; border: 1px solid #d3d3d3; border-left: none; border-right: none; padding: 0 0 0 6px; }
.message-wrap { height: 98px; padding: 8px; overflow: auto; outline: none; }
	.message-wrap img { margin: 0 2px; }
.action-bar { position: relative; height: 40px; line-height: 40px; border-top: 1px solid #D3D3D3; background: #EDEDED; color: #5E5E5E; padding: 0 0 0 6px; }
	.action-bar a { padding: 6px 10px; background: #387ACE; color: #fff; top:; line-height: normal; border-radius: 3px; float: right; margin: 5px 10px 0 0; }
		.action-bar a:hover { background: #508edd; }
		.action-bar a.btn-exit { background: #969696; }
			.action-bar a.btn-exit:hover { background: #c3c3c3; }

.icon-dd, .icon-user, .icon-msg, .icon-emotion { background-image: url(../images/chatroom/chatroom24.png); _background-image: url(../images/chatroom/chatroom8.png); background-repeat: no-repeat; }
.icon-dd { width: 15px; height: 17px; background-position: -20px 0; top: 4px; }
.icon-user { width: 16px; height: 15px; background-position: -37px 0; top: 2px; }
.icon-msg { width: 16px; height: 16px; background-position: -58px 0; }
.icon-emotion { width: 18px; height: 18px; background-position: 0 0; top: 5px; }

.chat-face { position: absolute; width: 300px; bottom: 24px; left: 3px; border: 1px solid #ccc; padding: 8px; background: #fff; border-radius: 3px; box-shadow: 1px 1px 3px #ccc; }
	.chat-face li { float: left; width: 24px; height: 24px; background: #F6FBFE; border: 1px solid #D3E4F0; text-align: center; cursor: pointer; margin: 0 -1px -1px 0; position: relative; }
		.chat-face li img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

	/*ie8以下的特别处理*/
	.chat-face li { *position: static; }
		.chat-face li img { *position: static; }


.content-main dt span { color: #8C8C8C; margin-left: 8px; }
.content-main dd { color: #3A3A3A; line-height: 24px; }
.c-company dt { color: #1C69C1; }
.c-user dt { color: #479E13; }
.c-user, .c-company { margin-top: 6px; }


.sys-msg { cursor: pointer; padding: 8px 0; color: #F00; font-size: 14px; border: 2px dotted #CCC; border-left: none; border-right: none; margin-top: 12px; background: #FFFFF4; font-weight: bold; }
	.sys-msg:hover { background: #f7f7bf; }