@charset "utf-8";
/* CSS Document */

* html{height:100%;}
* body{height:100%;margin:0px;padding:0px;}
* html {overflow: hidden}
* html .use_scroll_wrapper #main{width: 100%; height:100%;overflow:auto;position:relative;}
* html .use_scroll_wrapper #dockingbar{position:absolute; z-index: 65535}
* html .use_scroll_wrapper #dockingbar_ui{margin-left:0px;margin-right:15px;position:relative;overflow:visible !important;	margin-top:2px;}
body #dockingbar{position: fixed; width: 100%; bottom: 0px; z-index: 65535}
#mainmargin{
	width:100%;
	background-image: url(../images/sprite_blue_touch.png);
	background-repeat: repeat-x;
	background-position: 0px -120px ;
	height: 28px;
	padding-top:2px;
}
#mainmargin #Box_dock{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	background-image: url(../images/bg-musicbox.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 27px;
	float:right;
}
#mainmargin #Box_dock .spanLeft{
	float: right;
	height: 26px;
	width: 100%;
}

#mainmargin #Box_dock .spanLeft .icon{
	display: block;
	float: right;
	height: 25px;
	width: 300px;
	margin-right:120px;
}

#mainmargin #Box_dock .spanLeft .newbox
{
	background:url(../images/icon_chat.png) no-repeat 5px 5px;
	height: 26px;
	background-color:#FFFFFF;
	width:200px;
	float:right;
	margin-top:2px;
	border-left: 1px solid  #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align:left;
	line-height:25px;
	cursor:pointer;
}

#mainmargin #Box_dock .spanLeft .newbox_alert
{
	background:url(../images/icon_chat.png) no-repeat 5px 5px;
	height: 26px;
	background-color:#B529E2;
	width:200px;
	float:right;
	margin-top:2px;
	border-left: 1px solid  #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align:left;
	line-height:25px;
	cursor:pointer;
}


.Friend_box {
	position: absolute;
}
.Friend_box {
	width: 325px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: none;
	left: 815px;
}

/*Friend box*/
#Friend_popup {float:right;width:250px; margin-right:14px;}
#Friend_popup .Friend_box_over {
	float:right;
	width: 252px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: block;
	
}

.Friend_box_over .db_List {
	max-height: 300px;
	overflow: auto;
}
.Friend_box_over .topTitle{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background:url(../images/bg_pop.gif) repeat;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 10px;
	height: 17px;
	padding-top: 4px;
	cursor:pointer;
}
.Friend_box_over .topTitle .left {
	float: left;
}
.Friend_box_over .iconTitle{
	float:right;
	margin-right: 10px;
	margin-top: 5px;
}

.Friend_box_over .marginbtn {
	text-align: center;
	background-color:#FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top:1px #cccccc solid;
	margin-right: 0px;
	margin-left: 0px;
	display: none;
}

/*Chat box*/


#chat_popup {float:right;width:653px; margin-right:13px;}
#chat_popup .Chat_box_over {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: block;
	right:12px;
}

.Chat_box_over .db_List {
	max-height: 300px;
	overflow: auto;
}
.Chat_box_over .topTitle{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background:url(../images/bg_pop.gif) repeat;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 10px;
	height: 19px;
	padding-top: 4px;
	cursor:pointer;
}
.Chat_box_over .topTitle .left {
	float: left;
}
.Chat_box_over .iconTitle{
	float:right;
	margin-right: 10px;
	margin-top: 5px;
}
.Chat_box_over .db_List {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border-top: 1px solid #4e4e4e;
	border-right: 1px solid #4e4e4e;
	border-left: 1px solid #4e4e4e;
}

.Chat_box_over .marginbtn {
	text-align: center;
	background-color:#FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	border-left: 1px solid #4e4e4e;
	border-right: 1px solid #4e4e4e;
	border-top:1px #cccccc solid;
	margin-right: 0px;
	margin-left: 0px;
	display: none;
}
.Chat_box_over .marginbtn .btn{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/btn-boxnhac.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 22px;
	margin:0px;
	border:0px;
	width: 77px;
	margin-right: 4px;
	cursor: pointer;
}

* html  .Chat_box {
	position: absolute;
}
.Chat_box {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: none;
	left: 820px;
}


/*Chat window*/
.Chat_win {
	position: absolute;
}
.Chat_win {
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: none;
	left: 815px;
}


