#dieIE6 {
    display: none;
}

html, body {
    height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
    min-height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}

body {
    background:black;
    height: 100%;
    font-family: Verdana, Arial, sans-serif;
    font-size: 100.01%;
    line-height: 12px;
    padding: 0px;
    margin: 0px;
    behavior: url("csshover.htc");
}

#main-content {
    min-height: 100vh;
    height: 100%;
}

#display_left {
    width: 265px;
}

#display_right{
    width: 266px;
}

#content_wrapper {
    width: fit-content;
    margin: auto;
    height: 100%;
}

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

h1 {
padding-top:5px;
font-size:18px;
}

h2 {
font-size:14px;
}

h3 {
font-size:12px;
font-weight:bold;
}

h4 {
font-size:12px;
font-weight:bold;
font-style:italic;
margin-bottom:5px;
}

h5 {
font-size:10px;
font-weight:bold;
margin-bottom:3px;
}

p {
line-height:15px;
margin: 0px;
}

ul {
line-height:15px;
}

th {
/*font-family: Arial, Verdana, sans-serif;*/
font-size:12px;
line-height:15px;
background:#E1D7BC;
text-align:left;
}

td {
/*font-family: Arial, Verdana, sans-serif;*/
font-size:0.75em;
font-size: 12px;
line-height:15px;
}

.right,
td.right {
    text-align:right;
    width: calc(50% - 420px);
}
.left,
td.left {
    text-align:left;
    width: calc(50% - 420px);

}
.center,
td.center {
    text-align:center;
}

a:link {
font-weight:normal;
color:#840000;
text-decoration:none;
}

a:visited {
font-weight:normal;
color:#840000;
text-decoration:none;
}

a:active {
    font-weight:normal;
    color:#072350;
    text-decoration:none;
}

a:hover {
    font-weight:normal;
    color:#072350;
    text-decoration:none;
}

a.premium {
    font-weight:bold;
}

.error a {
    padding-left:8px;
    background-image:url(img/arrow_right_raquo.png);
    background-repeat:no-repeat;
    background-position:0px 60%;
}
.error a:hover {
    background-image:url(img/arrow_right_raquo_hover.png);
}


img {
border:0px;
padding:0px;
margin:0px;
}

hr {
border:0px;
border-top:solid 1px black;
border-bottom:transparent;
}

form {
margin:0px;
}

label{
    cursor: pointer;
}

input {
font-family: Arial, Verdana, Sans-Serif;
font-size:12px;
font-weight:normal;
}

input[type=radio],input[type=checkbox]{ vertical-align: middle; }

input.disabled {
background:silver;
color:gray;
}

pre {
margin:0px;
}

pre.code {
white-space:pre;
margin:0px;
display:inline;
}



.floatLeft {
    float:left;
}
.floatRight {
    float:right;
}

.marginRight10 {
    margin-right:10px;
}


/** LAYOUT **/

.hardbreak-col{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre;
    white-space: -hp-pre-wrap; /* HP Printers */
    white-space: pre-line;
}

.hardbreak-item{
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.shortcut {
background-image:url(img/layout/sc_middle.png);
background-repeat:repeat-x;
}

.shortcut_pane {
position:absolute;
top:153px;
width:790px;
margin:0 20px 0 30px;
}

.quickstart_pane {
width:840px;
background-image:url(img/layout/qs_back.png);
background-repeat:repeat-y;
margin:0;
padding:0;
padding:0 30px 0 30px;
}

.quickstart_pane a.txt, .quickstart_pane a:link.txt, .quickstart_pane a:visited.txt, .quickstart_pane a:hover.txt {
color:white;
font-size:10px;
font-family: Arial, Verdana, Sans-Serif;
margin:-5px 0 0 5px;
}

.quickentry {
float:left;
margin:0 10px 0 0;
}

.quickico {
width:24px;
height:23px;
background-image:url(img/layout/qs_icoback.png);
text-align:center;
vertical-align:middle;
}

.head1 {
color:white;
font-size:10px;
font-family: Arial, Verdana, Sans-Serif;
padding:0px 2px 0px 2px;
}

.head1 a, .head1 a:link, .head1 a:visited, .head1 a:hover {
color:white;
font-size:10px;
font-family: Arial, Verdana, Sans-Serif;
}

.mainpane {
margin:0px auto;
width:840px;
overflow:visible;
}

.mainpanehelp {
margin:0px auto;
width:920px;
overflow:visible;
}

.max {
width:100%;
}

.contentpane {
padding:0px 10px 15px 10px;
}

.forum_contentpane {
padding:0px 0px 0px 10px;
width:790px;
}

table.borderlist {
padding:0px;
margin:0px;
border-spacing:0px;
border:1px solid #CFAB65;
border-collapse:collapse;
empty-cells:show;
}

.borderlist th {
background:url(img/layout/bg_table_head.png) repeat;
padding:0 3px 0 3px;
height:36px;
border:1px solid #CFAB65;
}

.borderlist td {
background:url(img/layout/bg_table_cell.jpg) repeat;
padding:0 3px 0 3px;
height:21px;
border:1px solid #CFAB65;
}

.borderlist td.shadow {
background:url(img/layout/bg_table_cell2.jpg) repeat;
}

table.noborder {
border:0px;
background:none;
}

.noborder th {
border:0px;
background:none;
}

.noborder td {
border:0px;
background:none;
}

.nomargin th {
margin:0px;
padding:0px;
}

.nomargin td {
margin:0px;
padding:0px;
}

table.ressilist {
padding:0px;
margin:0px;
border-spacing:0px;
border:1px solid #CFAB65;
border-collapse:collapse;
empty-cells:show;
width:820px;
}

.ressilist td {
background:url(img/layout/bg_ressi_cell.png) repeat;
padding-left:3px;
padding-right:3px;
height:26px;
border:1px solid #CFAB65;
}

table.menu {
border:1px solid black;
background:#F1EBDD;
padding:0px;
margin:0px;
border-spacing:2px;
border-collapse:separate;
vertical-align: middle;
}

.menu td {
padding:1px 2px 1px 2px;
margin:0px;
background-color:#F8F4E8;
white-space:nowrap;
}

table.box {
border-spacing:0px;
}

.box td {
padding:0px 2px 0px 2px;
}

td.marked_navi {
background-color:#E3C693;
}

td.marked {
background:url(img/layout/bg_table_cell_marked.jpg);
background-repeat:repeat-x;
}

td.marked_group {
background:url(img/layout/bg_table_cell_marked2.jpg);
background-repeat:repeat-x;
}

td.marked_sum {
border-top:2px solid #936F29;
background:url(img/layout/bg_table_cell_marked.jpg);
}

.notice {
color:#666;
}

.notice_small {
color:#666;
font-size:9px;
line-height:11px;
}

.warn {
color:#990000;
}

.critical {
color:red;
}

.zero {
color:#C2B38E;
}

td.list0 {
    overflow: hidden;
}

td.list1 {
    overflow: hidden;
}

.locked {
    font-style: italic;
}

.text_info {
font-size:0.8em;
font-family: Arial, Verdana, sans-serif;
}

.smallText{
font-family: Arial, Verdana, sans-serif;
    font-size: 0.9em;
}

.status {
margin-right:5px;
font-size:0.9em;
font-family: Arial, Verdana, sans-serif;
}

.nowrap {
white-space:nowrap;
}

p.error {
color:#B40000;
font-weight:bold;
padding:0px 0px 0px 0px;
}

p.info {
color:green;
font-weight:bold;
padding:0px 0px 0px 0px;
}

input.checkbox {
margin:2px;
margin-right:5px;
}

input.radio {
margin:2px 5px 1px 2px;
position:relative;
top:2px;
}

table.msg_thread {
border:2px solid #CFAB65;
border-spacing:0px;
margin-bottom:5px;
}

.msg_thread th {
background:#EFE6C9;
border-bottom:1px solid #CFAB65;
padding:1px 4px 1px 4px;
}

.msg_thread td {
background:#F8F4E8;
padding:4px;
}

.msg_time {
font-size:11px;
line-height:13px;
font-family: Arial, Verdana, sans-serif;
}

.timestamp {
font-size:9px;
font-family: Arial, Verdana, sans-serif;
font-weight:normal;
text-align:right;
}

table.map_colors {
}

.map_colors td {
font-size: 0.7em;
font-family: Arial, Verdana, sans-serif;
}

.color_field {
width:20px;
height:20px;
}

table.border1px {
border:1px solid #E1D7BC;
margin:5px;
}

#forum_boards {
margin:0px 0 10px 0;
text-align:left;
}

#forum_boards a {
padding:2px;
margin:0 5px 0 5px;
}

#forum_boards a#active {
}

#forum_administrate {
margin: 15px 0 0 0;
text-align:center;
}

table.heading {
border-bottom:4px solid #CFAB65;
margin:0 0 5px 0;
}

.quote {
margin:5px;
font-size:11px;
border:1px solid #442E21;
}

b.quote_name {
padding:0 0 0 5px;
background:#442E21;
display:block;
background-image:url("/img/forum/header_wood.jpg");
color:white;
}

.quote_text {
padding:3px 0px 3px 5px;
background:white;
display:block;
}

.forum_edit_note {
font-style:italic;
font-size:10px;
padding-top:2px;
}

a.external {
color:#4040D0;
}

div.preview {
border:1px solid black;
background:white;
margin:0 0 10px 0;
padding:2px;
}

.dyn_popup {
position:relative;
display:inline;
}

.dyn_popup_content {
background:url(img/layout/bg_tutorial.png);
z-index:10;
width:350px;
height:301px;
}

a.dynheader {
display:block;
background:#E3C693;
padding:2px;
}

a.dynblock {
display:block;
background:#F8F4E8;
padding:2px;
margin:1px 1px 2px 1px;
}

.tut_header {
padding:2px;
}

.tut_content {
line-height:15px;
margin:0px;
}

.tile {
width:53px;
height:38px;
position:absolute;
background-repeat:no-repeat;
}

.tile_x0 {
left:0px;
}

.tile_x1 {
left:53px;
}

.tile_x2 {
left:106px;
}

.tile_x3 {
left:159px;
}

.tile_x4 {
left:212px;
}

.tile_y0 {
top:0px;
}

.tile_y1 {
top:38px;
}

.tile_y2 {
top:76px;
}

.tile_y3 {
top:114px;
}

.tile_y4 {
top:152px;
}

.tooltip {
background:#F0E6C8;
}

.stagetip {
display:block;
width:15px;
height:12px;
background:#fff;
border: 1px solid #CFAB65;
font-size:9px;
z-index:100;
text-align:center;
line-height:11px;
}

.click {
font-weight:normal;
color:#840000;
text-decoration:none;
cursor:pointer;
}

.forum_board_1 {
background-image:url(img/forum/bg_board_1.png);
width:5px;
height:23px;
}

.forum_board_2 {
background-image:url(img/forum/bg_board_2.png);
background-repeat:repeat-x;
height:23px;
}

.forum_board_3 {
background-image:url(img/forum/bg_board_3.png);
width:5px;
height:23px;
}

.forum_board_2b {
background-image:url(img/forum/bg_board_2.png);
background-repeat:repeat-x;
height:23px;
padding:0 5px;
font-size:11px;
}

td.longtext {
background-image:url(img/layout/bg_table_cell.jpg);
background-repeat:repeat;
}

.forum_boards_link {
float:left;
margin:0 10px 0 0;
}

h1.bbcode {
padding:0px;
margin:0px;
}

h2.bbcode {
padding:0px;
margin:0px;
}

.suggest_link {
background-color: #F2D7A0;
padding: 2px 6px 2px 6px;
}

.suggest_link_over {
background-color: #D5AD6D;
padding: 2px 6px 2px 6px;
}

.search_suggest_div {
position: absolute;
background-color: #CFAB65;
z-index:1000;
text-align: left;
border: 1px solid #CFAB65;
}

.big_button_text {
position:absolute;
top:42px;
left:130px;
width:220px;
height:22px;
z-index:100;

text-decoration:none;
font-family:Georgia, Times, "Times New Roman", serif;
text-align:center;
color:black;
font-size:16px;
font-weight:bold;
}

.smallButton {
background-image:url("/img/forum/header_wood.jpg");
color:white;
border:2px solid #8C7241;
height:18px;
display:block;
float:left;
padding:1px 3px 1px 3px;
margin:5px 0 0 5px;
font-size:11px;
}

.smallButton a:link, .smallButton a:visited, .smallButton a:active, .smallButton a:hover {
color:white;
}

/** grafische Siedlungsansicht **/

.gfx_map {
position:absolute;
top:0px;
left:0px;
z-index:200;
width:600px;
height:420px;
}

.gfx_ani_wasser {
position:absolute;
top:0px;
left:0;
}

.gfx_ani_korn {
position:absolute;
top:36px;
left:183px;
}

.gfx_ani_kran {
position:absolute;
top:106px;
left:482px;
}

.gfx_ani_stone {
position:absolute;
top:235px;
left:3px;
}

.gfx_ani_barracks_flag1 {
position:absolute;
top:224px;
left:334px;
}

.gfx_ani_barracks_flag2 {
position:absolute;
top:224px;
left:378px;
}

.gfx_ani_barracks_flag3 {
position:absolute;
top:190px;
left:390px;
}

.gfx_ani_snob_flag1 {
position:absolute;
top:77px;
left:61px;
}

.gfx_build {
position:absolute;
top:0px;
left:0px;
}

.gfx_tip_main {
position:absolute;
top:85px;
left:160px;
}

.gfx_tip_wood {
position:absolute;
top:104px;
left:523px;
}

.gfx_tip_stone {
position:absolute;
top:223px;
left:7px;
}

.gfx_tip_iron {
position:absolute;
top:188px;
left:575px;
}

.gfx_tip_storage {
position:absolute;
top:113px;
left:419px;
}

.gfx_tip_hide {
position:absolute;
top:0px;
left:31px;
}

.gfx_tip_farm {
position:absolute;
top:5px;
left:346px;
}

.gfx_tip_barracks {
position:absolute;
top:195px;
left:406px;
}

.gfx_tip_stable {
position:absolute;
top:268px;
left:439px;
}

.gfx_tip_wall {
position:absolute;
top:355px;
left:182px;
}

.gfx_tip_market {
position:absolute;
top:142px;
left:101px;
}

.gfx_tip_garage {
position:absolute;
top:9px;
left:147px;
}

.gfx_tip_snob {
position:absolute;
top:72px;
left:10px;
}

.gfx_tip_smith {
position:absolute;
top:274px;
left:258px;
}

.gfx_tip_statue {
position:absolute;
top:186px;
left:249px
}

.gfx_ani_farm1 {
    position:absolute;
    top:8px;
    left:314px;
}
.gfx_ani_farm2 {
    position:absolute;
    top:63px;
    left:363px;
}


/*
    build_main
*/


.mainBuildModern,
.mainBuildList {
    margin-left:-5px;
    margin-right:-5px;
}


.mainBuildList .box {
    background-image:url(img/modern/card_build2.png);
    float:left;
    margin:0px;
    padding:0px;
    width:829px;
    height:105px;
    position:relative;
}
#build_barracks_research .mainBuildList .box {
    background-image: url(img/modern/card_research2.png);
}


#build_barracks_research .mainBuildList .boxDone {
    background-image: url(img/modern/card_research_closed2.png);
    height:65px;
}

#build_barracks_recruit .mainBuildList .box {
    background-image: url(img/modern/card_recruit2.png);
}

.mainBuildList .boxDone {
 background-image:url(img/modern/card_build_complete2.png);
 float:left;
 margin:0px;
 padding:0px;
 width:829px;
 height:64px;
 position:relative;
}

#build_barracks_recruit .mainBuildList .boxDone {
 background-image:url(img//modern/card_recruit_research2.png);
}

.mainBuildList .background {
    position:absolute;
    top:0px;
    left:0px;
}

.mainBuildList .image {
    position:absolute;
    top:10px;
    left:9px;
}

