html, body {
margin: 0px;
padding: 0px;
min-width: 1003px;
height: 100%;
background: url("/images/body_sizer.gif") repeat-x;
background-color: #e7debf;
}
a, a:link, a:visited {
color: #898989;
text-decoration: underline;
}
a:hover, a:active {
text-decoration: none;
}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
background: url("/images/head.jpg") no-repeat center top;
}
#head {
position: relative;
width: 100%;
height: 230px;
}
#wrapper_menu {
position: relative;
margin: 0 auto;
width: 60%;
max-width: 950px;
}
#center_menu {
position: relative;
height: 32px;
width: 100%;
}
#cp_left {
width: 299px;
height: 32px;
float: left;
background: url("/images/main_panel_left.png") no-repeat;
}
#cp_right {
width: 299px;
height: 32px;
float: right;
background: url("/images/main_panel_right.png") no-repeat;
margin-top: -32px;
}
#cp_center {
position: relative;
height: 32px;
background: url("/images/main_panel_sizer.png") repeat-x;
margin: 0px 299px;
}
#left_menu {
margin-top: 30px;
margin-left: -200px;
float: left;
width: 200px;
}
.menu_block {
position: relative;
margin-left: 72px;
width: 132px;
z-index: 1;
background: url("/images/menu_listsizer.png") repeat-y;
}
.menu_block a {
display: block;
padding-left: 10px;
width: 122px;
color: #313131;
font-family: "Tahoma", Arial;
font-size: 11px;
font-weight: bold;
text-decoration: none;
line-height: 15px;
}
.menu_block a:hover {
background-color: #dedede;
}
.menu_button {
position: relative;
width: 132px;
height: 26px;
z-index: 2;
background: url("/images/menu_button.gif") no-repeat;
background-color: #000000;
}
.menu_ico {
position: absolute;
width: 35px;
height: 36px;
left: -22px;
top: -7px;
}
.menu_label {
position: absolute;
width: 96px;
height: 17px;
left: 13px;
top: 4px;
}
.menu_switch {
width: 132px;
padding-bottom: 4px;
}
.menu_end {
width: 132px;
height: 6px;
background: url("/images/menu_end.gif") no-repeat;
}
#right_menu {
margin-top: 30px;
margin-right: -200px;
float: right;
top: 60px;
width: 200px;
}
#menu_banner {
margin-bottom: 20px;
position: relative;
width: 195px;
height: 142px;
background: url("/images/menu_banner_back.png") no-repeat;
}
.menu_block_right {
position: relative;
margin-left: -4px;
width: 132px;
z-index: 1;
background: url("/images/menu_listsizer.png") repeat-y;
}
.menu_block_right a {
position: relative;
display: block;
padding-left: 10px;
width: 122px;
color: #313131;
font-family: "Tahoma", Arial;
font-size: 11px;
font-weight: bold;
text-decoration: none;
line-height: 15px;
}
.menu_block_right a:hover {
background-color: #dedede;
}
.menu_ico_right {
position: absolute;
width: 35px;
height: 36px;
left: 118px;
top: -7px;
}
.menu_bar {
position: relative;
margin: 5px;
width: 118px;
height: 15px;
color: #313131;
font-family: "Tahoma", Arial;
font-size: 11px;
font-weight: bold;
}
.menu_bar2{
position: relative;
margin: 5px;
width: 118px;
height: 15px;
color: #313131;
font-family: "Tahoma", Arial;
font-size: 10px;
font-weight: bold;
}
.menu_input {
position: absolute;
width: 85px;
left: 35px;
top: -1px;
font-family: "Verdana", Arial;
font-size: 10px;
border: 1px solid #908b7a;
background-color: #b3ac94;
}
.menu_input2 {
position: absolute;
width: 55px;
left: 65px;
top: -1px;
font-family: "Verdana", Arial;
font-size: 10px;
border: 1px solid #908b7a;
background-color: #b3ac94;
}
.menu_select {
position: absolute;
width: 57px;
left: 65px;
top: -1px;
font-family: "Verdana", Arial;
font-size: 10px;
border: 1px solid #908b7a;
background-color: #b3ac94;
}
.menu_submit {
position: absolute;
width: 50px;
left: 72px;
top: -1px;
font-family: "Verdana", Arial;
font-size: 10px;
font-weight: bold;
background-color: #b3ac94;
}
.menu_checkbox {
position: relative;
top: 3px;
}
#center_menu_bar {
position: relative;
width: 1px;
height: 15px;
margin: 0 auto;
top: -25px;
}
#center_menu_bar span {display: none;}
#center_menu_bar a:hover span {display: block;}
.center_menu_button {
position: absolute;
top: 0px;
z-index: 1;
}
.center_menu_hover {
position: absolute;
top: -4px;
width: 106px;
height: 22px;
z-index: 0;
background: url("/images/menu_select.png") no-repeat;
}
#wrapper_content {
position: relative;
width: 100%;
background: url("/images/content_sizer_right.png") repeat-y right top;
}
#vertical_bar {
position: absolute;
left: 0px;
width: 24px;
height: 100%;
background: url("/images/content_sizer_left.png") repeat-y;
}
#content_box {
position: relative;
margin: 0px 24px;
min-height: 500px;
font-family: "Tahoma", Arial;
font-size: 12px;
color: #2b2b2b;
background-color: #dedede;
}
#end_content {
position: relative;
height: 30px;
width: 100%;
background: url("/images/end_sizer.gif") repeat-x top;
}
#end_left{
float: left;
height: 15px;
width: 8px;
background: url("/images/end_left.gif") no-repeat;
}
#end_right{
float: right;
height: 15px;
width: 8px;
background: url("/images/end_right.gif") no-repeat;
}
#end_center{
position: absolute;
left: 0px;
top: 7px;
width: 100%;
height: 15px;
background: url("/images/end_panel.gif") no-repeat center;
}
#footer {
position: relative;
width: 100%;
color: #666;
font-family: "Tahoma", Arial;
font-size: 11px;
padding-bottom: 6px;
}
#footer a {
color: #666;
}
.foot_block_right{
float: right;
width: 100px;
height: 30px;
}
.foot_block_left {
text-align: center;
}
.footer_img{
margin-top: -58px;
margin-left: 10px;
}
#caption {
padding-top: 10px;
width: 100%;
font-family: "Tahoma", Arial;
font-size: 14px;
text-align: center;
color: #000;
}
#sub_caption {
font-size: 11px;
color: #2b2b2b;
}
#sub_caption a {
font-size: 11px;
color: #2b2b2b;
}
.dark_bold {
font-family: "Tahoma", Arial;
font-size: 12px;
font-weight: bold;
color: #000000;
}
.red_bold {
font-weight: bold;
color: #e72626;
}
.yellow_bold {
font-weight: bold;
color: #cc8142;
}
.green_bold {
font-weight: bold;
color: #5e9f52;
}
.rules_attention { /* <-------------------------------------------- rulez */
width: 100%;
height: 1em;
font-weight: bold;
color: #e72626;
text-align: center; 
}
.aboutl2_chapter { /* <-------------------------------------------- about_lineage */
margin: 6px 0;
width: 100%;
height: 1em;
font-weight: bold;
color: #000000;
text-align: center;
}
.aboutl2_img {
margin: 5px 15px 0 0;
float: left;
}
.file_block {/* <-------------------------------------------- download */
position: relative;
margin-left: 50px;
padding-left: 35px;
width: 470px;
height: 52px;
font-family: Arial;
font-size: 11px;
background: url("/images/download_stripe.gif") repeat-y;
line-height: 15px;
}
.file_block a {
display: block;
float:left;
margin-right: 3px;
font-family: "Tahoma", Arial;
font-size: 11px;
font-weight: bold;
text-decoration: none;
line-height: 17px;
color: #f9f1e2;
background-color: #717171;
}
.file_block a:hover {
color: #313131;
background-color: #f9f1e2;
}
.file_ico{
position: absolute;
top: -1px;
left: -25px;
width: 54px;
height: 54px;
}
.guide_memo{/* <-------------------------------------------- guide */
margin: 0 auto;
padding: 5px;
width: 490px;
background-color: #feebcb;
color: #212329;
font-family: "Arial", Arial;
text-align: left;
font-weight: bold;
}
.guide_memo a {
color: #2148a9;
font-weight: bold;
text-decoration: underline;
}
ul.wall_wrapper{/* <--------------------------------------- wallpapers */
padding: 0px;
margin: 0px;
width: 100%;
text-align: center;
list-style-type: none;
font-size: 0;
}
ul.wall_wrapper li{
margin: 0 4px;
width: 290px;
text-align: center;
vertical-align: text-bottom;
height: 240px;
display: -moz-inline-stack;
display: inline-block;
*overflow: hidden;
zoom: 1;
*display: inline;
}
ul.wall_wrapper li div.w_box{
text-align: center;
font-family: "Verdana", Arial;
font-size: 9px;
font-weight: bold;
line-height: 15px;
position: relative;
zoom: 1;
}
ul.wall_wrapper li div.w_box a{
color: #feebcb;
text-decoration: none;
}
ul.wall_wrapper li div.w_box a:hover{
color: #000000;
background-color: #FFFFFF;
}
.w_link{
background-color: #000000;
margin: 0px;
padding: 0px;
}
ul.screen_wrapper{/* <--------------------------------------- screenshots */
padding: 0px;
margin: 0px;
width: 100%;
text-align: center;
list-style-type: none;
font-size: 0;
}
ul.screen_wrapper li{
margin: 0 4px;
width: 200px;
text-align: center;
vertical-align: text-bottom;
height: 180px;
display: -moz-inline-stack;
display: inline-block;
*overflow: hidden;
zoom: 1;
*display: inline;
}
ul.screen_wrapper li div.w_box{
text-align: center;
font-family: "Verdana", Arial;
font-size: 9px;
font-weight: bold;
line-height: 15px;
position: relative;
zoom: 1;
color: #000000;
}
.s_caption{
text-align: left;
background-color: #000000;
margin: 0px;
padding: 0px;
color: #feebcb;
}
.s_author{color: #757575;}
.s_rate {
float: right;
*float: none;
}
#screen_pages{
width: 100%;
font-family: "Verdana", Arial;
font-size: 9px;
font-weight: bold;
line-height: 15px;
color: #feebcb;
background-color: #888888;
}
#screen_pages a{
text-decoration: none;
color: #222222;
}
#screen_pages a:hover{
color: #000000;
background-color: #feebcb;
}
.n_img {cursor: pointer;}
table.sort{/* <--------------------------------------- online */
width: 100%;
border-collapse: collapse;
font-family: "Arial";
font-size: 12px;
}
table.sort a {
color: #222b87;
text-decoration: none;
}
table.sort a:hover{text-decoration: underline}
table.sort td{border: 1px solid #c3c3c3}
table.sort thead td{
padding-left: 5px;
background: url("/images/table.gif") repeat-x;
color: #e7debf;
height: 17px;
font-family: "Tahoma", Arial;
font-weight: bold;
font-size: 11px;
cursor: pointer;
border: 1px solid #555555;
}
table.sort thead td.curcol img{float: right;}
table.sort tbody tr:hover{background-color: #c3c3c3;}
.table_app {
position: relative;
width: 100%;
height: 16px;
}
#tr_noselect:hover{background-color: #dedede}
.ta_block {
float: left;
margin-left: 6px;
padding-left: 15px;
text-align: left;
position: relative;
background: url("/images/tt_sizer.gif") repeat-x;
height: 16px;
width: 50px;
line-height: 16px;
border-left: 1px solid #5b5b5b;
}
.ta_block2 {
float: left;
margin-left: 6px;
padding-left: 15px;
text-align: left;
position: relative;
background: url("/images/tt_sizer2.gif") repeat-x;
height: 16px;
width: 50px;
line-height: 16px;
border-left: 1px solid #cfcfcf;
}
.ta_end2 {
position: absolute;
width: 16px;
height: 16px;
top: 0px;
left: 65px;
background: url("/images/tt_end2.gif") no-repeat;
}
.ta_block2 a {
color: #353535;
font-family: "Tahoma", Arial;
font-weight: bold;
font-size: 10px;
text-decoration: none;
}
.ta_block2 a:hover{text-decoration: underline;}
.ta_end {
position: absolute;
width: 16px;
height: 16px;
top: 0px;
left: 65px;
background: url("/images/tt_end.gif") no-repeat;
}
.ta_sel a{
color: #e7debf;
font-family: "Tahoma", Arial;
font-weight: bold;
font-size: 10px;
text-decoration: none;
}
.ta_ico_map {
position: absolute;
left: -88px;
top: -19px;
width: 88px;
height: 35px;
background: url("/images/ico_map.gif") no-repeat;
}
.ta_map {
position:relative;
float: right;
}
.ta_ico_map:hover .ico_hover {display: block}
.ta_map a:hover {color: #ffffff}
.ta_map a {
position: absolute;
top: 20px;
left: 18px;
color: #e7debf;
font-family: "Tahoma", Arial;
font-weight: bold;
font-size: 10px;
text-decoration: none;
}
.ico_hover {
display: none;
position: absolute;
width: 34px;
height: 34px;
background: url("/images/ico_map_hover.gif")no-repeat;
top: 0px;
left: 50px;
}
.table_end {
width: 100%;
height: 1px;
background-color: #c3c3c3;
}
#pages_box {
margin-top: 5px;
height: 30px;
width: 300px;
text-align: left;
}
#links a {
margin: 0 3px;
display: inline-block;
width: 20px;
height: 20px;
text-decoration: none;
color: #000000;
background-color: #c3c3c3;
border: 1px solid #c3c3c3;
line-height: 20px;
text-align: center;
}
#links a:hover{
color: #000000;
background-color: #feebcb;
}
#links a.currentPage{
background-color: #656565;
}
#links span{
color: #656565;
}
.online_map {
max-width: 890px;
max-height: 1280px;
}
.item_desc{
color: #2b2b2b;
font-family: "Tahoma", Arial;
font-size: 9px;
}
.castle_block {/* <--------------------------------------- сastles */
position: relative;
width: 190px;
height: 87px;
padding-left: 130px;
line-height: 17px;
text-align: left;
background-color: #cfcfcf;
margin: 5px 20px;
}
.castle_img {
position: absolute;
left: 2px;
top: 2px;
width: 120px;
height: 83px;
}
.castle_fblock{display: inline-block;}
.castle_wrapper{text-align: center;}
.stripe {/* <--------------------------------------- registration */
position: relative;
margin: 0 auto;
width: 300px;
height: 25px;
text-align: right;
font-weight: bold;
line-height: 22px;
}
.reg_input {
position: absolute;
left: 100px;
width: 143px;
background-color: #f4f4f4;
border: 1px solid #c3c3c3;
}
.reg_span {
position: absolute;
left: 0px;
width: 95px;
text-align: right;
}
.stripe_checkbox {
margin: 0 auto;
padding-left: 30px;
position: relative;
width: 510px;
height: 30px;
text-align: left;
line-height: 15px;
}
.reg_checkbox {
position: absolute;
left: 3px;
top: 7px;
}
.news_block {/* <--------------------------------------- news */
position: relative;
width: 95%;
margin: 0 auto;
min-height: 60px;
}
.news_headstripe {
width: 100%;
height: 20px;
}
.news_content {
margin-left: 85px;
width: 83%;
padding: 5px;
}
.news_commands {
text-align: right;
width: 100%;
height: 20px;
}
.news_commands a {
}
.news_img {
position: absolute;
width: 80px;
height: 80px;
top: 25px;
left: 0;
}
.ico_acc {/* <--------------------------------------- cabinet */
position: absolute;
left: 7px;
top: 10px;
}
.acc_block {
position: relative;
width: 291px;
min-height: 60px;
background: url("/images/frame291_up.gif") no-repeat top;
background-color: #cacaca;
}
.acc_textbox{
padding-top: 5px;
position: relative;
left: 60px;
width: 230px;
text-align: left;
min-height: 60px;
}
.acc_block a{
display: block;
width: 220px;
height: 20px;
line-height: 20px;
text-decoration: none;
text-align: left;
color: #2b2b2b;
}
.acc_block a:hover{
background-color: #2b2b2b;
color: #e7debf;
}
.acc_end{
width: 291px;
height: 7px;
background: url("/images/frame291_down.gif") no-repeat;
}
.com_textbox{
padding-top: 5px;
position: relative;
left: 5px;
width: 170px;
text-align: left;
line-height: 17px;
}
.com_textbox a{
display: block;
width: 210px;
text-decoration: none;
text-align: left;
color: #2b2b2b;
}
.com_textbox a:hover{
background-color: #2b2b2b;
color: #e7debf;
}
.acc_input {
width: 200px;
background-color: #f4f4f4;
border: 1px solid #c3c3c3;
}
#operator_input{
width: 164px;
}
.acc_submit {
position: relative;
left: 110px;
}
.acc_leftwrapper {
width: 50%;
display:inline-block;
margin-bottom: 30px;
margin-left: -14px;
}
.acc_rightwrapper {
width: 49%;
float: right;
margin-right: 5px;
}
.rubber_block {/* <--------------------------------------- cabinet, admin news */
position: relative;
margin: 0 auto;
width: 94%;
background-color: #cacaca;
}
.rubber_textbox {
margin: 15px 30px;
}
.rubber_tools {
margin: 2px 6px;
}
.rubber_ava {
position: absolute;
top: 5px;
left: 5px;
width: 62px;
height: 101px;
}
.rubber_title {
font-size: 16px;
padding: 2px 6px;
color: #FCFBF7;
font-weight: 700;
}
.rubber_title a {
color: #FCFBF7;
text-decoration: none;
}
.rubber_author {
padding-right: 6px;
float: right;
}
.rubber_cmd {
min-height: 12px;
text-align: right;
}
.rubber_cmd a {
text-decoration: none;
color: #2b2b2b;
}
.rubber_cmd a:hover{text-decoration: underline;}
.rubber_c1{
height: 6px;
width: 6px;
background: url("/images/c1.gif") no-repeat top;
}
.rubber_c2{
position: absolute;
margin-left: -6px;
left: 100%;
top: 0px;
height: 6px;
width: 6px;
background: url("/images/c2.gif") no-repeat top;
}
.rubber_c3{
position: absolute;
margin-left: -6px;
margin-top: -6px;
top: 100%;
left: 100%;
height: 6px;
width: 6px;
background: url("/images/c3.gif") no-repeat top;
}
.rubber_c4{
height: 6px;
width: 6px;
background: url("/images/c4.gif") no-repeat top;
}
.rubber_input {
background-color: #d4d4d4;
border: 1px solid #c3c3c3;
}
.rubber_textarea {
min-height: 220px;
min-width: 495px;
background-color: #d4d4d4;
border: 1px solid #c3c3c3;
}
.admin_warning {
margin-top: 40px;
position: relative;
width: 500px;
height: 100px;
text-align: left;
}
.aw_img {
position: absolute;
left: 340px;
top: -2px;
width: 130px;
height: 99px;
}
.rubber_url {
min-height: 20px;
text-align: left;
line-height: 20px;
}
.rubber_submit {
position: relative;
}
.message {
position: relative;
margin-left: 35px;
text-align: left;
height: 30px;
}
.message_ico {
position: absolute;
width: 30px;
height: 30px;
top: -10px;
left: -35px;
}
#servers_box {/*<--------------------------------------- About */
position: relative;
width: 100%;
height: 200px;
}
.server_hook1 {
position: relative;
width: 22%;
height: 4px;
top: 0px;
left: 3%;
}
.server_hook2 {
position: relative;
width: 22%;
height: 4px;
top: -4px;
left: 27%;
}
.server_hook3 {
position: relative;
width: 22%;
height: 4px;
top: -8px;
left: 51%;
}
.server_hook4 {
position: relative;
width: 22%;
height: 4px;
top: -12px;
left: 75%;
}
.server_block {
position: relative;
width: 100%;
height: 190px;
}
.server_block a{
display: block;
width: 100%;
height: 161px;
text-decoration: none;
z-index: 1;
}
.server_block a span{display: none;}
.server_block a:hover span{display: inline;}
.server_back1{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 161px;
background: url("/images/bartz_back.gif") no-repeat right;
background-color: #bbb9b5;
}
.server_back2{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 161px;
background: url("/images/sieghardt_back.gif") no-repeat;
background-color: #bbb9b5;
}
.server_back3{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 161px;
background: url("/images/kain_back.gif") no-repeat center;
background-color: #bbb9b5;
}
.server_back4{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 161px;
background: url("/images/erica_back.gif") no-repeat;
background-color: #bbb9b5;
}
.server_title{
position: absolute;
left: 5px;
top: 140px;
width: 119px;
height: 45px;
text-align: left;
z-index: 4;
}
.server_frame1{
position: absolute;
left: 0px;
top: 0px;
width: 4px;
height: 161px;
background: url("/images/server_frame1_left.gif") no-repeat;
z-index: 2;
}
.server_frame2{
position: absolute;
margin-left: -4px;
left: 100%;
top: 0px;
width: 4px;
height: 161px;
background: url("/images/server_frame1_right.gif") no-repeat;
z-index: 2;
}
.server_frame3{
position: absolute;
left: 0px;
top: 0px;
width: 4px;
height: 161px;
background: url("/images/server_frame2_left.gif") no-repeat;
z-index: 3;
}
.server_frame4{
position: absolute;
margin-left: -4px;
left: 100%;
top: 0px;
width: 4px;
height: 161px;
background: url("/images/server_frame2_right.gif") no-repeat;
z-index: 3;
}
.server_hover1{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 161px;
z-index: 2;
background: url("/images/bartz_color.jpg") no-repeat right;
cursor: pointer;
}
.server_hover2{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 161px;
z-index: 2;
background: url("/images/sieghardt_color.jpg") no-repeat;
cursor: pointer;
}
.server_hover3{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 161px;
z-index: 2;
background: url("/images/kain_color.jpg") no-repeat center;
cursor: pointer;
}
.server_hover4{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 161px;
z-index: 2;
background: url("/images/erica_color.jpg") no-repeat;
cursor: pointer;
}
.banner_vote {
position: absolute;
left: 90%;
top: 20px;
}
.sub_textbox {/*<--------------------------------------- donate */
margin-left: 240px;
}
.sub_textbox a{
color: #1c8924;
text-decoration: none;
}
.sub_textbox a:hover{
text-decoration: underline;
}
.donate_cap{
text-align: center;
color: #898989;
font-weight: bold;
font-size: 13px;
}
.donate_cap a{
font-size: 13px;
text-decoration: none;
color: #898989;
font-weight: bold;
}
.donate_cap a:hover{
text-decoration: underline;
color: #1c8924;
}
.donate_sel{color: #1c8924;}
.donate_input {width: 160px;}
.donate_select {width: 164px;}
.donatestripe_span {float: left;}