/* general */

body {
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #331601;
  font: 11px Verdana, Arial, Helvetica;
}
pre {
  color: #fff;
}

/* page */

div.page {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  position: relative;
  padding-left: 27px;
  padding-right: 27px;
  background-color: #26160b;
}

a.plain {
  color : inherit;
  font : inherit;
  text-decoration: none;
  display: block;
  padding: 5px;
  color: #8f7d6a;
}

a.plain:hover {
  color: #e2c29a;
}

div.page_l {
  position: absolute;
  z-index: 5;
  width: 27px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background-image: url(/img/website/page_border_l.gif);
}

div.page_r {
  position: absolute;
  z-index: 5;
  width: 27px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-image: url(/img/website/page_border_r.gif);
}

/* header */

div.header {
  margin-left: auto;
  margin-right: auto;
}

div.service_info {
  position:absolute;
  width: 325px;
  height: 25px;
  right: 40px;
  top: 15px;
  text-align: right;
}

span.version_info {
  color: #e6ba7e;
  font: bold 12px Verdana, Arial, Helvetica;
}

span.server_info {
  color: #d49760;
}

a.server_info {
  color: #d49745;
}


/* sub header */

div.sub_header {
  position: relative;
  background-image: url(/img/website/subheader_f.gif);
  background-repeat: repeat-x;
  padding-left: 29px;
  padding-right: 29px;
  height: 35px;
  text-align: center;
}

img.subheader_logo {
  position: absolute;
  left: 35px;
  top: 8px;
}

div.sub_header_ad_logged_out {
  color: #d49760;
  text-align: center;
  padding-top: 15px;
}


div.sub_header_ad {
  color: #d49760;
  padding-top: 15px;
  padding-left: 190px;
  text-align: left;
}

a.subheader {
  color: #ac360f;
  font: bold 10px Verdana, Arial, Helvetica;
}

a.subheader:hover {
  color: #f2ac19;
}

span.subheader {
  color:#58463c;
}

span.subheader_user {
  font-weight: bold;
  color: #f2ac19;
}

div.ad_header {
  padding-top: 10px;
  padding-bottom: 10px;
}

div.ad_side_float {
  position: absolute;
  right: -120px;
  top: 5px;
}

div.ad_header_c {
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  border: 1px #942525 solid;
  width: 728px;
}


img.sub_header_l {
  position: absolute;
  left: 0px;
  top: 0px;
}

img.sub_header_r {
  position: absolute;
  right: 0px;
  top: 0px;
}

div.copyright {
  text-align: center;
  font: 10px Verdana, Arial, Helvetica;
  color: #ab9c8a;
  margin-top: 20px;
}

/* content */

hr {
  color: #d8914a;
  border-color: #d8914a;
  border: none;
  border-bottom: 1px #d8914a dashed;
}

div.content {
  padding-bottom: 1000px;
  border-left: 2px #27160c solid;
  border-right: 2px #27160c solid;
  position: relative;
}

div.content_r {
  margin-left:200px;
  padding-top: 1px;
}

span.important {
  color: #881d00;
  font-weight: bold;
}
span.important_2 {
  color: #a72400;
  font-weight: bold;
}

span.important_3 {
  color:#ba815e;
  font-weight: bold;
}

img.important {
  border:1px #ba815e solid;
  padding: 1px;
}



h1.welcome {
  font: bold 18px Verdana, Arial, Helvetica;
  color: #881d00;
  margin: 0px;
}

h4.welcome {
  color: #4b1000;
  font: 11px Verdana, Arial, Helvertica;
  margin: 0px;
  margin-bottom: 10px;
}

h2, div.header_1 {
  font: bold 14px Verdana, Arial, Helvetica;
  color: #881d00;
}
h2.header_3, div.header_3 {
  font: bold 14px Verdana, Arial, Helvetica;
  color: #a72400;
}

div.header_2 {
  font: 10px Verdana, Arial, Helvetica;
  margin-bottom: 5px;
}

pre {
  color: #000;
  margin: 0px;
}

td.news {
  font: bold 12px Verdana, Arial, Helvetica;
  color: #ab9c8a;
}

table.news {
  margin-top: 15px;
  width : 200px;
}

div.content_inner {
  margin-bottom: 10px;
  padding: 5px;
  background-color: #9e8c78;
}

