.imageBorder {
 border:outset #998b42 2px;
 padding:1px
}
.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 red;
 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");
 filter:gray;
 -webkit-filter:grayscale(100%);
 filter:grayscale(100%)
}
.shopOffer .newPrice {
 font-style:italic;
 font-weight:bold;
 left:0;
 position:absolute;
 top:-11px;
 transform:rotate(10deg);
 -ms-transform:rotate(10deg);
 -webkit-transform:rotate(10deg)
}
.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);
 -webkit-transform:rotate(-15deg);
 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("../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:0 1px 3px #000;
 padding-top:6px;
 margin-top:-2px;
 margin-bottom:3px
}
#submenuhead1,
#submenuhead2 {
 width:181px;
 height:54px
}
.submenu {
 background-image:url(../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(../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(../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:.9em
}
table.section-like.narrow th {
 font-size:.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(../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:0
}
#market_table table {
 width:100%;
 border:solid 2px #b28b60
}
#market_table th {
 font-size:.8em;
 font-weight:bold;
 border-bottom:1px solid #b28b60;
 background-color:#e6c29c
}
#market_table th a {
 display:block;
 padding-right:10px;
 background-image:url(../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:.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(../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(../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(../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(../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(../img/char_status_grund_klein_b.jpg);
 display:block;
 background-repeat:no-repeat;
 overflow:hidden;
 width:262px;
 height:20px
}
.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:.9em
}
.charstats_text_mirrored {
 position:relative;
 overflow:hidden;
 top:-3px;
 left:10;
 text-align:right;
 margin-right:10px;
 display:block;
 font-size:.9em
}
.charstats_value2 {
 position:relative;
 display:block;
 float:right;
 width:60px;
 text-align:right;
 font-weight:bold;
 color:#540400;
 right:5px
}
.charstats_value21 {
 position:absolute;
 left:10px
}
.charstats_value22 {
 position:absolute;
 right:5px;
 display:block;
 width:100px;
 text-align:right;
 font-weight:bold;
 color:#540400
}
.charstats_value21_mirrored {
 position:absolute;
 right:10px
}
.charstats_value22_mirrored {
 position:absolute;
 left:5px;
 display:block;
 width:100px;
 text-align:left;
 font-weight:bold;
 color:#540400
}
.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(../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(../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(../img/energie_rot.gif);
 background-repeat:repeat-x;
 overflow:hidden;
 height:6px
}
.charstats_balken_leben_mirrored {
 background-image:url(../img/energie_rot.gif);
 background-repeat:repeat-x;
 overflow:hidden;
 right:10px;
 float:right;
 height:6px
}
.charstats_balken_xp {
 background-image:url(../img/energie_gelb.gif);
 background-repeat:repeat-x;
 overflow:hidden;
 height:6px
}
.charstats_balken_misc {
 background-image:url(../img/energie_gruen.gif);
 background-repeat:repeat-x;
 overflow:hidden;
 height:6px
}
.charstats_balken_misc_mirrored {
 background-image:url(../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:.9em;
 margin:20px
}
#slave_link a {
 font-weight:bold;
 padding-left:20px
}
#slave_link strong {
 color:#900
}
.moneymessage {
 position:absolute;
 text-align:center;
 width:150px;
 font-weight:bold;
 font-size:1.3em
}
.moneymessage .goldRow {
 padding-right:13px;
 background-image:url(../img/res2p.gif);
 background-repeat:no-repeat;
 background-position:center right
}
.moneymessage .rubyRow {
 padding-right:12px;
 background-image:url(../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(../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("../img/shop/shop_zelle.gif");
 position:relative
}
.reportReward_itemsOnly {
 float:left;
 margin-left:10px
}
.previousReportButton {
 background-image:url(../img/ui/pagination/left_step.jpg)
}
.nextReportButton {
 background-image:url(../img/ui/pagination/right_step.jpg)
}
.expedition {
 width:168px;
 height:194px;
 text-align:center
}
.expedition_small {
 background-image:url(../img/expedition1.jpg);
 cursor:pointer
}
.expedition_small_inaktive {
 background-image:url(../img/expedition1_inaktive.jpg)
}
.expedition_middle {
 background-image:url(../img/expedition2.jpg);
 cursor:pointer
}
.expedition_middle_inaktive {
 background-image:url(../img/expedition2_inaktive.jpg)
}
.expedition_big {
 background-image:url(../img/expedition3.jpg);
 cursor:pointer
}
.expedition_big_inaktive {
 background-image:url(../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(../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 {
 clear:both;
 height:0;
 font-size:1px;
 line-height:0
}
#buy_rubies_frame {
 position:relative;
 background-image:url(../img/rubin_gross.jpg);
 width:530px;
 height:150px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:20px
}
#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(../img/shop/shop_zelle.gif);
 background-repeat:repeat;
 width:64px;
 height:96px;
 float:left;
 margin-right:5px
}
.description_span_left {
 float:left
}
.span_left {
 float:left
}
.background_trader {
 display:block;
 background-image:url(../img/shop/shop_inventar_bg.png);
 background-position:0 0;
 background-repeat:no-repeat;
 width:217px;
 height:266px
}
.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:.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:.90;
 opacity:.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:.40;
 opacity:.40;
 background-color:black;
 position:absolute
}
.runeImg_grey {
 filter:alpha(opacity = 40);
 \-moz-opacity:.40;
 opacity:.40;
 background-color:black;
 position:absolute
}
.break_div {
 filter:alpha(opacity = 40);
 \-moz-opacity:.40;
 opacity:.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(../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(../img/powerups/powerup_1.gif)
}
#rune_2 {
 left:42px;
 background-image:url(../img/powerups/powerup_2.gif)
}
#rune_3 {
 left:79px;
 background-image:url(../img/powerups/powerup_3.gif)
}
#rune_4 {
 left:116px;
 background-image:url(../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(../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
}
.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(../img/arrow_down.gif);
 background-repeat:no-repeat;
 width:20px;
 cursor:pointer
}
.guild_build_arrow_visible {
 background-image:url(../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(../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(../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
}
.achievement_header {
 z-index:10;
 position:relative
}
.achievement_header a {
 text-decoration:none !important
}
.achievement_header_text {
 position:relative;
 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
}
* html .achievement_header_points {
 right:16px
}
.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:0
}
.section-header+section,
section.standalone,
.messages {
 background:#ded2ad url(../img/interface/box_bg.jpg) repeat-x;
 text-align:left
}
.section-header+section,
section.standalone {
 padding:2px 7px
}
.section-header+section.table-container {
 padding:0;
 border:0
}
.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(../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(../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(../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(../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(../img/news/icon_1.gif)
}
.news_icon_1 {
 background-image:url(../img/news/icon_1.gif)
}
.news_icon_2 {
 background-image:url(../img/news/icon_2.gif)
}
.news_icon_3 {
 background-image:url(../img/news/icon_3.gif)
}
.news_icon_4 {
 background-image:url(../img/news/icon_4.gif)
}
.news_icon_5 {
 background-image:url(../img/news/icon_5.gif)
}
.news_icon_6 {
 background-image:url(../img/news/icon_6.gif)
}
.news_icon_7 {
 background-image:url(../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(../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(../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(../img/ui/pagination/left_full.jpg);
 left:20px
}
.paging_left_step {
 background-image:url(../img/ui/pagination/left_step.jpg);
 left:50px
}
.paging_right_full {
 background-image:url(../img/ui/pagination/right_full.jpg);
 right:20px
}
.paging_right_step {
 background-image:url(../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:#000
}
.colorPicker ul {
 margin:0;
 padding:0;
 list-style:none outside none;
 float:none;
 display:block;
 font-weight:normal;
 font-size:0
}
.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 #fff
}
.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
}
* 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(../img/inv/inventar_zelle_gruen.gif)
}
.slotUnavailable {
 background-image:url(../img/inv/inventar_zelle_rot.gif)
}
.scroll_top_left {
 width:31px;
 height:40px;
 background-image:url(../img/ui/scroll/png/scroll_top_left.png);
 float:left
}
.scroll_top_center {
 height:40px;
 background-image:url(../img/ui/scroll/png/scroll_top_center.png);
 float:left
}
.scroll_top_right {
 width:38px;
 height:40px;
 background-image:url(../img/ui/scroll/png/scroll_top_right.png);
 float:left
}
.scroll_body_left {
 width:31px;
 background-image:url(../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(../img/ui/scroll/png/scroll_body_right.png);
 float:left
}
.scroll_bottom_left {
 width:31px;
 height:40px;
 background-image:url(../img/ui/scroll/png/scroll_bottom_left.png);
 float:left;
 clear:left
}
.scroll_bottom_center {
 height:40px;
 background-image:url(../img/ui/scroll/png/scroll_bottom_center.png);
 float:left
}
.scroll_bottom_right {
 width:38px;
 height:40px;
 background-image:url(../img/ui/scroll/png/scroll_bottom_right.png);
 float:left
}
* html .scroll_top_left {
 width:31px;
 height:40px;
 background-image:url(../img/ui/scroll/gif/scroll_top_left.gif);
 float:left
}
* html .scroll_top_center {
 overflow:hidden;
 height:40px;
 background-image:url(../img/ui/scroll/gif/scroll_top_center.gif);
 float:left
}
* html .scroll_top_right {
 width:38px;
 height:40px;
 background-image:url(../img/ui/scroll/gif/scroll_top_right.gif);
 float:left
}
* html .scroll_body_left {
 width:31px;
 background-image:url(../img/ui/scroll/gif/scroll_body_left.gif);
 float:left;
 clear:left
}
* html .scroll_body_right {
 width:38px;
 background-image:url(../img/ui/scroll/gif/scroll_body_right.gif);
 float:left
}
* html .scroll_bottom_left {
 width:31px;
 height:40px;
 background-image:url(../img/ui/scroll/gif/scroll_bottom_left.gif);
 float:left;
 clear:left
}
* html .scroll_bottom_center {
 height:40px;
 background-image:url(../img/ui/scroll/gif/scroll_bottom_center.gif);
 float:left
}
* html .scroll_bottom_right {
 width:38px;
 height:40px;
 background-image:url(../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;
 position:relative
}
.expedition_name {
 background-image:url(../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(../img/expedition/boss_picture.png)
}
.expedition_progress {
 background-image:url(../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(../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(../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(../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(../img/expedition/bonus1_inactive.jpg)
}
.expedition_bonus:nth-child(2) {
 background-image:url(../img/expedition/bonus2_inactive.jpg)
}
.expedition_bonus:nth-child(3) {
 background-image:url(../img/expedition/bonus3_inactive.jpg)
}
.expedition_bonus:nth-child(4) {
 background-image:url(../img/expedition/bonus4_inactive.jpg)
}
.expedition_bonus.active:nth-child(1) {
 background-image:url(../img/expedition/bonus1.jpg)
}
.expedition_bonus.active:nth-child(2) {
 background-image:url(../img/expedition/bonus2.jpg)
}
.expedition_bonus.active:nth-child(3) {
 background-image:url(../img/expedition/bonus3.jpg)
}
.expedition_bonus.active:nth-child(4) {
 background-image:url(../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(../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(../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(../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(../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(../img/ui/bar_fill.jpg)
}
.cooldown_bar_fill_ready {
 background-image:url(../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(../img/spacer.gif)
}
a.cooldown_bar_link:hover {
 border:1px solid #bfae54
}
#icon_honor {
 background-image:url(../img/ui/icon_honor.gif)
}
#icon_fame {
 background-image:url(../img/ui/icon_fame.gif)
}
div#header_game>span,
div#header_game>span a {
 color:white;
 font-weight:bold;
 margin-left:13px;
 margin-right:13px;
 font-size:11px
}
.blackoutDialog_header {
 background-image:url(../img/ui/blackoutDialog/header.png);
 width:618px;
 height:64px;
 padding-top:65px
}
.blackoutDialog_header_small {
 background-image:url(../img/ui/blackoutDialog/header_small.png);
 width:618px;
 height:63px
}
.blackoutDialog_body {
 background-image:url(../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(../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(../img/ui/quest/button_accept.jpg)
}
a.quest_slot_button_accept:hover {
 background-image:url(../img/ui/quest/button_accept_hover.jpg)
}
a.quest_slot_button_finish {
 bottom:16px;
 background-image:url(../img/ui/quest/button_finish.jpg)
}
a.quest_slot_button_finish:hover {
 background-image:url(../img/ui/quest/button_finish_hover.jpg)
}
a.quest_slot_button_cancel {
 background-image:url(../img/ui/quest/button_cancel.jpg)
}
a.quest_slot_button_cancel:hover {
 background-image:url(../img/ui/quest/button_cancel_hover.jpg)
}
a.quest_slot_button_restart {
 background-image:url(../img/ui/quest/button_restart.jpg)
}
a.quest_slot_button_restart:hover {
 background-image:url(../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(../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(../img/ui/contentboard/header_short.jpg);
 width:555px;
 height:12px
}
.contentboard_header_medium {
 position:relative;
 background-image:url(../img/ui/contentboard/header_medium.jpg);
 width:555px;
 height:31px
}
.contentboard_header_long {
 position:relative;
 background-image:url(../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(../img/ui/contentboard/paper_active_top.jpg)
}
.contentboard_paper_active_repeat {
 background-image:url(../img/ui/contentboard/paper_active_repeat.jpg)
}
.contentboard_paper_active_bottom {
 background-image:url(../img/ui/contentboard/paper_active_bottom.jpg)
}
.contentboard_paper_active_top_dual {
 background-image:url(../img/ui/contentboard/paper_active_top_dual.jpg)
}
.contentboard_paper_active_repeat_dual {
 background-image:url(../img/ui/contentboard/paper_active_repeat_dual.jpg)
}
.contentboard_paper_active_bottom_dual {
 background-image:url(../img/ui/contentboard/paper_active_bottom_dual.jpg)
}
.contentboard_paper_inactive_top {
 background-image:url(../img/ui/contentboard/paper_inactive_top.jpg)
}
.contentboard_paper_inactive_repeat {
 background-image:url(../img/ui/contentboard/paper_inactive_repeat.jpg)
}
.contentboard_paper_inactive_bottom {
 background-image:url(../img/ui/contentboard/paper_inactive_bottom.jpg)
}
.contentboard_footer_short {
 position:relative;
 background-image:url(../img/ui/contentboard/footer_short.jpg);
 width:555px;
 height:12px
}
.contentboard_footer_long {
 position:relative;
 background-image:url(../img/ui/contentboard/footer_long.jpg);
 width:555px;
 height:63px
}
.contentboard_footer_long {
 position:relative;
 background-image:url(../img/ui/contentboard/footer_long.jpg);
 width:555px;
 height:63px
}
.contentboard_spacer {
 position:relative;
 background-image:url(../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(../img/ui/contentboard/slot_inactive.jpg)
}
.contentboard_slot_active {
 background-image:url(../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(../img/ui/halloffame/place_1.png)
}
.halloffame_place_2 {
 background-image:url(../img/ui/halloffame/place_2.png)
}
.halloffame_place_3 {
 background-image:url(../img/ui/halloffame/place_3.png)
}
.halloffame_place_default {
 background-image:url(../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(../img/arrow_down.gif);
 background-repeat:no-repeat;
 width:20px;
 cursor:pointer;
 float:left;
 padding-right:5px
}
.slide_arrow_closed {
 background-image:url(../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
}
.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(../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(../img/shop/shop_zelle.gif)
}
#magus_upgrade_arrow {
 width:51px;
 height:33px;
 position:absolute;
 left:74px;
 top:40px;
 background-image:url(../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(../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(../img/ui/magus/slider_knob.png);
 width:13px;
 height:24px;
 cursor:pointer
}
#magus_slider_gold_bg {
 background-image:url(../img/ui/magus/slider_gold_bg.png);
 width:119px;
 height:24px
}
#magus_slider_gold {
 width:113px;
 background-image:url(../img/ui/magus/slider_gold_fill.png);
 background-repeat:repeat-x;
 margin-left:3px
}
#magus_slider_rubies_bg {
 background-image:url(../img/ui/magus/slider_rubies_bg.png);
 width:155px;
 height:24px;
 margin-top:5px
}
#magus_slider_rubies {
 width:149px;
 background-image:url(../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:.30;
 opacity:.30;
 background-color:green
}
.spinner {
 position:absolute;
 opacity:.6;
 filter:alpha(opacity=60);
 -ms-filter:alpha(opacity=60);
 z-index:999
}
.spinner-img {
 background:url(../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(../img/energie_balken_grund.gif);
 width:102px;
 height:6px;
 overflow:hidden;
 text-align:left
}
.progress_bar_dynamic {
 background-color:#000;
 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(../img/energie_gruen.gif);
 background-repeat:repeat-x;
 overflow:hidden;
 height:6px;
 margin-left:1px;
 margin-right:1px
}
.progress_bar_2 {
 background-image:url(../img/energie_rot.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(../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(../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(../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:.80;
 opacity:.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(../img/ui/buffs/buff_wall.gif)
}
.buff_small {
 width:35px;
 height:38px;
 background-image:url(../img/ui/buffs/buff_bg.gif);
 float:left
}
.buff_attacker_small {
 float:left
}
.buff_defender_small {
 float:right
}
.buffend_small {
 background-image:url(../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(../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(../img/ui/training/button.jpg)
}
a.training_button:hover {
 background-image:url(../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:.6;
 filter:alpha(opacity=60);
 -ms-filter:alpha(opacity=60);
 z-index:999
}
.arena_spinner-img {
 background:url(../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(../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: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(../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(../img/costumes/button_inactive.jpg);
 cursor:default
}
.costumes_button_overlay {
 position:absolute;
 left:0;
 top:0;
 background:white;
 filter:alpha(opacity = 50);
 \-moz-opacity:.50;
 opacity:.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(../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(../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(../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;
 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(../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(../img/premium/box/border_silver.png)
}
.mysterybox_reward_border_gold {
 background-image:url(../img/premium/box/border_gold.png)
}
.mysterybox_reward_border_default {
 background-image:url(../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(../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(../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(../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(../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(../img/shop/shop_tab_dyn_left.gif)
}
.shopTab.active:before {
 background-image:url(../img/shop/shop_tab_dyn_left_active.gif)
}
.shopTab:after {
 width:5px;
 right:-5px;
 background-image:url(../img/shop/shop_tab_dyn_right.gif)
}
.shopTab.active:after {
 background-image:url(../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:.50;
 opacity:.50
}
.gender_selected {
 filter:alpha(opacity = 100);
 \-moz-opacity:1;
 opacity:1
}
.payment_spinner {
 position:absolute;
 opacity:.3;
 filter:alpha(opacity=30);
 -ms-filter:alpha(opacity=30);
 z-index:999;
 background-color:black
}
.payment_spinner-img {
 background:url(../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(../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 {
 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:#222;
 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
}
#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 .00s;
 -moz-transition:color,text-shadow 500ms linear .00s;
 -o-transition:color,text-shadow 500ms linear .00s;
 transition:color,text-shadow 500ms linear .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 .00s;
 -moz-transition:color,text-shadow 100ms linear .00s;
 -o-transition:color,text-shadow 100ms linear .00s;
 transition:color,text-shadow 100ms linear .00s
}
.eyecatcher-glow {
 color:#fff;
 text-shadow:0 0 4px #bb7 !important;
 -webkit-transition:color,text-shadow 500ms linear .00s;
 -moz-transition:color,text-shadow 500ms linear .00s;
 -o-transition:color,text-shadow 500ms linear .00s;
 transition:color,text-shadow 500ms linear .00s
}
.eyecatcher-glow-strong {
 color:#fff !important;
 text-shadow:0 0 10px #bb7 !important;
 -webkit-transition:color,text-shadow 700ms ease-in-out .00s;
 -moz-transition:color,text-shadow 700ms ease-in-out .00s;
 -o-transition:color,text-shadow 700ms ease-in-out .00s;
 transition:color,text-shadow 700ms ease-in-out .00s
}
.meter {
 height:7px;
 position:relative;
 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:#2bc253;
 background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#2bc253),color-stop(1,#54f054));
 background-image:-moz-linear-gradient(center bottom,#2bc253 37%,#54f054 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
}
#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:.8em;
 text-align:center;
 line-height:120%
}
.gf-layer-description img {
 float:left
}
.gf-layer-buttonpane {
 line-height:20px;
 min-height:20px;
 _height:20px;
 padding:1px 0
}
.gf-widget-close {
 display:block;
 width:29px;
 height:39px;
 cursor:pointer;
 background-image:url(../img/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-large {
 width:891px;
 min-height:93px;
 _height:93px
}
.gf-layer-large .gf-layer-top {
 position:relative;
 height:69px;
 line-height:69px;
 background-image:url(img/overlay/top.png)
}
.gf-layer-large .gf-layer-middle {
 padding:0 35px 0 30px;
 background-image:url(img/overlay/middle.png)
}
.gf-layer-large .gf-layer-bottom {
 height:73px;
 line-height:73px;
 background-image:url(img/overlay/bottom.png)
}
.gf-layer-large .gf-layer-description {
 line-height:150%;
 text-align:justify
}
.gf-layer-large .gf-widget-close {
 margin-top:37px;
 margin-right:33px
}
.gf-layer-thin .gf-layer-top,
.gf-layer-wof .gf-layer-top {
 height:34px;
 background-image:url("../img/premium/frames/details-top.png");
 line-height:34px
}
.gf-layer-thin .gf-layer-middle,
.gf-layer-wof .gf-layer-middle {
 min-height:27px;
 padding:0 25px;
 background-image:url("../img/premium/frames/details-middle.png")
}
.gf-layer-thin .gf-layer-bottom,
.gf-layer-wof .gf-layer-bottom {
 height:40px;
 background-image:url("../img/premium/frames/details-bottom.png");
 line-height:40px
}
.gf-layer-wof .gf-layer-title {
 font-size:1.1em
}
.gf-layer-wof .gf-layer-description {
 font-weight:bold;
 font-size:1em
}
.gf-overlay {
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:0;
 background-color:#000;
 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(../img/interface/box_bg.jpg);
 background-repeat:repeat-x
}
.hhs_box .expiration {
 text-align:left
}
.craps_menu {
 position:relative;
 background-image:url("../img/craps.png");
 background-position:17px 7px;
 background-repeat:no-repeat;
 margin:-10px;
 padding:10px
}
#forge_box {
 background-image:url("../img/ui/magus/background.png");
 height:239px;
 left:7px;
 padding:10px;
 position:relative;
 top:0;
 width:177px
}
#forge_infobox {
 background:none repeat scroll 0 0 #e7deb8;
 position:relative;
 top:27px;
 margin-bottom:15px;
 min-height:250px
}
#forge_infobox>div {
 background:url("../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("../img/shop/shop_zelle.gif");
 display:inline-block;
 float:left;
 height:96px;
 left:9px;
 position:relative;
 top:0;
 width:64px
}
#forge_formula {
 text-align:center
}
#forge_formula_item option {
 background-repeat:no-repeat
}
#forge_chance_of_success,
#forge_quality,
#forge_duration,
#forge_durability,
#forge_qualities,
#forge_chance_of_soul_bound {
 margin-left:80px
}
#forge_qualities>ul {
 margin:0;
 list-style:none
}
.crafting_requirements,
p.centered {
 text-align:center
}
.forge_extra {
 background-image:url("../img/inv/inventar_zelle.gif");
 width:32px;
 height:32px;
 display:inline-block;
 position:relative
}
.ie7 .forge_extra {
 background-image:url("../img/inv/inventar_zelle.gif");
 width:32px;
 height:32px;
 display:inline-block;
 position:relative;
 float:left
}
.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("../img/ui/crafting/crafting_menu_closed.gif");
 height:20px;
 width:29px
}
.forge_inactive,
.forge_opened {
 background-image:url("../img/ui/crafting/crafting_menu_inactive.gif");
 height:20px;
 width:29px
}
.forge_active,
.forge_crafting {
 background-image:url("../img/ui/crafting/crafting_menu_active.gif");
 height:20px;
 width:29px
}
.forge_inactive.item,
.forge_finished-succeeded {
 background-image:url("../img/ui/crafting/crafting_menu_done.gif");
 height:20px;
 width:29px
}
.forge_finished-failed {
 background-image:url("../img/ui/crafting/crafting_menu_done.gif");
 height:20px;
 width:29px
}
.forge_button_box {
 left:0;
 position:absolute;
 text-align:center;
 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(../img/ui/icon_honor.gif)
}
.icon_fame {
 background-image:url(../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("../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("../img/shop/shop_zelle.gif");
 height:96px;
 width:64px;
 position:relative
}
.align-center {
 display:block;
 margin-left:auto;
 margin-right:auto;
 text-align:center
}
#itembox_forge_success {
 margin-top:15px
}
#itembox_forge_success>div {
 text-align:initial
}
.sort_level {
 display:inline-block;
 height:16px;
 width:16px
}
.sort_alphabetical.desc {
 background-image:url("../img/ui/crafting/A-Z_down.png");
 display:inline-block;
 height:16px;
 width:16px
}
.sort_alphabetical.asc {
 background-image:url("../img/ui/crafting/A-Z_up.png");
 display:inline-block;
 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");
 filter:gray;
 -webkit-filter:grayscale(60%);
 filter:grayscale(60%)
}
#forge_box fieldset {
 padding-bottom:4px
}
.awesome-tabs {
 display:inline-block;
 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("../img/ui/layout/bg_mainnav.jpg") no-repeat scroll -32px -4px transparent;
 height:7px;
 left:-5px;
 position:absolute;
 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;
 height:10px;
 color:#513f2c;
 font-size:14px;
 font-weight:bold;
 min-height:10px;
 height:auto !important;
 height:10px
}
.tutorial .text {
 text-align:justify;
 border:1px solid #bba86e;
 background-color:#ded2ad;
 background-image:url(../img/interface/box_bg.jpg);
 background-repeat:repeat-x;
 min-height:10px;
 height:auto !important;
 height:10px;
 color:#513f2c;
 min-height:10px;
 height:auto !important;
 height:10px
}
.tutorial .footer {
 text-align:center;
 border:1px solid #bba86e;
 background-color:#ded2ad;
 background-image:url(../img/interface/box_bg.jpg);
 background-repeat:repeat-x;
 min-height:10px;
 height:auto !important;
 height:10px;
 color:#513f2c;
 min-height:10px;
 height:auto !important;
 height:10px
}
.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(../img/ui/layout/bg_contentitem.gif) repeat-x 0 1px;
 border:1px solid #bba86e;
 border-top:0
}
#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(../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(../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;
 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;
 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;
 width:18px;
 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("../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 {
 border-width:18px;
 border-color:rgba(213,200,155,0);
 margin-top:-18px
}
.arrow:before {
 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:0;
 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(../img/ui/loginbonus/ok.png)
}
.ajaxSaveMsg.fail {
 color:#b72213
}
.ajaxSaveMsg.fail::before {
 background-image:url(../img/ui/loginbonus/nok.png)
}
.ellipsis {
 overflow:hidden;
 text-overflow:ellipsis
}
td.ellipsis {
 max-width:0
}
.ui-draggable,
.ui-droppable {
 position:absolute
}
.ui-draggable.disabled:before,
.ui-droppable.disabled:before {
 content:'';
 background:url(../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:#f00 !important
}
[data-amount="0"],
[data-amount^="-"] {
 background-image:none !important
}
.ui-droppable,
.awesome-tabs:after {
 background-color:rgba(0,128,0,0);
 transition:background-color .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:''
}