.mainBuildList .name {
    position:absolute;
    top:17px;
    left:75px;
}

.mainBuildList .description {
    position:absolute;
    top:18px;
    left:214px;
    width:587px;
    height:30px;
    overflow:hidden;
}
.mainBuildList .descriptionShort {
    position:absolute;
    top:18px;
    left:214px;
    width:380px;
    height:30px;
    overflow:hidden;
}

.mainBuildList .needs {
    display:none;
}
.res1, .wood {
    background-image:url(img/res1.png);
    background-repeat:no-repeat;
    padding-left:23px;
}
.res2, .stone {
    background-image:url(img/res2.png);
    background-repeat:no-repeat;
    padding-left:23px;
}
.res3, .ore {
    background-image:url(img/res3.png);
    background-repeat:no-repeat;
    padding-left:23px;
}
.workers, .settlers {
    background-image:url(img/worker.png);
    background-repeat:no-repeat;
    padding-left:23px;
/*    height:20px;
    margin-top:-2px;
    padding-top:2px;*/
}

.mainBuildList .res1, .mainBuildList .wood {
    position:absolute;
    top:73px;
    left:314px;
}
.mainBuildList .res2, .mainBuildList .stone {
    position:absolute;
    top:73px;
    left:213px;
}
.mainBuildList .res3, .mainBuildList .ore {
    position:absolute;
    top:73px;
    left:413px;
}
.mainBuildList .workers, .mainBuildList .settlers {
    position:absolute;
    top:73px;
    left:515px;
}
.mainBuildList .buildtime {
    position:absolute;
    top:73px;
    left:20px;
}
.mainBuildList .button {
    position:absolute;
    top:70px;
    left:623px;
    width:182px;
    text-align:center;
}

.mainBuildList .notResearched  {
    position:absolute;
    top:34px;
    left:623px;
    color:#000;
    width:120px;
    width:180px;
    text-align:center;

}
.mainBuildList .quantity {
    position:absolute;
    top:31px;
    left:630px;
}

/*  Rasteransicht */

.mainBuildModern .box {
    background-image:url(img/modern/card_build.png);
    float:left;
    margin:0px;
    padding:0px;
    width:204px;
    height:213px;
    position:relative;
}


#build_barracks_research .mainBuildModern .box {
    background-image: url(img/modern/card_research.png);
    height:182px;
}

#build_barracks_research .mainBuildModern .boxDone {
    background-image: url(img/modern/card_research_closed.png);
    float:left;
    margin:0px;
    padding:0px;
    width:204px;
    height:64px;
    position:relative;
}


#build_barracks_recruit .mainBuildModern .box {
    background-image: url(img/modern/card_recruit.png);
    height:244px;
}

.mainBuildModern .boxDone {
    background-image:url(img/modern/card_build_complete.png);
    float:left;
    margin:0px;
    padding:0px;
    width:204px;
    height:64px;
    position:relative;
}

.mainBuildModern .background {
    position:absolute;
    top:0px;
    left:0px;
}

.mainBuildModern .image {
    position:absolute;
    top:10px;
    left:9px;
}

.mainBuildModern .name {
    position:absolute;
    top:17px;
    left:75px;
}

#build_barracks_recruit .mainBuildModern  .descriptionShort,
.mainBuildModern .description {
    display:none;
}

.mainBuildModern .descriptionShort {
    position:absolute;
    top:18px;
    left:214px;
    width:380px;
    height:30px;
    overflow:hidden;
}

.mainBuildModern .needs {
    position:absolute;
    top:63px;
    left:15px;
}

.mainBuildModern .res1 {
    position:absolute;
    top:90px;
    left:112px;
}
.mainBuildModern .res2 {
    position:absolute;
    top:90px;
    left:17px;
}
.mainBuildModern .res3 {
    position:absolute;
    top:120px;
    left:17px;
}

#build_barracks_research .mainBuildModern .res1 {
    position:absolute;
    top:90px;
    left:73px;
    padding-left:18px;
}
#build_barracks_research .mainBuildModern .res2 {
    position:absolute;
    top:90px;
    left:15px;
    padding-left:18px;
}
#build_barracks_research .mainBuildModern .res3 {
    position:absolute;
    top:90px;
    left:134px;
    padding-left:18px;
}

.mainBuildModern .workers {
    position:absolute;
    top:120px;
    left:112px;
}
.mainBuildModern .buildtime {
    position:absolute;
    top:151px;
    left:15px;
}
#build_barracks_research .mainBuildModern .buildtime {
    top:120px;
}

.mainBuildModern .button {
    position:absolute;
    top:180px;
    left:9px;
    width:185px;
    text-align:center;
}
#build_barracks_recruit .mainBuildModern .button {
    position:absolute;
    top:211px;
    left:9px;
    width:185px;
    text-align:center;
}

#build_barracks_research .mainBuildModern .button {
    top:149px;
}

.mainBuildModern .notResearched  {
    position:absolute;
    top:180px;
    left:9px;
    width:185px;
    text-align:center;
    display: none;
}
.mainBuildModern .quantity {
    position:absolute;
    top:31px;
    left:630px;
}

#build_barracks_recruit .mainBuildModern  .quantity {
    position:absolute;
    top:180px;
    left:15px;
}

/*
* build_barracks command
*/

.barracksCommand .box {
    float:left;
    margin:0px;
    padding:0px;
    width:204px;
    height:91px;
    position:relative;
}
.barracksCommand .background {
    position:absolute;
    top:0px;
    left:0px;
}

.barracksCommand .button.background {
    position:absolute;
    top:0px;
    left:0px;
}

.barracksCommand .image {
    position:absolute;
    top:10px;
    left:12px;
}

.barracksCommand .name {
    position:absolute;
    top:16px;
    left:75px;
}

.barracksCommand .quantity {
    position:absolute;
    top:58px;
    left:15px;
}


.barracksCommand .boxOptions {
    float:left;
    margin:0px;
    padding:0px;
    width:204px;
    height:170px;
    position:relative;
}

.barracksCommand .options {
    position:absolute;
    top:14px;
    left:25px;
}

.barracksCommand .sendX {
    position:absolute;
    top:59px;
    left:25px;
}

.barracksCommand .sendY {
    position:absolute;
    top:89px;
    left:25px;
}

.barracksCommand .button.attack {
    position:absolute;
    top:61px;
    left:102px;
    width:134px;
    text-align:center;
}


.barracksCommand .button.espy {
    position:absolute;
    top:90px;
    left:102px;
    width:134px;
    text-align:center;
}

.barracksCommand .button.support {
    position:absolute;
    top:120px;
    left:102px;
    width:134px;
    text-align:center;
}

.barracksCommand .button.favourites {
    position:absolute;
    top:61px;
    left:258px;
    width:134px;
    text-align:center;
}

.barracksCommand .button.trend {
    position:absolute;
    top:90px;
    left:258px;
    width:134px;
    text-align:center;
}

.barracksCommand .button.villages {
    position:absolute;
    top:120px;
    left:258px;
    width:134px;
    text-align:center;
}

.barracksCommand .button.discharge {
    position:absolute;
    top:61px;
    left:409px; /*414px;*/
    width:134px;
    text-align:center;
}

/*
* Destroy
*/

.destroyList {
    margin-left:-5px;
    margin-right:-5px;
}

.destroyList .box {
    background-image:url(img/modern/card_build_destroy2.png);
    float:left;
    margin:0px;
    padding:0px;
    width:829px;
    height:65px;
    position:relative;
}

.destroyList .image {
    position:absolute;
    top:10px;
    left:9px;
}

.destroyList .name {
    position:absolute;
    top:17px;
    left:75px;
}

.destroyList .time {
    position:absolute;
    top:34px;
    left:220px;
}
.destroyList .button {
    position:absolute;
    top:32px;
    left:623px;
    width:182px;
    text-align:center;
}

/* Rasteransicht */

.destroyModern {
    margin-left:-5px;
    margin-right:-5px;
}

.destroyModern .box {
    background-image:url(img/modern/card_build_destroy.png);
    float:left;
    margin:0px;
    padding:0px;
    width:204px;
    height:139px;
    position:relative;
}

.destroyModern .image {
    position:absolute;
    top:10px;
    left:9px;
}

.destroyModern .name {
    position:absolute;
    top:17px;
    left:75px;
}

.destroyModern .time {
    position:absolute;
    top:77px;
    left:15px;
}
.destroyModern .button {
    position:absolute;
    top:107px;
    left:9px;
    width:185px;
    text-align:center;
}


/*
    GarageList // Alchemist
*/

#build_garage .boxTodo {
    float:left;
    margin:0px;
    padding:0px;
    width:820px;
    height:217px;
    position:relative;
}
#build_garage .boxTodo .background {
    position:absolute;
    top:0px;
    left:0px;
}
#build_garage .boxTodo .image {
    position:absolute;
    top:10px;
    left:9px;
}
#build_garage .boxTodo .name {
    position:absolute;
    top:15px;
    left:75px;
    width:110px;
}
#build_garage .boxTodo .requires {
    position:absolute;
    top:65px;
    left:15px;
}

#build_garage .boxTodo .res1 {
    position:absolute;
    top:93px;
    left:20px;
    padding-left:55px;
}
#build_garage .boxTodo .res2 {
    position:absolute;
    top:123px;
    left:20px;
    padding-left:55px;
}
#build_garage .boxTodo .res3 {
    position:absolute;
    top:153px;
    left:20px;
    padding-left:55px;
}

#build_garage .boxTodo .description {
    position:absolute;
    top:25px;
    left:215px;
    width:580px;
}
#build_garage .boxTodo .button {
    position:absolute;
    top:181px;
    left:9px;
    width:185px;
    text-align:center;
}


#build_garage .boxDone {
    float:left;
    margin:0px;
    padding:0px;
    width:820px;
    height:93px;
    position:relative;
}
#build_garage .boxDone background {
    position:absolute;
    top:0px;
    left:0px;
}
#build_garage .boxDone .image {
    position:absolute;
    top:10px;
    left:9px;
}
#build_garage .boxDone .name {
    position:absolute;
    top:15px;
    left:75px;
    width:110px;
}
#build_garage .boxDone .status {
    position:absolute;
    top:65px;
    left:15px;
}
#build_garage .boxDone .description {
    position:absolute;
    top:25px;
    left:215px;
    width:580px;
}


/*
    Goldschmiede
*/

#build_smith_coinone .mainBuildModern .res1Icon,
#build_smith .mainBuildModern .res1Icon {
    position:absolute;
    top:120px;
    left:17px;
}
#build_smith_coinone .mainBuildModern .res2Icon,
#build_smith .mainBuildModern .res2Icon {
    position:absolute;
    top:90px;
    left:17px;
}
#build_smith_coinone .mainBuildModern .res3Icon,
#build_smith .mainBuildModern .res3Icon {
    position:absolute;
    top:151px;
    left:17px;
}

#build_smith_coinone .mainBuildModern .res1Input,
#build_smith .mainBuildModern .res1Input {
    position:absolute;
    top:118px;
    left:40px;
}
#build_smith_coinone .mainBuildModern .res2Input,
#build_smith .mainBuildModern .res2Input {
    position:absolute;
    top:88px;
    left:40px;
}
#build_smith_coinone .mainBuildModern .res3Input,
#build_smith .mainBuildModern .res3Input {
    position:absolute;
    top:149px;
    left:40px;
}

#build_smith_coinone .mainBuildModern .res1Default,
#build_smith .mainBuildModern .res1Default {
    position:absolute;
    top:120px;
    left:105px;
    width:88px;
    text-align:center;
}
#build_smith_coinone .mainBuildModern .res2Default,
#build_smith .mainBuildModern .res2Default {
    position:absolute;
    top:90px;
    left:105px;
    width:88px;
    text-align:center;
}
#build_smith_coinone .mainBuildModern .res3Default,
#build_smith .mainBuildModern .res3Default {
    position:absolute;
    top:151px;
    left:105px;
    width:88px;
    text-align:center;
}

#build_smith_coinone .mainBuildModern .button,
#build_smith .mainBuildModern .button {
    top:182px;
}


/*
    Residenz
*/

#build_snob .mainBuildModern .box {
    background-image:url(img/modern/card_recruit.png);
    height:244px;
}

#build_snob .workers {
    background-image:url(img/worker.png);
    background-repeat:no-repeat;
    margin-left:-23px;
    padding-left:23px;
}

#build_snob .quantity {
    position:absolute;
    top:180px;
    left:15px;
}
#build_snob .button {
    position:absolute;
    top:211px;
    left:9px;
    width:185px;
    text-align:center;
}

/*
*/

input  {
    border:1px solid #c4a76e;
    background-color:#f6dba4;
    margin-bottom:1px;
    margin-top:1px;
}
input[type=submit] {
    border:1px solid #c4a76e;
    background-color:#d6b371;
}
input[type=submit]:hover {
    border:1px solid #b89251;
    background-color:#b48f52;
}
input[type=button] {
    border:1px solid #c4a76e;
    background-color:#d6b371;
}
input[type=button]:hover {
    border:1px solid #b89251;
    background-color:#b48f52;
}

#container_group_drop_down {
    position:relative;
    z-index:800;
    width:840px;
    left:0px;
    height:1px;
    margin-bottom:-1px;
}
#group_drop_down {
    position:absolute;
    z-index:900;
    top:-11px;
    left:210px;
}

#container_village_drop_down {
    position:relative;
    z-index:800;
    width:840px;
    left:0px;
    height:1px;
    margin-bottom:-1px;
}

#village_drop_down {
    position:absolute;
    z-index:800;
    top:-11px;
    left:10px;
/*    width:376px; */
    height:300px;
    overflow:auto;
}

#tut_popup_content_minimized {
    position:relative;
    z-index:1000;
    top:-40px;
    left:350px;
}

#image_description_role_small {
    position:absolute;
    top:0px;
    right:0px;
    z-index:101
}

#image_description_role {
    position:absolute;
    top:10px;
    right:30px;
    z-index:101;
}
#image_description_role_help {
    position:absolute;
    top:10px;
    right:60px;
    z-index:101;
}


/*
    Premium seiten
*/
#premiumList {
    width:600px;
}

#premiumList ul {
    background:transparent url(img/layout/bg_table_cell.jpg) repeat;
    border:1px solid #CFAB65;
    border-top:0;
    float:left;
    margin:0;
    padding:0;
    width:600px;
}

#premiumList ul li {
    float:left;
    list-style:none;
    padding:0 0 10px 0;
}

#premiumList ul li.headline {
    background:url(img/layout/bg_table_head.png);
    border-top:1px solid #CFAB65;
    border-bottom:1px solid #CFAB65;
    font-weight:bold;
    height:30px;
    line-height:30px;
    margin:0;
    padding:0;
    width:600px;
}

#premiumList ul li.headline span {margin-left:15px;}

.thumb_img {
    float:left;
    padding:10px 0 5px 0;
    margin:0 0 0 15px;
    width:150px;
}

#premiumList .thumb_img img {
    border:1px solid #840000;
    cursor:pointer;
}

#premiumList .short_desc {
    float:left;
    height:42px;
    padding:10px 0 10px 15px;
    width:400px;
}

#premiumList .show_more {
    background:url(img/arrow_down_raquo.png) no-repeat 3px 7px;
    border:1px solid #840000;
    cursor:pointer;
    float:right;
    line-height:20px;
    margin:5px 10px 0 20px;
    -moz-border-radius: 3px;
    padding:2px 8px 2px 15px;
    text-align:right;
    -webkit-border-radius: 5px;

}

#premiumList .long_desc {
/*  background:#ffe9ca; */
    display:none;
    float:left;
    margin:0 0 0 5px;
}

#premiumList .long_desc p {
    border:1px solid #CFAB65;
    margin:8px 20px 20px 20px;
    -moz-border-radius: 3px;
    padding:10px;
    -webkit-border-radius: 5px;
    width:520px;
}

#premiumList #order_now {margin:10px 0 0 0;}