#chat_window {float:right;width:250px; margin-right:14px;}
#chat_window .Chat_win_over {
	float:right;
	width: 201px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: block;
	right:434px;
}

.Chat_win_over .db_List {
	max-height: 280px;
	overflow: auto;
}
.Chat_win_over .topTitle{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background:url(../images/bg_pop.gif) repeat;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 10px;
	height: 17px;
	padding-top: 4px;
	cursor:pointer;
}
.Chat_win_over .topTitle .left {
	float: left;
}
.Chat_win_over .iconTitle{
	float:right;
	margin-right: 10px;
	margin-top: 5px;
}

.Chat_win_over .marginbtn {
	text-align: left;
	background-color:#FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top:1px #cccccc solid;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right:0px;
	display: none;
}

.Chat_win_over .marginbtn .nick_chat {
	background:url(../images/icon_chat.png) no-repeat 5px 5px;
	height:25px;
	width: 198px;
	line-height:25px;
	border-bottom: 1px solid  #DFDFDF;
}

.Chat_win_over .marginbtn .nick_chat span{
	padding-left:24px;
}


.Chat_win_over .marginbtn .nick_chatalert {
	background:url(../images/icon_chat.png) no-repeat 5px 5px;
	background-color:#B529E2;
	height:25px;
	width: 198px;
	line-height:25px;
	border-bottom: 1px solid  #DFDFDF;
}


.Chat_win_over .marginbtn .nick_chatalert span{
	padding-left:24px;
}
/*////////////////////////////////////////////////////////////////////////////////*/

/*Chat window*/
.add_chat {
	position: absolute;
}
.add_chat {
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: none;
	left: 815px;
}


#addchat_window {float:right;width:250px; margin-right:14px;}
#addchat_window .add_chat_over {
	float:right;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: block;
	right:150px;
}

.add_chat_over .db_List {
	max-height: 280px;
	overflow: auto;
}
.add_chat_over .topTitle{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background:url(../images/bg_pop.gif) repeat;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 10px;
	height: 17px;
	padding-top: 4px;
	cursor:pointer;
}
.add_chat_over .topTitle .left {
	float: left;
}
.add_chat_over .iconTitle{
	float:right;
	margin-right: 10px;
	margin-top: 5px;
}

.add_chat_over .marginbtn {
	text-align: left;
	background-color:#FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top:1px #cccccc solid;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right:0px;
	display: none;
}

.add_chat_over .marginbtn .nick_chat {
	background:url(../images/icon_chat.png) no-repeat 5px 5px;
	height:25px;
	width: 198px;
	line-height:25px;
	border-bottom: 1px solid  #DFDFDF;
}

.add_chat_over .marginbtn .nick_chat span{
	padding-left:24px;
}


.add_chat_over .marginbtn .nick_chatalert {
	background:url(../images/icon_chat.png) no-repeat 5px 5px;
	background-color:#B529E2;
	height:25px;
	width: 198px;
	line-height:25px;
	border-bottom: 1px solid  #DFDFDF;
}


.add_chat_over .marginbtn .nick_chatalert span{
	padding-left:24px;
}
/*////////////////////////////////////////////////////////////////////////////////*/

/*Chat window*/
.add_ban {
	position: absolute;
}
.add_ban {
	width: 280px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: none;
	left: 815px;
}


#addban_window {float:right;width:250px; margin-right:14px;}
#addban_window .add_ban_over {
	float:right;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: block;
	right:150px;
}

.add_ban_over .db_List {
	max-height: 280px;
	overflow: auto;
}
.add_ban_over .topTitle{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background:url(../images/bg_pop.gif) repeat;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 10px;
	height: 17px;
	padding-top: 4px;
	cursor:pointer;
}
.add_ban_over .topTitle .left {
	float: left;
}
.add_ban_over .iconTitle{
	float:right;
	margin-right: 10px;
	margin-top: 5px;
}

.add_ban_over .marginbtn {
	text-align: left;
	background-color:#FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top:1px #cccccc solid;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right:0px;
	display: none;
}

.add_ban_over .marginbtn .nick_chat {
	background:url(../images/icon_chat.png) no-repeat 5px 5px;
	height:25px;
	width: 198px;
	line-height:25px;
	border-bottom: 1px solid  #DFDFDF;
}

.add_ban_over .marginbtn .nick_chat span{
	padding-left:24px;
}


