.registerError_Box {
    display: none;
    position: relative;
    margin: 0px;
    z-index: 20;
    padding: 0;
    padding-left: 15px;
    width: 300px;
    top: -25px;
    left: 333px;
}

.registerError_Content {
    -moz-box-shadow: 0 0 4px #000000;
    background: url(/cdn/img/ui/tooltip-bg.png) repeat-x scroll 0 0 #5C0400;
    border: 1px solid #111111;
    color: #DDC494;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 100%;
}

.registerError_Arrow {
    background: url(/cdn/img/ui/layout/tooltip-arrow.gif) no-repeat scroll 0 0 transparent;
    height: 15px;
    left: 2px;
    position: absolute;
    top: 5px;
    width: 15px;
}

.registerError_Icon {
    background: url(/cdn/img/ui/warning.gif) no-repeat scroll 5px 2px transparent;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 25px;
}

.imageBorder {
    border: outset #998B42 2px;
    padding: 1px;
}

/*test*/
.shopOffer, .shopOfferButton {
    position: relative;
}

.shopOfferButton {
    top: 5px;
}

.oldPrice {
    left: 15px;
    font-size: 10px;
    text-decoration: line-through;
    text-decoration-color: red !important;
}

.shopOfferButton .oldPrice {
    position: relative;
}

.oldPriceLine {
    border-bottom: 1px solid #FF0000;
    height: 13px;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 14px;
}

.oldPrice img {
    z-index: 0;
}

.oldPrice img, #inv.unavailable, .image-grayed:not(.active) {
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'><filter%20id=\'grayscale\'><feColorMatrix%20type=\'matrix\'%20values=\'0.3333,0.3333,0.3333,0,0,0.3333,0.3333,0.3333,0,0,0.3333,0.3333,0.3333,0,0,0,0,0,1,0\'/></filter></svg>#grayscale"); /* Firefox <= 34 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome <= 52, Safari <= 9, Opera <= 39 */
    filter: grayscale(100%); /* Firefox 35+, Chrome 53+, Safari 9.1+, Opera 40+, Edge 13+ */
}

.shopOffer .newPrice {
    font-style: italic;
    font-weight: bold;
    left: 0;
    position: absolute;
    top: -11px;
    transform: rotate(10deg);
    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Chrome und Safari */
}

.shopOfferButton .newPrice {
    color: darkgreen;
    font-style: italic;
    font-weight: bold;
    font-size: larger;
    left: -15px;
    position: absolute;
    top: -7px;
    transform: rotate(-15deg);
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome und Safari */
    z-index: 1;
}

.shopOfferBox {
    margin: 6px 0 0 0;
    height: 25px;
        
}

#buffbar
{
    font-size: 11px;
    left: -30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    min-height: 51px;
    position: absolute;
    top: 170px;
    width: 37px;
    z-index: 6;
}

.buff {
    width: 37px;
    height: 37px;
    overflow: hidden;

    display: inline-block;
    margin-right: 4px;
    padding-bottom: 5px;
}

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

#globalBuffs {
    width: 37px;
    overflow: hidden;
}

#localBuffs {
    width: 37px;
    overflow: hidden;
}

.buff-container {
    position: relative;
    z-index: 2;
    margin-bottom: 5px;
    text-align: center;
}

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

.buff-many-opener {
    background-image: url(/cdn/img/buff/plus.png);
    background-repeat: no-repeat;
    bottom: auto;
    cursor: pointer;
    height: 16px;
    left: 10px;
    position: relative;
    width: 16px;
    bottom: 9px;
}

.buff-clickable{
    cursor: pointer;
}

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

.octagon {
    width: 100px;
    height: 100px;
    background: red;
    position: relative;
}
 
.octagon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;    
    border-bottom: 29px solid red;
    border-left: 29px solid #eee;
    border-right: 29px solid #eee;
    width: 42px;
    height: 0;
}
 
.octagon:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;    
    border-top: 29px solid red;
    border-left: 29px solid #eee;
    border-right: 29px solid #eee;
    width: 42px;
    height: 0;
}



table
{
    font-size:13px;
}

#content td
{
    text-align:left;
    color:#513F2C;
    font-weight:normal;
    font-size: 12px;
}

#topmenu
{
    text-align:center;
}

input.button1
{
    width: 159px;
    height:26px;
    border: 0;
    color: #453011;
    font-weight: bold;
    font-size:11px;
}

input.button2
{
    width: 119px;
    height:26px;
    border: 0;
    color: #453011;
    font-weight: bold;
    font-size:11px;
}

input.button3
{
    width: 79px;
    height:26px;
    border: 0;
    color: #453011;
    font-weight: bold;
    font-size:11px;
}

input.disabled
{
    color:gray;
    cursor: default;
}

input, textarea, select
{
    font-size: 10pt;
    color: #513F2C;
    border-width: 2px;
    border-style: solid;
    border-top-color: #876E3E;
    border-bottom-color: #AF8E50;
    border-left-color: #876E3E;
    border-right-color: #AF8E50;
    background-color: #dbcba5;
}

#mainmenu
{
    margin-left: 9px;
    margin-bottom: 10px;
}

#mainmenu a {
    color: #BFAE54;
    text-decoration: none;
}

.menuitem
{
    display:block;
    text-align:center;
    width:179px;
    height:24px;
    color: #BFAE54;
    text-decoration: none;
    padding-top:3px;
    margin-bottom: 2px;
    font-weight: bold;
}

.menuitem.active
{
    color: #FAF311;
}

.menuitem.inactive
{
    color: #71641a;
    cursor: default;
}

.menuitem.premium
{
    height: 26px;
    color: #FAF311;
    text-shadow: 0px 1px 3px #000;
    padding-top:6px;
    margin-top: -2px;
    margin-bottom: 3px;
}

#submenuhead1, #submenuhead2
{
    width: 181px;
    height: 54px;
}

.submenu
{
    background-image:url(/cdn/img/ui/layout/menu_bg.jpg);
    background-repeat:repeat-y;
    width: 179px;
    margin-left: 1px;
}

.submenu .menuitem
{
    width:161px;
    margin-left: 10px;
}

.submenuswitch
{
    position:absolute;
    display:block;
    width:90px;
    height:50px;
    text-decoration:none;
}

.menutab_country {
    position:relative;
    left:90px;
}

.menutab_city {
    position:relative;
    left:0;
}

