@charset "utf-8";
#ChatMainWindow {
	height: 350px;
	width: 240px;
	background-color: #FFFFFF;
	border: 1px solid #ebdec7;
	right: 0px;
	bottom: 0px;
	margin-left:5px;
	overflow:hidden;
}

#ChatTextArea {
	background-color: #f9f0e1;
	width: 314px;
	height: 217px;
	border-bottom-color: #ebdec7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	overflow: auto;
}
#whiteArea {
	height: 48px;
	width: 230px;
}
#TextBoxArea {
	float: left;
	height: 48px;
	width: 235px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ebdec7;
}
#ButtonArea {
	height: 48px;
	width: 77px;
	float: right;
	padding-top: 10px;
}
.TextAreaInputBox {
	height: 45px;
	width: 230px;
	border: 0px solid #FFFFFF;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
}




#chatWindowTitleLeft {
	background-image: url(../images/ChatWindowTitleLeft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 34px;
	float: left;
}
#chatWindowTitleRight {
	background-image: url(../images/ChatWindowTitleRight02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 23px;
	float: right;
}
#chatWindowTitleBg {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 25px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	background-image: url(../images/ChatWindowTitleBg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align: middle;
	float: left;
	height: 25px;
	width: 183px;
}

#closebutton {
	height: 18px;
	width: 18px;
	z-index: 1;
	position: absolute;
	padding-top: 4px;
}
#TitleArea {
	height: 25px;
	width: 240px;
}