@CHARSET "UTF-8";

div#newMsgDiv {
	position: absolute; -moz-border-radius: 5px; border-radius: 5px; background: #345678; color: #FFF; padding: 5px;
	z-index: 100; cursor: pointer;
}

div#sendMsgLayer {
	position: fixed; -moz-border-radius: 5px; border-radius: 5px; width: 52px; height: 52px;
	background: url('./images/msg.png') no-repeat; cursor: pointer; z-index: 999; right: 50px; top: 46px;
}

div#talkingDialog {
	width: auto; margin: 0px auto; margin-right: 0px; _margin-right: 0px; height: 500px; border: 1px solid #8dbedc;
	-moz-border-radius: 5px; border-radius: 5px;
}

div#historyMessage {
	width: 320px; height: 500px; border: 1px solid #8dbedc; -moz-border-radius: 5px; border-radius: 5px; float: right;
	overflow-x: hidden; overflow-y: scroll; display: none;
}

div#talkingDialog div#showHideHistory {
	width: 5px; height: 500px; float: right; cursor: default;
	/* 	background: url(./images/showHideHistory.png); */
}

div#talkingDialog div.hideHistory {
	background: url(./images/showHideHistory.png);
}

div#talkingDialog div.showHistory {
	background: url(./images/showHideHistory.png) 5px 0px;
}

div#talkingDialog div#talkingPanel { /* 	background: blue; */
	width: auto; margin-right: 5px;
}

div#talkingDialog div#talkingPanel div#messagePanel {
	margin: 6px 0px 0px 6px; height: 320px; overflow-x: hidden; overflow-y: scroll;
}

div.msgTime {
	line-height: 22px; font-size: 10pt; font-weight: bold; color: blue;
}

div.msgTime a {
	margin-right: 5px; padding: 0px 5px;
	/* 	background: #BBBBBB; */ color: red; float: right;
	/* 	font-weight: normal; */
	/* 	cursor: pointer; */ display: none;
}

div.msgContent {
	padding-left: 20px; padding-bottom: 5px; font-size: 10pt;
}

div#talkingDialog div#talkingPanel div#messagePanel div.needRcv {
	width: 80px; margin-left: 20px; line-height: 22px; font-size: 10pt; font-weight: bold; background: #9fbcbd;
	color: #c64b7f; text-align: center;
}

div#talkingDialog div#talkingPanel div#sndMessagePanel {
	width: auto;
}

div#talkingDialog div#talkingPanel div#sndMessagePanel div#oprBtnBar {
	margin-top: 2px; background: #cde2ef; border-bottom: 1px solid #888888;
}

div#talkingDialog div#talkingPanel div#oprBtnBar div.oprBtnBar {
	margin: 0px 5px; height: 24px; line-height: 24px;
}

div#talkingDialog div#talkingPanel div#oprBtnBar div.oprBtnBar select {
	width: 100px; margin-top: 2px;
}

div#talkingDialog div#talkingPanel div#messageContent {
	padding: 0px 5px 0px 0px; margin: 0px;
}

div#talkingDialog div#talkingPanel div#messageContent textarea {
	height: 120px; resize: none; border: none;
}

div#talkingDialog div#talkingPanel div#sndBtnBar {
	background: #cde2ef;
}

div#talkingDialog div#talkingPanel div#sndBtnBar div.sndBtnBar {
	margin: 0px 50px; height: 25px; line-height: 25px; text-align: right;
}

div#talkingDialog div#talkingPanel div#sndBtnBar div.sndBtnBar a#sndBtn {
	color: #000000;
}

a#setOnlineMsg {
	margin-left: 25px;
}

div#onlineMsgList {
	height: 240px; border: 1px solid #bbbbbb; overflow-x: hidden; overflow-y: scroll;
}

div#onlineMsgList div.onlineMsg {
	padding: 2px 5px; line-height: 22px; border-bottom: 1px solid #DDD; cursor: default;
}

div#onlineMsgList div.onlineMsg.hover {
	background-color: #3399ff; color: white;
}

div#onlineMsgList div.checked {
	background-color: #28c567;
}

div#onlineBtnBar {
	line-height: 30px;
}