#submenufooter
{
    overflow:hidden;
    background-image:url(/cdn/img/ui/layout/menu_footer.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    width: 181px;
    height: 9px;
}

#highscore_range
{
    text-align:center;
    margin-bottom:10px;
}

.table-container > table.section-like {
    border-width: 0 1px;
    margin-top: 0;
}

.table-container > table.section-like:only-child {
    border-bottom-width: 1px;
}

table.section-like {
    width: 100%;
    border-collapse: collapse;
}

table.section-like th {
    font-weight: bold;
    border-bottom: 1px solid #c6b583;
    background-color: #dbcba5;
}

table.section-like th, table.section-like td {
    padding: 2px 5px;
}

table.section-like tr:not(:last-child) > th a {
    display: block;
    padding-right: 10px;
    background: url(/cdn/img/arrowdown.gif) no-repeat right center;
    color: #513F2C;
    text-decoration: none !important;
}

table.section-like tr:not(:last-child) > th a:hover {
    text-decoration: underline !important;
}

table.section-like tr {
    background-color: #eddac4;
}

table.section-like.alternating tr:nth-child(2n) {
    background-color: transparent;
}

table.section-like tr.highlight td {
    font-weight: bold;
    background-color: #FDC733;
}

table.section-like tr.highlight th {
    background-color: #FDC733;
}

table.section-like tr.unread td, table.section-like tr.unread td a {
    font-weight: bold !important;
}

table.section-like tr.read td, table.section-like tr.read td a {
    font-weight: normal !important;
}

table.section-like.condensed td, table.section-like.condensed th {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.9em;
}

table.section-like.narrow th {
    font-size: 0.8em;
}

table.section-like.narrow th, table.section-like.narrow td {
    padding: 4px;
}

.buddy
{
    color: darkorange;
    font-weight: bold;
}

#market_sell_box
{
    float: left;
    width: 190px;
}

#market_sell_fields
{
    margin: 5px;
    margin-left: 79px;
}

#market_sell
{
    float: left;
    margin: 0 5px;
    position: relative;
    top: 10px;
    width: 64px;
    height: 96px;
    background-image:url(/cdn/img/shop/shop_zelle.gif);
}

#market_inventory
{
    float: right;
}

#market_filter
{
    margin-bottom: 15px;
}

#market_filter table
{
    border: 0;
    margin: auto;
}

#market_filter td:first-child
{
    text-align:center;
}

#market_table
{
    padding:0;
    border:none;
}

#market_table table
{
    width:100%;
    border:solid 2px #b28b60;
}

#market_table th
{
    font-size:0.8em; font-weight:bold;
    border-bottom:1px solid #b28b60;
    background-color:#e6c29c;
}

#market_table th a
{
    display:block;
    padding-right:10px;
    background-image:url(/cdn/img/arrowdown.gif);
    background-repeat:no-repeat;
    background-position:right center;
    color:#513F2C; font-weight:bold;
    text-decoration:none;
}

#market_table th a:hover
{
    text-decoration:underline;
}

#market_item_table td
{
    padding-left: 5px;
}

#market_nav
{
    margin-top: 5px;
    border:solid 2px #b28b60;
}

#auction_table
{
    margin-top: 15px;
}

#auction_table table
{
    width:100%;
}

#auction_table th
{
    font-size:0.8em;
    font-weight:bold;
    border-bottom:1px solid #b28b60;
    background-color:#e6c29c;
}

#auction_filter
{
    clear: both;
    margin: 0 20px 0 20px;
    text-align:center;
}

.arena_table
{
    margin-right: auto;
    margin-left: auto;
    border:1px solid #b28b60;
    text-align: left;
}

.arena_table th
{
    font-size:1.1em; font-weight:bold;
    border-bottom:1px solid #b28b60;
    background-color:#e6c29c;
}

.arena_table td
{
    font-size:1.1em;
    background-color:#eddac4;
}

#arena_by_name
{
    background-color:#eddac4;
    padding:5px;
}

.error
{
    width:90%;
    background-color:#b28b60;
    font-weight:bold;
    margin:20px;
    padding:3px;
    color:black;
}

.alert
{
    font-weight: bold;
    color: #900A07;
}

#inventory_nav
{
    position:relative;
    left: 24px;
    height: 23px;
    z-index: 1;
}

a#inventory_nav
{
    border:0;
}

.inventory_box {

    background-color: #4F371E;    
}

#inv
{
    position:relative;
    left:22px;
    background-image:url(/cdn/img/inv/inventar_zelle.gif);
    -moz-box-shadow: 6px 0 26px -6px #4f371e;
    -webkit-box-shadow: 6px 0 26px -6px #4f371e; 
    box-shadow: 6px 0 26px -6px #4f371e;
    box-shadow: 6px 0 26px -6px #4f371e;
}

#shop
{
    display:block;
    position:relative;
    background-image:url(/cdn/img/shop/shop_zelle.gif);
    margin-left:10px;
    top:-20px;
}

#shop_nav
{
    width:210px;
    margin-left:15px;
    height:20px;
    position:relative;
    top:-20px;

    overflow:hidden;
    display:block;
}

#shop_nav > *
{
    float: left;
}

#char
{
    position:relative;
    width:262px;
    height:281px;
    background-image:url(/cdn/img/inv/doll.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    display:block;
}

#charstats
{
    color:#695220;
    width:262px;
    position:relative;
    margin-top:10px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}

.charstats_nomargin{
    color:#695220;
    width:262px;
    position:relative;
    margin-top:10px;
    margin-right:auto;
    text-align:left;
}

.charstats_bg
{
    position:relative;
    background-image:url(/cdn/img/char_status_grund_klein.jpg);
    display:block;
    background-repeat:no-repeat;
    overflow:hidden;
    width:173px;
    height:20px;
}

.charstats_bg2
{
    position: relative;
    background-image: url(/cdn/img/char_status_grund_klein_b.jpg);
    display: block;
    background-repeat: no-repeat;
    width: 262px;
    min-height: 20px;
    background-size: 100% 100%;
}

.charstats_value
{
    position:relative;
    display:block;
    float:right;
    width:60px;
    text-align:right;
    top:-13px;
    right:5px;
    font-weight: bold;
    color: #540400;
}

.charstats_text
{
    position:relative;
    overflow:hidden;
    top:-3px;
    margin-left:10px;
    display:block;
    font-size:0.9em;
}

.charstats_text_mirrored
{
    position:relative;
    overflow:hidden;
    top:-3px;
    left:10;
    text-align:right;
    margin-right:10px;
    display:block;
    font-size:0.9em;
}

.charstats_value2
{
    position:relative;
    display:block;
    float:right;
    width:60px;
    text-align:right;
    font-weight: bold;
    color: #540400;
    right:5px;
}

.charstats_value21
{
    width: 150px;
    overflow: visible;
    display: inline-block;
    margin-left: 10px;
}

.charstats_value22
{
    position:absolute;
    right:5px;
    display: inline-block;
    width:100px;
    text-align:right;
    font-weight: bold;
    color: #540400;
    z-index: 1;
}

.charstats_value21_mirrored
{
    width: 150px;
    margin-left: 100px;
    overflow: visible;
    text-align: right;
    display: inline-block;
}

.charstats_value22_mirrored
{
    position:absolute;
    left:5px;
    display:inline-block;
    width:100px;
    text-align:left;
    font-weight: bold;
    color: #540400;
    z-index: 1;
}

.charstats_value3
{
    position:absolute;
    right:5px;
    display:block;
    float:right;
    width:140px;
    text-align:right;
    top:2px;
    font-weight: bold;
    color: #540400;
}

.charstats_value3_mirrored
{
    position:absolute;
    left:5px;
    display:block;
    float:right;
    width:140px;
    text-align:left;
    top:2px;
    font-weight: bold;
    color: #540400;
}

.charstats_balken
{
    background-image:url(/cdn/img/energie_balken_grund.gif);
    position:absolute;
    left:10px;
    width:102px;
    height:6px;
    overflow:hidden;
    top:0;
    float:left;
    margin-right:10px;
    margin-top:11px
}

.charstats_balken_mirrored
{
    background-image:url(/cdn/img/energie_balken_grund.gif);
    position:absolute;
    right:10px;
    width:102px;
    height:6px;
    overflow:hidden;
    top:0;
    float:left;
    margin-top:11px
}

.charstats_balken_leben
{
    background-image:url(/cdn/img/energie_rot.gif);
    background-repeat:repeat-x;
    overflow:hidden;
    height:6px;
}

.charstats_balken_leben_mirrored
{
    background-image:url(/cdn/img/energie_rot.gif);
    background-repeat:repeat-x;
    overflow:hidden;
    right:10px;
    float:right;
    height:6px;
}

.charstats_balken_xp
{
    background-image:url(/cdn/img/energie_gelb.gif);
    background-repeat:repeat-x;
    overflow:hidden;
    height:6px;
}

.charstats_balken_misc
{
    background-image:url(/cdn/img/energie_gruen.gif);
    background-repeat:repeat-x;
    overflow:hidden;
    height:6px;
}

.charstats_balken_misc_mirrored
{
    background-image:url(/cdn/img/energie_gruen.gif);
    background-repeat:repeat-x;
    overflow:hidden;
    float:right;
    height:6px;
}

.scrollbox
{
    overflow: auto;
    max-height: 300px;
}

.scrollbox.static
{
    height: 150px;
    border: 1px solid black;
}

#slave_list
{
    margin-right:200px;
}

.stats table
{
    width:100%;
}

.stats_value
{
    width: 25%;
}

.stats table caption
{
    margin-bottom:15px;
}

#slave_link
{
    clear:both;
    font-size:0.9em;
    margin: 20px;
}

#slave_link a
{
    font-weight:bold;
    padding-left:20px;
}

#slave_link strong
{
    color:#990000;
}

.moneymessage
{
    position:absolute;
    text-align:center;
    width: 150px;
    font-weight:bold;
    font-size:1.3em;
}

.moneymessage .goldRow
{
    padding-right:13px;
    background-image:url(/cdn/img/res2p.gif);
    background-repeat:no-repeat;
    background-position:center right;
}

.moneymessage .rubyRow
{
    padding-right:12px;
    background-image:url(/cdn/img/res3.gif);
    background-repeat:no-repeat;
    background-position:center right;
}

.itemmessage
{
    text-align:center;
    width: 190px;
    font-weight:bold;
    font-size:1.3em;
}

section.buildingDesc { min-height:194px !important; }
.buildingDesc p { text-align: justify !important; }
.buildingDesc + :not(.buildingDesc) { margin-top: 10px !important; }
.buildingDesc img {
    margin-right:10px;
    float: left;
}
p:last-child { margin-bottom: 0 !important; }

.messages_inaktive a
{
    text-decoration: none;
    color:#505367 !important;
}

#newmessage
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    background-image: url(/cdn/img/msgnew.gif);
    width:527px;
    height: 493px;
}

.feedback
{
    margin:20px;
    font-size: 1.3em;
}

#reportHeader, .reportSubHeader
{
    background-color:#007F0E;
    margin-top: 10px;
    margin-bottom: 5px;
    border-style: solid;
    border-width: 2px;
    border-top-color: #876E3E;
    border-bottom-color: #AF8E50;
    border-left-color: #876E3E;
    border-right-color: #AF8E50;
}

#reportHeader, #reportHeader td, .reportSubHeader
{
    color: #BFAE54;
    text-align:center;
    font-size:2em;
    font-weight:bold;
}

.reportWin
{
    background-color:#003805 !important;
}

.reportLose
{
    background-color:#560000 !important;
}

.reportDraw
{
    background-color:#844307 !important;
}

.previousReportButton, .nextReportButton
{
    position:relative;
    width:27px;
    height:25px;
    margin:5px;
    font-size:0;
    cursor:pointer;
    background-repeat:no-repeat;
}

.reportReward
{
    float:left;
    margin-left: 10px;
}

.reportReward > div
{
    display: inline-block;
    background-image: url(/cdn/img/shop/shop_zelle.gif);
    position: relative;
}

.reportReward_itemsOnly
{
    float:left;
    margin-left: 10px;
}

.previousReportButton
{
    background-image:url(/cdn/img/ui/pagination/left_step.jpg);
}

.nextReportButton
{
    background-image:url(/cdn/img/ui/pagination/right_step.jpg);
}

.expedition
{
    width:168px;
    height:194px;
    text-align:center;
}

.expedition_small
{
    background-image:url(/cdn/img/expedition1.jpg);
    cursor:pointer;
}

.expedition_small_inaktive
{
    background-image:url(/cdn/img/expedition1_inaktive.jpg);
}

.expedition_middle
{
    background-image:url(/cdn/img/expedition2.jpg);
    cursor:pointer;
}

.expedition_middle_inaktive
{
    background-image:url(/cdn/img/expedition2_inaktive.jpg);
}

.expedition_big
{
    background-image:url(/cdn/img/expedition3.jpg);
    cursor:pointer;
}

.expedition_big_inaktive
{
    background-image:url(/cdn/img/expedition3_inaktive.jpg);
}

#buffbar_old
{
    position:relative;
    margin-left:auto;margin-right:auto;
    margin-top:3px;
    width: 493px;
    min-height: 51px;
    font-size: 11px;
    background-image:url(/cdn/img/interface/buff_bg.gif);
}

.buff_old
{
    float:left;
    width:35px;
    height:51px;
    font-weight: bold;
    color: #540400;
    font-size: 11px;
}

.buff_inner
{
    height: 32px;
    margin-left:3px;
    margin-right:0;
    margin-top:3px;
    margin-bottom: 0;
}

* html .buff_inner
{
    margin-bottom:-4px;
}

.buffende
{
    width:38px;
}

.clearfloat { /* this class should be placed on a div or break
 element and should be the final element before the close of a
 container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0;
}

#buy_rubies_frame{
    position:relative;
    background-image:url(/cdn/img/rubin_gross.jpg);
    width:530px;
    height:150px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    cursor: pointer;
}

#buy_rubies_description{
    position:absolute;
    left:140px;
    top:20px;
    width:360px;
}

#buy_rubies_link
{
    font-weight:bold;
    font-size:16pt;
    color:orangered;
    text-decoration:underline;
    text-align:center;
    position:absolute;
    left:140px;
    top:100px;
    width:360px;
}

.newmessagediv{
    position:relative;
    left:90px;
    top:80px;
}

.memodescription{
    margin:20px;
}

.new_inventory_timer
{
    margin-left:2px;
    float:left;
}

.new_inventory_timer_text
{
    margin-left:5px;
}

.auction_bid_div
{
    margin: 2px;
}

.auction_item_div
{
    background-image:url(/cdn/img/shop/shop_zelle.gif);
    background-repeat:repeat;
    width:64px;
    height:96px;
    float:left;
    margin-right: 5px;
}

.description_span_left
{
    float:left;
}

.description_span_right{

}

.span_left
{
    float:left;
}

.span_right
{
}

.background_trader{
    display:block;
    background-image:url(/cdn/img/shop/shop_inventar_bg.png);
    background-position:0 0;
    width:217px;
    height:auto;
    background-repeat: round;
}

.headerLinkNews
{
    position:relative;
    left:15px;
}

.headerLinkPackage
{
    position:relative;
    left:80px;
}

.tooltip_text
{
    float:left;
}

.tooltip_value
{
    margin-left:5px;
}

.tooltip_text_details
{
    float:left;
    margin-left:10px;
}

.tooltips
{
    filter: alpha(opacity = 90); opacity: 0.9;
    position: absolute;
    z-index: 1000;
}

.tooltips > div, .tooltipBox
{
    background: black;
    border: 1px solid #999;
    font-family: "Tahoma", sans-serif;
    font-weight: bold;
    font-size: 8pt;
    margin: 2px;
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}

.tooltips > div > p
{
    clear: right;
    margin: 4px;
}

.tooltips > div > p:first-child
{
    font-size: 9pt;
}

.tooltips > div > p > span:not(:first-child)
{
    margin-left: 20px;
    float: right;
}

.tooltips.mobile
{
    white-space: nowrap;
    overflow: hidden;
}

.tooltip-prev, .tooltip-next
{
    position: absolute;
    top: 5px;
    width: 0; height: 0;
    border: solid 10px transparent;
}

.tooltip-prev
{
    float: left;
    left: -5px;
    border-right-color: white;
}

.tooltip-next
{
    float: right;
    right: -5px;
    border-left-color: white;
}

.tooltips.mobile > div:not(:first-child) > p:first-of-type
{
    margin-left: 20px;
}

.tooltips.mobile > div:not(:last-child) > p:first-of-type
{
    margin-right: 20px;
}


.tooltipEquiped
{
    filter: alpha(opacity = 90); \-moz-opacity: 0.90; opacity: 0.90;
}

.signup_form
{
    position:relative;
    left:260px;
    width:210px;
    top:40px;
}

.server_time
{
    position:absolute;
    left:45px;
    top:0;
    font-weight:bold;
    font-size:10px;
    color: #BFAE54;
}

.runeImg
{
    width:80px;
    height:60px;
}

.rune_grey
{
    filter: alpha(opacity = 40);
    \-moz-opacity: 0.40;
    opacity: 0.40;
    background-color: black;
    position: absolute;
}

.runeImg_grey
{
    filter: alpha(opacity = 40);
    \-moz-opacity: 0.40;
    opacity: 0.40;
    background-color: black;
    position: absolute;
}

.break_div
{
    filter: alpha(opacity = 40);
    \-moz-opacity: 0.40;
    opacity: 0.40;
    background-color: black;
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    cursor:pointer;
}

.break_div2
{
    cursor:default;
}

.rune_confirm
{
    position:fixed;
    *position:absolute;
    width:400px;
    left:0;
    top:0;
    display:none;
    float:left;
}

.cancel_confirm
{
    position:fixed;
    *position:absolute;
    left:0;
    top:0;
    display:none;
    float:left;
}

.rune_title
{
    margin-left: 30px;
}

.power_ups_frame
{
    position:relative;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    width:492px;
    height:50px;
    background-image:url(/cdn/img/powerups_bg.jpg);
}

.power_ups_images_div
{
    float:left;
    width:150px;
    height:47px;
    position:relative;
    margin-right:10px;
    margin-top:5px;
}

.power_ups_description_div
{
    position:relative;
    margin-right:10px;
    margin-top:5px;
    float:right;
    text-align:justify;
    width:300px;
}

.power_up_cat_image
{
    position:absolute;
    top:5px;
    width:32px;
    height:32px;
    cursor:pointer;
}

#rune_1
{
    left:5px;
    background-image:url(/cdn/img/powerups/powerup_1.gif);
}

#rune_2
{
    left:42px;
    background-image:url(/cdn/img/powerups/powerup_2.gif);
}

#rune_3
{
    left:79px;
    background-image:url(/cdn/img/powerups/powerup_3.gif);
}

#rune_4
{
    left:116px;
    background-image:url(/cdn/img/powerups/powerup_4.gif);
}

.powerup_title
{
    position: relative;
    line-height: 29px;
}

.powerup_title + section
{
    position: relative;
    height: 120px;
}

.powerup_cat_icon, .powerup_duration, .powerup_buy_extend, .powerup_box, .powerup_cooldown
{
    position:absolute;
}

.powerup_cat_icon
{
    left:0;
    top:-2px;
    width:32px;
    height:32px;
}

.powerup_duration
{
    left:10px;
    bottom:10px;
    font-weight: bold;
}

.powerup_buy_extend
{
    bottom:10px;
    text-align:right;
    right: 10px;
}

.powerup_box
{
    left:60px;
    top:10px;
}

.powerup_cooldown
{
    width:100%;
    left:0;
    text-align:center;
    bottom:30px;
}

.powerUpImg1, .powerUpImg2, .powerUpImg3, .powerUpImg4, .powerUpImg5
{
    width:80px;
    height:60px;
    position:absolute;
    top:0;
}

.powerUpImg1 { left:  0;   }
.powerUpImg2 { left: 85px; }
.powerUpImg3 { left:170px; }
.powerUpImg4 { left:255px; }
.powerUpImg5 { left:340px; }

.dialog_button_left
{
    position:relative;
    left:20px;
}

.dialog_button_right
{
    position:absolute;
    right:20px;
}

.dungeoncondition_fulfilled
{
    float:right;
    color: green;
    font-weight:bold;
}

.dungeoncondition_not_fulfilled
{
    float:right;
    color: red;
    font-weight:bold;
}

.dungeoncondition_label
{
    float:left;
}

.dungeoncondition_group
{
    font-weight:bold;
}

.dungeoncondition_label2
{
    float:left;
    margin-left: 20px;
}

.dungeoncondition_finishedtext
{
    margin-left: 30px;
    font-weight: bold;
    font-style: italic;
}

.dungeon_header_open
{
    width:295px;
    float:left;
}

.al
{
    text-align:left;
}

.ar
{
    text-align:right;
}

.dungeon_report_statistic
{
    clear:both;
}

.dungeon_report_statistic th
{
    text-align:center;
    padding:2px;
}

.table_border_bottom{
    border-bottom:1px solid #b28b60 !important;
}

.table_border_top{
    border-top:2px solid #b28b60;
}

.layer {
    z-index:999999999;
    position:absolute;
    left: 0;
    right: 0;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 757px;
    background-color: #eddac4;
    border: 3px double black;
}

#change_name
{
    margin-right: 10px;
    float: right;
    cursor:pointer;
    background-image:url(/cdn/img/b_edit.gif);
    width:26px;
    height:22px;
}

#change_name_popup
{
    display: block;
    padding-top: 5px;
}

.charmercsel
 {
     position:absolute;
     left:255px;
     width:45px;
     height:44px;
     cursor:pointer;
 }

.charmercpic {
    position:relative;
    left: 7px;
    top:6px;
    width:32px;
    height:32px;
}

#guild_medicus_heal
{
    position:relative;
    left:210px;
    padding-top: 10px;
    width:280px;
}

#guild_medicus_charstats
{
    position:absolute;
    float:left;
    padding-left:15px;
    width:180px;
}

#mainbox {
    padding: 0 20px 20px 20px;
    max-width: 600px;
    overflow: hidden;
    width: 530px;
    margin-left:-17px;
}

.text-button{
    cursor: pointer;
}


.guild_build_box
{
    background-color:#eddac4;
    margin: 10px;
}

.guild_build_cost
{
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
    margin-right: 5px;
}

.guild_build_cost > table
{
    margin-left: 5px;
}

.guild_build_cost_header
{
    top:0;
    height:21px;
    font-size:small;
    font-weight:normal;
    text-align: justify;
}

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

.guild_build_cost_hidden
{
    position:relative;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    width:510px;
    height:19px;
    background-color:#eddac4
}

.guild_build_arrow_hidden
{
    background-image: url(/cdn/img/arrow_down.gif);
    background-repeat: no-repeat;
    width:20px;
    cursor:pointer;
}

.guild_build_arrow_visible
{
    background-image: url(/cdn/img/arrow_right.gif);
    background-repeat: no-repeat;
    width:20px;
    cursor:pointer;
}

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

.guild_build_cost_description
{
    position:relative;
    top:21px;
    width:220px;
    border:1px solid blue;
}

.guild_build_cost_button
{
    position:absolute;
    bottom:5px;
    right:5px;
    cursor:pointer;
}

.guild_gold
{
    text-align: right;
    width: 90px;
}

.guild_build_building
{
    text-align: left;
}

.guild_gold_text
{
    position: relative;
    left: 0;
    float: left;
}

.guild_gold_gold
{
    margin-left: 350px;
}

.achievementtitle
{
    color: #BFAE54;
    font-weight:bold;
    font-style:italic;
    font-size:10px;
    width: 150px;
    margin-left: 10px;
    text-align:center;
}

.player_name_bg
{
    background-image:url(/cdn/img/faces/spieler_name_bg.png);
    width:168px;
    height:60px;
    margin-left:auto;
    margin-right:auto;
    vertical-align:middle;
    text-align:center;
}

.playername, .playername_achievement
{
    padding: 10px 15px 0;
    color: #BFAE54;
    font-weight:bold;
    font-size:12px;
}

.playername_achievement
{
    padding-top: 7px;
}

.guildname
{
    top:8px;
    position:relative;
    color: #BFAE54;
    padding-top:3px;
    font-weight:bold;
    font-size:12px;
}

.guild_combat_win
{
    width:15px;
    height:15px;
    background-image:url(/cdn/img/guild/combat/win.gif);
}

.guild_combat_lose
{
    width:15px;
    height:15px;
}

.guild_combat_draw
{
    width:15px;
    height:15px;
}

.donation-details div
{
    float: right;
}

.donation-details span:not(:first-of-type):before
{
    content: '•';
}

.donation-details + section
{
    padding: 0 !important;
}

.donation-details + section table
{
    width: 100%;
    border-collapse: collapse;
}

.donation-details + section tr:first-child td
{
    padding-top: 5px;
}

.donation-details + section td:first-child
{
    padding-left: 8px;
}

.donation-details + section td:last-child
{
    padding-right: 8px;
}

.donation-details + section em, .donation-details + section .own td
{
    text-decoration: dashed underline;
    font-style: italic;
}

.donation-details + section .summary td
{
    font-weight: bold !important;
    background-color: #d3c195;
    text-align: right !important;
}

.donation-details + section .summary:not(:last-child)
{
    border-bottom: dashed 1px #bba86e;
}

.donation-details + section .summary:not(:last-child) td
{
    padding-bottom: 0;
}

/* ==================   ACHIEVEMENTS ====================== */
.achievement_header
{
    z-index:10;
    position:relative;
}

.achievement_header a
{
    text-decoration:none !important;
}

.achievement_header_text
{
    position:relative;
     /*#E6C29C;*/
    font-size:large;
    font-weight:bold;
    height:21px;
    text-align:left;
    top:0;
    padding-left:5px;
}

.achievement_header_points
{
    position:absolute;
    right:5px;
    top:-5px;
    width:54px;
    height:27px;
    color:black;
    font-weight:bold;
    text-align:center;
    font-size: 11px;
    padding-top:7px;
}

/* Nur fuer IE6 */
* html .achievement_header_points
{
    right: 16px;
}
/* Nur fuer IE6 -END-*/

.achievement_detail_box
{
    position:relative;
    padding: 7px !important;
}

.achievement_detail
{
    position:relative;
    width:auto !important;
    padding: 0 5px !important;
}

.achievement_detail_current
{
    position:absolute;
    right:160px;
    top:0;
}

.achievement_detail_medal1,
.achievement_detail_medal2,
.achievement_detail_medal3,
.achievement_detail_medal4,
.achievement_detail_medal5
{
    position:absolute;
    top:5px;
    width:12px;
    height:12px;
    overflow:hidden;
}

.achievement_detail_medal1
{
    left: 370px;
}
.achievement_detail_medal2
{
    left: 390px;
}
.achievement_detail_medal3
{
    left: 410px;
}
.achievement_detail_medal4
{
    left: 430px;
}
.achievement_detail_medal5
{
    left: 450px;
}

.achievement_detail_points
{
    position:absolute;
    right:5px;
    top:-1px;
    width:40px;
    height:22px;
    color:black;
    font-weight:bold;
    font-size: 11px;
    padding-top: 3px;
    text-align:center;
    z-index: 10;
}

.achievement_description
{
    padding-bottom:5px;
}

.achievement_name
{
    width: 320px;
}

.achievement_name_long
{
    width: 440px;
}

.achievement_title_separator
{
    border-bottom: 1px solid #b28b60;
}

.achievement_title_box
{
    position:relative;
    width:490px;
    margin-top: 5px;
}

.achievement_title
{
    font-weight:bold;
}

.achievement_title_inactive
{
    color:gray;
}

.achievement_title_points
{
    position:absolute;
    top:0;
    right:200px;
}

.achievement_title_points_inactive
{
    position:absolute;
    top:0;
    right:200px;
    color: gray;
}

.achievement_title_select
{
    position:absolute;
    top:0;
    right:50px;
}

.last_achievement_date
{
    position: absolute;
    top: 3px;
    right: 70px
}

.achievement_current_title
{
    text-decoration: none !important;
    position: absolute;
    right: 5px;
}

#select
{
    margin:0;
    clear:both;
}

#select table
{
    background-color:#eddac4;
}

#select tr th.header
{
    color:#513F2C;
    background-color:#dbcba5;
    text-align:center;
    padding:2px;
    font-weight:bold;
}

#select tr th.selection
{
    color:#513F2C;
    background-color:#dbcba5;
    text-align:center;
    padding:2px;
    font-weight:normal;
}

#select tr
{
    cursor:pointer;
    color:#513F2C;
}

#select tr.hover td
{
    background-color:#D0BFAC;
    cursor:auto;
}


#select tr.hover th
{
    cursor:auto;
    color:#513F2C;
    background-color:#b5ab8f;
    text-align:center;
    padding:2px;
}


#select tr.select td
{
    cursor:pointer;
    background-color:#513F2C;
    color:#E6C29C;
}

#select tr.select th
{
    background-color: #302418;
    color:#E6C29C;
    cursor:pointer;
}

#select td
{
    text-align:center;
}

.section_tabs {
    position: relative;
    top: 15px;
}

.section_tabs > * {
    float:left;
    font-size: 12px;
    border: 1px solid #bba86e;
    border-bottom-style: none;
    background-color: #D3C195;
    padding: 4px;
}

.section_tabs > .active {
    border-width: 2px;
    background-color: #DBCBA5;
    padding: 5px;
}


.section_tabs > :not(.active) {
    margin-top: 3px;
}

.section_tabs a {
    text-decoration: none !important;
}

article, .buildingDesc:not(.reduced) {
    margin: 0 20px;
}

article > h1 {
    margin: 20px 0;
}

.section-header:first-child:not(:only-child),
aside:first-child {
    margin-top: 0;
}

.section-header {
    color:#513F2C;
    font-size:14px;
    text-align:left;
    font-weight:bold;
    padding: 0 5px;
}

.section-header, table.section-like, .guild_build_cost {
    border: 2px solid #bba86e;
    background-color: #d3c195;
}

h2.section-header, table.section-like {
    margin-top: 15px;
}

h3.section-header {
    margin-top: 5px;
}

.section-header + section, section.standalone, .messages, .messages > :not(:empty) {
    border: 1px solid #bba86e;
    min-height:10px;
}

.section-header + section {
    border-top: none;
}

.section-header + section, section.standalone, .messages {
    background: #ded2ad url(/cdn/img/interface/box_bg.jpg) repeat-x;
    text-align: left;
	overflow-wrap: anywhere;
}

.section-header + section, section.standalone {
    padding: 2px 7px;
}

.section-header + section.table-container {
    padding: 0;
    border: none;
}

.section-header + section {
    display: none;
}

h2.section-header + section {
    text-align: center;
}

h2.section-header + section p, h2.section-header + section table, h2.section-header + section ul {
    text-align: left;
}

h2.section-header + section > div, div.centered {
    margin: 0 auto;
}

h2.section-header + section h3:not(.section-header) {
    border: none !important;
    background: none !important;
    width: auto !important;
    padding: 0 !important;
    font-size: 13px !important;
    text-align: left;
}

div.centered {
    display: table;
}

section.reduced {
    padding: 20px 25px !important;
}

aside.left {
    float: left;
}

aside.right {
    float: right;
}

ul.link-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
}
ul.link-list li {
    margin: 4px;
}

.cooldownArena
{
   text-align:center;
   margin-left:20px;
   width:115px;
   height:20px;
   float:left;
}

.cooldownCircus
{
    text-align:center;
    margin-left:20px;
    width:115px;
    height:20px;
    float:left;
}

.server_message
{

    z-index:999999999;
    top: 100px;
    background-color: #eddac4;
    border: 3px double black;
    margin-top:20px;
    background-color: #eddac4;
    border: 3px double black;

    position:absolute;
    width: 700px;
    left: 50%;
    margin-left: -350px;
}

.server_message_header
{
    padding-left:10px;
    font-size:18px;
    font-weight:bold;
    background-color:#e6c29c;
}

.server_message_content
{
    padding-left:10px;
    background-color:#eddac4;
}

.dungeon_report_statistic
{
    padding: 0 !important;
}

.check_out_league
{
    margin-left:20px;
    margin-top:10px;
}


#packages {
    margin-left: 0;
}

