@charset "utf-8";
body {
	margin:0px;
	text-align:center;
	background-image: url(bodybg.jpg);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-position: center;
	background-color: #050400;
}
#container {
	text-align:left;
	background-image: url(bg_scroll.jpg);
	background-repeat: repeat-y;
	background-position: center 83px;
	height: auto;
}
#head {
	background-image: url(bg_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 15px;
	text-align: center;
}

#headImage {
	MARGIN: auto; WIDTH: 766px;
}

#logo_select {
	position:absolute;
	width:365px;
	height:119px;
	left: 120px;
	background-image: url(#);
	top: 19px;
}
#player_no {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	WIDTH: 763;
	COLOR: white;
	top: 140px;
	position: absolute;
	overflow: hidden;
	left: 124px;
}
#menubox {
	MARGIN-TOP: 4px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	HEIGHT: 27px;
	background-image: url(menu_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 766px;
	text-align: center;
}
#menubox UL {
	MARGIN: 0px; LIST-STYLE-TYPE: none
}
#menubox {
	MARGIN-TOP: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(menu_bg.png) #898989 no-repeat left top; HEIGHT: 27px
}
#menubox UL {
	MARGIN: 0px; LIST-STYLE-TYPE: none
}
#menus {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#menus LI.top {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 100; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 1px; PADDING-TOP: 4px; POSITION: relative
}
#menus TABLE {
	Z-INDEX: -1; LEFT: 0px; WIDTH: 106px; POSITION: absolute; TOP: 4px; BORDER-COLLAPSE: collapse; TEXT-ALIGN: left
}
#menus TABLE TD {
	FONT-SIZE: 1px; LINE-HEIGHT: 1px; POSITION: relative; TOP: -4px; HEIGHT: 23px
}
#menus A.tl {
	DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: url(menu_buttons_bg.png) left top; MARGIN-BOTTOM: 4px; WIDTH: 106px; COLOR: #e8d800; LINE-HEIGHT: 19px; HEIGHT: 19px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#menus A.tl:visited {
	DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: url(menu_buttons_bg.png) left top; MARGIN-BOTTOM: 4px; WIDTH: 106px; COLOR: #e8d800; LINE-HEIGHT: 19px; HEIGHT: 19px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#menus A.tl#login {
	COLOR: #4fbf0c
}
#menu A.tl#login:visited {
	COLOR: #4fbf0c
}
#menus A.tl#logout {
	COLOR: #be1616
}
#menu A.tl#logout:visited {
	COLOR: #be1616
}
#menus LI.top:hover A.tl {
	BACKGROUND-POSITION: left -24px; COLOR: black
}
#menus A.tl:hover {
	BACKGROUND-POSITION: left -24px; COLOR: black
}
#menus LI.top:hover A.tl#login {
	BACKGROUND-POSITION: left -24px; COLOR: black
}
#menus LI.top:hover A.tl#logout {
	BACKGROUND-POSITION: left -24px; COLOR: black
}
#menus A.tl#login:hover {
	BACKGROUND-POSITION: left -24px; COLOR: black
}
#menus A.tl#logout:hover {
	BACKGROUND-POSITION: left -24px; COLOR: black
}
#navhome #menus #home .ts {
	DISPLAY: block; BACKGROUND: url(menu_buttons_bg.png) left -24px; COLOR: black
}
#navplay #menus #play .ts {
	DISPLAY: block; BACKGROUND: url(menu_buttons_bg.png) left -24px; COLOR: black
}
#navaccount #menus #account .ts {
	DISPLAY: block; BACKGROUND: url(menu_buttons_bg.png) left -24px; COLOR: black
}
#navguide #menus #guide .ts {
	DISPLAY: block; BACKGROUND: url(menu_buttons_bg.png) left -24px; COLOR: black
}
#navcommunity #menus #community .ts {
	DISPLAY: block; BACKGROUND: url(menu_buttons_bg.png) left -24px; COLOR: black
}
#navhelp #menus #help .ts {
	DISPLAY: block; BACKGROUND: url(menu_buttons_bg.png) left -24px; COLOR: black
}
#navlogin #menus #login .ts {
	DISPLAY: block; BACKGROUND: url(menu_buttons_bg.png) left -24px; COLOR: black
}
#navlogout #menus #logout .ts {
	DISPLAY: block; BACKGROUND: url(menu_buttons_bg.png) left -24px; COLOR: black
}
#menus LI.top UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(menu_buttons_bg.png) left bottom; LEFT: -1px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; PADDING-TOP: 0px; POSITION: absolute; TOP: 27px
}
#menus LI:hover UL {
	VISIBILITY: visible
}
#menus A:hover UL {
	VISIBILITY: visible
}
#menus LI.top LI {
	FLOAT: left
}
#menus A.fly {
	DISPLAY: block; BACKGROUND: url(menu_buttons_bg.png) no-repeat 999px top; OVERFLOW: hidden; WIDTH: 184px; COLOR: white; LINE-HEIGHT: 15px; HEIGHT: 22px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#menus A.fly SPAN {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px
}
#menus A.fly:hover {
	BACKGROUND-POSITION: 1px -48px; COLOR: black; BACKGROUND-COLOR: white
}
#menus IFRAME {
	LEFT: -9999px; MARGIN-LEFT: 0px; POSITION: absolute; TOP: -9999px
}
#menus A:hover IFRAME {
	LEFT: -1px; WIDTH: 184px; TOP: 28px
}
#menus A#guide:hover IFRAME {
	HEIGHT: 110px
}
#menus A#community:hover IFRAME {
	HEIGHT: 132px
}
#menus A#help:hover IFRAME {
	HEIGHT: 132px
}
#main {
	height: auto;
	width: 766px;
	overflow: hidden;
	margin-top: 8px;
}
.ltextbg {
	background-color: #4e412d;
	margin-bottom: 5px;
	padding-bottom: 4px;
}
.rtextbg {
	background-color: #4e412d;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.rt {
	width: 426px;
}

