BODY {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; 
	color: #000000;
	SCROLLBAR-FACE-COLOR: #CCCCCC; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; 
	SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; OVERFLOW: auto; BORDER-LEFT: 0px; 
	SCROLLBAR-SHADOW-COLOR: #CCCCCC; 
	SCROLLBAR-3DLIGHT-COLOR: #CCCCCC; 
	SCROLLBAR-ARROW-COLOR: #0000FF; PADDING-TOP: 0px; 
	SCROLLBAR-TRACK-COLOR: #FFFFFF; BORDER-BOTTOM: 0px; FONT-FAMILY: "MS Sans Serif", sans-serif; 
	SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC; 
	SCROLLBAR-BASE-COLOR: #FFFFFF; 
}

.bodyDIV{width:1000px; min-height:100px; position:relative;}
.bodyDIV #leftArea{width:200px; float:left; min-height:100%; position:relative;}
.bodyDIV #centerArea{width:600px; float:left; min-height:100%; position:relative;}
.bodyDIV #centerArea800{width:800px; float:left; min-height:100%; position:relative;}
.bodyDIV #rightArea{width:200px; float:left; min-height:100%; position:relative; z-index:0;}

.footer { background: url("../../images/home/footer-shadow.gif") repeat-x; height:43px; }
.footerText { padding-right:10px; color: #FFFFFF; }
.footerTextCopyright { color: #FFFFFF;  }

.login { background: url("../../images/home/login-bg.gif") no-repeat; }
.loginfrom { background: url("../../images/home/login-from.gif") no-repeat; }
.leftBackground {  background: url("../../images/home/left-bg.gif") repeat-y right top; }
.dotlineHeight {  background: url("../../images/home/vline.gif") repeat-y right top; }

#imageLink { cursor: pointer; }

.shopRank0{position:absolute; width:32px; height:32px; right:1px; top:4px;}
.shopRank1{background:url("../../images/shop/shop01.gif") no-repeat; position:absolute; width:32px; height:32px; right:1px; top:4px;}
.shopRank2{background:url("../../images/shop/shop02.gif") no-repeat; position:absolute; width:32px; height:32px; right:1px; top:4px;}
.shopRank3{background:url("../../images/shop/shop03.gif") no-repeat; position:absolute; width:32px; height:32px; right:1px; top:4px;}
.shopRank4{background:url("../../images/shop/shop04.gif") no-repeat; position:absolute; width:32px; height:32px; right:1px; top:4px;}
.shopRank5{background:url("../../images/shop/shop05.gif") no-repeat; position:absolute; width:32px; height:32px; right:1px; top:4px;}

.start-button{width:206px; height:124px; background:url(../../images/start-button.png) 0px 0px no-repeat; margin-top:-50px; margin-left:-3px; z-index:10; position:relative;}
.start-button:hover{width:206px; height:124px; background:url(../../images/start-button.png) 0px -124px no-repeat; cursor:pointer; margin-top:-50px; margin-left:-3px; z-index:10;position:relative;}

.leftMenuList{width:200px;}
.leftMenuList .top1{background: url("../../images/menu/left-top.png") no-repeat; height:33px;}
.leftMenuList .top2{background: url("../../images/menu/left-top1.png") no-repeat; height:33px;}
.leftMenuList .body{background: url("../../images/menu/left-body.png") repeat-y;}
.leftMenuList .bottom1{background: url("../../images/menu/left-bottom.png") no-repeat; height:35px;}
.leftMenuList .bottom2{background: url("../../images/menu/left-bottom1.png") no-repeat; height:35px;}
.leftMenuList .header{background: url("../../images/menu/left-header.png") no-repeat; height:33px;}

.leftMenuList .top-rank{background: url("../../images/menu/left-top-rank.png") no-repeat; height:70px;}
.leftMenuList .body-rank{background: url("../../images/menu/left-body-rank.png") repeat-y;}
.leftMenuList .bottom-rank{background: url("../../images/menu/left-bottom-rank.png") no-repeat; height:25px;}
.leftMenuList .top-tribecount{background: url("../../images/menu/left-top-tribecount.png") no-repeat; height:70px;}
.leftMenuList .top-useronline{background: url("../../images/menu/bg-useronline.png") no-repeat; height:55px; cursor:pointer; }

.isClear{clear:both;}
.leftMenuList .icon{float:left; width:35px; height:25px;}
.leftMenuList .textlink{float:right; width:135px; height:25px; line-height:25px; text-align:left;}

.rightMenuList{width:200px;}
.rightMenuList .top-login{background: url("../../images/menu/right-top-login.png") no-repeat; height:70px;}
.rightMenuList .top-member{background: url("../../images/menu/right-top-member.png") no-repeat; height:70px;}
.rightMenuList .top2{background: url("../../images/menu/left-top1.png") no-repeat; height:33px;}
.rightMenuList .body-login{background: url("../../images/menu/right-body-login.png") no-repeat;}
.rightMenuList .body-member{background: url("../../images/menu/right-body-member.png") repeat-y;}
.rightMenuList .body{background: url("../../images/menu/left-body.png") repeat-y;}
.rightMenuList .bottom-member{background: url("../../images/menu/right-bottom.png") no-repeat; height:35px;}
.rightMenuList .bottom1{background: url("../../images/menu/left-bottom.png") no-repeat; height:35px;}
.rightMenuList .bottom2{background: url("../../images/menu/right-bottom1.png") no-repeat; height:35px;}
.rightMenuList .header{background: url("../../images/menu/left-header.png") no-repeat; height:33px;}

.button-login{width:173px; height:69px; background:url(../../images/new-button/button-login-logout.png) 0px 0px no-repeat; position:relative; clear:both;}
.button-login:hover{width:173px; height:69px; background:url(../../images/new-button/button-login-logout.png) 0px -69px no-repeat; cursor:pointer; position:relative; clear:both;}
.button-logout{width:173px; height:69px; background:url(../../images/new-button/button-login-logout.png) -173px 0px no-repeat; position:relative; clear:both; margin-left: 3px;}
.button-logout:hover{width:173px; height:69px; background:url(../../images/new-button/button-login-logout.png) -173px -69px no-repeat; cursor:pointer; position:relative; clear:both; margin-left: 3px;}

.button-pmbox{width:200px; height:108px; background:url(../../images/new-button/button-pm.png) 0px 0px no-repeat;}
.button-pmbox:hover{width:200px; height:108px; background:url(../../images/new-button/button-pm.png) 0px -108px no-repeat; cursor:pointer;}

.button-register{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) 0px 0px no-repeat; position:relative;}
.button-register:hover{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) 0px -74px no-repeat; cursor:pointer; position:relative;}
.button-how2play{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) -190px 0px no-repeat; position:relative;}
.button-how2play:hover{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) -190px -74px no-repeat; cursor:pointer; position:relative;}
.button-gameinfo{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) -380px 0px no-repeat; position:relative;}
.button-gameinfo:hover{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) -380px -74px no-repeat; cursor:pointer; position:relative;}
.button-webboard{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) -570px 0px no-repeat; position:relative;}
.button-webboard:hover{width:190px; height:74px; background:url(../../images/new-button/button-left-menu.png) -570px -74px no-repeat; cursor:pointer; position:relative;}
.button-itemmall{width:190px; height:125px; background:url(../../images/new-button/button-left-menu.png) -760px 0px no-repeat; position:relative;}
.button-itemmall:hover{width:190px; height:125px; background:url(../../images/new-button/button-left-menu.png) -950px 0px no-repeat; cursor:pointer; position:relative;}

.button-main-menu1{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) 0px 0px no-repeat; float: left;}
.button-main-menu1:hover{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) 0px -76px no-repeat; cursor:pointer; float: left;}
.button-main-menu2{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -76px 0px no-repeat;float: right;}
.button-main-menu2:hover{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -76px -76px no-repeat; cursor:pointer;float: right;}
.button-main-menu3{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -152px 0px no-repeat; float: left;}
.button-main-menu3:hover{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -152px -76px no-repeat; cursor:pointer; float: left;}
.button-main-menu4{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -228px 0px no-repeat;float: right;}
.button-main-menu4:hover{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -228px -76px no-repeat; cursor:pointer;float: right;}
.button-main-menu5{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -304px 0px no-repeat;float: left;}
.button-main-menu5:hover{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -304px -76px no-repeat; cursor:pointer;float: left;}
.button-main-menu6{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -380px 0px no-repeat;float: right;}
.button-main-menu6:hover{width:76px; height:76px; background:url(../../images/new-button/button-main-menu1.png) -380px -76px no-repeat; cursor:pointer;float: right;}

.button-gold-refill{width:189px; height:71px; background:url(../../images/new-button/button-goldrefill.png) -0px 0px no-repeat;}
.button-gold-refill:hover{width:189px; height:71px; background:url(../../images/new-button/button-goldrefill.png) -0px -71px no-repeat; cursor:pointer;}

.skill-box{position:relative; width:205px; height:85px; background: url(../../images/skill/panel-skill.png) no-repeat;}
.skill-box .skillArea{position:absolute; width:190px; height:40px; left: 8px; bottom:5px;}
.skill-box .skillIcon{float:left; width:32px; height:32px; margin:3px; cursor:pointer;}
.skill-box .skillIconNone{float:left; width:32px; height:32px; margin:3px; background: url(../../images/skill/icon-blank.gif) no-repeat;}
.skill-box .name{position:absolute; width:170px; left:12px; top: 23px;}
.skill-box .mp{position:absolute; width:70px; right:4px; top: 23px; padding-right:8px;}

.skill-selector{position:relative; width:224px; height:40px;} 
.skill-selector .skillArea{position:absolute; width:230px; height:32px; left: 5px;}
.skill-selector .skillIcon{float:left; width:32px; height:32px; margin:7px; background: url(../../images/skill/icon-blank.gif) no-repeat; cursor:pointer;}

.bg-freegift-areabox{width:340px; height:350px; background:url(../../images/freegift/bg-gift-item-box.png) 0px 0px no-repeat;}

.button-getgift{width:130px; height:30px; background:url(../../images/new-button/button-getgift.png) 0px 0px no-repeat; float:left;}
.button-getgift:hover{width:130px; height:30px; background:url(../../images/new-button/button-getgift.png) 0px -30px no-repeat; cursor:pointer; float:left;}
.button-destroygift{width:36px; height:30px; background:url(../../images/new-button/button-getgift.png) -130px 0px no-repeat; float:left; margin-left: 3px; }
.button-destroygift:hover{width:36px; height:30px; background:url(../../images/new-button/button-getgift.png) -130px -30px no-repeat; cursor:pointer; float:left; margin-left: 3px;}
.button-FB-addfriend a{width:40px; height:30px; background:url(../../images/new-button/button-FB-add-friend.png) 0px 0px no-repeat; float:left;}
.button-FB-addfriend a:hover{width:40px; height:30px; background:url(../../images/new-button/button-FB-add-friend.png) 0px -30px no-repeat; cursor:pointer; float:left;}
.radius-giftbox{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 8px;
    background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
	position:absolute; width:340px; height:350px; left:113px; z-index:10; display:none;
}
.button-send-freegift{width:130px; height:30px; background:url(../../images/new-button/button-send-freegift.png) 0px 0px no-repeat; float:left;}
.button-send-freegift:hover{width:130px; height:30px; background:url(../../images/new-button/button-send-freegift.png) 0px -30px no-repeat; cursor:pointer; float:left;}
.button-send-freegift-destroy{width:70px; height:30px; background:url(../../images/new-button/button-send-freegift.png) -130px 0px no-repeat; float:left; margin-left: 3px; }
.button-send-freegift-destroy:hover{width:70px; height:30px; background:url(../../images/new-button/button-send-freegift.png) -130px -30px no-repeat; cursor:pointer; float:left; margin-left: 3px;}

.freegift{float:left; width:100px; height:140px;}
.freegift .imgItem{width:80px; height:80px; margin:10px;}
.freegift .imgItem img{cursor:pointer;}

.terminalREFILL-area{width:580px; height:100px;}
.terminalREFILL-area .menu1{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) 0px 0px no-repeat; float:left;}
.terminalREFILL-area .menu1:hover{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) 0px -100px no-repeat; float:left; cursor:pointer;}
.terminalREFILL-area .menu2{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) -145px 0px no-repeat; float:left;}
.terminalREFILL-area .menu2:hover{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) -145px -100px no-repeat; float:left; cursor:pointer;}
.terminalREFILL-area .menu3{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) -290px 0px no-repeat; float:left;}
.terminalREFILL-area .menu3:hover{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) -290px -100px no-repeat; float:left; cursor:pointer;}
.terminalREFILL-area .menu4{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) -435px 0px no-repeat; float:left;}
.terminalREFILL-area .menu4:hover{width:145px; height:100px; background:url(../../images/new-button/button-terminal-refillgld.png) -435px -100px no-repeat; float:left; cursor:pointer;}

.menuDownload1 a{width:200px; height:78px; background:url(../../images/new-button/button-download-browser.png) 0px 0px no-repeat; display:block;}
.menuDownload1 a:hover{width:200px; height:78px; background:url(../../images/new-button/button-download-browser.png) -200px 0px no-repeat; cursor:pointer;display:block;}
.menuDownload2 a{width:200px; height:54px; background:url(../../images/new-button/button-download-browser.png) 0px -78px no-repeat;display:block;}
.menuDownload2 a:hover{width:200px; height:54px; background:url(../../images/new-button/button-download-browser.png) -200px -78px no-repeat; cursor:pointer;display:block;}