/* the overlayed element */
#premiumList .simple_overlay {
    /* must be initially hidden */
    display:none;
    /* place overlay on top of other elements */
    z-index:10000;
    /* styling */
    border:4px solid #840000;
    min-height:200px;
}
#premiumList .simple_overlay .close {
    background-image:url(img/premium/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:30px;
    width:30px;
}

p.current_account {
    margin:10px 0 10px 10px;
    padding:0;
}

#premiumList .borderlist.new {margin:10px 0;}

#premiumList .borderlist.new td, .borderlist.new th {padding:5px;}

/*
    Lytebox
*/

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
    #lbOverlay.grey { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
    #lbOuterContainer.grey { border: 3px solid #333; }

#lbDetailsContainer {   font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
    #lbDetailsContainer.grey { border: 3px solid #333; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
    position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(img/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(img/blank.gif) no-repeat; display: block; left: 0; float: left; }
    #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(img/premium/prev_grey.gif) left 15% no-repeat; }

#lbNext { width: 49%; height: 100%; background: transparent url(img/blank.gif) no-repeat; display: block; right: 0; float: right; }
    #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(img/premium/next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
    #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }

#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
    #lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }

#lbDetailsData { padding: 0 10px; }
    #lbDetailsData.grey { color: #333333; }

#lbDetails { width: 80%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
    #lbClose.grey { background: url(img/premium/close_grey.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
    #lbPlay.grey { background: url(img/premium/play_grey.png) no-repeat; }

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
    #lbPause.grey { background: url(img/premium/pause_grey.png) no-repeat; }




/* the overlayed element */
.simple_overlay {
    /* must be initially hidden */
    display:none;
    /* place overlay on top of other elements */
    z-index:10000;
    /* styling */
    border:2px solid #840000;
    min-height:200px;
}
.simple_overlay .close {
    background-image:url(img/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:30px;
    width:30px;
}


.borderlist.new {margin:10px 0;}

.borderlist.new td, .borderlist.new th {padding:5px;}



/*

*/

.forumpost .title {
    width:30px;
    height:30px;
    float:left;
}
.forumpost .link {
    float:left;
}

.forum .head {
    float:left;
}

/*
     Tutorial
*/

#tut_popup_content .tut_header {
    width:290px;
    margin-top:15px;
    margin-left:30px;
    text-align:left;
}
#tut_popup_content .tut_content {
    overflow:auto;
    width:290px;
    height:225px;
    margin:5px 30px 0 30px;
}
#tut_popup_content #tut_bottom {
    width:290px;
    padding:5px;
    margin-left:30px;
}


/*
    Messages
*/
#messages_all .subject,
#messages_show .subject,
#messages_in .subject {
    position:absolute;
    top:16px;
    left:145px;
}

#messages_all .time,
#messages_all .from,
#messages_show .from,
#messages_in .time,
#messages_in .from {
    position:absolute;
    top:47px;
    left:145px;
}

#messages_all .inbox,
#messages_show .inbox,
#messages_in .inbox {
    position:absolute;
    top:64px;
    left:145px;
}

span.ressource {
    float: right;
    padding-left: 20px;
}

tr.new td {
    background: url("img/layout/bg_table_cell_marked.jpg") repeat scroll 0 0 transparent;
}

/**
 * Techtree
 *
 * @author Ben Scholzen
 */
#techtree {
    position: relative;
    width: 820px;
}

#techtree div.techtreePath {
    z-index: 1200;
    position: absolute;
}

#techtree div.buildingBox {
    z-index: 1000;
    position: absolute;

    width: 140px;
    overflow: hidden;

    border: 1px solid #a78749;
    background-image: url(img/layout/bg_table_cell.jpg);

    -moz-box-shadow: 0 0 5px 2px #d6b473;
    -webkit-box-shadow: 0 0 5px 2px #d6b473;
    box-shadow: 0 0 5px 2px #d6b473;
}

#techtree div.buildingBox.inactive {
    border: 1px solid #888888;
    background-image: url(img/layout/gray_bg_table_cell.jpg);
}

#techtree div.buildingBox div.buildingBoxHeading {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    padding: 6px 2px;

    text-align: center;
    background-image: url(img/layout/bg_table_head.png);
    border-top: 1px solid #CFAB65;
}

#techtree div.buildingBox div.buildingBoxHeading a {
    font-weight: bold;
}

#techtree div.buildingBox.inactive div.buildingBoxHeading {
    color: #888888;
    background-image: url(img/layout/gray_bg_table_head.png);
    border-top: 1px solid #888888;
}

#techtree div.buildingBox.inactive div.buildingBoxHeading a {
    color: #888888;
}

#techtree div.buildingBox div.buildingBoxLevel {
    padding: 2px;

    color: #000000;
    text-align: center;
    border-top: 1px solid #CFAB65;
    background-image: url(img/layout/bg_table_cell.jpg);
}

#techtree div.buildingBox div.buildingBoxLevel.inactive {
    color: #888888;
    border-top: 1px solid #888888;
    background-image: url(img/layout/gray_bg_table_cell.jpg);
}

/**
 * Awesome button
 *
 * @author Ben Scholzen, Florian Mycka
 */
.awesome-button {
    display: inline-block;
    padding: 2px 6px;
    vertical-align: middle;

    color: #fbd77d;
    text-decoration: none;

    border: 1px solid #fcd87e;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 0 0 0 1px #2a1410;
    -moz-box-shadow: 0 0 0 1px #2a1410;
    -webkit-box-shadow: 0 0 0 1px #2a1410;

    background: #390301;
    background: -moz-linear-gradient(top, #4f0000, #220502);
    background: -webkit-gradient(linear, left top, left bottom, from(#4f0000), to(#220502));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#4f0000', EndColorStr='#220502', GradientType=0);

    cursor: pointer;
}

.newPromotion {
    color: white;
    background: -moz-linear-gradient(center top , #B90002, #860200) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#B90002), to(#860200));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#B90002', EndColorStr='#860200', GradientType=0);

    position: relative;
    margin-top: -39px;
    margin-left: -30px;
    left: 10px;

    -moz-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    -o-transform:rotate(15deg);
    transform:rotate(15deg);
}

.specialOffer {
    color: white;
    background: -moz-linear-gradient(center top , #B90002, #860200) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#B90002), to(#860200));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#B90002', EndColorStr='#860200', GradientType=0);

    position: relative;
    margin-left: 111px;
/*    left: 95px;*/

    -moz-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    -o-transform:rotate(15deg);
    transform:rotate(15deg);
}

.awesome-button:active,
.awesome-button:link,
.awesome-button:visited,
.awesome-button:hover {
    cursor: pointer;
    color: #fbd77d;
    text-decoration: none;
}

.awesome-button:hover {
    background: #390301;
    background: -moz-linear-gradient(top, #AA5100, #A02C00);
    background: -webkit-gradient(linear, left top, left bottom, from(#AA5100), to(#A02C00));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#AA5100', EndColorStr='#A02C00', GradientType=0);
}

.awesome-button.disabled {
    color: #bcbcbc;
    border-color: #bdbdbd;

    box-shadow: 0 0 0 1px #1d1d1d;
    -moz-box-shadow: 0 0 0 1px #1d1d1d;
    -webkit-box-shadow: 0 0 0 1px #1d1d1d;

    background: #222222;
    background: -moz-linear-gradient(top, #272727, #121212);
    background: -webkit-gradient(linar, left top, left bottom, from(#272727), to(#121212));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#272727', EndColorStr='#121212', GradientType=0);
}

.awesome-button.disabled:active,
.awesome-button.disabled:link,
.awesome-button.disabled:visited,
.awesome-button.disabled:hover {
    cursor: default;
    color: #bcbcbc;
}

.menu {
    text-transform: uppercase;
    /* padding: 5px 25px; */
    padding: 0.5em 2em;
    margin-right: 2em;
    text-align: center;
}

.menu.active {
    background: #390301;
    background: -moz-linear-gradient(top, #E4041A, #983637);
    background: -webkit-gradient(linear, left top, left bottom, from(#E4041A), to(#983637));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#E4041A', EndColorStr='#983637', GradientType=0);
}

.first-letter-size:first-letter {
    font-size: 150%;
}

/**
 * Fix for Firefox's :first-letter bug - do not remove empty class - js won't work without it!
 */
.buttonNavigation .menu:first-letter {
}

/**
 * Premium button and stuff around it
 *
 * @author Ben Scholzen
 */
.progressbar-container {
    float: left;
    padding: 5px 6px 0 0;
}

.premium-button {
    padding: 0 3px;
    margin: 2px 0;
}

/**
 * Premium hint overlay
 *
 * @author Florian Mycka
 */
.hint-container {
     z-index: 10000;
     position: absolute;
     left: 50%;
     top: 0;

     margin-left: -132px;
     margin-top: 95px;

     width: 263px;
     overflow: hidden;
}

.hint-top {
     z-index: 2;
     position: absolute;
     left: 0;
     top: 0;

     width: 263px;
     height: 34px;
     overflow: hidden;

     background: url(img/premium/frames/details-top.png) top left no-repeat;
     _background: none;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/premium/frames/details-top.png',sizingMethod='crop');
}

.hint-bottom {
     z-index: 1;
     position: absolute;
     left: 0;
     bottom: 0;

     width: 263px;
     height: 40px;
     overflow: hidden;

     background: url(img/premium/frames/details-bottom.png) bottom left no-repeat;
     _background: none;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/premium/frames/details-bottom.png',sizingMethod='crop');
}

.hint-middle {
     z-index: 1;
     position: absolute;
     left: 0;
     top: 34px;

     width: 263px;
     overflow: hidden;

     background: url(img/premium/frames/details-middle.png) top left repeat-y;
     _background: none;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/premium/frames/details-middle.png',sizingMethod='scale');
}

.hint-content {
     z-index: 2;
     position: absolute;
     left: 20px;
     top: 20px;

     width: 220px;
     overflow: hidden;

     padding: 3px 1px;

     text-align: left;
     line-height: 15px;

     font-size: 0.8em;
}

.hint-content div span + span {
    font-weight: bold;
}

.ie .hint-content {
     width: 824px;
}

#extendedDescriptionContainer{
    line-height: 150%;
}

.hint-content #itemDetails,
.hint-content .itemList,
.hint-content #extendedDescriptionContainer {
    margin-top: 0;
}

.overlay-content #extendedDescriptionContainer{
    font-size: 0.8em;
}

.premiumHint {
    display: inline-block;
    width: 190px;
    vertical-align: top;
}

.close {
    position: absolute;
    background: url(img/layout/role_ico_close.png) no-repeat;
    width: 29px;
    height: 39px;
    z-index: 2;
}

.hint-container .close {
    top: 2px;
    right: 2px;
}

.overlay-container .close {
    top: 10px;
    right: 27px;
}

/**
 * Premium overlay
 *
 * @author Ben Scholzen
 */
.overlay-container {
     z-index: 10000;
     position: absolute;
     left: 50%;
     top: 0;

     margin-left: -448px;

     width: 896px;
     overflow: hidden;
}

.overlay-top {
     z-index: 1;
     position: absolute;
     left: 0;
     top: 0;

     width: 896px;
     height: 69px;
     overflow: hidden;

     background: url(img/overlay/top.png) no-repeat;
     _background: none;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/overlay/top.png',sizingMethod='crop');
}

.overlay-bottom {
     z-index: 1;
     position: absolute;
     left: 0;
     bottom: 0;

     width: 896px;
     height: 73px;
     overflow: hidden;

     background: url(img/overlay/bottom.png) no-repeat;
     _background: none;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/overlay/bottom.png',sizingMethod='crop');
}

.overlay-middle {
     z-index: 1;
     position: absolute;
     left: 0;
     top: 69px;

     width: 896px;
     overflow: hidden;

     background: url(img/overlay/middle.png) repeat-y;
     _background: none;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/overlay/middle.png',sizingMethod='scale');
}

.overlay-content {
     z-index: 2;
     position: absolute;
     left: 35px;
     top: 38px;

     width: 822px;
     overflow: hidden;

     padding: 3px 1px;

     text-align: left;
     line-height: 15px;
}

.ie .overlay-content {
     width: 824px;
}

.overlay-content #itemDetails,
.overlay-content .itemList,
.overlay-content #extendedDescriptionContainer {
    margin-top: 0;
}

/**
 * Buff list
 *
 * @author Ben Scholzen
 */
.buff {
    width: 37px;
    height: 37px;
    overflow: hidden;

    float: left;
    margin-right: 4px;
}

.ie .buff {
    width: 37px;
    height: 37px;
}

#globalBuffs {
    position: absolute;
    top: -102px;
    left: 51px;
    width: 272px;
    height: 37px;
    overflow: hidden;
}

#localBuffs {
    position: absolute;
    top: -102px;
    left: 532px;
    width: 272px;
    height: 37px;
    overflow: hidden;
}

.buff-container {
    position: relative;
    z-index: 2;
}

/**
 * Tab list
 *
 * @author Ben Scholzen
 */
.tabList {
    width: 823px;
    height: 33px;
    overflow: hidden;

    margin: 0;
    padding: 0;

    list-style-type: none;
    background: url(img/tabs/menue_back.png) top left no-repeat;
}

.tabList li {
    float: left;
    height: 33px;
    overflow: hidden;
}

.tabList li a {
    float: left;
    height: 33px;
    overflow: hidden;
    cursor: pointer;
}

.tabList li a span.left {
    float: left;
    width: 10px;
    height: 33px;
    overflow: hidden;

    background: url(img/tabs/menue_n_left.png) top left no-repeat;
}

.tabList li a span.center {
    float: left;
    height: 25px;
    overflow: hidden;

    padding-top: 8px;

    background: url(img/tabs/menue_n_back.png) top left repeat-x;
}

.ie .tabList li a span.center {
    height: 33px;
}

.tabList li a span.right {
    float: left;
    width: 10px;
    height: 33px;
    overflow: hidden;

    background: url(img/tabs/menue_n_right.png) top left no-repeat;
}

.tabList li a.active span.left {
    background-image: url(img/tabs/menue_s_left.png);
}

.tabList li a.active span.center {
    background-image: url(img/tabs/menue_s_back.png);
}

.tabList li a.active span.right {
    background-image: url(img/tabs/menue_s_right.png);
}

/**
 * Premium shop
 *
 * @author Ben Scholzen
 */
#itemDetails {
    float: left;
    width: 263px;

    margin-top: 15px;
}

#itemDetails div.top {
    width: 263px;
    height: 34px;
    overflow: hidden;

    background: url(img/premium/frames/details-top.png) top left no-repeat;
}

#itemDetails div.bottom {
    width: 263px;
    height: 40px;
    overflow: hidden;

    background: url(img/premium/frames/details-bottom.png) bottom left no-repeat;
}

#itemDetails div.middle {
    width: 263px;

    background: url(img/premium/frames/details-middle.png) top left repeat-y;
}

#itemDetails div.content {
    position: relative;
    top: -14px;

    width: 213px;
    overflow: hidden;

    padding: 0 26px 5px 24px;
    font-size: 12px;
}

.ie #itemDetails div.content {
    width: 210px;
}

#itemDetails div.title {
    width: 205px;
    height: 35px;
    overflow: hidden;

    padding: 4px;

    font-weight: bold;
    text-align: center;
    background: url(img/premium/frames/details-title-box.png) top left no-repeat;
}

.ie #itemDetails div.title {
    width: 213px;
    height: 43px;
}

#itemDetails img {
    float: left;
}

#itemDetails div.data {
    float: right;

    width: 72px;
    height: 19px;
    overflow: hidden;

    margin-top: 6px;
    padding: 3px 3px 0 3px;

    background: url(img/premium/frames/details-data-box.png) top left no-repeat;
}

.ie #itemDetails div.data {
    width: 78px;
    height: 22px;
}

#itemDetails div.data div {
    width: 53px;
    height: 14px;
    overflow: hidden;

    padding: 2px 19px 0 0;

    text-align: right;
    font-size: 11px;
    line-height: 13px;

    background-position: top right;
    background-repeat: no-repeat;
}

