/**** game/stamm_new_menu.css ****/
/*d94aa665c5664e406f7608e77a1605cb*/
.quickbar {
    border: 1px solid black;
    background-color: #F1EBDD;
    border-spacing: 1px;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
}

.quickbar li {
    padding: 0px;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
    background-color: #F8F4E8;
    background-image: url(/graphic/background/grey.jpg?e4f4d);
    display: inline;
}

/**** game/stamm.css ****/
/*5f6c827d71637ffe57709fb7ecdc9ef6*/
a {
    font-weight: 700;
    text-decoration: none;
    color: #603000;
}

td {
    padding: 0;
    margin: 0;
}

a:hover {
    color: #e01f0f;
}

.selected a {
    color: #803000;
}

.selected a:hover {
    color: #e01f0f;
}

.warn,
.warn_90,
.res {
    background: transparent scroll top left no-repeat;
}

.overview_table .warn,
.overview_table .warn_90,
.overview_table .res,
.small .warn,
.small .warn_90,
.small .res {
    padding: 1px 1px 1px 18px;
}

.rtt {
    display: block;
    height: 10px;
    width: 10px;
    background: transparent scroll top left no-repeat;
}

.rtt.green {
    background-image: url(/graphic/dots/green.png?4060d);
}

.rtt.yellow {
    background-image: url(/graphic/dots/yellow.png?9afe1);
}

.rtt.brown {
    background-image: url(/graphic/dots/brown.png?b441b);
}

.rtt.grey {
    background-image: url(/graphic/dots/grey.png?e7c17);
}

.rtt.down {
    width: 11px;
    height: 12px;
    background-image: url(/graphic/overview/down3.png?c8e44);
}

.research_tech_button {
    margin: 1px 1px 0;
}

.hidden {
    color: #b19661;
}

.oldStyleOnly {
    display: none;
}

#inner-border>.main {
    border: none;
    width: 100%;
    border-spacing: 0;
}

.timer_replace span {
    display: none;
}

form {
    margin: 0;
}

p:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h1+p,
h2+p,
h3+p,
h4+p,
h5+p {
    margin-top: 0;
}

.nowrap {
    white-space: nowrap;
}

.blind {
    border-spacing: 0;
    padding: 0;
}

table.left {
    float: left;
}

.vis {
    border-collapse: separate;
    word-wrap: normal;
}

.vis.tall tr td {
    line-height: 30px;
}

.vis td,
.vis_item {
    background: #f4e4bc;
}

.requ_error {
    display: none;
}

.error>div>.requ_error {
    display: block;
    font-weight: normal;
    font-size: 10px;
}

.vis_item.error {
    background-color: #FFccAA;
}

.vis .no_bg {
    background: transparent;
}

.vis .align_right {
    text-align: right;
}

.vis .units_away>td {
    background: #f7eed3;
}

.vis .row_a>td,
.vis .row_a>tr>td {
    background: #f0e2be;
}

.vis .row_b>td,
.vis .row_a>tr>td {
    background: #fff5da;
}

.vis>h4 {
    padding: 3px;
    margin: 0px;
}

.vis>ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

div.vis {
    border: 1px solid #7d510f;
    margin: 15px 5px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(60, 30, 0, 0.2);
    box-shadow: 1px 1px 2px 1px rgba(60, 30, 0, 0.2);
}

.vis_item {
    padding: 3px;
    margin: 1px;
    word-wrap: break-word;
}

.vis_item label {
    display: block;
    margin: 5px 0px;
}

.vis_item input,
.vis_item select {
    margin: 0px 5px;
}

.vis .selected,
.vis .selected>td,
.overview_table .selected>td {
    background: #ffe0a2;
}

.overview_table .nohover {
    background: #f8eccc;
}

th,
.vis>h4 {
    font-size: 9pt;
    text-align: left;
    font-weight: 700;
    background-color: #c1a264 !important;
    background-image: url(/graphic/index/tableheader_bg3.png?2cef7);
    background-repeat: repeat-x;
}

.outerBorder {
    position: relative;
    z-index: 0;
}

.innerBorder {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    z-index: 0;
    border: 1px solid #85550d;
}

.outerBorder table,
.outerBorder form {
    position: relative;
    z-index: 2;
}

#main_layout {
    margin: 0 auto;
    padding: 0;
    background: transparent;
    z-index: 3;
    border-spacing: 0;
    cursor: default;
}

#main_layout .modemenu a {
    display: block;
    white-space: normal;
}

#main_layout .topbar {
    height: 48px;
    background: transparent;
    z-index: 11000;
    text-align: center;
}

#main_layout .topbar.fixed {
    position: absolute;
}

#main_layout .left {
    width: 25px;
    background: transparent;
}

#main_layout .right {
    width: 25px;
    background: transparent;
}

#main_layout .bg_left {
    width: 25px;
    overflow: hidden;
    vertical-align: top;
    background: transparent url(/graphic/index/mainborder-left.png?b2dbc) scroll left top repeat-y;
}

#main_layout .bg_right {
    width: 25px;
    overflow: hidden;
    vertical-align: top;
    background: transparent url(/graphic/index/mainborder-right.png?bb461) scroll right top repeat-y;
}

#main_layout .bg_left .bg_left {
    width: 25px;
    height: 200px;
    background: transparent url(/graphic/index/mainborder-left-top.png?628ea) scroll left top no-repeat;
}

#main_layout .bg_right .bg_right {
    width: 25px;
    height: 200px;
    background: transparent url(/graphic/index/mainborder-right-top.png?b55ab) scroll right top no-repeat;
}

#main_layout .bg_leftborder {
    background: transparent url(/graphic/index/mainborder-left.png?b2dbc) scroll left top repeat-y;
}

#main_layout .bg_rightborder {
    background: transparent url(/graphic/index/mainborder-right.png?bb461) scroll right top repeat-y;
}

#main_layout .bg_bottomleft {
    width: 25px;
    background: transparent url(/graphic/index/mainborder-corner-left.png?858d8) scroll left top no-repeat;
}

#main_layout .bg_bottomright {
    width: 25px;
    background: transparent url(/graphic/index/mainborder-corner-right.png?e2d89) scroll right top no-repeat;
}

#main_layout .bg_bottomcenter {
    height: 25px;
    background: transparent url(/graphic/index/mainborder-bottom.png?9b933) scroll right top repeat-x;
}

.maincell {
    padding: 0 0 5px;
    vertical-align: top;
    background: #f2e4c1 url(/graphic/index/bg-shaded.png?83835) scroll left top repeat-x;
}

.maincell table {
    border-spacing: 0;
    border-collapse: collapse;
}

#SkyScraperAd,
#SkyScraperAdLeft {
    position: fixed;
    top: 50px;
    margin-left: 20px;
    height: 600px;
    z-index: 2;
    overflow: hidden;
}

#SkyScraperAdLeft {
    margin-left: -300px;
}

#ContentAd {
    margin: 10px auto;
    text-align: center;
}

.quickbar {
    border-spacing: 1px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu {
    border: none;
    background-repeat: no-repeat;
    background: transparent none scroll left top no-repeat;
}

#menu_row>.menu-item {
    padding: 0;
    margin: 0;
    height: 43px;
    white-space: nowrap;
    background: transparent url(/graphic/index/topbutton-right.png?f8a86) scroll right top no-repeat;
    border-collapse: collapse;
    text-align: left;
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    vertical-align: top;
    text-align: left;
}

#menu_row>.menu-item:hover {
    background: transparent url(/graphic/index/topbutton-right.png?f8a86) scroll right bottom no-repeat;
}

#menu_row .lpad,
#menu_row>.lpad:hover {
    width: 1px;
    min-width: 1px;
    background: transparent none !important;
}

#menu_row>.rpad,
#menu_row>.rpad:hover {
    width: 3px;
    min-width: 3px;
    background: transparent none !important;
}

#topTable {
    margin: 2px auto;
    border-spacing: 0;
    text-align: center;
}

#a#b,
#topTable {
    margin: 0px auto;
}

.fixed #topTable {
    margin: 0px auto;
}

#topTable table {
    margin: 0 auto;
    min-width: 900px;
}

#topTable .menu_column {
    min-width: 1px;
    white-space: nowrap;
}

#topTable .menu-column-item,
#topTable .menu-column-item a {
    white-space: nowrap;
    width: auto;
}

#topContainer {
    position: fixed;
    top: 2px;
    left: 0;
    width: 100%;
    margin-top: 0;
    text-align: center;
}

.topbar .menu tr #topdisplay {
    background: transparent url(/graphic/index/topdisplay-left.png?403aa) scroll left -4px no-repeat;
    padding: 0 0 0 5px;
    height: 43px;
    line-height: 18px;
    z-index: 1;
    width: auto;
    margin: 0 6px 0 2px;
}

#topdisplay:hover {
    background: transparent url(/graphic/index/topdisplay-left.png?403aa) scroll left -4px no-repeat;
}

#topdisplay .bg {
    position: static;
    height: 43px;
    padding: 0 11px 0 5px;
    background: transparent url(/graphic/index/topdisplay-right.png?92172) scroll right -4px no-repeat;
    margin: 0;
    width: auto;
}

#topdisplay .bg .rank {
    color: #fff;
    text-align: center;
    background: none;
}

#rank_rank,
#rank_points {
    color: #fff;
    -moz-transition: color 2.5s;
    -webkit-transition: color 2.5s;
    -o-transition: color 2.5s;
    -ms-transition: color 2.5s;
    transition: color 2.5s;
}

#rank_rank.increased,
#rank_points.increased {
    color: #F0D49A;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

#topdisplay a {
    padding: 5px 0 0;
    height: 16px;
}

#topdisplay .bg a:hover {
    color: #f0d49a;
}

.menu .menu_column tr,
.menu .menu_column {
    background-image: none;
}

.topbar .menu a {
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    padding: 15px 15px 0 13px;
    display: block;
    height: 28px;
    text-align: center;
    background: transparent none;
}

.topbar a.manager_icon {
    height: 18px;
    width: 18px;
    padding: 1px;
    margin-top: 1px;
    background-repeat: no-repeat;
}

#menu_row>td.menu-item>a {
    background: transparent url(/graphic/index/topbutton-left.png?d1629) scroll left top no-repeat;
    position: relative;
    left: -2px;
    padding: 15px 15px 0;
    font-size: 10px;
}

#menu_row>td.menu-item:hover>a {
    background: transparent url(/graphic/index/topbutton-left.png?d1629) scroll left bottom no-repeat;
}

#topdisplay .bg a {
    width: auto;
    font-size: 10px;
}

.topbar .buttonicon {
    position: relative;
    width: 12px;
    height: 12px;
    top: -28px;
    left: 14px;
    margin-bottom: -12px;
}

.topbar .buttonicon a {
    padding: 0;
    margin: 0;
}

#quickbar_outer {
    margin: 0 auto;
    padding: 0;
}

#quickbar_inner {
    margin: 0;
    padding: 0;
    width: 100%;
}

#quickbar_inner .left {
    background: transparent url(/graphic/index/iconbar-ml.png?c63c5) scroll left top repeat-y;
    width: 15px;
}

#quickbar_inner .main {
    background: transparent url(/graphic/index/iconbar-mc.png?0c9c1) scroll left top repeat;
    text-align: center;
}

#quickbar_inner .right {
    background: transparent url(/graphic/index/iconbar-mr.png?ac70c) scroll right top repeat-y;
    width: 15px;
    position: static;
}

#quickbar_inner .topborder .left {
    background: transparent url(/graphic/index/iconbar-tl.png?c7afe) scroll left top no-repeat;
    height: 4px;
}

#quickbar_inner .topborder .main {
    background: transparent url(/graphic/index/iconbar-tc.png?2119b) scroll left top repeat-x;
    height: 4px;
}

#quickbar_inner .topborder .right {
    background: transparent url(/graphic/index/iconbar-tr.png?509d4) scroll right top no-repeat;
    height: 4px;
}

#quickbar_inner .bottomborder .left {
    background: transparent url(/graphic/index/iconbar-bl.png?80a7c) scroll left top no-repeat;
    height: 4px;
}

#quickbar_inner .bottomborder .main {
    background: transparent url(/graphic/index/iconbar-bc.png?20d9e) scroll left top repeat-x;
    height: 4px;
}

#quickbar_inner .bottomborder .right {
    background: transparent url(/graphic/index/iconbar-br.png?fc1cf) scroll right top no-repeat;
    height: 4px;
}

#quickbar_inner .quickbar {
    border: none;
    background: none;
    margin: 0 auto;
    padding: 1px 0;
}

#quickbar_inner li {
    display: inline-table;
    margin: 0 5px 0 4px;
    padding: 0;
}

#quickbar_inner .separator {
    border-right: 1px dotted #302e27;
    width: 1px;
    overflow: hidden;
}

#quickbar_inner .quickbar img {
    vertical-align: -3px;
    margin-right: 2px;
}

ul.quickbar>li {
    background: transparent;
}

.icon-box {
    background: transparent url(/graphic/index/statusbar-separator1.png?2f5d0) scroll left top no-repeat;
    padding-left: 3px;
}

.box-item:first-child {
    background: transparent url(/graphic/index/statusbar-left.png?2ae71) scroll left top no-repeat;
}

.box-item.separate {
    background: transparent url(/graphic/index/statusbar-separator2.png?20472) scroll left top no-repeat;
    padding-left: 5px;
}

#header_info {
    background: transparent;
    background-image: none !important;
    margin: 0 auto 2px;
    padding: 0;
}

#header_info table {
    border: none;
    height: 26px;
}

.header-border {
    background: transparent url(/graphic/index/statusbar-center.png?e0ab7) scroll left top repeat-x;
    height: 26px;
    padding: 0;
    width: 1px;
}

.header-border .box {
    background: transparent url(/graphic/index/statusbar-right.png?2d032) scroll right top no-repeat;
}

.header-border .box .box-item.firstcell {
    padding: 0 3px;
}

.header-border .firstcell {
    background: transparent url(/graphic/index/statusbar-left.png?2ae71) scroll left top no-repeat;
}

.header-border .box-item {
    padding: 0 3px;
}

.header-border .smallPadding .box-item,
.header-border .no-gap .box-item {
    padding: 0 3px 0 0;
}

.header-border .smallPadding .box-item.separate {
    padding-left: 5px;
}

.header-border .smallPadding .icon-box,
.header-border .smallPadding .icon-box.separate {
    padding: 0 1px 0 4px;
}

.header-border .no-gap .icon-box:first-child {
    padding: 0 0 0 2px;
}

.icon-box a,
.no-gap .icon-box a {
    height: 20px;
    padding: 2px 0 0;
}

table.no-gap .icon-box a {
    height: 19px;
    padding: 3px 2px 0;
}

#menu_row2 {
    height: 26px;
}

.icon-box .village_switch_link,
.icon-box .jump_link {
    display: block;
    width: 16px;
    height: 22px;
    padding: 0;
}

.arrowCell {
    padding: 0 2px 0 3px !important;
}

#pop_max_label {
    padding-right: 5px;
}

#storage {
    padding: 0 3px 0 1px;
}

#header_info span.icon {
    margin: 0 1px 0 0;
}

#header_info table {
    margin-left: 5px;
}

#header_info td:first-child table {
    margin-left: 0;
}

.arrowCell span {
    width: 16px;
    height: 22px;
    display: block;
}

td.shadow {
    text-align: left;
}

td.shadow div.leftshadow {
    height: 8px;
    width: 15px;
    background: transparent url(/graphic/index/shadow-left.png?33b60) scroll left top no-repeat;
    margin-bottom: -8px;
    z-index: 0;
}

td.shadow div.rightshadow {
    height: 8px;
    width: auto;
    background: transparent url(/graphic/index/shadow-right.png?db13d) scroll right top no-repeat;
    margin-left: 15px;
    z-index: 0;
}

#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: transparent url(/graphic/index/footer-bg.png?5fcfb) scroll center top repeat-x;
    z-index: 12000;
    cursor: default;
    text-align: center;
}

#footer #linkContainer {
    height: 21px;
    position: relative;
    top: 3px;
    margin-top: 3px;
}

#footer #linkContainer a {
    vertical-align: middle;
}

#footer .world_button_active,
#footer .world_button_inactive {
    display: inline-block;
    float: none;
}

#footer,
#footer a {
    color: #603000;
}

#footer a {
    cursor: pointer;
}

#footer .footer-link:hover {
    color: #e01f0f;
}

#content_value table {
    border-spacing: 2px;
    border-collapse: separate;
    empty-cells: show !important;
}

#mass_train_table {
    min-width: 950px;
    width: 100%;
}

#content_value th {
    padding: 2px 3px;
}

#content_value {
    padding: 10px;
}

.content-border {
    padding: 0;
    margin: 0;
    direction: ltr;
    background: #e3d5b3 url(/graphic/index/main_bg.jpg?1b7f4) scroll right top repeat;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #7d510f;
    -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
}

.content-border.notification {
    width: 100%;
}

.content-border.notification td {
    padding: 5px;
}

#inner-border {
    padding: 2px 0;
    border: 1px solid #f9e1a8;
}

.navi-border {
    border: none;
    padding: 0;
    margin: 0;
    border: 1px solid #7d510f;
}

.navi-border .navi-border-item {
    background: transparent url(/graphic/index/main_bg.jpg?1b7f4) scroll left top repeat;
    padding: 3px;
    font-weight: 400;
}

.main {
    overflow: hidden;
}

.quickbar>li {
    padding-top: 0;
    padding-bottom: 0;
    display: inline;
}

#topTable .menu .menu_column {
    background: transparent url(/graphic/index/dropdown-bottomright.png?17f6b) scroll right bottom no-repeat;
    display: table;
    z-index: 100;
    position: absolute;
    min-width: 92px;
    max-width: 250px;
    margin-left: 20px;
    margin-top: -4px;
    padding: 0;
    height: auto;
    visibility: hidden;
}

.menu tr td .menu_column tr {
    background: transparent none;
}

#topTable #topdisplay .menu_column {
    margin-left: 5px;
    margin-top: 0;
}

#topTable .menu td:hover .menu_column,
#topTable .menu .hover .menu_column {
    visibility: visible;
    z-index: 999;
}

.menu_column .menu-column-item {
    height: auto;
    text-align: left;
    padding: 0;
    white-space: normal;
    line-height: 12px;
    width: auto;
    display: table-cell;
    float: none;
    z-index: 999;
    background: transparent url(/graphic/index/dropdown-itemright.png?58ab9) scroll right top repeat-y;
}

.menu_column tr:first-child .menu-column-item {
    background: transparent url(/graphic/index/dropdown-topright.png?93f8b) scroll right top no-repeat;
}

#topdisplay .menu_column .menu-column-item a,
.menu_column .menu-column-item a {
    display: block;
    position: relative;
    left: -20px;
    padding: 3px 12px 3px 20px;
    margin: 0 -10px 0 0;
    background: transparent url(/graphic/index/dropdown-itemleft.png?bf9c9) scroll left top no-repeat;
    color: #FFF;
    float: none;
    height: auto;
    text-align: left;
}

.menu_column .menu-column-item a:hover {
    color: #f0d49a;
}

#topdisplay .menu_column tr:first-child .menu-column-item a,
.menu_column tr:first-child .menu-column-item a {
    padding: 6px 12px 3px 20px;
    background: transparent url(/graphic/index/dropdown-topleft.png?8e31b) scroll left top no-repeat;
}

.menu_column tr:first-child .menu-column-item a:hover {}

.menu_column a {
    padding: 3px 12px 3px 20px;
    height: auto;
}

#topTable .menu_column a:hover {
    color: #f0d49a;
}

.menu_column tr:first-child .menu-column-item a {
    padding: 6px 12px 3px 20px;
}

.menu_column tr:first-child .menu-column-item a:hover {}

.menu_column tr .bottom {
    background: transparent none;
}

.topbar .corner {
    position: relative;
    width: 20px;
    height: 25px;
    margin: 0;
    left: -20px;
    top: 0;
    background: transparent url(/graphic/index/dropdown-bottomleft.png?a84fe) scroll left top no-repeat;
}

.topbar .decoration {
    position: relative;
    width: 23px;
    height: 25px;
    margin: -25px 0 0 -25px;
    left: 50%;
    top: 0;
    background: transparent url(/graphic/index/dropdown-decoration.png?75312) scroll left 12px no-repeat;
}

.menu .icon {
    margin: 0;
    vertical-align: -2px;
}

.menu_block_right {
    margin: 0;
    margin-left: auto;
    border-collapse: collapse;
    text-align: right;
}

.empty[usemap] {
    outline: none;
}

.center {
    text-align: center;
}

.lit .lit-item {
    font-weight: 700;
    background-color: #fff3d3 !important;
    background-image: none;
}

.lit2 .lit-item {
    font-weight: 700;
    background-color: #f8eed8;
    background-image: none;
}

.nopad {
    padding: 0 !important;
}

.top_background {
    background-image: url(/graphic/index/bg-top.jpg?33e4b);
    background-repeat: repeat-x;
    height: 27px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    display: none;
}

.top_bar {
    background-image: url(/graphic/index/topbar-main.png?0f540);
    background-repeat: repeat-x;
    background-position: center 0;
    height: 57px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.top_bar .bg_left {
    background-image: url(/graphic/index/topbar-left.png?62fd4);
    background-repeat: no-repeat;
    height: 57px;
    width: 70px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.top_bar .bg_right {
    background-image: url(/graphic/index/topbar-right.png?b9847);
    background-repeat: no-repeat;
    height: 57px;
    width: 70px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.top_shadow {
    background: transparent url(/graphic/index/topbar-shadow.png?e13c6) scroll left top repeat-x;
    position: fixed;
    margin: 0;
    padding: 0;
    top: 50px;
    left: 0;
    width: 100%;
    height: 6px;
    z-index: 9999;
}

body {
    background: #d2c09e url('../graphic/background/bg-titel-ice41-3.jpg') no-repeat center calc(50% + 160px) fixed !important;
    background-size: cover !important;
    font-size: 9pt;
    font-family: Verdana, Arial;
}

.noBorderForFirstItem li:first-child {
    border: none;
}

h1 {
    font-size: 16pt;
}

h2 {
    font-size: 14pt;
}

h3 {
    font-size: 12pt;
    font-weight: 700;
}

h4 {
    font-size: 10pt;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 4pt;
}

h5 {
    font-size: 10pt;
    font-weight: 700;
    margin-bottom: 2pt;
}

img {
    border: none;
}

.middle {
    vertical-align: middle;
}

.status-icon {
    width: 10px;
    height: 10px;
}

.grey {
    color: gray;
}

.warn {
    color: #dc0000;
}

.warn_90 {
    color: #632600;
}

.error {
    color: #b40000;
    font-weight: 700;
}

.nowrap {
    white-space: nowrap;
}

.wrap {
    white-space: normal;
}

.small {
    font-size: xx-small;
}

#buildings .inactive {
    white-space: normal;
}

.warstats_popup_date {
    color: #C5A76B;
    font-size: 0.9em;
}

hr {
    border-color: #c89d58 transparent #85550d;
    border-width: 1px 0;
    border-style: solid;
    height: 0;
}

.box {
    background-color: #F7EED3;
    background-repeat: repeat-x;
    border: 1px solid;
    border-color: #973 #FD9 #FEC #B95;
}

input,
select {
    font-size: 8pt;
}

.attack {
    background-color: #fad2d2;
}

.support {
    background-color: #d2fad2;
}

.check {
    margin: 0;
    margin-right: 5px;
}

.quote .quote_author {
    font-weight: 700;
    font-size: 8pt;
}

.quote .quote_message {
    background-color: #FFF;
    font-size: 8pt;
}

textarea {
    border: 1px solid #7D510F;
    padding: 4px;
    word-wrap: break-word;
}

#bb_sizes {
    position: absolute;
    z-index: 100;
    border: 2px solid #804000;
    background-color: #efe6c9;
    top: 0;
    left: 0;
}

#bb_sizes .bb_size_item {
    padding: 2px;
}

#bb_color_picker {
    position: absolute;
    z-index: 100;
    border: 1px solid #804000;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background-color: #efe6c9;
    top: 0;
    left: 0;
}

#bb_color_picker_tones {
    padding: 4px;
    border-bottom: 2px solid #804000;
    height: 86px;
}

#bb_color_picker_colors {
    padding: 4px;
    border-bottom: 2px solid #804000;
    height: 18px;
    white-space: nowrap;
}

#bb_color_picker_colors div {
    float: left;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#bb_color_picker_tones div {
    float: left;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#bb_color_picker_50,
#bb_color_picker_51,
#bb_color_picker_52,
#bb_color_picker_53,
#bb_color_picker_54,
#bb_color_picker_55 {
    border-bottom: 1px solid #000;
}

#bb_color_picker_55,
#bb_color_picker_45,
#bb_color_picker_35,
#bb_color_picker_25,
#bb_color_picker_15,
#bb_color_picker_05 {
    border-right: 1px solid #000;
}

#bb_color_picker_c0,
#bb_color_picker_c1,
#bb_color_picker_c2,
#bb_color_picker_c3,
#bb_color_picker_c4,
#bb_color_picker_c5 {
    border-bottom: 1px solid #000;
}

#bb_color_picker_c5 {
    border-right: 1px solid #000;
}

#bb_color_picker_preview {
    margin: 2px;
    border: 1px solid #000;
    height: 16px;
    width: 104px;
    background: #f7eed3;
    text-align: center;
}

#bb_color_picker_tx {
    width: 64px;
}

#box {
    color: #000;
    background-color: #F8F4E8;
    width: 100%;
    max-height: 200px;
    text-align: left;
    padding: 0;
    overflow: auto;
    position: relative;
}

ul.help {
    padding-left: 1px;
    margin-left: 0;
}

li.help {
    list-style-type: none;
    background-color: #f4e4bc;
    margin: 2px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

ul.help li.help ul.help li.help {
    background-color: #F1EBDD;
}

ul.help li.help ul.help li.help ul.help li.help {
    background-color: #F8F4E8;
}

ul.submenu {
    padding-left: 1px;
    margin-left: 0;
}

li.submenu {
    list-style-type: none;
    margin: 2px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.sel {
    color: #0082BE;
    text-decoration: underline;
}

.server_info {
    font-size: 7pt;
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
    color: #514d41;
    margin: 4px 3px -10px 0;
    background: transparent url(/graphic/index/contentbg.png?f6c61) scroll left top repeat;
}

.premium_button {
    width: 32px;
    height: 55px;
    background-image: url(/graphic/premium/pa_button.png?f9f7d);
    background-repeat: no-repeat;
    cursor: pointer;
}

.premium_left_button {
    background-position: 0 0;
}

.premium_left_button_hover {
    background-position: 0 -55px;
}

.premium_right_button {
    background-position: -32px 0;
}

.premium_right_button_hover {
    background-position: -32px -55px;
}

#premium_buy_button {
    width: 140px;
    height: 75px;
    background-image: url(/graphic/premium/buynow.jpg?890d5);
    float: left;
    font-size: 20px;
    color: #FFF;
    text-align: center;
    line-height: 75px;
}

#premium_buy_button:hover {
    background-position: 0 -75px;
}

#reservations {
    width: 100%;
    clear: both;
}

#settings {
    padding-left: 10px;
    padding-bottom: 3px;
    float: left;
}

#reservation_info>#partners {
    float: left;
    padding: 0 10px 3px 15px;
}

#noblelog {
    padding-left: 10px;
    float: left;
}

#edit_reservation {
    display: block;
}

#reservation_settings {
    display: block;
}

#reservation_info {
    padding-left: 10px;
}

.group_config {
    position: relative;
    width: 97%;
    margin: 0 auto;
    border-width: 1px;
    border-color: #804000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

.vis .group_edit {
    background-color: transparent;
}

.vis .group_label {
    width: 170px;
    height: 25px;
}

.vis #group_list td {
    height: 20px;
}

.vis .p_grocusto {
    margin: 0;
    display: inline;
}

#tooltip {
    z-index: 100000 ! important;
}

#tut.ui-draggable #tut_menu {
    cursor: move;
}

.drag {
    cursor: move;
}

#combined_table th {
    text-align: center;
}

#wait {
    position: absolute;
    top: 48%;
    left: 50%;
    width: 200px;
    background-image: url(/graphic/index/main_bg.jpg?1b7f4);
    border: 2px solid #804000;
    margin: -15px 0 0 -110px;
    padding: 10px;
    text-align: center;
    font-weight: 700;
}

#ajax_loader {
    position: absolute;
    top: 100px;
    left: 375px;
    z-index: 100;
    display: table-cell;
}

#intro_igm_preview {
    background-color: #FFF;
    border: solid 1px #000;
    width: 99%;
    margin: 10px;
}

.edit {
    display: none;
}

.green {
    color: green;
}

.orange {
    color: orange;
}

.red {
    color: red;
}

.scrollableMenu .main_layout .topbar {
    position: relative;
}

.scrollableMenu #topContainer {
    position: absolute;
    z-index: 10000;
}

