body {
    background-image: url("../images/rebg.png");
	background-color: #030202;
	background-repeat: no-repeat;
	font-size: 14px;
	font-family: Verdana;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	color: #726E6D;
}

li {
	display:inline;
}

ul
{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}


h2 {

   visibility: hidden;
	font-size: 30px;
	font-family: Gabriola;
	padding: 0px;
	margin: 0px;
	color: #213360;
	text-align: center;
}

.backframe {
	width: 1000px;
	height: 500px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	color: #213360;
	background: url(../images/background.png) no-repeat;
}

.banner {
	width: 1000px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	margin-top:0px;
}
.mainmb {
	width: 1000px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	margin-top:0px;
}

.mainmenu {
	width: 822px;
	height: 37px;
	color:#817562;
	margin: 0px;
	margin-top:110px;
	margin-left: 85px;
	text-align: center;
	background: url(../images/menuback.png) top center no-repeat;
}

.mainmenu li {
    list-style: none;
}

.mainmenu li a {
    display: inline-block;
    float:left;
    height: 75px;
    outline: none;
    text-indent: -9999px;
    width: 164px;
}

.home a:hover {
    background: url(../images/menuback.png) 0px -37px no-repeat;
}
.register a:hover {
    background: url(../images/menuback.png) -165px -37px no-repeat;
}
.download a:hover {
    background: url(../images/menuback.png) -327px -37px no-repeat;
}
.ranking a:hover {
    background: url(../images/menuback.png) -492px -37px no-repeat;
}

.xancash a:hover {
    background: url(../images/menuback.png) -656px -37px no-repeat;
}

.contentback {
	width: 750px;
	height: auto;
	float: left;
	margin-top: 20px;
	
}	

.contenttop {
	clear: both;
	width: 1049px;
	height: 90px;
	background: url(../images/content-top.png) no-repeat;
	margin-left: -20px;
	margin-top: -54px;
}

.contentmid {
	width: 1009px;
	height: auto;
	background: url(../images/content-mid.png) repeat-y;
	padding-left: 20px;


}

.contentbot {
	width: 1049px;
	height: 73px;
	background: url(../images/content-bot.png) no-repeat;
	margin-left: -20px;
}

.maincontent {
	width: 1049px;
	text-align: left;
	color: #181712;
	margin-left: auto;
	margin-right: auto;
	
}

.sidebar{
	margin-left: -10px;
	margin-top: 60px;
	width: 250px;
	height: auto;
	float: left;
	text-align: left;
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
}

.sidebartop {

	width: 250px;
	height: 66px;
	background: url(../images/sidebar-top.png) no-repeat;
}

.sidebarmid {
	width: 250px;
	height: auto;
	background: url(../images/sidebar-mid.png) center repeat-y;
	font-size: 12px;

}

.sidebarmid a {
	style: none;
	font-size: 14px;
	text-decoration: none;
	color: #52AD7E;
}

.sidebarmid a:hover {
	style: none;
	font-size: 14px;
	text-decoration: none;
	color: #993200;
}

.sidebarmid a:active {
	style: none;
	font-size: 14px;
	text-decoration: none;
	color: #ff4800;
}


#main {
	background: url(../images/loginbox.png) center no-repeat;
	width: 166px;
	height: 30px;
	padding-left: 5px;
	padding-right: 5px;
}



.login {
	margin: 0px;
	margin-top: -30px;
	padding-left: 15px;
	padding-right: 15px;
}

.logged{
	padding-left: 40px;
}

.newplayercont {
	padding-left: 15px;
	padding-right: 15px;
}

.news {
	padding-left: 15px;
	padding-right: 15px;
	color: #676357;
}

.newsdate {
	font-size: 14px;
	color: #52AD7E;
}

.facebook {
	margin-top: -10px;
	text-align: center;
}

.sidebarbot {
	width: 250px;
	height: 66px;
	background: url(../images/sidebar-bot.png) no-repeat;
}

.sbtleft {
	text-align: right;
}

.sbtright {
	text-align: left;
}

.xancash {
		margin: auto;
	width: auto;
	height: auto;
	text-align: left;

}
.xancashh {
	padding-right: 350px;
	margin: auto;
	width: 250px;
	height: auto;
	text-align: left;

}
.downx {
	padding-right: 350px;
	margin: auto;
	width: 250px;
	height: auto;
	text-align: left;

}

.topkal {
	padding-right: 150px;
	margin: auto;
	width: 250px;
	height: auto;
	text-align: left;

}

.downpage {
	padding-right: 190px;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	height: auto;
	text-align: left;
}
.downpage b {
	style: none;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
}
.downpage a {
	style: none;
	font-size: 14px;
	text-decoration: none;
	color: #3227CA;
}

