/* popup chat module */
.chat-frame{
	position:absolute;
	z-index:9999	
}
.chat-frame li{
	height:25px;line-height:25px;padding-left:6px;
}
.chat-frame .chat_padding{
	height:10px;line-height:10px;
}
.chat-frame li img{
	float:left;
}
.chat-frame li div{
	float: left;
	margin-left:5px;
	margin-top:-2px;
}
.popup_left_bg{
	float: left; 
	height: 150px;
	width: 8px;
	background-image: url("images/chat/bg_1.gif");	
}
.popup_center_bg{
	font-family: Tahoma;
	text-align:left;
	float: left;
	height: 150px;
	width: 324px;
	background-image: url(images/chat/bg_2.gif);
	background-repeat: repeat-x;
}
.popup_center_bg .chat_header h1{
	float:left;
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px;
	padding: 10px 0 13px 2px;
	line-height:17px;	
}
.popup_center_bg .chat_header a{
	float: right; 
	height: 19px; 
	width: 42px; 
	background-image: url("images/chat/close.gif"); 
	background-position: center top;
}
.popup_center_bg  a:hover{
	background-position:center bottom;	
}
.popup_center_bg .chat_body{
	height:83px;padding: 0 0 0 2px;clear:both;
}
.popup_center_bg .chat_body .chat_icon{
	background-image: url(images/chat/face.jpg);height: 70px;width: 70px;float:left;
}
.popup_center_bg .chat_body .chat_content{
	font-family:Tahoma;
	font-size:12px;
	line-height:24px;
	width: 240px;
	margin:0px;
	padding: 0 0 0 12px;
	display:block;
	float:left;
	margin-top:2px;
	word-wrap:break-word;
}
.chat_clear{clear: both;}
.popup_center_bg .chat_contact{
	float:right;background-image: url(images/chat/btn_2.gif);margin: 0px;padding: 0px;border:0px;height: 21px;width: 69px;
}
.popup_center_bg .chat_bye{
	float:right;background-image: url(images/chat/btn_1.gif);margin: 0 0 0 5px;padding: 0px;border:0px;height: 21px;width: 69px;	
}
.popup_right_bg{
	float: left;
	height: 150px;
	width: 8px;
	background-image: url(images/chat/bg_1.gif);
	background-position: right;
}

/* foldable chat module */
.fold_box {
	right:6px;width: 96px;
}
.fold_box .box_header_left{
	background: url("images/chat/z_top_2.gif") no-repeat scroll right top transparent;
}
.fold_box .box_header_right{
	background: url("images/chat/z_top_1.gif") no-repeat scroll left top transparent;
	height: 50px;
}
.fold_box .box_body{
	background:url("images/chat/z_mid_1.gif") repeat-y scroll left top #FFFFFF;
  padding: 0 0 0 6px;
}
.fold_box .box_body_items{
	background: url("images/chat/z_mid_2.gif") repeat-y scroll right top transparent;
}
.fold_box li{padding:0}
.fold_box .box_footer{
	background: url("images/chat/z_down_1.gif") no-repeat scroll left top transparent;
  height: 23px;
	padding: 0 0 0 30px;
	width: 100%;
}
.fold_box .box_footer_right{
	background: url("images/chat/z_down_2.gif") no-repeat scroll right top transparent;
	height: 100%;
  width: 100%
}
.fold_box .box_footer{
	cursor:pointer;	
}

.slide_box{
	top:40px;
	width:145px;
	right:0;
	min-height: 158px;
}

.slide_box #max_chat{
	background: url("images/chat/qq_listbg.gif") repeat-y scroll -155px 0 transparent;
	left: 0;
	position: absolute;
	width: 145px;
	display:none;
}

.slide_box .press{
	border-style: none;
  cursor: pointer;
  height: 158px;
  position: absolute;
  right: 0;
  width: 33px;	
}

.slide_box .top{
	background:url("images/chat/qq_listbg.gif") no-repeat scroll left 50% transparent;
	float: right;
	font-size: 1px;
	height: 6px;
	width: 145px;
}
.slide_box .con{
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 0 auto;
	width: 90%;
}
.slide_box .con H2{
	background: url("images/chat/qq_listbg.gif") repeat-y scroll -163px 0 transparent;
	border-right: 1px solid #3A708D;
	color: #FFFFFF;
	font: bold 12px/22px "ËÎÌå";
	height: 22px;
	text-align: center;
}
.slide_box .bottom{
	background: url(images/chat/qq_listbg.gif) no-repeat scroll right 50% transparent;
	float: right;
	font-size: 1px;
	height: 6px;
}