.packageItem {
    border: 1px solid #b28b60;
    padding: 0 0 7px 7px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 140px;
}

.packageItem .sender {
    margin-right: 5px;
    width: 70px;
    white-space: nowrap;
}

.packageItem div[data-container-number] {
    position: relative;
    width: 64px;
    height: 96px;
    background-image: url(/cdn/img/shop/shop_zelle.gif);
}

.menue_new_count
{
    position:absolute;
    left: 24px;
    top: 20px;
    width: 16px;
    height: 16px;
    color: white;
    text-align:center;
    font-weight: bold;
    font-size: 11px;
}

a#menue_news
{
    display: block;
    position: absolute;
    left: 3px;
    width: 42px;
    height: 37px;
    background-repeat: no-repeat;
    text-decoration: none;
}

a#menue_messages
{
    display: block;
    position: absolute;
    left: 87px;
    width: 42px;
    height: 37px;
    background-repeat: no-repeat;
    text-decoration: none;
}

a#menue_packages
{
    display: block;
    position: absolute;
    left: 129px;
    width: 42px;
    height: 37px;
    background-repeat: no-repeat;
    text-decoration: none;
}

a#menue_reports
{
    display: block;
    position: absolute;
    left: 45px;
    width: 42px;
    height: 37px;
    background-repeat: no-repeat;
    text-decoration: none;
}

.box1
{
    width: 200px;
    margin-left: 10px;
}

div#banner_top
{
    position:absolute;
    left: 330px;
    top:115px;
    background-image:url(/cdn/img/ui/layout/banner_top.png);
    width: 446px;
    height: 47px;
    z-index: 500;
}

#banner_event
{
    position:absolute;
    left: 353px;
    top: 118px;
    width: 400px;
    height: 40px;
    z-index: 500;
}

#banner_event_link
{
    position:absolute;
    left: 0;
    top:0;
    width: 400px;
    height: 40px;
}

.table1
{
    text-align: left;
}

.rubies_frame
{
    position:relative;
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;
    width:492px;
}

#premium_image
{
    position:relative;
    margin-left:5px;
    width:168px;
    height:248px;
    background-image:url(/cdn/img/Centurio.jpg);
    background-repeat:no-repeat;
}

#premium_duration
{
    color:orangered;
    font-weight:bold;
    position:absolute;
    top:219px;
    text-align:center;
    width:155px;
    font-size: 16px;
}

#premium_info
{
    font-weight:bold;
    font-size:14px;
    margin-left:5px;
}

.premium_features_list
{
    font-size: 12px;
}

.messages
{
    margin-bottom: 10px;
}

.messages > *
{
    margin: 2px;
    padding: 0 5px;
    color: #513F2C;
    background-color:#eddac4;
}

.messages > .success
{
    color: green;
}

.messages > .fail
{
    color: red;
}

.tooltipPicture
{
    margin-right: 6px;
    float: left;
}

.warcamp_member_report_cell
{
    padding-left:5px;
    max-width:100px;
    width:100px;
    overflow:hidden;
}

.warcamp_member_report_date
{
    padding-left:3px;
    min-width:140px;
    width:140px;
}

.warcamp_member_report_details
{
    padding-left:5px;
    padding-right:5px;
    text-align:center;
    max-width:60px;
    overflow:hidden;
}

