#dieIE6 {
    display: none;
}

html, body {
/*  
    background-color: black;
    margin: 0;
    padding: 0;*/
    height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
    min-height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}

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

#content_wrapper {
/*    width: 80%;*/60
    margin: auto; /* Div soll zentriert werden */
    min-height: 100%; /* Mindesthöhe für moderne Browser 
/*    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
/*    overflow: hidden !important;  FF Scroll-leiste */
}

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;
}
.left,
td.left {
    text-align:left;
}
.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;
}


#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;
}

.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
 */
.noise {
}

.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;*/
}

.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;
}




/* 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;
}