.ie #itemDetails div.data div {
    width: 53px;
    height: 14px;
}

#itemDetails div.price div {
    background-image: url(img/premium/premium-crown-icon.png);
}

#itemDetails div.inventory div {
    background-image: url(img/premium/inventory-icon.png);
}

#itemDetails div.duration div {
    background-image: url(img/premium/clock-icon.png);
}

#itemDetails div.cooldown div {
    background-image: url(img/premium/cooldown-icon.png);
}

#itemDetails div.description {
    clear: both;

    padding: 2px 0;
}

#itemDetails a.extendedDescription {
    display: block;

    height: 29px;

    margin: 2px 0;
    padding: 8px 0 0 30px;

    background: url(img/premium/extended-description.png) no-repeat top left;
}

.ie #itemDetails a.extendedDescription {
    height: 37px;
}

#itemDetails a.awesome-button {
    margin: 5px 10px 0 0;
}

#extendedDescriptionContainer {
    float: left;
    width: 542px;

    margin: 15px 0 0 8px;
    padding: 0 0 0 7px;
}

.ie #extendedDescriptionContainer {
    float: none;
    width: 549px;
}

#extendedDescriptionContainer div {
    margin-bottom: 10px;
}

#extendedDescriptionContainer a {
    display: inline-block;

    height: 29px;

    margin: 2px 0;
    padding: 8px 0 0 30px;

    background: url(img/layout/role_ico_close.png) no-repeat top left;
}

.ie #extendedDescriptionContainer a {
    height: 37px;
}

.itemList {
    float: left;
    width: 549px;

    margin: 15px 0 0 8px;
    padding: 0;

    list-style-type: none;
}

.itemList li {
    position: relative;
    float: left;

    display: block;
    width: 176px;
    height: 113px;

    margin: 0 0 7px 7px;

    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
}

.ie .itemList li {
    margin-left: 5px;
}

.itemList li.active {
    background-position: -176px 0;
}

.itemList li.rarity-common {
    background-image: url(../img/premium/frames/bronze.png);
}

.itemList li.rarity-uncommon {
    background-image: url(../img/premium/frames/silver.png);
}

.itemList li.rarity-rare {
    background-image: url(../img/premium/frames/gold.png);
}

.itemList li img {
    position: absolute;
    left: 8px;
    top: 49px;
}

.itemList li div.title {
    position: absolute;
    left: 13px;
    top: 13px;

    width: 145px;
    height: 27px;
    overflow: hidden;

    text-align: center;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
}

.itemList li div.price {
    position: absolute;
    left: 90px;
    top: 52px;

    width: 51px;
    height: 14px;
    overflow: hidden;

    padding: 2px 19px 0 0;

    text-align: right;
    font-size: 11px;
    line-height: 13px;

    background: url(img/premium/premium-crown-icon.png) top right no-repeat;
}

.ie .itemList li div.price {
    width: 50px;
    height: 16px;
}

.itemList li div.inventory {
    position: absolute;
    left: 90px;
    top: 81px;

    width: 51px;
    height: 14px;
    overflow: hidden;

    padding: 2px 19px 0 0;

    text-align: right;
    font-size: 11px;
    line-height: 13px;

    background: url(img/premium/inventory-icon.png) top right no-repeat;
}

.ie .itemList li div.inventory {
    width: 50px;
    height: 16px;
}

#history .itemList {
    width: 750px;
    margin: 15px 35px;
}

#history .itemList li{
    cursor: default;
}

#history li div.price, #history li div.inventory {
    background: none;
}

/**
 * Village points separated in buildings and troops and sum
 */
.villagePoints {
    display: inline-block;
    text-align: right;
    min-width: 50px;
}



div#popup {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
}

div#popup div#popup-top {
    width: 896px;
    height: 69px;
    overflow: hidden;
    margin: 0 auto;

    background: url(img/overlay/top.png) no-repeat;
    _background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/overlay/top.png',sizingMethod='crop');
}

div#popup div#popup-middle {
    width: 896px;
    margin: 0 auto;
    position: relative;
    background: url(img/overlay/middle.png) repeat-y;
/*    _background: none;*/
/*    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/overlay/middle.png',sizingMethod='scale');*/
}

div#popup div#popup-bottom {
    width: 896px;
    height: 73px;
    overflow: hidden;
    margin: 0 auto;

    background: url(img/overlay/bottom.png) no-repeat;
    _background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/overlay/bottom.png',sizingMethod='crop');
}

div#popup img.popup-image1 {
    display: inline-block;
    z-index: 1;
    position: relative;
    cursor: pointer;
}

div#popup span.popup-image2 {
    background: url(img/premium/red_button.png) no-repeat;
    _background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/premium/red_button.png',sizingMethod='crop');
    opacity: 0.85;
    filter:alpha(opacity=85); /* For IE8 and earlier */

    display: inline-block;
    width: 85px;
    height: 90px;

    right: -50px;
    top: -40px;
    z-index: 2;
    position: absolute;

    cursor: pointer;
}

div#popup span.popup-image2 span {
    -moz-transform: rotate(-10deg);
    -webkit-transform:rotate(-10deg);
    -o-transform:rotate(-10deg);
    transform:rotate(-10deg);
    color: white;
    font-style: italic;
    font-weight: bolder;
    height: 45px;
    left: 10px;
    line-height: 1;
    position: absolute;
    top: 25px;
    width: 63px;
}

div#popup-middle div {
    margin: 0 60px 10px 60px;
}

div#popup-middle div.popup-images {
    position: relative;
    height: auto;
    width: auto;
    display: inline-block;
}

.popup-timer {
/*    background-image: url("img/premium/banner.png");*/
/*    background-repeat: no-repeat;
    background-size: 90% 103%;*/
    height: 110px;
    position: absolute;
    right: 500px;
    top: -4px;
    width: 300px;
    z-index: 1;
}

.popup-timer img {
    position: absolute;
    height: 113px;
    width: 270px;
}

.popup-timer span {
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 33px;
    left: 95px;
    position: absolute;
    top: 22px;
    width: 139px;
}

.popup-timer.wonder span {
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 33px;
    left: 50px;
    position: absolute;
    top: 22px;
    width: 180px;
}

.popup-timer span.countdown {
    color: white;
    font-size: 13px;
    font-weight: bold;
    height: 16px;
    left: 95px;
    position: absolute;
    top: 55px;
    width: 140px;
    text-align: center;
}

.popup-timer.wonder span.countdown {
    color: white;
    font-size: 13px;
    font-weight: bold;
    height: 16px;
    left: 50px;
    position: absolute;
    text-align: center;
    top: 55px;
    width: 180px;
}

.popup-timer a {
    background: url("img/layout/sc_crown.png") no-repeat scroll left center transparent;
    font-weight: bold;
    left: 95px;
    padding-left: 21px;
    position: absolute;
    top: 78px;
}

.popup-timer.wonder a {
    background-image: none;
    font-weight: bold;
    left: 50px;
    padding-left: 0;
    position: absolute;
    text-align: center;
    top: 78px;
    width: 180px;
}

.popup-timer .popup-image2 {
    background-image: url("img/premium/red_button.png");
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/premium/red_button.png',sizingMethod='crop');
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: 0 0;
    background-size: 73px 73px;
    height: 73px;
    left: 23px;
    top: 24px;
    width: 73px;
}

.popup-timer .popup-image2 span {
    -moz-transform: rotate(-19deg);
    -webkit-transform:rotate(-19deg);
    -o-transform:rotate(-19deg);
    transform:rotate(-19deg);
    color: white;
    font-size: 17px;
    font-style: italic;
    font-weight: bolder;
    height: 20px;
    left: 5px;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 50px;
}

.shortcut-element {
    display: inline-block;
    padding: 0 10px;
    position: absolute;
    top: 155px;
    width: 820px;
}

.shortcut_container {
    color: white;
    display: inline-block;
    float: left;
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 10px;
/*    margin: 0 10px;*/
    position: relative;
}

.shortcut_container a,
.shortcut_container a:link,
.shortcut_container a:visited,
.shortcut_container a:focus,
.shortcut_container a:hover,
.shortcut_container a:active
{
    color: white;
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 10px;
}

.shortcut_element {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    float: left;
}

.shortcut_element_left {
    background-image: url(img/layout/sc_left.png);
    background-repeat: no-repeat;
    width: 3px;
    min-width: 3px;
    height: 19px;
    display: block;
    float: left;
}

.shortcut_element_center {
    background-image: url(img/layout/sc_middle.png);
    background-repeat: repeat-x;
    height: 19px;
    display: block;
    float: left;
    padding-top: 1px;
}

.shortcut_element_center span {
    padding: 1px 5px 0 10px;
    line-height: 1.5;
    display: inline-block;
}

.shortcut_element_right {
    background-image: url(img/layout/sc_right.png);
    background-repeat: no-repeat;
    width: 3px;
    min-width: 3px;
    height: 19px;
    display: block;
    float: left;
}

.shortcut_element_marker {
    background-image: url(img/layout/sc_marker.png);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    padding-left: 10px;
}

.shortcut_container_premium a {
    color: #FDBB2D;
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 10px;
}

.shortcut_element_premium {
    display: inline;
}

.shortcut_element_left_premium {
    background-image: url(img/layout/sc_premium_left.png);
    background-repeat: no-repeat;
    width: 3px;
    min-width: 3px;
    height: 19px;
    display: block;
    float: left;
}

.shortcut_element_center_premium {
    background-image: url(img/layout/sc_premium_middle.png);
    background-repeat: repeat-x;
    height: 19px;
    display: block;
    float: left;
    padding-top: 1px;
}

.shortcut_element_center_premium span {
    padding: 1px 5px 0 20px;
    line-height: 1.5;
    display: inline-block;
}

.shortcut_element_right_premium {
    background-image: url(img/layout/sc_premium_right.png);
    background-repeat: no-repeat;
    width: 3px;
    min-width: 3px;
    height: 19px;
    display: block;
    float: left;
}

.shortcut_element_marker_premium {
    background-image: url(img/layout/sc_crown.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding-left: 18px;
}

.shortcut_element_post {
    background-image: url(img/ally_forum.png);
    background-repeat: no-repeat;
    height: 7px;
    width: 7px;
    min-height: 7px;
    min-width: 7px;
    display: inline-block;
}

.cardinalDirectionAbortButton {
    position: absolute;
    top: 425px;
    left: 500px;
    height: 32px;
    width: 138px;
    background-image: url('img/wooden_button.png');
    cursor: pointer;
}

.cardinalDirectionAbortButton a {
    position: relative;
    top: 8px;
    left: 20px;
    display: block;
    width: 116px;
    text-align: center;
    color:#DDCFAA;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#wheelOfFortuneBoxes{
    width: 770px;
    position: relative;
    margin: -50px 25px 0 25px;
}

#wheelOfFortune{
    width: 813px;
    height: 430px;
    background-image: url(img/wheel/wheel_of_fortune.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    position: relative;
    text-align: left;
    margin: 0 auto;
}
#wheelOfFortune ul{
    list-style-type: none;
    margin: 0; padding: 0;
    position: relative;
    width: 813px;
    height: 395px;
}

.wof-animation{
    position: absolute;
    width: 813px;
    height: 395px;
    background-position: bottom center;
    background-repeat: no-repeat;
    margin-left: -1px;
    margin-top: -1px;
}

.wof-anim-01{ background-image: url(img/wheel/wheel_animation-highlight_01.png); }
.wof-anim-02{ background-image: url(img/wheel/wheel_animation-highlight_02.png); }
.wof-anim-03{ background-image: url(img/wheel/wheel_animation-highlight_03.png); }
.wof-anim-04{ background-image: url(img/wheel/wheel_animation-highlight_04.png); }
.wof-anim-05{ background-image: url(img/wheel/wheel_animation-highlight_05.png); }
.wof-anim-06{ background-image: url(img/wheel/wheel_animation-highlight_06.png); }
.wof-anim-07{ background-image: url(img/wheel/wheel_animation-highlight_07.png); }
.wof-anim-08{ background-image: url(img/wheel/wheel_animation-highlight_08.png); }
.wof-anim-09{ background-image: url(img/wheel/wheel_animation-highlight_09.png); }
.wof-anim-10{ background-image: url(img/wheel/wheel_animation-highlight_10.png); }
.wof-anim-11{ background-image: url(img/wheel/wheel_animation-highlight_11.png); }
.wof-anim-12{ background-image: url(img/wheel/wheel_animation-highlight_12.png); }
.wof-anim-13{ background-image: url(img/wheel/wheel_animation-highlight_13.png); }
.wof-anim-14{ background-image: url(img/wheel/wheel_animation-highlight_14.png); }
.wof-anim-15{ background-image: url(img/wheel/wheel_animation-highlight_15.png); }
.wof-anim-16{ background-image: url(img/wheel/wheel_animation-highlight_16.png); }
.wof-anim-17{ background-image: url(img/wheel/wheel_animation-highlight_17.png); }
.wof-anim-18{ background-image: url(img/wheel/wheel_animation-highlight_18.png); }
.wof-anim-19{ background-image: url(img/wheel/wheel_animation-highlight_19.png); }
.wof-anim-20{ background-image: url(img/wheel/wheel_animation-highlight_20.png); }


#wheelOfFortune li{
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    display: none;
    width: 87px;
    height: 54px;
    background-image: url(img/wheel/plates-all.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#wheelOfFortune li.wof-common{
    background-position: 0px 0px;
}
#wheelOfFortune li.wof-common-highlight{
    background-position: -87px 0px;
}
#wheelOfFortune li.wof-uncommon{
    background-position: 0px -52px;
}
#wheelOfFortune li.wof-uncommon-highlight{
    background-position: -87px -52px;
}
#wheelOfFortune li.wof-rare{
    background-position: 0px -104px;
}
#wheelOfFortune li.wof-rare-highlight{
    background-position: -87px -104px;
}

/**
 * Um Überlagerung von weiter oben positionierten Items zu
 * vermeiden, wird die Darstellungsreihenfolge ab dem 11.
 * Element umgedreht.
 * Dies sollte bei der Bearbeitung des Glücksrads beachtet werden.
 */
#wheelOfFortune .wof-pos-01{left: 367px;top: 8px;}
#wheelOfFortune .wof-pos-02{left: 454px;top: 14px;}
#wheelOfFortune .wof-pos-03{left: 538px;top: 28px;}
#wheelOfFortune .wof-pos-04{left: 620px;top: 55px;}
#wheelOfFortune .wof-pos-05{left: 687px;top: 99px;}
#wheelOfFortune .wof-pos-06{left: 720px;top: 156px;}
#wheelOfFortune .wof-pos-07{left: 699px;top: 215px;}
#wheelOfFortune .wof-pos-08{left: 637px;top: 264px;}
#wheelOfFortune .wof-pos-09{left: 552px;top: 297px;}
#wheelOfFortune .wof-pos-10{left: 459px;top: 316px;}
#wheelOfFortune .wof-pos-11{left: 279px;top: 12px;}
#wheelOfFortune .wof-pos-12{left: 194px;top: 28px;}
#wheelOfFortune .wof-pos-13{left: 116px;top: 56px;}
#wheelOfFortune .wof-pos-14{left: 48px;top: 99px;}
#wheelOfFortune .wof-pos-15{left: 14px;top: 156px;}
#wheelOfFortune .wof-pos-16{left: 32px;top: 216px;}
#wheelOfFortune .wof-pos-17{left: 96px;top: 264px;}
#wheelOfFortune .wof-pos-18{left: 181px;top: 297px;}
#wheelOfFortune .wof-pos-19{left: 273px;top: 315px;}
#wheelOfFortune .wof-pos-20{left: 367px;top: 319px;}

.wof-plate-large{
    width: 151px;
    height: 92px;
    top: 165px;
    left: 339px;
    position: absolute;
    display: none;
    margin-top: -550px;
}