.payment_screen
{
    position:absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: none;
    background-image: url(/cdn/img/premium/payment_bg.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    width: 832px;
    height: 706px;
}

.payment_frame
{
    margin-top: 6px;
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 0;
    overflow-x: auto;
    overflow-y: auto;
}

.popup_buttons
{
    margin: 5px;
    text-align: center;
}

.report_reward
{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.news_box_icon
{
    float:left;
    width: 30px;
}

.news_box_title { margin-left:30px; }

.news_icon
{
    margin:3px;
    width: 18px;
    height: 18px;
}

.news_icon_0 { background-image:url(/cdn/img/news/icon_1.gif); }
.news_icon_1 { background-image:url(/cdn/img/news/icon_1.gif); }
.news_icon_2 { background-image:url(/cdn/img/news/icon_2.gif); }
.news_icon_3 { background-image:url(/cdn/img/news/icon_3.gif); }
.news_icon_4 { background-image:url(/cdn/img/news/icon_4.gif); }
.news_icon_5 { background-image:url(/cdn/img/news/icon_5.gif); }
.news_icon_6 { background-image:url(/cdn/img/news/icon_6.gif); }
.news_icon_7 { background-image:url(/cdn/img/news/icon_7.gif); }

.news_title
{
    font-size: 15px;
}

.news_date
{
    font-size: 11px;
}

.news_content
{
    margin:5px;
}

.news_footer
{
    width:100%;
    clear: both;
}

.surveys_title
{
    margin-left:20px;
    font-size:15px;
    width: 370px;
}

.surveys_description
{
    margin-top:20px;
    font-size:13px;
}

.surveys_duration
{
    text-align:right;
    font-size:13px;
}

.surveys_section
{
    margin-top:10px;
    margin-left:10px;
    font-weight:bold;
    font-size:13px;
}

.surveys_question
{
    margin-top:10px;
    margin-left:20px;
    width: 500px;
    font-size:13px;
    font-weight:bold;
}

.surveys_question_error
{
    margin-top:10px;
    margin-left:20px;
    font-size:13px;
    color: red;
    font-weight:bold;
}

.surveys_answer
{
    margin-top:5px;
    margin-left:35px;
    font-size:13px;
    width: 480px;
}

.surveys_answer input
{
    display:block;
    float:left;
    margin-right:10px;
}

.surveys_answer label
{
    display:block;
    margin-left:30px;
}

a.news_readmore
{
    margin-right: 5px;
    text-align:right;
    float:right;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    background-image: url(/cdn/img/news/read_more.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

a.news_readmore:hover
{
    text-decoration:underline;
}

.news_archive_icon
{
    float:left;
    width: 18px;
    height: 18px;
}

.news_archive_date
{
    float:left;
    margin-top:3px;
    margin-left: 10px;
    width: 70px;
    font-size:11px;
    font-weight:bold;
}

.news_archive_title
{
    float:left;
    font-size:15px;
    width: 370px;
    font-weight:bold;
}

.news_archive_read_more
{
    float:right;
    display:block;
    width:20px;
    height:20px;
    margin-top:2px;
    background-image: url(/cdn/img/news/read_more.gif);
    background-repeat: no-repeat;
}

.paging
{
    position: relative;
    height: 35px;
}

.paging_button
{
    position: absolute;
    top: 5px;
    width: 27px;
    height: 26px;
    display: block;
}

.paging_left_full
{
    background-image: url(/cdn/img/ui/pagination/left_full.jpg);
    left: 20px;
}

.paging_left_step
{
    background-image: url(/cdn/img/ui/pagination/left_step.jpg);
    left: 50px;
}

.paging_right_full
{
    background-image: url(/cdn/img/ui/pagination/right_full.jpg);
    right: 20px;
}

.paging_right_step
{
    background-image: url(/cdn/img/ui/pagination/right_step.jpg);
    right: 50px;
}

.paging_numbers
{
    position:absolute;
    left: 100px;
    top: 7px;
    width: 300px;
    height: 20px;
    text-align: center;
}

.paging_numbers_current
{
    font-weight:bold;
    margin-left: 5px;
    margin-right: 5px;
}

.paging_numbers a
{
    margin-left: 5px;
    margin-right: 5px;
}

.bbcode_toolbar
{
    margin-top: 7px;
    margin-bottom: 7px;
    height: 24px;
}

.bbcode_button
{
    height: 24px;
    width: 24px;
    float: left;
    border: 0;
    margin-right: 3px;
    cursor: pointer;
}

.bbcode_dropdown
{
    float: left;
    height: 24px;
    max-width: 140px;
    *width: 140px;
    margin-left: 5px;
}

.colorPicker
{
    height: 81px;
    width: 113px;
    float: left;
    background-color: #000000;
}

.colorPicker ul
{
    margin: 0;
    padding: 0;
    list-style: none outside none;
    float: none;
    display: block;
    font-weight: normal;
    font-size: 0pt;
}

.colorPicker ul li
{
    margin: 0;
    padding-top: 1px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1px;
    display: block;
    float: left;
    border: 0 none;
    position: relative;
}

.colorPicker ul li a
{
    height: 15px;
    width: 15px;
}

.colorPicker ul li a, .colorPicker ul li a:hover
{
    background-image: none;
    display: block;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.colorPicker ul li a:hover
{
    background-position: -1px -1px;
    background-repeat:no-repeat;
    height: 13px;
    width: 13px;
    border: 1px solid #FFFFFF;
}


.colorPickerTogglePanel
{
    height: 81px;
    width: 113px;
    position: absolute;
    margin-top: 24px;
    *margin-left: -27px;
}

.linkPicker
{
    height: auto;
    width: auto;
    min-width: 113px;
    float: left;
    background-color: #E5D9BD;
    border: 2px solid;
    border-color: #876E3E #AF8E50 #AF8E50 #876E3E;
    padding: 0;
    margin: 0;
    text-align: left;
}

.linkPickerTitle
{
    padding: 3px;
    margin: 0;
    font-size: 11pt;
    font-color: #876E3E;
    font-weight: bold;
}

.linkPicker a
{
    font-weight: normal;
    font-size: 10pt;
    font-color: #5A4317;
    float: none;
    margin: 0;
    display: block;
    border: 0 none;
    position: relative;
    text-decoration: none;
    padding: 3px;
}

/* Nur fuer IE6 */
* html .linkPicker
{
    width: 220px;
}

.linkPicker a:hover
{
    background-color: #DBCBA5;
}

.linkPickerTogglePanel
{
    height: auto;
    position: absolute;
    margin-top: 24px;
    *margin-left: -27px;
}

#preloadImages
{
    position:absolute;
    top:-9999px;
}

.slotAvailable
{
    background-image:url(/cdn/img/inv/inventar_zelle_gruen.gif);
}

.slotUnavailable
{
    background-image:url(/cdn/img/inv/inventar_zelle_rot.gif);
}

.scroll_top_left
{
    width:31px;
    height:40px;
    background-image:url(/cdn/img/ui/scroll/png/scroll_top_left.png);
    float:left;
}
.scroll_top_center
{
    height:40px;
    background-image:url(/cdn/img/ui/scroll/png/scroll_top_center.png);
    float:left;
}
.scroll_top_right
{
    width:38px;
    height:40px;
    background-image:url(/cdn/img/ui/scroll/png/scroll_top_right.png);
    float:left;
}

.scroll_body_left
{
    width:31px;
    background-image:url(/cdn/img/ui/scroll/png/scroll_body_left.png);
    float:left;
    clear:left;
}
.scroll_body_center
{
    margin:0;
    padding:0;
    height:225px;
    background-color:#af9260;
    float:left;
    overflow:auto;
}
.scroll_body_right
{
    width:38px;
    background-image:url(/cdn/img/ui/scroll/png/scroll_body_right.png);
    float:left;
}

.scroll_bottom_left
{
    width:31px;
    height:40px;
    background-image:url(/cdn/img/ui/scroll/png/scroll_bottom_left.png);
    float:left;
    clear:left;
}
.scroll_bottom_center
{
    height:40px;
    background-image:url(/cdn/img/ui/scroll/png/scroll_bottom_center.png);
    float:left;
}
.scroll_bottom_right
{
    width:38px;
    height:40px;
    background-image:url(/cdn/img/ui/scroll/png/scroll_bottom_right.png);
    float:left;
}

* html .scroll_top_left
{
    width:31px;
    height:40px;
    background-image:url(/cdn/img/ui/scroll/gif/scroll_top_left.gif);
    float:left;
}
* html .scroll_top_center
{
    overflow: hidden;
    height:40px;
    background-image:url(/cdn/img/ui/scroll/gif/scroll_top_center.gif);
    float:left;
}
* html .scroll_top_right
{
    width:38px;
    height:40px;
    background-image:url(/cdn/img/ui/scroll/gif/scroll_top_right.gif);
    float:left;
}

* html .scroll_body_left
{
    width:31px;
    background-image:url(/cdn/img/ui/scroll/gif/scroll_body_left.gif);
    float:left;
    clear:left;
}
* html .scroll_body_right
{
    width:38px;
    background-image:url(/cdn/img/ui/scroll/gif/scroll_body_right.gif);
    float:left;
}

* html .scroll_bottom_left
{
    width:31px;
    height:40px;
    background-image:url(/cdn/img/ui/scroll/gif/scroll_bottom_left.gif);
    float:left;
    clear:left;
}
* html .scroll_bottom_center
{
    height:40px;
    background-image:url(/cdn/img/ui/scroll/gif/scroll_bottom_center.gif);
    float:left;
}
* html .scroll_bottom_right
{
    width:38px;
    height:40px;
    background-image:url(/cdn/img/ui/scroll/gif/scroll_bottom_right.gif);
    float:left;
}

#expedition_list {
    margin: 0 -4px;
}

#expedition_list:not(:first-child) {
    margin-top: 15px;
}

.expedition_box
{
    float:left;
    width: 124px;
    margin: 0 4px;
/*    height: 270px;*/
    /*display: inline-block;*/
    position: relative;
}

.expedition_name
{
    background-image: url(/cdn/img/expedition/nameplate.jpg);
    width: 123px;
    height: 26px;
    color: #e6d579;
    font-weight:bold;
    text-align: center;
    padding-top: 8px;
    font-size: 12px;
}

.expedition_picture
{
    position: relative;
}

.expedition_picture_boss
{
    position:absolute;
    top: 0;
    left: 0;
    width: 123px;
    height: 142px;
    background-image: url(/cdn/img/expedition/boss_picture.png);
}

.expedition_progress
{
    background-image: url(/cdn/img/expedition/progress_background.jpg);
    width:123px;
    height: 24px;
    position:relative;
}

.expedition_progress_bar
{
    position:absolute;
    top:1px;
    left: 4px;
    width: 115px;
    height:24px;
}

.expedition_progress_fill
{
    height: 24px;
    background-image: url(/cdn/img/expedition/progress_fill.jpg);
    background-repeat:repeat-x;
}

.expedition_progress_text
{
    position:absolute;
    top:0;
    left: 0;
    width: 123px;
    height:24px;
    text-align:center;
    color:white;
    font-weight:bold;
}

.expedition_button
{
    background-image: url(/cdn/img/expedition/button.jpg);
    width:123px;
    height: 26px;
    border: 0;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 0;
    font-weight:bold;
    color: #513F2C;
}

.expedition_button_disabled
{
    background-image: url(/cdn/img/expedition/button_disabled.jpg);
    color: gray;
    width:123px;
    height: 26px;
    border: 0;
    margin-top: 10px;
    margin-left: 0;
}

.expedition_button_disabled_level
{
    color: #513F2C;
}

.expedition_cooldown_reduce
{
    height:20px;
    width:123px;
    text-align:center;
    font-weight:bold;
}

#errorText .expedition_cooldown_reduce { display: inline; }

.expedition_bonus_box
{
    background: #d3c195;
    border: 2px solid #bba86e;
    width:112px;
    height: 31px;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 0;
    padding-left: 5px;
    margin-top: 10px;
}

.expedition_bonus
{
    margin-right: 2px;
    float:left;
    width: 26px;
    height: 26px;
    background-position: center;
}

.expedition_bonus.buyable { cursor: pointer; }
.expedition_bonus.disabled:before {
    color: #900A07;
    content: 'X';
    font-family: "Comic Sans MS", cursive;
    width: 26px;
    line-height: 26px;
    font-size: 28px;
    display: block;
    overflow: hidden;
    text-align: center;
}
.expedition_bonus:nth-child(1) { background-image: url(/cdn/img/expedition/bonus1_inactive.jpg); }
.expedition_bonus:nth-child(2) { background-image: url(/cdn/img/expedition/bonus2_inactive.jpg); }
.expedition_bonus:nth-child(3) { background-image: url(/cdn/img/expedition/bonus3_inactive.jpg); }
.expedition_bonus:nth-child(4) { background-image: url(/cdn/img/expedition/bonus4_inactive.jpg); }
.expedition_bonus.active:nth-child(1) { background-image: url(/cdn/img/expedition/bonus1.jpg); }
.expedition_bonus.active:nth-child(2) { background-image: url(/cdn/img/expedition/bonus2.jpg); }
.expedition_bonus.active:nth-child(3) { background-image: url(/cdn/img/expedition/bonus3.jpg); }
.expedition_bonus.active:nth-child(4) { background-image: url(/cdn/img/expedition/bonus4.jpg); }

.header_box
{
    font-size: 12px;
    font-weight: bold;
    color:#c7b68a;
    text-align:left;
    position:absolute;
    top: 42px;
    height: 35px;
}

.header_box_big
{
    font-size: 12px;
    font-weight: bold;
    color:#c7b68a;
    text-align:left;
    position:absolute;
    top: 45px;
    height: 55px;
}

#header_menue
{
    position:absolute;
    left: 165px;
    top: 38px;
    width: 170px;
    height: 39px;
}

#header_values_ressources
{
    left: 355px;
    width: 90px;
}

#header_values_general
{
    left: 450px;
    width: 50px;
}

.header_values_bar
{
    background-image:url(/cdn/img/energie_balken_grund.gif);
    position:absolute;
    left:5px;
    top:3px;
    width:102px;
    height:6px;
    overflow:hidden;
    text-align: left;
    margin-right:10px;
}

.header_values_bar_percent
{
    position:absolute;
    width:30px;
    text-align:left;
    top:0;
    right:0;
    font-weight: bold;
    font-size: 9px;
    color:#c7b68a;
}

#header_values_hp
{
    position:absolute;
    top: 77px;
    left: 355px;
    width: 142px;
    height: 15px;
    text-align: right;
}

#header_values_hp_bar_fill
{
    background-image:url(/cdn/img/energie_rot.gif);
    background-repeat:repeat-x;
    overflow:hidden;
    height:6px;
}

#header_values_xp
{
    position:absolute;
    top: 87px;
    left: 355px;
    width: 142px;
    height: 15px;
    text-align: right;
}

#header_values_xp_bar_fill
{
    background-image:url(/cdn/img/energie_gelb.gif);
    background-repeat:repeat-x;
    overflow:hidden;
    height:6px;
}

#header_values_pvp
{
    left: 770px;
    width: 230px;
}

#header_values_pve
{
    left: 520px;
    width: 230px;
}

.headericon_small
{
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 2px;
    margin-top: 1px;
}

.headervalue_small
{
    float:left;
}

.headervalue_smaller
{
    float:left;
    font-size: 9px;
    padding-top: 3px;
}

.headericon_big
{
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 5px;
}

.headervalue_big
{
    float:left;
    font-size: 16px;
    margin-top: 2px;
}

.cooldown_bar
{
    position:absolute;
    top:75px;
    width:140px;
    height:21px;
    background-image:url(/cdn/img/ui/bar.jpg);
    overflow:hidden;
}
#cooldown_bar_expedition { left: 605px; top:49px; }
#cooldown_bar_dungeon { left: 605px; }
#cooldown_bar_arena { left: 850px; top:49px;}
#cooldown_bar_ct { left: 850px;}

.cooldown_bar_text
{
    position:absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    color: #c8b38a;
    font-size: 12px;
    text-align:center !important;
    font-weight:bold;
    padding-top: 1px;
    z-index: 5;
}

.cooldown_bar_fill_progress
{
    background-image:url(/cdn/img/ui/bar_fill.jpg);
}
.cooldown_bar_fill_ready
{
    background-image:url(/cdn/img/ui/bar_fill_green.jpg);
}

.cooldown_bar_fill
{
    position:absolute;
    top: 1px;
    left: 2px;
    height:19px;
    background-repeat: repeat-x;
}

a.cooldown_bar_link
{
    position:absolute;
    top: 0;
    left: 0;
    width:138px;
    height:19px;
    display:block;
    z-index:10;
    text-decoration:none;
    background-image: url(/cdn/img/spacer.gif);
}

a.cooldown_bar_link:hover
{
    border:1px solid #BFAE54;
}

#icon_honor { background-image: url(/cdn/img/ui/icon_honor.gif); }
#icon_fame { background-image: url(/cdn/img/ui/icon_fame.gif); }

div#header_game > span,  div#header_game > span a{
    color:white;
    font-weight:bold;
    font-size: 11px;
}

div#header_game .container {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: auto;
}

div#header_game .container span, div#header_game .container span a{
    color:white;
    font-weight:bold;
    font-size: 11px;
}

div#header_game .container span {
    padding: 5px;
    text-align: center;
}

.blackoutDialog_header
{
    background-image:url(/cdn/img/ui/blackoutDialog/header.png);
    width:618px;
    height:64px;
    padding-top: 65px;
}

.blackoutDialog_header_small
{
    background-image:url(/cdn/img/ui/blackoutDialog/header_small.png);
    width:618px;
    height:63px;
}

.blackoutDialog_body
{
    background-image:url(/cdn/img/ui/blackoutDialog/body.png);
    width:518px;
    padding-left: 50px;
    padding-right: 50px;
}

.blackoutDialog_icon
{
    height:100%;
    float:left;
    text-align:center;
}

.blackoutDialog_icon > img
{
    width: 65px;
    margin: 0 12px;
}

.blackoutDialog_text
{
    margin:5px;
    margin-top: -15px;
    min-height:60px;
    width: 400px;
    float:left;
}

.blackoutDialog_icon:empty + .blackoutDialog_text
{
    width: 500px;
}

.blackoutDialog_buttons
{
    border-spacing:0;
    width: 90%;
    margin:20px 5% 0;
    text-align: center;
}

.blackoutDialog_footer
{
    background-image:url(/cdn/img/ui/blackoutDialog/footer.png);
    width:618px;
    height:75px;
}

#quest_header_accepted
{
    font-weight: bold;
    color:#f1e8c1;
    font-size: 18px;
    padding-top: 10px;
    padding-left: 15px;
}

#quest_header_cooldown
{
    color:#C7B68A;
    padding-left: 15px;
}

#quest_header_cooldown_cancel
{
    position:absolute;
    left: 385px;
    top: 12px;
    text-align: center;
    color: #C7B68A;
}

.quest_slot_icon
{
    position:absolute;
    left: 15px;
    top: 8px;
    width: 48px;
    height: 48px;
}

.quest_slot_title
{
    position: absolute;
    left: 70px;
    top: 9px;
    width: 420px;
    height: 40px;
    font-size: 13px;
    font-weight:bold;
    line-height: 1.2;
}

.quest_slot_reward_box
{
    position: absolute;
    left: 70px;
    top: 40px;
    height: 15px;
    width:420px;
    font-size: 11px;
    color: #513F2C;
}

.quest_slot_reward_text
{
    font-weight:bold;
    float:left;
}

.quest_slot_reward
{
    float:left;
    text-align:right;
}
.quest_slot_reward_gold { width: 70px; }
.quest_slot_reward_god { width: 20px;}
.quest_slot_reward_honor { width: 18px;}
.quest_slot_reward_xp { width: 18px; }
.quest_slot_reward_item { width: 18px; }

.quest_slot_progress
{
    position: absolute;
    right: 15px;
    top: 10px;
    width: 50px;
    text-align: right;
    font-weight:bold;

}

.quest_slot_time
{
    position: absolute;
    right: 50px;
    top: 40px;
    width: 80px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
}

a.quest_slot_button
{
    position:absolute;
    bottom: 1px;
    right:10px;
    width:30px;
    height:30px;
    border: 0;
}

a.quest_slot_button_accept
{
    bottom: 16px;
    background-image:url(/cdn/img/ui/quest/button_accept.jpg);
}
a.quest_slot_button_accept:hover { background-image:url(/cdn/img/ui/quest/button_accept_hover.jpg); }

a.quest_slot_button_finish
{
    bottom: 16px;
    background-image:url(/cdn/img/ui/quest/button_finish.jpg);
}
a.quest_slot_button_finish:hover { background-image:url(/cdn/img/ui/quest/button_finish_hover.jpg); }

a.quest_slot_button_cancel { background-image:url(/cdn/img/ui/quest/button_cancel.jpg); }
a.quest_slot_button_cancel:hover { background-image:url(/cdn/img/ui/quest/button_cancel_hover.jpg); }

a.quest_slot_button_restart { background-image:url(/cdn/img/ui/quest/button_restart.jpg); }
a.quest_slot_button_restart:hover { background-image:url(/cdn/img/ui/quest/button_restart_hover.jpg); }

#quest_footer_reroll
{
    color: #C7B68A;
    text-align: center;
    padding-top: 17px;
    font-size: 11px;
}

