*{ padding:0px; margin:0px; line-height:1.6em; list-style:none;}
input{line-height:110%}
body{
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: #D2D4DC;
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align:center;
}
  .b1:link{color:#C30202;	font-size: 8pt;text-decoration:none;}   
  .b1:visited{font-size: 8pt; color:#C30202;}   
  .b1:hover{color:#C30202;	font-size: 8pt; text-decoration:underline;}  
  
.font_faq{ font-weight:bold; font-size:9pt;}
.l{ float:left;}
.r{ float:right;}
.c{ clear:both;}
.c:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.txtL{ text-align:left;}
.txtR{ text-align:right;}
.txtC{ text-align:center;}

img{border:0}
a{
	text-decoration:none;
	color: #000000;
}

#bigFrame{ margin:auto; width:1000px;}

#header{ height:87px;}
#header .sitelogo img{ margin:2px 0 0 20px;}
#header .r{ width:760px;}
#header .s-lang{
	line-height: 29px;
	height:29px;
	background-image: url(../images/lang-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:460px;
	font-family:"Trebuchet MS"; font-size:11px;
	margin:0 0 0 auto;
}
#header select{font-size:11px;}

#main-menu{ height:50px; margin-top:8px;}
#main-menu li{ float:left;}

#main-menu li a span{ display:block; color:#c30202;
	width:84px;
	height:50px;
	text-align:center;
	line-height:50px;
	font-family:Tahoma; font-size:11px;
	background-position: right top;
	background-image: url(../images/menu-bg.gif);}
#main-menu li a:hover span
{
	 background-image: url(../images/menu-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#c30202;}

#main-menu li a{
	display:block;
	width:84px;
	height:50px;
	text-align:center;
	line-height:50px;
	font-family:Tahoma; font-size:11px;
	background-position: right top;
	background-image: url(../images/menu-bg.gif);
}
#main-menu li a:hover{
	background-image: url(../images/menu-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#fff;
}
#main-menu #no-menu{
	display:block;
	width:60px;
	height:50px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/menu-bg1.gif);
}
#main-menu #no-menu1{
	display:block;
	width:20px;
	background-repeat: no-repeat;
	height:50px;
	line-height:50px;
	background-position: right bottom;
	background-image: url(../images/menu-bg2.gif);
}


#mainer{
	background-image: url(../images/main-frame.gif);
	background-repeat: no-repeat;
	 background-color:#fff;
}

#page{ text-align:center; margin:1em;}

#mainer .userLogin{ line-height:39px; height:39px; margin:0 8px 5px 10px;}
#mainer .userLogin img{ margin:6px 1em 0 0;}
#mainer .user2{
	background-image: url(../images/user1bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	padding-left:1.5em;
	padding-top:4px;
}

#mainer .user1{
	background-image: url(../images/user2bg.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right top;
	line-height:28px; height:28px;
	padding-right:1em;
	margin:6px 1em 0px 1em;
	width:200px;
}
#mainer .user1 span{ color:#598527}

#mainer .col3{ 
	width:243px; 
	margin-right:7px;
	_margin-right:4px;
}

#mainer .loc{
	background-image: url(../images/loc-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin:1em; padding-left:1em;

}

