@charset "utf-8";
/* CSS Document */
html, body{
font-family:Arial, Helvetica, sans-serif;
background:#403a2d;
font-size:11px;
}
a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
a:hover{
text-decoration:underline;
}
.wrapper{
width:100%;
float:left;
}
.content{
width:986px;
margin:0 auto;
}
.row{
width:986px;
float:left;
}
#bg_mid{
background:url(images/bg_mid.jpg) top repeat-y;
}
#bg_top{
background:url(images/bg_top.jpg) top no-repeat;
}
#bg_bottom{
background:url(images/bg_bottom.jpg) bottom no-repeat;
}
#top{
height:266px;
}
#top ul{
float:left;
display:inline;
margin-left:101px;
}
#top ul li{
display:inline;
float:left;
}
#top ul li a{
height:65px;
display:block;
float:left;
}
#top ul li a.menu_1{
background:url(images/menu_1.png) top left no-repeat;
width:67px;
}
#top ul li a.menu_2{
background:url(images/menu_2.png) top left no-repeat;
width:116px;
}
#top ul li a.menu_3{
background:url(images/menu_3.png) top left no-repeat;
width:118px;
}
#top ul li a.menu_4{
background:url(images/menu_4.png) top left no-repeat;
width:124px;
}
#top ul li a.menu_5{
background:url(images/menu_5.png) top left no-repeat;
width:95px;
}
#top ul li a.menu_6{
background:url(images/menu_6.png) top left no-repeat;
width:83px;
}
#top ul li a.menu_7{
background:url(images/menu_7.png) top left no-repeat;
width:103px;
}
#top ul li a.menu_8{
background:url(images/menu_8.png) top left no-repeat;
width:70px;
}
#top ul li a:hover{
background-position:bottom left;
}
.box_main{
width:832px;
float:left;
}
.box_main_top{
background:url(images/box_main_top.png) top left no-repeat;
width:832px;
height:98px;
float:left;
}
.box_main_mid{
background:url(images/box_main_mid.png) top left repeat-y;
width:832px;
float:left;
}
.box_main_bottom{
background:url(images/box_main_bottom.png) top left no-repeat;
width:832px;
height:48px;
float:left;
}
.box_main_inner{
background:url(images/box_main_upper.png) top left no-repeat;
width:832px;
float:left;
}
.box_main_content{
background:url(images/box_main_lower.png) bottom left no-repeat;
width:832px;
float:left;
min-height:600px;
}
.box_ranking{
background:url(images/box_ranking.png) top left no-repeat;
width:154px;
height:534px;
float:right;
}
.box_ranking .upper{
width:154px;
float:left;
padding-top:104px;
height:40px;
}
.box_ranking .upper .players{
background:url(images/button_players.png) top right no-repeat;
width:68px;
height:35px;
display:block;
float:left;
}
.box_ranking .upper .guilds{
background:url(images/button_guilds.png) top left no-repeat;
width:64px;
height:35px;
display:inline;
float:left;
margin-left:2px;
}
.box_ranking .upper .players:hover, .box_ranking .upper .guilds:hover, .box_ranking .upper .active{
background-position:bottom right; 
}
.box_ranking .lower{
width:154px;
float:left;
height:292px;
}
.box_ranking .lower table{
margin:6px 0 0 14px;
}
.box_ranking .lower table td{
padding-bottom:10px;
}
.box_ranking .lower table td.left a, .box_ranking .lower table td.left {
width:81px;
font-size:11px;
color:#a79270;
}
.box_ranking .lower table td.right{
width:34px;
text-align:center;
font-size:11px;
color:#816d4d;
font-weight:bold;
}
.box_ranking .stats{
width:154px;
float:left;
}
.box_ranking .stats p{
text-align:center;
font-size:14px;
color:#ffddb2;
font-weight:bold;
padding-right:15px;
}
#footer{
height:79px;
}
#footer p{
width:837px;
float:left;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#b89e7f;
padding-top:15px;
line-height:17px;
}
#footer p a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#b89e7f;
font-weight:bold;
}
.input_login{
background:url(images/input_login.png) top left no-repeat;
width:160px;
height:19px;
padding:8px 0 4px 20px;
margin-top:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#83706c;
border:0;
}
.button_login{
background:url(images/button_login.png) top left no-repeat;
width:58px;
height:18px;
border:0;
cursor:pointer;
margin:10px 0 0 22px;
}
.button_logout{
background:url(images/button_logout.png) top left no-repeat;
width:61px;
height:18px;
border:0;
cursor:pointer;
margin:10px 0 0 142px;
}
.form_login{
padding:36px 0 0 106px;
}
.form_login .cell{
float:left;
display:inline;
padding-right:6px;
}
.form_login .remind{
background:url(images/ico_remind.png) left no-repeat;
color:#83706c;
font-size:11px;
padding-left:20px;
margin-left:22px;
line-height:16px;
}
.form_login .register{
background:url(images/ico_register.png) left no-repeat;
padding-left:22px;
color:#0093a3;
font-size:11px;
font-weight:bold;
margin-left:20px;
line-height:16px;
}
.form_login .change_pass{
background:url(images/ico_remind.png) left no-repeat;
color:#83706c;
font-size:11px;
margin:10px 0 0 0;
padding:1px 0 1px 20px;
float:left;
}
.form_login .user{
background:url(images/ico_register.png) left no-repeat;
padding: 0 24px 0 24px;
margin:10px 0 0 0 ;
line-height:16px;
font-size:11px;
color:#83706c;
}
.form_login .user span{
font-size:12px;
color:#0093a3;
font-weight:bold;
}
.form_login .user a{
font-size:12px;
color:#0093a3;
font-weight:bold;
}
.form_login .points{
background:url(images/ico_register.png) left no-repeat;
padding: 0 28px 0 24px;
margin:10px 0 0 0 ;
line-height:16px;
font-size:11px;
color:#83706c;
}
.form_login .points span{
font-size:12px;
color:#0093a3;
font-weight:bold;
}
ul.news{
margin:0 0 0 10px;
float:left;
display:inline;
}
ul.news #first_news .box_news_inner{
background:none;
}
ul.news #last_news .box_news_content{
background:none;
}
.box_news{
width:817px;
float:left;
display:inline;
}
.box_news_inner{
background:url(images/box_news_top.jpg) top left no-repeat;
width:817px;
float:left;
}
.box_news_content{
background:url(images/box_news_bottom.jpg) bottom left no-repeat;
width:817px;
float:left;
min-height:170px;
}
.box_news_content .news_left{
width:233px;
float:left;
}
.box_news_content .news_left .frame{
background:url(images/frame.png) top left no-repeat;
width:191px;
height:165px;
text-align:center;
padding-top:19px;
margin-left:16px;
display:inline;
float:left;
}
.box_news_content .news_mid{
width:405px;
float:left;
}
.box_news_content .news_mid h2{
padding:20px 0 20px 0;
}
.box_news_content .news_mid h2 a{
font-size:14px;
line-height:16px;
color:#4f2c00;
}
.box_news_content .news_mid p{
font-size:11px;
color:#927349;
line-height:18px;
text-align:justify;
}
.box_news_content .news_right{
width:179px;
float:right;
}
.box_news_content .news_right p.date{
text-align:right;
padding:22px 22px 22px 0;
font-size:14px;
font-weight:bold;
color:#4f2c00;
line-height:20px;
}
.box_news_content .news_right a.more{
background:url(images/button_more.png) top left no-repeat;
width:88px;
height:63px;
float:right;
margin-right:9px;
display:inline;
}
.box_news_interval{
background:url(images/box_news_interval.jpg) top left no-repeat;
width:817px;
height:47px;
float:left;
}
.box_table_rank{
margin:30px auto;
background:url(images/table_top.png) top left no-repeat;
width:534px;
}
.box_table_rank ul{
height:61px;
}
.box_table_rank ul li{
display:inline;
float:left;
}
.box_table_rank .tab_players{
background:url(images/tab_players.png) bottom left no-repeat;
width:272px;
height:61px;
float:left;
}
.box_table_rank .tab_guilds{
background:url(images/tab_guilds.png) bottom left no-repeat;
width:261px;
height:61px;
float:right;
}
.box_table_rank .tab_players:hover, .box_table_rank .tab_guilds:hover, .box_table_rank .tab_active{
background-position:top;
}
.table_rank .dark td{
background:url(images/table_row_dark.png) top no-repeat;
}
.table_rank .dark td.cell_left{
background:url(images/table_row_dark.png) top left no-repeat;
}
.table_rank .dark td.cell_right{
background:url(images/table_row_dark.png) top right no-repeat;
}
.table_rank .light td{
background:url(images/table_row.png) top no-repeat;
}
.table_rank .light td.cell_left{
background:url(images/table_row.png) top left no-repeat;
}
.table_rank .light td.cell_right{
background:url(images/table_row.png) top right no-repeat;
}
.table_rank .bottom td{
background:url(images/table_bottom.png) top no-repeat;
height:56px;
}
.table_rank .bottom td.cell_left{
background:url(images/table_bottom.png) top left no-repeat;
height:56px;
}
.table_rank .bottom td.cell_right{
background:url(images/table_bottom.png) top right no-repeat;
height:56px;
}
.table_rank th{
font-size:11px;
color:#f7f2e4;
text-align:center;
height:67px;
line-height:67px;
}
.table_rank td{
height:50px;
line-height:47px;
color:#725d1e;
}