#centurio
{
    width: 530px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

#cooldown_bar_event
{
    position:absolute;
    left: 757px;
    top: 123px;
    width:140px;
    height:21px;
    background-image:url(/cdn/img/ui/bar.jpg);
    overflow:hidden;
    background-color: red;
    z-index: 500;
}

.contentboard_start
{
    margin-left: -10px;
}

.contentboard_header_short
{
    position: relative;
    background-image:url(/cdn/img/ui/contentboard/header_short.jpg);
    width: 555px;
    height: 12px;
}

.contentboard_header_medium
{
    position: relative;
    background-image:url(/cdn/img/ui/contentboard/header_medium.jpg);
    width: 555px;
    height: 31px;
}

.contentboard_header_long
{
    position: relative;
    background-image:url(/cdn/img/ui/contentboard/header_long.jpg);
    width: 555px;
    height: 63px;
}

.contentboard_paper_top
{
    position: relative;
    width: 555px;
    height: 14px;
}

.contentboard_paper_repeat
{
    position: relative;
    background-repeat: repeat-y;
    width: 555px;
    padding-left: 15px;
}

.contentboard_paper_bottom
{
    position: relative;
    width: 555px;
    height: 14px;
}

.contentboard_paper_active_top
{
    background-image:url(/cdn/img/ui/contentboard/paper_active_top.jpg);
}

.contentboard_paper_active_repeat
{
    background-image:url(/cdn/img/ui/contentboard/paper_active_repeat.jpg);
}

.contentboard_paper_active_bottom
{
    background-image:url(/cdn/img/ui/contentboard/paper_active_bottom.jpg);
}

.contentboard_paper_active_top_dual
{
    background-image:url(/cdn/img/ui/contentboard/paper_active_top_dual.jpg);
}

.contentboard_paper_active_repeat_dual
{
    background-image:url(/cdn/img/ui/contentboard/paper_active_repeat_dual.jpg);
}

.contentboard_paper_active_bottom_dual
{
    background-image:url(/cdn/img/ui/contentboard/paper_active_bottom_dual.jpg);
}

.contentboard_paper_inactive_top
{
    background-image:url(/cdn/img/ui/contentboard/paper_inactive_top.jpg);
}

.contentboard_paper_inactive_repeat
{
    background-image:url(/cdn/img/ui/contentboard/paper_inactive_repeat.jpg);
}

.contentboard_paper_inactive_bottom
{
    background-image:url(/cdn/img/ui/contentboard/paper_inactive_bottom.jpg);
}

.contentboard_footer_short
{
    position: relative;
    background-image:url(/cdn/img/ui/contentboard/footer_short.jpg);
    width: 555px;
    height: 12px;
}

.contentboard_footer_long
{
    position: relative;
    background-image:url(/cdn/img/ui/contentboard/footer_long.jpg);
    width: 555px;
    height: 63px;
}
.contentboard_footer_long
{
    position: relative;
    background-image:url(/cdn/img/ui/contentboard/footer_long.jpg);
    width: 555px;
    height: 63px;
}

.contentboard_spacer
{
    position: relative;
    background-image:url(/cdn/img/ui/contentboard/spacer.jpg);
    width: 555px;
    height: 9px;
}

.contentboard_inner
{
    padding-left: 10px;
    padding-right: 10px;
    position:relative;
}

.contentboard_slot
{
    width: 555px;
    height: 63px;
    position:relative;
}

.contentboard_slot_inactive
{
    background-image:url(/cdn/img/ui/contentboard/slot_inactive.jpg);
}

.contentboard_slot_active
{
    background-image:url(/cdn/img/ui/contentboard/slot_active.jpg);
}

.halloffame
{
    margin-left: 10px;
    margin-right: 10px;
}

.halloffame th, .halloffame td
{
    overflow: hidden;
}

.halloffame table
{
    width: 520px;
}

.halloffame_name
{
    text-align: left !important;
    width: 200px;
}

th.halloffame_name
{
    width: 240px;
}

.halloffame_place
{
    background-repeat: no-repeat;
    background-position: 3px;
    width: 40px;
    height: 30px;
    text-align: center !important;
    font-weight: bold !important;
}

.halloffame_place_1 { background-image: url(/cdn/img/ui/halloffame/place_1.png); }
.halloffame_place_2 { background-image: url(/cdn/img/ui/halloffame/place_2.png); }
.halloffame_place_3 { background-image: url(/cdn/img/ui/halloffame/place_3.png); }
.halloffame_place_default { background-image: url(/cdn/img/ui/halloffame/place_default.png); }

.halloffame_value
{
    text-align: center !important;
    width: 120px;
}

.halloffame_date
{
    text-align: center !important;
    width: 100px;
}

.halloffame_round
{
    text-align: center !important;
    width: 80px;
}

.slide_arrow_open
{
    background-image: url(/cdn/img/arrow_down.gif);
    background-repeat: no-repeat;
    width:20px;
    cursor:pointer;
    float: left;
    padding-right: 5px;
}

.slide_arrow_closed
{
    background-image: url(/cdn/img/arrow_right.gif);
    background-repeat: no-repeat;
    width:20px;
    height: 20px;
    cursor:pointer;
    float: left;
    padding-right: 5px;
}

#chat_icon
{
    position: absolute;
    top: 115px;
    left: 30px;
    width: 24px;
    height: 24px;
    display: none;
}

#chatFulldiv {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    pointer-events: none;
}

.serverevent_picture
{
    width: 100px;
    float: left;
    margin-right: 10px;
}

.serverevent_content
{
    float: left;
    width: 400px;
}

.serverevent_title
{
    font-size: 16px;
    font-weight: bold;
}

.serverevent_date
{
    font-size: 11px;
    font-weight: bold;
}

.serverevent_description
{
    font-size: 13px;
}

#magus_box
{
    position:relative;
    background-image:url(/cdn/img/ui/magus/background.png);
    left:7px;
    top:0;
    width:197px;
    height:259px;
}

.magus_itembox
{
    position: absolute;
    top: 7px;
    left: 9px;
    width: 64px;
    height: 96px;
    background-image: url(/cdn/img/shop/shop_zelle.gif);
}

#magus_upgrade_arrow
{
    width: 51px;
    height: 33px;
    position: absolute;
    left: 74px;
    top: 40px;
    background-image: url(/cdn/img/ui/magus/arrow.png);
    background-repeat:no-repeat;
}

#magus_upgrade_chance
{
    position: absolute;
    top: 5px;
    left: 0;
    width:50px;
    font-weight:bold;
    text-align: center;
    font-size: 14px;
}

#magus_targetbox
{
    width: 64px;
    height: 96px;
    background-image: url(/cdn/img/shop/shop_zelle_gray.gif);
    position: absolute;
    right: 8px;
    top: 7px;
}

#magus_slider_box
{
    position:absolute;
    top: 110px;
    left: 20px;
    width:160px;
}

#magus_button_box
{
    position: absolute;
    left:0;
    top: 225px;
    text-align:center;
    width: 197px;
}

.magus_slider
{
    height: 24px;
    margin-bottom: 10px;
    position: relative;
}

.magus_slider .knob
{
    background-image: url(/cdn/img/ui/magus/slider_knob.png);
    width: 13px;
    height: 24px;
    cursor: pointer;
}

#magus_slider_gold_bg
{
    background-image:url(/cdn/img/ui/magus/slider_gold_bg.png);
    width:119px;
    height:24px;
}

#magus_slider_gold
{
    width: 113px;
    background-image: url(/cdn/img/ui/magus/slider_gold_fill.png);
    background-repeat: repeat-x;
    margin-left: 3px;
}

#magus_slider_rubies_bg
{
    background-image:url(/cdn/img/ui/magus/slider_rubies_bg.png);
    width:155px;
    height:24px;
    margin-top: 5px;
}

#magus_slider_rubies
{
    width: 149px;
    background-image: url(/cdn/img/ui/magus/slider_rubies_fill.png);
    background-repeat: repeat-x;
    margin-left: 3px;
}

.magus_chance_box
{
    margin-top:5px;
}

.magus_chance_label
{
    float:left;
    font-weight:bold;
    font-size:15px;
}

.magus_chance_currency
{
    float:left;
    margin-top: 3px;
    margin-left: 5px;
}

