﻿

#chat0ne
{
	padding-left:20px;
	width:95px;
	height:21px;
	float:left;
	clear:both;
}

#chat0ne .left
{
	width:8px;
	height:21px;
	float:left;
	background:url(../images/chat/1/top_1.gif);
}

#chat0ne .middle
{
	width:79px;
	height:21px;
	float:left;
	vertical-align:middle;
	line-height:21px;
	background:url(../images/chat/1/top_2.gif);
}

#chat0ne .right
{
	width:8px;
	height:21px;
	float:left;
	background:url(../images/chat/1/top_3.gif);
}

#chatTwo
{
	width:400px;
	height:30px;
	float:left;
	clear:both;
	vertical-align:middle;
	line-height:30px;
}

#chatTwo .left
{
	width:16px;
	height:30px;
	float:left;
	background:url(../images/chat/1/top2_1.gif);
}

#chatTwo .middle
{
	width:367px;
	height:30px;
	line-height:30px;
	background-color:#ffffff;
	float:left;
	vertical-align:middle;
	background:url(../images/chat/1/top2_2.gif);
}

#chatTwo .middle *
{
	vertical-align:middle;
}

#chatTwo .right
{
	width:17px;
	height:30px;
	float:left;
	background:url(../images/chat/1/top2_3.gif);
}

#chatThree
{
	width:1004px;
	height:94px;
	float:left;
	clear:both;
}

#chatThree .left
{
	width:21px;
	height:94px;
	float:left;
}

#chatThree .middle
{
	width:962px;
	height:94px;
	line-height:30px;
	float:left;
	margin:0px auto;
	vertical-align:middle;
}

#chatThree .middle *
{
	vertical-align:middle;
}

#chatThree .middle #userInfo
{
	width:280px;
	height:63px;
	float:left;
}

#chatThree .middle #send
{
	width:415px;
	height:66px;
	float:left;
}

#chatThree .middle #prop
{
	width:261px;
	height:66px;
	float:left;
}

#chatThree .right
{
	width:21px;
	height:94px;
	float:left;
}

.guageRim
{
	float:left;
	height:7px; width:132px;
	margin-top:2px;
	border:1px solid #735D3E;
	background-color:#000000;
}

.propBtn
{
	background:url(../images/chat/1/propbtn.gif); 
	width:37px; height:15px; border:none;
	color:#25120E;
	line-height:15px;
	vertical-align:middle;
	cursor:pointer;
	font-size:12px;
}

#chatInfoDiv
{
	width:340px; height:200px;
	display:none;position:absolute; 
	top:-150px;
	left:402px;
	z-index:3001;
}

#chatInfoDiv #chatInfoTagDiv
{
	width:340px;
	height:21px;
	line-height:21px;
}

#chatUsers
{
	width:310px; height:180px;
	top:-160px;
	left:80px;
	position:absolute;
	z-index:3001;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;opacity:0.85;
}

#chatInfoDiv #chatInfo
{
	width:334px; height:173px;
	border:1px solid #22130E;
	padding:2px;
	background-color:#ffffff;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;opacity:0.85;
}

#chatInfoDiv #chatInfo #page
{
	width:322px; height:161px;
	border:1px solid #22130E;
	background-color:#ffffff;
	overflow:scroll;
	padding:5px;
	letter-spacing: 0px;
	word-spacing: 2px;
	table-layout:fixed;
	word-wrap:break-word;
	word-break:break-all;
	font-family:arial;
	line-height:20px;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;opacity:0.85;
}

#chatInfoDiv #chatInfoTagDiv .tag_on
{
    background:url(/wo/images/chat/1/tag_on.gif);
    width:56px; height:21px;cursor:pointer;
    text-align:center;float:left; margin-right:3px;
    position:relative;
}

#chatInfoDiv #chatInfoTagDiv .tag
{
    background:url(/wo/images/chat/1/tag.gif);
    width:56px;height:21px;cursor:pointer;
    text-align:center; float:left;margin-right:3px;position:relative;
}

#chatInfoDiv #chatInfoTagDiv #chatPageClose
{
	background:url(/wo/images/chat/1/chatInfoClose.jpg);
	width:20px; height:19px;
	float:right; margin-top:2px; cursor:pointer;
}

.tagClose
{
	background:url(/wo/images/chat/1/tagClose.gif);
	width:15px; height:15px;
	z-index:3002;
	top:3px;
	left:40px;
	position:absolute;cursor:pointer;
}

#NewMessagePic
{
	background:url(/wo/images/chat/1/NewMessage.gif);
	width:14px;height:15px; position:absolute;
	cursor:pointer;
	top:30px;
	left:10px;
	z-index:3001;
}

.contenOut
{
	width:293px; height:15px; border:none;
	border:1px solid #21120D;font-size:12px;
	vertical-align:middle;
}

.contenOver
{
	width:293px; height:15px; border:none;
	border:1px solid #EFDF83;font-size:12px;
	vertical-align:middle;
}

#propList
{
	width:200px; float:left; height:37px; 
	line-height:37px; padding-left:3px; float:left
}

#propList li
{
	width:39px; height:37px;float:left;
	border-right:1px solid #4A4A4A; text-align:center
}

/*滚动条*/
.scroll_style_black
{
	scrollbar-face-color: #130A08; 
	/*滚动条及上下箭头面板右、下边颜色*/
	scrollbar-shadow-color: #130A08;
	/*滚动条及上下箭头面板左、上边颜色*/
	scrollbar-highlight-color: #130A08;
	/*滚动条及上下箭头面板左、上边阴影颜色*/
	scrollbar-3dlight-color: #ffffff;
	/*滚动条及上下箭头面板右、下边阴影颜色*/
	scrollbar-darkshadow-color: #ffffff;
	/*滚动条轨道颜色*/
	scrollbar-track-color: #F2FAFF;
	/*滚动条上、下箭头颜色*/
	scrollbar-arrow-color: #ffffff; 
}