.scrollableMenu .top_bar {
    position: absolute;
}

.scrollableMenu .top_shadow {
    position: absolute;
}

#coin_overview_table .select_coins {
    width: 160px;
}

*+html #main_layout .topbar {
    position: fixed !important;
}

*+html #main_layout .bg_left .bg_left {
    background: transparent url(/graphic/index/mainborder-left-top.png?628ea) scroll left top no-repeat;
}

*+html #main_layout .bg_right .bg_right {
    background: transparent url(/graphic/index/mainborder-right-top.png?b55ab) scroll right top no-repeat;
}

*+html #main_layout .center {
    position: static;
}

*+html #topContainer {
    position: absolute !important;
    margin-top: 0 !important;
    width: 100% !important;
    z-index: 123456;
}

*+html .top_bar {
    position: absolute;
}

*+html .top_shadow {
    position: absolute;
}

*+html #menu_row>.lpad {
    width: 1px;
}

*+html #menu_row>.rpad {
    width: 3px;
}

*+html #menu_row>.menu-item a {
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
}

*+html hr {
    height: 2px;
}

*+html #SkyScraperAd {
    position: absolute;
}

*+html .topbar .buttonicon {
    top: -29px;
}

*+html #group_list_content #group_table {
    width: 292px;
}

*+html #group_popup_content_container #group_table {
    width: 292px;
}

.vis_item>.bqhandle {
    width: 16px;
    height: 16px;
    margin: 0px 5px;
    background: url('/graphic/sorthandle.png?8838f') center center no-repeat;
    cursor: pointer;
}

.vis_item>.bqremove {
    width: 16px;
    height: 16px;
    margin: 0px 5px;
    background: url('/graphic/icons/delete.png?78406') center center no-repeat;
    cursor: pointer;
}

.vis_item>.bqedit {
    width: 16px;
    height: 16px;
    margin: 0px 5px;
    background: url('/graphic/icons/paste.png?1eb07') center center no-repeat;
    cursor: pointer;
}

.secret_flag_0,
.secret_flag_1 {
    position: absolute;
    width: 8px;
    height: 9px;
}

.secret_flag_0 {
    background-image: url(/graphic/icons/flag_yellow.png?2e650);
}

.secret_flag_1 {
    background-image: url(/graphic/icons/flag_blue.png?85c24);
}

#secrets {
    position: absolute;
    width: 1000px;
    height: 1000px;
    z-index: 10;
}

.bbcodetable {
    background: #fff;
    border: #999966 1px solid;
    border-spacing: 2px;
    border-collapse: separate;
}

h4.secret_header {
    font-style: normal;
}

.secret,
.vis .secret .widget .secret {
    background: url(/graphic/icons/secret_scroll_15x15.png?2452d) bottom left no-repeat;
    line-height: 15px;
    padding-left: 20px;
    font-weight: bold;
}

div.secret,
.vis div.secret {
    background-position: top left;
}

h3.secret {
    background: url(/graphic/secrets/secret_scroll_18x18.png?5ab7a) bottom left no-repeat;
    line-height: 18px;
}

.secret_count {
    color: brown;
    display: block;
    float: right;
}

.secret_countdown {
    color: brown;
}

.countdown {
    margin: 8px 0 12px;
}

.countdown>.clear {
    clear: both;
}

.cancel-icon.solo {
    display: inline-block;
    background: url(/graphic/icons/delete.png?78406) -2px -2px no-repeat;
    height: 15px;
    width: 15px;
}

.secret-teaser {
    width: 100%;
    height: 290px;
    background: #f00;
}

.secret-teaser.spawn {
    background: url(/graphic/reports/secrets_spawn.png?ffa0f) center center;
}

.secret-teaser.win {
    background: url(/graphic/reports/secrets_win.png?36cd9) top center;
}

/* Unit info modal image sizing */
#modal_unit_img {
    max-height: 400px;
    width: auto;
    max-width: 100%;
}

.invalid {
    background-color: #edc4c4;
}

.input-fontstyle {
    font-size: 9pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.col {
    float: left;
    width: 50%;
}

.col>.row {
    width: 92%;
    margin: 0 4% 4%;
}

.row {
    border: 1px solid #7D510F;
    background: #F4E4BC;
    width: 96%;
    margin: 0 2% 4%;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
}

.row h4 {
    font-size: 9pt;
    text-align: left;
    font-weight: 700;
    background-color: #c1a264 !important;
    background-image: url(/graphic/index/tableheader_bg3.png?2cef7);
    background-repeat: repeat-x;
    padding: 3px;
    margin: 0;
}

.widget-content {
    clear: both;
    padding: 8px;
    position: relative;
}

.double-col {
    width: 96%;
    margin: 0 2% 2%;
}

#welcome-page-footer-right {
    float: right;
    margin: 0 2% 0;
}

#welcome-page-footer-left {
    margin: 0 2% 0;
    float: left;
}

.widget-tabs {
    display: block;
    background-color: #fff5da;
    list-style-type: none;
    margin: 0;
    padding: 3px 0 0 0;
    height: 25px;
    border-bottom: 1px solid #7D510F;
}

.widget-tabs li {
    float: left;
    margin: 0 0 0 4px;
    height: 25px;
}

#stats li {
    width: 30px;
    text-align: center;
}

.widget-tabs li a {
    border: 1px solid #000;
    border-bottom: 0;
    border-radius: 6px 6px 0px 0px;
    padding: 4px;
    height: 16px;
    background-color: #d4b881;
    display: block;
    color: #2b2b2b;
}

.widget-tabs li a:hover,
.widget-tabs li a.selected {
    background-color: #f3d598;
}

#news img {
    position: absolute;
    top: 5px;
    left: 10px;
}

#news p {
    padding-left: 25px;
    margin: 0;
}

.welcome-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.list-item {
    padding: 2px 5px 4px;
    line-height: 20px;
    height: 20px;
}

.list-item.a {
    background-color: #fff5da;
}

.list-item.b {
    background-color: #f0e2be;
}

.list-left {
    margin: 0;
    display: inline-block;
    width: 75%;
}

.list-right {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 23%;
    text-align: right;
}

#map_wrap:-moz-full-screen .ui-resizable-handle {
    display: none;
}

#map_wrap:-webkit-full-screen .ui-resizable-handle {
    display: none;
}

#map_wrap:full-screen .ui-resizable-handle {
    display: none;
}

#map_wrap:-moz-full-screen #map_coord_y_wrap {
    position: fixed !important;
    z-index: 10;
    color: #fff;
}

#map_wrap:-webkit-full-screen #map_coord_y_wrap {
    position: fixed !important;
    z-index: 10;
    color: #fff;
}

#map_wrap:full-screen #map_coord_y_wrap {
    position: fixed !important;
    z-index: 10;
    color: #fff;
}

#map_wrap:-moz-full-screen #map_coord_x_wrap {
    position: fixed !important;
    z-index: 10;
    color: #fff;
    bottom: 0px !important;
    top: auto !important;
}

#map_wrap:-webkit-full-screen #map_coord_x_wrap {
    position: fixed !important;
    z-index: 10;
    color: #fff;
    bottom: 0px !important;
    top: auto !important;
}

#map_wrap:full-screen #map_coord_x_wrap {
    position: fixed !important;
    z-index: 10;
    color: #fff;
    bottom: 0px !important;
    top: auto !important;
}

#map_wrap:-moz-full-screen #minimap {
    z-index: 13;
    position: fixed !important;
    right: 0px;
    top: 0px;
    left: auto !important;
    border: 1px solid yellow;
}

#map_wrap:-webkit-full-screen #minimap {
    z-index: 13;
    position: fixed !important;
    right: 0px;
    top: 0px;
    left: auto !important;
    border: 1px solid yellow;
}

#map_wrap:full-screen #minimap {
    z-index: 13;
    position: fixed !important;
    right: 0px;
    top: 0px;
    left: auto !important;
    border: 1px solid yellow;
}

#fullscreen {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 13;
}

#map_wrap {
    z-index: 19;
}

.vidscreen-box,
div.vidscreen-box,
p.vidscreen-box {
    width: 500px;
}

h2.vidscreen-box {
    margin-top: 0;
}

.vidscreen-box>.watch-error {
    padding-top: 8px;
}

#video-reward {
    padding: 8px;
}

.video-reward-text {
    padding-top: 8px;
}

#video-reward-description {
    padding: 8px 0 8px;
}

.menu-side {
    width: 30px;
}

#loading_content {
    display: none;
}

#header_commands {
    display: none;
}

#header_commands.has_incomings,
#header_commands.has_supports {
    display: table-cell;
}

#incomings_cell {
    display: none;
}

#header_commands.has_incomings #incomings_cell {
    display: table-cell;
}

#supports_cell {
    display: none;
}

#header_commands.has_supports #supports_cell {
    display: table-cell;
}

.bmain_list_img {
    float: left;
    margin-right: 8px;
}

.recruit_req {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}