a.news {
  color: #8e3e24;
  font-weight: bold;
}

table.login_form {
  margin-bottom: 10px;
}

div.info {
  font-style: italic;
}

a {
  color: darkred;
}

div.menu {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
}

div.menu_auth {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
}



td {
  vertical-align: top;
}

td.h {
  font-weight: bold;
  background-color: #8f7d6a;
  padding: 5px;
}

td.n {
  padding: 5px;
  font-style: italic;
}

td.f {
  padding: 5px;
}

table.form {
  margin-top: 15px;
}

form {
  padding: 0px;
  margin: 0px;
}

.form_text {
  font: bold 10px Verdana, Arial, helvetica;
  background-color: #8a775f;
  border: 1px #70522e solid;
  padding: 3px;
  color: #fff;
}

input.inner {
  background-color: #1b120a;
  color: #ab9c89;
  font: 10px Verdana, Arial, Helvetica;
  border: 1px #504235 solid;
  padding: 3px;
}

.err, .inf {
  background-color: #8f7d6a;
  margin-bottom: 2px;
  padding: 5px;
}
.s {
  padding-top: 10px;
}

th.listing {
  background-color: #312418;
  color: #987350;
  font: bold 11px Verdana, Arial, Helvetica;
  text-align: left;
  padding: 5px;
  cursor : pointer;
}

span.listing_act_name {
  color: #6d5d4c;
}

td.listing0 {
  vertical-align: middle;
  font: bold 10px Verdana, Arial, Helvetica;
  color: #8f7d6a;
  background-color: #372a1e;
  padding-left: 5px;
}

td.listing1 {
  vertical-align: middle;
  font: bold 10px Verdana, Arial, Helvetica;
  color: #8f7d6a;
  background-color: transparent;
  padding-left: 5px;
}
td.listing_e0 {
  vertical-align: middle;
  font: bold 10px Verdana, Arial, Helvetica;
  color: #8f7d6a;
  background-color: #372a1e;
  padding: 3px;
  padding-left:5px;
}

td.listing_e1 {
  vertical-align: middle;
  font: bold 10px Verdana, Arial, Helvetica;
  color: #8f7d6a;
  background-color: transparent;
  padding: 3px;
  padding-left:5px;
}

td.listing_l0 {
  vertical-align: middle;
  font: bold 10px Verdana, Arial, Helvetica;
  color: #8f7d6a;
  background-color: #271a0f;
  padding: 3px;
  padding-left:5px;
}

td.listing_l1 {
  vertical-align: middle;
  font: bold 10px Verdana, Arial, Helvetica;
  color: #8f7d6a;
  background-color: #2e2116;
  padding: 3px;
  padding-left:5px;
}


table.listing {
  border-collapse: collapse;
  border: none;
}

span.listing_status, div.listing_title {
  font: 10px Verdana, Arial, Helvetica; 
  color: #987350;
}

span.listing_status {
  color: #9ec455;
}

div.listing_0 {
  background-color: transparent;
}

div.listing_1 {
  background-color: #30241a;
}

a.menu {
  background-color: #8f7d6a;
  display:block;
  margin-top: 5px;
  padding: 3px;
  color: #502314;
  font: bold 10px Verdana, Arial, Helvetica;
}

a.menu:hover {
  color: #d4c6c1;
  background-color: #7e6953;
}

a.menu_important {
  background-color: #451100;
  display:block;
  margin-top: 5px;
  padding: 3px;
  color: #c9aba8;
  font: bold 10px Verdana, Arial, Helvetica;
}

a.menu_important:hover {
  color: #fff;
  background-color: #7c170e;
}


img {
  border: none;
}