#wheelOfFortune-common{
    background-image: url(img/wheel/plate_common_large.png);
}
#wheelOfFortune-uncommon{
    background-image: url(img/wheel/plate_uncommon_large.png);
}
#wheelOfFortune-rare{
    background-image: url(img/wheel/plate_rare_large.png);
}

.wof-boxes {
    position: relative;
    width: 200px;
    padding: 5px;
    border: 1px solid #2A1410;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#rotateButton, #resetButton {
    height:auto;
    word-wrap: break-word;
}

.wof-box-inner{
    position: relative;
    background-image: url(/img/layout/bg_table_cell.png);
}

.wof-boxes .action {
    display: block !important;
    text-align: center;
    font-size: 13px;
    font-variant: small-caps;
    height: 20px;
    padding-top: 5px;
    font-weight: bold;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.wof-boxes-turn {
    float: left;
}

.wof-boxes-generate {
    float: right;
}

.wof-box-icon-holder{
    float: left;
    background: url("img/premium/frames/details-data-box-big.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
    margin-top: 3px;
    overflow: hidden;
    padding: 3px;
}

.wof-box-text-holder{
    margin-left: 85px;
    padding-top: 10px;
}

.wof-box-inventory{
    position: relative;
    background: url("img/premium/frames/details-data-box.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
    height: 19px;
    height: 22px\9;
    margin-top: 1px;
    overflow: hidden;
    padding: 3px;
}

.wof-box-inventory-icon{
    position: relative;
    float: left;
    background-image: url("img/premium/inventory-icon.png");
    background-position: 56px center;
    background-repeat: no-repeat;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    width: 53px;
    overflow: hidden;
    padding: 0 19px 0 0;
    text-align: right;
/*    width: 72px\9;*/
}

.wof-box-inventory a {
    position: relative;
    float: right;
    display: block;
    text-align: center;
    width: 100px;
    height: 18px;
    line-height: 18px;
    margin-left: 78px;
    margin-top: -18px;
    height: 22px\9;
    line-height: 19px\9;
    margin-top: -19px\9;
}

.wof-boxes a img {
    float: right;
    margin-top: 1px;
}

.history {
    border: red 1px solid;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 0 0 0 1px #2a1410;
    -moz-box-shadow: 0 0 0 1px #2a1410;
    -webkit-box-shadow: 0 0 0 1px #2a1410;
}

.text-toggler {
    color: #840000;
    cursor: pointer;
}

.gf-wheel-item{
    position: absolute;
/*    display: none;*/
    margin-top: -113px;
    margin-left: 5px;
}

.gf-wheel-debug-number{
    position: absolute;
    border: 1px solid black;
    padding: 2px;
    background-color: white;
}

.gf-layer{
    position: absolute;
    z-index: 999;
}

.gf-layer-top{
    overflow: hidden;
    background-repeat: no-repeat;

}

.gf-layer-middle{
    position: relative;
    background-repeat: repeat-y;
}

.gf-layer-bottom{
    overflow: hidden;
    background-repeat: no-repeat;
}

.gf-layer-title{
    padding: 5px 10px;
    font-size: 1.0em;
    text-align: center;
    line-height: 120%;
}

.gf-layer-description{
    font-weight: normal;
    padding: 5px 10px;
    font-size: 0.8em;
    text-align: center;
    line-height: 120%;
}

.gf-layer-description img {
    float: left;
}

.gf-layer-buttonpane{
    line-height: 20px;
    min-height: 20px;
    _height: 20px;
    padding: 1px 0;
}

.gf-widget-close{
    display: block;
    width: 29px;
    height: 39px;
    cursor: pointer;
    background-image: url(img/layout/role_ico_close.png);
}

.gf-layer-thin .gf-widget-close,
.gf-layer-medium .gf-widget-close,
.gf-layer-large .gf-widget-close,
.gf-layer-wof .gf-widget-close{
    float: right;
    right: 10px;
}

.gf-layer-thin, .gf-layer-wof{
    width: 263px;
    min-height: 74px;
    _height: 74px;
}

.gf-layer-medium{
    width: 263px;
    min-height: 74px;
    _height: 74px;
}

.gf-layer-medium  .gf-layer-top{

}

.gf-layer-medium  .gf-layer-middle{

}

.gf-layer-medium  .gf-layer-bottom{

}

.gf-layer-large{
    width: 891px;
    min-height: 93px;
    _height: 93px;
}

.gf-layer-large  .gf-layer-top{
    position: relative;
    height: 69px;
    line-height: 69px;
    background-image: url(img/overlay/top.png);
}

.gf-layer-large  .gf-layer-middle{
    padding: 0 35px 0 30px;
    background-image: url(img/overlay/middle.png);
}

.gf-layer-large  .gf-layer-bottom{
    height: 73px;
    line-height: 73px;
    background-image: url(img/overlay/bottom.png);
}

.gf-layer-large .gf-layer-description{
    line-height: 150%;
    text-align: justify;
}

.gf-layer-large .gf-widget-close{
    margin-top: 37px;
    margin-right: 33px;
}

.gf-layer-thin .gf-layer-top, .gf-layer-wof .gf-layer-top{
    height: 34px;
    background-image: url("img/premium/frames/details-top.png");
    line-height: 34px;
}

.gf-layer-thin .gf-layer-middle, .gf-layer-wof .gf-layer-middle{
    min-height: 27px;
    padding: 0 25px;
    background-image: url("img/premium/frames/details-middle.png");
}

.gf-layer-thin .gf-layer-bottom, .gf-layer-wof .gf-layer-bottom{
    height: 40px;
    background-image: url("img/premium/frames/details-bottom.png");
    line-height: 40px;
}

.gf-layer-wof .gf-layer-title{
    font-size: 1.1em;
}

.gf-layer-wof .gf-layer-description{
    font-weight: bold;
    font-size: 1em;
}

.gf-overlay {
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color: #000000;
    background-repeat: repeat;
    width: 100%;
    z-index: 999;
}

.form-resource{
    height: 25px !important;
    line-height: 150% !important;
}

.form-resource label{
    float: left;
}

.form-resource img{
    vertical-align: middle;
}

.form-resource input{
    float: right;
}

.minimize {
    font-size: .9em;
    vertical-align: middle;
}

#lay_castle_widget{
    position: relative;
    text-align: right;
}

#lay_castle_widget ul{
    position: absolute;
    list-style-type: none;
    margin: 0; padding: 0;
    right: 0; top: 1px;
    height: 32px;
    right: 0;
}

#lay_castle_widget li{
    display: inline-block;
    margin: 0; padding: 0;
    vertical-align: middle;
    height: 32px;
    line-height: 24px;
    background-image: url("img-layouts/_widget_day/lay_widget_center.png");
    background-repeat: repeat-x;
    float: left;
}

#lay_castle_widget li.lcw-left{
    background-image: url("img-layouts/_widget_day/lay_widget_left.png");
    background-repeat: no-repeat;
    width: 19px;
}

#lay_castle_widget li.lcw-right{
    background-image: url("img-layouts/_widget_day/lay_widget_right.png");
    background-repeat: no-repeat;
    width: 19px;
}

.resource-element{
    float: left;
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 26px;
    width: 59px;
    line-height: 20px;
}

.resource-stone{
    background-image: url("img/res2.png");
}
.resource-wood{
    background-image: url("img/res1.png");
}
.resource-iron{
    background-image: url("img/res3.png");
}
.resource-workers{
    background-image: url("img/worker.png");
}

.extended-list{
    padding-top: 5px;
}

.extended-list table{
    table-layout: fixed;
    width: 820px;
    border-collapse: collapse;
}

.extended-list tr{

}

.extended-list th{

}

.extended-list td{
    height: auto;
}

.extended-list thead{

}

.extended-list thead th{
    text-align: center;
}

.extended-list .pos-left{
    text-align: left;
}

.extended-list .pos-right{
    text-align: right;
}

.extended-list tfoot{

}

.extended-list tbody{

}

.extended-list tbody td{

}

.extended-list-headline td{
    padding: 3px;
    background-image: url("img/layout/bg_table_head.png");
    background-repeat: repeat-x;
}

#tut_popup_content{
    font-size: 0.85em;
}

.buff-throneroom-link{
    display: block;
    position: absolute;
    width: 100%;
    height: 37px;
    margin-bottom: -37px;
}

.buff-many-opener{
    position: relative;
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-left: 255px;
    background-image: url(img/premium/relics/icons/plus.png);
    background-repeat: no-repeat;
}

.buff-clickable{
    cursor: pointer;
}

.scope-tooltip {
    padding-right: 7px;
    float: left;
    height: 37px;
    margin-right: 7px;
    overflow: hidden;
    width: 37px;
    cursor: help;
}



/*
 * dragtable
 *
 * @Version 1.0.3
 *
 * default css
 *
 */
.dragtable-drag-handle {
    cursor: move;
}

/*
 * gets wrapped around placeholder table
 */
.dragtable-drag-wrapper {
    position: relative;
    z-index: 1000;
}

/*
 * this gets applied to the table copy of the col that we are dragging
 */
.dragtable-drag-wrapper .dragtable-drag-col {
    opacity: 0.7;
/*    opacity: 1.0;*/
    filter: alpha(opacity=70);
/*    filter: alpha(opacity=100);*/
    cursor:move;
    position: relative;
    top: 0;
    display: none;
}

/*
 * placeholder is just a name for the real table col
 */
.dragtable-col-placeholder {
    width: 100px;
    border-left: 1px dotted black;
    border-right: 1px dotted black;
/*    color:#EFEFEF;
    color:red;*/
/*    background: #EFEFEF !important;
    background: red !important; */
    visibility: visible !important;
}

table .dragtable-col-placeholder:first {
    border-top:1px dotted black;
}

.dragtable-fadeout {
/*    opacity: 0.5;*/
}

.dragtable-active {
/*    opacity: 1;
    border: 2px red solid;
    background: none;*/
}

.dragtable-col-placeholder * {
/*    opacity: 0.0;*/
/*    visibility: hidden; */
    opacity: 1.0 !important;
    visibility: visible !important;
    background: none;
    background-color: LightGray;
    background-color: BurlyWood;
}
.dragtable-col-placeholder1 th, .dragtable-col-placeholder1 td {
    background-color: Bisque;
    background-color: MenuText;
    background-color: WhiteSmoke;
    background-color: Wheat;
    background-color: PeachPuff;
    background-color: PapayaWhip;
    background-color: PaleGoldenRod;
    background-color: NavajoWhite;
    background-color: Moccasin;
    background-color: LightGoldenRodYellow;
    background-color: Cornsilk;
}

.help {
    cursor: help;
}

/**
 * Unit boxes
 *
 * @author Florian Mycka
 */

.unitbox {
    float: left;
    height: 215px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 180px;
    margin: 0px 10px 10px 0px;
    padding: 5px;

    border: #A78749 solid 1px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*-moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    */
    -moz-box-shadow: 0 0 2px 2px #D0AC67;
    -webkit-box-shadow: 0 0 2px 2px #D0AC67;
    box-shadow: 0 0 2px 2px #D0AC67;

    /*-moz-box-shadow: inset 0 0 5px 5px #888;
    -webkit-box-shadow: inset 0 0 5px 5px#888;
    box-shadow: inset 0 0 5px 5px #888;*/
}

.unitbox.list {
/*        float: left;*/
    height: 80px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 810px;
    margin: 0px 10px 10px 0px;
    padding: 5px;

    border: #A78749 solid 1px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*-moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    */
    -moz-box-shadow: 0 0 2px 2px #D0AC67;
    -webkit-box-shadow: 0 0 2px 2px #D0AC67;
    box-shadow: 0 0 2px 2px #D0AC67;

    /*-moz-box-shadow: inset 0 0 5px 5px #888;
    -webkit-box-shadow: inset 0 0 5px 5px#888;
    box-shadow: inset 0 0 5px 5px #888;*/

}