.recruit_req>span {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.recruit_req>span:last-child {
    -ms-flex: 2;
    -webkit-flex: 2;
    flex: 2;
}

.unmet_req {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}

.unmet_req>span {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

#wood_gain,
#stone_gain,
#iron_gain {
    font-weight: bold;
    color: green;
    position: absolute;
}

.award-group {
    width: 455px;
    margin-bottom: 15px;
}

.award-group-head {
    background: url(/graphic/awards/ui/award-group-top.png?05f58);
    background-repeat: no-repeat;
    height: 36px;
    overflow: hidden;
    color: #FEE6C4;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
}

.award-group-content {
    background: url(/graphic/awards/ui/award-group-middle.png?a7535);
    background-repeat: repeat-y;
    padding: 5px;
}

.award-group-foot {
    background: url(/graphic/awards/ui/award-group-bottom.png?a222f);
    background-repeat: no-repeat;
    height: 16px;
    overflow: hidden;
}

.award-group-content hr {
    background: url(/graphic/awards/ui/sep.png?5bc1c);
    width: 447px;
    height: 3px;
    border: none;
    margin: 0;
    padding: 0;
}

.award-group-content hr:last-child {
    display: none;
}

.award-box {
    clear: both;
    margin: 5px 5px 10px;
}

.award-box p {
    margin: 2px 0;
}

.award-box .award {
    float: right;
}

.award-desc {
    float: left;
    width: 360px;
}

.award-desc .inactive,
.award-desc .inactive:hover {
    color: #A28141;
}

.award-desc strong {
    font-size: 10pt;
}

.ranking-top3 {
    background: url("/graphic/hall_of_fame/hof-goldsilverbronze.png?c6114") no-repeat;
    background-size: 90% auto;
    width: 480px;
    height: 155px;
    position: relative;
    margin: 0 auto;
}

.ranking-top3 .gold {
    position: absolute;
    left: 153px;
    top: 106px;
    width: 120px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ranking-top3 .silver {
    position: absolute;
    left: 7px;
    top: 106px;
    width: 120px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ranking-top3 .bronze {
    position: absolute;
    left: 299px;
    top: 106px;
    width: 120px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ranking-top3 .gold a,
.ranking-top3 .silver a,
.ranking-top3 .bronze a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**** game/buttons2.css ****/
/*7bcd48b799a279d0be13e4a6cd198664*/
.btn,
.btn-default {
    display: inline-block;
    padding: 3px;
    margin: 0 2px;
    text-align: center;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    cursor: pointer;
    background: #6c4824;
    background: -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000;
    color: #fff;
    white-space: nowrap;
}

.btn:hover,
.btn-default:hover {
    background: #e2a738;
    background: -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    color: #fff;
}

.btn:focus {
    outline: none;
    border-color: #920707;
}

.btn::-moz-focus-inner {
    border: 0;
}

.btn-centered {
    display: block;
    width: 125px;
    margin: 0 auto;
}

.btn-disabled,
.btn[disabled] {
    background: #646464;
    background: -moz-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4c4c), color-stop(100%, #7b490c));
    background: -webkit-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: -o-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: -ms-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: linear-gradient(to bottom, #646464 0%, #4d4c4c 100%);
    cursor: not-allowed;
}

.btn-build {
    min-width: 90px;
    padding: 3px 9px 3px 25px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, #6c4824;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-build:hover {
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, #b69471;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px 1px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-attack {
    padding: 3px 9px 3px 25px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, #6c4824;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-attack:hover {
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, #b69471;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -74px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-support {
    padding: 3px 9px 3px 25px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, #6c4824;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-support:hover {
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, #b69471;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -99px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-recruit {
    padding: 3px 9px 3px 25px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, #6c4824;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-recruit:hover {
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, #b69471;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-recruit-disabled,
.btn-recruit-disabled:hover {
    padding: 3px 9px 3px 25px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, #646464;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -moz-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4c4c), color-stop(100%, #7b490c));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -webkit-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -o-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -ms-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -125px, linear-gradient(to bottom, #646464 0%, #4d4c4c 100%);
    cursor: not-allowed;
}

.btn-research {
    padding: 3px 9px 3px 25px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, #6c4824;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-research:hover {
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, #b69471;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-research-disabled,
.btn-research-disabled:hover {
    padding: 3px 9px 3px 25px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, #646464;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -moz-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4c4c), color-stop(100%, #7b490c));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -webkit-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -o-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -ms-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -146px, linear-gradient(to bottom, #646464 0%, #4d4c4c 100%);
    cursor: not-allowed;
}

.btn-bcr {
    width: 120px;
    text-align: right;
    padding: 3px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, #6c4824;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-bcr:hover {
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, #b69471;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-bcr-disabled,
.btn-bcr-disabled:hover {
    width: 60px;
    text-align: right;
    padding: 3px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, #646464;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -moz-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4c4c), color-stop(100%, #7b490c));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -webkit-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -o-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -ms-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -24px, linear-gradient(to bottom, #646464 0%, #4d4c4c 100%);
    cursor: not-allowed;
}

.btn-btr {
    width: 60px;
    text-align: right;
    padding: 3px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, #6c4824;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-btr:hover {
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, #b69471;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -49px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-instant {
    width: 70px;
}

.btn-cancel {
    padding: 3px 9px 3px 25px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, #6c4824;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-cancel:hover {
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, #b69471;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -174px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-xmas-steel {
    padding: 3px 9px 3px 25px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, #6c4824;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-xmas-steel:hover {
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, #b69471;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-xmas-steel[disabled],
.btn-xmas-steel[disabled]:hover {
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, #646464;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -moz-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4c4c), color-stop(100%, #7b490c));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -webkit-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -o-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, -ms-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -199px, linear-gradient(to bottom, #646464 0%, #4d4c4c 100%);
    cursor: not-allowed;
}

.btn-xmas-pp {
    padding: 3px 9px 3px 25px;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, #6c4824;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-xmas-pp:hover {
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, #b69471;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-xmas-pp[disabled],
.btn-xmas-pp[disabled]:hover {
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, #646464;
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -moz-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4c4c), color-stop(100%, #7b490c));
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -webkit-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -o-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, -ms-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("/graphic/new/buttons.png?b84b6") no-repeat 3px -224px, linear-gradient(to bottom, #646464 0%, #4d4c4c 100%);
    cursor: not-allowed;
}

.btn-confirm-yes {
    padding: 4px;
    background: #0bac00;
    background: -moz-linear-gradient(top, #0bac00 0%, #0e7a1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0bac00), color-stop(100%, #0e7a1e));
    background: -webkit-linear-gradient(top, #0bac00 0%, #0e7a1e 100%);
    background: -o-linear-gradient(top, #0bac00 0%, #0e7a1e 100%);
    background: -ms-linear-gradient(top, #0bac00 0%, #0e7a1e 100%);
    background: linear-gradient(to bottom, #0bac00 0%, #0e7a1e 100%);
    color: #fff;
    border-color: #006712;
}

.btn-confirm-yes:hover {
    background: #13c600;
    background: -moz-linear-gradient(top, #13c600 0%, #129e23 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #13c600), color-stop(100%, #129e23));
    background: -webkit-linear-gradient(top, #13c600 0%, #129e23 100%);
    background: -o-linear-gradient(top, #13c600 0%, #129e23 100%);
    background: -ms-linear-gradient(top, #13c600 0%, #129e23 100%);
    background: linear-gradient(to bottom, #13c600 0%, #129e23 100%);
}

.btn-confirm-yes:focus {
    outline: none;
    border-color: #323232;
}

.btn-confirm-no {
    padding: 4px;
    background: #af281d;
    background: -moz-linear-gradient(top, #af281d 0%, #801006 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #af281d), color-stop(100%, #801006));
    background: -webkit-linear-gradient(top, #af281d 0%, #801006 100%);
    background: -o-linear-gradient(top, #af281d 0%, #801006 100%);
    background: -ms-linear-gradient(top, #af281d 0%, #801006 100%);
    background: linear-gradient(to bottom, #af281d 0%, #801006 100%);
    color: #fff;
    border-color: #670900;
}

.btn-confirm-no:hover {
    background: #c92722;
    background: -moz-linear-gradient(top, #c92722 0%, #a00d08 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c92722), color-stop(100%, #a00d08));
    background: -webkit-linear-gradient(top, #c92722 0%, #a00d08 100%);
    background: -o-linear-gradient(top, #c92722 0%, #a00d08 100%);
    background: -ms-linear-gradient(top, #c92722 0%, #a00d08 100%);
    background: linear-gradient(to bottom, #c92722 0%, #a00d08 100%);
}

/**** game/shared.css ****/
/*620fbcb4c9fa106a30e97258c8ea2bf4*/
.center {
    text-align: center;
}

.va_base {
    vertical-align: baseline;
}

.va_middle {
    vertical-align: middle;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.error_box {
    font-size: 13px;
    font-weight: bold;
    background: #FFCCAA url('/graphic/error.png?5db81') no-repeat 3px center;
    border: 1px solid #7D510F;
    padding: 2px 2px 2px 24px;
    line-height: 21px;
    color: #B40000;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.info_box {
    min-height: 26px;
    font-size: 12px;
    background: #fff3d3 url('/graphic/icons/questionmark.png?0f8d4') no-repeat 4px center;
    border: 1px solid #7D510F;
    padding: 3px 3px 3px 28px;
    margin: 5px 0;
    line-height: 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.info_box a {
    font-size: 12px;
}

.maincell>.info_box {
    background: url('/graphic/icons/questionmark.png?0f8d4') no-repeat 4px center, url("/graphic/index/main_bg.jpg?1b7f4") repeat scroll right top;
}

.rename-icon {
    background: url(/graphic/icons/rename.png?46239) top left no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 2px;
}

.delete-icon {
    background: url(/graphic/delete_small.png?1d004) center no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 2px;
}

.support-icon {
    background: url(/graphic/command/support.png?fbeca) top left no-repeat;
    padding-left: 16px;
}

.attack-icon {
    background: url(/graphic/command/attack.png?901ab) top left no-repeat;
    padding-left: 16px;
}

.sos-icon {
    background: url(/graphic/reqdef.png?884ed) top left no-repeat;
    padding-right: 16px;
}

.hammer-icon {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/graphic/overview/build.png?332c3) top left no-repeat;
}

.destroy-icon {
    display: block;
    width: 11px;
    height: 18px;
    background: url(/graphic/overview/down.png?da696) top left no-repeat;
}

.research-icon {
    display: block;
    width: 15px;
    height: 15px;
    background: url(/graphic/overview/research.png?79f5f) top left no-repeat;
}

.note-icon {
    display: block;
    width: 15px;
    height: 15px;
    background: url(/graphic/overview/note.png?c865c) top left no-repeat;
}

.inline-icon {
    display: inline-block;
    padding-left: 22px;
    height: 18px;
    line-height: 18px;
}

.building-main {
    background: url('/graphic/buildings/main.png?8720a') center left no-repeat;
}

.building-barracks {
    background: url('/graphic/buildings/barracks.png?86f55') center left no-repeat;
}

.building-stable {
    background: url('/graphic/buildings/stable.png?cf624') center left no-repeat;
}

.building-garage {
    background: url('/graphic/buildings/garage.png?880ce') center left no-repeat;
}

.building-church {
    background: url('/graphic/buildings/church.png?55982') center left no-repeat;
}

.building-church_f {
    background: url('/graphic/buildings/church.png?55982') center left no-repeat;
}

.building-snob {
    background: url('/graphic/buildings/snob.png?16792') center left no-repeat;
}

.building-smith {
    background: url('/graphic/buildings/smith.png?6b182') center left no-repeat;
}

.building-place {
    background: url('/graphic/buildings/place.png?c286a') center left no-repeat;
}

.building-statue {
    background: url('/graphic/buildings/statue.png?f46e9') center left no-repeat;
}

.building-market {
    background: url('/graphic/buildings/market.png?4df99') center left no-repeat;
}

.building-wood {
    background: url('/graphic/buildings/wood.png?520ed') center left no-repeat;
}

.building-stone {
    background: url('/graphic/buildings/stone.png?2a725') center left no-repeat;
}

.building-iron {
    background: url('/graphic/buildings/iron.png?32ead') center left no-repeat;
}

.building-farm {
    background: url('/graphic/buildings/farm.png?f726e') center left no-repeat;
}

.building-storage {
    background: url('/graphic/buildings/storage.png?9951d') center left no-repeat;
}

.building-hide {
    background: url('/graphic/buildings/hide.png?e4546') center left no-repeat;
}

.building-wall {
    background: url('/graphic/buildings/wall.png?60a95') center left no-repeat;
}

.tech-spear {
    background: url('/graphic/unit/unit_spear.png?48b3b') center left no-repeat;
}

.tech-sword {
    background: url('/graphic/unit/unit_sword.png?b389d') center left no-repeat;
}

.tech-axe {
    background: url('/graphic/unit/unit_axe.png?51d94') center left no-repeat;
}

.tech-archer {
    background: url('/graphic/unit/unit_archer.png?db2c3') center left no-repeat;
}

.tech-spy {
    background: url('/graphic/unit/unit_spy.png?eb866') center left no-repeat;
}

.tech-light {
    background: url('/graphic/unit/unit_light.png?2d86d') center left no-repeat;
}

.tech-heavy {
    background: url('/graphic/unit/unit_heavy.png?a83c9') center left no-repeat;
}

.tech-marcher {
    background: url('/graphic/unit/unit_marcher.png?ad3be') center left no-repeat;
}

.tech-ram {
    background: url('/graphic/unit/unit_ram.png?2003e') center left no-repeat;
}

.tech-catapult {
    background: url('/graphic/unit/unit_catapult.png?5659c') center left no-repeat;
}

.avail {
    display: block;
    width: 10px;
    height: 10px;
    background: url(/graphic/overview/prod_avail.png?0b231) top left no-repeat;
}

.imposs {
    display: block;
    width: 10px;
    height: 10px;
    background: url(/graphic/overview/prod_impossible.png?bb9e5) top left no-repeat;
}

.running {
    display: block;
    width: 10px;
    height: 10px;
    background: url(/graphic/overview/prod_running.png?d4aba) top left no-repeat;
}

.done {
    display: block;
    width: 10px;
    height: 10px;
    background: url(/graphic/overview/prod_finish.png?64fcf) top left no-repeat;
}

span.wood {
    background-image: url(/graphic/icons/wood.png?a3702);
}

span.stone {
    background-image: url(/graphic/icons/stone.png?6c9bd);
}

span.iron {
    background-image: url(/graphic/icons/iron.png?0e9e5);
}

.wood-bonus {
    background-image: url(/graphic/plus_wood.png?bb7b7);
}

.stone-bonus {
    background-image: url(/graphic/plus_clay.png?e0650);
}

.iron-bonus {
    background-image: url(/graphic/plus_iron.png?6818c);
}

.wood-bonus-event {
    background-image: url(/graphic/plus_wood_event.png?97c2b);
}

.stone-bonus-event {
    background-image: url(/graphic/plus_clay_event.png?09d7b);
}

.iron-bonus-event {
    background-image: url(/graphic/plus_iron_event.png?d37bd);
}

.quest-summary {
    background-color: #F4E4BC;
    border: 1px solid #603000;
    padding: 5px;
    vertical-align: top;
}

.quest-goal {
    background-color: #efd08e;
    background-image: url('/graphic/background/flow.png?24206');
    background-position: bottom;
    background-repeat: repeat-x;
    border: 1px solid #603000;
    margin-bottom: -1px;
    clear: both;
}

.quest-goal>table {
    border: 1px solid #f9dfa6;
}

.questlog {
    position: absolute;
    top: 5px;
    left: -65px;
}

.quest {
    width: 25px;
    height: 25px;
    border: 1px solid #603000;
    background-color: #E9D0A9;
    margin: 10px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    text-align: center;
    box-shadow: rgba(60, 30, 0, 0.7) 2px 2px 2px;
    border-radius: 3px;
}

.quest.spin {
    -webkit-animation: spin 1.4s infinite linear;
    -moz-animation: spin 1.4s infinite linear;
    -o-animation: spin 1.4s infinite linear;
    -ms-animation: spin 1.4s infinite linear;
}

.quest:hover {
    background-color: #F9E0B9;
}

.quest_event_3 {
    border: 2px solid #882214;
    left: -1px;
}

.quest.finished {
    background-color: #F8EED8;
}

.decommission {
    color: #b40000;
}

.hide_toggle {
    display: none;
    margin-left: -1px;
}

.show_toggle {
    display: inline;
}

.quest_arrow {
    position: absolute;
    z-index: 998;
}

.quest_arrow_left {
    animation: bounceRight 1s linear infinite alternate;
    -webkit-animation: bounceRight 1s linear infinite alternate;
}

@keyframes bounceRight {
    from {
        margin-left: 0;
    }

    to {
        margin-left: 20px;
    }
}

@-webkit-keyframes bounceRight {
    from {
        margin-left: 0;
    }

    to {
        margin-left: 20px;
    }
}

.quest_arrow_right {
    animation: bounceLeft 1s linear infinite alternate;
    -webkit-animation: bounceLeft 1s linear infinite alternate;
}

@keyframes bounceLeft {
    from {
        margin-left: 0;
    }

    to {
        margin-left: -20px;
    }
}

@-webkit-keyframes bounceLeft {
    from {
        margin-left: 0;
    }

    to {
        margin-left: -20px;
    }
}

.quest_arrow_down {
    animation: bounceUp 1s linear infinite alternate;
    -webkit-animation: bounceUp 1s linear infinite alternate;
}

@keyframes bounceUp {
    from {
        margin-top: 0;
    }

    to {
        margin-top: -20px;
    }
}

@-webkit-keyframes bounceUp {
    from {
        margin-top: 0;
    }

    to {
        margin-top: -20px;
    }
}

.quest_new {
    text-align: center;
    font-family: "Segoe UI", Tahoma, Verdana, Arial;
    font-size: 9px;
    font-weight: bold;
    border: 1px solid #fff;
    background-color: #9d281c;
    border-radius: 6px;
    height: 13px;
    width: 34px;
    position: absolute;
    top: 20px;
    left: -14px;
    color: #fff;
    z-index: 1000;
}

.quest.opened .quest_new {
    display: none;
}

.quest_new.ru,
.quest_new.nl,
.quest_new.it,
.quest_new.es {
    font-size: 8px;
    width: 36px;
}

.quest_new.fr {
    font-size: 8px;
    width: 40px;
}

.quest_new.ae {
    width: 26px;
    left: 6px;
}

.quest_progress {
    background-color: green;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.45;
    display: none;
}

.popup_style {
    position: absolute;
    background-image: url(/graphic/index/main_bg.jpg?1b7f4);
    display: none;
    z-index: 99999;
    border-color: #804000 #603000 #402000 #804000;
    border-radius: 8px 8px 0 0;
    border-style: solid;
    border-width: 1px;
    z-index: 99999;
}

.popup_menu {
    background-color: #C1A264;
    background-image: url("/graphic/index/tableheader_bg3.png?2cef7");
    background-repeat: repeat-x;
    border-radius: 8px 8px 0 0;
    cursor: move;
    font-size: 17px;
    font-weight: bold;
    height: 26px;
    padding: 2px 5px;
    width: auto;
}

.popup_menu a {
    float: right;
}

.popup_content {
    width: auto;
    padding-top: 2px;
    background-image: url(/graphic/index/main_bg.jpg?1b7f4);
    padding: 10px 5px;
}

.popup_content td {
    padding: 2px 3px;
}

#inline_popup {
    border-top: 1px solid #804000;
    border-left: 1px solid #804000;
    border-right: 1px solid #603000;
    border-bottom: 1px solid #402000;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    position: absolute;
    width: 298px;
    z-index: 99999;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    visibility: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#inline_popup.hidden {
    width: 0 !important;
    height: 0 !important;
}

#inline_popup.hidden * {
    display: none;
}

#inline_popup.show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

#inline_popup.ui-draggable-dragging {
    transition: none !important;
    background-color: red !important;
}

#inline_popup_menu {
    background-color: #c1a264;
    background-image: url(/graphic/index/tableheader_bg3.png?2cef7);
    background-repeat: repeat-x;
    width: auto;
    height: 26px;
    padding: 2px 5px;
    cursor: move;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    font-size: 17px;
    font-weight: bold;
}

#inline_popup_title {
    font-size: 17px;
    font-weight: bold;
}

#inline_popup_close {
    float: right;
}

#inline_popup_main {
    overflow: auto;
    height: 300px;
    background-image: url(/graphic/index/main_bg.jpg?1b7f4);
    padding: 3px;
}

.flag_box {
    border: 1px solid #7D510F;
    height: 60px;
    width: 60px;
    float: left;
    margin: 0 5px 5px 5px;
    position: relative;
    background-repeat: none;
    background-size: 60px 60px;
    background-color: #F4E4BC;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

.flag_box_small {
    height: 45px !important;
    width: 45px !important;
    background-size: 45px 45px;
}

.flag_box_extra {
    border: 2px solid #9c2d1f !important;
    height: 80px;
}

.flag_box_empty {
    background-image: url("/graphic/flags/flag_empty.png?cdff5") !important;
}

.flag_box_empty_1 {
    background-image: url("/graphic/flags/none_1.png?efb8a") !important;
}

.flag_box_empty_2 {
    background-image: url("/graphic/flags/none_2.png?e7dbc") !important;
}

.flag_box_empty_3 {
    background-image: url("/graphic/flags/none_3.png?0f785") !important;
}

.flag_box_empty_4 {
    background-image: url("/graphic/flags/none_4.png?0939f") !important;
}

.flag_box_empty_5 {
    background-image: url("/graphic/flags/none_5.png?66fb7") !important;
}

.flag_box_empty_6 {
    background-image: url("/graphic/flags/none_6.png?c3c85") !important;
}

.flag_box_empty_7 {
    background-image: url("/graphic/flags/none_7.png?1b1a8") !important;
}

.flag_box_empty_8 {
    background-image: url("/graphic/flags/none_8.png?6b523") !important;
}

.flag_box_empty_9 {
    background-image: url("/graphic/flags/none_9.png?428c9") !important;
}

.flag_box_disabled {
    background-image: url("/graphic/flags/flag_disabled.png?f98b4") !important;
    cursor: default !important;
}

.flag_bonus {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    background-image: url("/graphic/flags/bonus_gradient.png?c4346");
    background-repeat: repeat-x;
    color: #fff;
    top: 60px;
    position: absolute;
    width: 100%;
    height: 20px;
}

.flag_count {
    height: 15px;
    width: 25px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #C1A264 !important;
    background-image: url("/graphic/index/tableheader_bg3.png?2cef7");
    background-repeat: repeat-x;
    font-size: 9pt;
    text-align: center;
    cursor: default;
    border-top: 1px solid #7c500f;
    border-left: 1px solid #7c500f;
}

.flag_box_small .flag_count {
    height: 13px !important;
    width: 22px !important;
    font-size: 7pt !important;
}

.flag_upgrade {
    position: absolute;
    left: 0px;
    bottom: 0px;
    cursor: pointer;
    background-image: url("/graphic/flags/upgrade.png?845de");
    width: 20px;
    height: 20px;
}

.flag_clickable {
    cursor: pointer;
}

.flag_report_info {
    text-align: center;
    width: 45%;
    float: left;
    border: 1px solid #7c500f;
    margin: 10px;
}

.flag_report_info p {
    font-weight: bold;
}

.flag_report_info div {
    margin: 10px auto;
    float: none !important;
}

.flag_world_container {
    float: left;
    margin: 10px;
}

.flags_new {
    color: red;
    font-size: 8pt
}

#flag_big {
    background-image: url('/graphic/flags/flag_big.png?d8f59');
    height: 385px;
    width: 301px;
    border: 1px solid #000;
}

#flag_big img {
    top: 25px;
    left: 66px;
    position: relative;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .flag_box_empty {
        background-image: url("/graphic/flags/flag_empty@2x.png?b46c5") !important;
    }

    .flag_box_empty_1 {
        background-image: url("/graphic/flags/none_1@2x.png?0bffe") !important;
    }

    .flag_box_empty_2 {
        background-image: url("/graphic/flags/none_2@2x.png?9c895") !important;
    }

    .flag_box_empty_3 {
        background-image: url("/graphic/flags/none_3@2x.png?a50b8") !important;
    }

    .flag_box_empty_4 {
        background-image: url("/graphic/flags/none_4@2x.png?931bc") !important;
    }

    .flag_box_empty_5 {
        background-image: url("/graphic/flags/none_5@2x.png?843b4") !important;
    }

    .flag_box_empty_6 {
        background-image: url("/graphic/flags/none_6@2x.png?52bec") !important;
    }

    .flag_box_empty_7 {
        background-image: url("/graphic/flags/none_7@2x.png?69e1e") !important;
    }

    .flag_box_empty_8 {
        background-image: url("/graphic/flags/none_8@2x.png?36b43") !important;
    }

    .flag_box_empty_9 {
        background-image: url("/graphic/flags/none_9@2x.png?63dc3") !important;
    }

    .flag_box_disabled {
        background-image: url("/graphic/flags/flag_disabled@2x.png?7cdee") !important;
    }
}

.coinbag {
    background: url(/graphic/premium/coinbag_18x18.png?fb3a3) no-repeat;
    line-height: 18px;
    width: 18px;
    height: 18px;
}

.coinbag-header {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -2px;
}

.coinbag.solo {
    vertical-align: -4px;
    display: inline-block;
}

.coinbag.before {
    background-position: top left;
    padding-left: 20px;
}

.coinbag.after {
    background-position: top right;
    padding-right: 20px;
}

.cancel-icon.solo {
    display: inline-block;
    background: url(/graphic/icons/delete.png?78406) top left no-repeat;
    height: 15px;
    width: 15px;
}

.post_thanks {
    border-top: 1px solid #804000;
    padding: 3px;
    overflow: hidden;
}

.thanksnum {
    float: left;
    font-style: italic;
}

.post_thanks_who {
    display: none;
    clear: both;
}

.arrowLeft {
    background: transparent url(/graphic/index/arrow-left.png?913c5) scroll left top no-repeat;
}

.arrowLeftGrey {
    background: transparent url(/graphic/index/arrow-left-grey.png?8a1b1) scroll left top no-repeat;
}

.arrowLeft:hover {
    background: transparent url(/graphic/index/arrow-left.png?913c5) scroll left top no-repeat;
}

.arrowRight {
    background: transparent url(/graphic/index/arrow-right.png?c0a87) scroll left top no-repeat;
}

.arrowRightGrey {
    background: transparent url(/graphic/index/arrow-right-grey.png?79d2d) scroll left top no-repeat;
}

.arrowRight:hover {
    background: transparent url(/graphic/index/arrow-right.png?c0a87) scroll left top no-repeat;
}

.groupLeft {
    background: transparent url(/graphic/index/group-left.png?5c927) scroll left top no-repeat;
}

.groupLeft:hover {
    background: transparent url(/graphic/index/group-left.png?5c927) scroll left bottom no-repeat;
}

.groupRight {
    background: transparent url(/graphic/index/group-right.png?24521) scroll left top no-repeat;
}

.groupRight:hover {
    background: transparent url(/graphic/index/group-right.png?24521) scroll left bottom no-repeat;
}

.groupJump {
    background: transparent url(/graphic/index/group-jump.png?b18a2) scroll left top no-repeat;
}

.groupJump:hover {
    background: transparent url(/graphic/index/group-jump.png?b18a2) scroll left bottom no-repeat;
}

.post {
    border: 2px solid #804000;
    background-color: #fff8e6;
    padding: 0;
    margin-bottom: 5px;
}

.igmline {
    background-color: #efe6c9;
    padding-left: 4px;
    border-bottom: 1px solid #804000;
    position: relative;
}

.text {
    padding: 6px;
}

.date {
    font-size: x-small;
    right: 5px;
    position: absolute;
}

.right {
    right: 5px;
    position: absolute;
}

#igm_grocusto {
    position: absolute;
    z-index: 100;
    border: 2px solid #804000;
    background-color: #efe6c9;
}

#igm_grocusto .igm-group-item {
    padding: 2px;
}

#igm_to {
    position: absolute;
    display: none;
    z-index: 1;
    text-align: left;
    border: 2px solid #804000;
    background-color: #efe6c9;
}

#igm_to_content {
    height: 250px;
    width: 200px;
    overflow: auto;
}

.red-button {
    background: url("/graphic/index/sprites.png?f9991") no-repeat scroll 0 -123px transparent;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    height: 38px;
    line-height: 35px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    width: 308px;
}

.red-button:hover {
    color: white;
    background-position: 0px -161px;
}

#forum_box {
    background: #D2C09E url(/graphic/background/bg-tile5.jpg?27a8b) scroll 0 0 repeat;
    width: 98%;
    padding: 10px;
    margin: auto;
}

.forum {
    display: inline-block;
    background-color: #F1EBDD;
    margin-bottom: 4px;
    padding: 1px;
    border: 1px solid #000;
    white-space: nowrap;
    line-height: 150%;
}

.selected {
    background-color: #FADC9B !important;
}

.shared_forum {
    display: inline-block;
    background-color: #DDD;
    margin-bottom: 4px;
    padding: 1px;
    border: 1px solid #000;
    white-space: nowrap;
    line-height: 150%;
}

.shared_selected {
    background-color: #b7c3c9;
}

input.answer {
    margin-bottom: 4px;
}

.thread_button {
    display: inline;
}

.igmline input {
    width: 8px;
    height: 8px;
}

.igmline .postheader_right {
    float: right;
    line-height: 16px;
    min-height: 16px;
    padding-right: 4px;
}

.igmline .postheader_left {
    float: left;
    line-height: 16px;
    min-height: 16px;
}

.thread_button span {
    display: block;
    float: left;
    padding-right: 5px;
    padding-top: 6px;
    font-size: 10px;
    min-width: 80px;
    height: 23px;
}

.thread_new {
    background: url(/graphic/index/button_mid.png?729e6) repeat-x 0 0;
}

.thread_new_close {
    background: url(/graphic/index/button_close.png?64ddf) no-repeat 0 0;
    width: 10px !important;
    padding-left: 0 !important;
    min-width: 10px !important;
}

.thread_new_open {
    background: url(/graphic/thread_new_open.png?32bf6) no-repeat 0 0;
    width: 25px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 10px !important;
}

.thread_poll {
    background: url(/graphic/index/button_mid.png?729e6) repeat-x 0 0;
}

.thread_poll_close {
    background: url(/graphic/index/button_close.png?64ddf) no-repeat 0 0;
    width: 10px !important;
    padding-left: 0 !important;
    min-width: 10px !important;
}

.thread_poll_open {
    background: url(/graphic/icons/poll_open.png?c2ba1) no-repeat 0 0;
    width: 25px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 10px !important;
}

.thread_answer {
    background: url(/graphic/index/button_mid.png?729e6) repeat-x 0 0;
}

.thread_answer_open {
    background: url(/graphic/thread_answer_open.png?9817a) no-repeat 0 0;
    width: 25px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 10px !important;
}

.thread_answer_close {
    background: url(/graphic/index/button_close.png?64ddf) no-repeat 0 0;
    width: 10px !important;
    padding-left: 0 !important;
    min-width: 10px !important;
}

.thread_edit {
    background: url(/graphic/index/button_mid.png?729e6) repeat-x 0 0;
}

.thread_edit_open {
    background: url(/graphic/thread_edit_open.png?32bf6) no-repeat 0 0;
    width: 25px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 10px !important;
}

.thread_edit_close {
    background: url(/graphic/index/button_close.png?64ddf) no-repeat 0 0;
    width: 10px !important;
    padding-left: 0 !important;
    min-width: 10px !important;
}

#popup_container {
    z-index: 13000;
}

#fader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(/graphic/index/grey-fade.png?01a9d);
    z-index: 12000;
}

#payment_box {
    z-index: 13000;
    position: fixed;
    left: 50%;
    top: 10%;
}

#payment_box_loading {
    position: relative;
    top: -330px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#payment_box_loading img {
    vertical-align: -3px;
}

#popup_box_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

#popup_box {
    z-index: 13000;
    position: fixed;
    left: 50%;
    top: 10%;
    border: 1px solid #804000;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
    visibility: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#popup_box.show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.borderimage #popup_box {
    border: 19px solid #804000;
    -moz-border-image: url("/graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
    -webkit-border-image: url("/graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
    -o-border-image: url("/graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
    border-image: url("/graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
}

#popup_box_close {
    float: right;
    width: 20px;
    height: 20px;
    background: url(/graphic/index/login_close.png?8253b) top left no-repeat;
}

.popup_box_content {
    background: url('/graphic/popup/content_background.png?ea003');
    padding: 10px;
}

.borderimage .popup_box_content {
    padding: 0;
}

.report_image {
    height: 290px;
    width: 460px;
    position: relative;
    margin: 0 auto 8px;
    padding: 0 ! important;
}

.report_image_hidden {
    background: none !important;
    height: auto;
}

.report_image_hidden .report_transparent_overlay {
    background: none !important;
    position: inherit;
}

.spoiler .image_attack_won,
.image_attack_won {
    background: center center url(/graphic/reports/battle_attacker_won.jpg?372ad);
}

.spoiler .image_attack_lost,
.image_attack_lost {
    background: bottom right url(/graphic/reports/battle_attacker_lost.jpg?a0412);
}

.spoiler .image_defense_won,
.image_defense_won {
    background: bottom left url(/graphic/reports/battle_defender_won.jpg?54ab0);
}

.spoiler .image_defense_lost,
.image_defense_lost {
    background: bottom center url(/graphic/reports/battle_defender_lost.jpg?f243c);
}

.spoiler .image_scout_enemy_success,
.image_scout_enemy_success {
    background: bottom right url(/graphic/reports/battle_scout_enemy_success.jpg?4e445);
}

.spoiler .image_scout_enemy_fail,
.image_scout_enemy_fail {
    background: top center url(/graphic/reports/battle_scout_enemy_fail.jpg?8732b);
}

.spoiler .image_scout_own_success,
.image_scout_own_success {
    background: center right url(/graphic/reports/battle_scout_own_success.jpg?63a18);
}

.spoiler .image_scout_own_fail,
.image_scout_own_fail {
    background: bottom left url(/graphic/reports/battle_scout_own_fail.jpg?38ea1);
}

.spoiler .image_village_won,
.image_village_won {
    background: bottom left url(/graphic/reports/battle_village_won.jpg?24226);
}

.spoiler .image_village_lost,
.image_village_lost {
    background: bottom right url(/graphic/reports/battle_village_lost.jpg?97675);
}

.spoiler .image_support,
.image_support {
    background: bottom center url(/graphic/reports/support_arrives.jpg?1516b);
}

.spoiler .image_noble_conquered_own,
.image_noble_conquered_own {
    background: center center url(/graphic/reports/noble_conquer_own.jpg?ba6d7);
}

.spoiler .image_noble_conquered_enemy,
.image_noble_conquered_enemy {
    background: center center url(/graphic/reports/noble_conquer_enemy.jpg?97675);
}

.spoiler .image_noble_attack,
.image_noble_attack {
    background: center center url(/graphic/reports/noble_attack.jpg?24226);
}

.spoiler .image_noble_attack_fail,
.image_noble_attack_fail {
    background: top center url(/graphic/reports/noble_attack_failed.jpg?aab15);
}

.spoiler .image_noble_defense,
.image_noble_defense {
    background: center center url(/graphic/reports/noble_defense.jpg?a912a);
}

.spoiler .image_noble_defense_fail,
.image_noble_defense_fail {
    background: center center url(/graphic/reports/noble_defense_failed.jpg?97675);
}

.spoiler .image_secrets_spawn,
.image_secrets_spawn {
    background: center center url(/graphic/reports/secrets_spawn.png?ffa0f);
}

.spoiler .image_battle_noble_own_lost,
.image_battle_noble_own_lost {
    background: center center url(/graphic/reports/battle_noble_own_lost.jpg?a912a);
}

.spoiler div {
    background: #EFE6C9 none repeat scroll 0 0;
    border: 1px inset;
    margin: 3px 0;
    padding: 6px;
    overflow: auto;
}

.spoiler pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.report_transparent_overlay {
    width: 100%;
    padding: 4px 0;
    position: absolute;
    bottom: 0;
    background: url(/graphic/reports/transparent_overlay.png?ddffb) !important;
}

.report_transparent_overlay table tr td {
    background: none;
}

.spoiler .report_transparent_overlay {
    margin: 0 !important;
    padding: 0 !important;
    border-style: none ! important;
}

.report_transparent_overlay table tr .overlay-item,
.report_transparent_overlay table tr .overlay-item {
    background: none !important;
    padding: 0;
    margin: 0;
    line-height: 12px;
}

.report_transparent_overlay h4 {
    padding: 0;
    margin: 2px 4px;
}

#attack_luck .nobg {
    background-color: transparent;
}

#attack_luck .luck {
    border: 1px solid #000;
}

.unit-item {
    padding: 0 3px 0;
}

#attack_luck .luck .luck-item {
    padding: 0;
}

div.award {
    border: 1px solid #AF8E36;
}

.award {
    width: 60px;
    height: 60px;
}

.award.level0 {
    background-image: url(/graphic/awards/frame0.png?fae95);
}

.award.level1 {
    background-image: url(/graphic/awards/frame1.png?68076);
}

.award.level2 {
    background-image: url(/graphic/awards/frame2.png?f9b80);
}

.award.level3 {
    background-image: url(/graphic/awards/frame3.png?704b7);
}

.award.level4 {
    background-image: url(/graphic/awards/frame4.png?2649b);
}

.award img {
    margin: 7px;
}

.awardmini {
    border: 1px solid #AF8E36;
    width: 16px;
    height: 16px;
    float: left;
    margin: 2px;
}

.awardmini.level1 {
    background-image: url(/graphic/awards/frame1_mini.png?558bf);
}

.awardmini.level2 {
    background-image: url(/graphic/awards/frame2_mini.png?fdfa9);
}

.awardmini.level3 {
    background-image: url(/graphic/awards/frame3_mini.png?db965);
}

.awardmini.level4 {
    background-image: url(/graphic/awards/frame4_mini.png?da857);
}

.awardmini img {
    margin: 2px;
    width: 12px;
    height: 12px;
}

.restart {
    width: 48%;
    float: left;
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.widget table {
    border-spacing: 1px !important;
}

.bgContainer {
    background: transparent url(/graphic/index/main_bg.jpg?1b7f4) scroll left top repeat;
}

.containerBorder.narrow {
    display: table;
    border-spacing: 0;
    width: 1px;
}

.containerBorder>table {
    border: 1px solid #8c5f0d;
}

.inactive,
.inactive:hover {
    color: #C5A76B;
}

#troop_template_container {
    width: 71%;
    float: left;
}

#troop_template_list {
    width: 29%;
    float: left;
}

#troop_template_list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#troop_template_list ul li {
    padding: 0;
    margin: 0;
}

#troop_template_list ul li a {
    display: block;
    padding: 3px;
}

#troop_template_list ul li:nth-child(even) a {
    background-color: #fff5da;
}

#troop_template_list ul li:nth-child(odd) a {
    background-color: #f0e2be;
}

#troop_template_list ul li.selected a {
    background-color: #fadc9b;
}

#troop_template_list img {
    float: right;
}

.requ_error {
    display: none;
}

.error>div>.requ_error {
    display: block;
    font-weight: normal;
    font-size: 10px;
}

#footer a {
    line-height: 22px;
}

.world_button_active {
    background: url('/graphic/minibutton/world.png?95479') no-repeat 0 0;
    color: #59574E;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
    font-size: 9pt;
    width: 84px;
    height: 22px;
    position: relative;
    float: left;
    display: block;
    margin-right: 8px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#world_selection_clicktrap {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999998;
    display: none;
    background: transparent;
}

.world_button_active:hover {
    background: url('/graphic/minibutton/world.png?95479') no-repeat 0 -22px;
}

.world_button_inactive {
    background: url('/graphic/world_inactive.png?01583') no-repeat 0 0px;
    color: #59574E;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
    font-size: 10pt;
    width: 84px;
    height: 22px;
    position: relative;
    float: left;
    display: block;
    margin-right: 8px;
    margin-bottom: 2px;
}

.world_button_inactive:hover {
    background: url('/graphic/world_inactive.png?01583') no-repeat 0 -22px;
}

#world_selection_popup {
    display: none;
    position: absolute;
    bottom: 35px;
    left: 0 !important;
    right: auto !important;
    padding: 0;
    z-index: 100000000;
}

#servers-list-block {
    width: 200px;
    height: auto;
    margin: 0;
    padding: 12px;
    background: #f7ebd3;
    background: linear-gradient(135deg, #f7ebd3 0%, #e9d6ae 100%);
    border: 3px double #7d510f;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6), inset 0 0 10px rgba(255, 255, 255, 0.4);
    text-align: center;
    box-sizing: border-box !important;
}

.server-item {
    clear: both;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    box-sizing: border-box !important;
    text-align: center;
}

.server-item a {
    float: none !important;
    display: inline-block !important;
    margin: 0 auto !important;
    width: 160px !important;
    height: 28px !important;
    line-height: 26px !important;
    white-space: nowrap !important;
    padding: 0 10px !important;
    position: static !important;
    font-size: 12px !important;
    color: #4a2700 !important;
    background: #e3c485 !important;
    border: 2px solid #7d510f !important;
    border-radius: 4px !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3) !important;
    text-decoration: none !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
    text-align: center;
}

.server-item a:hover {
    background: #fadc9b !important;
    color: #800000 !important;
    border-color: #800000 !important;
}

.server-item a.world_button_active {
    background: #fadc9b !important;
    border: 2px solid #800000 !important;
    color: #800000 !important;
}

#content #show_all_server,
#show_all_server {
    margin: 5px 0 0;
    text-align: center;
}

#active_server .pseudo-heading {
    font-weight: bold;
    font-size: 10px;
    width: 175px;
    padding: 0 0 4px;
}

.servers-list-top {
    display: none;
}

.servers-list-bottom {
    display: none;
}

.widget-content .new-world-list {
    margin-left: 0;
    padding-left: 24px;
}

.new-world-list>.new-world-item {
    list-style-type: none;
    text-align: left;
}

.new-world-item>p {
    padding: 0;
    margin: 0 0 8px;
}

a .button_left {
    width: 4px;
    height: 28px;
    position: relative;
    float: left;
    display: block;
    background: url('/graphic/index/btn_left.png?3ca5e') no-repeat 0 0;
}

a .button_middle {
    font-size: 1.2em;
    color: #fff;
    font-weight: bold;
    height: 28px;
    position: relative;
    float: left;
    padding: 0 4px 0;
    line-height: 28px;
    text-align: center;
    display: block;
    min-width: 100px;
    background: url('/graphic/index/btn_middle.png?e7a6c') repeat-x scroll 0 0 transparent;
}

a .button_middle:hover {
    background: url('/graphic/index/btn_middle.png?e7a6c') repeat-x scroll 0 -28px transparent;
}

a .button_right {
    width: 3px;
    height: 28px;
    position: relative;
    float: left;
    display: block;
    background: url('/graphic/quests/btn_right.png?9b63a') no-repeat 0 0;
}

a .button_left.green {
    background: url('/graphic/index/btn_left.png?9c07c') no-repeat 0 0;
}

a .button_middle.green {
    background: url('/graphic/index/btn_middle.png?cb9a3') repeat-x scroll 0 0 transparent;
}

a .button_middle.green:hover {
    background: url('/graphic/index/btn_middle.png?cb9a3') repeat-x scroll 0 -28px transparent;
}

a .button_right.green {
    background: url('/graphic/quests/btn_right.png?7cfc7') no-repeat 0 0;
}

.village_anchor {
    white-space: nowrap;
}

.village_anchor>.ctx {
    display: inline-block;
    vertical-align: -1px;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background-image: url('/graphic/icons/village_context.png?d679c');
    opacity: 0.4;
}

.village_anchor:hover>.ctx {
    opacity: 1;
}

.village_anchor>.ctx:hover {
    background-position: 0 -12px;
}

.village_ctx {
    height: 24px;
    width: 24px;
    display: block;
    background-image: url('/graphic/map/icons_context.png?d8e75');
    position: absolute;
    z-index: 10000;
}

.village_anchor>.spin {
    -webkit-animation: spin 1.4s infinite linear;
    -moz-animation: spin 1.4s infinite linear;
    -o-animation: spin 1.4s infinite linear;
    -ms-animation: spin 1.4s infinite linear;
    opacity: 1;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

#ctx_market {
    background-position: 0px 0px;
}

#ctx_market:hover {
    background-position: 0px -24px;
}

#ctx_place {
    background-position: -24px 0px;
}

#ctx_place:hover {
    background-position: -24px -24px;
}

#ctx_claim {
    background-position: -48px 0px;
}

#ctx_claim:hover {
    background-position: -48px -24px;
}

#ctx_unclaim {
    background-position: -216px 0px;
}

#ctx_unclaim:hover {
    background-position: -216px -24px;
}

#ctx_fav {
    background-position: -72px 0px;
}

#ctx_fav:hover {
    background-position: -72px -24px;
}

#ctx_unfav {
    background-position: -240px 0px;
}

#ctx_unfav:hover {
    background-position: -240px -24px;
}

#ctx_overview {
    background-position: -360px 0px;
}

#ctx_overview:hover {
    background-position: -360px -24px;
}

#ctx_recruit {
    background-position: -168px 0px;
}

#ctx_recruit:hover {
    background-position: -168px -24px;
}

#ctx_info {
    background-position: -144px 0px;
}

#ctx_info:hover {
    background-position: -144px -24px;
}

#ctx_map {
    background-position: -336px 0px;
}

#ctx_map:hover {
    background-position: -336px -24px;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.mo img {
    vertical-align: -3px;
}

.mo {
    float: right;
    background-color: red;
    border: 1px solid #000;
    border-radius: 3px;
    background: #a90329;
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019));
    background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0);
    padding: 1px 4px 3px 4px;
    color: #fff;
    font-size: 11px;
}

.mo:hover {
    background: #e5042a;
    background: -moz-linear-gradient(top, #e5042a 0%, #c10323 44%, #a00002 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5042a), color-stop(44%, #c10323), color-stop(100%, #a00002));
    background: -webkit-linear-gradient(top, #e5042a 0%, #c10323 44%, #a00002 100%);
    background: -o-linear-gradient(top, #e5042a 0%, #c10323 44%, #a00002 100%);
    background: -ms-linear-gradient(top, #e5042a 0%, #c10323 44%, #a00002 100%);
    background: linear-gradient(to bottom, #e5042a 0%, #c10323 44%, #a00002 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5042a', endColorstr='#a00002', GradientType=0);
    color: #fff;
}

#invite_rewards {
    width: 170px;
    float: right;
    padding: 0 10px 10px 10px;
    margin: 0 0 0 20px;
    text-align: center;
}

#invite_rewards div {
    width: 75px;
    display: inline-block;
}

#invite_rewards div p {
    font-weight: bold;
}

#invite_col1 {
    width: 47%;
    float: left;
    min-width: 280px;
    margin-right: 5%;
}

#invite_col2 {
    width: 47%;
    float: left;
    min-width: 280px;
}

.invite_widget {
    width: 100%;
}

.invite_widget>div {
    background-color: #f4e4bc;
    padding: 5px;
}

#ref_link_input {
    width: 95%;
}

.invite_social {
    text-align: center;
}

.ui-slider {
    position: relative;
    text-align: left;
    background-color: #f0e2be;
    border: 1px solid #7d510f;
    border-radius: 3px;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
    background-color: #a77e30;
    border-radius: 6px;
    border: 1px solid #7d510f;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background-color: #c1a264;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

#itunes,
#googleplay {
    float: left;
    margin-top: 10px;
}

#itunes_mobile {
    width: 135px;
    height: 40px;
    margin: 10px auto;
}

#googleplay_mobile {
    width: 115px;
    height: 40px;
    margin: 10px auto;
}

#itunes img,
#itunes_mobile img {
    width: 135px;
    height: 40px;
}

#googleplay img,
#googleplay_mobile img {
    width: 115px;
    height: 40px;
}

.team {
    padding-left: 12px;
}

.team1 {
    background: url('/graphic/compete/team1.png?9f536') no-repeat left center;
}

.team2 {
    background: url('/graphic/compete/team2.png?d2982') no-repeat left center;
}

.team3 {
    background: url('/graphic/compete/team3.png?a2f66') no-repeat left center;
}

.team4 {
    background: url('/graphic/compete/team4.png?e356a') no-repeat left center;
}

