/**** 整个外部长条样式 ****/
#im_box {
	position: absolute;
	width: 446px;
	height: 25px;
	background: url(http://static.hero.9wee.com/styles/default/im-bar.gif) no-repeat;
	right: 3px;
	bottom: 3px;
	z-index: 2;
}

#im_box div, #im_box span, #im_box a {
	color: #e9e5dc;
	text-decoration: none;
}
#im_box a:hover {
	color: #fffbd1;
	text-decoration: none;
}
#im_box .highlight, #im_box .highlight a:link, #im_box .highlight a:visited  {
	color: #e9e5dc;
	text-decoration: none;
}

#im_box #im_bulletin_content {
	float:left;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
	width: 400px;
	text-indent: 22px;
}

#im_box #im_bulletin_content li {
	width: 1000px;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}

#im_box .im_post_bar {
	display: none;
}

#im_content_title {
	display: none;
}

/**** 展开按钮 ****/
#im_extend_button {
	position: absolute;
	cursor: pointer;
    background:transparent url(http://static.hero.9wee.com/icons/icon-arrow-up.gif) no-repeat center right;
    height:25px;
    width:200px;
	right: 4px;
}

/**** 里板样式 ****/

/**** 欢迎信息样式，示例中是：聊天中心 ****/
.im_inner_box_title {
	padding: 6px 0 5px 0;
	text-indent: 8px;
	cursor: move;
	display: none;
}

/**** 整个里板样式 ****/
#im_inner_box {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 462px;
	padding: 0 2px 5px 2px;
	background: #e0dbd2 url(http://static.hero.9wee.com/styles/default/block-bg.gif) repeat-x;
	border: 1px solid #a69b8b;
	overflow-x: hidden;
	z-index: 2;
}

/**** 整个里板的缩小样式 ****/
#im_inner_box.lite #im_content {
	padding: 0 2px 0 5px;
	margin-top: 3px;
}

#im_inner_box.lite .im_content {
	height: 42px;
	overflow: hidden;
}

#im_inner_box.lite #im_center_tab {
	display: none;
	visibility: hidden;
}
#im_inner_box.lite .im_desc {
	display: none;
	visibility: hidden;
}
#im_inner_box.lite #im_content li {
	border: none;
	line-height: 20px;
	padding: 0;
	margin: 0;
}

#im_inner_box.full .im_content_image {
	display: block;
}

#im_inner_box.lite .im_content_image {
	display: none;
}

/**** 消息的标题 ****/
.im_inner_title {
	padding: 5px 0 5px 0;
	text-indent: 5px;
}

/**** 消息的内容 ****/
.im_inner_content {
	white-space:normal;
}

/**** 关闭按钮 ****/
#im_close_button {
	float: left;
	cursor: pointer;
    background:transparent url(http://static.hero.9wee.com/icons/icon-arrow-down.gif) no-repeat center center;
    height:16px;
    width:16px;
	margin: 3px 0 0 6px;
}

#im_inner_box.lite #im_close_button {
	background:transparent url(http://static.hero.9wee.com/icons/icon-arrow-up.gif) no-repeat center center;
}

/**** 滚动的部分，点击这里跟玩家聊天 ****/
#im_bulletin_content {
    float:left;
    overflow: hidden;
    height: 21px;
    line-height: 21px;
    width: 295px;
}

/**** 新私聊信息的提示 ****/

#im_new_msg {
}

#im_new_msg.new {
	position: absolute;
    background:transparent url(http://static.hero.9wee.com/styles/default/im-new-msg.gif) no-repeat scroll center center;
    height:21px;
    width:78px;
	right: 7px;
	bottom: 34px;
	cursor: pointer;
	z-index: 3;
}

#im_box.big #im_new_msg.new {
	right: 4px;
	bottom: 60px;
}

/**** tab样式 ****/
#im_center_tab {
    height: 24px;
	line-height: 24px;
}

#im_inner_box.full #im_center_tab li {
    width:50px;
    border-left:1px solid #d6cebf;
    border-right:1px solid #d6cebf;
    border-top:1px solid #d6cebf;
    float:left;
	line-height:23px;
	height: 23px;
    margin-right:3px;
    padding: 0 0 0 0;
    bottom:-1px;
    position:relative;
    text-align:center;
	cursor: pointer;
	letter-spacing: 1px;
	background: #ffffff url(http://static.hero.9wee.com/styles/default/im-tab.gif) bottom repeat-x;
}

#im_inner_box.full #im_center_tab li.selected {
	background: #ffffff url(http://static.hero.9wee.com/styles/default/im-tab-selected.gif) bottom repeat-x;
	font-weight: bold;
	color: #c80000;
}