.table_rank th.position{
width:74px;
padding-left:10px;
text-align:center;
border-right:solid #81755f 1px;
}
.table_rank th.user{
border-right:solid #81755f 1px;
}
.table_rank th.class{
border-right:solid #81755f 1px;
}
.table_rank th.level{
border-right:solid #81755f 1px;
}
.table_rank th.kingdom{
border-right:solid #81755f 1px;
}
.table_rank td.position{
width:74px;
padding-left:10px;
text-align:center;
border-right:solid #6d7b86 1px;
font-weight:bold;
}
.table_rank td.user{
width:177px;
padding-left:19px;
border-right:solid #6d7b86 1px;
font-size:14px;
font-weight:bold;
}
.table_rank td.class{
width:87px;
text-align:center;
border-right:solid #6d7b86 1px;
}
.table_rank td.level{
width:60px;
text-align:center;
border-right:solid #6d7b86 1px;
}
.table_rank td.kingdom{
width:105px;
text-align:center;
padding-right:8px;
}
.box_small{
width:351px;
margin:72px auto;
}
.box_small_top{
background:url(images/box_small_top.png) top left no-repeat;
width:351px;
height:79px;
float:left;
}
.box_small_top h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#f7f2e4;
text-align:center;
line-height:78px;
font-weight:normal;
}
.box_small_mid{
background:url(images/box_small_mid.png) top left repeat-y;
width:351px;
float:left;
}
.box_small_bottom{
background:url(images/box_small_bottom.png) top left no-repeat;
width:351px;
height:17px;
float:left;
}
.icerik_inner input[type="text"], .icerik_inner input[type="email"],.icerik_inner input[type="password"], select {
background:url(images/input_register.png) top left no-repeat;
width: 189px;
height:33px;
padding: 0px 0 0px 10px;
border:none;
font-size:11px;
color:#725d1e;
}