.loc a{ color:#000; font-family:Tahoma; font-size:11px;}

#sgame select{ width:130px; }
.s-game{
	background-image: url(../images/cgamebg.gif);
	background-repeat: repeat-x;
	color:#fff;
	background-color: #6EA6E0;
	margin-bottom:8px;
}
#sgame span{ float:right;}
#sgame{ margin:0em 2em;}
.s-game h2{ padding:.5em 1.5em 0 1.5em;color:#fff; border-bottom: 1px solid #7390BD;}
#sgame li{ margin:1em 0em;}
#sgame .btnbuy{
	background-image: url(../images/buy-btn.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 96px;
	border:0px;
}

.comments h2{
	background-image: url(../images/titlebg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:36px; height:36px;
	padding-left:1em; color:#fff;
	margin-top:1px;
}
.comm-frame{
	background-image: url(../images/commbg.gif);
	background-repeat: no-repeat;
	background-position: top;
	height:436px;
}
.comm-frame ul{ padding:2em 3em 1em 3em; height:375px; overflow:hidden;}
.comm-frame ul li{
	border-bottom:1px dotted #BCB8F4;
	line-height:2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; padding-left:2em;
	background-image: url(../images/arr1.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
.comm-frame ul li a{ color:#000;}

.col2{ width:492px; margin-right:9px;}

.buywowgol{ border:1px solid #E6E6E6;}
.buywowgol td{ text-align:center; width:20%; padding:6px 0.2em;}
.buywowgol td a{ color:#000;}
.buywowgol td a:hover{ color:#203369;}

.col2 h2{
	font-size:14px;
	color:#8DC63F;
	line-height: 36px;
	background-image: url(../images/col-title-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #4D629E;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-left-color: #E6E6E6;
	padding-left:1.5em;
}

.col2 h2 span{ font-size:16px; color:#203369;}
.col2 .b-banner{ margin:2px 0px 5px 0px;}
.col2 .newsframe{border:1px solid #E6E6E6; margin-bottom:3px;}
.col2 .nlist{ margin:1em 3em;}
.col2 .nlist li{border-bottom:1px dotted #BCB8F4; line-height:2em; padding-left:1em; list-style-type:circle}
.col2 .nlist li a{color:#000}
.col2 .w-frame{border:1px solid #E6E6E6; padding:1em 3em;}


.col1{
	width:230px;
	background-image: url(../images/left-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-left:10px;
	_margin-left:5px;
}

.col1 h2{
	background-image: url(../images/titlebg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:36px; height:36px;
	padding-left:1em; color:#fff;
	margin-top:1px;
}

.col1 h2.cg{
	background-image: url(../images/titlebg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:36px; height:36px;
	padding-left:1em; color:#fff;
	margin-top:1px;
}

#l-menu{
	background-image: url(../images/ll2.gif);
	background-repeat: repeat-y;
	padding:2px 0;
	margin-bottom:0;
}
#l-menu li{
	background-image: url(../images/ll1.gif);
	background-repeat: repeat-y;
	margin:1px;
}

#l-menu .level2{background-image: url(../images/ll2.gif);}

#l-menu li a{
	background-image: url(../images/a2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left:1em;
	padding:0 0em 0 1.5em;
	word-spacing: -1px;
	margin:0.5em;line-height:22px;
}
#l-menu li img{ vertical-align:middle}

#l-menu li a:hover{
	background-image: url(../images/a1.gif);
}
#l-menu .level2{ padding:0.5em 1em;}
#l-menu .level2 a{
	background-image:none;
	font-size:10px;
	color:#4D629E;
	margin:5px 0px;
}
#l-menu .level2 a:hover{
	background-image:none;
	font-size:10px;
	color:#000;
}

.left-live{
	background-image: url(../images/livebg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 107px;
}
.left-live img{ margin-top:5px;}
.payment-p img{ margin:0;}
.ex-c{ margin:10px 15px;line-height:26px;}
.ex-c li span{ float:right;}
.ex-c li a{ color:#000;}
.ex-c li.e1{
	background-image: url(../images/e1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:26px;
}
.ex-c li.e2{
	background-image: url(../images/e2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:26px;
}
.ex-c li.e3{
	background-image: url(../images/e3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:26px;
}


#footer{
	text-align:center;
	background-image: url(../images/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:99px;
	margin:0 7px 0 10px;

}

#footer a{ color:#fff; font-size:10px; }
#footer p{ color:#fff; font-size:10px; }
/**/

table{ width:100%}

.tab{ border:solid 1px #dddddd; padding:8px 4px 4px 4px;  margin-bottom:1em;}

.tab table tr td
{
	text-align:left;
	}
.hei1{ height:300px;}
.hei2{ height:50px; margin-bottom:1em;}
.hei3{ height:210px; margin-bottom:1em;}
.hei4{ height:50px; margin-bottom:1em;}

.hei5{ height:120px; margin-bottom:1em;}
.hei6{ height:80px; margin-bottom:1em;}

.tdL{ text-align:right; width:30%; padding-right:1em; color:#666666;}
.tdL1{ text-align:right; width:30%; padding-right:1em; color:#666666;}
.tdL2{ text-align:right; width:30%; padding-right:1em; color:#666666;}




.fotB{ font-weight:bold; color:#000;}
.fontR{ color:#C30202;}
.fotR{ color:#ff0000;}

.fotLog{ color:#666666;}
.bdL{ border:solid 1px #daae2a; padding:18px 8px 8px 8px; width:195px;height:210px; background:url(../images/bg_02.gif) repeat-x #fffed2;color:#000}
.bdR{ border:solid 1px #8abaf0; padding:18px 8px 8px 8px; width:195px;height:210px; background:url(../images/bg_01.gif) repeat-x #edf6ff;color:#000}
.bd{  border:solid 1px #FFAD2C; background:#FFF1CE; margin-bottom:16px; padding:10px 12px;font-size:9pt; color:#666  }

.bg1{ font-size:11pt; text-align:center; color:#000000; padding-bottom:10px;}

 h2{ font-size:14px;}
 h3{font-size:12px;}
 h4{ font-size:12px;}

.p1{padding:10px;}
.p10{ padding:10px; border:1px solid #E6E6E6; min-height:500px;}
.p-guest{padding:15px 15px 15px 15px; margin-bottom:3px;}
.p{ padding:15px 15px 15px 15px;
	border:1px solid #E6E6E6; margin-bottom:3px;}
.p ul{ padding-left:20px;}	
.p li{ list-style-type:circle;  padding-top:10px;}
.pt{ padding-top:8px;}
.p1 h3{margin:15px 0 5px 0}


.leafText{}
.leafText a
{
	font-weight: bold;font-size: 8.0pt;	color: #7D7D7D;	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	float: left;	text-align: center;	padding-top: 2px;	padding-bottom: 2px;	padding-left: 5px;
	display: block;	width: 200px;	text-decoration: none;	background-color: #FFFFFF;	border: solid 1px #D6DEF3;
    margin:0.2em;
}

.leafText a:hover
{
	border-style: solid;
	border-width: 1px;
	border-color: #ffc23e;
	color: #C30202;
	font-weight:bold;
	background: #FFE4AA url(../images/bg_game2.gif) no-repeat;
	text-decoration:underline;

}
.btn_alliance_horde{ padding:8px 0 8px 0;  height:60px;  text-align:center; }
.btn_alliance_horde ul{ margin:0; padding:0;width:100%; }
.btn_alliance_horde li{ float:left; width:220px;  list-style-type:none;}
#currencyFrame{ padding:8px 0 8px 0;}
.button_position{ text-align:center; word-spacing:30px; padding:8px; }

.ServerListPart_CharSelect{height:50px; clear:both;text-align:center;padding:0 10px;}
.ServerListPart_CharSelect a{color:#000; font-size:16px;  text-decoration:underline; }
.ServerListPart_CharSelect a:hover{color:#000; font-size:16px;font-weight:bold; text-decoration:underline; color:#c30202;background:#fffad1;}

.CountryStr{ height:10px;}
.CountryStr a{ color:#000; font-weight:bold; }
.CountryStr a:hover{ color:#000; font-weight:bold; color:#c30202;}

.ServerListPart_LeadingChar{font-size: 11.0pt;font-weight: bold;}
.ServerListPart_LeadingChar a{font-size: 8.0pt;	font-weight: bold;	text-decoration: none;}

.ServerListPart_HR{ border-bottom:1px dotted #BCB8F4;width:100%;color:#E6E6E6;}

.Button{
font-size:11px;
background-image: url(../images/bgbtn.gif);
height: 27px;
width: 69px;
border:0px;
margin:8px 0 8px 0;
cursor:hand;
cursor:pointer;
background-color:transparent;
color:#333333;
border:solid 1px #FFAF1C;
font-weight:bold;
}
.btnLogOut
{
	font-size:11px;
	background-image: url(../images/log-out.gif);
	height: 28px;
	width: 69px;
	border:0px;
	margin-top:3px;
	cursor:hand;
	cursor:pointer;
	background-color:transparent;
	font-weight:bold;
}	
.btnLogIn{
	background-image: url(../images/log-out.gif);
	font-size:11px;
	height: 28px;
	width: 69px;
	border:0px;
	margin-top:3px;
	cursor:hand;
	cursor:pointer;
	background-color:transparent;
	padding-left:10px;
	font-weight:bold;
}
.e-frame{ margin-top:2em; margin-left:2em;padding-bottom:10px;}
.e-frame td{padding:7px 0}
.logout{ padding-top:4px;}

#Errorframe
{  
	position:relative;
	padding:8px; 
	height:400px; 
	border:solid 1px #D6DEF3; 
	background:#fff; 
	font-size:8pt;
	 background:url(../images/bgMid1.gif) repeat-x;

	}
#Errorframe h1{ font-size:36px; color:#000; font-family:Georgia, "Times New Roman", Times, serif; padding-top:30px; padding-bottom:20px;}
#Errorframe h2{ font-size:14px; background-image:none; border:0; margin:0; padding:8px; }

.boxa ,.boxb{  border:solid 1px #ccc; width:130px; height:120px; padding-left:60px; text-align:center;  padding-top:20px; margin-top:15px; float:left; padding-right:20px}
.boxa{background:#fff url(webui/images/404/4041.gif) no-repeat 5px 5px;}
.boxb{ margin-left:15px;}
.game-g ul li{ text-align:center;}

/*Ylj*/
#tabPl
{
	float:left;
	text-align:left;
	padding:0 0 0 60px;
	line-height:29px;
	}
#flags
{
	float:left;
	}
	
#flags ul
{ 
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#flags ul li
{
	float:left;
	width:30px;
	text-align:center;
	height:29px;
	line-height:29px;
	}
	
#flags ul li img
{
	border:0;
	_padding:5px 0 0 0;
	}
	
.leftBar
{
	padding:0;
	}
	
.leftBar ul
{
	list-style-type:none;
	*margin:-13px 0 0 0;
	padding:0;
	}
	
.leftBar ul li
{
	padding:0 0 0 20px;
	border-bottom:1px solid #d5ddf1;
	}
	
#l-menu li .leftBar ul li a
{
	background-image:none;
	font-size:10px;
	}
	
#l-menu li .leftBar ul li a:hover
{
	background-image:none;
	}
	
.our
{
	width:243px;
	height:201px;
	background:url(../images/login_back.gif);
	background-repeat:no-repeat;
	margin-bottom:8px;
	}
	
.l_pad
{
	padding:7px 0 0 23px;
	color:#fff;
	}
	
.l_title
{
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	}
	
.l_content
{
	text-align:left;
	padding:5px 0 0 0;
	}
	
.l_tab
{
	font-size:11px;
	}

#r_banner{margin-bottom:8px;}
/*--------------------------------*/
	

.tabList{border:1px solid #dfdfdf}
.tabList th{background:url(../images/titBG.gif);height:28px;line-height:28px;text-align:center;border-bottom:1px solid #dfdfdf}
.tabList td{padding:5px;border-bottom:1px dashed #dfdfdf;text-align:center;}

.TextBox{line-height:18px}

.abcde{ vertical-align:middle;}


/*20100617 add payment*/

.methods
{	

	
	padding:8px 0 8px 8px;
	color:#274054;
	font-size:11px;
    width:100%
  
	}
.methods_p
{
	width: 78%;
	height: 32px;
	line-height: 32px;
	border-bottom: 2px #d0d0d0 solid;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 6px 0 0 0;
	padding: 0;
}	

.payMent_p02
{
	width: 90%;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 6px 0 0 0;
	padding: 0;
}

.methods a:visited, .methods a:link, .methods a:active
{
	color: Black;
	font-weight: bold;
	text-decoration: underline;
}
.methods a:hover
{
	color: red;
	font-weight: bold;
	text-decoration: underline;
}

.bottom1
{
	line-height: 20px;
	background: url(../images/bgBottom.gif) #fff repeat-x;
	border-top: solid 2px #000;
	text-align: center;
	width: 100%;
	color: #666;
	margin: 40px 0 0 0;
	padding: 20px 0 0 0;
}
.more
{
	text-align: right;
	width: 98%;
	color: #f00;
}
.more a
{
	color: #f00;
}

.back_pay
{
	width: 95%;
	height: 32px;
	margin: 12px 0;
	padding: 0;
	text-align: right;
}

.back_pay a
{
	margin-right: 15px;
	width: 100px;
	height: 32px;
}

.back_pay a img
{
	border: 0;
}

/* Cataclysm start */

#Cataclysm{ width:492px; margin-left:5px; *+margin-left:0; background-color:#ebeaef; padding:0; position:relative; overflow:hidden; }
#Cataclysm .Cataclysm_content{ width:492px; min-height:360px; padding:0; margin:0;  background:url(../images/Cataclysm/Cataclysm_06.gif) no-repeat bottom left;}
#Cataclysm .Cataclysm_content .Cataclysm_bottom{ width:492px; min-height:360px;background:url(../images/Cataclysm/Cataclysm_05.gif) no-repeat top left;}
#Cataclysm .Cataclysm_footer{ width:402px; height:24px;  color:#000; padding-left:90px; font-weight:bold; background:url(../images/Cataclysm/Cataclysm_07.gif) no-repeat; }
#Cataclysm .Cataclysm_footer a{ margin:0 8px; color:#000; font-weight:bold;}

#Cataclysm .Cataclysm_content .Cataclysm_bottom .Cataclysm_bottom_padding{ width:452px; margin:0 20px; font-family:Arial; }

.thankyouW{ position:absolute; width:30px; height:221px; padding:10px 20px 0 426px; background:url(../images/Cataclysm/thankyou.gif) no-repeat; top:100px; left:10px; vertical-align:bottom; text-align:right;}
.thankyouC{ width:30px; height:30px; display:block; cursor:pointer;}

.Cataclysm_bottom_padding h2{ font-size:14px; line-height:20px; padding:0; margin:0;}

.line_Cata{ width:452px; height:4px; background:url(../images/Cataclysm/line.gif) repeat-x center center; border:0;}
.text_User_idea{ height:254px; line-height:18px;}

.text_User_css{ width:452px; border:1px solid #d0d0d0; font-size:12px; height:108px; color:#3d0f00;}

.Name_or_MSN{ padding:13px 0; padding-left:130px; position:relative;}
.name_user_c{ vertical-align:middle; border:1px solid #d0d0d0; width:150px; height:14px; padding:3px 2px;}
.checkbox_just{ vertical-align:middle;}

.tip_NM{ position:absolute; width:139px; top:10px; left:290px; _left:160px; line-height:13px;color:#3d0f00;}
.tip_NM02{  background-color:#f5f4f0; padding:0 2px;}
.tip_NM span{ padding:0; margin:0; font-weight:400;}


.btn_submitC{ width:97px; height:28px; background:url(../images/Cataclysm/btn.gif) no-repeat; cursor:pointer; border:0; color:#fff; font-weight:bold;}
.set_upBtn{ text-align:right; width:94%;  padding:12px 0;}

.User_idea_content{ width:452px; padding-top:5px; line-height:24px; color:#320c01;  }

.User_idea_top{ padding-top:6px; font-weight:bold;}
.User_idea_content02{ line-height:20px; width:452px; overflow:hidden; }
.User_idea_bottom{ width:100%; text-align:right;}

.raidgold_top{ width:243px; height:60px; padding-top:80px; overflow:hidden; background:url(../images/Cataclysm/raigold_01.gif) no-repeat; color:#fff; font-weight:bold;}
.raidgold_top p{ padding:0 8px; line-height:20px; font-size:11px;}

.raidgold{ width:243px; height:203px; background:url(../images/Cataclysm/raigold_02.gif) no-repeat; color:#000; font-weight:bold;}
.radio_a{ width:243px; padding-left:18px; height:12px; font-size:12px;   padding-top:12px; color:#fff99d;}

.radio_a p{ float:left; height:12px; margin:0; padding:0; line-height:12px; vertical-align:middle;}
.radio_a p.prad{  width:11px; height:11px; margin-right:160px;}
.radio_a a{ width:12px; height:12px; background:url(../images/Cataclysm/raido.gif) no-repeat; display:block; float:left;  cursor:pointer; }
.radio_ab{ width:12px; height:12px; background:url(../images/Cataclysm/raidoy.gif) no-repeat; display:block; float:left;  cursor:pointer; }

.raidgold .ac{ padding-top:12px; _padding-top:10px; }
.raidgold .ae{ padding-top:12px; _padding-top:10px; }
.raidgold .ag{ padding-top:12px; _padding-top:11px; }
.raidgold .ah{ padding-top:12px; _padding-top:10px; }
.raidgold .ai{ padding-top:12px; _padding-top:12px; }

.raidgold_bt{ width:164px; height:24px; text-align:right; padding:10px 40px; margin-bottom:10px; background:url(../images/Cataclysm/raigold_03.gif) no-repeat;}
.raidgold_bt a{ font-weight:bold;}
.raidgold_bt a:hover{ font-weight:bold;}

.ajax_pager {width:400px; height:69px; padding-top:30px; color:#000; font-weight:bold;  padding-left:32px; _padding-left:12px; margin-bottom:0;  }
/* Cataclysm end */