.add_ban_over .marginbtn .nick_chatalert {
	background:url(../images/icon_chat.png) no-repeat 5px 5px;
	background-color:#B529E2;
	height:25px;
	width: 198px;
	line-height:25px;
	border-bottom: 1px solid  #DFDFDF;
}


.add_ban_over .marginbtn .nick_chatalert span{
	padding-left:24px;
}

/*////////////////////////////////////////////////////////////////////////////////*/

.Chat_win_1 {
	position: absolute;
}
.Chat_win_1 {
	width: 325px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: none;
	left: 815px;
}


#chat_window_1 {float:right;width:250px; margin-right:14px;}
#chat_window_1 .Chat_win_1_over {
	float:right;
	width: 252px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: block;
	right:640px;
}

.Chat_win_1_over .db_List {
	max-height: 300px;
	overflow: auto;
}
.Chat_win_1_over .topTitle{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background:url(../images/bg_pop.gif) repeat;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 10px;
	height: 17px;
	padding-top: 4px;
	cursor:pointer;
}
.Chat_win_1_over .topTitle .left {
	float: left;
}
.Chat_win_1_over .iconTitle{
	float:right;
	margin-right: 10px;
	margin-top: 5px;
}

.Chat_win_1_over .marginbtn {
	text-align: center;
	background-color:#FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top:1px #cccccc solid;
	margin-right: 0px;
	margin-left: 0px;
	display: none;
}

/*/////////////////////////////////////////////////////*/

.hose
{
	height: 26px;
	background-color:#E8E8E8;
	width:60px;
	float:left;
	margin-top:2px;
	border-left: 1px solid  #CCCCCC;
	border-right: 1px solid #FFFFFF;
	text-align:left;
	line-height:25px;
	cursor:pointer;
	text-align:center;
}
.hnx
{
	height: 26px;
	background-color:#E8E8E8;
	width:60px;
	float:left;
	margin-top:2px;
	border-left: 1px solid  #CCCCCC;
	border-right: 1px solid #FFFFFF;
	text-align:left;
	line-height:25px;
	cursor:pointer;
	text-align:center;
}


.tigia
{
	height: 26px;
	background-color:#E8E8E8;
	width:60px;
	float:left;
	margin-top:2px;
	border-left: 1px solid  #CCCCCC;
	border-right: 1px solid #FFFFFF;
	text-align:left;
	line-height:25px;
	cursor:pointer;
	text-align:center;
}


/*/////////////////////////////////////////////////////*/

.tigia_pop {
	position: absolute;
}
.tigia_pop {
	width: 335px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: none;
	left: 405px;
}


#tigia_pop_popup {float:right;width:250px; margin-right:14px;}
#tigia_pop_popup .tigia_pop_over {
	float:right;
	width: 335px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: block;
	right:797px;
}

.tigia_pop_over .db_List {
	max-height: 300px;
	overflow: auto;
}
.tigia_pop_over .topTitle{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background:url(../images/bg_pop.gif) repeat;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 10px;
	height: 17px;
	padding-top: 4px;
	cursor:pointer;
}
.tigia_pop_over .topTitle .left {
	float: left;
}
.tigia_pop_over .iconTitle{
	float:right;
	margin-right: 10px;
	margin-top: 5px;
}

.tigia_pop_over .marginbtn {
	text-align: center;
	background-color:#FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top:1px #cccccc solid;
	margin-right: 0px;
	margin-left: 0px;
	display: none;
}


/*/////////////////////////////////////////////////////*/

.giavang_pop {
	position: absolute;
}
.giavang_pop {
	width: 270px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: none;
	left: 405px;
}


#giavang_pop_popup {float:right;width:250px; margin-right:14px;}
#giavang_pop_popup .giavang_pop_over {
	float:right;
	width: 270px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 65535;
	bottom: 27px;
	display: block;
	right:860px;
}

.giavang_pop_over .db_List {
	max-height: 300px;
	overflow: auto;
}
.giavang_pop_over .topTitle{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	background:url(../images/bg_pop.gif) repeat;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-left: 10px;
	height: 17px;
	padding-top: 4px;
	cursor:pointer;
}
.giavang_pop_over .topTitle .left {
	float: left;
}
.giavang_pop_over .iconTitle{
	float:right;
	margin-right: 10px;
	margin-top: 5px;
}

.giavang_pop_over .marginbtn {
	text-align: center;
	background-color:#FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top:1px #cccccc solid;
	margin-right: 0px;
	margin-left: 0px;
	display: none;
}