div.logo {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* footer */

a.footer {
  color: #f2ac19;
}

/* message */

/* window */

div.window {
  position: relative;
  margin: 3px;
}

div.window_u {
  position: relative;
  height: 25px;
  margin-left: 30px;
  margin-right: 30px;
  background-image: url(/img/website/win_uf.gif);
} 

img.window_ul {
  position: absolute;
  left: -30px;
  top: 0px;
}

img.window_ur {
  position:absolute;
  right: -30px;
  top: 0px;
}

div.window_u2 {
  position: relative;
  height: 35px;
  padding-left: 30px;
  padding-right: 30px;
  background-image: url(/img/website/win_u2_f.gif);
}

div.window_header {
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  color: #7d6b60;
  font: bold 11px Verdana, Arial, Helvetica;
}

img.window_u2_l {
  position: absolute;
  left: 0px;
  top: 0px;
}

img.window_u2_r {
  position: absolute;
  right: 0px;
  top: 0px;
}

div.window_content {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #ab9c8a;
}

div.window_border_l {
  position: absolute;
  width: 30px;
  background-image: url(/img/website/win_l.gif);
  background-repeat: repeat-y;
  top: 0px;
  left: 0px;
  bottom: 0px;
}

div.window_border_r {
  position: absolute;
  width: 30px;
  background-image: url(/img/website/win_r.gif);
  background-repeat: repeat-y;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

div.window_subheader {
  position: relative;
  background-image:url(/img/website/win_header_f.gif);
  background-repeat: repeat-x;
  height: 26px;
  margin-left: -2px;
  margin-right: -2px;
  color: #a7877c;
  font: bold 11px Verdana, Arial, Helvetica;
  padding-top: 5px;
}

img.window_subheader_l {
  position: absolute;
  top: 0px;
  left: -28px;
}

img.window_subheader_r {
  position: absolute;
  top:0px;
  right: -28px;
}

div.window_footer {
  position: relative;
  background-image: url(/img/website/win_footer_f.gif);
  background-repeat: repeat-x;
  height: 25px;
  margin-left: 30px;
  margin-right: 30px;
}

img.window_footer_l {
  position: absolute;
  top: 0px;
  left: -30px;
}

img.window_footer_r {
  position: absolute;
  top: 0px;
  right: -30px;
}

img.window_button {
  position:absolute;
  right: 20px;
  top: 8px;
  cursor:pointer;
}

/* module */

div.module {
  padding: 5px;
}

/* game */

.Warrior_h {
  color: #5263cc;
  font: bold 14px Verdana, Arial, Helvetica;
}

.field_h {
 background-color: #30261e;
 padding:5px; 
 text-align:right;
 font-weight:bold;
 color:#c9bcac;
}

.field {
  background-color: #1d1510;
  color: #908478;
  vertical-align: middle;
  border:none;
  font: bold 10px Verdana, Arial, Helvetica;
  padding: 3px;
}

.tooltip_header {
  color: #d8914a;
}

div.tooltip_header {
  margin-bottom: 5px;
  margin-top: 5px;
}

.tooltip_link {
  cursor: pointer;
  text-decoration: underline;
  color: #ac360f;
}

.scrolltext_bad, .scrolltext_neutral, .scrolltext_good {
  font: bold 14px Verdana, Arial, Helvetica;
}

.scrolltext_big_bad, .scrolltext_big_neutral, .scrolltext_big_good {
  font: bold 16px Verdana, Arial, Helvetica;
}

.scrolltext_bad, .scrolltext_big_bad {
  color: #bd1912;
}

.scrolltext_good, .scrolltext_big_good {
  color: #37c110;
}

.scrolltext_neutral, scrolltext_big_neutral {
  color: purple;
}

.scrolltext_small {
  font-size: 10px;
}

/* combat log */

.log_entry_friendly {
  font: bold 11px Verdana, Arial, Helvetica;
  color: #8f7f6f;
  padding: 3px;
  margin: 2px;
  background-color: #30261e;
}

.log_entry_hostile {
  font: bold 11px Verdana, Arial, Helvetica;
  color: #9b0302;
  padding: 3px;
  margin: 2px;
  background-color: #30261e;
}

.log_spell {
  color: #bf8c57;
}

.log_enchantment {
  color: #9763cc;
}

.log_talk {
  color: #d3b96a;
  font: bold italic 11px Verdana, Arial, Helvetica;
}

.stat_name {
  font: bold 10px Verdana, Arial, Helvetica;
  color: #b78555;
  padding: 3px;
}

.stat_entry {
  padding: 3px;
}

.stat_value {
  font: bold 10px Verdana, Arial, Helvetica;
  position: absolute;
  right: 5px;
  padding: 3px;
  top: 0px;
}
.stat_value_enchanted {
  font: bold 10px Verdana, Arial, Helvetica;
  position: absolute;
  color: #89aa03;
  right: 5px;
  padding: 3px;
  top: 0px;
}

div.minion_drag {
  background-color: #000;
  border: 2px #d8914a solid;
  position:absolute;
  width:50px;
  overflow:hidden;
  height:50px;
}

div.target_friendly_selected {
  background-color: #525e20;
  border: 1px #5aff00 solid;
}

div.target_hostile_selected {
  background-color:#692004;
  border: 1px #ff0000 solid;
}

div.target_friendly {
  background-color: #525e20;
  border: 1px #81a102 solid;
}

div.target_hostile {
  background-color:#692004;
  border: 1px #912b07 solid;
}

div.name_friendly {
  color: #41a116;
}

div.name_hostile {
  color: #c20f0f;
}

.maybe {
}

.yes {
  color: green;
}

.no {
  color: red;
}

.tiny_info {
  font: 10px Verdana, Arial, Helvetica;
}

.retry_counter {
  font: bold 18px Verdana, Arial, Helvetica;
  vertical-align: middle;
  color: #822709;
}

.defeat_counter {
  font: bold 18px Verdana, Arial, Helvetica;
  vertical-align: middle;
  color: #73ae1e;
}
span.victory {
  color:#148f20;
}
span.defeat {
  color:#a8190e;
}
.difficulty_1 {
  color: #4a8121;
}
.difficulty_2 {
  color: #6c71bc;
}
.difficulty_3 {
  color: #987350;
}
.difficulty_4 {
  color: #885098;
}
.difficulty_5 {
  color: #b11818;
}
.difficulty_6 {
  color: #fe9e14;
}



/*************************************************/
/** Module Styles */

/** COMMON MODULE: Start */

.mod_header {
  font: bold 24px Verdana, Arial, Helvetica;
  color: #987350;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 15px;
}

.mod_header_c {
  font: bold 24px Verdana, Arial, Helvetica;
  color: #987350;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 15px;
  text-align:center;
}


.mod_sub_header {
  font: bold 14px Verdana, Arial, Helvetica;
  color: #987350;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 15px;
}


.mod_info {
  margin-left: 20px;
  margin-right: 20px;
  font: 11px Verdana, Arial, Helvetica;
  color: #ab9c89;
}
.mod_link {
  margin-left: 20px;
  margin-right: 20px;
  font: bold 11px Verdana, Arial, Helvetica;
  color: #f2ac17;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}



.mod_info_c {
  margin-left: 20px;
  margin-right: 20px;
  font: 11px Verdana, Arial, Helvetica;
  color: #ab9c89;
  text-align:center;
  padding-bottom: 10px;
}

.mod_inline {
  font: 10px Verdana, Arial, Helvetica;
  color: #ab9c89;
}

.mod_list_notify {
  background-color: #000;
  color: #987350;
  font: bold 14px Verdana, Arial, Helvetica;
  text-align:center;
}

.mod_panel_header {
  font: bold 11px Verdana, Arial, Helvetica;
  color: #ab9c89;
  background-color: #3a2b1f;
  padding: 3px;
}


/** COMMON MODULE: End */

/** RANDOM ENCOUNTER: Start */

.mod_re_difficulty {
  background-color: #37291e;
}

.mod_re_difficulty_option {
  padding: 5px;
}

.mod_re_difficulty_option_hover {
  padding: 5px;
  background-color: #2e2015;
}

.mod_re_difficulty_option_selected {
  padding: 5px;
  background-color: #000;
}

.mod_re_opt_header {
  background-color: #000;
  font: bold 18px Verdana, Arial, Helvetica;
  color: #987350;
  padding: 3px;
}


.mod_re_difficulty_1 {
  color: #4a8121;
  font: bold 14px Verdana, Arial, Helvetica;
}
.mod_re_difficulty_2 {
  color: #6c71bc;
  font: bold 14px Verdana, Arial, Helvetica;
}
.mod_re_difficulty_3 {
  color: #987350;
  font: bold 14px Verdana, Arial, Helvetica;
}
.mod_re_difficulty_4 {
  color: #885098;
  font: bold 14px Verdana, Arial, Helvetica;
}
.mod_re_difficulty_5 {
  color: #b11818;
  font: bold 14px Verdana, Arial, Helvetica;
}
.mod_re_difficulty_6 {
  color: #fe9e14;
  font: bold 14px Verdana, Arial, Helvetica;
}


.mod_re_difficulty_text {
  color: #ab9c89;
  font: 10px Verdana, Arial, Helvetica;
}

.mod_re_worldmap {
  border: 1px #000 solid;
  background-color: #000;
}

/** RANDOM ENCOUNTER: End */

/** LOYALITY MODULE: Start */

.mod_loyality_link {
  color: #e5ae18;
  font: bold 12px Verdana, Arial, Helvetica;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 5px;
  padding: 3px;
  background-color: #35271c;
}

.mod_loyality_badges {
  color: #987350;
  font: bold 18px Verdana, Arial, Helvetica;
  margin-left: 60px;
  margin-right: 20px;
  padding: 3px;
}

.mod_loyality_convert {
  color: #ab9c89;
  font: 11px Verdana, Arial, Helvetica;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 15px;
}

.mod_loyality_convert_header {
  background-color:#35271c;
  padding:3px;
  padding-top: 6px;
  text-align: right;
  color: #ab9c89;
  padding-right: 5px;
  font: bold 11px Verdana, Arial, Helvetica;
}


.mod_loyality_convert_result {
  background-color:#35271c;
  padding:3px;
  padding-top:3px;
  text-align: right;
  color: #ab9c89;
  padding-left: 5px;
  font: bold 11px Verdana, Arial, Helvetica;
}

.mod_loyality_convert_result_2 {
  background-color:#35271c;
  padding:3px;
  padding-top:15px;
  text-align: right;
  color: #ab9c89;
  padding-left: 5px;
  font: bold 11px Verdana, Arial, Helvetica;
}

.mod_loyality_convert_data {
  padding:3px;
  color: #ab9c89;
  background-color: #392b20;
  font: 11px Verdana, Arial, Helvetica;
}


.mod_loyality_sub {
  color: #987350;
  font: 10px Verdana, Arial, Helvetica;
}

.mod_loyality_sub_2 {
  font: 9px Verdana, Arial, Helvetica;
}


/** LOYALITY MODULE: End */

/** ENCHANTER MODULE: Start */

.mod_enc_frame {
  background-color: #33261b;
}
.mod_enc_item {
  background-color: #25160d;
}
.mod_enc_wealth {
  background-color: #25160d;
  color: #ab9c89;
  text-align: right;
  font: bold 10px Verdana, Arial, Helvetica;
  padding: 3px;
}



/** ENCHANTER MODULE: End */

/** SETTINGS MODULE: Start */

.mod_cfg_header {
  background-color: #41352b;
  color: #987350;
  font: bold 14px Verdana, Arial, Helvetica;
  padding: 5px;
}

.mod_cfg_panel {
  width:677px;
  height:380px;
  padding: 5px;
}

.mod_cfg_fld {
  background-color: #1b120a;
  color: #ab9c89;
  font: 10px Verdana, Arial, Helvetica;
  border: 1px #594d3f solid;
  padding: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
  width: 200px;
}

.mod_cfg_info {
  font: 10px Verdana, Arial, Helvetica;
  color: #8f7d6a; 
}

/** SETTINGS MODULE: End */

.mod_rp_panel {
  margin-left: 20px;
  margin-right: 20px;
}

.talk_bubble {
  padding: 5px;
}
.talk_bubble_content {
  padding: 2px;
  background-color: #f0efed;
  color: #957967;
  font: bold italic 12px Verdana, Arial, Helvetica;
  text-align:center;
}
.talk_bubble_header {
  color: #bcaca1;
  font: 10px Verdana, Arial, Helvetica;
  padding-bottom: 15px;
}

/** ACHIEVEMENTS MODULE: Start */

.mod_achievement_header {
  font: bold 11px Verdana, Arial, Helvetica;
  color: #b78555;
}

.mod_achievement_status {
  font: bold 11px Verdana, Arial, Helvetica;
  color: #b78555;
}

.mod_achievement_entry_2 {
  color: #ecb040;
  font-weight: bold;
}
.mod_achievement_entry_3 {
  color: #a33916;
}
.mod_achievement_entry_4 {
  color: #ab9c8a;
}

/** ACHIEVEMENT NOTIFICATION MODULE: start */

.mod_anotify_display {
  padding: 20px;
}