#magus_gold_chance, #magus_rubies_chance
{
    float:left;
    width: 20px;
    height: 20px;
    text-align:center;
    color:black;
    font-size: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#magus_gold_cost, #magus_rubies_cost
{
    margin-left: 15px;
    float:left;
    text-align:center;
    width: 75px;
    height: 20px;
    color:black;
    font-size: 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.pling {
    position: absolute;
    font-weight: bold;
    text-align: center;
    z-index: 2000;
}

.dd_highlight
{
    position: absolute;
    left:   0;
    top:  0;
    width:  100%;
    height: 100%;
    filter:alpha(opacity=30);
    \-moz-opacity: 0.30;
    opacity: 0.30;
    background-color: green;
}

.spinner
{
    position: absolute;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    z-index: 999;
}

.spinner-img
{
    background: url(/cdn/img/ui/spinner.gif) no-repeat;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.missions_header_content
{
    font-weight: bold;
    color: #f1e8c1;
    font-size: 18px;
    padding-top: 3px;
    padding-left: 10px;
}

.missions_slot_title
{
    position: absolute;
    left: 20px;
    top: 9px;
    width: 420px;
    height: 40px;
    font-size: 13px;
    font-weight:bold;
    line-height: 1.2;
}

.missions_slot_state
{
    position: absolute;
    left: 440px;
    top: 21px;
    width: 102px;
    height: 40px;
    font-size: 14px;
    font-weight:bold;
    line-height: 1.2;
    text-align: center;
}

.missions_data
{
    width: 532px;
    height: 61px;
    margin-left: 12px;
}

.progress_bar
{
    background-image:url(/cdn/img/energie_balken_grund.gif);
    width:102px;
    height:6px;
    overflow:hidden;
    text-align: left;
}

.progress_bar_dynamic
{
    background-color: #000000;
    border-top: 1px solid #554220;
    border-left: 1px solid #776632;
    border-right: 1px solid #776632;
    border-bottom: 1px solid #776632;
    width:102px;
    height:4px;
    overflow:hidden;
    text-align: left;
}


.progress_bar_1
{
    background-image:url(/cdn/img/energie_gruen.gif);
    background-repeat:repeat-x;
    overflow:hidden;
    height:6px;
    margin-left: 1px;
    margin-right: 1px;
}

.missions_progress_bar
{
    position: absolute;
    top: 25px;
    left: 0;
}

.missions_slot_reward_box
{
    position: absolute;
    left: 21px;
    top: 40px;
    height: 15px;
    width:420px;
    font-size: 11px;
    color: #513F2C;
}

.missions_slot_reward_text
{
    font-weight:bold;
    float:left;
}

.missions_slot_reward
{
    float:left;
    text-align:right;
    width: 55px;
}

#gods
{
    position:relative;
    left: -10px;
    background-image: url(/cdn/img/ui/gods/background.png);
    background-repeat: no-repeat;
    width: 554px;
    height: 625px;
}

#gods #daily_points
{
    position:absolute;
    top: 295px;
    left: 232px;
    width: 90px;
    height: 30px;
    text-align:center;
    font-size: 15px;
    font-weight:bold;
}

#gods .god_box
{
    position:absolute;
    background-image: url(/cdn/img/ui/gods/ring_background.png);
    width: 146px;
    height: 146px;
}

#gods #mars
{
    left: 204px;
    top: 25px;
}

#gods #apollo
{
    left: 204px;
    top: 439px;
}

#gods #diana
{
    left: 383px;
    top: 336px;
}

#gods #merkur
{
    left: 383px;
    top: 129px;
}

#gods #minerva
{
    left: 25px;
    top: 336px;
}

#gods #vulcanus
{
    left: 25px;
    top: 129px;
}

#gods .god_nameplate
{
    position:absolute;
    left: -8px;
    top: 120px;
    width: 158px;
    height: 62px;
    background-image: url(/cdn/img/ui/gods/nameplate.png);
}

#gods .god_nameplate .god_name
{
    width: 158px;
    height: 20px;
    position:absolute;
    top: 5px;
    left: 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

#gods .god_nameplate .god_points
{
    width: 158px;
    height: 20px;
    position: absolute;
    top: 25px;
    left: 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

#gods .god_cooldown
{
    width: 90px;
    position:absolute;
    background-color:black;
    filter: alpha(opacity = 80); \-moz-opacity: 0.80; opacity: 0.80;
    color:white;
    top: 65px;
    left:28px;
    font-weight: bold;
    text-align:center;
    font-size: 14px;
}

.gods_list_image
{
    margin-right: 5px;
    border: 1px solid #513F2C;
    float: left;
    cursor: pointer;
}

#buffbar_small
{
    position :relative;
    width: 262px;
    margin-top: 3px;
    min-height: 38px;
}

.buffbar_background_small
{
    background-image:url(/cdn/img/ui/buffs/buff_wall.gif);
}

.buff_small
{
    width: 35px;
    height: 38px;
    background-image:url(/cdn/img/ui/buffs/buff_bg.gif);
    float: left;
}

.buff_attacker_small
{
    float: left;
}

.buff_defender_small
{
    float: right;
}

.buffend_small
{
    background-image: url(/cdn/img/ui/buffs/buff_bg_end.gif);
    width: 38px;
}

.buff_inner_small
{
    height: 32px;
    margin-left: 3px;
    margin-right: 0;
    margin-top: 3px;
    margin-bottom: 0;
}

.guild_temple_label
{
    font-weight: bold;;
}

.guild_temple_points_god
{
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

.guild_temple_god_image
{
    cursor: pointer;
}

.guild_temple_god
{
    float: left;
    width: 74px;
    text-align: center;
}

#training_box
{
    position: relative;
    margin-top:10px;
    color: #695220;
}

.training_inner
{
    position:relative;
    background-image:url(/cdn/img/ui/training/inner.jpg);
    display:block;
    background-repeat:no-repeat;
    overflow:hidden;
    width:500px;
    height:30px;
}

.training_values
{
    position:relative;
    display:block;
    float:right;
    width: 190px;
    text-align:right;
    top:-13px;
    right:190px;
    font-weight: bold;
    font-size: 14px;
    color: #540400;
}

.training_link
{
    height:20px;
    position:absolute;
    top:2px;
    right: 7px;
    font-weight:bold;
}

.training_costs
{
    position:absolute;
    top: 5px;
    right:30px;
    width: 100px;
    text-align: right;
}

a.training_button
{
    position:absolute;
    right: 0;
    width:25px;
    height:25px;
    border: 0;
    background-image: url(/cdn/img/ui/training/button.jpg);
}

a.training_button:hover
{
    background-image: url(/cdn/img/ui/training/button_hover.jpg);
}

.training_value, .training_operator
{
    float:left;
    width:40px;
    text-align:center;
    font-weight: bold;
    color:#695220;
}

.training_operator
{
    width:10px;
    color:#695220;
}

.arena_spinner
{
    position: absolute;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    z-index: 999;
}

.arena_spinner-img
{
    background: url(/cdn/img/ui/spinner2.gif) no-repeat;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    top: -5px;
}

.arena_spinner-content
{
    margin-top: -9px;
}

#ct_state p
{
    margin-bottom: 0 !important;
}

#ct_state p:first-child
{
    float:left;
    width: 300px;
    font-size: 13px;
    font-weight:bold;
    padding-top: 4px;
}

#ct_state p:nth-child(2)
{
    float:right;
}

#ct_state p:last-child
{
    clear: both;
}

.loginbonus
{
    width:849px;
    height: 358px;
    background: url(/cdn/img/ui/loginbonus/loginbonus.png) no-repeat;
}

.loginbonus_content
{
    padding-left: 74px;
    padding-right: 71px;
}

.loginbonus_head
{
    padding-top: 45px;
    font-size: 25px;
    text-align: center;
}

.loginbonus_special
{
    font-weight: bold;
    padding-top: 15px;
    text-align: center;
}

.loginbonus_description
{
    text-align: center;
}

.loginbonus_body
{
    height: 141px;
    padding-top: 10px;
}

.loginbonus_bonus
{
    float: left;
    width: 88px;
}

.loginbonus_icon
{
    height: 100px;
    text-align: center;
}

.loginbonus_icon_fade
{
    position: absolute;
    left: 9px;
    top: 5px;
    background-color: black;
    width: 70px;
    height: 89px;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}

.loginbonus_state
{
    position: absolute;
    left: 9px;
    top: 5px;
}

.loginbonus_text
{
    text-align: center;
    margin-top: 5px;
    overflow: hidden;
}

.loginbonus_text_current
{
    font-weight: bold;
}

.loginbonus_buttons
{
    padding-top: 20px;
    text-align: center;
    clear: both;
}

.expedition_serverquest_box
{
    background: #d3c195;
    border: 2px solid #bba86e;
    width:112px;
    height: 31px;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 0;
    padding-left: 5px;
    margin-top: 10px;
}

.highlight_guildmember
{
    color: #247F2A !important;
}

.serverquest_reward_header
{
    font-weight: bold;
    color: #f1e8c1;
    font-size: 18px;
    padding-top: 3px;
    padding-left: 10px;
}

.serverquest_reward_fade
{
    height: 51px;
    background-color: black;
    position: absolute;
    z-index: 10;
    opacity: .4
}
.serverquest_rewards
{
    width: 524px;
}

.serverquest_reward_points
{
    float: left;
}

.serverquest_reward_other
{
    margin-left: 22px;
    float: left;
}

.costumes_box
{
    float: left;
    margin-right: 11px;
    margin-bottom: 12px;
    text-align: center;
    position:relative;
    width: 168px;
}

#costumes_button_left
{
    width: 80px;
    height: 26px;
    float: left;
    position: relative;
    margin-top: 2px;
}

#costumes_button_right
{
    width: 80px;
    height: 26px;
    float: right;
    position: relative;
    margin-top: 2px;
}

.costumes_button_ticker
{
    color: #BCBCBC;
    cursor: default;
    position: absolute;
    left: 0;
    top: 2px;
    width: 100%;
    text-align: center;
    font-weight:bold;
}

.costumes_button
{
    margin-top: 0;
    margin-left: 0;
    font-weight:bold;
    color: #513F2C;
    width: 80px;
       height:26px;
       border: 0;
       font-size:11px;
}

.costumes_button_single
{
    background: #390301;
    background: -moz-linear-gradient(top, #E0D062, #E0BE62);
    background: -webkit-gradient(linear, left top, left bottom, from(#E0D062), to(#E0BE62));
    background: linear-gradient(to bottom, #E0D062, #E0BE62);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#E0D062', EndColorStr='#E0BE62', GradientType=0);
    cursor: pointer;
}

.costumes_button_group
{
    background-image: url(/cdn/img/costumes/button_group.jpg);
    cursor: pointer;
}

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

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

.costumes_button_inactive
{
    background-image: url(/cdn/img/costumes/button_inactive.jpg);
    cursor: default;

}

.costumes_button_overlay
{
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    filter: alpha(opacity = 50); \-moz-opacity: 0.50; opacity: 0.5;
    width: 80px;
    height: 26px;
}

.avatar_costume_part
{
    position: absolute;
    top: 0;
    left: 0;
}

.avatar
{
    width:168px;
    height:194px;
}

.premiumfeature_picture
{
    width: 70px;
    float: left;
    margin-right: 10px;
    position:relative;
}

.premiumfeature_content
{
    float: left;
    width: 400px;
}

.premiumfeature_time
{
    color: green;
    float: left;
    width: 400px;
}

.premiumfeature_title
{
    font-size: 16px;
    font-weight: bold;
}

.premiumfeature_description
{
    font-size: 13px;
    width: 310px;
}

.premiumfeature_activate
{
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 90px;
}

.premiumfeature_tokencount
 {
     position:absolute;
     color:white;
     font-weight: bold;
     font-size: 16px;
     text-align: center;
     width: 70px;
     height: 26px;
     background-image: url(/cdn/img/ui/shop/amount_background.jpg);
     left: 0;
     top: 82px;
 }

.premiumfeature_activate_box
{
    position:absolute;
    right:25px;
    top:30px;
    width:120px;
    height: 80px;
    text-align:center;
}

a.premiumfeature_quicklink
{
    position:absolute;
    display:block;
    bottom: 0;
    right: 5px;
}

.premiumfeature_buy_box
{
    position: absolute;
    right: 27px;
    top: 10px;
    width: 140px;
}

.premiumfeature_button_buy_label
{
    float:left;
    font-weight: bold;
    font-size: 13px;
    padding-top: 3px;
    width: 65px;
    text-align:right;
}

.premiumfeature_button_buy
{
    background-image: url(/cdn/img/ui/shop/button_buy.jpg);
    width: 50px;
    height: 22px;
    display:block;
    text-align:right;
    padding-right: 10px;
    text-decoration: none !important;
    cursor:pointer;
    margin-bottom: 3px;
    margin-right: 5px;
    padding-top: 4px;
    float:right;
}

.premiumfeature_button_buy_disabled
{
    background-image: url(/cdn/img/ui/shop/button_buy_disabled.jpg);
    cursor: default;
}

.map
{
    position: relative;
    width:532px;
    height:400px;
}

.map_labels
{
    z-index: 1;
    position:absolute;
    top:0;
    left:0;
    width:532px;
    height:400px;
}

.map_label
{
    position:absolute;
    background-color:#513F2C;
    border:1px solid #D3C195;
    color:#D3C195 !important;
    text-decoration: none !important;
    padding:0 4px;
    font-size: 10px;
    font-weight:bold;
}

.map_clickareas
{
    z-index:2;
    position:absolute;
    top:0;
    left:0;
    width:532px;
    height:400px;
}

.map_link
{
    position:absolute;
    display:block;
}


.mysterybox_reward
{
    float: left;
    width: 80px;
    height: 92px;
    color: black;
    text-align: center;
}

.mysterybox_reward_item_wheel
{
    position: relative;
    float: left;
}

.mysterybox_reward_item_pool
{
    position:relative;
    /*border: 1px solid black;*/
    margin: 1px;
    width: 80px;
    height: 92px;
}

.mysterybox_reward_item_count
{
    position:absolute;
    right: 6px;
    bottom: 7px;
    width: 20px;
    height: 20px;
    cursor: default;
}

.mysterybox_reward_item_count_value
{
    color:white;
    font-weight: bold;
    font-size: 14px;
}

.mysterybox_reward_item_count_background
{
    background-image: url(/cdn/img/premium/box/amount.png);
}

.mysterybox_reward_border
{
    position:absolute;
    right:0;
    top:0;
    width: 80px;
    height: 92px;
}

.mysterybox_reward_border_silver { background-image: url(/cdn/img/premium/box/border_silver.png); }
.mysterybox_reward_border_gold { background-image: url(/cdn/img/premium/box/border_gold.png); }
.mysterybox_reward_border_default { background-image: url(/cdn/img/premium/box/border_default.png); }


.mysterybox_reward_pool
{
    height: 195px;
    padding-left: 11px;
}

.mysterybox_left
{
    float: left;
    margin-left: 11px;
    position:relative;
}

#mysterybox_wheel
{
    position:relative;
    width: 80px;
    height: 92px;
    overflow: hidden;
}

#mysterybox_picture
{
    position:absolute;
    top:0;
    left:0;
    width: 80px;
    height: 92px;
    overflow: hidden;
}

#mysterybox_buttons
{
    width: 110px;
    position:absolute;
    right: 35px;
    top: 35px;
    text-align: center;
}

#mysterybox_luck
{
    text-align: center;
    color: #C7B68A;
    padding-top: 15px;
}

.mysterybox_content
{
    float:left;
    margin-left: 10px;
}

.mysterybox_title
{
    font-size: 16px;
    font-weight: bold;
}

.mysterybox_description
{
    font-size: 13px;
    width: 310px;
}

.mysterybox_count
{
    color:white;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    width: 80px;
    height: 25px;
    background-image: url(/cdn/img/ui/shop/box_amount_background.jpg);
    margin-top: 1px;
    padding-top: 1px;
}

.mysterybox_header_content
{
    font-weight: bold;
    color: #612D04;
    font-size: 14px;
    padding-top: 3px;
    padding-left: 11px;
}

.mysterybox_popup_text
{
    float:left;
    margin-left: 10px;
    width: 400px;
}

.premium_activate_button
{
    background-image: url(/cdn/img/ui/shop/button_activate.jpg);
    width:110px;
    height: 26px;
    border: 0;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 0;
    font-weight:bold;
    font-size: 12px;
    color: #513F2C;
}

.player_picture
{
    width:168px;
    height:194px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
}
.shopTab {
    position: relative;

    margin: 0 5px 0 4px;
    min-width: 12px;

    color: #39270a;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px -1px #503c20;

    background: url(/cdn/img/shop/shop_tab_dyn_repeat.gif) repeat-x;
}

.shopTab.dynamic {
    padding: 0 2px;
    width: auto;
    font-size: 12px;
}

.shopTab.active {
    color: #b9995f;
    text-shadow: -1px 1px #9e7428;
    background-image: url(/cdn/img/shop/shop_tab_dyn_repeat_active.gif);
}

.shopTab, .shopTab:before, .shopTab:after {
    display: inline-block;
    height: 20px;
    line-height: 22px;
}

.shopTab:before, .shopTab:after {
    position: absolute;
    content: '';
}

.shopTab:before {
    width: 4px;
    left: -4px;
    background-image: url(/cdn/img/shop/shop_tab_dyn_left.gif);
}

.shopTab.active:before {
    background-image: url(/cdn/img/shop/shop_tab_dyn_left_active.gif);
}

.shopTab:after {
    width: 5px;
    right: -5px;
    background-image: url(/cdn/img/shop/shop_tab_dyn_right.gif);
}

.shopTab.active:after  {
    background-image: url(/cdn/img/shop/shop_tab_dyn_right_active.gif);
}

.avatar_costume_animation
{
    background-repeat: no-repeat;
    background-position: 0 0;
}

.avatar_small
{
    width:100px;
    height:115px;
}

.gender_box
{
    float: left;
    padding: 5px;
    cursor: pointer;
    filter: alpha(opacity = 50); \-moz-opacity: 0.50; opacity: 0.50;
}

.gender_selected
{
    filter: alpha(opacity = 100); \-moz-opacity: 1; opacity: 1;
}

.payment_spinner
{
    position: absolute;
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    z-index: 999;
    background-color: black;
}

.payment_spinner-img
{
    background: url(/cdn/img/ui/spinner3.gif) no-repeat;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    top: -5px;
}

.recruiting_head
{
    font-weight: bold;
    color:#f1e8c1;
    font-size: 18px;
}
.recruiting_headline
{
    font-size: 18px;
    padding-top: 3px;
    padding-left: 10px;
    float: left;
}

.recruiting_points
{
    font-size: 18px;
    padding-top: 3px;
    padding-right: 10px;
    float: right;
}

.recruiting_box
{
    width: 520px;
    margin-left: 5px;
}

.recruiting_target
{
    float: left;
    width: 48px;
    height: 48px;
}
.recruiting_targets
{
    width: 240px;
    height: 48px;
    position: absolute;
    top: 8px;
    left: 298px;
}

.recruiting_recruit_data
{
    position: absolute;
    top: 4px;
    left: 20px;
}

.pedlar_goods_container_row
{
    width: 525px;
    position: relative;
}

.pedlar_goods_container
{
    width: 256px;
    position: absolute;
    top: 0;
    left: 0;
}

.pedlar_goods_buy_box
{
    width: 136px;
    left: 125px;
}

.pedlar_goods_text
{
    position: absolute;
    top: 0;
    left: 75px;
    width: 180px;
}

.pedlar_goods_title
{
    font-size: 14px;
    font-weight: bold;
}

.pedlar_picture_container
{
    height: 110px;
}

.pedlar_picture
{
    width: 70px;
}

.pedlar_picture_preview
{
    width: 64px;
}

.pedlar_goods_stock
{
    width: 100px;
}

.pedlar_goods_isowned
{
    color: green;
}

.pedlar_goods_count_small
{
    color:white;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    width: 64px;
    height: 22px;
    background-image: url(/cdn/img/ui/shop/amount_background.jpg);
}

.contentboard_header_content
{
    font-weight: bold;
    color: #f1e8c1;
    font-size: 18px;
    padding-top: 3px;
    padding-left: 10px;
}

.pedlarDesc
{
    margin-right:10px !important;
    margin-left:0 !important;
    text-align: justify;
      min-height:175px;
}

.pedlarDesc img
{
    margin-right:10px;
    float: left;
}

.pedlar_preview_item
{
    float: left;
    height: 96px;
    width: 70px;
}

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

    color: #453011;
    text-align: center;
    text-decoration: none;

    border: 1px solid #E9D2A0;

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

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

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

    cursor: pointer;

    font-size: 11px;
    font-weight: bold;
    
    
    background-color: #390301;
    box-shadow: 0 0 0 1px #8E753F;

    margin-right: 6px;
}

.awesome-button.big {
    width: 147px;
}

.awesome-button.shop {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.25, #FEF17E),
        color-stop(1, #D48A29)
    );
    background-image: -o-linear-gradient(bottom, #FEF17E 25%, #D48A29 100%);
    background-image: -moz-linear-gradient(bottom, #FEF17E 25%, #D48A29 100%);
    background-image: -webkit-linear-gradient(bottom, #FEF17E 25%, #D48A29 100%);
    background-image: -ms-linear-gradient(bottom, #FEF17E 25%, #D48A29 100%);
    background-image: linear-gradient(to bottom, #FEF17E 25%, #D48A29 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FEF17E', EndColorStr='#B06B0E', GradientType=0);
}

a.awesome-button {
    color: #453011 !important;
    text-decoration: none !important;
}
a.awesome-button.disabled,
a.awesome-button:disabled {
    color: #bcbcbc !important;
    cursor: default !important;
}

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

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

.awesome-button.disabled,
.awesome-button:disabled {
    color: #bcbcbc;
    cursor: default;
    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(linear, left top, left bottom, from(#272727), to(#121212));
    background: linear-gradient(to bottom, #272727, #121212);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#272727', EndColorStr='#121212', GradientType=0);
}

.awesome-button.disabled.shop,
.awesome-button:disabled.shop {
    color: lightgrey !important;
}

.awesome-button.small {
    padding-top: 0;
    padding-bottom: 0;
    /*float: right;*/
}

#multiaccounts li {
    position: relative;
}

#multiaccounts li > span {
    position: absolute;
    left: 0;
    margin-left: 100px;
}

#ajaxErrorDialog {
    border: red dashed thin;
    width: auto;
}

#mainmenu a.glow {
    color: #aaf;
}

#mainmenu a.glow:hover,
#mainmenu a.glow:focus {
    color: #fff;
}

.glow {
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
    -webkit-transition: color,text-shadow 500ms linear 0.00s;
    -moz-transition: color,text-shadow 500ms linear 0.00s;
    -o-transition: color,text-shadow 500ms linear 0.00s;
    transition: color,text-shadow 500ms linear 0.00s;
    outline: 0 none;
}

.glow:hover,
.glow:focus {
    color: #fff;
    text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
    -webkit-transition: color,text-shadow 100ms linear 0.00s;
    -moz-transition: color,text-shadow 100ms linear 0.00s;
    -o-transition: color,text-shadow 100ms linear 0.00s;
    transition: color,text-shadow 100ms linear 0.00s;
}

.eyecatcher-glow {
    color: #fff;
    text-shadow: 0 0 4px #bb7 !important;
    -webkit-transition: color,text-shadow 500ms linear 0.00s;
    -moz-transition: color,text-shadow 500ms linear 0.00s;
    -o-transition: color,text-shadow 500ms linear 0.00s;
    transition: color,text-shadow 500ms linear 0.00s;
}

.eyecatcher-glow-strong {
    color: #fff !important;
    text-shadow: 0 0 10px #bb7 !important;
    -webkit-transition: color,text-shadow 700ms ease-in-out 0.00s;
    -moz-transition: color,text-shadow 700ms ease-in-out 0.00s;
    -o-transition: color,text-shadow 700ms ease-in-out 0.00s;
    transition: color,text-shadow 700ms ease-in-out 0.00s;
}


 /*==== PROGRESSBAR ====*/
.meter { 
    height: 7px;
    position: relative;
    /*margin: 60px 0 20px 0;  Just for demo spacing */
    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 3px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
    display: block;
    height: 100%;
       -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
           -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
               border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        -webkit-border-top-left-radius: 20px;
     -webkit-border-bottom-left-radius: 20px;
            -moz-border-radius-topleft: 20px;
         -moz-border-radius-bottomleft: 20px;
                border-top-left-radius: 20px;
             border-bottom-left-radius: 20px;
    background-color: rgb(43,194,83);
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(43,194,83)),
      color-stop(1, rgb(84,240,84))
     );
    background-image: -moz-linear-gradient(
      center bottom,
      rgb(43,194,83) 37%,
      rgb(84,240,84) 69%
     );
    -webkit-box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    box-shadow: 
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}
.meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image: 
       -webkit-gradient(linear, 0 0, 100% 100%, 
          color-stop(.25, rgba(255, 255, 255, .2)), 
          color-stop(.25, transparent), color-stop(.5, transparent), 
          color-stop(.5, rgba(255, 255, 255, .2)), 
          color-stop(.75, rgba(255, 255, 255, .2)), 
          color-stop(.75, transparent), to(transparent)
       );
    background-image: 
            -moz-linear-gradient(
              -45deg, 
          rgba(255, 255, 255, .2) 25%, 
          transparent 25%, 
          transparent 50%, 
          rgba(255, 255, 255, .2) 50%, 
          rgba(255, 255, 255, .2) 75%, 
          transparent 75%, 
          transparent
       );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
       -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
           -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
               border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        -webkit-border-top-left-radius: 20px;
     -webkit-border-bottom-left-radius: 20px;
            -moz-border-radius-topleft: 20px;
         -moz-border-radius-bottomleft: 20px;
                border-top-left-radius: 20px;
             border-bottom-left-radius: 20px;
    overflow: hidden;
}
.new-meter {
    position: relative;
    height: 16px !important;
}
.new-meter .ui-progressbar-value {
    transition: width 2s;
}
.new-meter .label {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

.orange > span, .orange > .ui-progressbar-value {
    background-color: #f1a165;
    background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
    background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
}

.red > span {
    background-color: #f0a3a3;
    background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
    background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.woodlike > span, .woodlike > .ui-progressbar-value {
    background-color: #A28435;
    background-image: -moz-linear-gradient(top, #A28435, #8F6618);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #A28435),color-stop(1, #8F6618));
    background-image: -webkit-linear-gradient(#A28435, #8F6618);
}

.stonelike > span, .stonelike > .ui-progressbar-value {
    background-color: #B87463;
    background-image: -moz-linear-gradient(top, #B87463, #80392A);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #B87463),color-stop(1, #80392A));
    background-image: -webkit-linear-gradient(#B87463, #80392A);
}

.clothlike > span, .clothlike > .ui-progressbar-value {
    background-color: #F9F8F8;
    background-image: -moz-linear-gradient(top, #F9F8F8, #BDBEB9);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F9F8F8),color-stop(1, #BDBEB9));
    background-image: -webkit-linear-gradient(#F9F8F8, #BDBEB9);
}

.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    background-image: none;
}
/* ==== END PROGRESS BAR ==== */

#reconstructionPage li {
    list-style: none;
}

#reconstructionPage li img,
#reconstructionPage li div
{
    display: inline-block;
    vertical-align: middle;
}

#reconstructionPage .reconstructionResourcesOnThisServer .new-meter {
    width: 250px;
}

#reconstructionPage .reconstructionOwnDonations,
#reconstructionPage .reconstructionOwnResources {
    min-height: 100px;
}

#reconstructionPage .reconstructionOwnDonations ul li,
#reconstructionPage .reconstructionOwnResources ul li {
    float: left;
    margin: 0 50px 0 0;
}

#reconstructionPage .reconstructionOwnResources ul li div.awesome-button {
    margin: 50% 0;
}

#reconstructionPage .reconstructionResourcesByServers {
    overflow-y: auto;
    overflow-x: hidden;
    padding:0;
}

#reconstructionPage .reconstructionResourcesByServers ul {
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

#reconstructionPage .reconstructionResourcesByServers ul li {
    float:left;
    width: calc(50% - 20px);
    padding: 10px;
    text-align: center;
}

#reconstructionPage .reconstructionResourcesByServers ul li:nth-child(4n),
#reconstructionPage .reconstructionResourcesByServers ul li:nth-child(4n+1) {
    background-color: rgba(0,0,64,0.1);
}

#reconstructionPage .reconstructionResourcesByServers ul li:hover {
    background-color: rgba(0,0,256,0.3);
}

#reconstructionPage .reconstructionResourcesByServers ul li > div.label {
    min-width: 60px;
    text-align: left;
}

#reconstructionPage .reconstructionResourcesByServers ul li div.new-meter {
    width: 160px;
    margin-bottom: 1px;
}

#reconstructionPage .reconstructionResourcesByServers ul li div.server_details div.new-meter {
    margin-right: 1px;
    font-size: 70%;
}

.costumes_box input.awesome-button {
    width: 100%;
}


.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: 1em;
    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(/cdn/img/premium/frames/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(/cdn/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(/cdn/img/premium/frames/details-middle.png);
}

.gf-layer-thin .gf-layer-bottom, .gf-layer-wof .gf-layer-bottom{
    height: 40px;
    background-image: url(/cdn/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;
}


.hhs_box {
    border: 1px solid gold;
    margin: 10px 20px;
    padding: 20px 10px 20px;
    min-height: 110px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;  
    background-color: #ded2ad;
    background-image: url(/cdn/img/interface/box_bg.jpg);
    background-repeat: repeat-x;
}

.hhs_box .expiration {
    text-align: left;
}

.craps_menu {
    position: relative;
    background-image: url(/cdn/img/craps.png);
    background-position: 17px 7px;
    background-repeat: no-repeat;
    margin: -10px;
    padding: 10px;    
}


/* v2.0.0 */
#forge_box {
  background-image: url(/cdn/img/ui/magus/background.png);
  height: auto;
  left: 7px;
  padding: 10px;
  position: relative;
  top: 0;
  width: 177px;
  background-repeat: round;
}

#forge_infobox {
    background: none repeat scroll 0 0 #e7deb8;
    /*height: 250px;*/
    position: relative;
    top: 27px;
    margin-bottom: 15px;
    min-height: 250px;
}

#forge_infobox > div {
    background: url(/cdn/img/ui/layout/bg_contentitem.gif) repeat-x scroll 0 1px rgba(0, 0, 0, 0);
    padding: 5px;
    height: 100%;        
}

#forge_itembox {
    background-image: url(/cdn/img/shop/shop_zelle.gif);
    display: inline-block;
    float: left;
    height: 96px;
    left: 9px;
    position: relative;
    /*top: 7px;*/
    top: 0;
    width: 64px;
}

#forge_formula {
    /*padding-top: 10px;*/
    text-align: center;
}

#forge_formula_item option {
    background-repeat: no-repeat;
}