.progress-bar {
    width: 100%;
    height: 20px;
    border-radius: 10px;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset;
    background-color: #dad2bb;
    padding: 2px;
    margin: 4px 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.progress-bar>div {
    background: #702124;
    background: -moz-linear-gradient(top, #702124 0%, #490404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #702124), color-stop(100%, #490404));
    background: -webkit-linear-gradient(top, #702124 0%, #490404 100%);
    background: -o-linear-gradient(top, #702124 0%, #490404 100%);
    background: -ms-linear-gradient(top, #702124 0%, #490404 100%);
    background: linear-gradient(to bottom, #702124 0%, #490404 100%);
    height: 100%;
    display: block;
    border-radius: 15px 8px 8px 15px;
    position: relative;
    width: 0;
    animation: awardExpandWidth 0.8s;
    -webkit-animation: awardExpandWidth 0.8s;
    overflow: hidden;
}

.progress-bar>div.full {
    border-radius: 15px;
}

.progress-bar .label {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #000;
    margin-top: 2px;
}

.progress-bar>div>.label {
    color: #fff;
    margin-top: 0;
}

.progress-bar .grey {
    color: inherit;
}

@keyframes awardExpandWidth {
    0% {
        width: 0;
    }

    30% {
        width: 0;
    }
}

@-webkit-keyframes awardExpandWidth {
    0% {
        width: 0;
    }

    30% {
        width: 0;
    }
}

/**** game/ui.css ****/
/*339f9adf63073d4f8b75a8d2cdbbe4f0*/
.autoHideBox {
    font-weight: normal;
    font-size: 14px;
    position: fixed;
    text-align: center;
    width: 400px;
    top: 200px;
    left: 50%;
    margin: 0 0 0 -205px;
    border: 1px solid #000;
    background: #f0e2be;
    background: -moz-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: -webkit-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: -o-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: -ms-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: linear-gradient(to bottom, #f0e2be 0%, #fff5da 100%);
    z-index: 100000;
    color: #000000;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(60, 30, 0, 0.35);
    box-shadow: 1px 1px 2px 0px rgba(60, 30, 0, 0.35);
    text-shadow: 1px 1px 1px #f0e2be;
    border-radius: 5px;
}

.autoHideBox p {
    padding: 5px;
    margin: 0;
}

.confirmation-box {
    font-weight: normal;
    font-size: 14px;
    position: fixed;
    text-align: center;
    width: 400px;
    top: 200px;
    left: 50%;
    margin: 0 0 0 -205px;
    border: 1px solid #804000;
    z-index: 15000;
    color: #000000;
}

.borderimage .confirmation-box {
    border: 19px solid #804000;
    -moz-border-image: url("/graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
    -o-border-image: url("/graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
    -webkit-border-image: url("/graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
    border-image: url("/graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
}

.confirmation-box>div {
    background: url("/graphic/popup/content_background.png?ea003");
    padding: 10px 5px;
}

.confirmation-box label {
    font-size: 0.9em;
}

.autoHideBox.error {
    border: 1px solid #000;
    background: #a90329;
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
    color: #fff;
    text-shadow: 1px 1px 1px #000000;
}

.autoHideBox.success {
    border: 1px solid #204900;
    background: #19a903;
    background: -moz-linear-gradient(top, #19a903 0%, #159002 44%, #0f6e00 100%);
    background: -webkit-linear-gradient(top, #19a903 0%, #159002 44%, #0f6e00 100%);
    background: -o-linear-gradient(top, #19a903 0%, #159002 44%, #0f6e00 100%);
    background: -ms-linear-gradient(top, #19a903 0%, #159002 44%, #0f6e00 100%);
    background: linear-gradient(to bottom, #19a903 0%, #159002 44%, #0f6e00 100%);
    color: #fff;
    text-shadow: 1px 1px 1px #000000;
}

.notificationBox {
    position: fixed;
    text-align: center;
    width: 400px;
    top: 200px;
    left: 50%;
    margin: 0 0 0 -205px;
    z-index: 100000;
    cursor: pointer;
    background-color: #475334;
    border: 3px solid #5d9109;
    border-radius: 10px;
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.notificationBox>div {
    padding: 10px;
    font-weight: normal;
    font-size: 15px;
}

/**** game/sprites.css ****/
/*50fdade893c48524ff69a0e26b4a7d3f*/
.icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: auto 2px auto 0;
    overflow: hidden;
    background-repeat: no-repeat;
    vertical-align: -4px;
}

td .icon-box {
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.icon.header {
    background-image: url('/graphic/icons/header.webp?09e5f');
}

.header.wood {
    background-position: -18px 0px;
}

.header.stone {
    background-position: -36px 0px;
}

.header.iron {
    background-position: -55px 0px;
}

.header.ressources {
    background-position: 0px 0px;
}

.header.population {
    background-position: -72px 0px;
}

.header.new_post {
    background-position: -92px -2px;
    width: 13px;
    height: 13px;
}

.header.no_new_post {
    background-position: -235px -2px;
    width: 13px;
    height: 13px;
}

.header.new_report {
    background-position: -149px -3px;
    width: 17px;
    height: 12px;
}

.header.new_mail {
    background-position: -132px -3px;
    width: 17px;
    height: 12px;
}

.header.knight {
    background-position: -179px 0px;
}

.header.flags {
    background-position: -248px 0px;
}

.header.flags_new {
    background-position: -266px 0px;
}

.header.time {
    background-position: -285px 0px;
}

.header.incomings {
    background-position: -198px 1px;
}

.header.map {
    background-position: -306px 0px;
    vertical-align: -4px;
    margin: 0 !important;
}

.header.village {
    background-position: -324px 0px;
    vertical-align: -4px;
    margin: 0 !important;
    width: 20px;
}

.header.arr_right {
    background-position: -118px -0.4px;
    height: 15px;
    width: 15px;
}

.header.arr_left {
    background-position: -105px -0.4px;
    height: 15px;
    width: 15px;
}

.header.arr_down {
    background-position: -166px -1px;
    width: 14px;
    height: 15px;
}

.header.arr_up {
    background-position: -218px -1px;
    width: 14px;
    height: 15px;
}

.icon.ally {
    background-image: url('/graphic/icons/ally_rights.png?d6840');
}

.ally.founder {
    background-position: -75px 0px;
}

.ally.lead {
    background-position: -132px 0px;
}

.ally.invite {
    background-position: -113px 0px;
}

.ally.diplomacy {
    background-position: -37px 0px;
}

.ally.mass_mail {
    background-position: 0px 0px;
}

.ally.forum_mod {
    background-position: -56px 0px;
}

.ally.internal_forum {
    background-position: -94px 0px;
}

.ally.trusted_member {
    background-position: -18px 0px;
}

.ally.found {
    background-position: -75px 0px;
}

.bonus_icon {
    background-image: url(/graphic/overview/bonus_icons.png?432db);
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 2px;
}

.bonus_icon_1 {
    background-position: 0 0;
}

.bonus_icon_2 {
    background-position: 0 136px;
}

.bonus_icon_3 {
    background-position: 0 119px;
}

.bonus_icon_4 {
    background-position: 0 34px;
}

.bonus_icon_5 {
    background-position: 0 85px;
}

.bonus_icon_6 {
    background-position: 0 68px;
}

.bonus_icon_7 {
    background-position: 0 51px;
}

.bonus_icon_8 {
    background-position: 0 102px;
}

.bonus_icon_9 {
    background-position: 0 17px;
}

.farm_icon {
    height: 24px;
    width: 24px;
    display: block;
    background-image: url('/graphic/map/icons_context.png?d8e75');
}

.farm_icon_a {
    background-position: -264px 0px;
}

.farm_icon_a:hover {
    background-position: -264px -24px;
}

.farm_icon_b {
    background-position: -288px 0px;
}

.farm_icon_b:hover {
    background-position: -288px -24px;
}

.farm_icon_c {
    background-position: -312px 0px;
}

.farm_icon_c:hover {
    background-position: -312px -24px;
}

.farm_icon_disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/**** game/autocomplete.css ****/
/*e7c39741e65151c799f9ce6f08bc98c5*/
.ui-autocomplete {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
    cursor: default;
    position: absolute;
    border: 1px solid #000;
    color: #333333;
    background-color: #f4e4bc;
    z-index: 100000;
}

.ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none outside none;
    width: 100%;
}

.ui-menu-item a {
    display: block;
}

.ui-menu-item a:hover {
    background-color: #e5ce96;
}

.ui-helper-hidden-accessible {
    display: none;
}

/**** game/sprites/unit_big.css ****/
/*5db49a022d38fa888e0a6ad7415ca591*/
.unit_sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(/graphic/unit_big/unit_big.png?93e45);
    width: 60px;
    height: 60px;
}

.unit_sprite.archer {
    background-position: -1020px -0px
}

.unit_sprite.archer_cross {
    background-position: -960px -60px
}

.unit_sprite.archer_grey {
    background-position: -960px -0px
}

.unit_sprite.axe {
    background-position: -900px -60px
}

.unit_sprite.axe_cross {
    background-position: -900px -0px
}

.unit_sprite.axe_grey {
    background-position: -840px -60px
}

.unit_sprite.catapult {
    background-position: -840px -0px
}

.unit_sprite.catapult_cross {
    background-position: -780px -60px
}

.unit_sprite.catapult_grey {
    background-position: -780px -0px
}

.unit_sprite.heavy {
    background-position: -720px -60px
}

.unit_sprite.heavy_cross {
    background-position: -720px -0px
}

.unit_sprite.heavy_grey {
    background-position: -660px -60px
}

.unit_sprite.knight_grey {
    background-position: -660px -0px
}

.unit_sprite.light {
    background-position: -600px -60px
}

.unit_sprite.light_cross {
    background-position: -600px -0px
}

.unit_sprite.light_grey {
    background-position: -540px -60px
}

.unit_sprite.marcher {
    background-position: -540px -0px
}

.unit_sprite.marcher_cross {
    background-position: -480px -60px
}

.unit_sprite.marcher_grey {
    background-position: -480px -0px
}

.unit_sprite.militia_grey {
    background-position: -420px -60px
}

.unit_sprite.ram {
    background-position: -420px -0px
}

.unit_sprite.ram_cross {
    background-position: -360px -60px
}

.unit_sprite.ram_grey {
    background-position: -360px -0px
}

.unit_sprite.snob {
    background-position: -300px -60px
}

.unit_sprite.snob_cross {
    background-position: -300px -0px
}

.unit_sprite.snob_grey {
    background-position: -240px -60px
}

.unit_sprite.spear {
    background-position: -240px -0px
}

.unit_sprite.spear_cross {
    background-position: -180px -60px
}

.unit_sprite.spear_grey {
    background-position: -180px -0px
}

.unit_sprite.spy {
    background-position: -120px -60px
}

.unit_sprite.spy_cross {
    background-position: -120px -0px
}

.unit_sprite.spy_grey {
    background-position: -60px -60px
}

.unit_sprite.sword {
    background-position: -60px -0px
}

.unit_sprite.sword_cross {
    background-position: -0px -60px
}

.unit_sprite.sword_grey {
    background-position: -0px -0px
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .unit_sprite {
        background-image: url(/graphic/unit_big/unit_big@2x.png?12dfe?2);
        background-size: 900px 120px
    }

    .unit_sprite.archer {
        background-position: -840px -60px
    }

    .unit_sprite.archer_cross {
        background-position: -840px -0px
    }

    .unit_sprite.archer_grey {
        background-position: -780px -60px
    }

    .unit_sprite.axe {
        background-position: -780px -0px
    }

    .unit_sprite.axe_cross {
        background-position: -720px -60px
    }

    .unit_sprite.axe_grey {
        background-position: -720px -0px
    }

    .unit_sprite.catapult {
        background-position: -660px -60px
    }

    .unit_sprite.catapult_cross {
        background-position: -660px -0px
    }

    .unit_sprite.catapult_grey {
        background-position: -600px -60px
    }

    .unit_sprite.heavy {
        background-position: -600px -0px
    }

    .unit_sprite.heavy_cross {
        background-position: -540px -60px
    }

    .unit_sprite.heavy_grey {
        background-position: -540px -0px
    }

    .unit_sprite.light {
        background-position: -480px -60px
    }

    .unit_sprite.light_cross {
        background-position: -480px -0px
    }

    .unit_sprite.light_grey {
        background-position: -420px -60px
    }

    .unit_sprite.marcher {
        background-position: -420px -0px
    }

    .unit_sprite.marcher_cross {
        background-position: -360px -60px
    }

    .unit_sprite.marcher_grey {
        background-position: -360px -0px
    }

    .unit_sprite.ram {
        background-position: -300px -60px
    }

    .unit_sprite.ram_cross {
        background-position: -300px -0px
    }

    .unit_sprite.ram_grey {
        background-position: -240px -60px
    }

    .unit_sprite.spear {
        background-position: -240px -0px
    }

    .unit_sprite.spear_cross {
        background-position: -180px -60px
    }

    .unit_sprite.spear_grey {
        background-position: -180px -0px
    }

    .unit_sprite.spy {
        background-position: -120px -60px
    }

    .unit_sprite.spy_cross {
        background-position: -120px -0px
    }

    .unit_sprite.spy_grey {
        background-position: -60px -60px
    }

    .unit_sprite.sword {
        background-position: -60px -0px
    }

    .unit_sprite.sword_cross {
        background-position: -0px -60px
    }

    .unit_sprite.sword_grey {
        background-position: -0px -0px
    }
}

.unit_sprite_smaller {
    background-image: url(/graphic/unit_big/unit_big.png?93e45);
    background-size: 540px 60px;
    width: 30px;
    height: 30px;
    vertical-align: -10px;
}

.unit_sprite_smaller.archer {
    background-position: -510px -0px
}

.unit_sprite_smaller.archer_cross {
    background-position: -480px -30px
}

.unit_sprite_smaller.archer_grey {
    background-position: -480px -0px
}

.unit_sprite_smaller.axe {
    background-position: -450px -30px
}

.unit_sprite_smaller.axe_cross {
    background-position: -450px -0px
}

.unit_sprite_smaller.axe_grey {
    background-position: -420px -30px
}

.unit_sprite_smaller.catapult {
    background-position: -420px -0px
}

.unit_sprite_smaller.catapult_cross {
    background-position: -390px -30px
}

.unit_sprite_smaller.catapult_grey {
    background-position: -390px -0px
}

.unit_sprite_smaller.heavy {
    background-position: -360px -30px
}

.unit_sprite_smaller.heavy_cross {
    background-position: -360px -0px
}

.unit_sprite_smaller.heavy_grey {
    background-position: -330px -30px
}

.unit_sprite_smaller.knight_grey {
    background-position: -330px -0px
}

.unit_sprite_smaller.light {
    background-position: -300px -30px
}

.unit_sprite_smaller.light_cross {
    background-position: -300px -0px
}

.unit_sprite_smaller.light_grey {
    background-position: -270px -30px
}

.unit_sprite_smaller.marcher {
    background-position: -270px -0px
}

.unit_sprite_smaller.marcher_cross {
    background-position: -240px -30px
}

.unit_sprite_smaller.marcher_grey {
    background-position: -240px -0px
}

.unit_sprite_smaller.militia_grey {
    background-position: -210px -30px
}

.unit_sprite_smaller.ram {
    background-position: -210px -0px
}

.unit_sprite_smaller.ram_cross {
    background-position: -180px -30px
}

.unit_sprite_smaller.ram_grey {
    background-position: -180px -0px
}

.unit_sprite_smaller.snob {
    background-position: -150px -30px
}

.unit_sprite_smaller.snob_cross {
    background-position: -150px -0px
}

.unit_sprite_smaller.snob_grey {
    background-position: -120px -30px
}

.unit_sprite_smaller.spear {
    background-position: -120px -0px
}

.unit_sprite_smaller.spear_cross {
    background-position: -90px -30px
}

.unit_sprite_smaller.spear_grey {
    background-position: -90px -0px
}

.unit_sprite_smaller.spy {
    background-position: -60px -30px
}

.unit_sprite_smaller.spy_cross {
    background-position: -60px -0px
}

.unit_sprite_smaller.spy_grey {
    background-position: -30px -30px
}

.unit_sprite_smaller.sword {
    background-position: -30px -0px
}

.unit_sprite_smaller.sword_cross {
    background-position: -0px -30px
}

.unit_sprite_smaller.sword_grey {
    background-position: -0px -0px
}

/**** plugins/jquery.tooltip.css ****/
/*016738fefe91bc94cb36815bbd0ab896*/
.tooltip-style {
    position: absolute;
    max-width: 300px;
    z-index: 30000;
    border: 1px solid #804000;
    padding: 5px;
    opacity: 1.0;
    background: #f0e2be;
    background: -moz-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: -webkit-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: -o-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: -ms-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: linear-gradient(to bottom, #f0e2be 0%, #fff5da 100%);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(60, 30, 0, 0.35);
    box-shadow: 1px 1px 2px 0px rgba(60, 30, 0, 0.35);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.tooltip-style h3,
.tooltip-style div {
    margin: 0;
}

.tooltip-style h3 {
    font-size: 12px;
    padding-bottom: 2px;
}

/* Medal box decorative borders */
.award-box {
    border: 2px solid #8c5f0d !important;
    background: #f7eed3 !important;
    padding: 8px !important;
    border-radius: 4px !important;
}

/**** game/stamm_new_menu.css ****/
/*d94aa665c5664e406f7608e77a1605cb*/
.quickbar {
    border: 1px solid black;
    background-color: #F1EBDD;
    border-spacing: 1px;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
}

.quickbar li {
    padding: 0px;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
    background-color: #F8F4E8;
    background-image: url(../graphic/background/grey.jpg?e4f4d);
    display: inline;
}

/**** game/stamm.css ****/
/**/
a {
    font-weight: 700;
    text-decoration: none;
    color: #603000;
}

td {
    padding: 0;
    margin: 0;
}

a:hover {
    color: #e01f0f;
}

.selected a {
    color: #803000;
}

.selected a:hover {
    color: #e01f0f;
}

.warn,
.warn_90,
.res {
    background: transparent scroll top left no-repeat;
}

.overview_table .warn,
.overview_table .warn_90,
.overview_table .res,
.small .warn,
.small .warn_90,
.small .res {
    padding: 1px 1px 1px 18px;
}

.rtt {
    display: block;
    height: 10px;
    width: 10px;
    background: transparent scroll top left no-repeat;
}

.rtt.green {
    background-image: url(../graphic/dots/green.png?4060d);
}

.rtt.yellow {
    background-image: url(../graphic/dots/yellow.png?9afe1);
}

.rtt.brown {
    background-image: url(../graphic/dots/brown.png?b441b);
}

.rtt.grey {
    background-image: url(../graphic/dots/grey.png?e7c17);
}

.rtt.down {
    width: 11px;
    height: 12px;
    background-image: url(../graphic/overview/down3.png?c8e44);
}

.research_tech_button {
    margin: 1px 1px 0;
}

.hidden {
    color: #b19661;
}

.oldStyleOnly {
    display: none;
}

#inner-border>.main {
    border: none;
    width: 100%;
    border-spacing: 0;
}

.timer_replace span {
    display: none;
}

form {
    margin: 0;
}

p:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h1+p,
h2+p,
h3+p,
h4+p,
h5+p {
    margin-top: 0;
}

.nowrap {
    white-space: nowrap;
}

.blind {
    border-spacing: 0;
    padding: 0;
}

table.left {
    float: left;
}

.vis {
    border-collapse: separate;
    word-wrap: normal;
}

.vis.tall tr td {
    line-height: 30px;
}

.vis td,
.vis_item {
    background: #f4e4bc;
}

.requ_error {
    display: none;
}

.error>div>.requ_error {
    display: block;
    font-weight: normal;
    font-size: 10px;
}

.vis_item.error {
    background-color: #FFccAA;
}

.vis .no_bg {
    background: transparent;
}

.vis .align_right {
    text-align: right;
}

.vis .units_away>td {
    background: #f7eed3;
}

.vis .row_a>td,
.vis .row_a>tr>td {
    background: #f0e2be;
}

.vis .row_b>td,
.vis .row_a>tr>td {
    background: #fff5da;
}

.vis>h4 {
    padding: 3px;
    margin: 0px;
}

.vis>ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

div.vis {
    border: 1px solid #7d510f;
    margin: 15px 5px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(60, 30, 0, 0.2);
    box-shadow: 1px 1px 2px 1px rgba(60, 30, 0, 0.2);
}

.vis_item {
    padding: 3px;
    margin: 1px;
    word-wrap: break-word;
}

.vis_item label {
    display: block;
    margin: 5px 0px;
}

.vis_item input,
.vis_item select {
    margin: 0px 5px;
}

.vis .selected,
.vis .selected>td,
.overview_table .selected>td {
    background: #ffe0a2;
}

.overview_table .nohover {
    background: #f8eccc;
}

th,
.vis>h4 {
    font-size: 9pt;
    text-align: left;
    font-weight: 700;
    background-color: #c1a264 !important;
    background-image: url(../graphic/index/tableheader_bg3.png?2cef7);
    background-repeat: repeat-x;
}

.outerBorder {
    position: relative;
    z-index: 0;
}

.innerBorder {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    z-index: 0;
    border: 1px solid #85550d;
}

.outerBorder table,
.outerBorder form {
    position: relative;
    z-index: 2;
}

#main_layout {
    margin: 0 auto;
    padding: 0;
    background: transparent;
    z-index: 3;
    border-spacing: 0;
    cursor: default;
}

#main_layout .modemenu a {
    display: block;
    white-space: normal;
}

#main_layout .topbar {
    height: 48px;
    background: transparent;
    z-index: 11000;
    text-align: center;
}

#main_layout .topbar.fixed {
    position: absolute;
}

#main_layout .left {
    width: 25px;
    background: transparent;
}

#main_layout .right {
    width: 25px;
    background: transparent;
}

#main_layout .bg_left {
    width: 25px;
    overflow: hidden;
    vertical-align: top;
    background: transparent url(../graphic/index/mainborder-left.png?b2dbc) scroll left top repeat-y;
}

#main_layout .bg_right {
    width: 25px;
    overflow: hidden;
    vertical-align: top;
    background: transparent url(../graphic/index/mainborder-right.png?bb461) scroll right top repeat-y;
}

#main_layout .bg_left .bg_left {
    width: 25px;
    height: 200px;
    background: transparent url(../graphic/index/mainborder-left-top.png?628ea) scroll left top no-repeat;
}

#main_layout .bg_right .bg_right {
    width: 25px;
    height: 200px;
    background: transparent url(../graphic/index/mainborder-right-top.png?b55ab) scroll right top no-repeat;
}

#main_layout .bg_leftborder {
    background: transparent url(../graphic/index/mainborder-left.png?b2dbc) scroll left top repeat-y;
}

#main_layout .bg_rightborder {
    background: transparent url(../graphic/index/mainborder-right.png?bb461) scroll right top repeat-y;
}

#main_layout .bg_bottomleft {
    width: 25px;
    background: transparent url(../graphic/index/mainborder-corner-left.png?858d8) scroll left top no-repeat;
}

#main_layout .bg_bottomright {
    width: 25px;
    background: transparent url(../graphic/index/mainborder-corner-right.png?e2d89) scroll right top no-repeat;
}

#main_layout .bg_bottomcenter {
    height: 25px;
    background: transparent url(../graphic/index/mainborder-bottom.png?9b933) scroll right top repeat-x;
}

.maincell {
    padding: 0 0 5px;
    vertical-align: top;
    background: #f2e4c1 url(../graphic/index/bg-shaded.png?83835) scroll left top repeat-x;
}

.maincell table {
    border-spacing: 0;
    border-collapse: collapse;
}

#SkyScraperAd,
#SkyScraperAdLeft {
    position: fixed;
    top: 50px;
    margin-left: 20px;
    height: 600px;
    z-index: 2;
    overflow: hidden;
}

#SkyScraperAdLeft {
    margin-left: -300px;
}

#ContentAd {
    margin: 10px auto;
    text-align: center;
}

.quickbar {
    border-spacing: 1px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu {
    border: none;
    background-repeat: no-repeat;
    background: transparent none scroll left top no-repeat;
}

#menu_row>.menu-item {
    padding: 0;
    margin: 0;
    height: 43px;
    white-space: nowrap;
    background: transparent url(../graphic/index/topbutton-right.png?f8a86) scroll right top no-repeat;
    border-collapse: collapse;
    text-align: left;
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    vertical-align: top;
    text-align: left;
}

#menu_row>.menu-item:hover {
    background: transparent url(../graphic/index/topbutton-right.png?f8a86) scroll right bottom no-repeat;
}

#menu_row .lpad,
#menu_row>.lpad:hover {
    width: 1px;
    min-width: 1px;
    background: transparent none !important;
}

#menu_row>.rpad,
#menu_row>.rpad:hover {
    width: 3px;
    min-width: 3px;
    background: transparent none !important;
}

#topTable {
    margin: 2px auto;
    border-spacing: 0;
    text-align: center;
}

#a#b,
#topTable {
    margin: 0px auto;
}

.fixed #topTable {
    margin: 0px auto;
}

#topTable table {
    margin: 0 auto;
    min-width: 900px;
}

#topTable .menu_column {
    min-width: 1px;
    white-space: nowrap;
}

#topTable .menu-column-item,
#topTable .menu-column-item a {
    white-space: nowrap;
    width: auto;
}

#topContainer {
    position: fixed;
    top: 2px;
    left: 0;
    width: 100%;
    margin-top: 0;
    text-align: center;
}

.topbar .menu tr #topdisplay {
    background: transparent url(../graphic/index/topdisplay-left.png?403aa) scroll left -4px no-repeat;
    padding: 0 0 0 5px;
    height: 43px;
    line-height: 18px;
    z-index: 1;
    width: auto;
    margin: 0 6px 0 2px;
}

#topdisplay:hover {
    background: transparent url(../graphic/index/topdisplay-left.png?403aa) scroll left -4px no-repeat;
}

#topdisplay .bg {
    position: static;
    height: 43px;
    padding: 0 11px 0 5px;
    background: transparent url(../graphic/index/topdisplay-right.png?92172) scroll right -4px no-repeat;
    margin: 0;
    width: auto;
}

#topdisplay .bg .rank {
    color: #fff;
    text-align: center;
    background: none;
}

#topdisplay a {
    padding: 5px 0 0;
    height: 16px;
}

#topdisplay .bg a:hover {
    color: #f0d49a;
}

.menu .menu_column tr,
.menu .menu_column {
    background-image: none;
}

.topbar .menu a {
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    padding: 15px 15px 0 13px;
    display: block;
    height: 28px;
    text-align: center;
    background: transparent none;
}

.topbar a.manager_icon {
    height: 18px;
    width: 18px;
    padding: 1px;
    margin-top: 1px;
    background-repeat: no-repeat;
}

#menu_row>td.menu-item>a {
    background: transparent url(../graphic/index/topbutton-left.png?d1629) scroll left top no-repeat;
    position: relative;
    left: -2px;
    padding: 15px 15px 0;
    font-size: 10px;
}

#menu_row>td.menu-item:hover>a {
    background: transparent url(../graphic/index/topbutton-left.png?d1629) scroll left bottom no-repeat;
}

#topdisplay .bg a {
    width: auto;
    font-size: 10px;
}

.topbar .buttonicon {
    position: relative;
    width: 12px;
    height: 12px;
    top: -28px;
    left: 14px;
    margin-bottom: -12px;
}

.topbar .buttonicon a {
    padding: 0;
    margin: 0;
}

#quickbar_outer {
    margin: 0 auto;
    padding: 0;
}

#quickbar_inner {
    margin: 0;
    padding: 0;
    width: 100%;
}

#quickbar_inner .left {
    background: transparent url(../graphic/index/iconbar-ml.png?c63c5) scroll left top repeat-y;
    width: 15px;
}

#quickbar_inner .main {
    background: transparent url(../graphic/index/iconbar-mc.png?0c9c1) scroll left top repeat;
    text-align: center;
}

#quickbar_inner .right {
    background: transparent url(../graphic/index/iconbar-mr.png?ac70c) scroll right top repeat-y;
    width: 15px;
    position: static;
}

#quickbar_inner .topborder .left {
    background: transparent url(../graphic/index/iconbar-tl.png?c7afe) scroll left top no-repeat;
    height: 4px;
}

#quickbar_inner .topborder .main {
    background: transparent url(../graphic/index/iconbar-tc.png?2119b) scroll left top repeat-x;
    height: 4px;
}

#quickbar_inner .topborder .right {
    background: transparent url(../graphic/index/iconbar-tr.png?509d4) scroll right top no-repeat;
    height: 4px;
}

#quickbar_inner .bottomborder .left {
    background: transparent url(../graphic/index/iconbar-bl.png?80a7c) scroll left top no-repeat;
    height: 4px;
}

#quickbar_inner .bottomborder .main {
    background: transparent url(../graphic/index/iconbar-bc.png?20d9e) scroll left top repeat-x;
    height: 4px;
}

#quickbar_inner .bottomborder .right {
    background: transparent url(../graphic/index/iconbar-br.png?fc1cf) scroll right top no-repeat;
    height: 4px;
}

#quickbar_inner .quickbar {
    border: none;
    background: none;
    margin: 0 auto;
    padding: 1px 0;
}

#quickbar_inner li {
    display: inline-table;
    margin: 0 5px 0 4px;
    padding: 0;
}

#quickbar_inner .separator {
    border-right: 1px dotted #302e27;
    width: 1px;
    overflow: hidden;
}