.noiseYellow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA09JREFUOE8tlAuO20YQRF8Nv6J2vXflnsxOAi8Qx8ewHScxnCMstCRFcsgKmgwEQRAxw+6qftX6/rl3lcQ6GkrICcoBXAGb2FvjO9QXYILCsNawJ9EsPs6kq2EQ+xPoyx+9y0mULXiE+QHa2RS7WAUkyJsprmK/Q1Wb4iZozFCCSlGMUHVmyvHCl951BXmE9CjK9exEndmy2A1VNnt03IQSKBqoBjM+QTvBchH7APXV6Nv73ha4hLRC0wha4G7SLOYns91FJ8jhQjbuwINggyIZ71ADC6B/PvdeBihr2KLyHcpWjLew1KQk5g6KBerN5DVeAlsl1mTKErYRmgdhg75+eLYfILQ1q1hq025w3wXrWb3qYK2gfRVKJl9EnQxvEHfnOBuNVEb/vu+9PEJaRDwv8vkN05c5NIhUgGqzTWK9GMXBDSoZFpFLH2fyAvrzpXf4VyeOluckihnaCrbCbK+QO7hkmDOUEvsF1jdzfQfzKqrC7EDehf566b0XkEZY43cXZXFicp9MV4gsH8XWOqYXkzFaINDcEbkwik88//r7swOVMHx4EE02qqIDwMKdD87Cy1CaDt6FrqA3s7077Yo6zRrYfOxDMVWCexZ1ETcgV6H//+lHl3FhNqrFmE1zdGtywN5Akhijwy8fe7dF8AUhvbZQ/A8ZWceA7pGAd+aoNZzY6AKBm7OI+7Ohjin/eHn2svrwprFIlVnqk7F0g/0RrlkwxQ0xJIjQFHeTk9geoBggN0ZJ6O9feoec6hF0g/lRh09+Nc1VTKPRNUJtNIlLDdMeNJl6hhxe3mHvRDkZfX//7Bj7FD7cRRkHJqA02iKGZostUYEnE9WPZD6dQ2tuZ6exeLomlsOvz45qbSH2YO1iulFsAfMK2xNsC8dyuLyZ+0U4prlE16HdcIUmvB5BPz/0discK2o79+CMaHYzbUKVj0FtioScm4XXgESojrScCdnrCENw+Kl3maCOVbHCFBdi1yajQsyvHMwVmDqJMVjczC5RjqYJ5tqzYECuH5+eHVl0SCjORNTDgSBd5PMSe0MH2I19xG8vRDNHSmCrfUSu2U9m9fO33sowRPsBdAtdhnUXKVb9CqmF9XYkjq4xczyfzlwrdmJp9lB2M/8BfQ/tmo8LRxkAAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA0NJREFUOE8llFmOGzcURc8rsiZJHe9V2llsNJCp4VV0DKeB2EvoqFUjyRs81qckqniHc8t+/nVTWWFu4LzBDpQoisEoI2WRnoz+HdITtB/+mXpwNehnoxnEbNA1hn37fFMXhY3GuonYQLvBVEACuxjDAhmxZWOM0CSh3ph2aEbR32Hzcwj78XzVCuRiWIRhFzqBPoz0SWgyxiKWs2EJuk1YC3uGJhsyUUZoE0yu8PuXqygQL8dDdBZlNnrEZK4G5Lc/YBVogNLB+B+kE9h6CIgFstzy89WNoSBiB3mDaIY2DiVG/Y2HZwTb2egeIrsrV+kRGFXluIO9/npVOMEQjLKKtYcgIy8i+L9O0CVDRWwjdO/G1IN57oAtUILRdaoX2L9fr5oFzcPos9jOrteLMax4+2LYDwXbCqfWeKyH2nI5skuLSB5ba9jbHzfFBGUXywDNCiowBtg85OKEiJNg78HPeq7z6OeMEKEtkFxUBPv761UeVFigl9BoyLPwC7ztBTqM/QmKn3HrO0T/rhPWQ78byUWNwn6+3ATwuIvhlwMDvQPBCFnsLZQGQmMVleAtfwhzArLRjbB6ackwCXv77aptN5rWwxeLE5+t5rifhLzmDJ2JZjdmR6aHeRdNcCXUVXkkU2fY6+83hQ2KoH0SVox1FsPZCM7gLiZBjEYn1YnGCN1yKI4XUS0uxpKE/fN8E1kVj+JOfaBuK3FsrzYOFmDZoQ2g1og9Fa1tM/ogTMe27e3Pm1IFCpq7yBcIk08R4skI+HIgt+BO6K2W0kqEDpJf4CspRhyEfX++ylvNn4x+FrF1rmC9GOMu1q32QxpgyDAHsBnGropninB2jCYoDvy355vPkymJ5nKE3PfGvELrFiTaJ2OTKvyeQgU6i2xWGVxq1s6hK/xyVfC5zbB21FI80qEX2wztyeqra/flRIiT6tSGTsiVNdB45hMMvpTXl6u6u1FM5GgEl+CbdD+N0WRXbrWw5uGNGmEUORwXOzqedynUvO3H55uW4rYg3Y/X2Op1BRgXsfjcGkhuqYUe2DbIAcLoJBwOgq9t9um9XBXuDrrV8MtJxA2UrfKW/AW6G6M/dITmA8rZuVXdNQkWt7pC7MX/ULv8lQE6DZQAAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA0tJREFUOE8tlGuS20YQgz/MDB+Sdu27SjdLUnFSdso+hR+Jq+IrZLWS+BykmrT+SKR6poFuAPrn3dlzB0yC0RySGDtTGljucAAehgrQiqPNHWgakQyzjapoHia1oK8fLlaOWqMZJkRaTG3FsuwXpzuURrhCrUZJ5MBQoTmaOsNY2P7X91/PXhLUBG0P5SrUmbuEWsjVJGC8ihOmJuFkhga6CejEhNEIBvTtl4s5mOYO0xOkBZYiUgq65n4XVG8Hm5bgSL7DGIcbaFcxFygLrPHu708XR0FuYY43jbfqMsUswQs4saFsZlN6sYwmwDmJQzaa4PFG6LHN8OzuDknifgS9QvPW1CrS9HNerRmi2Q3WRhxXs1SYn6B7BY473TXG9OPT2XWAaQJn0XZmTKINamUvWmbTLVAXkU4mDXCrgmJyL9YK2zRuoC9/nN0kmLLoRjP2cFSoSNRA+AAOO9q2hTGDR+hjkRnmKpZul04/x4W/nZ2D3tMugy7ojEENWgu3xgO0GaZe21LWInQzfaASrD3kCVIn9PnPs08VbhPkRpBDVyIdoa4OVjCI8mzGKnyDtphlWxKsh51JKlDH0OH7i8vdjG8h/SfyCepgaqBrzDpC9xbmQfTJ1BU8wRS6rWItxvF9Mv1D6NtfZ3d53+7QhQ5FCkcU0yAWm7XVtsb2BsMBDo+woplOcAioRdTZTEsg/P3iJToX0Y+GLKawYWgwjPASwvUu2vB8HBKbi2IUa298ZTN79NX3D2fXkEwPWkSZY5bwWKBEIvwMgHQU3cMMz8LXveEhTNSARjG1pgth//h4sa67R8N65QFpjkJT2g0Qq4UGo6Moi7fGVeFn0Ycp3phhEqWAPr8/+xjbq2ZdQ6TeNpcm6H4mi04wvEBf4J6NV7a0Ie0X50W0DneB/v108fzqzVJ53Icdn/wklsGUHOkD6wvUE7RjiNm4gbxqd9DRCLjfFOFw9voaj+DVNNG1jd+QIuuC7hWaDKmBIRZXRZZxjGSEttGmyeHZ6Mu7s+mgvwY6MZ6gXyAlM04ird7i6RTJ3cAhVDCZ5QDdIJYI5woPdnHr28eL1xW6iKZwVuTSU3QWOcMS1gtqt4gs4c70E8wJLG2ZGeleYzlP5n8D4/9tuFTvJgAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA0tJREFUOE9FlFuO3DYURE9R79bY3mvPymwjCRIHQVbhRxzD3oLHPd16kKzgtgzkS5BAUqw6VVdffnl0I9hs6ggYvEOzQzqJboPnYvpGpB6WbMYqkqBmk1rwJrYBZKOPf53ND1FbSAM0G6TdNCOURazJjJPI2eRV8Ar4YZBQNUKkCUox3S707dezmeCaYexgeYLUHQfXl+AF+gbKBjkJZdPOol5MmiFlWDYYZrFeQN9+e3SZTP0u8ktoboYOdIOmE3s2ZT6s6HdRV9M1Isf7ANcN2mr6Xiwy+uf12ZYYMPkFNFdYE7QWqYAmkxeRR0g3UxpIo3CC/rupE7iFsoq+M/oSN7TJGbq7bzB0sOmQulx1t8KNqQGsE3U34y6eTyahO0QNprfQ+3dnz2F2MX4Fi6Ex7BdB/HETw8ms0t3X4QS3J+httlb3g8oVpgS3SejLu7PXTcyzqRsofLuaHLZl0UymKVAb7tLDmgIMHJ5njKpodtMG+a9/Pzo9GR7ELbL1ZOZZ7Mn4WZQeusXsSXgI6gcA7SZFNnfDIPbe8Az68uYcFgREUiuIhf0Rk5rEPMC2m9KLfoXV0Mb6ifuufoe9EznC3wn9Gwc+iO5itgnaXbQjd+NrH2RF0xutcJ2geT4a1KQAZpru+EFN0K2gz38+ujwHPTMebOgyd5+WB1AEPoqxiWsyjNBdhF+YGqEvkGvAgZSMvr49e+tEtx4RKI3ZZpguQjKlitqbsnIP+CwIiF2BUs0WFp5EWUwXkj++PbvOopGpl0NOyWYusLS6k3eBMUEeIBdofoIqGfqwR2K5wTSB3v9x9tBCG4OgM+3+c9pMsNxEmk1TxX6DPpkapKN2Ub8rlOGwyDEogv6nN2dXizGwl/+JNVmMkb3wtULzYOoN9h5OF2BS9JPbDU4T5LhISP78+6Oj3LFR5ehpdYRZrOW4bYysqZp6heWkO/F2i+EBCXONUm1ANOfD20c3mPQgtgrzeviU6zGeWKFW0AP0T+LawiizJRgMt3qEWD00gD69fnSS7/iiHWkBxfVHEZ87zFJFvx0q2heQbzGtQ6rwBnsT6kyO54eo3vUwWoSMGCkxhyNXEXBY4+QGThK1gzXCnaF96Xtu0zOUFoYq/gOOjwGw6sc4rgAAAABJRU5ErkJggg==), none;
}

.noiseBrown {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA1FJREFUOE8llGGO3DYMhT+Skj2bLHzCBOgGCdBeLGlTFDmB79ANepFNup2xJZEFNf4zgMei3uP3SPn++f23kNhQRdyIviLLST4xFkI6RZ1xOFwEIv8RGAuUzuhgYkg5QfSH/P3labfTN8og1JAIhAuaRdYC7YQ8FMFwuV9UAqlCnAXWG+EFDUWIF3n+/GlX+hZDiLWhLMiACCeqEucF9QblCi6ILRANr87olWJBnEJIIKW+yPPXT7vJsnnKuN0QS6uGrIPoljYIHImBSgVxPGUOAeuoGi4LnFd4WF/k+cvTrr5sLi3Pkv5EC3GkWkGrkZf5EMSFuATkRSFQ8kBD+4prg5EFv76bBYMbEdnDdarCDkQUa8qQE++C1IAaRF7V6l0lBewHxErItPy0S/ctVk+vWHtA05Y1omcvFyThRkdGJ2oFfQtyIi2LX5FQyH63WfDDri22VN8WRemYwegOXYmhd0ipWhuyVjzjhaL+X/JBE+gjSLtkDz/t2mWDAcUIcaQccKSFbH9jiUL3StQDbw9wafik17FbzDzObHoW/PxxF7UNlWmDsyB+EKRMgdopk6zklQiPyKKEn4gcxJmBfkATErzIP19/2xHZdNwmzeEg4mS8k7J4wBJ4M0QMK2/ndIS8ZnagDmjrpG70u8KqbO4HKgUvnZBBnA8ZVKS/zoREFBgV0VRnYD/nxDAKwhtYruitJJRfdlts02vBGaiPZAFUpCR4R9pJ1pvEw9CkpAdumpzw/D5BxeOLPP/5bleWjT4IeYvET4h6t1xOYlQsBh5pL09W4MQzf1k3xzCbayuMhPLX065H3SInJaWtJ+7L/JClI68rbivCgaWqyHathAujDtYcTLGMMHVIxubDrqJbAlYxhl0JXVBraHOG3NVKQqkHROZzJczwemLS8aZzUoqPVPjrDq+bHApygXoS14GtQWSwi89foRLqiCuSRXNplILov3huoQNQSygfd7Fzy/zN1Wk55HO34VbhdkzKvHm8R+iWoxGQSWkdsYxNJTywkpT/+LjLsC1aQ7OmZMgMW3Ib17miMmHZ17AT6xWf2ctcHhOMZMyG5vsX+f77+2942chBz2nBMBu5S5n4ZsMXWITwY66wubbStftdfYJKx+X88T9IMRAfZh/lXQAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA15JREFUOE9FlFuOG0cMRc9lVXXPKHDvLx82EieGva0gsAMjH15BryGWdyInM6NWPRiwFCAQBD3QRbLuPZf6+umXL4ZvJPB+QyVjI6MhfHS6HNRgCDqQDdIK7UCL4RUcQxxkX77r/Pmn3dLYGFEQxAKekFc8XRn1FRpXsAwG2IE4IT/wxeBISI5roHW96PzH212LNjjQzaBlRspo7XgdWB24V1ROMBKUZ1IXDUAJ2Qm1F1wdVxT89G5PuW8jBq8CVYYv+HK/qYbjXDE74fE7Go2Gu1AUXTLUjN9i+n7R+ePr3exxk3eGhN1iooavJ8gVbgPrhrPi+UDu8+rDT9jyjFrH/RVDf8fIF51//3W3R9v81iC6toYXR/aA5zpF1/zf8LQge8Gz8KujLFSFpxXXNdy56OvHt7vB5kXYy0rK/9DN74dqRpkYhzDbfeBW7iZF/1JmI9L9+q4WE77eSXkbMnKDxI32ELosmL8wSCh16AkvB55sFmeEw8JzICNUwI+Hi86//byTtQUWNp4nOl6AEgVD9Y5UsSPTw4zsczIbC6MN1CuUOCCo5T9sqNt0M7qGXglIBVmoH653zMPteK0TR2cwWFC/EUJ7SXiKgp9e75g21QdkkYj4fML1A66DyQoZhfPxNQCPFOTo6lPfeFupkaIo+H5H1y2R7kAfHY3CWBtYwFVm5Lw07LYy7Iqq/3/NUZEGpIQrX3T+/GY3LZvXYK1Ot+IBj0KhYap3A7LIPf670sLtEs89YgpznhnpETgC7A+7lrpxBdbwIDR6mjeRp3tyumFpRUSjPpdB9IsDkelIlKvhg8Dmw670tKmfSBm6RMovtBoPtyl6X41ybDQLykOKOk3z9kAAqXLFWmFQLzr/+W5P/rTR1smLLaLVG5IxCAcXFDOp4KkyWqQlbvI09fU1dsAy8fI2t82bPelhs9ToPRhLUBM+nrGIoJeJkxt0u2E1IrfidkNPTmw7fMXyiFV20beP73cVNtmVERHoCx6HdJtr08OmnqfLuGNLY3ievBLrLgXsgdUVbqeLvv3xfsevGzm2iM99GAF0q3eAA+7JbiJZxtMBscKChpC0JIxOD2THctFfn3/8YqybgpceTpW76Dnf134MFltljAn4XMSxyvx5JsrGaWYm9LX08P1f0noFC6QZYxEAAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA2xJREFUOE8tlFFuG0cQRF93zywp2V4gt4uBOJAN+CuXCmI4gr98gr2DReQiFByR3JnpDnqULy6wy5nq6lclpz8fvrP0NaogO+CClQMRyig70YJSnDEacAQbwAJOfgwRhHVkHInYn+X0+GkrEWuPBmLo/ECg5qEOe0MFvBhcBlQlMCTflQrjiphDW7CQs5y+fthYdKXnlXcggA5QoHWwvEdhGNEDlvxzZXDFlhRpyHVBDgMpy1lOXz5tQllNG93ucw4krnMi7U7Y/6NVhS5IdCJv1QAqghMlL4eCneXpy8dNq6zWlK47kSpTYTiCoOJ4cZAj4le4KsKYFkSpqDrRSvqHHftZnr5+3uS4rOX2wtCGxD0ejVBFvKDlgqeJ8hZu6aej/cYoeekBrxXZHZGFKM9n+fH1j81qW7l1UnREQcqFYCASc+shCyz53ChD6DLm2BILEu/wcUX9QpRylh+PnzeLWIn8yJFesTJodSBdJhbIylgEa2ekCL0rVSr4jdF/Qe4ucAXVax74abPOmmy4dRiOSsHV0PRG98me1sKYvt4Y+5GaA6WXcccoTpl72s9y+uthi1jWWjouYx70qkqR6d0B2gssg0ikJvxH0Bt0Q/QOlxekCjrGWU6Pv27aypow21LpMabKCW0/InaFm75yeQ9yyXdBkBJrOvXqvQkybsnh+00Pd6vfgMMA9xk7SWVjgDRkGFTBQ5JzYgHb04rC6B3ngEYhlmti89tm9mbNVAzN9XeKZBISgw5xyzMJK0heRoXlDvVn3BJuIW5l2mRaznL69vtWBqvnIpqANXSp+N7A7tBDY/zsqBmSmfYFyYfYifxNsNORUQl/Ocs/3z5ssesq94FfKzEXkXnNnHSk1Am69grVZ7bpSpqXCxQPol6QVM7hLE9/v99kOa7iiktHWyJb5hJ8BHFYXhPSx+yOSD/LYDTHpMwyGThqyXAe+O1hQ21NVQmyagfvoDZH8tw0F7BAswjaWzhA9J/g72ZZpGofHdM1Pfy8EWMlk9E0OwGR7L3MTUH3TiS1NdC0RNpru+wB/Q3Uhsx4GurjLE+PHzewNWsIOuELpobHvxNq6f5aWRKY5fbT453IWGr6mqB3tAZy9VT48D0862vQS5mFYB547XgsaM8WfSb2A9gN6hss46cL4oNIi2YKM6bx/B9dDQ8Beki4+QAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA2VJREFUOE8tlFtu3DYUhr//kNRo7EAP3V0LFEgAG82uCqRIgvYlK9AenMAbGefikUTyFIf2y+gy1M/D/6aHD2+/WN6W7hnZLaQKRwcmpIp7B1Ug4b5BA+U5HqEaIFCjVSPP/qRvH96vyvvi1nAA7yjdoq0jg1au0CfUO/KDVDK0RvOJ+EB24Mq4HzCXix7/vVu99kXdcNuIEZw3qAvP4Llg9RmnQm+YbsErSPR2oPkAZnxvGPmir5/frSptoc5wZOTf8WS4ZjRdYwR0nPB2QOpY67jNeL0OGsiGecc96FEA3q3SdaHfDEDsGdkJ2U4ndhfNEynexZS74yXIsaCTVGcyTk/faQrAj+9WWVuCB/WG3ElppqaMH89oEoFjARLT1YRyC6rxbOinSKdKKwk/ykUPf9+tbr7kEopU5OBmeCq01khkSBOkJzQAJyx2yDHkiV4PKIIm6H7Rt09/rvi0BD/Y6zQYlg+6ZXybIQQ67dAN2ys9X8EMEUr3cfX+jBfiyPer9bYoT5A7rW6Yzyhf8ZbxXnEKCoCwZyhb4ib2SegIsQzPCcvnmPD9as0XbhreEhw7ngSuQQHhP3vZbHDYh7D0AG0nfNvBwpDC8nzR4+d3a+8s8Y3XFivxKUMtkH5Bm1HZ8V8bg+BcUGoo7vcJLzPefpBriJQvevzvfvVtXzzFLsFHQvV2xMzj2RI1QXKPH3IzWp/wtCEPw0yY/8BzR0cAfr5fydfFw18pDcAwsSJ3Foti599es/s0uItoH5GLSYMm004PLixd9PWf+9WKLfKf9JC/Rt42sp9oVpGVkTTyRKo/6aF+fTPWNDNSNyS99ECeQpS/hijdX3mxgzS1kZpIgkcZ1DiusGt4roHf0MrGgPEbvDUo4eEQ5cPvq+lmaTn+jOM53kVqE14P/HQa04jwISiAm+gUemT59JIaDos8X/T10x9r0bwMh5wrXgvB/wCP5MRH1oY4GgVheMSk36Btp0/Bxxk8iuT5ooc48n5dhpfyjPSMT+fRbzqiTQN9iiZBE+jYqFbGCazvQ6yW432s1UWPH+9W17F0GmoTypVURNUJvx6YVVxnPAwejo5zj6YOLmeUDoiyqD36J0R5+8U9L1H35GjeHY3kB4fRebFzGDHUjACd4dhQiqIwFPlPje6Gtfr0P501GxEW1niaAAAAAElFTkSuQmCC), none;
}