.crafting_infos {
    /*float: left;*/
}

#forge_chance_of_success,
#forge_quality,
#forge_duration,
#forge_durability,
#forge_qualities,
#forge_chance_of_soul_bound
 {
    margin-left: 80px;
    /*background-color: wheat;*/
}

#forge_qualities > ul {
    margin: 0;
    list-style: none;
}

.crafting_requirements, p.centered {
    text-align: center;
}

.forge_extra {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
}

.ie7 .forge_extra {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
    float: left;
}

.forge_extra_1048576 {
    background-image: url(/cdn/img/inv/slot_anvil.gif);
}

.forge_extra_2097152 {
    background-image: url(/cdn/img/inv/slot_bellows.gif);
}

.forge_extra_4194304 {
    background-image: url(/cdn/img/inv/slot_cloverleaf.gif);
}

.forge_extra_8388608 {
    background-image: url(/cdn/img/inv/slot_hammer.gif);
}

.forge_amount {
    background-color: wheat;
    font-size: 10px;
    padding: 0;
    position: relative;
    width: 32px;
    text-align: center;
}

#forge_nav {
  display: inline-block;
  left: 16px;
  position: absolute;
  top: -16px;
}

#forge_nav div {
  display: inline-block;
  float: left;
  margin-right: 2px;
}

.forge_closed {
    background-image: url(/cdn/img/ui/crafting/crafting_menu_closed.gif);
    height: 20px;
    width: 29px;
}

.forge_inactive, .forge_opened {
    background-image: url(/cdn/img/ui/crafting/crafting_menu_inactive.gif);
    height: 20px;
    width: 29px;
}

.forge_active, .forge_crafting {
    background-image: url(/cdn/img/ui/crafting/crafting_menu_active.gif);
    height: 20px;
    width: 29px;
}


.forge_inactive.item, .forge_finished-succeeded {
    background-image: url(/cdn/img/ui/crafting/crafting_menu_done.gif);
    height: 20px;
    width: 29px;
}

.forge_finished-failed {
    background-image: url(/cdn/img/ui/crafting/crafting_menu_done.gif);
    height: 20px;
    width: 29px;
}

.forge_button_box {
    left: 0;
    position: absolute;
    text-align: center;
    /*top: 225px;*/
    width: 197px;
}

#forge_tooltip {
    margin-left: 85px;
}

.icon_expeditionpoints.small, .icon_attack, .icon_defense, .icon_gold, .icon_rubies {
    display: inline-block;
    vertical-align: bottom;
}

.icon_expeditionpoints.small, .icon_gold, .icon_rubies {
    height: 16px;
    width: 16px;
}

.icon_attack, .icon_defense {
    height: 18px;
    width: 18px;
}

.icon_itemreward {
    height: 13px;
    width: 13px;
}

.icon_honor { background-image: url(/cdn/img/ui/icon_honor.gif); }
.icon_fame { background-image: url(/cdn/img/ui/icon_fame.gif); }


#forgePage fieldset legend {
    font-weight: bold;
}

#forge_box fieldset legend {
    max-width: 150px;
}

#forge_infobox fieldset legend {
    max-width: 277px;
}

.tabActive {
    position: relative;
    z-index: 2;
}

.hidden {
    display: none;
}

.crafting_requirements ul {
     text-align: center;
     margin: 0;
     padding: 0;
}

.crafting_requirements li {
    list-style: none;
    margin: 5px 15px;
    background-image: url(/cdn/img/inv/inventar_zelle.gif);
    display: inline-block;
}

.crafting_requirements p {
    margin-top: 5px !important;
}

.crafting_requirements p button {
    margin-right: 0;
}

.imgFlipH {
    display: inline-block;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.imgFlipV, .sort_level.asc {
    display: inline-block;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.itembox {
    background-image: url(/cdn/img/shop/shop_zelle.gif);
    height: 96px;
    width: 64px;
    position: relative;
}

.align-center {
    display: block;
    /*margin: 1em auto;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#itembox_forge_success {
    margin-top: 15px;
}

#itembox_forge_success > div {
    text-align: initial;
}

/*#itembox_forge_success > div > img {
    visibility: visible;
}*/

.sort_level {
    display: inline-block;
    /*float: right;*/
    height: 16px;
    width: 16px;
}

.sort_alphabetical.desc {
    background-image: url(/cdn/img/ui/crafting/A-Z_down.png);
    display: inline-block;
    /*float: right;*/
    height: 16px;
    width: 16px;
}

.sort_alphabetical.asc {
    background-image: url(/cdn/img/ui/crafting/A-Z_up.png);
    display: inline-block;
    /*float: right;*/
    height: 16px;
    width: 16px;
}

.image-grayed-60 {
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns=\'http://www.w3.org/2000/svg\'><filter%20id=\'grayscale\'><feColorMatrix%20type=\'saturate\'%20values=\'0.6\'/></filter></svg>#grayscale"); /* Firefox <= 34 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(60%); /* Chrome <= 52, Safari <= 9, Opera <= 39 */
    filter: grayscale(60%); /* Firefox 35+, Chrome 53+, Safari 9.1+, Opera 40+, Edge 13+ */
}

#forge_box fieldset {
    padding-bottom: 4px;
}

/**
 * Awesome tabs - ul#mainnav li a
 *
 * @author Florian Mycka
 */
.awesome-tabs {
    display: inline-block;
    /*padding: 2px 6px;*/
    padding: 0;
    vertical-align: middle;

    color: #453011;
    text-align: center;
    text-decoration: none;

    border-left: 3px solid #501706;
    border-right: 3px solid #501706;
    border-top: 3px solid #501706;

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

    box-shadow: -2px -2px 0 0 #d9cb9e, 2px -2px 0 0 #d9cb9e;
    -moz-box-shadow: -2px -2px 0 0 #d9cb9e, 2px -2px 0 0 #d9cb9e;
    -webkit-box-shadow: -2px -2px 0 0 #d9cb9e, 2px -2px 0 0 #d9cb9e;

    background: #390301;
    background: -moz-linear-gradient(top, #C3AB6F, #886933);
    background: -webkit-gradient(linear, left top, left bottom, from(#C3AB6F), to(#886933));
    background: linear-gradient(to bottom, #C3AB6F, #886933);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#C3AB6F', EndColorStr='#886933', GradientType=0);
    
    cursor: pointer;
    
    font-size: 11px;
    font-weight: bold;
    
    background-color: #390301;
    box-shadow: 0 0 0 1px #8E753F;

    margin-right: 6px;
}

.awesome-tabs:hover, .awesome-tabs.current, .awesome-tabs.current:hover {
    background: #390301;
    background: -moz-linear-gradient(top, #C3AB6F, #DACFA2);
    background: -webkit-gradient(linear, left top, left bottom, from(#C3AB6F), to(#DACFA2));
    background: linear-gradient(to bottom, #C3AB6F, #DACFA2);
}

#inventory_nav .awesome-tabs {
    box-shadow: -1px 0 0 0 #8e753f, 1px 0 0 0 #8e753f;
    border-radius: 4px 4px 0 0;
    border-left: 2px solid #4F371E;
    border-right: 2px solid #4F371E;
    border-top: 2px solid #73522F;
    color: #614A2D;
    background: #422D18;
    width: 24px;
    margin-right: 1px;
    position: relative;
    top: 4px;
    text-decoration: none;
}

#inventory_nav .awesome-tabs:hover, #inventory_nav .awesome-tabs.current, #inventory_nav .awesome-tabs.current:hover {
    border-left: 2px solid #9F835C;
    border-right: 2px solid #9F835C;
    border-top: 2px solid #9F835C;
    color: #9F835C;
}

.navBG {
    background: url(/cdn/img/ui/layout/bg_mainnav.jpg) no-repeat scroll -32px -4px transparent;
    height: 7px;
    left: -5px;
    position: absolute;
    /*top: 18px;*/
    bottom: -1px;
    width: 135px;
}

.tutorial {
    position: fixed;
    top: 100px;
    width: 500px;
    z-index: 9999;
    text-align: center !important;
    border: 4px ridge peru;
    border-radius: 6px;
    box-shadow: 0 0 200px 30px black;
    overflow: auto;
    max-height: 75%;
}

.tutorial > div {
    padding: 2px 7px !important;
}

.tutorial .title {
    text-align: center;

    border: 2px solid #bba86e;
    border-bottom: 1px solid #bba86e;
    background-color: #d3c195;
    min-height:10px;
    height:auto !important;  /* für moderne Browser */
    height:10px;  /*für den IE */
    
    color:#513F2C;
    font-size:14px;
    font-weight:bold;
    min-height:10px;
    height:auto !important;  /* für moderne Browser */
    height:10px;  /*für den IE */
}

.tutorial .text {
    text-align: justify;
    border: 1px solid #bba86e;
    background-color: #ded2ad;
    background-image: url(/cdn/img/interface/box_bg.jpg);
    background-repeat:repeat-x;
    min-height:10px;
    height:auto !important;  /* für moderne Browser */
    height:10px;  /*für den IE */

    color:#513F2C;
    min-height:10px;
    height:auto !important;  /* für moderne Browser */
    height:10px;  /*für den IE */
}

.tutorial .footer {
    text-align: center;

    border: 1px solid #bba86e;
    background-color: #ded2ad;
    background-image: url(/cdn/img/interface/box_bg.jpg);
    background-repeat:repeat-x;
    min-height:10px;
    height:auto !important;  /* für moderne Browser */
    height:10px;  /*für den IE */
    
    color:#513F2C;
    min-height:10px;
    height:auto !important;  /* für moderne Browser */
    height:10px;  /*für den IE */
}

.bag_duration {
    font-weight: bold;
    float: left;
}

.bag_buy_extend {
    text-align: right;
    margin-left: 22px;
}

.inventoryBox {
    padding: 10px 0 5px;
    width: 100%;
    float: left;
    background: url(/cdn/img/ui/layout/bg_contentitem.gif) repeat-x 0 1px;
    border: 1px solid #bba86e;
    border-top: none;
}

#forge_horreum, #forge_lootbox, #forge_retry {
    margin-top: 15px;
}

.expedition_picture > .avatar {
    background-size: 123px 142px;
    width: 123px;
    height: 142px;
}

#underwold_enemies {
    width: 300px;
    margin: 0 auto;
}

#underwold_enemies_unavailable {
    position: relative;
    top: -270px;
    left: 100px;
    z-index: 0;
}

#underwold_enemies_desc {
    margin: 10px 5px 5px;
}

.underworld #expedition_container {
    width: 182px;
    overflow: hidden;
    float: left;
}

.underworld #expedition_container > div {
    padding: 4px;
    width: 704px;
}

.underworld .expedition_picture > * {
    width: 168px;
    height: 194px;
}

.underworld .expedition_picture .avatar {
    background-size: auto;
}

.underworld .expedition_box {
    width: 168px;
    text-align: center;
}

.underworld .expedition_box .awesome-button {
    margin-top: 0;
    margin-right: 0;
}

.underworld .expedition_box .slider {
    width: 155px;
    margin: 10px auto;
}

.underworld .expedition_box > div, .underworld .expedition_cooldown_reduce, .underworld .expedition_button {
    margin: 0 auto 5px;
}

.underworld table.expedition_cooldown_reduce {
    border-collapse: collapse;
    font-size: 12px;
    text-align: left;
}
.underworld table.expedition_cooldown_reduce td {
    text-align: right!important;
}

.underworld .expedition_name
{
    background-image: url(/cdn/img/expedition/nameplate.jpg);
    background-size: 168px 34px;
    background-repeat: no-repeat;
    width: 148px;
    height: 26px;
    color: #e6d579;
    font-weight:bold;
    text-align: center;
    padding: 8px 10px;
    font-size: 12px;
}


#underworld_targetbox {
    width: 32px;
    height: 32px;
    background-image: url(/cdn/img/shop/shop_zelle_gray.gif);
    position: absolute;
    right: 341px;
    top: 310px;
}

#showPreviousEnemy {
    top: 43px; 
    position: relative; 
    float: left;     
    left: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 97px 0;
    /* This is separate in order to make the RTL script pick it up */
    border-right-width: 55px;
    border-color: transparent;
}