#quickbar_inner .quickbar img {
    vertical-align: -3px;
    margin-right: 2px;
}

ul.quickbar>li {
    background: transparent;
}

.icon-box {
    background: transparent url(../graphic/index/statusbar-separator1.png?2f5d0) scroll left top no-repeat;
    padding-left: 3px;
}

.box-item:first-child {
    background: transparent url(../graphic/index/statusbar-left.png?2ae71) scroll left top no-repeat;
}

.box-item.separate {
    background: transparent url(../graphic/index/statusbar-separator2.png?20472) scroll left top no-repeat;
    padding-left: 5px;
}

#header_info {
    background: transparent;
    background-image: none !important;
    margin: 0 auto 2px;
    padding: 0;
}

#header_info table {
    border: none;
    height: 26px;
}

.header-border {
    background: transparent url(../graphic/index/statusbar-center.png?e0ab7) scroll left top repeat-x;
    height: 26px;
    padding: 0;
    width: 1px;
}

.header-border .box {
    background: transparent url(../graphic/index/statusbar-right.png?2d032) scroll right top no-repeat;
}

.header-border .box .box-item.firstcell {
    padding: 0 3px;
}

.header-border .firstcell {
    background: transparent url(../graphic/index/statusbar-left.png?2ae71) scroll left top no-repeat;
}

.header-border .box-item {
    padding: 0 3px;
}

.header-border .smallPadding .box-item,
.header-border .no-gap .box-item {
    padding: 0 3px 0 0;
}

.header-border .smallPadding .box-item.separate {
    padding-left: 5px;
}

.header-border .smallPadding .icon-box,
.header-border .smallPadding .icon-box.separate {
    padding: 0 1px 0 4px;
}

.header-border .no-gap .icon-box:first-child {
    padding: 0 0 0 2px;
}

.icon-box a,
.no-gap .icon-box a {
    height: 20px;
    padding: 2px 0 0;
}

table.no-gap .icon-box a {
    height: 19px;
    padding: 3px 2px 0;
}

#menu_row2 {
    height: 26px;
}

.icon-box .village_switch_link,
.icon-box .jump_link {
    display: block;
    width: 16px;
    height: 22px;
    padding: 0;
}

.arrowCell {
    padding: 0 2px 0 3px !important;
}

#pop_max_label {
    padding-right: 5px;
}

#storage {
    padding: 0 3px 0 1px;
}

#header_info span.icon {
    margin: 0 1px 0 0;
}

#header_info table {
    margin-left: 5px;
}

#header_info td:first-child table {
    margin-left: 0;
}

.arrowCell span {
    width: 16px;
    height: 22px;
    display: block;
}

td.shadow {
    text-align: left;
}

td.shadow div.leftshadow {
    height: 8px;
    width: 15px;
    background: transparent url(../graphic/index/shadow-left.png?33b60) scroll left top no-repeat;
    margin-bottom: -8px;
    z-index: 0;
}

td.shadow div.rightshadow {
    height: 8px;
    width: auto;
    background: transparent url(../graphic/index/shadow-right.png?db13d) scroll right top no-repeat;
    margin-left: 15px;
    z-index: 0;
}

#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: transparent url(../graphic/index/footer-bg.png?5fcfb) scroll center top repeat-x;
    z-index: 12000;
    cursor: default;
    text-align: center;
}

#footer #linkContainer {
    height: 21px;
    position: relative;
    top: 3px;
    margin-top: 3px;
}

#footer #linkContainer a {
    vertical-align: middle;
}

#footer .world_button_active,
#footer .world_button_inactive {
    display: inline-block;
    float: none;
}

#footer,
#footer a {
    color: #603000;
}

#footer a {
    cursor: pointer;
}

#footer .footer-link:hover {
    color: #e01f0f;
}

# #content_value {
    padding: 10px;
}

.content-border {
    padding: 0;
    margin: 0;
    direction: ltr;
    background: #e3d5b3 url(../graphic/index/main_bg.jpg?1b7f4) scroll right top repeat;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #7d510f;
    -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
}

.content-border.notification {
    width: 100%;
}

.content-border.notification td {
    padding: 5px;
}

#inner-border {
    padding: 2px 0;
    border: 1px solid #f9e1a8;
}

.navi-border {
    border: none;
    padding: 0;
    margin: 0;
    border: 1px solid #7d510f;
}

.navi-border .navi-border-item {
    background: transparent url(../graphic/index/main_bg.jpg?1b7f4) scroll left top repeat;
    padding: 3px;
    font-weight: 400;
}

.main {
    overflow: hidden;
}

.quickbar>li {
    padding-top: 0;
    padding-bottom: 0;
    display: inline;
}

#topTable .menu .menu_column {
    background: transparent url(../graphic/index/dropdown-bottomright.png?17f6b) scroll right bottom no-repeat;
    display: table;
    z-index: 100;
    position: absolute;
    min-width: 92px;
    max-width: 250px;
    margin-left: 20px;
    margin-top: -4px;
    padding: 0;
    height: auto;
    visibility: hidden;
}

.menu tr td .menu_column tr {
    background: transparent none;
}

#topTable #topdisplay .menu_column {
    margin-left: 5px;
    margin-top: 0;
}

#topTable .menu td:hover .menu_column,
#topTable .menu .hover .menu_column {
    visibility: visible;
    z-index: 999;
}

.menu_column .menu-column-item {
    height: auto;
    text-align: left;
    padding: 0;
    white-space: normal;
    line-height: 12px;
    width: auto;
    display: table-cell;
    float: none;
    z-index: 999;
    background: transparent url(../graphic/index/dropdown-itemright.png?58ab9) scroll right top repeat-y;
}

.menu_column tr:first-child .menu-column-item {
    background: transparent url(../graphic/index/dropdown-topright.png?93f8b) scroll right top no-repeat;
}

#topdisplay .menu_column .menu-column-item a,
.menu_column .menu-column-item a {
    display: block;
    position: relative;
    left: -20px;
    padding: 3px 12px 3px 20px;
    margin: 0 -10px 0 0;
    background: transparent url(../graphic/index/dropdown-itemleft.png?bf9c9) scroll left top no-repeat;
    color: #FFF;
    float: none;
    height: auto;
    text-align: left;
}

.menu_column .menu-column-item a:hover {
    color: #f0d49a;
}

#topdisplay .menu_column tr:first-child .menu-column-item a,
.menu_column tr:first-child .menu-column-item a {
    padding: 6px 12px 3px 20px;
    background: transparent url(../graphic/index/dropdown-topleft.png?8e31b) scroll left top no-repeat;
}

.menu_column tr:first-child .menu-column-item a:hover {}

.menu_column a {
    padding: 3px 12px 3px 20px;
    height: auto;
}

#topTable .menu_column a:hover {
    color: #f0d49a;
}

.menu_column tr:first-child .menu-column-item a {
    padding: 6px 12px 3px 20px;
}

.menu_column tr:first-child .menu-column-item a:hover {}

.menu_column tr .bottom {
    background: transparent none;
}

.topbar .corner {
    position: relative;
    width: 20px;
    height: 25px;
    margin: 0;
    left: -20px;
    top: 0;
    background: transparent url(../graphic/index/dropdown-bottomleft.png?a84fe) scroll left top no-repeat;
}

.topbar .decoration {
    position: relative;
    width: 23px;
    height: 25px;
    margin: -25px 0 0 -25px;
    left: 50%;
    top: 0;
    background: transparent url(../graphic/index/dropdown-decoration.png?75312) scroll left 12px no-repeat;
}

.menu .icon {
    margin: 0;
    vertical-align: -2px;
}

.menu_block_right {
    margin: 0;
    margin-left: auto;
    border-collapse: collapse;
    text-align: right;
}

.empty[usemap] {
    outline: none;
}

.center {
    text-align: center;
}

.lit .lit-item {
    font-weight: 700;
    background-color: #fff3d3 !important;
    background-image: none;
}

.lit2 .lit-item {
    font-weight: 700;
    background-color: #f8eed8;
    background-image: none;
}

.nopad {
    padding: 0 !important;
}

.top_background {
    background-image: url(../graphic/index/bg-top.jpg?33e4b);
    background-repeat: repeat-x;
    height: 27px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    display: none;
}

.top_bar {
    background-image: url(../graphic/index/topbar-main.png?0f540);
    background-repeat: repeat-x;
    background-position: center 0;
    height: 57px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.top_bar .bg_left {
    background-image: url(../graphic/index/topbar-left.png?62fd4);
    background-repeat: no-repeat;
    height: 57px;
    width: 70px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.top_bar .bg_right {
    background-image: url(../graphic/index/topbar-right.png?b9847);
    background-repeat: no-repeat;
    height: 57px;
    width: 70px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.top_shadow {
    background: transparent url(../graphic/index/topbar-shadow.png?e13c6) scroll left top repeat-x;
    position: fixed;
    margin: 0;
    padding: 0;
    top: 50px;
    left: 0;
    width: 100%;
    height: 6px;
    z-index: 9999;
}

body {
    background: #d2c09e url(../graphic/background/bg-titel-ice41.jpg?27a8b) scroll 0 0 repeat;
    font-size: 9pt;
    font-family: Verdana, Arial;
    width: 100%;
    margin: 0;
    padding: 0 0 35px;
}

.noBorderForFirstItem li:first-child {
    border: none;
}

h1 {
    font-size: 16pt;
}

h2 {
    font-size: 14pt;
}

h3 {
    font-size: 12pt;
    font-weight: 700;
}

h4 {
    font-size: 10pt;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 4pt;
}

h5 {
    font-size: 10pt;
    font-weight: 700;
    margin-bottom: 2pt;
}

img {
    border: none;
}

.middle {
    vertical-align: middle;
}

.status-icon {
    width: 10px;
    height: 10px;
}

.grey {
    color: gray;
}

.warn {
    color: #dc0000;
}

.warn_90 {
    color: #632600;
}

.error {
    color: #b40000;
    font-weight: 700;
}

.nowrap {
    white-space: nowrap;
}

.wrap {
    white-space: normal;
}

.small {
    font-size: xx-small;
}

#buildings .inactive {
    white-space: normal;
}

.warstats_popup_date {
    color: #C5A76B;
    font-size: 0.9em;
}

hr {
    border-color: #c89d58 transparent #85550d;
    border-width: 1px 0;
    border-style: solid;
    height: 0;
}

.box {
    background-color: #F7EED3;
    background-repeat: repeat-x;
    border: 1px solid;
    border-color: #973 #FD9 #FEC #B95;
}

input,
select {
    font-size: 8pt;
}

.attack {
    background-color: #fad2d2;
}

.support {
    background-color: #d2fad2;
}

.check {
    margin: 0;
    margin-right: 5px;
}

.quote .quote_author {
    font-weight: 700;
    font-size: 8pt;
}

.quote .quote_message {
    background-color: #FFF;
    font-size: 8pt;
}

textarea {
    border: 1px solid #7D510F;
    padding: 4px;
    word-wrap: break-word;
}

#bb_sizes {
    position: absolute;
    z-index: 100;
    border: 2px solid #804000;
    background-color: #efe6c9;
    top: 0;
    left: 0;
}

#bb_sizes .bb_size_item {
    padding: 2px;
}

#bb_color_picker {
    position: absolute;
    z-index: 100;
    border: 1px solid #804000;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background-color: #efe6c9;
    top: 0;
    left: 0;
}

#bb_color_picker_tones {
    padding: 4px;
    border-bottom: 2px solid #804000;
    height: 86px;
}

#bb_color_picker_colors {
    padding: 4px;
    border-bottom: 2px solid #804000;
    height: 18px;
    white-space: nowrap;
}

#bb_color_picker_colors div {
    float: left;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#bb_color_picker_tones div {
    float: left;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#bb_color_picker_50,
#bb_color_picker_51,
#bb_color_picker_52,
#bb_color_picker_53,
#bb_color_picker_54,
#bb_color_picker_55 {
    border-bottom: 1px solid #000;
}

#bb_color_picker_55,
#bb_color_picker_45,
#bb_color_picker_35,
#bb_color_picker_25,
#bb_color_picker_15,
#bb_color_picker_05 {
    border-right: 1px solid #000;
}

#bb_color_picker_c0,
#bb_color_picker_c1,
#bb_color_picker_c2,
#bb_color_picker_c3,
#bb_color_picker_c4,
#bb_color_picker_c5 {
    border-bottom: 1px solid #000;
}

#bb_color_picker_c5 {
    border-right: 1px solid #000;
}

#bb_color_picker_preview {
    margin: 2px;
    border: 1px solid #000;
    height: 16px;
    width: 104px;
    background: #f7eed3;
    text-align: center;
}

#bb_color_picker_tx {
    width: 64px;
}

#box {
    color: #000;
    background-color: #F8F4E8;
    width: 100%;
    max-height: 200px;
    text-align: left;
    padding: 0;
    overflow: auto;
    position: relative;
}

ul.help {
    padding-left: 1px;
    margin-left: 0;
}

li.help {
    list-style-type: none;
    background-color: #f4e4bc;
    margin: 2px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

ul.help li.help ul.help li.help {
    background-color: #F1EBDD;
}

ul.help li.help ul.help li.help ul.help li.help {
    background-color: #F8F4E8;
}

ul.submenu {
    padding-left: 1px;
    margin-left: 0;
}

li.submenu {
    list-style-type: none;
    margin: 2px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.sel {
    color: #0082BE;
    text-decoration: underline;
}

.server_info {
    font-size: 7pt;
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
    color: #514d41;
    margin: 4px 3px -20px 0;
    background: transparent url(../graphic/index/contentbg.png?f6c61) scroll left top repeat;
}

.premium_button {
    width: 32px;
    height: 55px;
    background-image: url(../graphic/premium/pa_button.png?f9f7d);
    background-repeat: no-repeat;
    cursor: pointer;
}

.premium_left_button {
    background-position: 0 0;
}

.premium_left_button_hover {
    background-position: 0 -55px;
}

.premium_right_button {
    background-position: -32px 0;
}

.premium_right_button_hover {
    background-position: -32px -55px;
}

#premium_buy_button {
    width: 140px;
    height: 75px;
    background-image: url(../graphic/premium/buynow.jpg?890d5);
    float: left;
    font-size: 20px;
    color: #FFF;
    text-align: center;
    line-height: 75px;
}

#premium_buy_button:hover {
    background-position: 0 -75px;
}

#reservations {
    width: 100%;
    clear: both;
}

#settings {
    padding-left: 10px;
    padding-bottom: 3px;
    float: left;
}

#reservation_info>#partners {
    float: left;
    padding: 0 10px 3px 15px;
}

#noblelog {
    padding-left: 10px;
    float: left;
}

#edit_reservation {
    display: block;
}

#reservation_settings {
    display: block;
}

#reservation_info {
    padding-left: 10px;
}

.group_config {
    position: relative;
    width: 97%;
    margin: 0 auto;
    border-width: 1px;
    border-color: #804000;
    border-style: solid;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

.vis .group_edit {
    background-color: transparent;
}

.vis .group_label {
    width: 170px;
    height: 25px;
}

.vis #group_list td {
    height: 20px;
}

.vis .p_grocusto {
    margin: 0;
    display: inline;
}

#tooltip {
    z-index: 100000 ! important;
}

.tooltip-style .body {
    font-weight: bold;
}

.tooltip-style.not-bold .body {
    font-weight: normal;
}

#tut.ui-draggable #tut_menu {
    cursor: move;
}

.drag {
    cursor: move;
}

#combined_table th {
    text-align: center;
}

#wait {
    position: absolute;
    top: 48%;
    left: 50%;
    width: 200px;
    background-image: url(../graphic/index/main_bg.jpg?1b7f4);
    border: 2px solid #804000;
    margin: -15px 0 0 -110px;
    padding: 10px;
    text-align: center;
    font-weight: 700;
}

#ajax_loader {
    position: absolute;
    top: 100px;
    left: 375px;
    z-index: 100;
    display: table-cell;
}

#intro_igm_preview {
    background-color: #FFF;
    border: solid 1px #000;
    width: 99%;
    margin: 10px;
}

.edit {
    display: none;
}

.green {
    color: green;
}

.orange {
    color: orange;
}

.red {
    color: red;
}

.scrollableMenu .main_layout .topbar {
    position: relative;
}

.scrollableMenu #topContainer {
    position: absolute;
    z-index: 10000;
}

.scrollableMenu .top_bar {
    position: absolute;
}

.scrollableMenu .top_shadow {
    position: absolute;
}

#coin_overview_table .select_coins {
    width: 160px;
}

*+html #main_layout .topbar {
    position: fixed !important;
}

*+html #main_layout .bg_left .bg_left {
    background: transparent url(../graphic/index/mainborder-left-top.png?628ea) scroll left top no-repeat;
}

*+html #main_layout .bg_right .bg_right {
    background: transparent url(../graphic/index/mainborder-right-top.png?b55ab) scroll right top no-repeat;
}

*+html #main_layout .center {
    position: static;
}

*+html #topContainer {
    position: absolute !important;
    margin-top: 0 !important;
    width: 100% !important;
    z-index: 123456;
}

*+html .top_bar {
    position: absolute;
}

*+html .top_shadow {
    position: absolute;
}

*+html #menu_row>.lpad {
    width: 1px;
}

*+html #menu_row>.rpad {
    width: 3px;
}

*+html #menu_row>.menu-item a {
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
}

*+html hr {
    height: 2px;
}

*+html #SkyScraperAd {
    position: absolute;
}

*+html .topbar .buttonicon {
    top: -29px;
}

*+html #group_list_content #group_table {
    width: 292px;
}

*+html #group_popup_content_container #group_table {
    width: 292px;
}

.vis_item>.bqhandle {
    width: 16px;
    height: 16px;
    margin: 0px 5px;
    background: url('../graphic/sorthandle.png?8838f') center center no-repeat;
    cursor: pointer;
}

.vis_item>.bqremove {
    width: 16px;
    height: 16px;
    margin: 0px 5px;
    background: url('../graphic/icons/delete.png?78406') center center no-repeat;
    cursor: pointer;
}

.vis_item>.bqedit {
    width: 16px;
    height: 16px;
    margin: 0px 5px;
    background: url('../graphic/icons/paste.png?1eb07') center center no-repeat;
    cursor: pointer;
}

.hint-box {
    margin: 14px auto;
    padding: 10px;
    border: 1px solid #7D510F;
    background: url(../graphic/index/main_bg.jpg?1b7f4);
    font-weight: bold;
}

.secret_flag_0,
.secret_flag_1 {
    position: absolute;
    width: 8px;
    height: 9px;
}

.secret_flag_0 {
    background-image: url(../graphic/icons/flag_yellow.png?2e650);
}

.secret_flag_1 {
    background-image: url(../graphic/icons/flag_blue.png?85c24);
}

#secrets {
    position: absolute;
    width: 1000px;
    height: 1000px;
    z-index: 10;
}

.bbcodetable {
    background: #fff;
    border: #999966 1px solid;
    border-spacing: 2px;
    border-collapse: separate;
}

h4.secret_header {
    font-style: normal;
}

.secret,
.vis .secret .widget .secret {
    background: url(../graphic/icons/secret_scroll_15x15.png?2452d) bottom left no-repeat;
    line-height: 15px;
    padding-left: 20px;
    font-weight: bold;
}

div.secret,
.vis div.secret {
    background-position: top left;
}

h3.secret {
    background: url(../graphic/secrets/secret_scroll_18x18.png?5ab7a) bottom left no-repeat;
    line-height: 18px;
}

.secret_count {
    color: brown;
    display: block;
    float: right;
}

.secret_countdown {
    color: brown;
}

.countdown {
    margin: 8px 0 12px;
}

.countdown>.clear {
    clear: both;
}

.countdown>.time_left {
    width: 24%;
    float: left;
    font-weight: bold;
}

.countdown>.progressbar {
    float: right;
    width: 75%;
    height: 12px;
    border: 1px solid #7D510F;
    padding: 2px;
}

.progressbar>.value {
    background: url(../graphic/index/progressbar_bg_red.png?38e8b) top left repeat-x;
    height: 12px;
}

.cancel-icon.solo {
    display: inline-block;
    background: url(../graphic/icons/delete.png?78406) -2px -2px no-repeat;
    height: 15px;
    width: 15px;
}

.secret-teaser {
    width: 100%;
    height: 290px;
    background: #f00;
}

.secret-teaser.spawn {
    background: url(../graphic/reports/secrets_spawn.png?ffa0f) center center;
}

.secret-teaser.win {
    background: url(../graphic/reports/secrets_win.png?36cd9) top center;
}

.invalid {
    background-color: #edc4c4;
}

.input-fontstyle {
    font-size: 9pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.col {
    float: left;
    width: 50%;
}

.col>.row {
    width: 92%;
    margin: 0 4% 4%;
}

.row {
    border: 1px solid #7D510F;
    background: #F4E4BC;
    width: 96%;
    margin: 0 2% 4%;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
}

.row h4 {
    font-size: 9pt;
    text-align: left;
    font-weight: 700;
    background-color: #c1a264 !important;
    background-image: url(../graphic/index/tableheader_bg3.png?2cef7);
    background-repeat: repeat-x;
    padding: 3px;
    margin: 0;
}

.widget-content {
    clear: both;
    padding: 8px;
    position: relative;
}

.double-col {
    width: 96%;
    margin: 0 2% 2%;
}

#welcome-page-footer-right {
    float: right;
    margin: 0 2% 0;
}

#welcome-page-footer-left {
    margin: 0 2% 0;
    float: left;
}

.widget-tabs {
    display: block;
    background-color: #fff5da;
    list-style-type: none;
    margin: 0;
    padding: 3px 0 0 0;
    height: 25px;
    border-bottom: 1px solid #7D510F;
}

.widget-tabs li {
    float: left;
    margin: 0 0 0 4px;
    height: 25px;
}

#stats li {
    width: 30px;
    text-align: center;
}

.widget-tabs li a {
    border: 1px solid #000;
    border-bottom: 0;
    border-radius: 6px 6px 0px 0px;
    padding: 4px;
    height: 16px;
    background-color: #d4b881;
    display: block;
    color: #2b2b2b;
}

.widget-tabs li a:hover,
.widget-tabs li a.selected {
    background-color: #f3d598;
}

#news img {
    position: absolute;
    top: 5px;
    left: 10px;
}

#news p {
    padding-left: 25px;
    margin: 0;
}

.welcome-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.list-item {
    padding: 2px 5px 4px;
    line-height: 20px;
    height: 20px;
}

.list-item.a {
    background-color: #fff5da;
}

.list-item.b {
    background-color: #f0e2be;
}

.list-left {
    margin: 0;
    display: inline-block;
    width: 75%;
}

.list-right {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 23%;
    text-align: right;
}

#map_wrap:-moz-full-screen .ui-resizable-handle {
    display: none;
}

#map_wrap:-webkit-full-screen .ui-resizable-handle {
    display: none;
}

#map_wrap:full-screen .ui-resizable-handle {
    display: none;
}

#map_wrap:-moz-full-screen #map_coord_y_wrap {
    position: fixed !important;
    z-index: 10;
    color: #fff;
}

#map_wrap:-webkit-full-screen #map_coord_y_wrap {
    position: fixed !important;
    z-index: 10;
    color: #fff;
}

#map_wrap:full-screen #map_coord_y_wrap {
    position: fixed !important;
    z-index: 10;
    color: #fff;
}

#map_wrap:-moz-full-screen #map_coord_x_wrap {
    position: fixed !important;
    z-index: 10;
    color: #fff;
    bottom: 0px !important;
    top: auto !important;
}

#map_wrap:-webkit-full-screen #map_coord_x_wrap {
    position: fixed !important;
    z-index: 10;
    color: #fff;
    bottom: 0px !important;
    top: auto !important;
}

#map_wrap:full-screen #map_coord_x_wrap {
    position: fixed !important;
    z-index: 10;
    color: #fff;
    bottom: 0px !important;
    top: auto !important;
}

#map_wrap:-moz-full-screen #minimap {
    z-index: 13;
    position: fixed !important;
    right: 0px;
    top: 0px;
    left: auto !important;
    border: 1px solid yellow;
}

#map_wrap:-webkit-full-screen #minimap {
    z-index: 13;
    position: fixed !important;
    right: 0px;
    top: 0px;
    left: auto !important;
    border: 1px solid yellow;
}

#map_wrap:full-screen #minimap {
    z-index: 13;
    position: fixed !important;
    right: 0px;
    top: 0px;
    left: auto !important;
    border: 1px solid yellow;
}

#fullscreen {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 13;
}

#map_wrap {
    z-index: 19;
}

.vidscreen-box,
div.vidscreen-box,
p.vidscreen-box {
    width: 500px;
}

h2.vidscreen-box {
    margin-top: 0;
}

.vidscreen-box>.watch-error {
    padding-top: 8px;
}

#video-reward {
    padding: 8px;
}

.video-reward-text {
    padding-top: 8px;
}

#video-reward-description {
    padding: 8px 0 8px;
}

.menu-side {
    width: 30px;
}

#loading_content {
    display: none;
}

#header_commands {
    display: none;
}

#header_commands.has_incomings,
#header_commands.has_supports {
    display: table-cell;
}

#incomings_cell {
    display: none;
}

#header_commands.has_incomings #incomings_cell {
    display: table-cell;
}

#supports_cell {
    display: none;
}

#header_commands.has_supports #supports_cell {
    display: table-cell;
}

.bmain_list_img {
    float: left;
    margin-right: 8px;
}

.recruit_req {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}