.icerik_inner form table input[type="text"], .icerik_inner form table input[type="password"], .icerik_inner form table input[type="email"] {
margin-top:5px;
margin-bottom:5px; 
}



.icerik_inner select {
background:url(images/input_register.png) top left no-repeat;
width: 200px;
height:33px;
padding: 0px 0 0px 10px;
border:none;
font-size:11px;
color:#725d1e;
}


.form_register fieldset{
width:100%;
float:left;
}
.form_register fieldset.button{
text-align:center;
}
.form_register dl{
margin:30px auto;
width:300px;
}
.form_register dt{
padding-bottom:3px;
width:62px;
float:left;
}
.form_register dt label{
font-size:11px;
color:#725d1e;
line-height:30px;
text-align:left;
}
.form_register dt2{
padding-bottom:3px;
width:400px;
float:left;
}
.form_register dt2 label{
font-size:11px;
color:#725d1e;
line-height:30px;
text-align:left;
}
.form_register dt3{
padding-bottom:3px;
width:80px;
float:left;
}
.form_register dt3 label{
font-size:11px;
color:#725d1e;
line-height:30px;
text-align:left;
}
.form_register2 fieldset{
width:100%;
float:left;
}
.form_register2 span{
font-size:15px;
}
.form_register2 fieldset.button{
text-align:center;
}
.form_register2 dl{
margin:30px auto;
width:400px;
}
.form_register2 dt{
padding-bottom:3px;
width:80px;
float:left;
}
.form_register2 dt label{
font-size:11px;
color:#725d1e;
line-height:30px;
text-align:left;
}
.form_register2 dt2{
padding-bottom:3px;
width:450px;
float:left;
}
.form_register2 dt2 label{
font-size:11px;
color:#725d1e;
line-height:30px;
text-align:left;
}
.form_register dd{
padding-bottom:3px;
float:left;
}
.button_register{
background:url(images/button_register.png) top left no-repeat;
border:0;
cursor:pointer;
width:139px;
height:64px;
margin:26px auto;
}
.button_send{
background:url(images/button_send.png) top left no-repeat;
border:0;
cursor:pointer;
width:139px;
height:64px;
margin:26px auto;
}
.box_mid{
width:513px;
margin:72px auto;
}
.box_mid_top{
background:url(images/box_mid_top.png) top left no-repeat;
width:513px;
height:79px;
float:left;
}
.box_mid_top h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#f7f2e4;
text-align:center;
line-height:78px;
font-weight:normal;
}
.box_mid_mid{
background:url(images/box_mid_mid.png) top left repeat-y;
width:513px;
float:left;
}
.box_mid_bottom{
background:url(images/box_mid_bottom.png) top left no-repeat;
width:513px;
height:17px;
float:left;
}