#mainleft {
	width: 200px;
	float: left;
	margin-left: 10px;
}
#mainright {
	height: auto;
	width: 515px;
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}
.rtext {
	background-color: #2c2419;
	text-align: left;
	width: 490px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 5px;
}
.newr {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8B7250;
	color: #FFCC99;
	font-family: tahoma;
	font-size: 10px;
	padding-bottom: 2px;
}
.STYLE6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.style18 {
    font-family: tahoma;
	font-size: 11px;
	color: #FF9900;
}

.STYLE7 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.tr {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8B7250;
	padding-bottom: 3px;
	margin-bottom: 5px;
	line-height: 25px;
}
.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #2C1D18;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 0px;
}

.new {
	color: #dfc89d;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
a.new:link {
	color: #D58F00;
}
.style9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

a.new:visited {
	color: #dfc89d;
}
a.new:hover {
	color: #dfc89d;
}


.ltit {
	background-image: url(section_header_narrow.jpg);
	background-repeat: no-repeat;
	text-align: center;
	line-height: 26px;
}
.tits {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #2E2C21;
}
.ltext {
	width: 180px;
	background-color: #D2A04D;
	padding-top: 1px;
	padding-bottom: 1px;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFF66;
	margin-left: 10px;
}
.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #352817;
	font-weight: normal;
}
.lt {
	background-color: #D09F4F;
	width: 180px;
	margin-bottom: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #AF7E2E;
	border-bottom-color: #AF7E2E;
	border-left-color: #AF7E2E;
}
.text {
	width: 180px;
	text-align: left;
}
a:link {
	color: #d09d00;
	text-decoration: none;
}
a:visited {
	color: #d09d00;
	text-decoration: none;
}
a:hover {
	color: #d09d00;
	text-decoration: none;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFCC;
}
.serverl {
	width: 180px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D7AC64;
	text-align: left;
	padding-bottom: 2px;
}

#footer {
	background-image: url(bg_footer_middle.jpg);
	height: 71px;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
.copy {
	padding-top: 20px;
}
.copy1 {
	padding-top: 10px;
}
.bottom {
	line-height: 26px;
	text-align: center;
	background-image: url(tit.gif);
}
.ssize {
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
a.ssize:link {
	color: #ffffff;
	text-decoration: none;
}
a.ssize:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.ssize:hover {
	color: #FF9900;
	text-decoration: none;
}

.csize {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3E1F00;
}
a.csize:link {
	color: #29271D;
	text-decoration: none;
}
a.csize:visited {
	color: #29271d;
	text-decoration: none;
}
a.csize:hover {
	color: #29271d;
	text-decoration: none;
}





.ltop {
	background-color: #513e24;
	width: 176px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6F684F;
	margin-bottom: 3px;
	text-align: left;
}



#Layer1 {
	position:absolute;
	width:370px;
	height:119px;
	z-index:1;
	left: 120px;
	top: 21px;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #dfc89d;
}
.STYLE10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D96C00;
	font-weight: bold;
}
.STYLE37 {
	color: #98C54E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.sc:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
a.sc:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
a.sc:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.textarea {
	height: 110px;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #2C2419;
	color: #dfc89d;
	font-size: 11px;
	padding-left: 5px;
}
#CalculateResultID {
	background-color: #FFCC66;
}
.buy_goldmenu11 {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 51px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.padleft10 {
	text-align: left;
	padding-left: 10px;
}
.pamline {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #836C4B;
	padding-bottom: 5px;
}
.pad10 {
	line-height: 25px;
	height: 25px;
	padding-left: 10px;
}

table.tbl {width:100%;border-spacing:1px; background:#999999;color:#CCCCCC;}
table.tbl td, table.tbl th {background-color:#494034;}
table.tbl th {text-align: center;}
table.tbl tbody th {}
table.tbl tbody tr td { text-align:center; height:80px;}
table.tbl tfoot th, tfoot td {text-align:left; font-family:Georgia, "Times New Roman", Times, serif;font-size:12px; font-weight:bold;}
table.tbl input.charname { width:80px; border-top:#666666 solid 1px; border-left:#666666 solid 1px; border-bottom:#999999 solid 1px; border-right:#999999 solid 1px;}
table.tbl input.buyit { width:40px; border-top:#666666 solid 1px; border-left:#666666 solid 1px; border-bottom:#999999 solid 1px; border-right:#999999 solid 1px;}

tr.hide { display:none;}