/**** 有新信息来时的样式 ****/

#im_inner_box.full #im_center_tab li.new {
	/* background: #ffffff url(http://static.hero.9wee.com/styles/default/im-tab-new.gif) bottom repeat-x; */
}

/**** 消息框样式 ****/
#im_content {
	white-space:normal;
	background: #ffffff url(http://static.hero.9wee.com/styles/default/im-content-bg.gif) center center no-repeat;
	padding: 5px 2px 5px 5px;
	border: 1px solid #cbbeab;
	line-height: 200%;
    float:left;
    width:453px;
    margin-bottom:3px;
}

.im_content {
	overflow-y:auto;
	overflow-x:hidden;
	width: 453px;
	height: 460px;
}

.im_content li img {
	margin: 4px 0 4px 0;
}

.im_post_time {
	display: none;
}

/**** 右边小框标题 ****/
.im_right_menu_title {
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
}

/**** 右边小框样式 ****/
.im_right_menu {
	float:left;
	padding:10px 0 10px 0;
	height: 440px;
	width:106px;
	overflow:hidden;
	overflow-y:auto;
	left:-1px;
	position:relative;
	background: #ffffff url(http://static.hero.9wee.com/styles/default/im-right-bg.gif) repeat-y left;
}

.im_right_menu li {
	margin-left: 10px;
}

/**** 有右边小框时的左边样式 ****/
.im_splitleft {
	width:336px;
	float: left;
	overflow-y: auto;
	height: 460px;
	margin-right: 8px;
}

/**** 消息框内的右键菜单样式 ****/
.im_RightMenu
{
	z-index:30000;
	text-align:left;
	cursor: default;
	position: absolute;
	border: 1px solid #938c8a;
	display:none;
	background: #e0dbd2 url(http://static.hero.9wee.com/styles/default/block-bg.gif) repeat-x;
	/* background-color: #ebe4db; */
}
.im_RightMenuItem
{
	height:18px;
	line-height: 18px;
	padding: 3px 10px 3px 10px;
	text-align: center;
	width: 65px;
}

/**** 鼠标悬停的css ****/
.im_RightMenuItem_over
{
	color: #ffffff;
	background-color:#b8ae9a;
	height:18px;
	line-height: 18px;
	padding: 3px 10px 3px 10px;
	text-align: center;
	width: 65px;
}

/**** 每条信息样式 ****/
#im_content li {
	border-bottom: 1px solid #f2eee7;
	padding: 2px;
}

/**** 系统字体样式 ****/
#im_content li.font0 {
	color:#ff0000;
}

/**** 世界字体样式 ****/
#im_content li.font1, #im_content li.font1 a  {
    color:#3068cd;
}

/**** 私聊字体样式 ****/
#im_content li.font3, #im_content li.font3 a  {
	color:#ff72b8;
}

/**** 各种频道样式，具体的看使用说明，以下是示例 ****/

/**** 国家字体样式 ****/
#im_content li.fontC, #im_content li.fontC a {
    color:#e28822;
}

/**** 新手字体样式 ****/
#im_content li.fontR, #im_content li.fontR a {
    color:#e28822;
}

/**** 师徒字体样式 ****/
#im_content li.fontM, #im_content li.fontM a {
    color:#c547a0;
}

/**** 场景字体样式 ****/
#im_content li.fontS, #im_content li.fontS a {
    color:#009900;
}

/**** 战队字体样式 ****/
#im_content li.fontT, #im_content li.fontT a {
    color:#df0079;
}

/**** 组队字体样式 ****/
#im_content li.fontG, #im_content li.fontG a {
    color:#c44e00;
}

/**** 驻点字体样式 ****/
#im_content li.fontTS, #im_content li.fontTS a {
    color:#009900;
}

/*私聊对象的样式*/
#im_post_target {
	width:60px;
	text-align:center;
}

#im_select_img {
	/*万恶的微软*/
	#margin-top:1px;
	
	background:transparent url(http://static.hero.9wee.com/icons/icon-select.gif) no-repeat scroll center center;
	border-right:solid 1px #938c8a;
	border-top:solid 1px #938c8a;
	border-bottom:solid 1px #938c8a;
	height:19px;
	width:17px;
	display:block;
	
}
#im_select_img:hover {
	/*万恶的微软*/
	#margin-top:1px;
	background:transparent url(http://static.hero.9wee.com/icons/icon-select-hover.gif) no-repeat scroll center center;
}