#showNextEnemy {
    top: 43px; 
    position: relative; 
    float: left;     
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 97px 0;
    /* This is separate in order to make the RTL script pick it up */
    border-left-width: 55px;
    border-color: transparent;
}

.messageType30 {
    background-color: orange;
}

#devserver_debug {
    text-align: justify;
}

.report_durability_loss {
    color: #A40F0F;
    font-weight: bold;
    position: relative;
    top: -20px;
    left: -8px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    padding: 1px 1px;
    text-align: left;
}

.stacking-context {
    position: relative;
    z-index: 1;
}

.attack {
    height: 21px;
    width: 40px;
    cursor: pointer;
    background: url(/cdn/img/fordern.gif) no-repeat center;
    background-size: 48px;
}

.attack + .spinner .spinner-img  {
    height: 21px;
    background-size: 25px;
    background-position: center;
    position: relative;
    left: calc(100% + 5px);
}

.arrow {
    position: relative;
    background-color: #d5c89b;
    border: 2px solid #513f2c;
    padding: 2px;
}
.arrow:after, .arrow:before {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: -1;
}

.arrow:after {
    /* width and color need to be in separate properties,
       otherwise overriding the color below will remove the width. */
    border-width: 18px;
    border-color: rgba(213, 200, 155, 0);
    margin-top: -18px;
}
.arrow:before {
    /* width and color need to be in separate properties,
       otherwise overriding the color below will remove the width. */
    border-width: 23px;
    border-color: rgba(81, 63, 44, 0);
    margin-top: -23px;
}

.arrow.left { border-left-style: none; left: 8px; background-position: calc(50% - 2px); }
.arrow.right { border-right-style: none; right: 8px; background-position: calc(50% + 2px); }
.arrow.left:after { right: 100%; border-right-color: #d5c89b; }
.arrow.left:before { right: calc(100% - 2px); border-right-color: #513f2c; }
.arrow.right:after { left: 100%; border-left-color: #d5c89b; }
.arrow.right:before { left: calc(100% - 2px); border-left-color: #513f2c; }

.durability_loss_details {
    display: none;
}

#itemOptions, #show-item-info {
    text-align: center;
}

#show-item-info {
    padding: 2px;
    margin: 5px 20px;
}

#show-item-info label {
    white-space: nowrap;
}

.messageSubject {
    border: 2px solid #bba86e;
    width: 490px;
    background: #d3c195;
    font-size: 15px;
    padding: 2px 10px;
}

.input {
    margin-right: 5px;
}

.message_box {
    clear: both;
    float: left;
    background-color: inherit; 
    width: 514px; 
    margin-top: 10px; 
    margin-bottom: 0;
}

.message_box_icon { 
    padding-top: 0; 
    float: left; 
    width: 30px;
}

.message_box.important > div {
    color: #501908;
    border-color: #A88B38;
}

.message_box.important .message_box_content {
    background: linear-gradient(to bottom, #BFA663 0%, #D9C58D 15%, #E2D09D 33%, #E7DAA3 64%, #E7DAA3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BFA663', endColorstr='#E7DAA3',GradientType=0 );
}

.message_box.important .messageSubject {
    background: #CAAF70;
    background: linear-gradient(to bottom, #CAAF70 0%, #BFA663 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CAAF70', endColorstr='#BFA663',GradientType=0 );
}

.message_box_content {
    border: 2px solid #bba86e; 
    border-top: none; 
    width: 480px; 
    font-size: 13px; 
    margin-top: -3px; 
    padding: 0 15px 5px;
    float: left;
    background: #cbb98a; 
    background: -moz-linear-gradient(top, #cbb98a 0%, #dccea7 15%, #e3d7b4 33%, #e7deb8 64%, #e7deb8 100%); 
    background: -webkit-linear-gradient(top, #cbb98a 0%,#dccea7 15%,#e3d7b4 33%,#e7deb8 64%,#e7deb8 100%); 
    background: linear-gradient(to bottom, #cbb98a 0%,#dccea7 15%,#e3d7b4 33%,#e7deb8 64%,#e7deb8 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbb98a', endColorstr='#e7deb8',GradientType=0 );
    display: none;
}

.messageSubject {
    background: #d3c195;
    background: -moz-linear-gradient(top, #d3c195 0%, #cbb98a 100%); 
    background: -webkit-linear-gradient(top, #d3c195 0%, #cbb98a 100%); 
    background: linear-gradient(to bottom, #d3c195 0%, #cbb98a 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3c195', endColorstr='#cbb98a',GradientType=0 );    
}
.message_text {
    padding-top: 5px; 
    padding-left: 18px;
    word-wrap: break-word;
}

.message_footer {
    width: 100%;
    clear: both;
}

.message_footer a {
    color: #612D04; 
    font-size: 12px; 
    font-weight: bold; 
    text-decoration: underline; 
    text-align: right; 
    margin-right: 5px; 
    float: right;
    cursor: pointer;
}

.message_box_content.new_message {
    display: block;
}

.message_title {
    font-size: 13px; 
    width: 300px; 
    float: left; 
    margin-top: -2px; 
    padding-left: 10px;
}

.message_title.new_message {
    font-weight: bold;
}

.message_date {
    font-size: 10px; 
    text-align: right;
}

.message_box_title {
    margin-left: 40px; 
}

.message_box_title.toggleable {
    cursor: pointer;
}

.message_icon {
    margin-left: 22px; 
    padding-top: 0; 
    margin-top: -2px;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

#show-previous-message {
    margin-top: 10px;
}

#moveToFolderDiv {
    position: absolute;
    min-width: 150px;
    display: none;
    min-height: 10px;
    background: #cbb98a; 
    background: -moz-linear-gradient(top, #cbb98a 0%, #dccea7 15%, #e3d7b4 33%, #e7deb8 64%, #e7deb8 100%); 
    background: -webkit-linear-gradient(top, #cbb98a 0%,#dccea7 15%,#e3d7b4 33%,#e7deb8 64%,#e7deb8 100%); 
    background: linear-gradient(to bottom, #cbb98a 0%,#dccea7 15%,#e3d7b4 33%,#e7deb8 64%,#e7deb8 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbb98a', endColorstr='#e7deb8',GradientType=0 );
    border:2px solid #bba86e; 
    cursor:auto;
    padding-bottom:5px;
    z-index: 100;
}

a:hover #moveToFolderDiv {
    display: block;
    text-align: left;
    padding-left: 5px;
}

.moveToFolderLink {
    float: left !important;
    padding-left: 12px;
    padding-top: 4px;
    padding-bottom: 3px;
    text-decoration: none !important;
    cursor: pointer;
}

.ticker {
    text-align: left;
}

.ajaxSaveMsg {
    font-weight: bold;
    overflow: hidden;
    white-space: pre;
    height: 16px;
}

.ajaxSaveMsg::before {
    content: '';
    display: inline-block;
    background-size: 14px auto;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

.ajaxSaveMsg.done {
    color: #0e9e00;
}

.ajaxSaveMsg.done::before {
    background-image: url(/cdn/img/ui/loginbonus/ok.png);
}

.ajaxSaveMsg.fail {
    color: #b72213;
}

.ajaxSaveMsg.fail::before {
    background-image: url(/cdn/img/ui/loginbonus/nok.png);
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

td.ellipsis {
    max-width: 0;
}

/* Begin Drag & Drop styles */

.ui-draggable, .ui-droppable {
    position: absolute;
}

.ui-draggable.disabled:before, .ui-droppable.disabled:before {
    content: '';
    background: url(/cdn/img/ui/spinner.gif) no-repeat center;
    background-size: 50%;
    width: 100%;
    height: 100%;
    display: block;
}

[data-level]:before, [data-amount]:after {
    position: absolute;
    color: wheat;
    text-shadow: 0 -1px black, 1px 0 black, 0 1px black, -1px 0 black;
}

[data-amount]:not([data-amount="1"]):not([data-amount="0"]):not([data-amount^="-"]):after,
.ui-draggable-dragging[data-amount]:after {
    content: attr(data-amount);
    right: 3px;
    bottom: -1px;
    color: wheat;
    text-align: right;
    font-size: 10px;
}

.show-item-quality [data-level]:before {
    content: '●';
    left: 2px;
    font-size: 9px;
    color: lime;
    border-radius: 2px;
    font-weight: bold;
    top: 2px;
    line-height: 5px;
}

[data-level][data-amount="0"]:before, [data-level][data-amount^="-"]:before,
.show-item-quality [data-level][data-basis^="19-"]:before {
    display: none;
}

.show-item-level [data-level]:not([data-basis^="18-"]):before {
    content: attr(data-level);
    line-height: 9px;
}

.show-item-quality [data-quality="-1"]:before { color: white !important; }
.show-item-quality [data-quality="1"]:before { color: #5159F7 !important; }
.show-item-quality [data-quality="2"]:before { color: #E303E0 !important; }
.show-item-quality [data-quality="3"]:before { color: #FF6A00 !important; }
.show-item-quality [data-quality="4"]:before { color: #FF0000 !important; }

/* Hide intermediate D&D objects with amount 0. */
/* They will be removed or adjusted after AJAX call. */
[data-amount="0"], [data-amount^="-"] {
    background-image: none !important;
}

.ui-droppable, .awesome-tabs:after {
    background-color: rgba(0, 128, 0, 0);
    transition: background-color 0.5s;
}

.ui-droppable:not([data-amount]) {
    width: 100%;
    height: 100%;
}

.ui-droppable.active, .awesome-tabs.active:after {
    background-color: rgba(0, 128, 0, 0.25);
}

.awesome-tabs.active:not(.current) {
    position: relative;
    border-width: 0 !important;
    padding: 2px 2px 0 2px;
}

.awesome-tabs:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
}

/* End Drag & Drop styles */

.flag-box {
    width: 165px;
    padding-left: 20px;
    padding-bottom: 30px;
}

.language-flag {
	width: 20px;
	height: 14px;
	background: url(/cdn/img/flags.png);
	float: right;
	margin-right: 5px;
}
.floatEnd {
    float:right;
}
.floatEnd>.language-flag {
    float: left;
}

.language-flag.ae {
	background-position-y: 0px;
}

.language-flag.ar {
	background-position-y: -14px;
}

.language-flag.br {
	background-position-y: -56px;
}

.language-flag.cz {
	background-position-y: -154px;
}

.language-flag.dk {
	background-position-y: -182px;
}

.language-flag.de {
	background-position-y: -168px;
}

.language-flag.ee {
	background-position-y: -196px;
}

.language-flag.es {
	background-position-y: -238px;
}

.language-flag.fr {
	background-position-y: -280px;
}

.language-flag.it {
	background-position-y: -420px;
}

.language-flag.lv {
	background-position-y: -490px;
}

.language-flag.lt {
	background-position-y: -476px;
}

.language-flag.hu {
	background-position-y: -336px;
}

.language-flag.mx {
	background-position-y: -532px;
}

.language-flag.nl {
	background-position-y: -546px;
}

.language-flag.no {
	background-position-y: -560px;
}

.language-flag.pl {
	background-position-y: -616px;
}

.language-flag.ro {
	background-position-y: -644px;
}

.language-flag.sk {
	background-position-y: -714px;
}

.language-flag.fi {
	background-position-y: -266px;
}

.language-flag.se {
	background-position-y: -686px;
}

.language-flag.tr {
	background-position-y: -742px;
}

.language-flag.en {
	background-position-y: -784px;
}

.language-flag.us {
	background-position-y: -798px;
}

.language-flag.il {
	background-position-y: -364px;
}

.language-flag.gr {
	background-position-y: -294px;
}

.language-flag.bg {
	background-position-y: -42px;
}

.language-flag.ru {
	background-position-y: -672px;
}

.language-flag.tw {
	background-position-y: -756px;
}

.language-flag.yu {
	background-position-y: -840px;
}

.language-flag.pt {
	background-position-y: -630px;
}

.selector-box {
	box-sizing: border-box;
	margin: 0;
	float: left;
	width: 50%;
}

.action_buttons {
    text-align: center;
    position: absolute;
    bottom: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.loot-modal{
    position: absolute;
    left: 150px;
    top: 150px;
    display: none;
    float: left;
    z-index: 600;
}

.loot-description {
    font-size: 15px;
}

.loot-button{
    width: 159px;
    height: 26px;
    border: 0;
    color: #453011;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    background-image: url(/cdn/img/interface.png);
    background-repeat: no-repeat;
    background-position: -231px 0;
}

.action_buttons {
    text-align: center;
    position: absolute;
    bottom: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.loot-modal{
    position: absolute;
    left: 150px;
    top: 150px;
    display: none;
    float: left;
    z-index: 600;
}

.loot-description {
    font-size: 15px;
}

.loot-button{
    width: 159px;
    height: 26px;
    border: 0;
    color: #453011;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    background-image: url(/cdn/img/interface.png);
    background-repeat: no-repeat;
    background-position: -231px 0;
}

#scroll-fragments-box {
    position: relative;
    background-image: url(/cdn/img/shop/shop_zelle.gif);
}

#forge-drop-chance {
    color: #0a0603;
}

#exchange-body { display: flex; justify-content: space-evenly; align-items: center; }
#exchange-body > p { margin: 0; }
#exchange-body > div { position: relative; }
#exchange-body > .upgrade-arrow { font-size: 200%; }

.resource-ddl{
    max-width: 200px;
}

.stat-filter {
    display: flex;
    flex-wrap: wrap;
}

.stat-filter-item {
    background: #ebb34d;
    padding: 3px 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.stat-filter-item:has(+ .stat-filter-item) {
    margin-right: 5px;
}

.stat-filter-button {
    background: transparent;
    border: none;
    cursor: pointer;
}