.downpage a:hover {
	style: none;
	font-size: 14px;
	text-decoration: none;
	color: #736CD1;
}

.downpage a:active {
	style: none;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
}




.ranklinkpage {
	padding-right: 190px;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	height: auto;
	text-align: left;
	
	 position: absolute;
	left: 450px;
	top: 450px;
}
.ranklinkpage b {
	style: none;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
}
.ranklinkpage a {
	style: none;
	font-size: 14px;
	text-decoration: none;
	color: #3227CA;
}

.ranklinkpage a:hover {
	style: none;
	font-size: 14px;
	text-decoration: none;
	color: #736CD1;
}

.ranklinkpage a:active {
	style: none;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
}
a {
	style: none;
	font-size: 16px;
	text-decoration: none;
	color: #000000;
}

a:hover {
	style: none;
	font-size: 6px;
	text-decoration: none;
	color: #6f6f6f;
}

a:active {
	style: none;
	font-size: 16px;
	text-decoration: none;
	color: #1f0000;
}

.footer {
	float: left;
	width: 1000px;
	height: 50px;
	text-align: center;
}

input {

	width: 120px; 
	height:20px;
	margin-left: 6px;
	margin-top: 5px;
	background: #65877e;
	border: none; 
	color: #181712;
}

#rank_top{
	width:100%;
	height:57px;
	margin:auto;
	text-align: left;
	margin-left: 220px;
}
#rank_top_inner{
	margin:auto;
	width:335px;
}
#rank_top_inner a, #rank_top_inner a:visited{
	color:#181712;
	text-decoration:none;
	font-size:1.5em;
	font-weight:bolder;
}
#rank_top_inner a:hover{
	color:#181712;
}
#rank_top_inner a:active{
	color:#000;
}
#rank_mid{
	width:100%;
	height:auto;
	margin:auto;
}
#rank_mid_inner{
	width:100%;
	height:auto;
}
#rank_bot{
	width:400px;
	height:65px;
	margin:auto;
}
#credits{
	width:300px;
	font-size:.8em;
	font-weight:bolder;
	color:#900;
	}
#top_3{
	width:733px;
	height:40px;
	background:url(../images/top_3_bg.png) no-repeat;
	padding-top:190px;
	margin:auto;
	margin-left: 25px;
}
#top_3_inner{
	width:850px;
	height:40px;
}
#top_3_inner_archer, #top_3_inner_mage, #top_3_inner_knight, #top_3_inner_thief{
	float:left;
	text-align:center;
	font-size:1em;
	color:#181712;
}
#top_3_inner_archer{
	width:170px;
}
#top_3_inner_mage{
	width:170px;
}
#top_3_inner_thief{
	width: 170px;
}
#top_3_inner_knight{
	width:170px;
	margin-left:10px;
}
table#rank{
	text-align:left;
}
tr{
	color:#181712;
}
tr.rank_header{
	color:#212b44;
	font-weight:bold;
	font-size:1em;
	background:none;
}
.rank_rank{width:50px;text-align:center;}
.rank_name{width:130px;text-align:center;}
.rank_job{width:200px;text-align:center;}
.rank_level{width:170px;text-align:center;}
.rank_guild{width:120px;text-align:center;}
.rank_levelprogress{width:180px;}
.rank_status{width:50px;text-align:center;}
  /*****************************************/
 /**************Exp Generator Style********/
/*****************************************/
#exp{width:179px;height:23px; padding:1.5px;}
#bars{width: 177px;height:10px;}
#bar{width:15px;height:10px;float:left;background:firebrick;margin:0px 1.5px;}
#percent{width: 177px;height:10px;margin-top:2px;}
#innerpercent{background:firebrick;height:10px;margin:1.5px;}
#percenttext{position:relative;width:177px;height:10px;font-size:8px;text-align:center;color:black;letter-spacing:1px;}


#saicon {

    	background-image:url(../images/saicon.png);
	position:relative;
	left:920px;
	top:-70px;
    	height:64px;
   	width:64px;
	display:block;
    	text-indent:-9999px;

}


.bannerxan {

	position:relative;
	left:0px;
	top:-770px;
	width: 749px;
	height: 288px;
	display:block;

	background-image: url(../images/animatedxan.gif);
}









  /* Dropdown Button */
.dropbtn {
  background: url(../images/menuback.png) -532px -3px no-repeat;
  padding: 17px 42px;
  border: none;
  position: absolute;
  left: -290px;
  top: 3px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  position: absolute;
  left: -320px;
  top: 37px;
}

/* Links inside the dropdown */
.dropdown-content a {

  color: blue;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  
  
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;font-size:15px;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	
	background: url(../images/menuback.png) -532px -42px no-repeat;
	}