/*最近聊天列表*/
.im_select_menu {
	position: absolute;
	right: 381px;
	bottom: 28px;
	width: 82px;
	border:solid 1px #938c8a;
	background: #e0dbd2 url(http://static.hero.9wee.com/styles/default/block-bg.gif) repeat-x;
	/* background-color:#ebe4db; */
	cursor:default;
	text-align: center;
}
.im_select_menu a {
	padding: 4px 0 4px 0;
	width:100%;
	display:block;
	text-decoration:none;
	cursor:default;
	overflow-x:hidden;
}
.im_select_menu a.parent {
/*	background:transparent url(../icon/select_menu.gif) no-repeat scroll right center;*/
}
.im_select_menu a:hover {
	background-color:#b8ae9a;
	color:#FFFFFF;
}

#im_private_menu.child {
	right: 296px;
}

#im_private_menu {
}

#im_synthetical_menu {
}

/*输入框*/
.no_target {
	width:430px;
	background: #e9e5dd url(http://static.hero.9wee.com/styles/default/im-input-bg.gif) top right no-repeat;
}
.with_target {
	width:341px;
	margin-left:5px;
	background: #e9e5dd url(http://static.hero.9wee.com/styles/default/im-input-bg.gif) top right no-repeat;
}

#im_operation, #im_select_input, #im_select_img , #im_post, #im_select{
	float:left;
}
/*每个私聊tab*/
#im_private_tab {
}

#im_private_tab li {
	float: left;
	border:1px solid #cbbeab;
	cursor:pointer;
	margin: 0 0 5px 0;
	line-height: 25px;
	width: 80px;
	padding: 0 0 0 5px;
	background: transparent url(http://static.hero.9wee.com/styles/default/im-right-tab.gif) no-repeat top right;
}

#im_private_tab li.selected {
	border-left: none;
	background: transparent url(http://static.hero.9wee.com/styles/default/im-right-tab-select.gif) no-repeat top right;
}

#im_private_tab li.new {
	background: transparent url(http://static.hero.9wee.com/styles/default/im-right-tab-new.gif) no-repeat top right;
}

/*关闭私聊tab的按钮*/
.im_close_tab {
	background:transparent url(http://static.hero.9wee.com/icons/icon-close-lite.gif) no-repeat left center;
	float: right;
	width:15px;
	height:25px;
	cursor: pointer;
}

/*私聊tab的姓名*/
.im_tab_name {
	float:left;
	width:80%;
	overflow-x:hidden;
}

.im_call_title {
	text-decoration:none;
	cursor:pointer;
	margin-right: 5px;
}

#im_bulletin_content .im_call_title {
	float: none;
	margin: 0;
	padding: 0 5px 0 0;
	display: inline;
}

#im_operation_icon {
	padding: 0 3px 0 3px;
	cursor: pointer;
}

#im_mini_icon {
	position: absolute;
	margin: -16px 0 0 0;
	top: 17px;
	right: 25px;
	float: right;
	width: 20px;
	height: 21px;
	cursor: pointer;
	background: url(http://static.hero.9wee.com/icons/icon-mini.gif) no-repeat center;
	display:none;
}

#im_report_icon {
	/*
	position: absolute;
	margin:-16px 0 0;
	top: 17px;
	right: 45px;
	float: right;
	width: 20px;
	height: 21px;
	cursor: pointer;
	background: url(http://static.hero.9wee.com/icons/icon-report.gif) no-repeat center;
	*/
	display: none;
}

#im_close_icon {
	position: absolute;
	margin: -16px 0 0 0;
	top: 17px;
	right: 5px;
	float: right;
	width: 20px;
	height: 21px;
	cursor: pointer;
	background: url(http://static.hero.9wee.com/icons/icon-close.gif) no-repeat center;
}

#im_inner_box.full #im_mini_icon {
	display:block;	
}

#im_inner_box.lite #im_mini_icon {
	display: none;
}

#im_inner_box.lite #im_close_icon {
	display: none;
}

#im_inner_box.lite #im_report_icon {
	top: 20px;
	right: 5px;
}

.font1 {
	width: 99%;
	display: inline-block;
}
.font1:after, .font1 .content:after
 {
	 content: "";
	 display: block;
	 height: 0;
	 clear: both;
	 visibility: hidden;
 }

 #im_hint {
	width:450px;
	height:15px;
	line-height:15px;
	clear:both;
	padding:5px;
	border:1px solid #ffcc00;
	background-color:#ffea9c;
	margin-bottom:3px;
	overflow: hidden;
}

#im_hint_content {
	float:left;
	overflow:hidden;
	white-space:nowrap;
	height:15px;
	margin-right: 25px;
}