/* กล่องเดิมแต่เปลี่ยนเป็น PNG */
.mybox{position:relative; margin:0 auto; width:600px; min-height:20px; margin-bottom:5px;}
.mybox .body{ width:600px; background: url("../../images/box/body.png") repeat-y top center; position:relative; height:50px;}
.mybox .areaLeft{float:left; width:200px; height:40px; padding-left:20px;}
.mybox .areaCenter{float:left; width:150px; height:40px; position:relative;}
.mybox .areaRight{float:right; width:200px; height:40px;}
.mybox .noneHeader{ width:600px; height:10px; background: url("../../images/box/none-header.png") no-repeat top center;}
.mybox .textHeader{ width:600px; height:50px; background: url("../../images/box/text-header.png") no-repeat top center; line-height:50px; color: #FFF; font-size: 12pt; font-family:"tahoma";  font-weight: bold; text-align:center;}
.mybox .footer{ width:600px; height:10px; background: url("../../images/box/footer.png") no-repeat top center;}
.mybox .textBox{height:50%; line-height:25px;}

.itemBG { background:  url("../../images/home/item-bg.png") no-repeat;  width: 50px; height: 50px; vertical-align: center; }
.itemBG img { padding: 9px;  }

.areaRank{position:absolute; height:124px; width:222px; right:-5px; top:-3px;}
.arenaBattle{  background:  url("../../images/pvp/bg.png") no-repeat; width: 580px; height: 250px; } 
.end-fighting-pvp{-moz-border-radius: 8px 8px 8px 8px; position:absolute; left:-188px; top:-146px; width:580px; height:250px; z-index:2000; filter:alpha(opacity=85); opacity: 0.85; background-color: #333333;}

#number-list{position:absolute; z-index:1; right: 20px; bottom: 8px; width: 64px; height: 21px;}
.number1{float:left; background:url(../../images/home/banner/number-list.png) 0px 0px no-repeat; width: 21px; height: 21px;}
.number1:hover{ float:left; background:url(../../images/home/banner/number-list.png) 0px -21px no-repeat; width: 21px; height: 21px; cursor:pointer;}
.number1-active{ float:left; 	background:url(../../images/home/banner/number-list.png) 0px -42px no-repeat; width: 21px; height: 21px;}
.number2{	float:left; background:url(../../images/home/banner/number-list.png) -21px 0px no-repeat;width: 21px; height: 21px;}
.number2:hover{float:left; background:url(../../images/home/banner/number-list.png) -21px -21px no-repeat;width: 21px; height: 21px;	cursor:pointer;}
.number2-active{float:left; background:url(../../images/home/banner/number-list.png) -21px -42px no-repeat;width: 21px; height: 21px;}
.number3{	float:left; background:url(../../images/home/banner/number-list.png) -42px 0px no-repeat;width: 21px; height: 21px;}
.number3:hover{float:left; background:url(../../images/home/banner/number-list.png) -42px -21px no-repeat;width: 21px; height: 21px;	cursor:pointer;}
.number3-active{float:left; background:url(../../images/home/banner/number-list.png) -42px -42px no-repeat;width: 21px; height: 21px;}

.areaPixelItemOnMap{float:left; width:32px; height:32px; padding:3px; margin-top:2px; margin-left:2px; position:relative;}
.areaPixelItemOnMap .txt1{
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
	position:absolute; height:15px; right:1px; bottom:0px; background-color:#DBDBDB; padding-left: 3px;
}
.areaPixelItemOnMap .txt2{ position:absolute; height:15px; right:2px; bottom:1px;}
.areaPixelItemOnMap .txt1-my{
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
	position:absolute; height:15px; right:1px; bottom:0px; background-color:#FFF; padding-left: 3px;
}


a.test:hover{
	background: url("../../images/topmenu/menu2/01.gif") no-repeat left top;
}
a.test1:hover{
	background: url("../../images/topmenu/menu2/01.gif") no-repeat left;
}

.user_panel { background: url("../../images/home/user-panel.gif") no-repeat;  width:188px; height:280px;}
.user_panel #padleft { padding-left: 10px;}
.user_panel #showname { color: #FF0099; font-weight: bold;}
.user_panel-2 { background: url("../../images/home/user-panel-2.gif") no-repeat;  width:188px; height:320px;}
.user_panel-2 #padleft { padding-left: 10px;}
.user_panel-2 #showname { color: #FF0099; font-weight: bold;}

.user_tool_box #top { background: url("../../images/home/user-tool-box-top.gif") no-repeat;  width:188px; height:18px;}
.user_tool_box #top1 { background: url("../../images/home/user-tool-box-top1.gif") no-repeat;  width:188px; height:15px;}
.user_tool_box #bg { background: url("../../images/home/user-tool-box-bg.gif") repeat-y;}
.user_tool_box #bottom { background: url("../../images/home/user-tool-box-bottom.gif") no-repeat;  width:188px; height:15px;}
.user_tool_box #bottom_next { background: url("../../images/home/user-tool-box-bottom-next.gif") no-repeat;  width:188px; height:18px;}

.backgroundPromp { background: url("../../images/background/fundo.gif"); }
.leftCorner { background: url("../../images/home/left-corner.gif") no-repeat; width:3px; height:30px;  background-position:left;}
.rightCorner { background: url("../../images/home/right-corner.gif") no-repeat; width:3px; height:30px; background-position:right; }

/*body { background-color: #FFFFFF; }*/
.topgraphic { width:1000px; height:200px; background: url("../../images/topmenu/topbg-newyear.jpg") no-repeat; background-position:top left; }
.leftBorderBackground {  background: url("../../img/bg__border_left.gif"); width:8px; }
.rightBorderBackground {  background: url("../../img/bg__border_right.gif"); width:8px;}

.topic { background-color: #E9E9E9; } 
.topic #left_topic {  height: 16px; background: url("../../images/home/left-topic.gif") no-repeat; background-position: left; background-color: #E9E9E9;}
.topic #right_topic { height: 16px; background: url("../../images/home/right-topic.gif") no-repeat; background-position: right; background-color: #E9E9E9;}

.inputRedText { color: red; }
.inputBlueText { color: blue; }
.inputGreenText { color: green; }
.inputOrangeText { color: #FF9900; }

.dotline_ver {  background: url("../../images/home/dot_v_pixel.gif") repeat-y left bottom;}
.dotline { background: url("../../images/home/dot_pixel.gif") repeat-x left bottom; }
.pm_bgcolor1{background: url("../../images/home/dot_pixel.gif") repeat-x left bottom; background-color: #E9F8FE; }
.pm_bgcolor2{background: url("../../images/home/dot_pixel.gif") repeat-x left bottom;  background-color: #FEEAFF; }
.pmheader_bgcolor1{background: url("../../images/home/dot_pixel.gif") repeat-x left bottom;  background-color: #FFFFFF }
.pmheader_bgcolor2{background: url("../../images/home/dot_pixel.gif") repeat-x left bottom;  background-color: #F7F7F7 }


A.DMOlink1:link {text-decoration: none; color: #8B8B8B; }
A.DMOlink1:visited {text-decoration: none; color: #8B8B8B; }
A.DMOlink1:active {text-decoration: none; color: #8B8B8B; }
A.DMOlink1:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #333;font-weight: bold; }

A.DMOlink2:link {text-decoration: none; color: #804040; }
A.DMOlink2:visited {text-decoration: none; color: #804040; }
A.DMOlink2:active {text-decoration: none; color: #804040; }
A.DMOlink2:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #492525;font-weight: bold; }

A.DMOlink4:link {text-decoration: none; color: #009999; }
A.DMOlink4:visited {text-decoration: none; color: #009999; }
A.DMOlink4:active {text-decoration: none; color: #009999; }
A.DMOlink4:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #004A4A;font-weight: bold; }

A.DMOlink5:link {text-decoration: none; color: #009900; }
A.DMOlink5:visited {text-decoration: none; color: #009900; }
A.DMOlink5:active {text-decoration: none; color: #009900; }
A.DMOlink5:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #006400;font-weight: bold; }

A.DMOlink6:link {text-decoration: none; color: #8D1CFF; }
A.DMOlink6:visited {text-decoration: none; color: #8D1CFF; }
A.DMOlink6:active {text-decoration: none; color: #8D1CFF; }
A.DMOlink6:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #480091;font-weight: bold; }

A.DMOlink7:link {text-decoration: none; color: #FF06FF; }
A.DMOlink7:visited {text-decoration: none; color: #FF06FF; }
A.DMOlink7:active {text-decoration: none; color: #FF06FF; }
A.DMOlink7:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #A400A4;font-weight: bold; }

A.DMOlink8:link {text-decoration: none; color: #F00; }
A.DMOlink8:visited {text-decoration: none; color: #F00; }
A.DMOlink8:active {text-decoration: none; color: #F00; }
A.DMOlink8:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #8C0000;font-weight: bold; }

A.DMOlink9:link {text-decoration: none; color: #330099; }
A.DMOlink9:visited {text-decoration: none; color: #330099; }
A.DMOlink9:active {text-decoration: none; color: #330099; }
A.DMOlink9:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #1B0053;font-weight: bold; }

A.DMOlink10:link {text-decoration: none; color: #000; }
A.DMOlink10:visited {text-decoration: none; color: #000; }
A.DMOlink10:active {text-decoration: none; color: #000; }
A.DMOlink10:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #FFFF00;font-weight: bold; }

A.DMOlink40:link {text-decoration: none; color: #7BBAFF; }
A.DMOlink40:visited {text-decoration: none; color: #7BBAFF; }
A.DMOlink40:active {text-decoration: none; color: #7BBAFF; }
A.DMOlink40:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #067CFF;font-weight: bold; }

A.DMOlink50:link {text-decoration: none; color: #0066FF; }
A.DMOlink50:visited {text-decoration: none; color: #0066FF; }
A.DMOlink50:active {text-decoration: none; color: #0066FF; }
A.DMOlink50:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #808000;font-weight: bold; }

A.DMOlink60:link {text-decoration: none; color: #0066FF; }
A.DMOlink60:visited {text-decoration: none; color: #0066FF; }
A.DMOlink60:active {text-decoration: none; color: #0066FF; }
A.DMOlink60:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #808000;font-weight: bold; }

A.DMOlink70:link {text-decoration: none; color: #0066FF; }
A.DMOlink70:visited {text-decoration: none; color: #0066FF; }
A.DMOlink70:active {text-decoration: none; color: #0066FF; }
A.DMOlink70:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #808000;font-weight: bold; }


.msg_1 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #8B8B8B; }
.msg_2 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #804040; }
.msg_4 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #009999; }
.msg_5 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #009900; }

.msg_6 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #8D1CFF; }
.msg_7 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #FF06FF; }
.msg_8 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #F00; }
.msg_9 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #330099; }
.msg_10 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #000; }

.msg_40 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #7BBAFF; }
.msg_gm { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #0066FF; }
.msg_50 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #0066FF; }
.msg_boss { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #0066FF; }
.msg_60 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #0066FF; }
.msg_70 { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #0066FF; }
.msg_sys { font-family: "Tahoma, Ms Sans Serif"; font-size: 10pt; color: #003366; } /*  */
/*.msg_boss { font-family: "Ms Sans Serif"; font-size: 10px; color: #FF00CC; }*/

.txtMSsize10 {font-size: 10pt; font-family:"Ms Sans Serif"; }
	.txtMSsize10_bold {font-size: 10pt; font-family:"Ms Sans Serif"; ; font-weight: bold;}
.txtMSsize12 {font-size: 12pt; font-family:"Ms Sans Serif"; }
	.txtMSsize12_bold {font-size: 12pt; font-family:"Ms Sans Serif";  font-weight: bold;}
.txtMSsize14 {font-size: 14pt; font-family:"Ms Sans Serif"; }
	.txtMSsize14_bold {font-size: 14pt; font-family:"Ms Sans Serif";  font-weight: bold;}

.txtTahomaSize6 {font-size: 6pt; font-family:"Tahoma"; }
.txtTahomaSize7 {font-size: 7pt; font-family:"Tahoma"; }
.txtTahomaSize8 {font-size: 8pt; font-family:"Tahoma"; }
.txtTahomaSize9 {font-size: 9pt; font-family:"Tahoma"; }
.txtTahomaSize10 {font-size: 10pt; font-family:"Tahoma"; }
.txtTahomaSize12 {font-size: 12pt; font-family:"Tahoma"; }
.txtTahomaSize14 {font-size: 14pt; font-family:"Tahoma"; }
.txtTahomaSize16 {font-size: 16pt; font-family:"Tahoma"; }
.txtTahomaSize18 {font-size: 18pt; font-family:"Tahoma"; }
.txtTahomaSize20 {font-size: 20pt; font-family:"Tahoma"; }

.txtColorBlack{ color: black; }
.txtColorWhite{ color: white; }
.txtColorRed{ color: red; }
.txtColorBlue{ color: blue; }
.txtColorBlueSky{ color: #3C8AFF; }
.txtColorGreen{ color: #009900; }
.txtColorYello{ color: #FFFF00; }
.txtColorOrange{ color: #FF9900; }
.txtColorGray{ color: #666666; }
.txtColorGray1{ color: #999999; }
.txtColorGray2{ color: #CCCCCC; }
.txtColorGray3{ color: #EAEAEA; }
.txtColorPink{ color: #FF0099; }
.txtColorBrown{ color: #993300; }
.txtColorHeadTools{ color: #AD2929; }
.txtColorViolet{ color: #9900CC; }

.txtColorTribe1{ color: #4D4D4D; }
.txtColorTribe2, .txtColorTribe5, .txtColorTribe8{ color: #EF4CFF; }
.txtColorTribe3, .txtColorTribe6, .txtColorTribe9{ color: #609EEE; }
.txtColorTribe4, .txtColorTribe7, .txtColorTribe10{ color: #FFA800; }

.txtUpStatPlate td{ font-size: 9pt; font-family:"Tahoma"; }
.txtUpStatPlate #txtStatPlus {padding-left: 5px; font-size: 7pt; font-family:"Tahoma"; color: #996600; }
.txtUpStatPlate #pad3 {padding-left: 3px; }

.txtStatPlate td{ font-size: 8pt; font-family:"Tahoma"; }
.txtStatPlate #txtStatPlus {padding-left: 5px; font-size: 7pt; font-family:"Tahoma"; color: #996600; }

/*  PET */ 
.boxMain { background-color:#FFFFFF; color: #000000; }
.boxMain #top_left { width:8px; height:10px; background: url("../../images/main-border/top-left.gif") no-repeat; background-position:bottom; }
.boxMain #top { height:10px; background: url("../../images/main-border/top.gif") repeat-x; background-position:bottom; }
.boxMain #top_right { width:8px; height:10px; background: url("../../images/main-border/top-right.gif") no-repeat; background-position:bottom; }

.boxMain #left { width:8px; background: url("../../images/main-border/left.gif") repeat-y; }
.boxMain #right { width:8px; background: url("../../images/main-border/right.gif") repeat-y; }

.boxMain #bottom_left { width:8px; height:10px;  background: url("../../images/main-border/bottom-left.gif") no-repeat; }
.boxMain #bottom { height:8px; background: url("../../images/main-border/bottom.gif") repeat-x; }
.boxMain #bottom_right { width:8px; height:10px; background: url("../../images/main-border/bottom-right.gif") no-repeat; }

/*  PET */ 
.boxVice { background-color:#FFFFFF; color: #000000; }
.boxVice #top_left { width:7px; height:10px; background: url("../../images/vice-border/top-left.gif") no-repeat; background-position:top; }
.boxVice #top { height:10px; background: url("../../images/vice-border/top.gif") repeat-x; background-position:top; }
.boxVice #top_right { width:7px; height:10px; background: url("../../images/vice-border/top-right.gif") no-repeat; background-position:top; }
.boxVice #top_mainpet { height:10px background: url("../../images/vice-border/right-main-pet.gif") no-repeat; background-position:top;}

.boxVice #left { width:7px; background: url("../../images/vice-border/left.gif") repeat-y; }
.boxVice #right { width:7px; background: url("../../images/vice-border/right.gif") repeat-y; }

.boxVice #bottom_left { width:7px; height:10px;  background: url("../../images/vice-border/bottom-left.gif") no-repeat; }
.boxVice #bottom { height:7px; background: url("../../images/vice-border/bottom.gif") repeat-x; }
.boxVice #bottom_right { width:7px; height:10px; background: url("../../images/vice-border/bottom-right.gif") no-repeat; }

/*  PET   */ 
.boxMain { background-color:#FFFFFF; color: #000000; }
.boxMain #top_left { width:8px; height:10px; background: url("../../images/main-border/top-left.gif") no-repeat; background-position:bottom; }
.boxMain #top { height:10px; background: url("../../images/main-border/top.gif") repeat-x; background-position:bottom; }
.boxMain #top_right { width:8px; height:10px; background: url("../../images/main-border/top-right.gif") no-repeat; background-position:bottom; }

.boxMain #left { width:8px; background: url("../../images/main-border/left.gif") repeat-y; }
.boxMain #right { width:8px; background: url("../../images/main-border/right.gif") repeat-y; }

.boxMain #bottom_left { width:8px; height:10px;  background: url("../../images/main-border/bottom-left.gif") no-repeat; }
.boxMain #bottom { height:8px; background: url("../../images/main-border/bottom.gif") repeat-x; }
.boxMain #bottom_right { width:8px; height:10px; background: url("../../images/main-border/bottom-right.gif") no-repeat; }

/*   */ 
.box_main{ background-color:#FFFFFF; color: #000000; }

/*  */
.input_bt_120px { width:120px; background: url("../../images/button/input-bt-120px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_120px_blue { width:120px; background: url("../../images/button/input-bt-120px-blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_120px_orange { width:120px; background: url("../../images/button/input-bt-120px-red.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }

.input_bt_100px { width:100px; background: url("../../images/button/input-bt-100px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_100px_blue { width:100px; background: url("../../images/button/input-bt-100px-blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_100px_orange { width:100px; background: url("../../images/button/input-bt-100px-red.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }

.input_bt_80px_blue { width:80px; background: url("../../images/button/input-bt-80px-blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_80px_pink { width:80px; background: url("../../images/button/input-bt-80px-pink.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_80px_green { width:80px; background: url("../../images/button/input-bt-80px-green.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_80px_yellow { width:80px; background: url("../../images/button/input-bt-80px-yellow.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_80px_orange { width:80px; background: url("../../images/button/input-bt-80px-red.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }

.input_bt_60px_blue { width:60px; background: url("../../images/button/input-bt-60px-blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_60px_pink { width:60px; background: url("../../images/button/input-bt-60px-pink.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_60px_green { width:60px; background: url("../../images/button/input-bt-60px-green.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_60px_yellow { width:60px; background: url("../../images/button/input-bt-60px-yellow.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_60px_orange { width:60px; background: url("../../images/button/input-bt-60px-red.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }

.input_bt_40px { width:40px; background: url("../../images/button/input-bt-40px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_40px_blue { width:40px; background: url("../../images/button/input-bt-40px_blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_40px_orange { width:40px; background: url("../../images/button/input-bt-40px_orange.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }

.input_bt_30px { width:30px; background: url("../../images/button/input-bt-30px.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_30px_blue { width:30px; background: url("../../images/button/input-bt-30px_blue.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }
.input_bt_30px_orange { width:30px; background: url("../../images/button/input-bt-30px_orange.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; height:20px; border: 0px ; cursor:pointer; }

.btn_paysbuy{ width: 69px; height: 30px; background:  url("../../images/home/paysbuy_button.gif") no-repeat;  cursor:pointer; border: 0px; }

td {font-size : 10pt; font-family : MS Sans Serif;  color : #000000;}
.size3 {font-size : 12pt; font-family : MS Sans Serif;}

A.headForum:link {text-decoration: none; color: #FFFFFF; }
A.headForum:visited {text-decoration: none; color: #FFFFFF; }
A.headForum:active {text-decoration: none; color: #FFFFFF; }
A.headForum:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #FFFF00; }

A.none:link {text-decoration: none; color: blue; }
A.none:visited {text-decoration: none; color: #6495ED; }
A.none:active {text-decoration: none; color: blue; }
A.none:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: red; }

A.forumLink:link {text-decoration: none; color: #0099FF }
A.forumLink:visited {text-decoration: none; color: #0099FF }
A.forumLink:active {text-decoration: none; color: #0099FF }
A.forumLink:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #FF00CC }

A.forumAdminLink:link {text-decoration: none; color: #FF00CC }
A.forumAdminLink:visited {text-decoration: none; color: #FF00CC }
A.forumAdminLink:active {text-decoration: none; color: #FF00CC }
A.forumAdminLink:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #0099FF }

A.facebook:link {text-decoration: none; color: #FFF; }
A.facebook:visited {text-decoration: none; color: #FFF; }
A.facebook:active {text-decoration: none; color: #FFF; }
A.facebook:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #FFF;font-weight: bold; }

.leftmenu A:link {text-decoration: none; color: #0099FF }
.leftmenu A:visited {text-decoration: none; color: #0099FF }
.leftmenu A:active {text-decoration: none; color: #0099FF }
.leftmenu A:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #FF00CC }

.leftmenu A.admin:link {text-decoration: none; color: #FF00CC }
.leftmenu A.admin:visited {text-decoration: none; color: #FF00CC }
.leftmenu A.admin:active {text-decoration: none; color: #FF00CC }
.leftmenu A.admin:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #0099FF }

A.itemMenu:link {text-decoration: none; color: #FFF }
A.itemMenu:visited {text-decoration: none; color: #FFF }
A.itemMenu:active {text-decoration: none; color: #FFF }
A.itemMenu:hover {text-decoration: none;  border-bottom:none; border-top:none; border-width:0px; color: #FFFF00; font-weight: bold; }


INPUT.none {
	font-family: MS Sans Serif, sans-serif; 
	BORDER-RIGHT: none; 
	BORDER-TOP: none; 
	BORDER-LEFT: none; 
	BORDER-BOTTOM: none;
	FONT-SIZE: 9pt; 
	BACKGROUND: none; 
	COLOR: #333333; 
}

INPUT.violet { /* input */
	font-family: MS Sans Serif, sans-serif; 
	BORDER-RIGHT: #686898 1px; 
	BORDER-TOP: #686898 2px solid; 
	FONT-SIZE: 10pt; 
	BACKGROUND: #FFFFCC; 
	BORDER-LEFT: #686898 1px; 
	COLOR: #FF0000; 
	BORDER-BOTTOM: #686898 2px solid;
}

INPUT { /* input */
	font-family: MS Sans Serif, sans-serif; 
	BORDER-RIGHT: #CCCCCC 1px solid; 
	BORDER-TOP: #686898 1px solid; 
	FONT-SIZE: 10pt; 
	BACKGROUND: #FFFFCC; 
	BORDER-LEFT: #686898 1px solid; 
	COLOR: #FF0000; 
	BORDER-BOTTOM: #CCCCCC 1px solid;
}

TEXTAREA.violet { /* ( postnew)*/
	font-family: MS Sans Serif, sans-serif; 
	BORDER-RIGHT: 1px solid #CCCCCC; 
	BORDER-TOP: 1px solid #686898; 
	FONT-SIZE: 10pt; 
	BACKGROUND: #FFFFCC; 
	BORDER-LEFT: 1px solid #686898; 
	COLOR: #333333; 
	BORDER-BOTTOM: 1px solid #CCCCCC;
}

SELECT.violet {
	BORDER-RIGHT: 1px solid #686898 ; 
	BORDER-TOP: 1px solid #686898; 
	BORDER-LEFT: 1px solid #686898; 
	BORDER-BOTTOM: 1px solid #686898;
	font-family: "MS Sans Serif", sans-serif; 
	FONT-SIZE: 8pt; 
	BACKGROUND: #FFFFCC; 
	COLOR: #333333; 
}
input.bluetext {

	font-family: "MS Sans Serif", sans-serif; 
	BORDER-RIGHT: #CCCCCC 1px solid; 
	BORDER-TOP: #686898 1px solid; 
	FONT-SIZE: 9pt; 
	BACKGROUND: #FFFFCC; 
	BORDER-LEFT: #686898 1px solid; 
	COLOR: #003399; 
	BORDER-BOTTOM: #CCCCCC 1px solid;
}

INPUT.gray {
	font-family: "MS Sans Serif", sans-serif; 
	BORDER-RIGHT: 1px #666666; 
	BORDER-TOP: 1px solid #666666; 
	FONT-SIZE: 9pt; 
	BACKGROUND: #C0C0C0; 
	BORDER-LEFT: 1px #666666; 
	COLOR: #000000; 
	BORDER-BOTTOM: 1px solid #666666;
}

.star { color: #FF0000; }

.pet_panel { border-style: dotted; border-color: #CCCCCC  ; border-width:thin; background-color:#FFFFEE;}
.pet_panel_selected { border-style: dotted; border-color: #CC66CC  ; border-width:thin; background-color:#FFD9FF;}


/*  ToolTips */
.tool-tip {
	Z-INDEX: 13000; WIDTH: 139px; COLOR: #fff
}
.tool-title {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 11px; background-color: #336600; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #9fd4ff; PADDING-TOP: 8px
}
.tool-text {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 11px; background-color: #336600; PADDING-BOTTOM: 8px; PADDING-TOP: 4px
}
.custom-tip {
	Z-INDEX: 13000; WIDTH: 130px; COLOR: #000
}
.custom-title {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #c3df7d; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #3e4f14; PADDING-TOP: 8px; BORDER-BOTTOM: #b5cf74 1px solid
}
.custom-text {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 11px; BACKGROUND: #cfdfa7; PADDING-BOTTOM: 8px; PADDING-TOP: 4px
}

/*   */
#kwicks_container { 
	width: 575px;
	height: 150px;	
	overflow:hidden;
}
#kwicks {
	position: relative; margin-left:-30px; 
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 185px;
	height: 150px;
}
 
#kwick_show1 {
	background-image: url(../../images/title/evil.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffd8ff;
	width: 300px;
	height: 150px;
}
#kwick_show2 {
	background-color: #C7F0FE;
	background-image: url(../../images/title/angel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 300px;
	height: 150px;
}
#kwick_show3 {
	background-color: #ffecbd;
	background-image: url(../../images/title/titan.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 300px;
	height: 150px;
}
#kwick_show4 {
	background-color: #c6fad3;
	background-image: url(../../images/title/pet2you.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 300px;
	height: 150px;
}

#gate_green_streaming { padding-left: 5px; }
#gate_streaming { padding-left: 5px; }
#gate_limit { overflow:hidden; width:102px; height:11px; }

.gate_green { width:112px; height:11px; background: url("../../images/gate-green/gate-blank.gif") no-repeat; }
.gate_green_start { width:112px; height:11px; background: url("../../images/gate-green/gate-start.gif") no-repeat;  }
.gate_green_end { width:112px; height:11px; background: url("../../images/gate-green/gate-end.gif") no-repeat;  }

.gate_pink { width:112px; height:11px; background: url("../../images/gate-pink/gate-blank.gif") no-repeat; }
.gate_pink_start { width:112px; height:11px; background: url("../../images/gate-pink/gate-start.gif") no-repeat;  }
.gate_pink_end { width:112px; height:11px; background: url("../../images/gate-pink/gate-end.gif") no-repeat;  }

.gate_bluesky { width:112px; height:11px; background: url("../../images/gate-bluesky/gate-blank.gif") no-repeat; }
.gate_bluesky_start { width:112px; height:11px; background: url("../../images/gate-bluesky/gate-start.gif") no-repeat;  }
.gate_bluesky_end { width:112px; height:11px; background: url("../../images/gate-bluesky/gate-end.gif") no-repeat;  }

.petstat_panel { width:268px; height:149px; background: url("../../images/main-pet/pet-panel.gif") no-repeat; }
.petstat_panel_map { width:268px; height:149px; background: url("../../images/main-pet/pet-panel-map.gif") no-repeat; filter:alpha(opacity=85);opacity: 0.85; }
.petstat_panel_map2 { width:268px; height:182px; background: url("../../images/main-pet/pet-panel-map2.gif") no-repeat; filter:alpha(opacity=85);opacity: 0.85; }
.petstat_panel_useronmap { width:230px; height:250px; background: url("../../images/main-pet/pet-panel-useronmap.gif") no-repeat; filter:alpha(opacity=85);opacity: 0.85; }
.petstat_panel_useronmap2 { width:280px; height:300px; background: url("../../images/main-pet/pet-panel-useronmap2.gif") no-repeat; filter:alpha(opacity=85);opacity: 0.85; }
.panel_hp_map { width:195px; height:94px; background: url("../../images/main-pet/pet-panel-potion.gif") no-repeat; filter:alpha(opacity=95);opacity: 0.95; }
.panel_skill_map { width:230px; height:250px; background: url("../../images/main-pet/pet-panel-useronmap.gif") no-repeat; filter:alpha(opacity=85);opacity: 0.85; }
.panel_deal { width:241px; height:223px; background: url("../../images/main-pet/pet-panel-deal.gif") no-repeat; }
.panel_topmenu { width:150px; height:180px; background: url("../../images/main-pet/pet-panel-menu.gif") no-repeat; filter:alpha(opacity=90);opacity: 0.90; }
.panel_pm { width:170px; height:164px; background: url("../../images/pm/panelDialog.gif") no-repeat; }
.panel_weapon { width:170px; height:190px; background: url("../../images/mypet/panelWeapon.gif") no-repeat; }
.panel_skill { width:200px; height:85px; background: url("../../images/main-pet/pet-panel-skill.gif") no-repeat; filter:alpha(opacity=95);opacity: 0.95; }
.panel_saller { width:170px; height:109px; background: url("../../images/mypet/panelDialog2.gif") no-repeat; }
.panel_topmenu2 { width:398px; height:87px; background: url("../../images/home/topmenu.gif") no-repeat; filter:alpha(opacity=90);opacity: 0.90; }
.panel_save_map { width:230px; height:112px; background: url("../../images/map/savepoint/pet-panel-savepoint.gif") no-repeat; filter:alpha(opacity=95);opacity: 0.95; }
.panel_save_map2 { width:230px; height:190px; background: url("../../images/map/savepoint/pet-panel-savepoint2.gif") no-repeat; filter:alpha(opacity=95);opacity: 0.95; }

.panel_result_mon { width:147px; height:100px; background: url("../../images/map/panel_finght_result_mon.png") no-repeat;}
.panel_result_mon_critical { width:147px; height:100px; background: url("../../images/map/panel_finght_result_mon_cri.png") no-repeat;  }
.panel_result_mon_miss { width:101px; height:57px; background: url("../../images/map/panel_finght_result_mon_miss.gif") no-repeat; filter:alpha(opacity=75);opacity: 0.75; }
.panel_result_me { width:147px; height:100px; background: url("../../images/map/panel_finght_result_me.png") no-repeat;}
.panel_result_me_critical { width:147px; height:100px; background: url("../../images/map/panel_finght_result_me_cri.png") no-repeat;}
.panel_result_me_miss { width:101px; height:57px; background: url("../../images/map/panel_finght_result_me_miss.gif") no-repeat; filter:alpha(opacity=75);opacity: 0.75; }
.panel_fighting { width:58px; height:53px; background: url("../../images/map/panel_finghting_count.gif") no-repeat; filter:alpha(opacity=80);opacity: 0.8; }


/* ส่วนของ ToolsTip */
#tooltip_gate {
	BORDER-LEFT: #439411 5px solid; BACKGROUND-COLOR: #88b823
}
#tooltip_gate:hover {
	BACKGROUND-COLOR: #439411
}
#dhtmltooltip {
	BORDER-TOP: #FFCC00 1px solid; 
	BORDER-BOTTOM: #FFCC00 1px solid; 
	BORDER-LEFT: #FFCC00 1px solid; 
	BORDER-RIGHT: #FFCC00 1px solid; 

	PADDING-TOP: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 

	WIDTH: 215px; 
	Z-INDEX: 100; 
	VISIBILITY: hidden; 
	POSITION: absolute; 
	BACKGROUND-COLOR: #FFFFCC;
	TEXT-ALIGN: left
}

#dhtmltooltip1 {
	BORDER-RIGHT: #9bc4f5 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #9bc4f5 1px solid; 
	PADDING-LEFT: 5px; 
	Z-INDEX: 100; 
	VISIBILITY: hidden; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #9bc4f5 1px solid; 
	WIDTH: 215px; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #9bc4f5 1px solid; 
	POSITION: absolute; 
	BACKGROUND-COLOR: #BEDDFC;
	TEXT-ALIGN: left
}

.itemBorder {
	BORDER-RIGHT: #9bc4f5 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #9bc4f5 1px solid; PADDING-LEFT: 10px; BACKGROUND: #ffffff; FLOAT: left; PADDING-BOTTOM: 10px; BORDER-LEFT: #9bc4f5 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 10px; BORDER-BOTTOM: #9bc4f5 1px solid
}
.cardBorder {
	BORDER-RIGHT: #9bc4f5 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #9bc4f5 1px solid; PADDING-LEFT: 10px; 
	BACKGROUND: #ffffff; FLOAT: left; PADDING-BOTTOM: 10px; BORDER-LEFT: #9bc4f5 1px solid; MARGIN-RIGHT: 2px; 
	PADDING-TOP: 10px; BORDER-BOTTOM: #9bc4f5 1px solid
}
.x {
	BORDER-RIGHT: #9bc4f5 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #9bc4f5 1px solid; PADDING-LEFT: 2px; BACKGROUND: #ffffff; FLOAT: left; PADDING-BOTTOM: 2px; BORDER-LEFT: #9bc4f5 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9bc4f5 1px solid
}
.box {
	BORDER-RIGHT: #084184 1px solid; BORDER-TOP: #084184 1px solid; MARGIN-BOTTOM: 2px; BORDER-LEFT: #084184 1px solid; BORDER-BOTTOM: #084184 1px solid; xborder-left: 1px #084184 solid; xborder-bottom: 1px #084184 solid
}
/* จบส่วนของ ToolsTip */


.showToolItem{ width:150px; height:70px; overflow:hidden; color: #009900; font-size: 8pt; font-family:"Tahoma"; }

SELECT.showitem {
	BORDER-RIGHT: 0px none #686898 ; 
	BORDER-TOP: 0px none #686898; 
	BORDER-LEFT: 0px none #686898; 
	BORDER-BOTTOM: 1px solid #686898;
	font-family: "MS Sans Serif", sans-serif; 
	FONT-SIZE: 8pt; 
	BACKGROUND: #FFFFCC; 
	COLOR: #333333; 
}

.itemBackground{ background:  url("../../images/main-pet/wear.gif") no-repeat;  width: 50px; height: 50px; line-height: 10px; vertical-align: center; }

.itemBackgroundShow { background:  url("../../images/main-pet/wear.gif") no-repeat;  width: 50px; height: 50px; line-height: 10px; vertical-align: center; }
.itemBackgroundShow img { padding: 9px;  }

.headPanel2{ background:  url("../../images/main-pet/head-panel2.gif") no-repeat; width: 140px; height: 26px;}
#ico_fighting { cursor: pointer; cursor: url('../../images/main-pet/cursor.ico'),auto;}  

#wrapper {
	FLOAT: none; MARGIN: 0px auto; WIDTH: 100%; POSITION: relative; TEXT-ALIGN: center; 
}
#wrapper .pageList {
	FONT-SIZE: 8pt; FLOAT: left; WIDTH: 18px; HEIGHT: 18px; LINE-HEIGHT: 18px; 
	MARGIN-RIGHT: 2px; POSITION: relative;  TEXT-ALIGN: center; 
}
#wrapper .normal {
	background:  url("../../images/main-pet/pagelist-normal.gif") no-repeat; width: 18px; height: 18px; FLOAT: left; 
	MARGIN-RIGHT: 2px; POSITION: relative; cursor: pointer;
	COLOR: #444; 
}
#wrapper .active {
	background:  url("../../images/main-pet/pagelist-active.gif") no-repeat; width: 18px; height: 18px; FLOAT: left; 
	MARGIN-RIGHT: 2px; POSITION: relative; cursor: pointer;
	COLOR: #FFF; 
}
#wrapper .none {
	COLOR: #FFF; BACKGROUND-COLOR: #ECFAFF; 
}
#wrapper .pagenext {
	background:  url("../../images/main-pet/pagelist-next.gif") no-repeat; width: 11px; height: 18px; FLOAT: left; 
	MARGIN-RIGHT: 2px; POSITION: relative; cursor: pointer;
}
#wrapper .pageback {
	background:  url("../../images/main-pet/pagelist-back.gif") no-repeat; width: 11px; height: 18px; FLOAT: left; 
	MARGIN-RIGHT: 2px; POSITION: relative; cursor: pointer;
}
#wrapper .pagenext_none {
	background:  url("../../images/main-pet/pagelist-next-none.gif") no-repeat; width: 11px; height: 18px; FLOAT: left; 
	MARGIN-RIGHT: 2px; POSITION: relative; 
}
#wrapper .pageback_none {
	background:  url("../../images/main-pet/pagelist-back-none.gif") no-repeat; width: 11px; height: 18px; FLOAT: left; 
	MARGIN-RIGHT: 2px; POSITION: relative; 
}

.m_register{  background:  url("../../images/home/menu_register.gif") no-repeat; width: 190px; height: 52px; }
.search_user_box {  background:  url("../../images/main-pet/send2-search-box.gif") no-repeat; width: 252px; height: 34px; } 

.gm_color1 {color: #0000FF}
.gm_color2 {color: #0033FF}
.gm_color3 {color: #0066FF}
.gm_color4 {color: #0099FF}
.gm_color5 {color: #00CCFF}
.gm_color6 {color: #00CCFF}

.gm_color2_1 {color: #FF0000}
.gm_color2_2 {color: #FF0033}
.gm_color2_3 {color: #FF0066}
.gm_color2_4 {color: #FF0099}
.gm_color2_5 {color: #FF00CC}
.gm_color2_6 {color: #FF00FF}

.black_overlay {
	DISPLAY: none; Z-INDEX: 1; FILTER: alpha(opacity=80); LEFT: 0%; WIDTH: 100%; 
	TOP: 0%; HEIGHT: 5000px; BACKGROUND-COLOR: black; moz-opacity: 0.8; opacity: .80;
	POSITION: absolute;
}
.white_content {
	BORDER-RIGHT: #00CCFF 2px solid; 
	BORDER-TOP: #00CCFF 2px solid;
	BORDER-LEFT: #00CCFF 2px solid;
	BORDER-BOTTOM: #00CCFF 2px solid;

	LEFT: 30%; 
	TOP: 40%; 
	HEIGHT: 20%;
	WIDTH: 40%; 

	PADDING-RIGHT: 16px;  DISPLAY: none; 
	PADDING-LEFT: 16px;  
	PADDING-BOTTOM: 16px; OVERFLOW: auto;  
	PADDING-TOP: 16px;  
	POSITION: absolute;  BACKGROUND-COLOR: white; Z-INDEX: 2; 	
}

.truemonney {
	font-family: "MS Sans Serif", "Tahoma"; 
	BORDER-RIGHT: #CCCCCC 1px solid; 
	BORDER-TOP: #686898 1px solid; 
	FONT-SIZE: 12pt; 
	font-weight: bold;
	BACKGROUND: #FFFFCC; 
	BORDER-LEFT: #686898 1px solid; 
	COLOR: #FF0000; 
	BORDER-BOTTOM: #CCCCCC 1px solid;
}

.bgActive { background-color:#FFCCFF; }

.button_potion_100 { width:55px; height:46px; background: url("../../images/button/potion-100.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_potion_500 { width:55px; height:46px; background: url("../../images/button/potion-500.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_potion_1000 { width:55px; height:46px; background: url("../../images/button/potion-1000.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_potion_2000 { width:55px; height:46px; background: url("../../images/button/potion-2000.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_potion_5000 { width:55px; height:46px; background: url("../../images/button/potion-5000.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_potion_10000 { width:55px; height:46px; background: url("../../images/button/potion-10000.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_potion_50000 { width:55px; height:46px; background: url("../../images/button/potion-50000.gif") no-repeat; border: 0px ; cursor:pointer; }


.button_80px_potion_maker { width:80px; height:20px; background: url("../../images/button/80x20-potion-maker.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;}
.button_80px_potion { width:80px; height:20px; background: url("../../images/button/80x20-potion.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;}
.button_100px_potion { width:100px; height:20px; background: url("../../images/button/100x20-potion.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;}

.button_80px_gotomap { width:80px; height:20px; background: url("../../images/button/80x20-gotomap.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 20px; margin-top: 5px;}


.button_120px20px { width:120px; height:20px; background: url("../../images/button/120x20.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;}
.button_130px20px { width:130px; height:20px; background: url("../../images/button/130x20.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;}
.button_150px20px { width:150px; height:20px; background: url("../../images/button/150x20.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;}
.button_170px20px { width:170px; height:20px; background: url("../../images/button/170x20.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px; margin-top: 5px;}
.button_170px { width:170px; height:25px; background: url("../../images/button/170px.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px;}
.button_150px { width:150px; height:25px; background: url("../../images/button/150px.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 25px;}

.button_itemmall1{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-1.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_itemmall2{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-2.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_itemmall3{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-3.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_itemmall4{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-4.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_itemmall5{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-5.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_itemmall6{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-6.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_itemmall7{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-7.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_itemmall8{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-8.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_itemmall9{ width:45px; height:42px; background: url("../../images/itemmall/b-menu-9.gif") no-repeat; border: 0px ; cursor:pointer; }
.button_buy_itemmall{ width:67px; height:32px; background: url("../../images/itemmall/b-buy.gif") no-repeat; border: 0px ; cursor:pointer; }

.divTR { display:block; POSITION: relative; FLOAT: left; width:580px;}
.divTD { display:block; POSITION: relative; FLOAT: left; border:1px solid; width:20px;}

.headPanelContext{ background:  url("../../images/head-panel-context.gif") no-repeat; width: 140px; height: 26px;}
.panelContext1 { width:170px; height:190px; background: url("../../images/panelContext1.gif") no-repeat; }
.panelContext2 { width:170px; height:164px; background: url("../../images/panelContext2.gif") no-repeat; }

.myHeaderQ { background-color: #999999; margin-top: -20px;color: #FFFFFF; padding: 2px; }
.myquote{ border-style:dotted; border-width:thin; border-top-style: solid; border-color:#999999; padding:5px; }

.button40 { width:40px; height:20px; background: url("../../images/button/40.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; }
.button60 { width:60px; height:20px; background: url("../../images/button/60.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; }
.button64 { width:64px; height:20px; background: url("../../images/button/64x20.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left:18px; }
.button80 { width:80px; height:20px; background: url("../../images/button/80.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; }
.button100 { width:100px; height:20px; background: url("../../images/button/100.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; }
.button120 { width:120px; height:20px; background: url("../../images/button/120.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; }
.button150 { width:150px; height:20px; background: url("../../images/button/150.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; }
.button64-fourleaf { width:64px; height:20px; background: url("../../images/button/64-fourleaf.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left:30px; }
.button64-solution { width:64px; height:20px; background: url("../../images/button/64-solution.gif") no-repeat; text-align:center; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left:25px; }

.head_bar{ width:580px; height:30px; background: url("../../images/head-bar.gif") no-repeat top center; border: 0px ; color: #FFF; font-size: 12pt; font-family:"Ms Sans Serif";  font-weight: bold; text-align:center;}

.mainbox_head { width:600px; height:50px; background: url("../../images/box-header.gif") no-repeat top center; line-height:50px; border: 0px ; color: #FFF; font-size: 12pt; font-family:"Ms Sans Serif";  font-weight: bold; text-align:center;}
.mainbox_bg { width:600px; background: url("../../images/box-bg.gif") repeat-y top center; border: 0px ;}
.mainbox_bg2 { width:600px; background: url("../../images/box-bg.gif") repeat-y top center; border: 0px; z-index:1; position:relative; text-align:center;}
.mainbox_footer { width:600px; height:10px; background: url("../../images/box-footer.gif") no-repeat top center; border: 0px ;}
.mainbox_head2 { width:600px; height:10px; background: url("../../images/box-header2.gif") no-repeat top center; border: 0px ; line-height:50px;}
.alertBox { width:400px; height:100px; background: url("../../images/alertbox.gif") no-repeat top center; border: 0px ; position:absolute; overflow:hidden; text-align:center; line-height:100px;  width:400px; height:100px; FILTER: alpha(opacity=80); moz-opacity: 0.8; opacity: .80; z-index:1000000; }
.boxArea {position:relative; min-height:150px; margin:0 auto; width:582px; text-align:left;}


.mainbox_head-800 { width:800px; height:50px; background: url("../../images/box-header-800.png") no-repeat top center; line-height:50px; border: 0px ; color: #FFF; font-size: 12pt; font-family:"Tahoma";  font-weight: bold; text-align:center;}
.mainbox_head-800-none { width:800px; height:10px; background: url("../../images/box-header-800-none.png") no-repeat top center; border: 0px ; line-height:50px;}
.mainbox_bg-800 { width:800px; background: url("../../images/box-bg-800.png") repeat-y top center; border: 0px ;}
.mainbox_footer-800 { width:800px; height:10px; background: url("../../images/box-footer-800.png") no-repeat top center; border: 0px ;}
.boxArea-800 {position:relative; min-height:150px; margin:0 auto; width:782px; text-align:left;}

.button_200px_quest { width:200px; height:20px; background: url("../../images/button/200x20.gif") no-repeat; text-align:left; font-size: 10px; font-family:"Ms Sans Serif"; color: #000000; border: 0px ; cursor:pointer; padding-left: 23px; margin-top: 5px;}

.tools_myitem { width:600px; height:42px; background: url("../../images/main-pet/tool-bg.gif") no-repeat top center; border: 0px ;}

#apDiv1 {
	background-image:url("../../images/bg-loading.gif");
	FILTER: Alpha(opacity=80); opacity: 0.8;
	position:absolute;
	left:475px;
	top:362px;
	width:245px;
	height:82px;
	z-index:1000;
	display:none;
}

.bg_pm_on_forum { width:438px; height:223px; background: url("../../images/webboard/pm-border.gif") no-repeat top center; border: 0px; FILTER: alpha(opacity=98); moz-opacity: 0.98; opacity: .98;}

#close_button a{
	display:block; width:15px; height:15px; 	text-indent:-50px;
	background:url("../../images/close-button.gif");
	background-position:0 0;
	cursor:pointer;
}

#close_button a:hover{
	display:block; width:15px; height:15px; 	text-indent:-50px;
	background:url("../../images/close-button.gif");
	background-position:0 15px;
	cursor:pointer;
}

#swap_sendpm a{
	display:block; width:80px; height:20px; 	text-indent:-1000px;
	background:url("../../images/button/b-swap-sendpm.gif");
	background-position:0 0;
	cursor:pointer;
}

#swap_sendpm a:hover{
	display:block; width:80px; height:20px; 	text-indent:-1000px;
	background:url("../../images/button/b-swap-sendpm.gif");
	background-position:0 20px;
	cursor:pointer;
}

.bg_refine { width:70px; height:70px; background: url("../../images/map/bg-refine.gif") no-repeat top center; border: 0px; }
.bg_tooltip { width:338px; height:241px; background: url("../../images/tooltip/bg.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;}
.bg_tooltip_anyitem { width:338px; height:120px; background: url("../../images/tooltip/body-item.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;}
.bg_tooltip_anyitem2 { width:338px; height:150px; background: url("../../images/tooltip/body-item-2.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;}
.bg-bg-removecard { width:190px; height:80px; background: url("../../images/map/bg-percent-removecard.gif") no-repeat top center; border: 0px; }

.tooltip_top_card { width:338px; height:120px; background: url("../../images/tooltip/body-top-card.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;}
.tooltip_top { width:338px; height:125px; background: url("../../images/tooltip/body-top.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;}
.tooltip_line { width:338px; background: url("../../images/tooltip/body-line.gif") repeat-y top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;}
.tooltip_bottom { width:338px; height:60px; background: url("../../images/tooltip/body-bottom.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;}
.tooltip_cardtype { width:25px; height:26px; background: url("../../images/tooltip/body-cardtype.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;}
.tooltip_cardframe { width:82px; height:108px; background: url("../../images/tooltip/card-frame.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;}

#swap_escape a{
	display:block; width:80px; height:20px; 	text-indent:-1000px;
	background:url("../../images/button/b-swap-escape.gif");
	background-position:0 0;
	cursor:pointer;
}

#swap_escape a:hover{
	display:block; width:80px; height:20px; 	text-indent:-1000px;
	background:url("../../images/button/b-swap-escape.gif");
	background-position:0 20px;
	cursor:pointer;
}

#swap_yes a{
	display:block; width:44px; height:20px; 	text-indent:-1000px;
	background:url("../../images/button/b-swap-yes.gif");
	background-position:0 0;
	cursor:pointer;
}

#swap_yes a:hover{
	display:block; width:44px; height:20px; 	text-indent:-1000px;
	background:url("../../images/button/b-swap-yes.gif");
	background-position:0 20px;
	cursor:pointer;
}

#swap_no a{
	display:block; width:44px; height:20px; 	text-indent:-1000px;
	background:url("../../images/button/b-swap-no.gif");
	background-position:0 0;
	cursor:pointer;
}

#swap_no a:hover{
	display:block; width:44px; height:20px; 	text-indent:-1000px;
	background:url("../../images/button/b-swap-no.gif");
	background-position:0 20px;
	cursor:pointer;
}

.swap_refill_TTCC {
	width:90px; height:25px; 
	background:url(../../images/cash/button-truemoney.gif) 0px 0px no-repeat;
}

.swap_refill_TTCC:hover{
	width:90px; height:25px; 
	background:url(../../images/cash/button-truemoney.gif) 0px -25px no-repeat;
	cursor:pointer;
}

.confirm_escape { width:169px; height:76px; background: url("../../images/map/confirm-escape.gif") no-repeat top left; border: 0px;}

.swap-removing-card a{
	display:block; width:191px; height:46px; 
	background:url(../../images/button/button-removing-card.gif);
	background-position:0 0;
	cursor:pointer;
}

.swap-removing-card a:hover{
	display:block; width:191px; height:46px; 
	background:url(../../images/button/button-removing-card.gif);
	background-position:0 46px;
	cursor:pointer;
}

.swap-mini-close a{
	display:block; width:5px; height:5px; 
	background:url(../../images/button/button-mini-close.gif);
	background-position:0 0;
	cursor:pointer;
}

.swap-mini-close a:hover{
	display:block; width:5px; height:5px; 
	background:url(../../images/button/button-mini-close.gif);
	background-position:0 5px;
	cursor:pointer;
}

.bg-select-item { width:315px; height:206px; background: url("../../images/map/select-item.gif") no-repeat top left; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;}
.bg-alert-pm { width:202px; height:82px; background: url("../../images/chat/uismallbox.png") no-repeat; border: 0px; FILTER: alpha(opacity=95); moz-opacity: 0.95; opacity: .95;}

.button-login a{
	display:block; width:94px; height:29px; 
	background:url(../../images/button/button-login.png);
	background-position:0 0;
	cursor:pointer;
}

.button-login a:hover{
	display:block; width:94px; height:29px; 
	background:url(../../images/button/button-login.png);
	background-position:0 29px;
	cursor:pointer;
}

.button-logout a{
	display:block; width:166px; height:29px; 
	background:url(../../images/button/button-logout.png);
	background-position:0 0;
	cursor:pointer;
}

.button-logout a:hover{
	display:block; width:166px; height:29px; 
	background:url(../../images/button/button-logout.png);
	background-position:0 29px;
	cursor:pointer;
}

.button-forgot a{
	display:block; width:67px; height:29px; 
	background:url(../../images/button/button-forgetpassword.png);
	background-position:0 0;
	cursor:pointer;
}

.button-forgot a:hover{
	display:block; width:67px; height:29px; 
	background:url(../../images/button/button-forgetpassword.png);
	background-position:0 29px;
	cursor:pointer;
}


.tutor-bg{position:absolute; background: none repeat scroll 0 0 rgba(82, 82, 82, 0.4); z-index:2;}
.tutor-panel{position:absolute; width:467px;}
.tutor-panel .right-arrow{float:left; width:90px; height:100px;}
.tutor-panel .bottom-arrow{float:left; width:355px; height:80px;}
.tutor-panel .text{float:left; position:relative; background:url(../../images/tutor/bg-text1.png) left top no-repeat; width:355px; height:100px; padding-top: 25px;}
.tutor-panel .text-area{float:left;width:355px;}
.tutor-panel .button-area{position:relative;width:120px;margin:0 auto; bottom:-25px;}

.tutor-panel .next{
	float:left; 
	background:url(../../images/tutor/next.png) 0px 0px no-repeat;
	width: 49px; height: 16px;
}
.tutor-panel .next:hover{
	float:left; 
	background:url(../../images/tutor/next.png) 0px -16px no-repeat;
	width: 49px; height: 16px;
	cursor: pointer;
}
.tutor-panel .back{
	float:left; 
	background:url(../../images/tutor/back.png) 0px 0px no-repeat;
	width: 49px; height: 16px;
}
.tutor-panel .back:hover{
	float:left; 
	background:url(../../images/tutor/back.png) 0px -16px no-repeat;
	width: 49px; height: 16px;
	cursor: pointer;
}

.tutor-panel-mini {position:absolute; width:290px;z-index:2}
.tutor-panel-mini .left-arrow{float:left; width:45px; height:69px;}
.tutor-panel-mini .up-arrow{float:left; width:243px; height:43px; margin-top: -10px;}
.tutor-panel-mini .down-arrow{float:left; width:243px; height:43px; margin-top: -10px;}
.tutor-panel-mini .text{float:left; position:relative; background:url(../../images/tutor/bg-mini.png) left top no-repeat; width:243px; height:69px; padding-top: 10px;}
.tutor-panel-mini .text-area{float:left;width:243px;}
.tutor-panel-mini .button-area{position:relative;width:120px;margin:0 auto; bottom:-25px;}

.tutor-panel-micro {position:absolute; width:295px;z-index:2;}
.tutor-panel-micro .left-arrow{float:left; width:45px; height:43px;}
.tutor-panel-micro .up-arrow{float:left; width:150px; height:43px; margin-top: -10px;}
.tutor-panel-micro .down-arrow{float:left; width:150px; height:43px; margin-top: -10px;}
.tutor-panel-micro .text{float:left; position:relative; background:url(../../images/tutor/bg-micro.png) left top no-repeat; width:150px; height:43px; padding-top: 10px;}
.tutor-panel-micro .text-area{float:left;width:150px;}
.tutor-panel-micro .button-area{position:relative;width:120px;margin:0 auto; bottom:-25px;}

.fighter-box{position:relative; margin:0 auto; width:600px; min-height:300px;}
.fighter-result-box{position:relative; margin:0 auto; width:600px;}

.mouse-right-panel{background:url(../../images/map/right-mouse-panel.png) left top no-repeat; width:148px; height:115px; position: absolute; z-index:10; display: none;}

.vdo1-button{
	background:url(../../images/vdo/vdo-button1.gif) 0px 0px no-repeat;
	width: 180px; height: 119px;
}
.vdo1-button:hover{
	background:url(../../images/vdo/vdo-button1.gif) 0px -119px no-repeat;
	width: 180px; height: 119px;
	cursor: pointer;
}
.vdo2-button{
	background:url(../../images/vdo/vdo-button2.gif) 0px 0px no-repeat;
	width: 180px; height: 119px;
}
.vdo2-button:hover{
	background:url(../../images/vdo/vdo-button2.gif) 0px -119px no-repeat;
	width: 180px; height: 119px;
	cursor: pointer;
}
.vdo3-button{
	background:url(../../images/vdo/vdo-button3.gif) 0px 0px no-repeat;
	width: 180px; height: 119px;
}
.vdo3-button:hover{
	background:url(../../images/vdo/vdo-button3.gif) 0px -119px no-repeat;
	width: 180px; height: 119px;
	cursor: pointer;
}
.vdo4-button{
	background:url(../../images/vdo/vdo-button4.gif) 0px 0px no-repeat;
	width: 180px; height: 119px;
}
.vdo4-button:hover{
	background:url(../../images/vdo/vdo-button4.gif) 0px -119px no-repeat;
	width: 180px; height: 119px;
	cursor: pointer;
}

.button-cms-reply{
	background:url(../../images/button/button-cms-reply.gif) 0px 0px no-repeat;
	width: 46px; height: 19px;
}
.button-cms-reply:hover{
	background:url(../../images/button/button-cms-reply.gif) 0px -19px no-repeat;
	width: 46px; height: 19px;
	cursor: pointer;
}

.button-refill1{
	float: left;
	background:url(../../images/cash/btn-refill1.png) 0px 0px no-repeat;
	width: 189px; height: 106px;
}
.button-refill1:hover{
	float: left;
	background:url(../../images/cash/btn-refill1.png) 0px -106px no-repeat;
	width: 189px; height: 106px;
	cursor: pointer;
}

.button-refill2{
	float: left; margin-left: 4px;
	background:url(../../images/cash/btn-refill2.png) 0px 0px no-repeat;
	width: 189px; height: 106px;
}
.button-refill2:hover{
	float: left; margin-left: 4px;
	background:url(../../images/cash/btn-refill2.png) 0px -106px no-repeat;
	width: 189px; height: 106px;
	cursor: pointer;
}

.button-refill3{
	float: right;
	background:url(../../images/cash/btn-refill3.png) 0px 0px no-repeat;
	width: 189px; height: 106px;
}
.button-refill3:hover{
	float: right;
	background:url(../../images/cash/btn-refill3.png) 0px -106px no-repeat;
	width: 189px; height: 106px;
	cursor: pointer;
}

.button-gid{
	background:url(../../images/home/gid/btn-gid.png) 0px 0px no-repeat;
	width: 465px; height: 93px;
}
.button-gid:hover{
	background:url(../../images/home/gid/btn-gid.png) 0px -93px no-repeat;
	width: 465px; height: 93px;
	cursor: pointer;
}
.img-gid-ex{width:175px; height:149px; float:left;}
.img-gid-ex img{border: 1px #DFDFDF solid;}

.btn-facebook-main a{
	display:block; 
	background:url(../../images/home/btn-play.png) 0px 0px no-repeat;
	width: 227px; height: 55px;
}
.btn-facebook-main a:hover{
	display:block; 
	background:url(../../images/home/btn-play.png) 0px -55px no-repeat;
	width: 227px; height: 55px;
	cursor: pointer;
}

.buttonlist-select-item1{width: 32px; height: 28px; float: left; background:url(../../images/new-button/shop-select-item.png) 0px 0px no-repeat;}
.buttonlist-select-item1:hover{width: 32px; height: 28px; float: left; background:url(../../images/new-button/shop-select-item.png) 0px -28px no-repeat;cursor: pointer;	}
.buttonlist-select-item2{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -32px 0px no-repeat;}
.buttonlist-select-item2:hover{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -32px -28px no-repeat;cursor: pointer;	}
.buttonlist-select-item3{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -64px 0px no-repeat;}
.buttonlist-select-item3:hover{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -64px -28px no-repeat;cursor: pointer;	}
.buttonlist-select-item4{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -96px 0px no-repeat;}
.buttonlist-select-item4:hover{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -96px -28px no-repeat;cursor: pointer;	}
.buttonlist-select-item5{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -128px 0px no-repeat;}
.buttonlist-select-item5:hover{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -128px -28px no-repeat;cursor: pointer;	}
.buttonlist-select-item6{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -160px 0px no-repeat;}
.buttonlist-select-item6:hover{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -160px -28px no-repeat;cursor: pointer;	}
.buttonlist-select-item7{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -192px 0px no-repeat;}
.buttonlist-select-item7:hover{width: 32px; height: 28px; float: left; margin-left: 5px; background:url(../../images/new-button/shop-select-item.png) -192px -28px no-repeat;cursor: pointer;	}

.buttonlist-page-number1{width: 23px; height: 23px; float: left; background:url(../../images/new-button/page-number.png) 0px 0px no-repeat;}
.buttonlist-page-number1:hover{width: 23px; height: 23px; float: left; background:url(../../images/new-button/page-number.png) 0px -23px no-repeat;cursor: pointer;	}
.buttonlist-page-number1-active{width: 23px; height: 23px; float: left; background:url(../../images/new-button/page-number.png) 0px -46px no-repeat;}
.buttonlist-page-number2{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -23px 0px no-repeat;}
.buttonlist-page-number2:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -23px -23px no-repeat;cursor: pointer;	}
.buttonlist-page-number2-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -23px -46px no-repeat;}
.buttonlist-page-number3{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -46px 0px no-repeat;}
.buttonlist-page-number3:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -46px -23px no-repeat;cursor: pointer;	}
.buttonlist-page-number3-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -46px -46px no-repeat;	}
.buttonlist-page-number4{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -69px 0px no-repeat;}
.buttonlist-page-number4:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -69px -23px no-repeat;cursor: pointer;	}
.buttonlist-page-number4-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -69px -46px no-repeat;	}
.buttonlist-page-number5{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -92px 0px no-repeat;}
.buttonlist-page-number5:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -92px -23px no-repeat;cursor: pointer;	}
.buttonlist-page-number5-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -92px -46px no-repeat;	}
.buttonlist-page-number6{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -115px 0px no-repeat;}
.buttonlist-page-number6:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -115px -23px no-repeat;cursor: pointer;}
.buttonlist-page-number6-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -115px -46px no-repeat;}
.buttonlist-page-number7{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -138px 0px no-repeat;}
.buttonlist-page-number7:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -138px -23px no-repeat;cursor: pointer;}
.buttonlist-page-number7-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -138px -46px no-repeat;}
.buttonlist-page-number8{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -161px 0px no-repeat;}
.buttonlist-page-number8:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -161px -23px no-repeat;cursor: pointer;}
.buttonlist-page-number8-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -161px -46px no-repeat;}
.buttonlist-page-number9{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -184px 0px no-repeat;}
.buttonlist-page-number9:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -184px -23px no-repeat;cursor: pointer;}
.buttonlist-page-number9-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -184px -46px no-repeat;}
.buttonlist-page-number10{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -207px 0px no-repeat;}
.buttonlist-page-number10:hover{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -207px -23px no-repeat;cursor: pointer;}
.buttonlist-page-number10-active{width: 23px; height: 23px; float: left; margin-left: 1px; background:url(../../images/new-button/page-number.png) -207px -46px no-repeat;}


/* 20 px */
.new-button-pm{width: 40px; height: 20px;	background:url(../../images/new-button/pm.png) 0px 0px no-repeat;}
.new-button-pm:hover{width: 40px; height: 20px; background:url(../../images/new-button/pm.png) 0px -20px no-repeat;cursor: pointer;}
.new-button-friend{width: 60px; height: 20px; background:url(../../images/new-button/friend.png) 0px 0px no-repeat;}
.new-button-friend:hover{width: 60px; height: 20px; background:url(../../images/new-button/friend.png) 0px -20px no-repeat; cursor: pointer;}
.new-button-love{width: 55px; height: 20px; background:url(../../images/new-button/love.png) 0px 0px no-repeat;}
.new-button-love:hover{width: 55px; height: 20px; background:url(../../images/new-button/love.png) 0px -20px no-repeat; cursor: pointer;}
.new-button-exit{ width: 60px; height: 20px; background:url(../../images/new-button/exit.png) 0px 0px no-repeat;}
.new-button-exit:hover{width: 60px; height: 20px; background:url(../../images/new-button/exit.png) 0px -20px no-repeat; cursor: pointer;}
.new-button-buy{ width: 30px; height: 31px; background:url(../../images/new-button/buy.png) 0px 0px no-repeat;}
.new-button-buy:hover{width: 30px; height: 31px; background:url(../../images/new-button/buy.png) 0px -31px no-repeat; cursor: pointer;}
.new-button-yes{ width: 80px; height: 20px; background:url(../../images/new-button/yes.png) 0px 0px no-repeat;}
.new-button-yes:hover{width: 80px; height: 20px; background:url(../../images/new-button/yes.png) 0px -20px no-repeat; cursor: pointer;}
.new-button-delete{ width: 55px; height: 20px; background:url(../../images/new-button/delete.png) 0px 0px no-repeat;}
.new-button-delete:hover{width: 55px; height: 20px; background:url(../../images/new-button/delete.png) 0px -20px no-repeat; cursor: pointer;}

/* 25 px */
.new-button-create{ width: 80px; height: 25px; background:url(../../images/new-button/create.png) 0px 0px no-repeat;}
.new-button-create:hover{width: 80px; height: 25px; background:url(../../images/new-button/create.png) 0px -25px no-repeat; cursor: pointer;}
.button-quest-200black{ margin-top: 3px; width: 200px; height: 25px; background:url(../../images/new-button/questbuttom-200.png) 0px 0px no-repeat; margin-left: 25px; padding-left: 25px; font-size: 10pt; font-family: tahoma; color: #797979; line-height: 23px;}
.button-quest-200black:hover{margin-top: 3px;  width: 200px; height: 25px; background:url(../../images/new-button/questbuttom-200.png) 0px -25px no-repeat; margin-left: 25px; padding-left: 25px; font-size: 10pt; font-family: tahoma; color: #0066FF; line-height: 23px; cursor: pointer;}
.new-button-reply-board{ width: 100px; height: 25px; background:url(../../images/new-button/reply-board.png) 0px 0px no-repeat;}
.new-button-reply-board:hover{width: 100px; height: 25px; background:url(../../images/new-button/reply-board.png) 0px -25px no-repeat; cursor: pointer;}
.statmap-chat{ width: 78px; height: 25px; background:url(../../images/new-button/statmap-chat.png) 0px 0px no-repeat;}
.statmap-chat:hover{width: 78px; height: 25px; background:url(../../images/new-button/statmap-chat.png) 0px -25px no-repeat; cursor: pointer;}
.statmap-sound{ width: 78px; height: 25px; background:url(../../images/new-button/statmap-sound.png) 0px 0px no-repeat;}
.statmap-sound:hover{width: 78px; height: 25px; background:url(../../images/new-button/statmap-sound.png) 0px -25px no-repeat; cursor: pointer;}
.statmap-effect{ width: 95px; height: 25px; background:url(../../images/new-button/statmap-effect.png) 0px 0px no-repeat;}
.statmap-effect:hover{width: 95px; height: 25px; background:url(../../images/new-button/statmap-effect.png) 0px -25px no-repeat; cursor: pointer;}

.button-change-money-100{ width: 60px; height: 40px; background:url(../../images/new-button/b100.png) 0px 0px no-repeat;}
.button-change-money-100:hover{width: 60px; height: 40px; background:url(../../images/new-button/b100.png) 0px -40px no-repeat; cursor: pointer;}
.button-change-money-500{ width: 60px; height: 40px; background:url(../../images/new-button/b500.png) 0px 0px no-repeat;}
.button-change-money-500:hover{width: 60px; height: 40px; background:url(../../images/new-button/b500.png) 0px -40px no-repeat; cursor: pointer;}
.button-change-money-1000{ width: 60px; height: 40px; background:url(../../images/new-button/b1000.png) 0px 0px no-repeat;}
.button-change-money-1000:hover{width: 60px; height: 40px; background:url(../../images/new-button/b1000.png) 0px -40px no-repeat; cursor: pointer;}

.radius{
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	padding: 8px;
    background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
}
.alert-box{position: absolute; width: 355px; height:98px; background:url(../../images/new-button/alert-box.png) no-repeat;}
.alert-box .disp-text{padding:10px;padding-top:15px;}

.box-preview-monster-top{background:url(../../images/map/quest-object/box-monster/top.png) no-repeat; width:71px; height:13px; position:relative;}
.box-preview-monster-body{background:url(../../images/map/quest-object/box-monster/body.png) repeat-y; width:71px; min-height:26px; position:relative;}
.box-preview-monster-bottom{background:url(../../images/map/quest-object/box-monster/bottom.png) no-repeat; width:71px; height:10px; position:relative; margin-top: -2px;}
.box-preview-text{position:absolute; width:40px; height:13px; right:7px; top:2px;}
.m-12{position: relative; background:url(../../images/map/quest-object/box-monster/12.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-21{position: relative; background:url(../../images/map/quest-object/box-monster/21.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-28{position: relative; background:url(../../images/map/quest-object/box-monster/28.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-32{position: relative; background:url(../../images/map/quest-object/box-monster/32.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-38{position: relative; background:url(../../images/map/quest-object/box-monster/38.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-46{position: relative; background:url(../../images/map/quest-object/box-monster/46.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-47{position: relative; background:url(../../images/map/quest-object/box-monster/47.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-62{position: relative; background:url(../../images/map/quest-object/box-monster/62.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-71{position: relative; background:url(../../images/map/quest-object/box-monster/71.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-79{position: relative; background:url(../../images/map/quest-object/box-monster/79.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-83{position: relative; background:url(../../images/map/quest-object/box-monster/83.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-85{position: relative; background:url(../../images/map/quest-object/box-monster/85.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-87{position: relative; background:url(../../images/map/quest-object/box-monster/87.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-108{position: relative; background:url(../../images/map/quest-object/box-monster/108.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-112{position: relative; background:url(../../images/map/quest-object/box-monster/112.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-190{position: relative; background:url(../../images/map/quest-object/box-monster/190.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-200{position: relative; background:url(../../images/map/quest-object/box-monster/200.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-265{position: relative; background:url(../../images/map/quest-object/box-monster/265.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-275{position: relative; background:url(../../images/map/quest-object/box-monster/275.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-278{position: relative; background:url(../../images/map/quest-object/box-monster/278.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-113{position: relative; background:url(../../images/map/quest-object/box-monster/113.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-42{position: relative; background:url(../../images/map/quest-object/box-monster/42.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-223{position: relative; background:url(../../images/map/quest-object/box-monster/223.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-9{position: relative; background:url(../../images/map/quest-object/box-monster/9.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-94{position: relative; background:url(../../images/map/quest-object/box-monster/94.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-103{position: relative; background:url(../../images/map/quest-object/box-monster/103.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-104{position: relative; background:url(../../images/map/quest-object/box-monster/104.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-362{position: relative; background:url(../../images/map/quest-object/box-monster/362.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-361{position: relative; background:url(../../images/map/quest-object/box-monster/361.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-360{position: relative; background:url(../../images/map/quest-object/box-monster/360.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-346{position: relative; background:url(../../images/map/quest-object/box-monster/346.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-341{position: relative; background:url(../../images/map/quest-object/box-monster/341.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-400{position: relative; background:url(../../images/map/quest-object/box-monster/400.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}
.m-401{position: relative; background:url(../../images/map/quest-object/box-monster/401.png) no-repeat; width:61px; height:26px; margin:0 auto; margin-bottom:2px;}

.closeX{width:8px; height:8px; background:url("../../images/map/quest-object/box-monster/x.png") 0px 0px no-repeat;}
.closeX:hover{width:8px; height:8px; background:url("../../images/map/quest-object/box-monster/x.png") 0px -8px no-repeat; cursor:pointer;}

.hair-b0{width:40px; height:40px; background:url("../../images/new-button/hair-button-disable.png") 0px 0px no-repeat;}
.hair-b1{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") 0px 0px no-repeat;}
.hair-b1:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") 0px -40px no-repeat; cursor:pointer;}

.hair-b2{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -40px 0px no-repeat;}
.hair-b2:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -40px -40px no-repeat; cursor:pointer;}

.hair-b3{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -80px 0px no-repeat;}
.hair-b3:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -80px -40px no-repeat; cursor:pointer;}

.hair-b4{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -120px 0px no-repeat;}
.hair-b4:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -120px -40px no-repeat; cursor:pointer;}

.hair-b5{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -160px 0px no-repeat;}
.hair-b5:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -160px -40px no-repeat; cursor:pointer;}

.hair-b6{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -200px 0px no-repeat;}
.hair-b6:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -200px -40px no-repeat; cursor:pointer;}

.hair-b7{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -240px 0px no-repeat;}
.hair-b7:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -240px -40px no-repeat; cursor:pointer;}

.hair-b8{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -280px 0px no-repeat;}
.hair-b8:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -280px -40px no-repeat; cursor:pointer;}

.hair-b9{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -320px 0px no-repeat;}
.hair-b9:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -320px -40px no-repeat; cursor:pointer;}

.hair-b10{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -360px 0px no-repeat;}
.hair-b10:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -360px -40px no-repeat; cursor:pointer;}

.hair-b11{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -400px 0px no-repeat;}
.hair-b11:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -400px -40px no-repeat; cursor:pointer;}

.hair-b12{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -440px 0px no-repeat;}
.hair-b12:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -440px -40px no-repeat; cursor:pointer;}

.hair-b13{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -480px 0px no-repeat;}
.hair-b13:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -480px -40px no-repeat; cursor:pointer;}

.hair-b14{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -520px 0px no-repeat;}
.hair-b14:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -520px -40px no-repeat; cursor:pointer;}

.hair-b15{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -560px 0px no-repeat;}
.hair-b15:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -560px -40px no-repeat; cursor:pointer;}

.hair-b16{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -600px 0px no-repeat;}
.hair-b16:hover{width:40px; height:40px; background:url("../../images/new-button/hair-button.png") -600px -40px no-repeat; cursor:pointer;}

.head-divine1-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") 0px 0px no-repeat;}
.head-divine1-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") 0px -55px no-repeat; cursor:pointer;}
.head-divine2-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -77px 0px no-repeat;}
.head-divine2-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -77px -55px no-repeat; cursor:pointer;}
.head-divine3-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -154px 0px no-repeat;}
.head-divine3-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -154px -55px no-repeat; cursor:pointer;}

.head-divine1-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -231px 0px no-repeat;}
.head-divine1-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -231px -55px no-repeat; cursor:pointer;}
.head-divine2-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -308px 0px no-repeat;}
.head-divine2-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -308px -55px no-repeat; cursor:pointer;}
.head-divine3-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -385px 0px no-repeat;}
.head-divine3-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -385px -55px no-repeat; cursor:pointer;}

.head-archevil1-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -462px 0px no-repeat;}
.head-archevil1-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -462px -55px no-repeat; cursor:pointer;}
.head-archevil2-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -539px 0px no-repeat;}
.head-archevil2-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -539px -55px no-repeat; cursor:pointer;}
.head-archevil3-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -616px 0px no-repeat;}
.head-archevil3-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -616px -55px no-repeat; cursor:pointer;}

.head-archevil1-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -693px 0px no-repeat;}
.head-archevil1-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -693px -55px no-repeat; cursor:pointer;}
.head-archevil2-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -770px 0px no-repeat;}
.head-archevil2-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -770px -55px no-repeat; cursor:pointer;}
.head-archevil3-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -847px 0px no-repeat;}
.head-archevil3-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -847px -55px no-repeat; cursor:pointer;}

.head-ogre1-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -924px 0px no-repeat;}
.head-ogre1-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -924px -55px no-repeat; cursor:pointer;}
.head-ogre2-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1001px 0px no-repeat;}
.head-ogre2-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1001px -55px no-repeat; cursor:pointer;}
.head-ogre3-F{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1078px 0px no-repeat;}
.head-ogre3-F:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1078px -55px no-repeat; cursor:pointer;}

.head-ogre1-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1155px 0px no-repeat;}
.head-ogre1-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1155px -55px no-repeat; cursor:pointer;}
.head-ogre2-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1232px 0px no-repeat;}
.head-ogre2-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1232px -55px no-repeat; cursor:pointer;}
.head-ogre3-M{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1309px 0px no-repeat;}
.head-ogre3-M:hover{width:77px; height:55px; background:url("../../images/new-button/head-button.png") -1309px -55px no-repeat; cursor:pointer;}


.box-item-menu-top{background:url(../../images/new-itemmenu/top.png) no-repeat; width:169px; height:45px; position:relative;}
.box-item-menu-body{background:url(../../images/new-itemmenu/body.png) repeat-y; width:169px; min-height:26px; position:relative;}
.box-item-menu-bottom{background:url(../../images/new-itemmenu/bottom.png) no-repeat; width:169px; height:15px; position:relative; margin-top: 0px;}
.box-item-menu-icon{float:left; width:25px; height:25px;}
.box-item-menu-link{float:right; width:105px; height:25px; line-height:25px;}
/*.box-preview-text{position:absolute; width:40px; height:13px; right:7px; top:2px;}*/

.box-item-menu-by-treasury-top{background:url(../../images/new-itemmenu/top-treasury2.png) no-repeat; width:280px; height:45px; position:relative;}
.box-item-menu-treasury-top{background:url(../../images/new-itemmenu/top-treasury.png) no-repeat; width:280px; height:45px; position:relative;}
.box-item-menu-sale-top{background:url(../../images/new-itemmenu/top-sale.png) no-repeat; width:280px; height:45px; position:relative;}
.box-item-menu-sale-body, .box-item-menu-treasury-body, .box-item-menu-skill-body{background:url(../../images/new-itemmenu/body-sale.png) repeat-y; width:280px; min-height:26px; position:relative;}
.box-item-menu-sale-bottom, .box-item-menu-treasury-bottom, .box-item-menu-skill-bottom{background:url(../../images/new-itemmenu/bottom-sale.png) no-repeat; width:280px; height:15px; position:relative; margin-top: 0px;}
.box-item-menu-skill-top{background:url(../../images/new-itemmenu/top-skill.png) no-repeat; width:280px; height:45px; position:relative;}
.button-sale{width:70px; height:25px; background:url("../../images/new-button/timemenu-sale.png") 0px 0px no-repeat;}
.button-sale:hover{width:70px; height:25px; background:url("../../images/new-button/timemenu-sale.png") 0px -25px no-repeat; cursor:pointer;}
.button-treasury{width:70px; height:25px; background:url("../../images/new-button/timemenu-treasury.png") 0px 0px no-repeat;}
.button-treasury:hover{width:70px; height:25px; background:url("../../images/new-button/timemenu-treasury.png") 0px -25px no-repeat; cursor:pointer;}
.button-by-treasury{width:70px; height:25px; background:url("../../images/new-button/timemenu-by-treasury.png") 0px 0px no-repeat;}
.button-by-treasury:hover{width:70px; height:25px; background:url("../../images/new-button/timemenu-by-treasury.png") 0px -25px no-repeat; cursor:pointer;}

.button-mini-refill {width:11px; height:11px; background:url("../../images/new-button/button-mini-refill.png") 0px 0px no-repeat;}
.button-mini-refill:hover{width:11px; height:11px; background:url("../../images/new-button/button-mini-refill.png") 0px -11px no-repeat; cursor:pointer;}


.cycle-menu1{width:125px; height:94px; background:url("../../images/menu/cycle-menu-1.png") 0px 0px no-repeat;}
.cycle-menu1:hover{width:125px; height:94px; background:url("../../images/menu/cycle-menu-1.png") 0px -94px no-repeat; cursor:pointer;}
.cycle-menu2{width:125px; height:93px; background:url("../../images/menu/cycle-menu-2.png") 0px 0px no-repeat;}
.cycle-menu2:hover{width:125px; height:93px; background:url("../../images/menu/cycle-menu-2.png") 0px -93px no-repeat; cursor:pointer;}
.cycle-menu3{width:93px; height:124px; background:url("../../images/menu/cycle-menu-3.png") 0px 0px no-repeat;}
.cycle-menu3:hover{width:93px; height:124px; background:url("../../images/menu/cycle-menu-3.png") 0px -124px no-repeat; cursor:pointer;}
.cycle-menu4{width:93px; height:124px; background:url("../../images/menu/cycle-menu-4.png") 0px 0px no-repeat;}
.cycle-menu4:hover{width:93px; height:124px; background:url("../../images/menu/cycle-menu-4.png") 0px -124px no-repeat; cursor:pointer;}
.cycle-menu5{width:124px; height:93px; background:url("../../images/menu/cycle-menu-5.png") 0px 0px no-repeat;}
.cycle-menu5:hover{width:124px; height:93px; background:url("../../images/menu/cycle-menu-5.png") 0px -93px no-repeat; cursor:pointer;}
.cycle-menu6{width:125px; height:94px; background:url("../../images/menu/cycle-menu-6.png") 0px 0px no-repeat;}
.cycle-menu6:hover{width:125px; height:94px; background:url("../../images/menu/cycle-menu-6.png") 0px -94px no-repeat; cursor:pointer;}
.cycle-menu7{width:175px; height:127px; background:url("../../images/menu/cycle-menu-7.png") 0px 0px no-repeat;}
.cycle-menu7:hover{width:175px; height:127px; background:url("../../images/menu/cycle-menu-7.png") 0px -127px no-repeat; cursor:pointer;}
.cycle-menu-center{width:114px; height:114px; background:url("../../images/menu/cycle-menu-center.png") 0px 0px no-repeat;}
.cycle-menu-center:hover{width:114px; height:114px; background:url("../../images/menu/cycle-menu-center.png") 0px -114px no-repeat; cursor:pointer;}

.box-tip { background:url(../../images/tooltip/gold-point.png) no-repeat; width:173px; height:94px; position:absolute; z-index:20000;}
.box-tip .data-area {padding:15px;}

.box-submenu-treasury { background:url(../../images/tooltip/submenu-treasury.png) no-repeat; width:165px; height:49px; position:absolute; z-index:10;}
.box-submenu-treasury .menu1{width:65px; height:25px; background:url("../../images/tooltip/submenu.png") 0px 0px no-repeat;}
.box-submenu-treasury .menu1:hover{width:65px; height:25px; background:url("../../images/tooltip/submenu.png") 0px -25px no-repeat; cursor:pointer;}
.box-submenu-treasury .menu2{width:65px; height:25px; background:url("../../images/tooltip/submenu.png") -65px 0px no-repeat;}
.box-submenu-treasury .menu2:hover{width:65px; height:25px; background:url("../../images/tooltip/submenu.png") -65px -25px no-repeat; cursor:pointer;}

.award-bg{position:absolute; background: none repeat scroll 0 0 rgba(82, 82, 82, 0.4); z-index:2;}
.award-bg .award-frame-bg{width:450px; height:288px; background:url("../../images/home/day-gate/award-frame-bg.png") no-repeat; z-index:3; margin: 0 auto; position:relative; top:250px;}

.gift-image{position:absolute; width:120px; height:120px; left: 40px; top: 70px;}
.gift-name{position:absolute; width:146px; height:20px; left: 27px; top: 191px;}
.gift-amount{position:absolute; width:30px; height:20px; left: 100px; top: 229px; font-weight: bold;}
.button-gift-save{width:150px; height:40px; background:url("../../images/new-button/gift-save.png") 0px 0px no-repeat;}
.button-gift-save:hover{width:150px; height:40px; background:url("../../images/new-button/gift-save.png") 0px -40px no-repeat; cursor:pointer;}
.button-gift-reject{width:60px; height:40px; background:url("../../images/new-button/gift-reject.png") 0px 0px no-repeat;}
.button-gift-reject:hover{width:60px; height:40px; background:url("../../images/new-button/gift-reject.png") 0px -40px no-repeat; cursor:pointer;}
.day-gate-bg{position:absolute; width:187px; height:26px; background:url("../../images/home/day-gate/bg-1.png") no-repeat; left: 205px; top: 43px;}
.day-gate1{float:left; width:38px; height:26px; background:url("../../images/home/day-gate/1-1.png") no-repeat;}
.day-gate2{float:left; width:36px; height:26px; background:url("../../images/home/day-gate/2-1.png") no-repeat;}
.day-gate3{float:left; width:37px; height:26px; background:url("../../images/home/day-gate/3-1.png") no-repeat;}
.day-gate4{float:left; width:35px; height:26px; background:url("../../images/home/day-gate/4-1.png") no-repeat;}
.day-gate5{float:left; width:41px; height:26px; background:url("../../images/home/day-gate/5-1.png") no-repeat;}
.gift-item-list{position:absolute; width:408px; height:73px; background:url("../../images/home/day-gate/gift-item-1.png") no-repeat;}
.gift-item-list .item-list{position:absolute; width:390px; height:36px; top: 11px; left: 8px;}
.gift-item-list .item-day{float:left; width:32px; height:32px; padding:2px; margin-left:3px;}

.normal-box{position:relative; margin:0 auto; width:600px; min-height:300px; margin-bottom:5px;}
.normal-box-800{position:relative; margin:0 auto; width:800px; margin-bottom:5px;}

.button-monsterList1{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") 0px 0px no-repeat;}
.button-monsterList1:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") 0px -40px no-repeat; cursor:pointer;}
.button-monsterList1-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") 0px -40px no-repeat;}
.button-monsterList2{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -110px 0px no-repeat;}
.button-monsterList2:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -110px -40px no-repeat; cursor:pointer;}
.button-monsterList2-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -110px -40px no-repeat;}
.button-monsterList3{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -220px 0px no-repeat;}
.button-monsterList3:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -220px -40px no-repeat; cursor:pointer;}
.button-monsterList3-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -220px -40px no-repeat;}
.button-monsterList4{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -330px 0px no-repeat;}
.button-monsterList4:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -330px -40px no-repeat; cursor:pointer;}
.button-monsterList4-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -330px -40px no-repeat;}
.button-monsterList5{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -440px 0px no-repeat;}
.button-monsterList5:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -440px -40px no-repeat; cursor:pointer;}
.button-monsterList5-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -440px -40px no-repeat;}
.button-monsterList6{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -550px 0px no-repeat;}
.button-monsterList6:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -550px -40px no-repeat; cursor:pointer;}
.button-monsterList6-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -550px -40px no-repeat;}
.button-monsterList7{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -660px 0px no-repeat;}
.button-monsterList7:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -660px -40px no-repeat; cursor:pointer;}
.button-monsterList7-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -660px -40px no-repeat;}
.button-monsterList8{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -770px 0px no-repeat;}
.button-monsterList8:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -770px -40px no-repeat; cursor:pointer;}
.button-monsterList8-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -770px -40px no-repeat;}
.button-monsterList9{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -880px 0px no-repeat;}
.button-monsterList9:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -880px -40px no-repeat; cursor:pointer;}
.button-monsterList9-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -880px -40px no-repeat;}
.button-monsterList10{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -990px 0px no-repeat;}
.button-monsterList10:hover{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -990px -40px no-repeat; cursor:pointer;}
.button-monsterList10-active{width:110px; height:40px; background:url("../../images/new-button/button-monsterlist.png") -990px -40px no-repeat;}

.monsterinfo-area{width:100%; min-height:240px; margin-top:15px; position:relative;}
.monsterinfo-area .picture{float:left; width:180px; min-height:200px;}
.monsterinfo-area .exp{height:25px; width:100%; font-weight:bold;}
.monsterinfo-area .element{height:25px; width:100%;}
.monsterinfo-area .mondata{float:right; width:390px; min-height:180px;}
.monsterinfo-area .stat-area{width:200px; margin-top:10px; float:left; padding-bottom:5px;}
.monsterinfo-area .stat-area .value-right{width:150px; float:right;}
.monsterinfo-area .stat-area .value-left{width:30px; float:left;}
.monsterinfo-area .map{min-height:100px; width:140px; margin-top:10px; float:right;}
.monsterinfo-area .map IMG{border: 4px solid #CCC; width: 120px; height: 88px;}
.monsterinfo-area .map4{min-height:100px; width:140px; margin-top:10px; float:right;}
.monsterinfo-area .map4 .pos1{width: 58px; height: 42px; float:left;}
.monsterinfo-area .map4 .pos2{width: 58px; height: 42px; float:left; padding-left:3px;}
.monsterinfo-area .map4 .pos3{width: 58px; height: 42px; float:left; padding-top:3px;}
.monsterinfo-area .map4 .pos4{width: 58px; height: 42px; float:left; padding-top:3px;  padding-left:3px;}
.monsterinfo-area .map4 IMG{border: 4px solid #CCC; width: 58px; height: 42px;}
.monsterinfo-area .item-area{min-height:44px; width:380px;}
.monsterinfo-boss-bg{width:150px; height:150px; background:url("../../images/home/bg-monster-boss.png") no-repeat; }
.monsterinfo-boss-bg2{width:390px; height:200px; background:url("../../images/home/bg-monster-boss2.png") no-repeat; }
.line-mon-data{border-bottom:1px dashed #39F; padding:3px;}

.box-tip-mapname { background:url(../../images/tooltip/show-map-name.png) no-repeat; width:173px; height:78px;}
.box-tip-mapname .data-area {padding:15px;}

.radius-item-list{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 8px;
	border:1px dashed #999;
    background: none repeat scroll 0 0 rgba(220, 220, 220, 0.8);
}

.loading1{width:245px; height:82px; background:url("../../images/loading/bg-loading.png") no-repeat; position:absolute;}

.button-sale-myorder{width:90px; height:40px; background:url("../../images/new-button/sale-myorder.png") 0px 0px no-repeat; margin-top:5px;}
.button-sale-myorder:hover{width:90px; height:40px; background:url("../../images/new-button/sale-myorder.png") 0px -40px no-repeat; margin-top:5px; cursor:pointer;}
.myorderList .picture{width:50px; height:50px; float:left;}
.myorderList .nameANDdetail{width:300px; height:50px; float:left;}
.myorderList .nameANDdetail .name{width:100%; height:25px; line-height:25px;}
.myorderList .nameANDdetail .price{width:100%; height:20px; line-height:20px; color: #9B9B9B;}
.myorderList .name{width:120px; float:left; height:50px; line-height:50px;}
.myorderList .button{width:100px; float:right;height:50px;}
.myorderList .line{clear:both; border-top:1px dotted #999;}

.bg-itemmall-home{width:188px; height:111px; background:url("../../images/itemmall/bg-forhome.png") no-repeat; float:left; margin:3px; position:relative; }
.buy-itemmall-home{width:60px; height:20px; background:url("../../images/new-button/buy-itemmall-home.png") 0px 0px no-repeat;}
.buy-itemmall-home:hover{width:60px; height:20px; background:url("../../images/new-button/buy-itemmall-home.png") 0px -20px no-repeat; cursor:pointer;}

.button-gift2friend{width:150px; height:30px; background:url("../../images/new-button/gift-2-friend.png") 0px 0px no-repeat;}
.button-gift2friend:hover{width:150px; height:30px; background:url("../../images/new-button/gift-2-friend.png") 0px -30px no-repeat; cursor:pointer;}

.button-page-number1 { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") 0px 0px no-repeat; cursor:pointer; }
.button-page-number1:hover { background:url("../../images/new-button/button1.png") 0px -21px no-repeat; cursor:pointer; }
.button-page-number1-onclick { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") 0px -42px no-repeat; }
.button-page-number2 { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -23px 0px no-repeat; cursor:pointer; }
.button-page-number2:hover { background:url("../../images/new-button/button1.png") -23px -21px no-repeat; cursor:pointer; }
.button-page-number2-onclick { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -23px -42px no-repeat; }
.button-page-number3 { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -46px 0px no-repeat; cursor:pointer; }
.button-page-number3:hover { background:url("../../images/new-button/button1.png") -46px -21px no-repeat; cursor:pointer; }
.button-page-number3-onclick { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -46px -42px no-repeat; }
.button-page-number4 { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -69px 0px no-repeat; cursor:pointer; }
.button-page-number4:hover { background:url("../../images/new-button/button1.png") -69px -21px no-repeat; cursor:pointer; }
.button-page-number4-onclick { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -69px -42px no-repeat; }
.button-page-number5 { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -92px 0px no-repeat; cursor:pointer; }
.button-page-number5:hover { background:url("../../images/new-button/button1.png") -92px -21px no-repeat; cursor:pointer; }
.button-page-number5-onclick { width: 23px; height: 21px; background:url("../../images/new-button/button1.png") -92px -42px no-repeat; }
.button-back { width: 104px; height: 25px;  background:url("../../images/new-button/button2.png") 0px 0px no-repeat; cursor:pointer; }
.button-back:hover { background:url("../../images/new-button/button2.png") 0px -25px no-repeat; cursor:pointer; }