.recruit_req>span {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.recruit_req>span:last-child {
    -ms-flex: 2;
    -webkit-flex: 2;
    flex: 2;
}

.unmet_req {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}

.unmet_req>span {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

/**** game/buttons2.css ****/
/*6ad6588b2a59d9a26f6489fb068cb523*/
.btn,
.btn-default {
    display: inline-block;
    padding: 3px;
    margin: 0 2px;
    text-align: center;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    cursor: pointer;
    background: #6c4824;
    background: -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000;
    color: #fff;
}

.btn:hover,
.btn-default:hover {
    background: #e2a738;
    background: -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    color: #fff;
}

.btn:focus {
    outline: none;
    border-color: #920707;
}

.btn::-moz-focus-inner {
    border: 0;
}

.btn-build {
    min-width: 90px;
    padding: 3px 9px 3px 25px;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, #6c4824;
    background: url("../graphic/new/buttons.png") no-repeat 3px 1px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-build:hover {
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, #b69471;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px 1px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-attack {
    padding: 3px 9px 3px 25px;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, #6c4824;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-attack:hover {
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, #b69471;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -74px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-support {
    padding: 3px 9px 3px 25px;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, #6c4824;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-support:hover {
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, #b69471;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -99px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-recruit {
    padding: 3px 9px 3px 25px;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, #6c4824;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-recruit:hover {
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, #b69471;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-recruit-disabled,
.btn-recruit-disabled:hover {
    padding: 3px 9px 3px 25px;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, #646464;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -moz-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4c4c), color-stop(100%, #7b490c));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -webkit-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -o-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, -ms-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -125px, linear-gradient(to bottom, #646464 0%, #4d4c4c 100%);
    cursor: not-allowed;
}

.btn-research {
    padding: 3px 9px 3px 25px;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, #6c4824;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-research:hover {
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, #b69471;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-research-disabled,
.btn-research-disabled:hover {
    padding: 3px 9px 3px 25px;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, #646464;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -moz-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4c4c), color-stop(100%, #7b490c));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -webkit-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -o-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, -ms-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -146px, linear-gradient(to bottom, #646464 0%, #4d4c4c 100%);
    cursor: not-allowed;
}

.btn-bcr {
    width: 75px;
    text-align: right;
    padding: 3px;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, #6c4824;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-bcr:hover {
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, #b69471;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-bcr-disabled,
.btn-bcr-disabled:hover {
    width: 60px;
    text-align: right;
    padding: 3px;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, #646464;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -moz-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4c4c), color-stop(100%, #7b490c));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -webkit-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -o-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, -ms-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -24px, linear-gradient(to bottom, #646464 0%, #4d4c4c 100%);
    cursor: not-allowed;
}

.btn-btr {
    width: 60px;
    text-align: right;
    padding: 3px;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, #6c4824;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-btr:hover {
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, #b69471;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -49px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-instant {
    width: 70px;
}

.btn-cancel {
    padding: 3px 9px 3px 25px;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, #6c4824;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -moz-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #947a62), color-stop(22%, #7b5c3d), color-stop(30%, #6c4824), color-stop(100%, #6c4824));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -webkit-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -o-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -ms-linear-gradient(top, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, linear-gradient(to bottom, #947a62 0%, #7b5c3d 22%, #6c4824 30%, #6c4824 100%);
}

.btn-cancel:hover {
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, #b69471;
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -moz-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b69471), color-stop(22%, #9f764d), color-stop(30%, #8f6133), color-stop(100%, #6c4d2d));
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -webkit-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -o-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, -ms-linear-gradient(top, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
    background: url("../graphic/new/buttons.png?b84b6") no-repeat 3px -174px, linear-gradient(to bottom, #b69471 0%, #9f764d 22%, #8f6133 30%, #6c4d2d 100%);
}

.btn-confirm-yes {
    padding: 4px;
    background: #0bac00;
    background: -moz-linear-gradient(top, #0bac00 0%, #0e7a1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0bac00), color-stop(100%, #0e7a1e));
    background: -webkit-linear-gradient(top, #0bac00 0%, #0e7a1e 100%);
    background: -o-linear-gradient(top, #0bac00 0%, #0e7a1e 100%);
    background: -ms-linear-gradient(top, #0bac00 0%, #0e7a1e 100%);
    background: linear-gradient(to bottom, #0bac00 0%, #0e7a1e 100%);
    color: #fff;
    border-color: #006712;
}

.btn-confirm-yes:hover {
    background: #13c600;
    background: -moz-linear-gradient(top, #13c600 0%, #129e23 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #13c600), color-stop(100%, #129e23));
    background: -webkit-linear-gradient(top, #13c600 0%, #129e23 100%);
    background: -o-linear-gradient(top, #13c600 0%, #129e23 100%);
    background: -ms-linear-gradient(top, #13c600 0%, #129e23 100%);
    background: linear-gradient(to bottom, #13c600 0%, #129e23 100%);
}

.btn-confirm-yes:focus {
    outline: none;
    border-color: #323232;
}

.btn-confirm-no {
    padding: 4px;
    background: #af281d;
    background: -moz-linear-gradient(top, #af281d 0%, #801006 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #af281d), color-stop(100%, #801006));
    background: -webkit-linear-gradient(top, #af281d 0%, #801006 100%);
    background: -o-linear-gradient(top, #af281d 0%, #801006 100%);
    background: -ms-linear-gradient(top, #af281d 0%, #801006 100%);
    background: linear-gradient(to bottom, #af281d 0%, #801006 100%);
    color: #fff;
    border-color: #670900;
}

.btn-confirm-no:hover {
    background: #c92722;
    background: -moz-linear-gradient(top, #c92722 0%, #a00d08 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c92722), color-stop(100%, #a00d08));
    background: -webkit-linear-gradient(top, #c92722 0%, #a00d08 100%);
    background: -o-linear-gradient(top, #c92722 0%, #a00d08 100%);
    background: -ms-linear-gradient(top, #c92722 0%, #a00d08 100%);
    background: linear-gradient(to bottom, #c92722 0%, #a00d08 100%);
}

.btn-centered {
    display: block;
    width: 125px;
    margin: 0 auto;
}

.btn-disabled,
.btn[disabled] {
    background: #646464;
    background: -moz-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4c4c), color-stop(100%, #7b490c));
    background: -webkit-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: -o-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: -ms-linear-gradient(top, #646464 0%, #4d4c4c 100%);
    background: linear-gradient(to bottom, #646464 0%, #4d4c4c 100%);
    cursor: not-allowed;
}

/**** game/shared.css ****/
/**/
.center {
    text-align: center;
}

.va_base {
    vertical-align: baseline;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.rename-icon {
    background: url(../graphic/icons/rename.png?46239) top left no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 2px;
}

.delete-icon {
    background: url(../graphic/delete_small.png?1d004) center no-repeat;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 2px;
}

.support-icon {
    background: url(../graphic/command/support.png?fbeca) top left no-repeat;
    padding-left: 16px;
}

.attack-icon {
    background: url(../graphic/command/attack.png?901ab) top left no-repeat;
    padding-left: 16px;
}

.sos-icon {
    background: url(../graphic/reqdef.png?884ed) top left no-repeat;
    padding-right: 16px;
}

.hammer-icon {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../graphic/overview/build.png?332c3) top left no-repeat;
}

.destroy-icon {
    display: block;
    width: 11px;
    height: 18px;
    background: url(../graphic/overview/down.png?da696) top left no-repeat;
}

.research-icon {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../graphic/overview/research.png?79f5f) top left no-repeat;
}

.note-icon {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../graphic/overview/note.png?c865c) top left no-repeat;
}

.inline-icon {
    display: inline-block;
    padding-left: 22px;
    height: 18px;
    line-height: 18px;
}

.building-main {
    background: url('../graphic/buildings/main.png?8720a') center left no-repeat;
}

.building-barracks {
    background: url('../graphic/buildings/barracks.png?86f55') center left no-repeat;
}

.building-stable {
    background: url('../graphic/buildings/stable.png?cf624') center left no-repeat;
}

.building-garage {
    background: url('../graphic/buildings/garage.png?880ce') center left no-repeat;
}

.building-church {
    background: url('../graphic/buildings/church.png?55982') center left no-repeat;
}

.building-church_f {
    background: url('../graphic/buildings/church.png?55982') center left no-repeat;
}

.building-snob {
    background: url('../graphic/buildings/snob.png?16792') center left no-repeat;
}

.building-smith {
    background: url('../graphic/buildings/smith.png?6b182') center left no-repeat;
}

.building-place {
    background: url('../graphic/buildings/place.png?c286a') center left no-repeat;
}

.building-statue {
    background: url('../graphic/buildings/statue.png?f46e9') center left no-repeat;
}

.building-market {
    background: url('../graphic/buildings/market.png?4df99') center left no-repeat;
}

.building-wood {
    background: url('../graphic/buildings/wood.png?520ed') center left no-repeat;
}

.building-stone {
    background: url('../graphic/buildings/stone.png?2a725') center left no-repeat;
}

.building-iron {
    background: url('../graphic/buildings/iron.png?32ead') center left no-repeat;
}

.building-farm {
    background: url('../graphic/buildings/farm.png?f726e') center left no-repeat;
}

.building-storage {
    background: url('../graphic/buildings/storage.png?9951d') center left no-repeat;
}

.building-hide {
    background: url('../graphic/buildings/hide.png?e4546') center left no-repeat;
}

.building-wall {
    background: url('../graphic/buildings/wall.png?60a95') center left no-repeat;
}

.tech-spear {
    background: url('../graphic/unit/unit_spear.png?48b3b') center left no-repeat;
}

.tech-sword {
    background: url('../graphic/unit/unit_sword.png?b389d') center left no-repeat;
}

.tech-axe {
    background: url('../graphic/unit/unit_axe.png?51d94') center left no-repeat;
}

.tech-archer {
    background: url('../graphic/unit/unit_archer.png?db2c3') center left no-repeat;
}

.tech-spy {
    background: url('../graphic/unit/unit_spy.png?eb866') center left no-repeat;
}

.tech-light {
    background: url('../graphic/unit/unit_light.png?2d86d') center left no-repeat;
}

.tech-heavy {
    background: url('../graphic/unit/unit_heavy.png?a83c9') center left no-repeat;
}

.tech-marcher {
    background: url('../graphic/unit/unit_marcher.png?ad3be') center left no-repeat;
}

.tech-ram {
    background: url('../graphic/unit/unit_ram.png?2003e') center left no-repeat;
}

.tech-catapult {
    background: url('../graphic/unit/unit_catapult.png?5659c') center left no-repeat;
}

.avail {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../graphic/overview/prod_avail.png?0b231) top left no-repeat;
}

.imposs {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../graphic/overview/prod_impossible.png?bb9e5) top left no-repeat;
}

.running {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../graphic/overview/prod_running.png?d4aba) top left no-repeat;
}

.done {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../graphic/overview/prod_finish.png?64fcf) top left no-repeat;
}

span.wood {
    background-image: url(../graphic/icons/wood.png?a3702);
}

span.stone {
    background-image: url(../graphic/icons/stone.png?6c9bd);
}

span.iron {
    background-image: url(../graphic/icons/iron.png?0e9e5);
}

.wood-bonus {
    background-image: url(../graphic/plus_wood.png?bb7b7);
}

.stone-bonus {
    background-image: url(../graphic/plus_clay.png?e0650);
}

.iron-bonus {
    background-image: url(../graphic/plus_iron.png?6818c);
}

.wood-bonus-event {
    background-image: url(../graphic/plus_wood_event.png?97c2b);
}

.stone-bonus-event {
    background-image: url(../graphic/plus_clay_event.png?09d7b);
}

.iron-bonus-event {
    background-image: url(../graphic/plus_iron_event.png?d37bd);
}

.quest-summary {
    background-color: #F4E4BC;
    border: 1px solid #603000;
    padding: 5px;
    vertical-align: top;
}

.quest-goal {
    background-color: #efd08e;
    background-image: url('../graphic/background/flow.png?24206');
    background-position: bottom;
    background-repeat: repeat-x;
    border: 1px solid #603000;
    margin-bottom: -1px;
    clear: both;
}

.quest-goal>table {
    border: 1px solid #f9dfa6;
}

.questlog {
    position: absolute;
    top: 5px;
    left: -65px;
}

.quest {
    width: 25px;
    height: 25px;
    border: 1px solid #603000;
    background-color: #E9D0A9;
    margin: 10px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    text-align: center;
    box-shadow: rgba(60, 30, 0, 0.7) 2px 2px 2px;
    border-radius: 3px;
}

.quest.spin {
    -webkit-animation: spin 1.4s infinite linear;
    -moz-animation: spin 1.4s infinite linear;
    -o-animation: spin 1.4s infinite linear;
    -ms-animation: spin 1.4s infinite linear;
}

.quest:hover {
    background-color: #F9E0B9;
}

.quest_event_3 {
    border: 2px solid #882214;
    left: -1px;
}

.quest.finished {
    background-color: #F8EED8;
}

.decommission {
    color: #b40000;
}

.hide_toggle {
    display: none;
    margin-left: -1px;
}

.show_toggle {
    display: inline;
}

.quest_arrow {
    position: absolute;
    z-index: 998;
}

.quest_arrow_left {
    animation: bounceRight 1s linear infinite alternate;
    -webkit-animation: bounceRight 1s linear infinite alternate;
}

@keyframes bounceRight {
    from {
        margin-left: 0;
    }

    to {
        margin-left: 20px;
    }
}

@-webkit-keyframes bounceRight {
    from {
        margin-left: 0;
    }

    to {
        margin-left: 20px;
    }
}

.quest_arrow_right {
    animation: bounceLeft 1s linear infinite alternate;
    -webkit-animation: bounceLeft 1s linear infinite alternate;
}

@keyframes bounceLeft {
    from {
        margin-left: 0;
    }

    to {
        margin-left: -20px;
    }
}

@-webkit-keyframes bounceLeft {
    from {
        margin-left: 0;
    }

    to {
        margin-left: -20px;
    }
}

.quest_arrow_down {
    animation: bounceUp 1s linear infinite alternate;
    -webkit-animation: bounceUp 1s linear infinite alternate;
}

@keyframes bounceUp {
    from {
        margin-top: 0;
    }

    to {
        margin-top: -20px;
    }
}

@-webkit-keyframes bounceUp {
    from {
        margin-top: 0;
    }

    to {
        margin-top: -20px;
    }
}

.quest_new {
    text-align: center;
    font-family: "Segoe UI", Tahoma, Verdana, Arial;
    font-size: 9px;
    font-weight: bold;
    border: 1px solid #fff;
    background-color: #9d281c;
    border-radius: 6px;
    height: 13px;
    width: 34px;
    position: absolute;
    top: 20px;
    left: -14px;
    color: #fff;
    z-index: 1000;
}

.quest.opened .quest_new {
    display: none;
}

.quest_new.ru,
.quest_new.nl,
.quest_new.it,
.quest_new.es {
    font-size: 8px;
    width: 36px;
}

.quest_new.fr {
    font-size: 8px;
    width: 40px;
}

.quest_new.ae {
    width: 26px;
    left: 6px;
}

.quest_progress {
    background-color: green;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.45;
    display: none;
}

.popup_style {
    position: absolute;
    background-image: url(../graphic/index/main_bg.jpg?1b7f4);
    display: none;
    z-index: 99999;
    border-color: #804000 #603000 #402000 #804000;
    border-radius: 8px 8px 0 0;
    border-style: solid;
    border-width: 1px;
    z-index: 99999;
}

.popup_menu {
    background-color: #C1A264;
    background-image: url("../graphic/index/tableheader_bg3.png?2cef7");
    background-repeat: repeat-x;
    border-radius: 8px 8px 0 0;
    cursor: move;
    font-size: 17px;
    font-weight: bold;
    height: 26px;
    padding: 2px 5px;
    width: auto;
}

.popup_menu a {
    float: right;
}

.popup_content {
    width: auto;
    padding-top: 2px;
    background-image: url(../graphic/index/main_bg.jpg?1b7f4);
    padding: 10px 5px;
}

.popup_content td {
    padding: 2px 3px;
}

#inline_popup {
    border-top: 1px solid #804000;
    border-left: 1px solid #804000;
    border-right: 1px solid #603000;
    border-bottom: 1px solid #402000;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    position: absolute;
    width: 298px;
    z-index: 99999;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    visibility: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#inline_popup.hidden {
    width: 0 !important;
    height: 0 !important;
}

#inline_popup.hidden * {
    display: none;
}

#inline_popup.show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

#inline_popup.ui-draggable-dragging {
    transition: none !important;
    background-color: red !important;
}

#inline_popup_menu {
    background-color: #c1a264;
    background-image: url(../graphic/index/tableheader_bg3.png?2cef7);
    background-repeat: repeat-x;
    width: auto;
    height: 26px;
    padding: 2px 5px;
    cursor: move;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    font-size: 17px;
    font-weight: bold;
}

#inline_popup_title {
    font-size: 17px;
    font-weight: bold;
}

#inline_popup_close {
    float: right;
}

#inline_popup_main {
    overflow: auto;
    height: 300px;
    background-image: url(../graphic/index/main_bg.jpg?1b7f4);
    padding: 3px;
}

.flag_box {
    border: 1px solid #000;
    height: 60px;
    width: 60px;
    float: left;
    margin: 0 5px 5px 5px;
    position: relative;
    background-repeat: none;
    background-size: 60px 60px;
}

.flag_box_small {
    height: 45px !important;
    width: 45px !important;
    background-size: 45px 45px;
}

.flag_box_extra {
    border: 2px solid #9c2d1f !important;
    height: 80px;
}

.flag_box_empty {
    background-image: url("../graphic/flags/flag_empty.png?cdff5") !important;
}

.flag_box_empty_1 {
    background-image: url("../graphic/flags/none_1.png?efb8a") !important;
}

.flag_box_empty_2 {
    background-image: url("../graphic/flags/none_2.png?e7dbc") !important;
}

.flag_box_empty_3 {
    background-image: url("../graphic/flags/none_3.png?0f785") !important;
}

.flag_box_empty_4 {
    background-image: url("../graphic/flags/none_4.png?0939f") !important;
}

.flag_box_empty_5 {
    background-image: url("../graphic/flags/none_5.png?66fb7") !important;
}

.flag_box_empty_6 {
    background-image: url("../graphic/flags/none_6.png?c3c85") !important;
}

.flag_box_empty_7 {
    background-image: url("../graphic/flags/none_7.png?1b1a8") !important;
}

.flag_box_empty_8 {
    background-image: url("../graphic/flags/none_8.png?6b523") !important;
}

.flag_box_empty_9 {
    background-image: url("../graphic/flags/none_9.png?428c9") !important;
}

.flag_box_disabled {
    background-image: url("../graphic/flags/flag_disabled.png?f98b4") !important;
    cursor: default !important;
}

.flag_bonus {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    background-image: url("../graphic/flags/bonus_gradient.png?c4346");
    background-repeat: repeat-x;
    color: #fff;
    top: 60px;
    position: absolute;
    width: 100%;
    height: 20px;
}

.flag_count {
    height: 15px;
    width: 25px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #C1A264 !important;
    background-image: url("../graphic/index/tableheader_bg3.png?2cef7");
    background-repeat: repeat-x;
    font-size: 9pt;
    text-align: center;
    cursor: default;
    border-top: 1px solid #7c500f;
    border-left: 1px solid #7c500f;
}

.flag_box_small .flag_count {
    height: 13px !important;
    width: 22px !important;
    font-size: 7pt !important;
}

.flag_upgrade {
    position: absolute;
    left: 0px;
    bottom: 0px;
    cursor: pointer;
    background-image: url("../graphic/flags/upgrade.png?845de");
    width: 20px;
    height: 20px;
}

.flag_clickable {
    cursor: pointer;
}

.flag_report_info {
    text-align: center;
    width: 45%;
    float: left;
    border: 1px solid #7c500f;
    margin: 10px;
}

.flag_report_info p {
    font-weight: bold;
}

.flag_report_info div {
    margin: 10px auto;
    float: none !important;
}

.flag_world_container {
    float: left;
    margin: 10px;
}

.flags_new {
    color: red;
    font-size: 8pt
}

#flag_big {
    background-image: url('../graphic/flags/flag_big.png?d8f59');
    height: 385px;
    width: 301px;
    border: 1px solid #000;
}

#flag_big img {
    top: 25px;
    left: 66px;
    position: relative;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .flag_box_empty {
        background-image: url("../graphic/flags/flag_empty@2x.png?b46c5") !important;
    }

    .flag_box_empty_1 {
        background-image: url("../graphic/flags/none_1@2x.png?0bffe") !important;
    }

    .flag_box_empty_2 {
        background-image: url("../graphic/flags/none_2@2x.png?9c895") !important;
    }

    .flag_box_empty_3 {
        background-image: url("../graphic/flags/none_3@2x.png?a50b8") !important;
    }

    .flag_box_empty_4 {
        background-image: url("../graphic/flags/none_4@2x.png?931bc") !important;
    }

    .flag_box_empty_5 {
        background-image: url("../graphic/flags/none_5@2x.png?843b4") !important;
    }

    .flag_box_empty_6 {
        background-image: url("../graphic/flags/none_6@2x.png?52bec") !important;
    }

    .flag_box_empty_7 {
        background-image: url("../graphic/flags/none_7@2x.png?69e1e") !important;
    }

    .flag_box_empty_8 {
        background-image: url("../graphic/flags/none_8@2x.png?36b43") !important;
    }

    .flag_box_empty_9 {
        background-image: url("../graphic/flags/none_9@2x.png?63dc3") !important;
    }

    .flag_box_disabled {
        background-image: url("../graphic/flags/flag_disabled@2x.png?7cdee") !important;
    }
}

.coinbag {
    background: url(../graphic/new/premium/coinbag_15x15.png) no-repeat;
    line-height: 17px;
}

.coinbag-header {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: top;
}

.coinbag.solo {
    display: inline-block;
    width: 15px;
    height: 15px;
}

.coinbag.before {
    background-position: top left;
    padding-left: 20px;
}

.coinbag.after {
    background-position: top right;
    padding-right: 20px;
}

.cancel-icon.solo {
    display: inline-block;
    background: url(../graphic/icons/delete.png?78406) top left no-repeat;
    height: 15px;
    width: 15px;
}

.post_thanks {
    border-top: 1px solid #804000;
    padding: 3px;
    overflow: hidden;
}

.thanksnum {
    float: left;
    font-style: italic;
}

.post_thanks_who {
    display: none;
    clear: both;
}

.arrowLeft {
    background: transparent url(../graphic/index/arrow-left.png?913c5) scroll left top no-repeat;
}

.arrowLeftGrey {
    background: transparent url(../graphic/index/arrow-left-grey.png?8a1b1) scroll left top no-repeat;
}

.arrowLeft:hover {
    background: transparent url(../graphic/index/arrow-left.png?913c5) scroll left top no-repeat;
}

.arrowRight {
    background: transparent url(../graphic/index/arrow-right.png?c0a87) scroll left top no-repeat;
}

.arrowRightGrey {
    background: transparent url(../graphic/index/arrow-right-grey.png?79d2d) scroll left top no-repeat;
}

.arrowRight:hover {
    background: transparent url(../graphic/index/arrow-right.png?c0a87) scroll left top no-repeat;
}

.groupLeft {
    background: transparent url(../graphic/index/group-left.png?5c927) scroll left top no-repeat;
}

.groupLeft:hover {
    background: transparent url(../graphic/index/group-left.png?5c927) scroll left bottom no-repeat;
}

.groupRight {
    background: transparent url(../graphic/index/group-right.png?24521) scroll left top no-repeat;
}

.groupRight:hover {
    background: transparent url(../graphic/index/group-right.png?24521) scroll left bottom no-repeat;
}

.groupJump {
    background: transparent url(../graphic/index/group-jump.png?b18a2) scroll left top no-repeat;
}

.groupJump:hover {
    background: transparent url(../graphic/index/group-jump.png?b18a2) scroll left bottom no-repeat;
}

.post {
    border: 2px solid #804000;
    background-color: #fff8e6;
    padding: 0;
    margin-bottom: 5px;
}

.igmline {
    background-color: #efe6c9;
    padding-left: 4px;
    border-bottom: 1px solid #804000;
    position: relative;
}

.text {
    padding: 6px;
}

.date {
    font-size: x-small;
    right: 5px;
    position: absolute;
}

.right {
    right: 5px;
    position: absolute;
}

#igm_grocusto {
    position: absolute;
    z-index: 100;
    border: 2px solid #804000;
    background-color: #efe6c9;
}

#igm_grocusto .igm-group-item {
    padding: 2px;
}

#igm_to {
    position: absolute;
    display: none;
    z-index: 1;
    text-align: left;
    border: 2px solid #804000;
    background-color: #efe6c9;
}

#igm_to_content {
    height: 250px;
    width: 200px;
    overflow: auto;
}

.red-button {
    background: url("../graphic/index/sprites.png?f9991") no-repeat scroll 0 -123px transparent;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    height: 38px;
    line-height: 35px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    width: 308px;
}

.red-button:hover {
    color: white;
    background-position: 0px -161px;
}

#forum_box {
    background: #D2C09E url(../graphic/background/bg-titel-ice41.jpg?27a8b) scroll 0 0 repeat;
    width: 100%;
    padding: 10px;
    margin: auto;
}

.forum {
    display: inline-block;
    background-color: #F1EBDD;
    margin-bottom: 4px;
    padding: 1px;
    border: 1px solid #000;
    white-space: nowrap;
    line-height: 150%;
}

.selected {
    background-color: #FADC9B !important;
}

.shared_forum {
    display: inline-block;
    background-color: #DDD;
    margin-bottom: 4px;
    padding: 1px;
    border: 1px solid #000;
    white-space: nowrap;
    line-height: 150%;
}

.shared_selected {
    background-color: #b7c3c9;
}

input.answer {
    margin-bottom: 4px;
}

.thread_button {
    display: inline;
}

.igmline input {
    width: 8px;
    height: 8px;
}

.igmline .postheader_right {
    float: right;
    line-height: 16px;
    min-height: 16px;
    padding-right: 4px;
}

.igmline .postheader_left {
    float: left;
    line-height: 16px;
    min-height: 16px;
}

.thread_button span {
    display: block;
    float: left;
    padding-right: 5px;
    padding-top: 6px;
    font-size: 10px;
    min-width: 80px;
    height: 23px;
}

.thread_new {
    background: url(../graphic/index/button_mid.png?729e6) repeat-x 0 0;
}

.thread_new_close {
    background: url(../graphic/index/button_close.png?64ddf) no-repeat 0 0;
    width: 10px !important;
    padding-left: 0 !important;
    min-width: 10px !important;
}

.thread_new_open {
    background: url(../graphic/thread_new_open.png?32bf6) no-repeat 0 0;
    width: 25px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 10px !important;
}

.thread_poll {
    background: url(../graphic/index/button_mid.png?729e6) repeat-x 0 0;
}

.thread_poll_close {
    background: url(../graphic/index/button_close.png?64ddf) no-repeat 0 0;
    width: 10px !important;
    padding-left: 0 !important;
    min-width: 10px !important;
}

.thread_poll_open {
    background: url(../graphic/icons/poll_open.png?c2ba1) no-repeat 0 0;
    width: 25px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 10px !important;
}

.thread_answer {
    background: url(../graphic/index/button_mid.png?729e6) repeat-x 0 0;
}

.thread_answer_open {
    background: url(../graphic/thread_answer_open.png?9817a) no-repeat 0 0;
    width: 25px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 10px !important;
}

.thread_answer_close {
    background: url(../graphic/index/button_close.png?64ddf) no-repeat 0 0;
    width: 10px !important;
    padding-left: 0 !important;
    min-width: 10px !important;
}

.thread_edit {
    background: url(../graphic/index/button_mid.png?729e6) repeat-x 0 0;
}

.thread_edit_open {
    background: url(../graphic/thread_edit_open.png?32bf6) no-repeat 0 0;
    width: 25px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 10px !important;
}

.thread_edit_close {
    background: url(../graphic/index/button_close.png?64ddf) no-repeat 0 0;
    width: 10px !important;
    padding-left: 0 !important;
    min-width: 10px !important;
}

#popup_container {
    z-index: 13000;
}

#fader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(../graphic/index/grey-fade.png?01a9d);
    z-index: 12000;
}

#popup_box_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

#popup_box {
    z-index: 13000;
    position: fixed;
    left: 50%;
    top: 10%;
    border: 1px solid #804000;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
    visibility: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#popup_box.show {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.borderimage #popup_box {
    border: 19px solid #804000;
    -moz-border-image: url("../graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
    -webkit-border-image: url("../graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
    -o-border-image: url("../graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
    border-image: url("../graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
}

#popup_box_close {
    float: right;
    width: 20px;
    height: 20px;
    background: url(../graphic/index/login_close.png?8253b) top left no-repeat;
}

.popup_box_content {
    background: url('../graphic/popup/content_background.png?ea003');
}

.report_image {
    height: 290px;
    width: 460px;
    position: relative;
    margin: 0 auto 8px;
    padding: 0 ! important;
}

.report_image_hidden {
    background: none !important;
    height: auto;
}

.report_image_hidden .report_transparent_overlay {
    background: none !important;
    position: inherit;
}

.spoiler .image_attack_won,
.image_attack_won {
    background: center center url(../graphic/reports/battle_attacker_won.jpg?372ad);
}

.spoiler .image_attack_lost,
.image_attack_lost {
    background: bottom right url(../graphic/reports/battle_attacker_lost.jpg?a0412);
}

.spoiler .image_defense_won,
.image_defense_won {
    background: bottom left url(../graphic/reports/battle_defender_won.jpg?54ab0);
}

.spoiler .image_defense_lost,
.image_defense_lost {
    background: bottom center url(../graphic/reports/battle_defender_lost.jpg?f243c);
}

.spoiler .image_scout_enemy_success,
.image_scout_enemy_success {
    background: bottom right url(../graphic/reports/battle_scout_enemy_success.jpg?4e445);
}

.spoiler .image_scout_enemy_fail,
.image_scout_enemy_fail {
    background: top center url(../graphic/reports/battle_scout_enemy_fail.jpg?8732b);
}

.spoiler .image_scout_own_success,
.image_scout_own_success {
    background: center right url(../graphic/reports/battle_scout_own_success.jpg?63a18);
}

.spoiler .image_scout_own_fail,
.image_scout_own_fail {
    background: bottom left url(../graphic/reports/battle_scout_own_fail.jpg?38ea1);
}

.spoiler .image_village_won,
.image_village_won {
    background: bottom left url(../graphic/reports/battle_village_won.jpg?24226);
}

.spoiler .image_village_lost,
.image_village_lost {
    background: bottom right url(../graphic/reports/battle_village_lost.jpg?97675);
}

.spoiler .image_support,
.image_support {
    background: bottom center url(../graphic/reports/support_arrives.jpg?1516b);
}

.spoiler .image_noble_conquered_own,
.image_noble_conquered_own {
    background: center center url(../graphic/reports/noble_conquer_own.jpg?ba6d7);
}

.spoiler .image_noble_conquered_enemy,
.image_noble_conquered_enemy {
    background: center center url(../graphic/reports/noble_conquer_enemy.jpg?97675);
}

.spoiler .image_noble_attack,
.image_noble_attack {
    background: center center url(../graphic/reports/noble_attack.jpg?24226);
}

.spoiler .image_noble_attack_fail,
.image_noble_attack_fail {
    background: top center url(../graphic/reports/noble_attack_failed.jpg?aab15);
}

.spoiler .image_noble_defense,
.image_noble_defense {
    background: center center url(../graphic/reports/noble_defense.jpg?a912a);
}

.spoiler .image_noble_defense_fail,
.image_noble_defense_fail {
    background: center center url(../graphic/reports/noble_defense_failed.jpg?97675);
}

.spoiler .image_secrets_spawn,
.image_secrets_spawn {
    background: center center url(../graphic/reports/secrets_spawn.png?ffa0f);
}

.spoiler .image_battle_noble_own_lost,
.image_battle_noble_own_lost {
    background: center center url(../graphic/reports/battle_noble_own_lost.jpg?a912a);
}

.spoiler div {
    background: #EFE6C9 none repeat scroll 0 0;
    border: 1px inset;
    margin: 3px 0;
    padding: 6px;
    overflow: auto;
}

.spoiler pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.report_transparent_overlay {
    width: 100%;
    padding: 4px 0;
    position: absolute;
    bottom: 0;
    background: url(../graphic/reports/transparent_overlay.png?ddffb) !important;
}

.report_transparent_overlay table tr td {
    background: none;
}

.spoiler .report_transparent_overlay {
    margin: 0 !important;
    padding: 0 !important;
    border-style: none ! important;
}

.report_transparent_overlay table tr .overlay-item,
.report_transparent_overlay table tr .overlay-item {
    background: none !important;
    padding: 0;
    margin: 0;
    line-height: 12px;
}

.report_transparent_overlay h4 {
    padding: 0;
    margin: 2px 4px;
}

#attack_luck .nobg {
    background-color: transparent;
}

#attack_luck .luck {
    border: 1px solid #000;
}

.unit-item {
    padding: 0 3px 0;
}

#attack_luck .luck .luck-item {
    padding: 0;
}

div.award {
    border: 1px solid #AF8E36;
}

.award {
    width: 60px;
    height: 60px;
}

.award.level0 {
    background-image: url(../graphic/awards/frame0.png?fae95);
}

.award.level1 {
    background-image: url(../graphic/awards/frame1.png?68076);
}

.award.level2 {
    background-image: url(../graphic/awards/frame2.png?f9b80);
}

.award.level3 {
    background-image: url(../graphic/awards/frame3.png?704b7);
}

.award.level4 {
    background-image: url(../graphic/awards/frame4.png?2649b);
}

.award img {
    margin: 7px;
}

.awardmini {
    border: 1px solid #AF8E36;
    width: 16px;
    height: 16px;
    float: left;
    margin: 2px;
}

.awardmini.level1 {
    background-image: url(../graphic/awards/frame1_mini.png?558bf);
}

.awardmini.level2 {
    background-image: url(../graphic/awards/frame2_mini.png?fdfa9);
}

.awardmini.level3 {
    background-image: url(../graphic/awards/frame3_mini.png?db965);
}

.awardmini.level4 {
    background-image: url(../graphic/awards/frame4_mini.png?da857);
}

.awardmini img {
    margin: 2px;
    width: 12px;
    height: 12px;
}

.restart {
    width: 48%;
    float: left;
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.widget table {
    border-spacing: 1px !important;
}

.bgContainer {
    background: transparent url(../graphic/index/main_bg.jpg?1b7f4) scroll left top repeat;
}

.containerBorder.narrow {
    display: table;
    border-spacing: 0;
    width: 1px;
}

.containerBorder>table {
    border: 1px solid #8c5f0d;
}

.inactive,
.inactive:hover {
    color: #C5A76B;
}

#troop_template_container {
    width: 71%;
    float: left;
}

#troop_template_list {
    width: 29%;
    float: left;
}

#troop_template_list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#troop_template_list ul li {
    padding: 0;
    margin: 0;
}

#troop_template_list ul li a {
    display: block;
    padding: 3px;
}

#troop_template_list ul li:nth-child(even) a {
    background-color: #fff5da;
}

#troop_template_list ul li:nth-child(odd) a {
    background-color: #f0e2be;
}

#troop_template_list ul li.selected a {
    background-color: #fadc9b;
}

#troop_template_list img {
    float: right;
}

