@charset "utf-8";

#chat-room {
	background: url(../img/chat-room.png) no-repeat;
	display:inline-block;
	width:468px;
	margin-left:-249px;
	padding:11px 15px 0;
	height:520px;
	position:fixed;
	left:50%;
	top:8%;
	color:#FFFFFF;
	font-size:12px;	
}

#chat-room h2 {
	padding-left:36px;
	padding-bottom:8px;
	color:#FFFFFF;
}

#chat-room .close {
	background: url(../img/chat-close.gif) no-repeat;
	display: block;
	float:right;
	height: 15px;
	width: 15px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	border:solid 1px #999999;
	margin:8px 0 12px;
	color:#074c51;
	background:#FFFFFF;	
}

#chat-room textarea {	
	border:solid 1px #999999;
	margin:2px 0 10px;
	height:115px; 
	width:458px;
	padding-left:10px;
	color:#074c51;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

.scroll-text {
	color:#074c51;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;	
	padding:0 10px;
}

.scroll-text .red {	
	font-weight:bold;
	color:#da001a; 
	font-size:12px;
}
.scroll-text .blue { color:#0483b8; }
.scroll-text p { padding:5px 0; }

.scroll-text .time {
	font-style:italic;
	float:right;
	color:#a49a7f;
}

.scroll-text .separator {
	height:1px ;
	overflow:hidden;
	clear:both;
	border-bottom:solid 1px #f5f4f4;
}


#chat-room .send-btn {	
	background: url(../img/send-btn.png) no-repeat;
	height:30px;
	width:105px;
	cursor:pointer;
	float:right;
	border:0 none;
}

.jScrollPaneTrack {
	position: absolute;
	background: transparent url(../img/track.gif) repeat-y center;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}

.jScrollPaneDrag {
	position: absolute;
	background: transparent url(../img/chat-slider.gif) no-repeat;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}