.noiseLight {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA95JREFUOE8d1OmONMURheE396ylq2e4VrAlhBBorgw+S6xCwCVYwhYYMd3VtWVWZobV/I1/58QTof746R8SBURfOeYVTUezUFzCcBKCJTXBH5U8WE56+m3B5sJ5vVJqoa47owworVC/f/uFVGW5dFDvD3JsZPPC8EisrmC7HqM2THEYl0Ei+lDcmvAywq0l3KxAFbzqUctXb7KPO23P6NATU0BdHmwPR1aKa8zMpke1k+l0bLXSuoTCEHVD3xrvU2Q6NSla1F/ffC6tnAQLt6yY0GzBEvRBDj2Gij01Yi1FVvp0cm/PjjpkNKA2/G5JcnJxGjV/9anUF48rG4sT7B2ysujo6Z3lriqyLHTaIYyc/TuBjiiBfa507BR74SiJOFnUbz9/IeOZ2a1HaqLXHSsGWQU9QbwlMp70Cq+H4l4VtoKbMvt6wKAJ64DtBWl31L+/fxNT4Gpn7kfgqqA8t7lVOuO5dytD6dHpwaEnJK/00dGeadfIPbxj+pHpVnlcEmr++lNBe87ecqwQzUbVnqg0yhzk5LFFky4zfeupW2Oxlb53MHuyz7iuUp6c8h313x8/EVeumPPETJaiFLYJK4k2J6YQuXcH/T6QXeLMJ6/iWLoKSlNzIQaDWYWkBLX8+iZL3RhPxaE8vh7MKdBeN6gec3jakJlSh4TKvK28BMujadyWcD5SI7SjkZpD/fbNx9L5ES8bf/krLxxI1dTqyQm6ktDWsw+JTsN2iwQnmPxgGS1VK/rWOFaHhBX1+4c3cUbj1UaxkYcRXNNoc+NcrwyxcdoDVUFcoRXPaT0vZ2aVHifCzsyljjzCA7V8eJM5JFqy2OgQ+6Sj4bHC6LkrwdbMYDV6EbIJf7OZu8KYLaZrbESy7Hw0a9T/vvtMEo1JPCkkdsCtgjeerQMzBzq94JTh5hovuuPBAttEGAu0BU3E+J38HlF//vJP0W2iPWALN4YuEN5PTjx77zBlx1TLNiReNsUcOoZndKm0Khx7h7RCP3hiPlB//utNoj2gPZFWnE2oR6VMjjYr+ucsaB430OMJ2xXTz3htSCVCMeQCkz9pYUfdf/xSZiyx3JD+gl2evjI7A7aD7riTu+vfCaI7ODuDXixbUVifGPzz5DSlaI6+ov749XMp80nvw7M8FjUwKkeqM/5wqFGhsqPmBkNGSWRtB5MMiDlpaWeNCqc0fsmo9x8+k62eBNFsxXHVQtInti/45ZVmHzSJtPj84I1zmSitMWjFLdx4LRdK3igdFGtQ//npE3lSH02gSqWkjW68cNtnJgFle0qt2Jg41IQ5E65ADifhHNgD+LaRZihh5P+/C1P9SE6fUwAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA99JREFUOE8V0lmSJEcVheH/uod7zJlZi22kB9EyMLQyTA+0BKJZA6YBQVdljB4+Xax28Nl/jnz5/K1yCC6e7PeGLipHqOSxMHInn0ppViRXZunR7mTRB7eUyJIotsOZnSyGYxuR//70R425MjYdmzkYg3C6Edkr3l2YFBDrOcZEdz1I5kKOlm5QVOFIO2MzcZgnnbXI8ulPmoulNIq0kJ7Q3QVZL7I4xAYwnhxPWrUss0cWSzcf1FAZroltUkyOjNEi//77N3qTi2Mf6GmwN/iSLx5HZesgh5HeQRKY5eCqBtt3aAmUC7J2DNMbYRGcdMj/Pn/QK713emE4D1yxhDmTS4eGSFM92hvGGEEyz3bkHT3aV0zneF0q8zzSlJ3DGOSXH/6ggzOkXMjewFshTp6bRGz1PPeOwSkHlr65ONuTvjyQDfy8c9Yev0XiVMnJI7/946OWvUJvGc7KWSu+d8TT4qYN625YfSUdliO3zHPAXh17irjaomPDdRhmk4lNRH7/8TtVC6VG2nCxjT1tvmirYzENUwPNusNt4MzQOIMNiqQnS2uYd0Xvll07vCbk7fNXepwDPlacCSgDzaisy8V8h1wagvWUw9A1FxeK1UDOQu2Ue3qwD4l2c6QuI19++E5DC7IWXFtpLaxVGbRQXY/VkzM0SGvIukLoudXAaifMYLECja7ssWeUBvn9Xx+0lAeTOUnRI1Gx88W5GMrckJIwaYOvlSCFzlmqNRzxiaaZ1i3soePuFHUX8ttPX2sxPfNeeU6eu76iSw8msNuR2h30uScmzygrT3HYemGZqFWQaSVxZw4X+3Ugv/z1o/rqcG0h9hWrnjNnuCJZByYN2CGw1hdsONGpYGiZ9obsF9au5xYjGhPq39P97aNmX3B7S/AR9R0SNlpvuJoeEwTbvH9a2b1Q2ejEs5fCix1Y5KKUluF65TI35NdP36peHvEJEwNMM7opvtsoyRF7Q6cVkiXUTC8F4xtM05FfFesD6+gol2BMQf7z6S/qzBPjPfrMBEa6vhLPgJeZpQ/0Gglu5OUNXnuLl43xXSuZ89WQbi0+FSQk5OfvP+jQwVLvuLgzzArLBFIIfqcYh6sVEyfOqfJYDQXIduG0FfyA2TNDOyB1Q5Z//lm3/WQcB9bnzvAY8Pni2iznmBEdcapIUPwjoE9LkkikQRvhbjzqKtE0nCiy/vhRL99ylUr/vug+cAwXw3my3noeKcEOWzeQwpMXmXjKwc2PpPbEqedpTvo3Q/bzu/BrfZOZJm/IkdDhRm8riZOqPS5YTqc8bKXUk8SENkpcFFtPaldprztuqCznxf8B9sJr7hcws3YAAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA9dJREFUOE8llNuuXFcRRUet27736eOvjYmDQMCfOZKJCGA+AYEsFAWf7t63dS3U5qHeR2mOOeXXn96r+I4ojry98c68cvSZqI22Bl7DDc0LZarsa0OvlmtUspyETVlNYFZPmyylrcj6t/eajAN6jr0yl5V9Dtj2vJUsA33JuGpgdpAThR45HpgAW9cxxUIbBmx+IOtfv1fdCm2+YHigh0VzwgTDXSYWo8hhiLbRxhPsCKdALuR557K9cAsN6YSpgDz+8VuVdFDCRGmeJjCmO5kZawqrU/zDEtzKVnp6Y4jTxlQh5iut7PQLUDz5MMiXnz+oyQP4B+bwHJ3hckC0ETeNtFtlMNB6x8ZOYWRgIxeldELHSIkW02CaT2T9+Y9aUsFJBpfY5YVkGhejcC9kCxiPpMI6w0tUDixDzpi+kXXgNImLV8r9Sfjpg8410KbKo1ncdmd6CRytElLl4Io7FV4Ozpi5Ws++DozDnXYO2NDx39zo5xtqr8iXHz+oGyOxDPQGtAihnqxu+f8bJVG6zEmlK4ajNq7jgp4J6TrUv7HfPK53HM4iXz7/Tj2efYPBrfROWJPBOyEdPePLk/KAt0xvO3zLtKVximW4CaUvEC6YW+J87ZDb598oJcHqEed5WyzvzsjeTbjzQRLDVCe0rdxrYZGZou4bsess5Yz4KwxnJYaMvP30ByVvSPHsLrHYjloCda745ohkvG7UfSb6naEptnbk6SA4x54m7N7YpTH3Efn33z+oTQathmwNQ1hxxWJD4bbPuC4jj0RRYQmV1AdyE2bbo4fQDDyqcpk2XFmQXz/+oKH2lJennIpUoK2UGqg+E6InuQNbLxRbKOMzOMO8O/xV2b4Kw7yx5ZFZM/LLpx+0V0EksrVKDf6brJ1E7s7StHA97DdHU7dgy047R44usuSTE0/2AasRQ0Bun77Tc4BWesK+sncXqJmls+ju0FEwW+PoI0NM38K6SOTtgLlvHLujXh1dbZgakf98/pNO2igCkhKPs6ObN+LpccUxTZG9NZBMTAvvnIAxnFExXgmlkIeITx3n6ZF//uX3uuwP9rmHNVH9swUH52PiGpQ8ZNa3ijcLzhVS2OgJZG2k5jHmxJeJUSP61OZfH79TlRmjJ2YJLKclmq8c3vCyCttomHRiXe9MYtBLx1E3Zmdo6TmwC7aupBKgKvLLn7/X4bToa6bcHGXuGO4nx1zIMuKxnMDVrmgOPALYVpEjMOhG6iq9DbQzk/MV+frxvT5swJBpo2VIBeNm7LrhZmFFEWtJ+4G0V7rpK/mYqNYxx+eEPTjKwlUOqrH8DwNQYlSuhy2VAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAA9RJREFUOE8dlOuqLMcNRpfq1lU9PTN7P6zBkOSAL/vBbOdwIE5I/AqxwRBf9ty6uqurqxTm/JVA+iStT/L46VstUtmvO2lMqN251oXjaiGAVjBEinS2fYOXwKFVugZsUegdi8d0oZ1vyJ8fv1EJGz1bqttpAQ57QFQxCWRbyCkQW2HRSJWZcYXH8IJzM1MLdOuRvSLWIdcfv9TCRNXKWQ1ZGl0MPmSGduS9VBwZ4wLJe+oD/NhQG6EssFSqdxB36haR+6cPKrEwPxqJiRJWBo3otmDTiXd9cAIeMjCoYmXHL531rPjN0nPHBsOyJ5zvyOWff9GHs5zMgqwnxMB7N7yuO1cFF2cOPtGsYSmOHsHcMolAP90RfWFdLgTzQgkgt7//VRe70tORXR32OVPs7MB496yqRAP5MHJcFHZha4q+wOE68yxd3IztiZRW5Lf/vGmtM5ROP3qm2SHD/fPOOht7SVSUSEL3Ddkb+0siLCtzXHDzCyZ2xNXPguT605dqHkeuuqF+RhIcGclz4eiOPFbQQ0HxNMlIEdQmpg7dC3kxvI6Fm0B8FOT3f/1NRQeCv3B9PKtt0DxTM8xNaC1g7J3UIkO03GxhuBvqE7XYOe3CRZVxFaoF+eOHN+1SwSsmZsKeuOSByE7zyhQsN33g/YTLC2aILM/cozFJYPbPY45Mrzf26wvyv49fq7adfgzIXYinmdu9EWLEq6M++eqZaAzcFHRkS4azNczbzFAnZrcTge4K8v7vr7TtQlsKg3S6NfQAQ2vQEjpk7nbgXKANGfIrt+mCa4m0w10Dx23Hjpn8OCM///imT+buaqhqeD11pMysg7DakTQLVgRhxbqI2hubNci7pTtDPniSKYTZsdeC/Pbdm9rTTplXWhjQFaazYLuhLo1tUsZLoD7VTxAV8twZ1bFOheAWlhywI8R3j/z86e1JBOOaqacR8oJuA/UgjOuKmRLL5cFwULw5kt2FWAONRvXKsEc22zEZrO3If//xQaPPjExo2VnjjtsH8mo5jyvL00+HTLgKOnowndUYkg5cF4MMC8kmYp65HRT55dNXOrqFUALdV2a12KFRi+McdjQrqx9xsqGbx/mFa1LGBdYycZxuPKoicSLdHfLrpy/UOWHzgqmBqSjLs6O8s+grjDMmd/ZwYN8ESY0BS7pnHsGResMky/0q2FGRX7//QpOdYATTOhSlJ8N9NhxDpviEyQY31c+/L4dEmjNbFDb3dEgk1AUjE5t25JePH3TYA2W6MNYzcKNsIy1WIpHBz6wkUi1or+j4yqLPiGej8tm2+kDNgSvwf5JeUCLa+f25AAAAAElFTkSuQmCC), none;
}