.requ_error {
    display: none;
}

.error>div>.requ_error {
    display: block;
    font-weight: normal;
    font-size: 10px;
}

#footer a {
    line-height: 22px;
}

.world_button_active {
    background: url('../graphic/minibutton/world.png?95479') no-repeat 0 0;
    color: #59574E;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
    font-size: 9pt;
    width: 84px;
    height: 22px;
    position: relative;
    float: left;
    display: block;
    margin-right: 8px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#world_selection_clicktrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999998;
    display: none;
}

.world_button_active:hover {
    background: url('../graphic/minibutton/world.png?95479') no-repeat 0 -22px;
}

.world_button_inactive {
    background: url('../graphic/world_inactive.png?01583') no-repeat 0 0px;
    color: #59574E;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
    font-size: 10pt;
    width: 84px;
    height: 22px;
    position: relative;
    float: left;
    display: block;
    margin-right: 8px;
    margin-bottom: 2px;
}

.world_button_inactive:hover {
    background: url('../graphic/world_inactive.png?01583') no-repeat 0 -22px;
}

#world_selection_popup {
    display: none;
    position: fixed;
    bottom: 22px;
    left: 4px;
    padding: 4px;
    z-index: 9999999;
}

#servers-list-block {
    width: 192px;
    height: 100%;
    margin: 0;
    padding: 0 4px 0 8px;
    background: url(../graphic/index/bg-servers.jpg?cb4d3) repeat-y;
}

#content #show_all_server,
#show_all_server {
    margin: 5px 0 0;
    text-align: center;
}

#active_server .pseudo-heading {
    font-weight: bold;
    font-size: 10px;
    width: 175px;
    padding: 0 0 4px;
}

.servers-list-top {
    margin: 0;
    padding: 0;
    width: 192px;
    height: 10px;
    background: url(../graphic/index/sprites.png?f9991) no-repeat -800px -39px;
}

.servers-list-bottom {
    margin: 0;
    padding: 0;
    width: 192px;
    height: 10px;
    background: url(../graphic/index/sprites.png?f9991) no-repeat -800px -49px;
}

.widget-content .new-world-list {
    margin-left: 0;
    padding-left: 24px;
}

.new-world-list>.new-world-item {
    list-style-type: none;
    text-align: left;
}

.new-world-item>p {
    padding: 0;
    margin: 0 0 8px;
}

a .button_left {
    width: 4px;
    height: 28px;
    position: relative;
    float: left;
    display: block;
    background: url('../graphic/index/btn_left.png?3ca5e') no-repeat 0 0;
}

a .button_middle {
    font-size: 1.2em;
    color: #fff;
    font-weight: bold;
    height: 28px;
    position: relative;
    float: left;
    padding: 0 4px 0;
    line-height: 28px;
    text-align: center;
    display: block;
    min-width: 100px;
    background: url('../graphic/index/btn_middle.png?e7a6c') repeat-x scroll 0 0 transparent;
}

a .button_middle:hover {
    background: url('../graphic/index/btn_middle.png?e7a6c') repeat-x scroll 0 -28px transparent;
}

a .button_right {
    width: 3px;
    height: 28px;
    position: relative;
    float: left;
    display: block;
    background: url('../graphic/quests/btn_right.png?9b63a') no-repeat 0 0;
}

a .button_left.green {
    background: url('../graphic/index/btn_left.png?9c07c') no-repeat 0 0;
}

a .button_middle.green {
    background: url('../graphic/index/btn_middle.png?cb9a3') repeat-x scroll 0 0 transparent;
}

a .button_middle.green:hover {
    background: url('../graphic/index/btn_middle.png?cb9a3') repeat-x scroll 0 -28px transparent;
}

a .button_right.green {
    background: url('../graphic/quests/btn_right.png?7cfc7') no-repeat 0 0;
}

.village_anchor {
    white-space: nowrap;
}

.village_anchor>.ctx {
    display: inline-block;
    vertical-align: -1px;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background-image: url('../graphic/icons/village_context.png?d679c');
    opacity: 0.4;
}

.village_anchor:hover>.ctx {
    opacity: 1;
}

.village_anchor>.ctx:hover {
    background-position: 0 -12px;
}

.village_ctx {
    height: 24px;
    width: 24px;
    display: block;
    background-image: url('../graphic/map/icons_context.png?d8e75');
    position: absolute;
    z-index: 10000;
}

.village_anchor>.spin {
    -webkit-animation: spin 1.4s infinite linear;
    -moz-animation: spin 1.4s infinite linear;
    -o-animation: spin 1.4s infinite linear;
    -ms-animation: spin 1.4s infinite linear;
    opacity: 1;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

#ctx_market {
    background-position: 0px 0px;
}

#ctx_market:hover {
    background-position: 0px -24px;
}

#ctx_place {
    background-position: -24px 0px;
}

#ctx_place:hover {
    background-position: -24px -24px;
}

#ctx_claim {
    background-position: -48px 0px;
}

#ctx_claim:hover {
    background-position: -48px -24px;
}

#ctx_unclaim {
    background-position: -216px 0px;
}

#ctx_unclaim:hover {
    background-position: -216px -24px;
}

#ctx_fav {
    background-position: -72px 0px;
}

#ctx_fav:hover {
    background-position: -72px -24px;
}

#ctx_unfav {
    background-position: -240px 0px;
}

#ctx_unfav:hover {
    background-position: -240px -24px;
}

#ctx_overview {
    background-position: -360px 0px;
}

#ctx_overview:hover {
    background-position: -360px -24px;
}

#ctx_recruit {
    background-position: -168px 0px;
}

#ctx_recruit:hover {
    background-position: -168px -24px;
}

#ctx_info {
    background-position: -144px 0px;
}

#ctx_info:hover {
    background-position: -144px -24px;
}

#ctx_map {
    background-position: -336px 0px;
}

#ctx_map:hover {
    background-position: -336px -24px;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.mo img {
    vertical-align: -3px;
}

.mo {
    float: right;
    background-color: red;
    border: 1px solid #000;
    border-radius: 3px;
    background: #a90329;
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329), color-stop(44%, #8f0222), color-stop(100%, #6d0019));
    background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0);
    padding: 1px 4px 3px 4px;
    color: #fff;
    font-size: 11px;
}

.mo:hover {
    background: #e5042a;
    background: -moz-linear-gradient(top, #e5042a 0%, #c10323 44%, #a00002 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5042a), color-stop(44%, #c10323), color-stop(100%, #a00002));
    background: -webkit-linear-gradient(top, #e5042a 0%, #c10323 44%, #a00002 100%);
    background: -o-linear-gradient(top, #e5042a 0%, #c10323 44%, #a00002 100%);
    background: -ms-linear-gradient(top, #e5042a 0%, #c10323 44%, #a00002 100%);
    background: linear-gradient(to bottom, #e5042a 0%, #c10323 44%, #a00002 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5042a', endColorstr='#a00002', GradientType=0);
    color: #fff;
}

#invite_rewards {
    width: 170px;
    float: right;
    padding: 0 10px 10px 10px;
    margin: 0 0 0 20px;
    text-align: center;
}

#invite_rewards div {
    width: 75px;
    display: inline-block;
}

#invite_rewards div p {
    font-weight: bold;
}

#invite_col1 {
    width: 47%;
    float: left;
    min-width: 280px;
    margin-right: 5%;
}

#invite_col2 {
    width: 47%;
    float: left;
    min-width: 280px;
}

.invite_widget {
    width: 100%;
}

.invite_widget>div {
    background-color: #f4e4bc;
    padding: 5px;
}

#ref_link_input {
    width: 95%;
}

.invite_social {
    text-align: center;
}

.ui-slider {
    position: relative;
    text-align: left;
    background-color: #f0e2be;
    border: 1px solid #7d510f;
    border-radius: 3px;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
    background-color: #a77e30;
    border-radius: 6px;
    border: 1px solid #7d510f;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background-color: #c1a264;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

#itunes,
#googleplay {
    float: left;
    margin-top: 10px;
}

#itunes_mobile {
    width: 135px;
    height: 40px;
    margin: 10px auto;
}

#googleplay_mobile {
    width: 115px;
    height: 40px;
    margin: 10px auto;
}

#itunes img,
#itunes_mobile img {
    width: 135px;
    height: 40px;
}

#googleplay img,
#googleplay_mobile img {
    width: 115px;
    height: 40px;
}

.team {
    padding-left: 12px;
}

.team1 {
    background: url('../graphic/compete/team1.png?9f536') no-repeat left center;
}

.team2 {
    background: url('../graphic/compete/team2.png?d2982') no-repeat left center;
}

.team3 {
    background: url('../graphic/compete/team3.png?a2f66') no-repeat left center;
}

.team4 {
    background: url('../graphic/compete/team4.png?e356a') no-repeat left center;
}