.noiseDefault {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAM9JREFUOE/VlM0KgkAUhb2TkiUV/W162hbRopfofYI21kskRUMRNqZjkNo5i5YtRlcfw3Dw89yr6HhVet/HAtUY7BlwNgEHdL98fM6lBYH7JZTDIdkTS47z9ArujcDPS63sfuCRlG0EhfwF7s5/KytqP6j0RbcgcI2W7QJqhoZWChr4M/EUXCSNsvOB8QbKSkFBZjTkd9rllDQHpH9rdtn5wAO9oREohMSWGu/QXts+/eJ0rex+4G6LliMaYHOiXaaB96jlzMcdv/pEov8c+AZjmbrNcZmKuwAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAANJJREFUOE/Vk0sKwkAQRNP5oQmKC3Hlwhu794dXMpgLuBAVlVExiQlJhIyx6gAuxlk9mqGguqpFRYvaat/r8kXLC8HuDVzb4HwE7pQNyx8IblZkeQcL1hgcujQ/gRMH7Os/oswX3M5hObvCQncILh/grAcOzmBpLZsvGE9hOaU0nZQSrMAVFd4OqOSHT8rmC0ZrWC70PTbPp5vNKGWvT8nyKvSKRJkvGC/J8p1SG1CBj1RymhdCK3q2KZsvOIPlak/WJmAvAac52KGS+3osKv6t4BtX3bqCuC2hMwAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAM9JREFUOE/VlEsKwjAYhPO39qEF0Y0rj+tCcK87vZC4iqcQJBQfMbaNYFtnDuAi7eqjhKFfZ4gYvfeqfyqgcuXvtSpqcBWBXQMezb4sQwg8kOcNCs0VLGNwNAfXlt63KEYHH3jcknIGhZQatPQr4hxnYjqfVJ1y+IGnFZSzJbX8pAFfwEkKfpN+1LKY8APPOyi/YKMSGq0rqP07jZkG4qedcviBeo3v9gvoWLq+ciFNGnxN7NorTswAAjdUFQ314ahyuqUn1LKn9pt+2Pq/gR9SUbjbWT/a/QAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAANdJREFUOE/VlDsOwjAQRO04H0cIBAUUcGEOAC3iPCDR5ASUIIoghJyQj5HihBl6CrPVaBWN8nZ2LfPT2oqhZPyRIgig6wY6rKAbTd9MOy3/wDDbEfITCDaClqStRL8ooSPVI/tveNgAOXkBoX1AixWN4kKJ0yiqWY/sv2G2BbLJgTNCWxSUrKLlV3MaxXVI2X/DPdhK99tdpQvCaWnJ6cbLO/oqGZC9NzzSLWsDBENppiHd7xlaL2kU7q5l7r8hv9jxhJKlZa5cgl2pG3Q9pr5L/PvF/oHhG4/6r6knLl5OAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAANFJREFUOE/VlE0KwjAUhPNqf0UFQfS6HsC9oAieyLroEdxZsQi1P7aNizbOHMBFmtXkNR34Mi9PssteK7P86idVMYMObtAl1aMV6rr/V0ZgmJyAXINASYuNP6EPOfSbrmjqD8j2G8ZHStkhnBLau5N2ofM1XUs6INtvmGyBrBdAaF6UbATt0pma6s7HpGy94fUMZPUgNCpXhBkKvesCuu0bXrIRGO7A1i6B0D2hZU5jihpeqBPCjUG23jA+ALmhlAN6sx0l69FYa2hiD8cl+7PhF6kuspVKABvFAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAANJJREFUOE/VlE0KwjAUhPMaW4sVFMH7egBdu9Tz6KIUr+BCQSQoUtJfoWmdOYCLNKtheAx8meSJSQ+tGk4lP6nkBh0V0HYOPVlC63unZQSB5w2QwxUQiorQGugpzbRX+K3ukf0PTPdADkrCjKlZbh/jKnphpnHti/E/8LIDQ0mYKiEcethxBL+0dEVOi/E/8ER/OXlSswv6px/ogPwc9tC4GP8DsyNatjWtrwchh9A1zczW8PN33/IIAre0sd0K6o6mbUzvWmlCDgN65M4Xk/038AvaKLJX2t0+5QAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAANNJREFUOE/VlEEKwjAQRTO21rYrQQRdeVXduPMIgvdRFBEvIRSiWG1t2gpN6//g1kXM6jEMH15mEtGHTa26E1QfVKoAv67g3hjsl9Rj++UPAs8LKJsZFMo7ONDgegIucrAJW2X3A09LKGdDKMQ+uLrR9FOwWM3mVM9W2f3A45ymTGbB9EunKXh0FTVNueim7H7gbgVlGUDTM/ROqR7Su85H1G+vQrT7gds1lGOgSun7ijKaeJ++rwethUXR7gfuSVnRopa0wJLwxtNkI6pfWuUfB74BYQ+5SZHEnOUAAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAM5JREFUOE/VlD0KAjEYRJPo/uiigmAheFtttbP1QLIgIp5hCxGixWpi3Fhs1pkDWMRUr8mQl8kXqcuNF93K6y8KMQEbC5YZ2Dlw0cbIPwg87qDcJwXxIDVildNVNOBkEJTjDzxsoSyu1OaCuKL26Vpop7DzoBx/4H6Fg6eKmp2R8hucSnBjwLZtXOr4A09LKDuaX9Y3BWnewRnVbF5BOf7AkmbZ0zc1pDZralOOoaxI2d+67yv6wPMa534mpDOiZi/U7JTmukePXwflHwd+AKQouUb7BNTnAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAANJJREFUOE/Vk7sKwkAURHfzIBrxAb7wd20sLARLG/9HkRT5AgsRbIwoRJJ9WLhx5gMsNlsNl2Hg7Nwri+PWiuYFnZ8USQyt39CKPNENc/ONkS0IPOyBLK5AiIfQtYZOSVfkSaRD9j8wXwK5XgAtpAblCHP7JM+c5meH7H9gtgGyHhBCQY3TIihq1tDCp5FDbkHgipCp5djQLV8Ifwod3KHLfoPsfeBpB+RQESbdrCkx707IQ8uvxg7Z/8B8DeQKNML2qM0XLTx9hZ7RVzyaW/5v4Af95sJ2M/B2MgAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAANZJREFUOE/VlDsOwjAQRL35EgVKoOG8NDQUUFFwH5AQQsoNaIIEMohACCGmcGDmABTG1Wi9Gul5Zy06Gxv1OWbwlUrtoWUIXXWgXzl0aOvyB4abJZCDI+EE0PUFOhlRz42epWiR3TdcTYAc+UAICLPuoe550I0QfrdFdt9wPSXkmib7gI4p8CVhmif12ISIdt8wmwG5oQl6tLPmBLR7SiGnVDR2r0W7b7idA7miyaYJ0MorBbhPX1xJi2CnL9p9w90CyP6ZMIlM0KLiCBdFSME+tMg/NnwDAay1CMLFV1wAAAAASUVORK5CYII=), none;
}

.not-researched {
    height: 45px;
}

.unitbox.not-researched {
    height: 90px;
    margin-bottom: 135px;
}

.list.not-researched {
    height: 45px;
    margin-bottom: 10px;
}

.list.not-researched div.head {
    border-bottom: none;
}

.unitbox .insufficient {
    color: #CC0000;
    font-weight: bold;
}

.unitbox span.rounded {
    padding: 3px;
    border: 1px solid #A78749;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 2px 0px #D0AC67;
    -webkit-box-shadow: 0 0 2px 0px #D0AC67;
    box-shadow: 0 0 2px 0px #D0AC67;
}

.unitbox .head {
    border-bottom: 1px solid #D0AC67;
    height: 50px;

    padding: 3px;
    border-bottom: 1px solid #A78749;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-box-shadow: 0 0 2px 0px #D0AC67;
    -webkit-box-shadow: 0 0 2px 0px #D0AC67;
    box-shadow: 0 0 2px 0px #D0AC67;

    margin: -5px -5px 0;
    padding: 5px 5px 0;

}

.unitbox .innerHead {
    border-bottom: 1px solid #D0AC67;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
}

.unitbox .head img {
    float: left;
    margin-right: 5px;
}

.unitbox .head .title {
    float: left;
    margin-top: 3px;
    width: 118px;
}

.unitbox .head .descriptionShort {
    display: none;
}

.unitbox.list .head .descriptionShort {
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    width: 430px;
}

.unitbox.list .head .button {
    font-size: smaller;
    margin-right: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 10px;
    width: 160px;
}

.unitbox.not-researched .head .button {
    font-size: smaller;
    margin-right: 7px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 60px;
    width: 160px;
}

.unitbox.list.not-researched .head .button {
    font-size: smaller;
    margin-right: 7px;
    text-align: center;
    width: 160px;
    top: 10px;
}

.unitbox.list .head .button a, .unitbox.not-researched .head .button a {
    color:#F7D48E
}

.unitbox .body {
    clear: both;
}

.unitbox.list .body {
    clear: both;
    padding-top: 5px;
}

.unitbox .body .text {
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
}

.unitbox.list .body .text {
    display: none;
}

.unitbox .body .requires {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    padding-right: 30px;
    width: 50px;
}

.unitbox.list .body .requires {
    display: inline-block;
    float: none;
    left: 4px;
    margin-right: 10px;
    padding-right: 61px;
    position: relative;
    width: 33px;
}

.ie .unitbox.list .body .requires {
    left: -86px;
}

.unitbox .body .trainingTime, .unitbox .body .quantity {
    clear: both;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 167px;
}

.unitbox.list .body .quantity {
    margin-bottom: 5px;
    margin-right: 5px;
    width: 167px;
    position: absolute;
    top: 10px;
    right: 0px;
}

.unitbox.list .body .trainingTime {
/*        float: left;
    margin-bottom: 5px;
    margin-right: 5px;*/
    width: 169px;
/*        clear: none;*/
}

.unitbox .body .quantity {
}

.unitbox .body .quantity span {
    border: none;
    -moz-border-radius: none;
    border-radius: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.unitbox .body .button {
    width: 160px;
    text-align: center;
    margin-left: 1px;
}

.unitbox.list .body .button {
    margin-right: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 160px;
}

.clock {
    background-image: url(img/premium/clock-icon.png);
    background-repeat: no-repeat;
    padding-left: 23px;
    padding-bottom: 3px;
}

/* IE quicknav fix */
.ie .quickstart_pane .right {
    padding-right: 30px;
}

/**
 * Payment promotion
 *
 * @author Florian Mycka
 */
.specialPrice {
    color: red;
    font-weight: bold;
}

.specialPrice + span {
    text-decoration: line-through;
}

.specialPrice + span span {
    color: black;
}

:lang(de) .specialPrice {
    color: red;
    font-weight: bold;
}

:lang(de) .specialPrice + span {
    text-decoration: line-through;
}

:lang(es) .specialPrice {
    color: green;
    font-weight: bold;
}

:lang(es) .specialPrice + span {
    text-decoration: line-through;
    color: red;
}

:lang(es) .specialPrice + span span {
    color: black;
}

.buttonNavigation {
    margin-bottom: 10px;
}
/**
 * New side menu shop
 *
 * @author Florian Mycka
 */

.premiumShop.sideMenu .header {
    background-image: url("img/layout/bg_role_top.png");
    background-repeat: no-repeat;
    height: 44px;
    padding: 40px 50px 0 40px;
    z-index: 0;
}

.premiumShop.sideMenu .body {
    background-image: url("img/layout/bg_role_middle.png");
    margin: 0 0 -40px;
    overflow: hidden;
    padding: 6px 40px;
}

.premiumShop.sideMenu .footer {
    background-image: url("img/layout/bg_role_bottom.png");
    height: 89px;
}

.overlay-container.premiumShop.sideMenu .header {
    background-image: none;
    background-repeat: no-repeat;
    height: 44px;
    padding: 10px 50px 0 40px;
    z-index: 0;
}

.overlay-container.premiumShop.sideMenu .body {
    background-image: none;
    margin: 0 0 -40px;
    overflow: hidden;
    padding: 6px 0px;
}

.overlay-container.premiumShop.sideMenu .footer {
    background-image: none;
    height: 89px;
}

.premiumShop.sideMenu .activeCategoryName {
    float: left;
    font-size: x-large;
    font-weight: bold;
    line-height: normal;
}

.premiumShop.sideMenu .headerRightButtons,
.overlay-container.sideMenu .headerRightButtons {
    float: right;
    margin: 0 20px 0 0;
}

.premiumShop.sideMenu .accountBalance {
    cursor: help;
    font-weight: bold;
    height: 30px;
    float: left;
    background-image: url(img/modern/infocell_center.png);
    background-image: url("img/layout/bg_table_cell_marked.png");
    background-image: url("img/layout/bg_table_cell_marked2.png");


    color: white;
    display: block;
    font-size: large;
    font-weight: bold;
    height: 30px;
    line-height: 25px;
    position: relative;
    top: -5px;

    padding: 5px;
    text-transform: none;
    width: 140px;
    margin: 0 10px 0 0;

}

.premiumShop.sideMenu .currencyImage {
    left: -6px;
    position: absolute;
    top: -8px;
}

.premiumShop.sideMenu .currentBalance {
    font-size: large;
    margin-right: 0;
    padding: 4px 5px 5px;
    text-transform: none;
    font-weight: bold;
    float: right;
    color: black;
}

.premiumShop.sideMenu .getPremiumCurrency {
    color: white;
    display: block;
    float: right;
    font-size: large;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    position: relative;
    top: -5px;

    background: #6cab26;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BB0D09), to(#771212)); /* Saf4+, Chrome */
    background-image:  -webkit-linear-gradient(top, #BB0D09, #771212); /* Chrome 10+, Saf5.1+ */
    background-image:     -moz-linear-gradient(top, #BB0D09, #771212); /* FF3.6+ */
    background-image:      -ms-linear-gradient(top, #BB0D09, #771212); /* IE10 */
    background-image:       -o-linear-gradient(top, #BB0D09, #771212); /* Opera 11.10+ */
    background-image:          linear-gradient(top, #BB0D09, #771212); /* W3C */

    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
    width: 140px;
    margin-left: 10px;
}

.premiumShop.sideMenu .getPremiumCurrency.menu,
.premiumShop.sideMenu .accountBalance.menu {
    padding-left: 15px;
    padding-right: 15px;
}

.premiumShop.sideMenu .getPremiumCurrency.awesome-button.menu:first-letter {
    font-size: 100%;
}

.premiumShop.sideMenu .menu {
    margin-right: 0;
    padding: 5px;
    text-transform: none;
}

.premiumShop.sideMenu .active {
/*    font-weight: bold; */
}

.premiumShop.sideMenu .tabList {
    background: none repeat scroll 0 0 transparent;
    height: 601px;
    list-style-type: none;
    width: auto;
    overflow: visible;
    float: left;
    padding: 0 14px 0 0;
    clear: both;
}

.premiumShop.sideMenu .tabList li {
    height: auto;
    overflow: visible;
    width: auto;
    margin-bottom: 5px;
    clear: both;
}

.premiumShop.sideMenu .tabList li a {
    height: auto;
}

.premiumShop.sideMenu #itemDetails {
    margin-top: 0;
}

.premiumShop.sideMenu .itemList {
    float: left;
    list-style-type: none;
    margin: 0 0 0 8px;
    overflow-y: auto;
    padding: 0;
    width: 387px;
    max-height: 415px;
}

.overlay-container.premiumShop.sideMenu .itemList {
    width: auto;
    float: none;
}

.premiumShop.sideMenu .tabList div {
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}

.premiumShop.sideMenu #extendedDescriptionContainer {
    width: 386px;
}

.premiumShop .ALL {
    background-image: url(img/premium/shop/all.png);
    background-position: center;
}

.premiumShop .PREMIUM_BUY_RELICS_CROWNS {
    background-image: url(img/premium/shop/crowns.png);
    background-position: center;
}

.premiumShop .PREMIUM_BUY_RELICS_RESOURCES {
    background-image: url(img/premium/shop/resources.png);
    background-position: center;
}

.premiumShop .PREMIUM_BUY_RELICS_PRODUCTION {
    background-image: url(img/premium/shop/production.png);
    background-position: center;
}

.premiumShop .PREMIUM_BUY_RELICS_MILITARY {
    background-image: url(img/premium/shop/military.png);
    background-position: center;
}

.premiumShop .PREMIUM_BUY_RELICS_TIME_SAVER {
    background-image: url(img/premium/shop/timesaver.png);
    background-position: center;
}

.premiumShop .PREMIUM_BUY_RELICS_MISCELLANEOUS {
    background-image: url(img/premium/shop/miscellaneous.png);
    background-position: center;
}

.premiumShop .PREMIUM_BUY_RELICS_WHEEL_OF_FORTUNE {
    background-image: url(img/premium/shop/wheel-of-fortune.png);
    background-position: center;
}

.villageInfobar {
    background: url("img/layout/bg_ressi_cell.png") repeat scroll 0 0 transparent;
    border: 1px solid #CFAB65;
    height: 22px;
    padding: 3px 3px 0;
}

.villageInfobar div {
    float: left;
}

.villageInfobar div.villageName {
    margin-right: 28px;
}

.villageInfobar div.production {
    float: left;
}

.villageInfobar div.freeSettlers {
    float: right;
    position: relative;
    right: 0;
}

.election_add {
    background-image: url(img/premium/relics/icons/plus.png);
    display: inline-block;
    width: 16px;
    height: 16px;
}

.election_remove {
    background-image: url(img/forum/deleteS.png);
    display: inline-block;
    width: 16px;
    height: 16px;
}

#electionList {
    list-style: none outside none;
    padding: 0;
    margin-top: 0;
}

#electionList li {
    margin: 3px;
}

#election #sortByName {
    display: inline-block;
    width: 200px;
    margin-left: 50px;
}

#election #sortByVotes {
    display: inline-block;
}

/* Cookiebanner table fix */
.cookiebanner1 th {
    background-color: white;
}

.mainIconHeadBar {
    width: 50px;
    display: flex;
    height: 100%;
    flex-direction: column;
}

.iconBar {
    height: 30px;
    width: 50px;
}

.inputList {
    height: 30px;
    width: 50px;
    align-content: flex-end;
}

.group-units-input {
    width: 46px;
}