/**** game/ui.css ****/
/**/
.autoHideBox {
    font-weight: normal;
    font-size: 14px;
    position: fixed;
    text-align: center;
    width: 400px;
    top: 200px;
    left: 50%;
    margin: 0 0 0 -205px;
    border: 1px solid #000;
    background: #f0e2be;
    background: -moz-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: -webkit-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: -o-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: -ms-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: linear-gradient(to bottom, #f0e2be 0%, #fff5da 100%);
    z-index: 100000;
    color: #000000;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(60, 30, 0, 0.35);
    box-shadow: 1px 1px 2px 0px rgba(60, 30, 0, 0.35);
    border-radius: 2px;
    text-shadow: 1px 1px 1px #f0e2be;
}

.autoHideBox p {
    padding: 5px;
    margin: 0;
}

.confirmation-box {
    font-weight: normal;
    font-size: 14px;
    position: fixed;
    text-align: center;
    width: 400px;
    top: 200px;
    left: 50%;
    margin: 0 0 0 -205px;
    border: 1px solid #804000;
    z-index: 15000;
    color: #000000;
}

.borderimage .confirmation-box {
    border: 19px solid #804000;
    -moz-border-image: url("../graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
    -o-border-image: url("../graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
    -webkit-border-image: url("../graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
    border-image: url("../graphic/popup/border.png?cbbcd") 19 19 19 19 repeat;
}

.confirmation-box>div {
    background: url("../graphic/popup/content_background.png?ea003");
    padding: 10px 5px;
}

.autoHideBox.error {
    border: 1px solid #000;
    background: #a90329;
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -o-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -ms-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
    color: #fff;
    text-shadow: 1px 1px 1px #000000;
}

.autoHideBox.success {
    border: 1px solid #000;
    background: #19a903;
    background: -moz-linear-gradient(top, #19a903 0%, #159002 44%, #0f6e00 100%);
    background: -webkit-linear-gradient(top, #19a903 0%, #159002 44%, #0f6e00 100%);
    background: -o-linear-gradient(top, #19a903 0%, #159002 44%, #0f6e00 100%);
    background: -ms-linear-gradient(top, #19a903 0%, #159002 44%, #0f6e00 100%);
    background: linear-gradient(to bottom, #19a903 0%, #159002 44%, #0f6e00 100%);
    color: #fff;
    text-shadow: 1px 1px 1px #000000;
}

/**** game/sprites.css ****/
/*553c94a7132b9faf4aa9ee57b1f41e45*/
.icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: auto 2px auto 0;
    overflow: hidden;
    background-repeat: no-repeat;
    vertical-align: -4px;
}

td .icon-box {
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.icon.header {
    background-image: url('../graphic/icons/header.webp?234f7');
}

.header.wood {
    background-position: -17px 0px;
}

.header.stone {
    background-position: -36px 0px;
}

.header.iron {
    background-position: -55px 0px;
}

.header.ressources {
    background-position: 0px 0px;
}

.header.population {
    background-position: -72px 0px;
}

.header.new_post {
    background-position: -92px -2px;
    width: 13px;
    height: 13px;
}

.header.no_new_post {
    background-position: -235px -2px;
    width: 13px;
    height: 13px;
}

.header.new_report {
    background-position: -149px -3px;
    width: 17px;
    height: 12px;
}

.header.new_mail {
    background-position: -132px -3px;
    width: 17px;
    height: 12px;
}

.header.knight {
    background-position: -179px 0px;
}

.header.flags {
    background-position: -248px 0px;
}

.header.flags_new {
    background-position: -266px 0px;
}

.header.time {
    background-position: -285px 0px;
}

.header.incomings {
    background-position: -198px 1px;
}

.header.map {
    background-position: -306px 0px;
    vertical-align: -4px;
    margin: 0 !important;
}

.header.village {
    background-position: -324px 0px;
    vertical-align: -4px;
    margin: 0 !important;
    width: 20px;
}

.header.arr_right {
    background-position: -118px -0.4px;
    height: 15px;
    width: 15px;
}

.header.arr_left {
    background-position: -105px -0.4px;
    height: 15px;
    width: 15px;
}

.header.arr_down {
    background-position: -166px -1px;
    width: 14px;
    height: 15px;
}

.header.arr_up {
    background-position: -218px -1px;
    width: 14px;
    height: 15px;
}

.icon.ally {
    background-image: url('../graphic/icons/ally_rights.png?d6840');
}

.ally.founder {
    background-position: -75px 0px;
}

.ally.lead {
    background-position: -132px 0px;
}

.ally.invite {
    background-position: -113px 0px;
}

.ally.diplomacy {
    background-position: -37px 0px;
}

.ally.mass_mail {
    background-position: 0px 0px;
}

.ally.forum_mod {
    background-position: -56px 0px;
}

.ally.internal_forum {
    background-position: -94px 0px;
}

.ally.trusted_member {
    background-position: -18px 0px;
}

.ally.found {
    background-position: -75px 0px;
}

.bonus_icon {
    background-image: url(../graphic/overview/bonus_icons.png?432db);
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 2px;
}

.bonus_icon_1 {
    background-position: 0 0;
}

.bonus_icon_2 {
    background-position: 0 136px;
}

.bonus_icon_3 {
    background-position: 0 119px;
}

.bonus_icon_4 {
    background-position: 0 34px;
}

.bonus_icon_5 {
    background-position: 0 85px;
}

.bonus_icon_6 {
    background-position: 0 68px;
}

.bonus_icon_7 {
    background-position: 0 51px;
}

.bonus_icon_8 {
    background-position: 0 102px;
}

.bonus_icon_9 {
    background-position: 0 17px;
}

.farm_icon {
    height: 24px;
    width: 24px;
    display: block;
    background-image: url('../graphic/map/icons_context.png?d8e75');
}

.farm_icon_a {
    background-position: -264px 0px;
}

.farm_icon_a:hover {
    background-position: -264px -24px;
}

.farm_icon_b {
    background-position: -288px 0px;
}

.farm_icon_b:hover {
    background-position: -288px -24px;
}

.farm_icon_c {
    background-position: -312px 0px;
}

.farm_icon_c:hover {
    background-position: -312px -24px;
}

.farm_icon_disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/**** game/autocomplete.css ****/
/**/
.ui-autocomplete {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
    cursor: default;
    position: absolute;
    border: 1px solid #000;
    color: #333333;
    background-color: #f4e4bc;
    z-index: 100000;
}

.ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none outside none;
    width: 100%;
}

.ui-menu-item a {
    display: block;
}

.ui-menu-item a:hover {
    background-color: #e5ce96;
}

.ui-helper-hidden-accessible {
    display: none;
}

/**** game/sprites/unit_big.css ****/
/**/
.unit_sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../graphic/unit_big/unit_big.png?93e45);
    width: 60px;
    height: 60px;
}

.unit_sprite.archer {
    background-position: -1020px -0px
}

.unit_sprite.archer_cross {
    background-position: -960px -60px
}

.unit_sprite.archer_grey {
    background-position: -960px -0px
}

.unit_sprite.axe {
    background-position: -900px -60px
}

.unit_sprite.axe_cross {
    background-position: -900px -0px
}

.unit_sprite.axe_grey {
    background-position: -840px -60px
}

.unit_sprite.catapult {
    background-position: -840px -0px
}

.unit_sprite.catapult_cross {
    background-position: -780px -60px
}

.unit_sprite.catapult_grey {
    background-position: -780px -0px
}

.unit_sprite.heavy {
    background-position: -720px -60px
}

.unit_sprite.heavy_cross {
    background-position: -720px -0px
}

.unit_sprite.heavy_grey {
    background-position: -660px -60px
}

.unit_sprite.knight_grey {
    background-position: -660px -0px
}

.unit_sprite.light {
    background-position: -600px -60px
}

.unit_sprite.light_cross {
    background-position: -600px -0px
}

.unit_sprite.light_grey {
    background-position: -540px -60px
}

.unit_sprite.marcher {
    background-position: -540px -0px
}

.unit_sprite.marcher_cross {
    background-position: -480px -60px
}

.unit_sprite.marcher_grey {
    background-position: -480px -0px
}

.unit_sprite.militia_grey {
    background-position: -420px -60px
}

.unit_sprite.ram {
    background-position: -420px -0px
}

.unit_sprite.ram_cross {
    background-position: -360px -60px
}

.unit_sprite.ram_grey {
    background-position: -360px -0px
}

.unit_sprite.snob {
    background-position: -300px -60px
}

.unit_sprite.snob_cross {
    background-position: -300px -0px
}

.unit_sprite.snob_grey {
    background-position: -240px -60px
}

.unit_sprite.spear {
    background-position: -240px -0px
}

.unit_sprite.spear_cross {
    background-position: -180px -60px
}

.unit_sprite.spear_grey {
    background-position: -180px -0px
}

.unit_sprite.spy {
    background-position: -120px -60px
}

.unit_sprite.spy_cross {
    background-position: -120px -0px
}

.unit_sprite.spy_grey {
    background-position: -60px -60px
}

.unit_sprite.sword {
    background-position: -60px -0px
}

.unit_sprite.sword_cross {
    background-position: -0px -60px
}

.unit_sprite.sword_grey {
    background-position: -0px -0px
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .unit_sprite {
        background-image: url(../graphic/unit_big/unit_big@2x.png?12dfe?2);
        background-size: 900px 120px
    }

    .unit_sprite.archer {
        background-position: -840px -60px
    }

    .unit_sprite.archer_cross {
        background-position: -840px -0px
    }

    .unit_sprite.archer_grey {
        background-position: -780px -60px
    }

    .unit_sprite.axe {
        background-position: -780px -0px
    }

    .unit_sprite.axe_cross {
        background-position: -720px -60px
    }

    .unit_sprite.axe_grey {
        background-position: -720px -0px
    }

    .unit_sprite.catapult {
        background-position: -660px -60px
    }

    .unit_sprite.catapult_cross {
        background-position: -660px -0px
    }

    .unit_sprite.catapult_grey {
        background-position: -600px -60px
    }

    .unit_sprite.heavy {
        background-position: -600px -0px
    }

    .unit_sprite.heavy_cross {
        background-position: -540px -60px
    }

    .unit_sprite.heavy_grey {
        background-position: -540px -0px
    }

    .unit_sprite.light {
        background-position: -480px -60px
    }

    .unit_sprite.light_cross {
        background-position: -480px -0px
    }

    .unit_sprite.light_grey {
        background-position: -420px -60px
    }

    .unit_sprite.marcher {
        background-position: -420px -0px
    }

    .unit_sprite.marcher_cross {
        background-position: -360px -60px
    }

    .unit_sprite.marcher_grey {
        background-position: -360px -0px
    }

    .unit_sprite.ram {
        background-position: -300px -60px
    }

    .unit_sprite.ram_cross {
        background-position: -300px -0px
    }

    .unit_sprite.ram_grey {
        background-position: -240px -60px
    }

    .unit_sprite.spear {
        background-position: -240px -0px
    }

    .unit_sprite.spear_cross {
        background-position: -180px -60px
    }

    .unit_sprite.spear_grey {
        background-position: -180px -0px
    }

    .unit_sprite.spy {
        background-position: -120px -60px
    }

    .unit_sprite.spy_cross {
        background-position: -120px -0px
    }

    .unit_sprite.spy_grey {
        background-position: -60px -60px
    }

    .unit_sprite.sword {
        background-position: -60px -0px
    }

    .unit_sprite.sword_cross {
        background-position: -0px -60px
    }

    .unit_sprite.sword_grey {
        background-position: -0px -0px
    }
}

.unit_sprite_smaller {
    background-image: url(../graphic/unit_big/unit_big.png?93e45);
    background-size: 540px 60px;
    width: 30px;
    height: 30px;
    vertical-align: -10px;
}

.unit_sprite_smaller.archer {
    background-position: -510px -0px
}

.unit_sprite_smaller.archer_cross {
    background-position: -480px -30px
}

.unit_sprite_smaller.archer_grey {
    background-position: -480px -0px
}

.unit_sprite_smaller.axe {
    background-position: -450px -30px
}

.unit_sprite_smaller.axe_cross {
    background-position: -450px -0px
}

.unit_sprite_smaller.axe_grey {
    background-position: -420px -30px
}

.unit_sprite_smaller.catapult {
    background-position: -420px -0px
}

.unit_sprite_smaller.catapult_cross {
    background-position: -390px -30px
}

.unit_sprite_smaller.catapult_grey {
    background-position: -390px -0px
}

.unit_sprite_smaller.heavy {
    background-position: -360px -30px
}

.unit_sprite_smaller.heavy_cross {
    background-position: -360px -0px
}

.unit_sprite_smaller.heavy_grey {
    background-position: -330px -30px
}

.unit_sprite_smaller.knight_grey {
    background-position: -330px -0px
}

.unit_sprite_smaller.light {
    background-position: -300px -30px
}

.unit_sprite_smaller.light_cross {
    background-position: -300px -0px
}

.unit_sprite_smaller.light_grey {
    background-position: -270px -30px
}

.unit_sprite_smaller.marcher {
    background-position: -270px -0px
}

.unit_sprite_smaller.marcher_cross {
    background-position: -240px -30px
}

.unit_sprite_smaller.marcher_grey {
    background-position: -240px -0px
}

.unit_sprite_smaller.militia_grey {
    background-position: -210px -30px
}

.unit_sprite_smaller.ram {
    background-position: -210px -0px
}

.unit_sprite_smaller.ram_cross {
    background-position: -180px -30px
}

.unit_sprite_smaller.ram_grey {
    background-position: -180px -0px
}

.unit_sprite_smaller.snob {
    background-position: -150px -30px
}

.unit_sprite_smaller.snob_cross {
    background-position: -150px -0px
}

.unit_sprite_smaller.snob_grey {
    background-position: -120px -30px
}

.unit_sprite_smaller.spear {
    background-position: -120px -0px
}

.unit_sprite_smaller.spear_cross {
    background-position: -90px -30px
}

.unit_sprite_smaller.spear_grey {
    background-position: -90px -0px
}

.unit_sprite_smaller.spy {
    background-position: -60px -30px
}

.unit_sprite_smaller.spy_cross {
    background-position: -60px -0px
}

.unit_sprite_smaller.spy_grey {
    background-position: -30px -30px
}

.unit_sprite_smaller.sword {
    background-position: -30px -0px
}

.unit_sprite_smaller.sword_cross {
    background-position: -0px -30px
}

.unit_sprite_smaller.sword_grey {
    background-position: -0px -0px
}

/**** plugins/jquery.tooltip.css ****/
/*016738fefe91bc94cb36815bbd0ab896*/
.tooltip-style {
    position: absolute;
    max-width: 300px;
    z-index: 30000;
    border: 1px solid #804000;
    padding: 5px;
    opacity: 1.0;
    background: #f0e2be;
    background: -moz-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: -webkit-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: -o-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: -ms-linear-gradient(top, #f0e2be 0%, #fff5da 100%);
    background: linear-gradient(to bottom, #f0e2be 0%, #fff5da 100%);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(60, 30, 0, 0.35);
    box-shadow: 1px 1px 2px 0px rgba(60, 30, 0, 0.35);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.tooltip-style h3,
.tooltip-style div {
    margin: 0;
}

.tooltip-style h3 {
    font-size: 12px;
    padding-bottom: 2px;
}


/* Remove award-box borders */
.award-box {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}








/* Hall of Fame - Layout lado a lado */
.hof-layout-wrapper {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.hof-layout-wrapper .award-group {
    flex: 1;
}

.hof-layout-wrapper .hof-world-select-side {
    width: 250px;
    flex-shrink: 0;
}

/* ranking-top3 positions handled above - pixel-precise */




/* ============================================================
   EVENT SHARED COMPONENTS — usados em todos os eventos
   ============================================================ */

/* Caixa com moldura da border.webp: faixa castanha (título) + fundo bege (valor) */
.bordered-box {
    margin-bottom: 10px;
    border-style: solid;
    border-width: 32px 30px 7px;
    -moz-border-image:    url(/graphic/events/horse_race/border.webp) 32 30 7 repeat;
    -webkit-border-image: url(/graphic/events/horse_race/border.webp) 32 30 7 repeat;
    -o-border-image:      url(/graphic/events/horse_race/border.webp) 32 30 7 repeat;
    border-image:         url(/graphic/events/horse_race/border.webp) 32 30 7 repeat;
}

/* Caixa de estado de evento (Palha, Guidons, Troféus, etc.) */
.event-status { width: 47%; margin: 0 1%; height: 40px; float: left; }
.event-status .status-title { color: #fff; font-weight: bold; font-size: 15px; padding-top: 0; margin-top: -30px; height: 28px; line-height: 28px; text-shadow: 1px 1px 2px black; text-align: center; }
.event-status .status-value { font-weight: bold; font-size: 11px; text-align: center; padding-top: 10px; }

/* Caixa da loja do evento (canto superior direito) */
.shop-box-right { width: 180px; border: 2px solid #7d510f; background-color: #fcf6e4; overflow: hidden; text-align: center; }
.shop-box-right h4 { background: linear-gradient(to bottom, #9d6c3c, #7d510f); color: white; margin: 0; padding: 5px 0; font-size: 14px; border-bottom: 2px solid #7d510f; }

/* ============================================================
   COMBINED STYLES (from styl.css, resource_updater.css, and promo.css)
   ============================================================ */

/* From styl.css */
#content_value table { border-spacing: 2px; border-collapse: separate; empty-cells: show !important; }
#mass_train_table { min-width: 950px; width: 100%; }
#content_value td,#content_value th { padding: 2px 3px; } 
#inner-border { padding:2px 0; border: 1px solid #f9e1a8; }

/* From resource_updater.css */
.resource-updated {
    animation: pulse 0.5s ease-in-out;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); color: #00ff00; }
    100% { transform: scale(1); }
}

/* From promo.css */
#promo-fader { position: fixed; width: 100%; height: 100%; z-index: 99999; top: 0; left: 0; background: url(https://www.tribalwars.net/graphic/index/grey-fade.png?01a9d); } #promo-popup { position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-left: -200px; width: 400px; z-index: 100000; font-size: 12px; } #promo-popup-quit { float: right; width: 20px; height: 20px; background: url(../graphic/index/login_close.png?8253b) top left no-repeat; } #promo-popup .gfx-top { background: url(https://www.tribalwars.net/graphic/index/promo-popup-top.png?ee4f1) no-repeat; height: 21px; } #promo-popup .gfx-bottom { background: url(https://www.tribalwars.net/graphic/index/promo-popup-bottom.png?bc2b6) bottom left; height: 21px; } #promo-popup .content { background: url(https://www.tribalwars.net/graphic/index/promo-popup-content.png?39984) repeat-y; padding: 0 17px 0; margin: 0; min-height: 40px; } #promo-popup .content .promo-title { margin: 0; padding-right: 36px; padding-bottom: 16px; font-size: 16px; } #promo-popup .content .image { float: left; margin: 0 10px 0 0; } #promo-popup .content .desc { margin: 0; } #promo-popup .content .content-body { padding: 0 0 16px 0; float: none; clear: both; } #promo-popup .content .content-body.without-title { padding-top: 30px; } #promo-popup .content .content-body.image-only { } #promo-popup .content .content-body.image-only .image { float: none; display: block; margin: 0 auto; } #promo-popup .content .content-body.text-only text { } #promo-popup .content .link { margin: 0; text-align: center; } #promo-popup .content .link a { color: #803000; } #promo-popup .content .link a:hover { color: #FF0000; } #promo_countdown { color: #654; text-align: center; font-size: 16px; } #promo_countdown > .timer { margin: 8px 0 0; }

/* Animação pulso alerta de ataque */
@keyframes attack-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(220, 53, 53, 0.7); }
    60%  { box-shadow: 0 0 0 5px rgba(220, 53, 53, 0); }
    100% { box-shadow: 0 0 0 0 rgba(220, 53, 53, 0); }
}

/* =============================================================
   ESTILOS MIGRADOS DAS VIEWS (Limpeza de Estilos Inline)
   ============================================================= */
.v-align-middle {
    vertical-align: middle !important;
}
.text-center {
    text-align: center !important;
}
.nowrap {
    white-space: nowrap !important;
}
.questlog-container {
    position: fixed !important;
    top: 60px !important;
    left: 10px !important;
    z-index: 1000 !important;
}
.maincell-wrapper {
    width: 790px !important;
}
.maincell-relative {
    position: relative !important;
}
.h-48 {
    height: 48px !important;
}
.icon-16 {
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle !important;
}
.icon-20 {
    width: 20px !important;
    height: 20px !important;
    vertical-align: middle !important;
}
.icon-attack {
    width: 14px !important;
    height: 14px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}
.icon-attack-large {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
}
.attack-alert-link {
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
}
.attack-alert-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    background: #7a1a1a !important;
    border: 1px solid #c0392b !important;
    border-radius: 3px !important;
    padding: 1px 6px !important;
    animation: attack-pulse 1.2s infinite !important;
}
.attack-alert-badge-static {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    background: #7a1a1a !important;
    border: 1px solid #c0392b !important;
    border-radius: 3px !important;
    padding: 1px 6px !important;
}
.attack-alert-badge-large {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    background: #7a1a1a !important;
    border: 1px solid #c0392b !important;
    border-radius: 3px !important;
    padding: 2px 6px !important;
    animation: attack-pulse 1.2s infinite !important;
}
.attack-alert-count {
    color: #ffdddd !important;
    font-weight: bold !important;
    font-size: 12px !important;
}
.attack-alert-count-large {
    color: #ffdddd !important;
    font-weight: bold !important;
    font-size: 13px !important;
}
.farm-assistant-btn {
    background-image: url('/graphic/new/farm_assistent.webp') !important;
}
.account-manager-btn {
    background-image: url('/graphic/new/account_manager.webp') !important;
}
.popup-title {
    font-weight: bold !important;
    color: #803000 !important;
    font-size: 13px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid #7d510f !important;
    padding-bottom: 5px !important;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.5) !important;
}
.show-all-worlds-link {
    font-size: 11px !important;
    color: #803000 !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}
.no-worlds-alert {
    padding: 10px !important;
    color: #603000 !important;
    font-size: 11px !important;
}
.footer-stats {
    float: right !important;
    padding-right: 10px !important;
}
.arrow-nav {
    width: 16px !important;
    height: 22px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
.pointer {
    cursor: pointer !important;
}
.m-0-p-0 {
    margin: 0 !important;
    padding: 0 !important;
}
.h-20 {
    height: 20px !important;
}
.w-100 {
    width: 100% !important;
}
.box {
    empty-cells: show !important;
}
.w-23 {
    width: 23% !important;
}
.w-15 {
    width: 15% !important;
}
.w-14 {
    width: 14% !important;
}
.w-8 {
    width: 8% !important;
}
.p-4 {
    padding: 4px !important;
}
.icon-float-left {
    float: left !important;
    margin-right: 8px !important;
}
.btn-premium-build {
    padding: 3px 9px 3px 25px !important;
    background-image: url('/graphic/new/buttons.png?b84b6'), linear-gradient(to bottom, #0bac00 0%, #0e7a1e 100%) !important;
    background-position: 3px -49px, 0 0 !important;
    background-repeat: no-repeat, no-repeat !important;
    border-color: #006712 !important;
    color: white !important;
    text-decoration: none !important;
}
.btn-disabled {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}
.progress-bar-container {
    height: 18px !important;
    border: 1px solid #804000 !important;
    background: #e0d0b0 !important;
    position: relative !important;
    width: 100% !important;
}
.progress-bar-fill {
    height: 100% !important;
    background-color: #804000 !important;
}
.progress-bar-text {
    position: absolute !important;
    width: 100% !important;
    text-align: center !important;
    top: 0 !important;
    left: 0 !important;
    line-height: 18px !important;
    font-weight: bold !important;
}
#buildings {
    width: 100% !important;
    line-height: 17px !important;
}
.text-left {
    text-align: left !important;
}
.discount-old-cost {
    text-decoration: line-through !important;
    color: #aaa !important;
}
.icon-12 {
    width: 12px !important;
    vertical-align: middle !important;
}
.v-align-top {
    vertical-align: top !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.float-right {
    float: right !important;
}
.village-map-bg {
    position: relative !important;
    width: 600px !important;
    height: 418px !important;
    background-size: 100% 100% !important;
}
.wall-watchtower-clip {
    clip-path: polygon(0px 0px, 570px 0px, 570px 183px, 475px 183px, 475px 250px, 530px 250px, 530px 183px, 570px 183px, 570px 408px, 0px 408px) !important;
}
.event-logo-cell {
    width: 80px !important;
    padding: 10px !important;
    border-right: 1px solid #dfd1af !important;
}
.w-70px {
    width: 70px !important;
}
.p-10 {
    padding: 10px !important;
}
.bold-mb-5 {
    font-weight: bold !important;
    margin-bottom: 5px !important;
}
.bold-brown-text {
    font-weight: bold !important;
    color: #402a0a !important;
}
.w-120-text-center-p-10 {
    width: 120px !important;
    text-align: center !important;
    padding: 10px !important;
}
.btn-event-horde {
    padding: 10px 15px !important;
    background: linear-gradient(to bottom, #7d510f, #402a0a) !important;
    color: white !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    display: inline-block !important;
}
.btn-event-spring {
    padding: 10px 15px !important;
    background: linear-gradient(to bottom, #2d7a2d, #1a4d1a) !important;
    color: white !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    display: inline-block !important;
}
.h-40px {
    height: 40px !important;
}
.btn-event-horse-race {
    padding: 10px 15px !important;
    background: linear-gradient(to bottom, #a36f26, #5c3a1e) !important;
    color: white !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    display: inline-block !important;
}
.mr-5px {
    margin-right: 5px !important;
}
.premium-plus-icon {
    vertical-align: middle !important;
    margin-left: 5px !important;
    cursor: pointer !important;
}
.church-no-religion {
    vertical-align: middle !important;
    filter: grayscale(100%) !important;
    opacity: 0.5 !important;
}
.religion-penalty-text {
    color: #990000 !important;
}
.w-700px {
    width: 700px !important;
}
.h-auto {
    height: auto !important;
}
.border-none-font-normal {
    border: none !important;
    font-weight: normal !important;
}
.w-450px {
    width: 450px !important;
}
.unit-popup-image {
    margin-top: 60px !important;
    max-width: 200px !important;
}
.p-5 {
    padding: 5px !important;
}
.m-5-0 {
    margin: 5px 0 !important;
}
.agreement-pop-text {
    font-weight: bold !important;
    text-align: center !important;
    margin-bottom: 5px !important;
}
.text-green {
    color: green !important;
}
.agreement-bar-container {
    background-color: #eee !important;
    width: 100% !important;
    height: 5px !important;
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    overflow: hidden !important;
}
.pbm-label {
    cursor: pointer !important;
    display: block !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
}
.pbm-gift-section {
    margin-top: 15px !important;
    border-top: 1px solid #8B4513 !important;
    padding-top: 15px !important;
}
.pbm-gift-title {
    font-weight: bold !important;
    margin-bottom: 5px !important;
    font-size: 12px !important;
    color: #8B4513 !important;
}
.pbm-flex-gap-8 {
    display: flex !important;
    gap: 8px !important;
}
.pbm-gift-input {
    background: rgba(0,0,0,0.1) !important;
    border: 1px solid #8B4513 !important;
    padding: 5px !important;
    flex-grow: 1 !important;
    border-radius: 4px !important;
    outline: none !important;
    font-size: 13px !important;
}
.pbm-gift-btn {
    background: #8B4513 !important;
    color: white !important;
    border: none !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    font-size: 12px !important;
}
.pbm-gift-msg {
    margin-top: 5px !important;
    font-size: 11px !important;
    font-weight: bold !important;
}

/* Utility classes */
.w-100 {
    width: 100% !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.text-left {
    text-align: left !important;
}
.v-align-middle {
    vertical-align: middle !important;
}
.pointer {
    cursor: pointer !important;
}
.clear-both {
    clear: both !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.text-red {
    color: red !important;
}
.bold {
    font-weight: bold !important;
}
.text-black {
    color: black !important;
}
.font-10pt {
    font-size: 10pt !important;
}

/* Unit info modal classes */
.unit-modal-overlay {
    display: none !important;
    position: fixed !important;
    z-index: 9999 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0,0,0,0.6) !important;
}
.unit-modal-box {
    background-color: #f7eed3 !important;
    border: 2px solid #804000 !important;
    width: 500px !important;
    margin: 100px auto !important;
    padding: 10px !important;
    position: relative !important;
    box-shadow: 0px 0px 15px #000 !important;
}
.unit-modal-header {
    background-color: #c1a264 !important;
    padding: 5px !important;
    border: 1px solid #7d510f !important;
    color: #fff !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}
.unit-modal-close {
    float: right !important;
    cursor: pointer !important;
    color: #5c0d0d !important;
    background: #e3d5b3 !important;
    border: 1px solid #804000 !important;
    padding: 0 5px !important;
}
.unit-modal-desc {
    margin-bottom: 15px !important;
    font-style: italic !important;
}
.unit-modal-divider {
    border: 0 !important;
    border-top: 1px solid #804000 !important;
    margin-bottom: 15px !important;
}
.unit-modal-flex {
    display: flex !important;
    gap: 15px !important;
}
.unit-modal-stats-col {
    flex: 1 !important;
}
.unit-modal-image-col {
    width: 160px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.unit-modal-image {
    max-width: 100% !important;
    max-height: 250px !important;
    object-fit: contain !important;
}



/* =============================================================
   WELCOME SCREEN (screen=welcome) STYLES
   ============================================================= */
.screen-welcome .welcome-cols {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 10px;
}
.screen-welcome .welcome-col-left {
    flex: 1.2 1 500px;
    min-width: 300px;
}
.screen-welcome .welcome-col-right {
    flex: 1 1 400px;
    min-width: 300px;
}
.screen-welcome .stats-tabs {
    display: flex;
    gap: 4px;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}
.screen-welcome .stats-tabs .tab-item {
    margin: 0;
    padding: 0;
}
.screen-welcome .stats-tabs .tab-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #7d510f;
    border-radius: 4px;
    background: #dfbc7a;
    background: linear-gradient(to bottom, #f5d79e 0%, #c9a463 100%);
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.3);
    transition: all 0.2s ease;
}
.screen-welcome .stats-tabs .tab-link:hover {
    background: linear-gradient(to bottom, #ffebc2 0%, #deb877 100%);
}
.screen-welcome .stats-tabs .tab-link.active {
    background: #fff5da;
    border-color: #603000;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}
.screen-welcome .stats-tabs .tab-link img {
    max-width: 18px;
    max-height: 18px;
    display: block;
}
.screen-welcome .btn-green {
    display: inline-block;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: bold;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    text-decoration: none !important;
    text-align: center;
    background: #2b8a3e;
    background: linear-gradient(to bottom, #40c057 0%, #2b8a3e 100%);
    border: 1px solid #1c6b2e;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2);
    cursor: pointer;
}
.screen-welcome .btn-green:hover {
    background: #37b24d;
    background: linear-gradient(to bottom, #51cf66 0%, #37b24d 100%);
    border-color: #247a35;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.3);
}
.screen-welcome .btn-green:active {
    background: #2b8a3e;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}
.screen-welcome .welcome-table {
    width: 100% !important;
    margin-bottom: 15px !important;
    border-collapse: collapse !important;
}
.screen-welcome .welcome-th {
    padding: 6px 8px !important;
    font-weight: bold !important;
    font-size: 12px !important;
    height: 18px !important;
}
.screen-welcome .welcome-th-link {
    float: right !important;
    font-weight: normal !important;
    font-size: 11px !important;
    text-decoration: none !important;
}
.screen-welcome .welcome-td-plain {
    padding: 0 !important;
    border: none !important;
}
.screen-welcome .welcome-table-inner {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    border: none !important;
}
.screen-welcome .welcome-td-label {
    padding: 6px 8px !important;
    font-weight: bold !important;
    width: 40% !important;
    border-bottom: 1px solid #dfbc7a !important;
}
.screen-welcome .welcome-td-value {
    padding: 6px 8px !important;
    text-align: right !important;
    border-bottom: 1px solid #dfbc7a !important;
    font-weight: bold !important;
}
.screen-welcome .welcome-td-label-no-width {
    padding: 6px 8px !important;
    font-weight: bold !important;
    border-bottom: 1px solid #dfbc7a !important;
}
.screen-welcome .welcome-td-label-no-border {
    padding: 6px 8px !important;
    font-weight: bold !important;
}
.screen-welcome .welcome-td-value-no-border {
    padding: 6px 8px !important;
    text-align: right !important;
    font-weight: bold !important;
}
.screen-welcome .welcome-stats-container {
    padding: 10px !important;
    background: #f4e4bc !important;
}
.screen-welcome .welcome-notes-box {
    background: #fff5da !important;
    border: 1px solid #7d510f !important;
    padding: 10px !important;
    border-radius: 3px !important;
    height: 230px !important;
    position: relative !important;
}
.screen-welcome .welcome-news-container {
    padding: 12px 10px !important;
    line-height: 1.45 !important;
    font-size: 11px !important;
}
.screen-welcome .welcome-news-item {
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
}
.screen-welcome .welcome-news-title {
    font-weight: bold !important;
    font-size: 12px !important;
    color: #7d510f !important;
}
.screen-welcome .welcome-news-date {
    font-size: 10px !important;
    color: #666 !important;
    margin-left: 6px !important;
}
.screen-welcome .welcome-news-text {
    margin-top: 6px !important;
    line-height: 1.4 !important;
}
.screen-welcome .welcome-tribe-empty {
    padding: 12px 10px !important;
    font-size: 11px !important;
}
.screen-welcome .welcome-tribe-event-time {
    padding: 6px 8px !important;
    width: 65px !important;
    text-align: center !important;
    color: #666 !important;
    font-size: 10px !important;
    border-bottom: 1px solid #dfbc7a !important;
}
.screen-welcome .welcome-tribe-event-text {
    padding: 6px 8px !important;
    font-size: 11px !important;
    border-bottom: 1px solid #dfbc7a !important;
}
.screen-welcome .welcome-footer {
    text-align: right !important;
    margin-top: 15px !important;
    padding-right: 5px !important;
}

/* =============================================================
   PLACE COMMAND SCREEN (screen=place) STYLES
   ============================================================= */
.screen-place #place_autocomplete_dropdown {
    display: none;
    position: absolute;
    z-index: 99999;
    border: 1px solid #7d510f;
    background: #f4e4bc;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
    transform: translateY(-100%);
    margin-top: -2px;
}
.screen-place .autocomplete-item {
    display: flex;
    align-items: center;
    padding: 6px 10px;
    border-bottom: 1px solid #7d510f;
    cursor: pointer;
    background: #f4e4bc;
    color: #000;
}
.screen-place .autocomplete-item:hover {
    background-color: #e3d5b3;
}
.screen-place .autocomplete-item img {
    width: 38px;
    height: 38px;
    margin-right: 12px;
    object-fit: contain;
}
.screen-place .autocomplete-details {
    flex: 1;
    font-size: 11px;
    line-height: 1.4;
    text-align: left;
}

/* =============================================================
   MAP SCREEN MODAL STYLES (screen=map)
   ============================================================= */
.screen-map #map_context_menu {
    width: 120px;
    height: 120px;
    position: relative;
}
.screen-map #map_context_menu .mp {
    position: absolute !important;
    width: 24px;
    height: 24px;
    background-image: url('graphic/icons/icons_context.png');
    display: block !important;
    opacity: 1 !important;
}
.screen-map #mp_info {
    top: 0;
    left: 48px;
}
.screen-map #mp_att {
    top: 48px;
    left: 0;
}
.screen-map #mp_res {
    top: 48px;
    left: 96px;
}
.screen-map #mp_farm_a {
    top: 96px;
    left: 24px;
}
.screen-map #mp_farm_b {
    top: 96px;
    left: 72px;
}
.screen-map #attack_modal_overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 20000;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(2px);
}
.screen-map #attack_modal {
    width: 840px;
    max-height: 90vh;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.3);
    border: 2px solid #8C5F0D;
    background: #F4E4BC;
    display: flex;
    flex-direction: column;
    animation: modalSlideIn 0.18s ease;
}
@keyframes modalSlideIn {
    from {
        transform: translateY(-18px) scale(0.98);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}
.screen-map #attack_modal_header {
    background: linear-gradient(180deg, #D4AE6E 0%, #B8893C 100%);
    padding: 8px 14px;
    border-bottom: 2px solid #8C5F0D;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}
.screen-map #attack_modal_header h3 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    color: #3a1f00;
    letter-spacing: 0.3px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.screen-map #attack_modal_close {
    width: 22px;
    height: 22px;
    background: url('graphic/index/login_close.png') no-repeat center;
    background-size: contain;
    border: none;
    cursor: pointer;
    padding: 0;
    opacity: 0.75;
    transition: opacity 0.15s;
    flex-shrink: 0;
}
.screen-map #attack_modal_close:hover {
    opacity: 1;
}
.screen-map #attack_modal_body {
    padding: 12px;
    overflow-y: auto;
    background: url('graphic/background/content.jpg');
}
.screen-map .modal_tabs {
    margin-bottom: 0;
}
.screen-map .modal_tabs table {
    border-collapse: collapse;
    width: 100%;
}
.screen-map .modal_tab_header {
    background: #C1A264;
    border: 1px solid #8C5F0D;
    border-bottom: 2px solid #8C5F0D;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.screen-map .modal_tab_models {
    background: #E5D7B2;
    border: 1px solid #8C5F0D;
    border-bottom: 2px solid #8C5F0D;
    padding: 5px 10px;
    font-size: 11px;
    text-align: center;
    font-style: italic;
}
.screen-map .units_grid_simple {
    background: transparent;
    padding: 10px;
}
.screen-map .units_grid_simple>table {
    width: 100%;
    border-collapse: collapse;
}
.screen-map .units_grid_simple td.unit_column {
    vertical-align: top;
    padding: 0;
}
.screen-map .units_grid_simple table td {
    padding: 2px 5px;
    text-align: left;
    background: transparent;
    font-size: 0;
    line-height: 0;
}
.screen-map .units_grid_simple table td img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 2px;
    display: inline-block;
}
.screen-map .units_grid_simple table td input[type="text"] {
    width: 50px;
    padding: 1px 2px;
    border: 1px solid #000;
    font-size: 10pt;
    background: #FFF;
    text-align: right;
    margin: 0 2px 0 0;
    font-family: Verdana, Arial;
    vertical-align: middle;
    display: inline-block;
}
.screen-map .units_grid_simple table td a {
    font-size: 10pt;
    color: #804000;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    margin-left: 2px;
}
.screen-map .units_grid_simple table td a:hover {
    text-decoration: underline;
    color: #0082BE;
}
.screen-map .target_info {
    background: #FFF;
    border: 2px solid #8C5F0D;
    border-radius: 4px;
    padding: 8px 10px;
    margin: 8px 0;
}
.screen-map .target_info table {
    width: 100%;
    border-collapse: collapse;
}
.screen-map .target_info img {
    width: 48px;
    height: 48px;
}
.screen-map .target_info_text {
    font-size: 11px;
    line-height: 1.5;
}
.screen-map .modal_actions {
    text-align: center;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.screen-map .farm_btn {
    width: 24px;
    height: 24px;
    background-image: url('graphic/icons/icons_context.png');
    background-position: -264px 0px;
    border: 1px solid #8C5F0D;
    cursor: not-allowed;
    opacity: 0.4;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}
.screen-map .farm_btn.farm_b {
    background-position: -288px 0px;
}

/* =============================================================
   RULES SCREEN (screen=rules) STYLES
   ============================================================= */
.screen-rules .rules-container {
    max-width: 900px;
    margin: 0 auto;
    font-family: Verdana, Arial, sans-serif;
}
.screen-rules .rules-header {
    background: linear-gradient(to bottom, #f4e4bc, #d4c4a0);
    border: 2px solid #8b6c42;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    text-align: center;
}
.screen-rules .rules-header h1 {
    margin: 0;
    color: #3b260e;
    font-size: 24px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}
.screen-rules .rule-section {
    background: #f8f4e8;
    border: 2px solid #8b6c42;
    border-radius: 5px;
    margin-bottom: 15px;
    overflow: hidden;
}
.screen-rules .rule-section-header {
    background: linear-gradient(to bottom, #d4c4a0, #b4a480);
    padding: 12px 15px;
    border-bottom: 2px solid #8b6c42;
    cursor: pointer;
    user-select: none;
    transition: background 0.2s;
}
.screen-rules .rule-section-header:hover {
    background: linear-gradient(to bottom, #c4b490, #a49470);
}
.screen-rules .rule-section-header h2 {
    margin: 0;
    color: #3b260e;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.screen-rules .rule-section-header .toggle-icon {
    font-size: 14px;
    transition: transform 0.3s;
}
.screen-rules .rule-section-header.collapsed .toggle-icon {
    transform: rotate(-90deg);
}
.screen-rules .rule-content {
    padding: 15px 20px;
    color: #3b260e;
    line-height: 1.6;
    font-size: 13px;
    max-height: 1000px;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}
.screen-rules .rule-content.collapsed {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.screen-rules .rule-content p {
    margin: 0 0 10px 0;
    white-space: pre-line;
}
.screen-rules .rule-content p:last-child {
    margin-bottom: 0;
}
.screen-rules .rules-footer {
    background: #f8f4e8;
    border: 2px solid #8b6c42;
    padding: 15px 20px;
    margin-top: 20px;
    border-radius: 5px;
    text-align: center;
    color: #666;
    font-size: 12px;
}
.screen-rules .rules-header-desc {
    margin: 5px 0 0 0 !important;
    color: #5c3a1e !important;
    font-size: 13px !important;
}
.screen-rules .rules-empty-p {
    padding: 20px !important;
}
.screen-rules .rules-empty-icon {
    font-size: 48px !important;
    color: #999 !important;
}

/* =============================================================
   SMITHY SCREEN (screen=smith) STYLES
   ============================================================= */
.screen-smith .level-updated {
    animation: smithHighlight 0.6s ease-in-out;
}
@keyframes smithHighlight {
    0%, 100% {
        background-color: transparent;
    }
    50% {
        background-color: #ffeb3b;
    }
}

/* =============================================================
   SETTINGS ACCOUNT SCREEN (screen=settings_account) STYLES
   ============================================================= */
.screen-settings .language-selector {
    position: relative;
    width: 100%;
    max-width: 220px;
}
.screen-settings .language-dropdown {
    position: relative;
}
.screen-settings .language-current {
    width: 100%;
    padding: 6px 10px;
    background: linear-gradient(to bottom, #f8f4e8 0%, #e8dfc8 100%);
    border: 1px solid #7d510f;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
    transition: all 0.2s ease;
    color: #5d3a0f;
}
.screen-settings .language-current:hover {
    background: linear-gradient(to bottom, #fff8e8 0%, #f0e8d0 100%);
    border-color: #5d3a0f;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.screen-settings .language-current .flag {
    width: 20px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
    display: block;
}
.screen-settings .language-current .name {
    flex: 1;
    text-align: left;
    font-weight: normal;
    color: inherit;
}
.screen-settings .language-current .arrow {
    font-size: 8px;
    color: inherit;
    opacity: 0.8;
    transition: transform 0.2s ease;
}
.screen-settings .language-current.active .arrow {
    transform: rotate(180deg);
}
.screen-settings .language-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 2px;
    background: #f8f4e8;
    border: 1px solid #7d510f;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    overflow: hidden;
}
.screen-settings .language-option {
    padding: 6px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background 0.15s ease;
    border-bottom: 1px solid #d4c4a8;
    font-size: 11px;
}
.screen-settings .language-option:last-child {
    border-bottom: none;
}
.screen-settings .language-option:hover {
    background: #fff8e8;
}
.screen-settings .language-option.selected {
    background: #e8dfc8;
}
.screen-settings .language-option .flag {
    width: 20px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
    display: block;
}
.screen-settings .language-option .name {
    flex: 1;
    font-weight: normal;
    color: #5d3a0f;
}
.screen-settings .language-option .checkmark {
    color: #4a7c2f;
    font-weight: bold;
    font-size: 12px;
}
.screen-settings .theme-selector {
    position: relative;
    width: 100%;
    max-width: 220px;
}
.screen-settings .theme-dropdown {
    position: relative;
}
.screen-settings .theme-current {
    width: 100%;
    padding: 6px 10px;
    background: linear-gradient(to bottom, #f8f4e8 0%, #e8dfc8 100%);
    border: 1px solid #7d510f;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
    transition: all 0.2s ease;
    color: #5d3a0f;
}
.screen-settings .theme-current:hover {
    background: linear-gradient(to bottom, #fff8e8 0%, #f0e8d0 100%);
    border-color: #5d3a0f;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.screen-settings .theme-current .name {
    flex: 1;
    text-align: left;
    font-weight: normal;
    color: inherit;
}
.screen-settings .theme-current .arrow {
    font-size: 8px;
    color: inherit;
    opacity: 0.8;
    transition: transform 0.2s ease;
}
.screen-settings .theme-current.active .arrow {
    transform: rotate(180deg);
}
.screen-settings .theme-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 2px;
    background: #f8f4e8;
    border: 1px solid #7d510f;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    overflow: hidden;
}
.screen-settings .theme-option {
    padding: 6px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background 0.15s ease;
    border-bottom: 1px solid #d4c4a8;
    font-size: 11px;
}
.screen-settings .theme-option:last-child {
    border-bottom: none;
}
.screen-settings .theme-option:hover {
    background: #fff8e8;
}
.screen-settings .theme-option.selected {
    background: #e8dfc8;
}
.screen-settings .theme-option .name {
    flex: 1;
    font-weight: normal;
    color: #5d3a0f;
}
.screen-settings .theme-option .checkmark {
    color: #4a7c2f;
    font-weight: bold;
    font-size: 12px;
}

/* =============================================================
   MAP SCREEN (screen=map) STYLES
   ============================================================= */
.screen-map .village-icon-with-ownership {
    background: none !important;
    border: none !important;
}