h1, h2, form, html, p, div, span, table, tbody, td, tr, img {margin: 0;padding: 0;}
body, table, td, th, input, textarea, select {font-family: Arial, Tahoma, Verdana, sans-serif; font-size:12px;}
body {color: #a8a8a8;margin: 0 auto; max-width:460px; min-width: 320px; background-color:#000;}



table {border: 0;border-collapse: collapse;}
img {vertical-align: middle;border:0;}
ul, ol {margin: 0;padding: 0;list-style: none;} 
a { color: #98bab5; outline: none; text-decoration: underline;}
@-ms-viewport{width:auto!important}
@media (min-width: 800px) and (max-width: 1200px) {@-ms-viewport {width: 640px !important;}}

.b-container {
    background: #000;
    overflow: hidden !important;
}

.b-page-bg {
    text-align: center;
    padding: 2px 0 0 0;
}
.b-page-bg > img{
    display: block;
    width: 100%;
    height: auto;
}

.b-panel {
    margin: 5px 0;
    padding-bottom: 4px;
}
.panel-inner-2{ padding: 10px;}
.b-panel.gray-panel, .b-panel.tabs-panel, .blue-gray-panel {
    padding: 3px;
    background: #1f1f23 !important;  
    border: 1px solid #313134 !important;
}

.b-panel.red-panel.b-combat-panel {
    padding: 26px 0 16px 0;
    background: url('/images/sep-stone.png') repeat-x 0 100%, url('/images/combat-t-center.png') no-repeat 50% 0, url('/images/combat-t-l.png') no-repeat 0 0, url('/images/combat-t-r.png') no-repeat 100% 0, url('/images/combat-t-bg.png') repeat-x 0 0, url('/images/red-panel-bg.png') repeat 0 0  #2a1613;
}
.lblue-panel, .sblue-panel{
    background: #052336;
    border-top: 1px solid #022a41;
    border-bottom: 1px solid #011320;
    position: relative;
}
    .no-brd-bottom {border-bottom: 0;}
    .no-brd-top {border-top: 0;}
.b-panel-new .panel-inner2{padding: 10px 5px; }
.dblue-panel{
    background: #02121e;
    border: 1px solid #031a29;
}
a.dblue-panel {
    display: block;
    text-decoration:  none;
    background: url('/images/list-arr.png') 98% 50% no-repeat #02121e;
}
.link-panel {
    display: block;
    padding: 7px 25px 7px 5px;
    border-top: 1px solid #022a41;
    border-bottom: 1px solid #011320;
    text-decoration:  none;
    background: url('/images/list-arr.png') 98% 50% no-repeat #052336;
}
.link-panel.no-arr {
    background-image: none;
    padding-right: 5px;
}
.link-panel:hover {background-color: #08324C;}
.b-panel.bg-dark-blue.bordered{ border: 1px solid #062336;}
.page-banner img{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.dblue-panel { background: #001320;}
.dblue-panel.bordered {border: 1px solid #062336;}

.new-green-bg{
    padding: 5px 0 !important;
    background: #000 !important;
}
.el-img {
    float: left;
    margin-right: 5px;
}
.margin-from-image {
    margin-left: 38px;
}
.pnl {
    margin: 5px 0;
    padding: 0;
    background: url('/images/guild/gm-border-top.png') no-repeat top center, url('/images/guild/gm-border-top-bg.png') repeat-x top left #242428;
    border-bottom: 1px solid #353539;
}
.pnl-h { background: url('/images/guild/gm-border-top.png') no-repeat top center, url('/images/guild/gm-border-top-bg.png') repeat-x top left #02304B;}
.pnl-in { padding: 3px;}
.header-notation{
    font-size: 13px;
    padding: 5px 10px;
    text-align: center;
}
.header-notation.tleft{
    text-align: left;
}
.panel-descr {
    margin: 5px;
    padding: 5px;
    font-size: 11px;
    color: #9b9a9a;
}
.offer-panel {
    display: block;
    text-decoration: none;
    color: #b9d4d0;
    height: 54px;
    background:
        url('/images/panel-l-b.png') no-repeat 0% 100%,
        url('/images/panel-l-t.png') no-repeat 0% 0%,
        url('/images/panel-l-m2.png') no-repeat 0% 50%,
        url('/images/panel-l-m.png') repeat-y 0% 0%,
        url('/images/panel-r-b.png') no-repeat 100% 100%,
        url('/images/panel-r-t.png') no-repeat 100% 0%,
        url('/images/panel-r-m2.png') no-repeat 100% 50%,
        url('/images/panel-r-m.png') repeat-y 100% 0%,
        url('/images/knot.png') repeat-y 90% 0%,
        url('/images/btn-t-bg.png') repeat-x 0 0,
        url('/images/btn-b-bg.png') repeat-x 0 100%
        #283D47;
}
.b-panel.gray-panel.no-sep {
    margin: 1px 0;
    background: url('/images/gray-panel-l.png') repeat-y 0 0, url('/images/gray-panel-r.png') repeat-y 100% 0, url('/images/gray-panel-b.png') repeat-x 0 100%, url('/images/gray-panel-t.png') repeat-x 0 0 #242428;
}

.reward-panel {
    padding: 5px 20px 12px 20px;
    background: url('/images/rewards/reward-panel-top.png') repeat-x 0 0, url('/images/rewards/reward-panel-bot.png') repeat-x 0 100%, url('/images/rewards/reward-panel-l.png') repeat-y 0 0, url('/images/rewards/reward-panel-r.png') repeat-y 100% 0 #04240a;
}
.reward-panel-fail {
    padding: 5px 20px 18px 20px;
    background: url('/images/gray-panel-l.png') repeat-y 0 0,
    url('/images/gray-panel-r.png') repeat-y 100% 0,
    url('/images/dark-panel-t.png') repeat-x 0 0,
    url('/images/dark-panel-b.png') repeat-x 0 100% #111111;
}
.reward-panel.no-sep {
    padding: 5px 20px 5px 20px;
    background: url('/images/rewards/reward-panel-top.png') repeat-x 0 0, url('/images/rewards/reward-panel-l.png') repeat-y 0 0, url('/images/rewards/reward-panel-r.png') repeat-y 100% 0 #04240a;
}
.reward-status-block {
    height: 46px;
    text-align: center;
    background: url('/images/rewards/wings.png') no-repeat 50% 0 transparent;
}
.reward-status-block img {margin-top: 5px;}
.reward-status-block-fail {
    background: url('/images/dogfights/fail_wings.png') no-repeat 50% 0 transparent;
    height: 60px;
    margin: 15px 0px 15px 0px;
}
/* next reward-panel */
.rewards-panel{
    padding: 0;
    margin: 0;
    border: 1px solid #2f1e08;
    background: #211505;
}
.rewards-title{
    position: relative;
    height: 27px;
    padding-top: 11px;
    font-size: 14px;
    color: #ffd100;
    text-align: center;
    background: url('/images/icons/trophy_39.png') no-repeat 2% 3px, url('/images/icons/trophy_39.png') no-repeat 98% 3px #2f1e08;
    border-bottom: 1px solid #2f1e08;
}
    
.r-item {
    display: inline-block;
    margin: 0;
    padding-top: 5px;
    vertical-align: top;
    text-align: center;
    width: 80px;
    position: relative;
}
.r-item.normal:after, .r-item.hard:after, .r-item.impossible:after, .r-item.solo:after  {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: url('/images/icons/item_normal.png') no-repeat 0 0;
    top: 30px;
    right: 21px;
}
    .r-item.hard:after {background-image: url('/images/icons/item_hard.png');}
    .r-item.impossible:after {background-image: url('/images/icons/item_impossible.png');}
    .r-item.solo:after {background-image: url('/images/icons/item_solo.png');}



.future-reward, .future-reward table tr td {font-size: 11px;}
.task-btn-icon{
    width: 32px;
    height: 32px;
    margin-top: -12px;
}
.task-btn-icon.excl{
    background: url('/images/rewards/btn-excl.png') no-repeat 0 0;
    position: relative;
}
.task-btn-icon.question{
    background: url('/images/rewards/btn-question.png') no-repeat 0 0;
    position: relative;
}
.task-btn-text{
    font-size: 12px;
    color: #fff;
}
.brown-panel{background: #190801;}

.reward-panel.starter-pack {padding: 0}
.reward-panel.starter-pack .panel-inner { padding: 15px 20px 15px 20px; }
.b-panel-new {position: relative;}
.b-panel-new.first {border-top: none;}

.gr-panel{
    font-size: 12px;
    border: 1px solid #3b4d68;
    background-color: #162030;
    background: linear-gradient( to bottom, #222b3b 0%, #222b3b 49%, #162030 51%, #162030 100%);
}
.b-panel-new.dblue-panel{background: #0f1a25;}
.dblue-panel.bordered{border: 1px solid #192838;}


.b-list { }
.b-list a.list-el {
    display: block;
    text-decoration: none;
    color: #b9d4d0;
    padding: 4px 4px;
    border-bottom: 1px solid #000;
}
.b-list .list-el {
    display: block;
    color: #b9d4d0;
    text-decoration: none;
    padding: 4px 4px;
    border-bottom: 1px solid #000;
}
.b-list li h2 {
    text-align: left;
    font-size: 14px;
}
.b-list li.list-el {
    display: block;
    padding: 4px 4px;
    border-bottom: 1px solid #000;
}
.b-list div.list-el.ench { padding: 10px 7px;}
.b-list div.list-el h2.ench {
    color: #dbe3e8;
    font-weight: bold;
    text-align: left;
    padding: 0; margin: 0;
}
.b-list div.list-el h3 {
    color: #bfc196;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    padding: 0; margin: 0;
}
.panel-inner .list-el {
    display: block;
    padding: 4px 2px;
    border-bottom: 1px solid #000;
}
.panel-inner .list-el.last { border-bottom: 0; }
.b-list .list-el a {color: #b9d4d0;}
    .b-list .list-el a.btn-big, .b-list .list-el a.btn-big {color: #fff;}
    div.arr, a.list-el.arrow-el, .b-list.list-arr a.list-el {
        padding-right: 25px;
        background: url('/images/list-arr.png') no-repeat 50% 50%;
    }
    a.list-el.arrow-el, .b-list.list-arr a.list-el {background-position: 100% 50%;}
    a.list-el:hover {background: #263237;}
        a.list-el.arrow-el:hover, .b-list.list-arr a.list-el:hover {background-color: #263237;}
.b-list div.list-el {
    padding: 4px 7px;
    border-bottom: 1px solid #000;
    overflow: hidden;
}
    .b-list .el-img {
        float: left;
        margin: 0 5px 0 0;
    }
        .b-list .el-img img { margin-top: 2px; }
    .b-list .el-name {
        display: block;
        margin-bottom: 6px;
        font-size: 12px;
        font-weight: bold;
    }
    .b-list .el-descr {
        font-size: 11px;
        color: #d7d7d7;
    }
    .b-list .list-el.last { border-bottom: 0; }
.list-correction-style .b-list a.list-el {
    padding-left: 0;
    text-decoration: underline;
    display: inline;
}
.list-correction-style .b-list a.list-el:hover { background: none; }

.award { text-align: center; }
    .award .el {
        display: inline-block;
        white-space: nowrap;
        padding: 0 2px;
        font-size: 14px;
        font-weight: bold;
    }
    .award .el-big {
        display: inline-block;
        margin-top: 5px;
        font-size: 12px;
        text-align: left;
        font-weight: bold;
    }
.oracle-award { margin: 2px 5px 2px 0;}
.equip-table, .right-buttons-table { }
    .equip-table td, .right-buttons-table td {
        padding: 4px 0;
        border-top: 1px solid #333333;
    }
        .equip-table tr:first-child td, .right-buttons-table tr:first-child td {border-top: 0;}

    .equip-table .el { font-size: 14px; }
    .right-buttons-table .btn { text-align: center; }
    .right-buttons-table .delimiter { border-top: 3px solid #333333; }

.sep-light {
    height: 1px;
    width: 100%;
    margin: 5px 0;
    background: url('/images/separators/sep-light.png') no-repeat 50% 0 transparent;
}
.sep-victory {
    height: 7px;
    margin: 7px 0;
    background: url('/images/sep-victory.png') no-repeat 50% 0;
}
.sep-gray {
    margin-top: 1px;
    height: 4px;
    background: url('/images/gray-panel-t.png') repeat-x 0 0 transparent;
}
.sep-victory-gray {
    height: 7px;
    margin: 7px 0;
    background: url('/images/sep-victory-gray.png') no-repeat 50% 0;
}
.blue-sep {
    width: 100%;
    height: 1px;
    background: linear-gradient( to right, #38525f 0%, #17303b 25%, #17303b 75%, #38525f 100%);
}
.black-sep {
    width: 100%;
    height: 1px;
    background: #000;
}
.blue-sep-alt {
    width: 100%;
    height: 1px;
    background: linear-gradient( to right, #305261 0%, #6f95a7 25%, #6f95a7 75%, #305261 100%);
}

.clearer {
    content: '';
    display: block;
    height: 0;
    clear: both;
    float: none;
}




.b-header-stats {
    padding: 9px 5px 3px 5px !important;
    color: #fff;
    background: #131313 !important;
}
.b-header  {
    padding: 3px 3px 0 3px;
    background: #131313 !important;
    color: #fff;
}
.b-exp-head {
    position: relative;
    padding: 5px 34px 5px 3px;
    background: #131313;
}
.exp-head-out {
    background: #454545;
    height: 3px;
    overflow: hidden;
}
.exp-head-in {
    float: left;
    background: #d9bf53;
    height: 3px;
    border-right: 1px solid #454545;
}
.exp-head-delta {
    float: left;
    background: #24a800;
    height: 3px;
    border-right: 1px solid #131313;
}
.exp-head-lvl {
    position: absolute;
    right: 0;
    top: 0;
    color: #c7af4d;
    font-size: 11px;
}
.b-page-bg {}



h1, h2 {
    margin: 0;
    padding: 0 5px 7px 5px;
    font-size: 16px;
    font-weight: normal;
    color: #bfc196;
    text-align: center;
}
    h2 { font-size: 14px; }
h3 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 14px;
    font-weight: normal;
}

.b-arena-title {
    position: relative;
    overflow: hidden;
    margin-top: 1px;
    height: 28px;
    background: url('/images/dogfights/arena-title-bg.png') repeat-x 0 0 #131929;
}
.arena-title-l {
    float: left;
    width: 70px;
    height: 28px;
    background: url('/images/dogfights/arena-title-left.png') no-repeat 0 0 #131929;
}
.arena-title-r {
    float: right;
    width: 70px;
    height: 28px;
    background: url('/images/dogfights/arena-title-right.png') no-repeat 0 0 #131929;
}
.arena-title-text {
    position: absolute;
    width: 100%;
    padding-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-style: normal;
    font-size: 14px;
    color: #ffffff;
    text-overflow: ellipsis;
}
.page-title{
    padding: 9px 18px;
    padding: 9px 18px;
    position: relative;
    color: #bfc196;
    text-align: center;
    font-size: 14px;
    background: url('/images/heder-top-left-border.png') no-repeat 0 0,
    url('/images/heder-top-right-border.png') no-repeat  100% 0,
    url('/images/heder-bottom-left-border.png') no-repeat 0 100%,
    url('/images/heder-bottom-right-border.png') no-repeat 100% 100%,
    url('/images/heder-top-border.png') repeat-x 0 0,
    url('/images/heder-bottom-border.png') repeat-x 100% 100%,
    url('/images/heder-left-border.png') repeat-y 0 0,
    url('/images/heder-right-border.png') repeat-y 100% 100%,
    linear-gradient(to bottom,#00070c 0%,#02111d 100%);
    background-color: #02111d;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid #272728;
}


.b-notice-roll {
    position: relative;
    min-height: 31px;
}
.b-notice-new {
    padding: 12px 7px 5px 7px;
    color: #a8a8a8;
    background: url('/images/notice/notice_3_t.png') no-repeat 50% 0,#092232;
}
.notice-roll-lm, .notice-roll-rm {
    position: absolute;
    z-index: 9;
    min-height: 32px; height: 100%;
    width: 32px;
    float: left;
    background: url('/images/roll-notice-ml.png') repeat-y 0 0 transparent;
}
.notice-roll-rm {
    right: 0;
    top: 0;
    float: right;
    background-image: url('/images/roll-notice-mr.png');
}
.notice-roll-lt, .notice-roll-rt {
    position: absolute;
    top: -8px;
    z-index: 10;
    width: 32px;
    height: 32px;
    background: url('/images/roll-notice-tl.png') no-repeat 0 0 transparent;
}
.notice-roll-rt {
    right: 0;
    background-image: url('/images/roll-notice-tr.png');
}

.notice-roll-cont {
    position: relative;
    min-height: 32px; height: 100%;
    margin: 0 32px;
    padding-top: 10px;
    padding-bottom: 7px;
    color: #3b3020;
    font-size: 12px;
    border-top: 1px solid #f3f1ed;
    background: #d3ccc2;
}
.b-art-notice {position: relative;}
.art-notice {
    position: absolute;
    top: -84px; left: 0;
    width: 100%;
}
.art-notice-inner {
    height: 84px;
    padding-top: 44px;
    padding-left: 72px;
    color: #3b3020;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
}

.b-notice {
    padding: 18px 10px 10px 10px;
    color: #a8a8a8;
    background:
    url('/images/notice/notice-b-r.png') no-repeat 100% 100%,
    url('/images/notice/notice-b-l.png') no-repeat 0 100%,
    url('/images/notice/notice-b-bg.png') repeat-x 0 100%,
    url('/images/notice/notice-t-r.png') no-repeat 100% 0,
    url('/images/notice/notice-t-l.png') no-repeat 0 0,
    url('/images/notice/notice-l.png') repeat-y 0 0,
    url('/images/notice/notice-r.png') repeat-y 100% 0,
    url('/images/notice/notice-t-bg.png') repeat-x 0 0
    #232a2d;
}
.b-notice h3 {
    text-align: center;
    color: #fff;
}
.b-notice p {
    padding: 0 5px 5px 5px;
    color: #8199a6;
}
.b-notice .lvlup-img {
    width: 210px;
    height: 32px;
}
.notice-btn {
    text-decoration: none;
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 32px;
    display: block;
}
.notice-btn-l {
    float: left;
    width: 24px;
    height: 32px;
    background: url('/images/notice/n-btn-l.png') no-repeat 0 0;

}
.notice-btn-r {
    float: right;
    width: 24px;
    height: 32px;
    background: url('/images/notice/n-btn-r.png') no-repeat 0 0;

}
.notice-btn-cont {
    height: 32px;
    background: url('/images/notice/n-btn-bg.png') repeat-x 0 0;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #cdcdcd;
    padding: 8px 0 0 0;
}
.b-notice-new {
    padding: 12px 7px 5px 7px;
    color: #a8a8a8;
    background: url('/images/notice/notice_3_t.png') no-repeat 50% 0,#092232;
}
/*.............................................
................end of Notice..................
.............................................*/


/*.............................................
...................Menu........................
.............................................*/
.b-navigation {
    margin-top: 5px;
    padding-top: 12px;
    background-image: none;    
}
.b-navigation img {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    padding:0 2px;
}
/*.............................................
.............end of Menu.......................
.............................................*/



/*.............................................
....................Footer.....................
.............................................*/
.b-mt-footer {
    margin-top: 10px;
    color: #515151;
}
    .b-mt-footer a {
        color: #7c7c7c;
        text-decoration: underline;
    }
/*.............................................
.................end of Footer.................
.............................................*/



/*.............................................
..............Buttons and forms................
.............................................*/

/*............tabs and filters..........*/
.b_tabs {
    margin-top: 3px;
    display: table;
    width: 100%;
    z-index: 10;
    margin-bottom: -1px;
    position: relative;
    overflow: hidden;
}
.tab {
    display: block;
    background: #192838;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    border-top: 1px solid #7e6f54;
    border-left: 1px solid #7e6f54;
    border-bottom: 1px solid #192838;
    border-top-left-radius: 3px;
}
a.tab {
    background: #141f2c;
    border: 1px solid #26394c;
    border-bottom: 1px solid #7e6f54;
    position: relative;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
span.tab {
    display: block;
    background: #052336;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    border: 1px solid #7e6f54;
    border-bottom: 1px solid #052336;
    border-top-left-radius: 3px;

}

td:last-child span.tab{
    border-top-right-radius: 0px;
    border-right: 0px;
}
.b_tabs tr td:first-child span.tab {
    border-right: 1px solid #7e6f54;
    border-top-right-radius: 3px;
    border-left: 0;
    border-top-left-radius: 0;
}
.b_tabs .divider {
    display: block;
    height: 29px;
    width: 1px;
    border-bottom: 1px solid #7e6f54;
}
.b-tabs {}
.b-tabs table td {text-align: center;}
    .b-tabs .active {
        display: block;
        padding: 6px 2px;
        background: #2d2d32;
        border-bottom: 0;
        color: #cdcdcd;
        background: url('/images/active-tab-r.png') no-repeat 100% 0 #2d2d32;
    }
    .b-tabs table td a {
        display: block;
        padding: 6px 2px;
        color: #76808b;
        text-decoration: none;
    }
    .b-tabs table td a:hover { background: #111111; }
.b-tabs.blue-tabs{}

.b-tabs.blue-tabs td a, .b-tabs.blue-tabs td span {
    border-radius: 3px 3px 0 0;
}
.b-tabs.blue-tabs td:first-child span {
    border-radius: 0 3px 0 0;
}
.b-tabs.blue-tabs td:last-child span {
    border-radius: 3px 0 0 0;
}
.b-tabs.blue-tabs td a{
    background: #141f2c;
    border-bottom: 1px solid #605647;
    border-top: 1px solid #26394c;
    border-left: 1px solid #26394c;
    border-right: 1px solid #26394c;
}
.b-tabs.blue-tabs td span{
    background: #192838;
    border-top: 1px solid #605647;
    border-left: 1px solid #605647;
    border-right: 1px solid #605647;
    border-bottom: 1px solid #192838;
}

.b-tabs.blue-tabs td:first-child span{
    background: #192838;
    border-top: 1px solid #605647;
    border-right: 1px solid #605647;
    border-left: none;
}
.b-tabs.blue-tabs td:last-child span{
    background: #192838;
    border-top: 1px solid #605647;
    border-left: 1px solid #605647;
    border-right: none;
}

.b-filter  {
    margin: 0 2px 10px 2px;
    font-size: 11px;
}
.b-filter table thead td {
    text-align: center;
    background: url('/images/filter-line.png') repeat-x 0 100%;
}
    .b-filter table thead td img{ display: block; margin: 0 auto; }
.b-filter table tbody td {
    padding: 4px 2px;
    color: #fff;
    background: #272727;
    border-bottom: 1px solid #383838;
    text-align: center;
}
    .b-filter table tbody td a {
        text-decoration: none;
        padding: 4px 2px;
    }
    .b-filter table tbody td:first-child { border-left: 1px solid #383838; }
    .b-filter table tbody td:last-child { border-right: 1px solid #383838; }

.b-top-filters {padding: 0px 5px;}
.b-top-filters .filters-title { margin-right: 4px; }
.b-top-filters .el {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 2px 8px;
}
    .b-top-filters a.el {
        text-decoration: none;
        color: #8ecde5;
        background: #1c485f;
        border-radius: 4px;
        border-top: solid 1px #49749f;
        border-bottom: solid 1px #09243f;
    }
    .b-top-filters span.el {
        color: #666666;
        border: 1px solid #444444;
        border-radius: 4px;
    }
.b-filter-new{
    text-align: center;
    background: #052336;
    padding: 10px 0;
}
.b-filter-new a, .b-filter-new span{
    padding: 10px 0;
    display: block;
    text-decoration: none;
}
.b-filter-new td a{
    border: 1px solid #0f1a25;
    border-right: none;
    background-color: #192838;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,.05) 0%,
        rgba(255,255,255,.05) 49%,
        #192838 51%,
        #192838 100%
    );
}
.b-filter-new td:first-child a{ border-left: none;}
.b-filter-new td span{ border-left: 1px solid #0f1a25;}
.b-filter-new td:first-child span{border-left: none;}
.b-filter-new td span{color: #666;}

.b-choice { text-align: center; }
    .b-choice .title { }
    .b-choice .el {
        display: inline-block;
        margin: 3px 5px;
    }
        .b-choice .el a { text-decoration: underline; }
        .b-choice .el span {
            color: #fff;
            font-weight: bold;
        }
        .b-choice .el img { margin-right: 2px; }

.b-blue-tabs a.tab, .b-blue-tabs span.tab, .b-brown-tabs a.tab, .b-brown-tabs span.tab{
    font-size: 12px;
    display: block;
    text-decoration: none;
    font-weight: bold;
}
.b-blue-tabs .tab{
    position: relative;
    height: 27px;
    color: #aed5d1;
    background: url('/images/rewards/blue-tab-center.png') repeat-x 0 0;
}
.b-blue-tabs a.tab:before, .b-blue-tabs a.tab:after{
    display: block;
    position: absolute;
    content: '';
    width: 60px;
    height: 27px;
    top: 0;
    z-index: 10;
}
.b-blue-tabs td:first-child a.tab:before{
    left: 0;
    background: url('/images/rewards/blue-tab-left-l.png') no-repeat 0 0;
}
.b-blue-tabs td:first-child  a.tab:after{
    right: 0;
    background: url('/images/rewards/blue-tab-left-r.png') no-repeat 0 0;
}
.b-blue-tabs td:last-child a.tab:before{
    left: 0;
    background: url('/images/rewards/blue-tab-right-l.png') no-repeat 0 0;
}
.b-blue-tabs td:last-child  a.tab:after{
    right: 0;
    background: url('/images/rewards/blue-tab-right-r.png') no-repeat 0 0;
}
.b-blue-tabs span.tab{background: none;}

.b-brown-tabs{margin: 0 3px;}
.b-brown-tabs a.tab{
    background: #fbd736 linear-gradient(to bottom, #dbb861 0%, #fcd200 100%);
    padding: 1px;
    color: #ffe9bd;
}

.b-brown-tabs span.tab{
    padding: 4px 0 3px 0;
    border-top: 1px solid #dbb861;
    color: #fff;
}
.b-brown-tabs a.tab .tab-a-wrapper{
    position: relative;
    height: 14px;
    padding: 3px 0;
    background: #592f07 url('/images/rewards/brown-tab-center.png') repeat-x 50% 50%;
}
.b-brown-tabs .tab .tab-a-wrapper:after, .b-brown-tabs .tab .tab-a-wrapper:before{
    display: block;
    position: absolute;
    content: '';
    width: 28px;
    height: 20px;
    bottom: 0;
}
.b-brown-tabs a.tab .tab-a-wrapper:after{
    left: 0;
    background: url('/images/rewards/brown-tab-left.png') no-repeat 50% 50%;
}
.b-brown-tabs a.tab .tab-a-wrapper:before{
    right: 0;
    background: url('/images/rewards/brown-tab-right.png') no-repeat 50% 50%;
}
.b-brown-tabs a .tab-text, .b-blue-tabs a .tab-text{
    position: absolute;
    width: 100%;
    height: 14px;
    padding: 3px 0;
    top: 0;
    left: 0;
    z-index: 999;
}
.b-blue-tabs .tab-text{
    position: absolute;
    width: 100%;
    height: 20px;
    padding: 7px 0;
    top: 0;
    left: 0;
    z-index: 999;
}

/*.........buttons........*/
.btn-panel {
    display: block;
    padding: 7px 20px;
    margin-bottom: 1px;
    text-decoration: none;
    color: #b9d4d0;
    background:
        url('/images/panel-l-b.png') no-repeat 0% 100%,
        url('/images/panel-l-t.png') no-repeat 0% 0%,
        url('/images/panel-l-m2.png') no-repeat 0% 50%,
        url('/images/panel-l-m.png') repeat-y 0% 0%,
        url('/images/panel-r-b.png') no-repeat 100% 100%,
        url('/images/panel-r-t.png') no-repeat 100% 0%,
        url('/images/panel-r-m2.png') no-repeat 100% 50%,
        url('/images/panel-r-m.png') repeat-y 100% 0%,
        url('/images/btn-t-bg.png') repeat-x 0 0,
        url('/images/btn-b-bg.png') repeat-x 0 100%
        #283D47;
}

.b-list .list-el a.btn {color: #fefcff;}
.btn.nav-btn img, .btn.nav2-btn img, .btn.btn-buy-gold img {
    display: inline-block;
    margin: 2px 3px 0 0;
}
.btn.fright {
    padding: 7px;
    border-left: 1px solid #1a303a;
    border-right: 1px solid #1a303a;
    border-top: 1px solid #242934;
    background: url('/images/btn-t-bg.png') repeat-x 0 0, url('/images/btn-b-bg.png') repeat-x 0 100% #283d45;
}
.b-selector-hides-active .active {display: none;}
.link-icon {
    height: 12px;
    width: 12px;
    margin-right: .2em;
}
.list-el .btn-big { margin: 5px 0; }
.btn-attack {
    margin-top: 0 !important;
    font-size: 14px !important;
    font-weight: bold;
}
.btn-reply {
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    background: url('/images/btn-reply.png') no-repeat 0 0;
}
.btn-foxy {
    display: block;
    margin: 1px 0;
    padding: 9px 3px 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #ffffff !important;
    background: url('/images/buttons/btn-foxy-top.png') repeat-x 0 0, url('/images/buttons/btn-foxy-bot.png') repeat-x 0 100%, url('/images/buttons/btn-foxy-bg.png') repeat-x 0 0 #9b4e0b;
    cursor: pointer;
}
.all-links-is-btn a {
    display: block;
    padding: 7px;
    text-decoration: none;
    color: #fefcff;
    border-top: 1px solid #242934;
    border-bottom: 1px solid #000;
    background: url('/images/btn-l.png') repeat-y 0 0, url('/images/btn-r.png') repeat-y 100% 0, url('/images/btn-t-bg.png') repeat-x 0 0, url('/images/btn-b-bg.png') repeat-x 0 100% #242934;
}
.gold-panel {
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding-top: 5px;
    min-height: 55px;
    background:
        url('/images/start-pack/gold-panel-left.png') no-repeat 0 100%,
        url('/images/start-pack/gold-panel-right.png') no-repeat 100% 100%,
        url('/images/start-pack/gold-panel-top.png') repeat-x 0 0,
        url('/images/start-pack/gold-panel-bot.png') repeat-x 0 100%,
        url('/images/start-pack/gold-panel-bg.png') repeat-x 0 4px
        #a76001;
}
@media screen and (max-width: 280px)  {
    .gold-panel {background: url('/images/start-pack/gold-panel-top.png') repeat-x 0 0, url('/images/start-pack/gold-panel-bot.png') repeat-x 0 100%, url('/images/start-pack/gold-panel-bg.png') repeat-x 0 4px #a76001 !important;}
    .win-title-r, .win-title-l {display: none;}
    .b-title-text {margin: 0 5px;}
}

.btn-crimson {
    display: block;
    padding: 7px 5px 7px 5px;
    font-size: 12px;
    min-height: 16px;
    text-decoration: none;
    color: #c6dedd;
    border: none;
    background: url('/images/restyle/btn-h-red.png') no-repeat 50% 0, url('/images/restyle/btn-v-red.png') 0 0 repeat-x;
}

.btn-locked {
    display: block;
    padding: 7px 5px 7px 5px;
    font-size: 12px;
    min-height: 16px;
    text-decoration: none;
    color: #999999;
    border: none;
    background: url('/images/restyle/btn-h-gray.png') no-repeat 50% 0, url('/images/restyle/btn-v-gray.png') 0 0 repeat-x;
}
.btn { position: relative;}
.btn-box{
    padding: 0 2px 2px 2px;
}
.craft-btn{
    padding: 10px 5px;
    border: 1px solid rgba(0,0,0,.7);
    background: url('/images/professions/btn-top-left-border.png') no-repeat 0 0, url('/images/professions/btn-top-right-border.png') no-repeat 100% 0, url('/images/professions/btn-bot-left-border.png') no-repeat 0 100%, url('/images/professions/btn-bot-right-border.png') no-repeat 100% 100%, url('/images/professions/btn-top-center.png') repeat-x 0 0, url('/images/professions/btn-bot-center.png') repeat-x 0 100%, linear-gradient(to bottom,#014736 0%,#0c614c 100%);
    font-size: 13px;
    text-align: center;
}
span.craft-btn{
    background: url('/images/professions/btn-top-left-border-g.png') no-repeat 0 0, url('/images/professions/btn-top-right-border-g.png') no-repeat 100% 0, url('/images/professions/btn-bot-left-border-g.png') no-repeat 0 100%, url('/images/professions/btn-bot-right-border-g.png') no-repeat 100% 100%, url('/images/professions/btn-top-center-g.png') repeat-x 0 0, url('/images/professions/btn-bot-center-g.png') repeat-x 0 100%, linear-gradient(to bottom,#252323 0%,#353432 100%);
    color: #989898;
}
.btn.btn-brown {
    border-top: 1px solid #947342;
    background: linear-gradient(to bottom, #44351f 0%,#44351f 1%,#5a4628 2%, #42331d 100%);
}


/*.........paging........*/
.b-paging {
    padding: 10px 0 4px 0;
    border-top: 1px solid #000;
    font-size: 0;
    text-align: center;
}
.b-paging a, .b-paging span {
    display: inline-block;
    width: 29px;
    height: 19px;
    margin: 0 2px;
    padding-top: 5px;
    background: #000;
    border: 1px solid #174550;
    color: #ffd7a7;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    background: url('/images/pag-btn.png') no-repeat 0 0;
}
    .b-paging span {
        background: #D7D7D7;
        color: #ffb400;
        border-width: 0;
        background: url('/images/pag-active.png') no-repeat 0 0;
    }
    .b-paging a:hover { border-color: #ffd7a7; }


    .b-paging-new{
        text-align: center;
        background-color: #192838;
    }
    .b-paging-new a{
        display: block;
        padding: 10px 0;
        font-size: 14px;
        text-decoration: none;
        color: #b9d4d0;
        background-color: #192838;
        background: linear-gradient(
            to bottom,
            rgba(255,255,255,.05) 0%,
            rgba(255,255,255,.05) 49%,
            #192838 51%,
            #192838 100%
        );

    }
    .b-paging-new td{
        border-left: 1px solid #000;
    }
    .b-paging-new td:first-child{
        border: none;
    }

.b-paging-new{
    text-align: center;
    background-color: #192838;
}
.b-paging-new a{
    display: block;
    padding: 10px 0;
    font-size: 14px;
    text-decoration: none;
    color: #b9d4d0;
    background-color: #192838;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,.05) 0%,
        rgba(255,255,255,.05) 49%,
        #192838 51%,
        #192838 100%
    );

}
.b-paging-new td{ border-left: 1px solid #000;}
.b-paging-new td:first-child{ border: none;}

/* NEW PAGING */
.b-page {
    padding: 0;
    margin-top: 2px;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
}
.page {
    display: inline-block;
    padding: 10px 0;
    min-width: 39px;
    text-decoration: none;
    background: linear-gradient( to bottom, #26394c 0%, #26394c 49%, #1a2e42 51%, #1a2e42 100% );
    background-color: #192838;
    color: #b9d4d0;
    font-size: 14px;
    border-left: 1px solid #001320;
    font-weight: normal;
    overflow: hidden;
}
span.page {
    background: #1a2e42;
    color: #47606d;
}

.page.next {min-width: 58px;}
@media screen and (max-width: 319px) { .page, .page.next {min-width: 37px} }
/*..........forms........*/
button {width: 100%; }
.b-textarea {
    padding: 1%;
    min-height: 31px;
    border: 0;
    vertical-align: bottom;
    width: 98%;
    margin-bottom: 5px;
}
.b-select {padding: 3px;}

.typical-form {}
.form-label {padding-left: 5px;}
.form-field {
    margin-top: 5px;
    padding: 0 4px;
}
.form-field input, .form-field select, .form-field textarea {display: block; }
    .form-field select { width: 100%; }
    .form-field input { width: 97%; margin: 0 auto; }
    .form-field textarea { width: 98%; margin: 0 auto; }
.form-submit input, .form-submit button {
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    height: 33px;
    -webkit-appearance: none;
    border: 0;
}
    .form-submit input.btn, .form-submit button.btn {border: 0;}
    .form-submit input.link, .form-submit button.link {
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
        text-decoration: underline;
        color: #75bfe4;
    }
.form-field textarea {
    height: 40px;
    resize: none;
}
.input-area {
    border-width: 1px;
    border-color: black;
    background-color: lightgray;
    padding: 4px;
    margin: 2px;
    width: 95%;
    border-radius: 3px;
}
.b-actions {padding: 0;}
.b-actions .el {
    display: inline-block;
    margin: 0 1px 2px 0;
    padding: 2px 10px 4px 10px;
    border: 1px solid #242424;
    font-size: 12px;
    background: url('/images/btn-action-blue-t.png') repeat-x 0 0 #3d4c51;
}
    .b-actions .el.el-green {
        background: url('/images/btn-action-green-t.png') repeat-x 0 0 #3d4c51;
    }
    .b-actions .el.el-red {
        background: url('/images/btn-action-red-t.png') repeat-x 0 0 #554039;
    }
    .b-actions a.el {
        text-decoration: none;
        color: #b9d4d0;
        border: 1px solid #444;
    }
    .b-actions a.el.el-block { display: block; }
    .b-actions a.el.el-green { color: #c6e1ce; }
    .b-actions a.el.el-red { color: #e5c6b7; }
    .b-actions span.el {
        color: #888888;
        border: 1px solid #444444;
    }
    .b-actions input.el {
        color: #b9d4d0;
    }
/*.............................................
...........end of Buttons and forms............
.............................................*/



/*.............................................
....................Profile....................
.............................................*/
.b-pers-info { margin-top: 2px; }
    .pers-achieve {
        float: left;
        margin: 3px 4px 3px 0;
    }
    .pers-name {
        color: #f1b72b;
        font-size: 14px;
    }
        .pers-name span { font-weight: bold; }
    .pers-race-lvl {margin-top: 3px;}

.pers-resources { text-align: center; }
    .pers-resources .res {
        display: inline-block;
        white-space: nowrap;
        padding: 0 2px;     
    }

.amulets-position { margin: 4px 0; }
.amulets-position tr:not(:first-child) > td {border-top: 1px solid #000;}
.amulets-position .change-pos {
    width: 30px;
    text-align: center;
}
    .amulets-position .change-pos a {
        display: block;
        width: 22px;
        height: 21px;
        background: url('/images/amulet-btn-down.png') no-repeat 0 0;
    }
        .amulets-position .change-pos.up a {
            background: url('/images/amulet-btn-up.png') no-repeat 0 0;
        }
        .amulets-position .change-pos.down a {
            background: url('/images/amulet-btn-down.png') no-repeat 0 0;
        }
    .amulets-position .amulet-info {
        padding: 3px 5px;
    }
        .amulets-position .amulet-info .lvl { padding-left: 5px; }
        .amulets-position .amulet-info img { padding: 0 2px; }
.belt-in-nav { padding-left: 4px; }
.award-items { margin: 0 auto; }
.award-items td {padding: 3px 0;}

.b-expa {
    width: 303px;
    margin: 0 auto;
    height: 7px;
    background: url('/images/exp_b_310.png') no-repeat 0 0;
}
    .expa-fill {
        height: 7px;
        background: url('/images/exp_a_310.png') no-repeat 0 0;
    }
    .b-expa.b-expa-240 {
        width: 203px;
        background: url('/images/exp_b_240.png') no-repeat 0 0;
    }
        .b-expa-240 .expa-fill { background: url('/images/exp_a_240.png') no-repeat 0 0; }

.b-action-sale{
    position: relative;
    color: #ffd100;
    text-align: center;
    padding: 5px 0 5px 40px;
}
.b-action-procent{
    position: absolute;
    top: -2px;
    left: -5px;
    width: 43px;
    height: 18px;
    padding: 7px 0 0 0;
    color: #fff;
    text-align: center;
    background: url('/images/action-yellow-bg.png') no-repeat 0 0;
}
.amulet-pos{
    display: inline-block;
    width: 22px;
    height: 21px;
}
.amulet-pos.up{ background: url('/images/amulet-btn-up.png') no-repeat 0 0; }
.amulet-pos.down{ background: url('/images/amulet-btn-down.png') no-repeat 0 0; }

.b-maneken {
    position: relative;
    height: 190px;
    padding: 0 5px;
    background-position: 50% 50%;
    background-repeat:  no-repeat;
}

.link_ava_scale {
    display: block;
    height: 180px;
    background: url('/images/profile/lupa_43.png') no-repeat 94% 94%;
}
.i-amu {
    display: inline-block;
    margin: 5px 0;
    width: 56px;
    position: relative;
}
.amu-lvl {
    position: absolute;
    top: -2px;
    left: 4px;
    width: 19px;
    height: 19px;
    background: url('/images/profile/sheild_19.png') no-repeat 0 0;
    font-size: 11px;
    text-align: center;
    color: #fff;
    line-height: 19px;
}
a.dblue-panel {
    display: block;
    text-decoration:  none;
    background: url('/images/list-arr.png') 98% 50% no-repeat #02121e;
}
.pers-resources {
    text-align: center;
    padding: 2px 5px 6px 5px;
}
.no-a {
    text-decoration: none !important;
}
.gr-btn.eq {
    display: inline-block;
    margin-right: 1px;
    text-align: center;
    padding: 8px 5px;
    margin-top: 1px;
}
.btn, .gr-btn{
    display: block;
    padding: 8px;
    border: 1px solid #121d2a;
    text-decoration: none;
    font-size: 12px;
    color: #b9d4d0;
    background: linear-gradient(to right, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0) 99%,rgba(255,255,255,0.07) 100%), linear-gradient(to bottom, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0) 4%, rgba(255,255,255,0) 96%,rgba(255,255,255,0.07) 100%), linear-gradient(to bottom, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.07) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
    background-color: #1c2c3d;
    border-radius: 3px;
}
.btn.btn-gray {background-color: #252525;}

.i-count {
    display: inline-block;text-decoration: none;position: relative;
}
.i-count-num {position: absolute;bottom: 0;right: 0;font-size: 11px;color:#fff;
    background: rgba(0,0,0,0.53);
    border-radius: 4px;
    padding: 1px;
}
.panel-inner-3 {
    padding: 5px 10px;
}
.table-raiting td {padding-top: 5px; }
/*.............................................
..............end of Profile...................
.............................................*/


/*.............................................
...................Combat......................
.............................................*/
.b-panel.combat-panel { 
    background: #160b0c;
    margin-bottom: 0; 
}
    .combat-line { margin: 2px 3px; }
    .combat-line .btn-red {
        display: block;
        padding: 5px;
        font-size: 12px;
        text-decoration: none;
        color: #FFF;
        border: 2px solid #0A2E00;
        background: url('/images/combat/btn-top.png') repeat-x 0 0, url('/images/combat/btn-red-bg.png') repeat-x 0 0 #50661f;
    }

    .btn-red {
        display: block;
        padding: 5px;
        font-size: 12px;
        text-decoration: none;
        color: #fff;
        background: url('/images/restyle/btn-h-red.png') repeat-x scroll 50% 0px, url('/images/restyle/btn-v-red.png') repeat-x scroll 0px 0px #560707;
    }
        .btn-red.inactive {
            position: relative;
            margin: 2px;
            background: #311010;
            border-radius: 2px;
        }

    .btn-red.btn-skill {
        position: relative;
        display: block;
        padding: 5px;
        height: 28px;
        text-align: center;
        background: url('/images/combat/btn-top.png') repeat-x 0 0, url('/images/combat/btn-darkred-bg.png') repeat-x 0 0 #670000;
        border-radius: 2px;
    }
        .btn-red.inactive-skill {
            position: relative;
            margin: 2px;
            height: 28px;
            background: #311010;
            text-align: center;
            border-radius: 2px;
        }
            .btn-red.inactive-skill.inactive25, .btn-red.inactive.inactive25 { border-color: #0d3e00; color: #597737; }
            .btn-red.inactive-skill.inactive50, .btn-red.inactive.inactive50 { border-color: #0a2e00; color: #43631e; }
            .btn-red.inactive-skill.inactive75, .btn-red.inactive.inactive75 { border-color: #072100; color: #374922; }
    .btn-aqua {
        display: block;
        padding: 6px 5px 4px 5px;
        font-size: 12px;
        height: 16px;
        text-decoration: none;
        color: #aacfce;
        border: 2px solid #132935;       
        background: url('/images/combat/btn-top.png') repeat-x 0 0, url('/images/combat/btn-aqua-bg.png') repeat-x 0 0 #28574b;
    }
        .btn-aqua.btn-potion {
            position: relative;
            text-align: center;
            border-radius: 2px;
        }
        .btn-aqua.inactive-skill {
            position: relative;
            margin: 2px;
            height: 16px;
            background: #031412;
            text-align: center;
            border-radius: 2px;
        }
            .btn-aqua.inactive-skill.inactive25 { border-color: #132935; color: #224e5a; }
            .btn-aqua.inactive-skill.inactive50 { border-color: #092227; color: #1e414b; }
            .btn-aqua.inactive-skill.inactive75 { border-color: #061c20; color: #132d35; }
    .locked-time {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 14px;
        padding-top: 24px;
        text-align: right;
        background: rgba(35,38,34,0.8);
    }
        .btn-aqua .locked-time {
            padding-top: 12px;
            background: rgba(3,14,12,0.8);       
        }
        .btn-red.inactive .locked-time {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 14px;
            padding-top: 10px;
            text-align: right;
            background: rgba(35,38,34,0.8);
        }

    .soulshot {
        display: block;
        position: absolute;
        bottom: 1px;
        left: 2px;
        width: 9px;
        height: 9px; /* set as icon size */
        background: url('/images/combat/ss.png') no-repeat 0 0;
    }

.b-combat-text { margin: 5px; }
.combat-panel-top {
    height: 24px;
    background: url('/images/combat-top-middle.png') no-repeat 50% 0, url('/images/combat-top-lr.png') repeat-x 0 100%;
    background-color: #000;
}
.icon-style-amulets {
    width: 34px;
    height: 32px;
    margin: auto;
    background: no-repeat 50% 50%;
}
.b-enemy {
    display: block;
    position: relative;
    margin: 2px 5px;
    padding-top: 4px;
}
    .enemy-hp {
        position: relative;
        margin-left: 32px;
        height: 32px;
        background: #696969;
    }
    .enemy-hp-remain {
        float: left;
        height: 32px;
    }
    .hp-green { background: #0D6822 !important; }
    .hp-yellow { background: #66660D !important; }
    .hp-orange { background: #9E6D14 !important; }
    .hp-red { background: #660D0D !important; }
    .enemy-hp-damage {
        float: left;
        height: 32px;
        opacity: 0;
        background: #fff9c7;
    }
    .enemy-damage-balloon {
        opacity: 0;
        position: absolute;
        top: 2px;
        right: 0;
        width: 60px;
        height: 23px;
        padding-top: 7px;
        text-align: center;
        font-size: 11px;
        color: #000;
        background: url('/images/combat-damage-baloon.png') no-repeat 0 0;
    }
    .enemy-text {
        position: absolute;
        width: 100%;
        top: 0;
    }
    .enemy-text td {
        height: 32px;
        font-size: 14px;
    }
    .enemy-text .enemy-name {
        height: 32px;
        padding-left: 7px;
        vertical-align: middle;
        font-weight: bold;
        color: #000;
    }
    .enemy-text .enemy-hp-amount {
        padding: 0 5px;
        vertical-align: middle;
        text-align: right;
        color: #fff;
    }
.b-enemy .img-npc { margin-right: 0; }
    .enemies-list { 
        padding: 2px 5px; 
        color: #4b7775;
    }
    .enemies-list-head {
        display: inline-block;
        font-size: 14px;
        color: #77714b;
    }
    .enemy-inline { 
        display: inline-block;
        margin: 2px;
        color: #4b7775; 
    }
    .enemies-list .b-enemy {margin: 2px 0;}
    .enemies-list .enemy-hp {
        margin-left: 0;
        height: 28px;
        background: #333333;
        border: 1px solid #000;
    }
    .enemies-list .enemy-text td {
        height: 28px;
        font-size: 12px;
        color: #a8a8a8;
    }

    .enemies-list .enemy-hp-remain { height: 28px; }
    .enemies-list .enemy-hp-remain { background: #500000; }
    .enemies-list.helpers-list .enemy-text td { height: 20px; }
    .enemies-list.helpers-list .enemy-hp {  height: 20px; }
    .enemies-list.helpers-list .enemy-hp-remain {  height: 20px; background: #005600; }

    .b-enemy-phraze {
        border-bottom: 1px solid #1c1c1c;
        padding: 3px;
    }
        .b-enemy-phraze .inner-phraze {background: #160b0c !important;}
        .b-enemy-phraze .phraze-arrow {
            height: 6px;
            margin-left: 9px;
            background: url('/images/combat-phraze-arrow.png') no-repeat 0 0;
        }
    .b-enemy-others {
        border: 1px solid #000;
        padding: 4px 5px 4px 7px;
        background: #333333;
        font-weight: bold;
        display: block;
        text-decoration: none;
        font-weight: normal;
        color: #a8a8a8;
    }
.enemy-hp2 {
    position: relative;
    overflow: hidden;
    margin-left: 3px;
    margin-top: 5px;
    height: 4px;
    background: #2b2b2b;
    border: solid 2px black;
}
.enemy-hp-remain2 {
    float: left;
    height: 4px;
}
.enemy-hp-damage2 {
    float: left;
    height: 32px;
    opacity: 0;
    background: #fff9c7;
}
.enemy-text2 {
    margin-left: 32px;
}
.enemy-text2 td {
    height: 16px;
    font-size: 14px;
}
.enemy-text2 .enemy-hp-amount {
    padding: 0 5px;
    vertical-align: middle;
    text-align: right;
    color: #fff;
}
.enemy-text2 .enemy-name2 {
    height: 16px;
    padding-left: 7px;
    vertical-align: middle;
    font-weight: bold;
}

.basin-vs-table {}
    .basin-vs-table td {
        text-align: center;
        font-size: 14px;
    }
        .basin-vs-table .number {
            margin-top: 8px;
            font-size: 18px;
        }
.basin-efir {
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
}
    .efir-percent {
        font-size: 14px;
        font-weight: bold;
        color: #94d4d6;
    }
    .efir-progress-wrap {
        overflow: hidden;
        margin-top: 6px;
        padding-left: 10px;
    }
    .efir-progress {
        overflow: hidden;
        background: url('/images/efir-progress.png') repeat-x 0 0;
        height: 7px;
    }
.basin-keeper {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #000;
}

/* arena-combat-area */
.b-arena-combat {position: relative;}
.arena-info {
    padding: 5px 10px 10px 10px;
    text-align: center;
    font-size: 12px;
}
.arena-left, .arena-right {min-width: 34px;}
.b-progress-hp {
    width: 100%;
    height: 6px;
    background: #1b1b1b;
}
.hp-fill {
    float: right;
    height: 6px;
    background: #2b8b00;
}
.hp-fill-red {
    float: right;
    height: 6px;
    background: #890000;
}
.hp-fill.enemy, .hp-fill-red.enemy {float: left !important;}

.arena-stat-panel {
    position: relative;
    padding-top: 15px;
    height: 108px;
    width: 86px;
    font-size: 11px;
    color: #7e7e7e;
    background: url('/images/dogfights/arena-stat-panel-bot.png') no-repeat 50% 100%, url('/images/dogfights/arena-stat-panel-l.png') repeat-y 0 0, url('/images/dogfights/arena-stat-panel-r.png') repeat-y 100% 0 #2c2c2c;

}
.stat-panel-top {
    position: absolute;
    top: -8px;
    left: -4px;
    z-index: 10;
    width: 94px;
    height: 25px;
    background: url('/images/dogfights/arena-stat-panel-top.png') no-repeat 0 0 transparent;
}
.arena-avatar {
    height: 116px;
    margin-top: 1px !important;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-color: transparent;
}
.first-fight {position: relative;}
.first-fight .descr {
    background: #323232;
    height: 17px;
    width: 117px;
    top: 97px;
    left: 0;
    position: absolute;
    text-align: center;
    color: #e1e1e1;
    padding: 3px 0 0 0;
    margin: 0;
    font-size: 11px;
}
.combat-left .combat-avatar {background-position: 100% 0;}
.arena-stat-panel table {
    border-spacing: 0 10px;
    border-collapse: separate;
}
.btn-arena-attack, .btn-arena-amulet {
    display: block;
    margin: 1px 0;
    padding: 9px 3px 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    background: url('/images/dogfights/btn-arena-attack-top.png') repeat-x 0 0, url('/images/dogfights/btn-arena-attack-bot.png') repeat-x 0 100%, url('/images/dogfights/btn-arena-attack-bg.png') repeat-x 0 0 #334359;
    cursor: pointer;
}
a.btn-arena-amulet {
    padding: 3px 3px;
    background: url('/images/dogfights/amulet_button_active.png') no-repeat;
}
a.btn-arena-amulet-blocked {
    color: #8f8f8f;
    background: url('/images/dogfights/amulet_button_blocked.png') no-repeat;
    cursor: default;
}
span.btn-arena-amulet {
    padding: 3px 3px;
    color: #8f8f8f;
    background: url('/images/dogfights/amulet_button_blocked.png') no-repeat;
}
span.btn-arena-amulet > img, a.btn-arena-amulet > img { margin-left: -32px;}
/*.............................................
.............end of Combat.....................
.............................................*/



/*.............................................
...................Social......................
.............................................*/
.b-chat {}
.chat-el {margin: 0 0 10px 0;}
.time {
    font-size: 11px;
    font-style: italic;
    color: #888888;
}
.chat-el .name {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    background: none;
    border-bottom: none !important;
}
    .chat-el .name a {
        color: #98bab5;
        text-decoration: underline;
    }

    .chat-el .text a {
        color: #edf6ff;
        font-weight: bold;
        text-decoration: underline;
    }     
/*.............................................
................end of Social..................
.............................................*/



/*.............................................
..................dungeon......................
.............................................*/
.dungeon-icon, .dungeon-arrow {
    position: relative;
    display: inline-block;
    width: 74px;
    padding-top: 5px;
    vertical-align: top;
    font-size: 11px;
    text-align: center;
}

.dungeon-locked-icon {
    position: absolute;
    width: 64px;
    height: 56px;
    padding-top: 8px;
    background: url('/images/dungeons/icons/locked.png');
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}
.dungeon-background-style {
    position: relative;
    display: block;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-position: center top ;
    margin: 0 auto;
}

.dungeon-wrapper {text-align: center;}
.dungeon-icon a{
    position: relative;
    display: block;
    text-decoration: none;
}
.dungeon-icon .dungeon-title{
    margin-top: 4px;
    font-size: 11px;
}
.dungeon-icon .dungeon-icon-border{
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0px;
    left: 5px;
    background: url('/images/dungeons/border/dungeon-icon-border.png') no-repeat 0 0;
}
.dungeon-icon.lock .dungeon-icon-border{background: url('/images/dungeons/border/dungeon-icon-border-lock.png') no-repeat 0 0;}
.dungeon-icon.active .dungeon-icon-border{
    width: 77px;
    height: 77px;
    top: -6px;
    left: -1px;
    background: url('/images/dungeons/border/dungeon-icon-border-active.png') no-repeat 0 0;
}
.dungeon-icon .dungeon-level{
    position: absolute;
    width: 100%;
    top: 10px;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    color: #aed5d1;
}
.dungeon-icon .dungeon-complete{
    position: absolute;
    width: 15px;
    height: 15px;
    top: 2px;
    right: 7px;
    background: url('/images/dungeon-complete.png') no-repeat 0 0;
}
.dungeon-icon .dungeon-chest{
    position: absolute;
    width: 32px;
    height: 32px;
    top: 31px;
    right: 8px;
    background: url('/images/dungeon-chest.png') no-repeat 0 0;
}
.dungeon-icon .dungeon-lock {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 100%;
    height: 32px;
    background: url('/images/dungeon-lock.png') no-repeat scroll 50% 50% transparent;
}
.dungeon-arrow .dungeon-arrow-img{
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 22px;
}
.dungeon-arrow.lock .dungeon-arrow-img{
    background: url('/images/dungeon-arrow-lock.png') no-repeat 50% 50%;
}

.dungeon-arrow.open .dungeon-arrow-img{
    background: url('/images/dungeon-arrow-open.png') no-repeat 50% 50%;
}
.b-dif-level { padding: 10px 0;}
.b-party-count{
    position: relative;
    width: 46px;
    font-size: 10px;
    margin-top: 5px;
    text-align: center;
    font-weight: bold;
    padding: 1px 0px 1px 5px;
    border: 1px solid #723c18;
    background: #190801;
    color: #78603f;
}
.b-party-count:first-child{margin-top: 0;}
.b-party-count img{
    position: absolute;
    top: 0;
    left: -6px;
}
.b-party-count img.man{left: -6px;}
.b-party-count img.heroic{left: -5px;}
.dungeonmap-locked-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 39px;
    padding-top: 25px;
    background: url('/images/dungeons/icons/locked.png') no-repeat transparent;
    text-align: center;
}
.bottom-separator {border-bottom: 1px solid #000;}

.b-stage {
    position: relative; 
    padding: 0 0 15px;
    margin-bottom: 20px;
    background: linear-gradient(to right, #201913 0%,#0f0b08 23%,#0f0b08 86%, #201913 100%);        
}
.b-stage:before, .b-stage:after {
    content: '';
    display: block; 
    position: absolute; 
    z-index: 100;
    height: 1px;
    width: 100%;        
    left: 0;
    background: linear-gradient(to right, #201913 0%,#4c3b2b 50%,#201913 100%);
}
    .b-stage:before {top:0;}
    .b-stage:after {bottom: 0;}

.stage-line {
    position: absolute;
    height: 31px;
    width: 100%;
    left:0;
    bottom: -15px;
    z-index: 200;
    text-align: center; 
}
.stage {
    display: inline-block;  
    width: 31px; height: 31px;
    background: url('/images/icons/skull_done_31.png') 50% 50% no-repeat;
    margin: 0 2px;
}
    .stage.cur {background-image: url('/images/icons/skull_active_31.png');}
    .stage.next {background-image: url('/images/icons/skull_next_31.png');}

    

    .b-brown-filter tr td:first-child .i-filter {
        margin: 1px 1px 0 1px;
    }
    .i-filter {
        background: #3D2C1B;
        display: block; 
        text-align: center; 
        text-decoration: none;  
        padding: 4px 0;
        color: #bfc196;
        margin: 1px 1px 0 0;
    }
    span.i-filter {
        background: transparent;
    }

    .table-stat td {
        padding: 5px 0;
    }
    .b-brown-tabs span.tab {
        background: #190801;
        padding:   2px;
    }
    .b-table {
        border-collapse: separate;
        border-spacing: 0 7px;
    }
    .r-item .b-potion-img {
        display: inline-block;  
    }
    .potion-count{
        position: absolute;
        bottom: 1px;
        right: 1px;
        font-size: 12px;
        color: #fff;
        background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(0,0,0,0.1) 100%);
    }
/*.............................................
.................end of dungeon................
.............................................*/



/*.................................................
.....................enchants......................
.................................................*/
.enchants-progress {height: 4px; background: #3f3f3f; }
.enchants-progress-fill {height: 4px; background: #3d6d9d; }
.glow-wrap {
    position: relative;
    width: 46px;
    height: 46px;
}
.glow-wrap img {display: block; position: absolute; top: 7px; left: 7px;}
.glow-wrap .buff {display: block; position: absolute; height: 18px; width: 46px; bottom: -13px; background-position: 50% 0; background-repeat: no-repeat;}
.glow-wrap.violet { background: url('/images/glow-icons/Icon_glow_violet.png') no-repeat 0 0 transparent; }
.glow-wrap.blue { background: url('/images/glow-icons/Icon_glow_blue.png') no-repeat 0 0 transparent; }
.glow-wrap.green { background: url('/images/glow-icons/Icon_glow_green.png') no-repeat 0 0 transparent; }
.glow-wrap.orange { background: url('/images/glow-icons/Icon_glow_orange.png') no-repeat 0 0 transparent; }
/*.................................................
................end of enchants....................
.................................................*/



/*.................................................
....................guild..........................
.................................................*/
.guild-master{
    position: relative;
    min-height: 49px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 16px;
    background-color: #101013;
    border-radius: 5px;
}
.guild-master-lvl{
    position: absolute;
    display: inline-block;
    top: -7px;
    right: -7px;
    width: 71px;
    height: 20px;
    padding: 3px 0 0 0;
    font-size: 14px;
    text-align: center;
    color: #ffcd7e;
    background-image: url('/images/guild/lvl-att.png');
}
.guild-master.red{ background-color: #160303;}
.guild-master.green{ background-color: #011405;}
.guild-master-left{
    position: absolute;
    top: -7px;
    left: -5px;
}

.guild-master-wrapper{
    position: relative;
    width: 50px;
    height: 60px;
}
.guild-master-icon { position: absolute; top:0px; left: 9px;}
.guild-master-icon-border { position: absolute; top:0px; left: 0px;}
.guild-master-wrapper .center{ padding-top: 54px;}
.guild-master-right{
    margin-left: 45px;
    min-height: 52px;
}
.guild-master-right .c-bad{
    color: #A55C15;
}
.guild-notification{
    padding: 15px 18px;
    line-height: 13px;
}

.b-paging.guild-paging{
    border-top: none;
    padding: 0 0 10px 0;
}

.guild-master-requirements{
    padding: 5px 10px 5px 0;
    margin-top: 10px;
    border-top: 1px solid #242428;
    border-bottom: 1px solid #242428;
    background-color: #181818;
}
.guild-lvl-badge{
    position: absolute;
    width: 46px;
    height: 23px;
    top: 0;
    right: 0;
    padding: 5px 0 0 10px;
    text-align: center;
    background-image: url('/images/guild/guild-lvl-badge.png');
}
.guild-progress, .guild-achive-progress{
    position: relative;
    height: 16px;
    margin: 15px 0 0 0;
}

.guild-progress{
    width: 98%;
    margin-left: 2%;
    background: url('/images/guild/guild-progress-border.png') no-repeat top right,
    url('/images/guild/guild-progress-bg.png') repeat-x;
}
.guild-achive-progress{
    width: 100%;
    background: url('/images/guild/guild-progress-border.png')  no-repeat top right,
    url('/images/guild/guild-progress-border.png')  no-repeat top left,
    url('/images/guild/guild-progress-bg.png') repeat-x;
}
.guild-progress .guild-progress-flip{
    height: 16px;
    background: url('/images/guild/guild-progress-bg-flip.png') repeat-x;
}

.guild-achive-progress .guild-progress-flip{
    margin-left: 1px;
    height: 16px;
    background: url('/images/guild/guild-achive-progress-flip.png') repeat-x;
}
.guild-progress span.indicator{
    position: absolute;
    top: 2px;
    right: 10px;
    font-size: 11px;
    color: #a8a8a8;
}
.guild-achive-progress span.indicator{
    position: absolute;
    top: 2px;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    font-size: 11px;
    color: #ffd7a7;
    text-align: center;
}
.guild-progress .guild-progress-icon{
    position: absolute;
    top: -2px;
    left: -2%;
}

.guild-master-buff{
    position: relative;
    margin: 15px -15px 0 -15px;
    padding: 10px;
    background: url('/images/guild/gm-border-top.png') no-repeat top center,
    url('/images/guild/gm-border-top-bg.png') repeat-x top left,
    url('/images/guild/blue-bg.png') repeat;
}
.guild-master-buff.no-margin{
    margin-bottom: -10px;
    background: url('/images/guild/gm-border-top.png') no-repeat top center,
    url('/images/guild/gm-border-top-bg.png') repeat-x top left,
    url('/images/guild/gm-border-top.png') no-repeat bottom center,
    url('/images/guild/gm-border-top-bg.png') repeat-x bottom left,
    url('/images/guild/blue-bg.png') repeat;
}
.guild-master-buff.lock.no-margin{
    margin-bottom: -10px;
    background-color: #101013;
    background-image: none;
    border-top: 1px solid #5a5a5b;
    border-bottom: 1px solid #3b3b3d;
}


.gm-btn{
    display: block;
    margin: 0 -15px -10px -15px;
    padding: 8px 0;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px solid #532613;
    background: url('/images/guild/gm-border-top.png') no-repeat top center,
    url('/images/guild/gm-border-top-bg.png') repeat-x top left,
    url('/images/guild/gm-border-top.png') no-repeat bottom center,
    url('/images/guild/gm-border-top-bg.png') repeat-x bottom left,
    url('/images/guild/blue-bg.png') repeat;
    color: #b9d4d0;
}

.guild-achive-date{
    position: absolute;
    top: 6px;
    right: 0;
}
.gm-date{
    font-size: 9px;
    text-align: center;
    color: #5baed9;
}
.guild-achive-date img{
    display: block;
}

.guild-info{
    text-align: center;
}

.achive-link{
    display: table-cell;
    height: 100%;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.last-guild-achive-wrapper{
    padding: 0 10px;
    margin: 5px 0 10px 0;
}
.last-guild-achive{
    padding: 10px;
    background: url('/images/guild/gm-border-top.png') no-repeat top center,
    url('/images/guild/gm-border-top-bg.png') repeat-x top left,
    url('/images/guild/gm-border-top.png') no-repeat bottom center,
    url('/images/guild/gm-border-top-bg.png') repeat-x bottom left,
    url('/images/guild/blue-bg.png') repeat;
}
.last-guild-achive a{
    text-decoration: none;
}
.guild-merchant-wrapper{
    border-radius: 5px;
    padding: 15px 0 5px 0;
}
.guild-merchant{
    text-align: center;
    margin: 0 10px 10px 10px;
    background-color: #101013;
    border-radius: 5px;
}
.guild-merchant p{
    padding: 0 10px;
    margin-top: 10px;
}
.guild-merchant a{
    text-decoration: none;
}
.guild-merchant-img{
    height: 85px;
    background: url('/images/guild/guild-merchant-bg.png') no-repeat center top;
    border-radius: 5px;
}
.guild-merchant-title{
    height: 85px;
    background: url('/images/guild/guild-merchant-bg.png') no-repeat center top;
    border-radius: 5px 5px 0 0;

}
.guild-merchant-divider{
    height: 1px;
    background: url('/images/guild/gm-border-top.png') no-repeat top center, url('/images/guild/gm-border-top-bg.png') repeat-x bottom left;
}

.guild-repair { padding: 10px;}
.guild-repair form table{margin: 15px 0 0 0;}
.guild-repair form table tr{ background: #101013;}
.guild-repair form table .font-medium{ padding: 7px 0 7px 10px;}
.guild-repair form table tr.repair-table-title{
    font-size: 11px;
    background: #02304b;
}
.repair-table-title div{padding: 5px 0 5px 7px;}
.guild-repair form input[type=text]{
    display: inline-block;
    width: 80%;
    padding: 5px;
    border-radius: 3px;
    margin-top: 3px;
    border: none;
}
.guild-repair button{
    display: inline;
    background: none;
    border: none;
    text-decoration: underline;
    cursor: pointer;
}
.b-guild-masters-list{ padding: 10px 15px 0px 15px;}
.tab-text-title-active {color: #b9d4d0;}
.tab-text-title-inactive {color: #56676a;}
.text-gold {color:#bfc196;}
.ml13 {margin-left: 13px!important;}
.mb15 {margin-bottom: 15px!important;}
.image-guild-bg {position: relative;}
.guild-text-bonus {position: absolute; left: 0; top: 42px;width: 100%}
.font18 {font-size: 18px!important;}
hr {
    border:none;
    background:#29474B;
    height:1px;
}
/*.................................................
..................end of guild.....................
.................................................*/



/*.................................................
................Transmogrification.................
.................................................*/
.b-trans-container {padding-top: 13px;}
.b-trans-item {
    position: relative;
    float: left;
    width: 32px;
    margin: 0 1px 1px 1px;
    padding: 3px 3px 13px 3px;
}
.b-trans-item > a{
    display: block;
    position: absolute;
    z-index: 12;
    cursor: pointer;
    width: 38px;
    height: 45px;
    top: 0;
    left: 0;
}
.b-trans-item:after{
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    content: '';
    width: 38px;
    height: 39px;
    background: url('/images/transmogrification/trans_item_border.png');
    z-index: 10;
}
.b-trans-item.active:after{
    background: url('/images/transmogrification/active_trans_item_border.png');
}

.b-trans-item.back:after{
    width: 32px;
    height: 39px;
    background: url('/images/transmogrification/trans_back_link.png');
}
.item-badges{
    position: absolute;
    width: 100%;
    height: 18px;
    top: 28px;
    left: 0;
    z-index: 11;
}
.item-badges img.bdg{
    float: right;
    margin-right: -6px;
}
.item-badges img.bdg:first-child{ margin-right: 0px;}
.not-available-items{ background: #1d1d23;}
.not-available-items .na-item{
    padding: 5px;
    border-top: 1px solid #000;
}
.not-available-items .na-item.first{border-top: none;}
.b-list.not-available-items a.list-el{
    border-bottom: none;
    padding-top: 7px;
    padding-bottom: 7px;
    text-decoration: underline;
}
.b-trmg-left, .b-trmg-right{
    position: relative;
    padding: 4px 10px;
    background: #052e48;
}
.b-trmg-left{text-align: left;}
.b-trmg-right{text-align: right;}
.b-trmg-left:after, .b-trmg-right:after{
    position: absolute;
    display: block;
    top: 0;
    right: 100%;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 0;
    border-color: #052e48 transparent transparent transparent;
}
.b-trmg-left:after {left: 100%;}
.b-trmg-right:after{
    border-width: 0 0 40px 40px;
    border-color: transparent transparent #052e48 transparent;
}

.trsmgr{
    position: relative;
    background: url('/images/notice/notice_2_t.png') no-repeat 50% 0%,  #092232;
    margin: 5px 0;
    border: 1px solid #5B380F;
}
.trsmgr .notice-emblem{
    position: absolute;
    width: 100%;
    height: 25px;
    top: -3px;
    left: 0;
    background: url('/images/notice/notice_2_t_logo.png') no-repeat 50%  0;
}

.close-btn{
    position: absolute;
    top: 5px;
    right: 0;
}
.donater-message {color: #eeee99;}
.donate {display: none;}
.donater:hover .donate {display: block;}
/*.................................................
...............end of Transmogrification...........
.................................................*/



/*................................................
....................ownership.....................
................................................*/  
.b-ownership-wrap { margin: 0 0 5px 0;}
.b-ownership-wrap .btn { margin-top: 1px;}
.ownership{
    position: relative;
    padding: 10px;
    background: #1f1f23;
    border: 1px solid #313134;
}
.ownership.ph{
    border-top-color: #1f1f23;
    padding: 0 10px;
}
.ownership.bought {
    background: #23180f;
    border-color: #744500;
}
.ownership .highlight{
    height: 97%;
    top: 0;
}
.ownership .highlight .border {
    border: 2px solid #554e2d;
    width: 316px;
    height: 100%;    
}
.ownership .highlight .border .sub-border {
    border: 2px solid #3b3728;
    width: 312px;
    height: 97%;   
}
.ownership .highlight .border .sub-border .sub-sub-border {
    border: 2px solid #2f2d26;
    width: 308px;
    height: 97%;    
}
.ownership .c-gold, .victory-inner .c-gold, .blue-title .c-gold {color: #bfc196;}
.ownship .g-progress, .ownership .g-progress {
    position: relative;
    height: 16px;
    padding: 0 1px;
    background: url('/images/guild/guild-progress-border.png') no-repeat 100% 0, url('/images/guild/guild-progress-border.png') no-repeat 0 0, url('/images/g-progress-bg.png') repeat-x 0 0 #181818;
}
.ownership .g-progress { width: 100%; }
.ownship .g-progress-fill, .ownership .g-progress-fill {
    height: 16px;
    background: url('/images/g-progress-fill-bg.png') repeat-x 0 0 #2d5303;
}
.ownship .g-progress-text, .ownership .g-progress-text {
    font-size: 11px;
    position: absolute;
    text-align: left;
    margin-left: 10px;
    color: #ffd7a7;
    height: 12px;
    padding: 2px 0;
    top:0;
}
.ownership .g-progress-text {
    width: 100%;
    text-align: center;
    margin-left: 0;
}    
.b-prize-inner.ownship{ padding: 5px; }
.b-prize.no-title{ margin-top: 5px; }
.b-prize.no-title .b-prize-inner{ border: 1px solid #744500; }
.g-sep-top, .g-sep-bot, .g-sep-minor {
    height: 1px;
    background: url('/images/g-sep-top-bg.png') no-repeat 50% 0 #593000;
}
.g-sep-bot {background-image: url('/images/g-sep-bottom-bg.png') }
.g-sep-minor {background: #26262f !important;}
.ownership.red{
    background-color: #0f0001;
    border-color: #320001;
}
/*................................................
..............end of ownership....................
................................................*/  



/*...............................................
....................potion.......................
...............................................*/
.b-potion-wrapper {}
.b-potion-wrapper .b-potion {
    padding: 5px;
    background: #052336;
    border-top: 1px solid #022a41;
    border-bottom: 1px solid #031a29;
}
.b-potion-wrapper.red .b-potion{
    background-color: #1f0001;
    border-top-color: #320001;
    border-bottom-color: #0d0001;
}

.b-potion-img{
    position: relative;
    width: 32px;
    height: 32px;
    background: #000 url('/images/potions/pot-empty.png') no-repeat 0 0;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}
    .b-potion-img.active{
        width: 32px;
        height: 32px;
        border: none;
        background: #052336 none;
    }
    .b-potion-img.active.pot-small {
        background: #052336 url('/images/potions/pot-border.png') no-repeat 0 0;
    }
.b-potion-wrapper .b-potion .b-potion-controls a{
    position: relative;
    display: inline-block;
    width: 31px;
    height: 31px;
    border: 1px solid #15415d;
    margin-left: 5px;
}
.b-potion-wrapper .b-potion .b-potion-controls a img{
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 9;
}
.b-potion-wrapper.red .b-potion .b-potion-controls a{ border-color: #4d1519;}

.potion-progress{
    position: relative;
    width: 29px;
    height: 29px;
    margin: 1px 1px 0 0;
    z-index: 10
}
.potion-progress-fill{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #384d7f;
    opacity: .6;
}

.potion-timer{
    position: absolute;
    width: 100%;
    top: 9px;
    font-size: 11px;
    text-align: center;
    text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;
    z-index: 11;
}
/*...............................................
..............end of potion......................
...............................................*/



/*................................................
......................Craft.......................
................................................*/

/*.btn-red-new{
    text-align: center;
    background:
        url('/images/btns/btn-red-top.png') no-repeat 50% 0,
        url('/images/btns/btn-red-bot.png') repeat-x 0 100%;
    background-color: #750707;

}

.btn.btn-green-new {
    background:  url('/images/restyle/btn-h-green.png') repeat-x 50% 0, url('/images/restyle/btn-v-green.png') repeat-x 0 0 #274700;
}*/

.b-action-sale{
    position: relative;
    color: #ffd100;
    text-align: center;
    padding: 5px 0 5px 40px;
}

.b-action-procent{
    position: absolute;
    top: -2px;
    left: -5px;
    width: 43px;
    height: 18px;
    padding: 7px 0 0 0;
    color: #fff;
    text-align: center;
    background: url('/images/action-yellow-bg.png') no-repeat 0 0;
}

.no-hidden-x{overflow-x: visible;}

.amulet-pos{
    display: inline-block;
    width: 22px;
    height: 21px;
}
.amulet-pos.up{background: url('/images/amulet-btn-up.png') no-repeat 0 0;}
.amulet-pos.down{background: url('/images/amulet-btn-down.png') no-repeat 0 0;}

.dblue-panel{
    background: #02121e;
    border: 1px solid #031a29;
}

.gr-panel{
    font-size: 12px;
    border: 1px solid #3b4d68;
    background-color: #162030;
    background: linear-gradient(
        to bottom,
        #222b3b 0%,
        #222b3b 49%,
        #162030 51%,
        #162030 100%
    );
}

.mb2 {margin-bottom: 2px;}

.cr-icon {
    position: relative;
    width: 50px;
    height: 50px;
}
.cr-icon-count {
    position: absolute;
    height: 15px;
    width: 15px;
    bottom: -2px;
    right: -2px;
    background: #185272;
    border: 1px solid #16202f;
    border-radius: 50%;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
}

.pr-icon{
    position: relative;
    width: 32px;
    height: 32px;
}

.b-panel-new.dblue-panel{background: #0f1a25;}
.dblue-panel.bordered{border: 1px solid #192838;}


.pr-block.alchemy{background: #192838 url('/images/professions/alchemy_160x51.png') no-repeat 100% 0;}
.pr-block.Estermaster{background: #192838 url('/images/professions/ethermaster_160x51.png') no-repeat 100% 0;}
.pr-block.engi{background: #192838 url('/images/professions/engineer_160x51.png') no-repeat 100% 0;}
.pr-block.miningMaster{background: #192838 url('/images/professions/miner_160x51.png') no-repeat 100% 0;}
.pr-block.tailoring{background: #192838 url('/images/professions/tailor_160x51.png') no-repeat 100% 0;}

.pr-block .panel-inner{
    padding: 5px 10px;
}
.pr-block .progressbar-bg{
    width: 160px;
    margin-left: -15px;
    background: #14202d;
}
.progressbar-fill-blue{
    float: left;
}
.progressbar-fill-delta{
    float: left;
    height: 4px;
    background: #ba9a3d;
}

.b-tabs.blue-tabs td a, .b-tabs.blue-tabs td span {
    border-radius: 3px 3px 0 0;
}
.b-tabs.blue-tabs td:first-child span {
    border-radius: 0 3px 0 0;
}
.b-tabs.blue-tabs td:last-child span {
    border-radius: 3px 0 0 0;
}
.b-tabs.blue-tabs td a{
    background: #141f2c;
    border-bottom: 1px solid #605647;
    border-top: 1px solid #26394c;
    border-left: 1px solid #26394c;
    border-right: 1px solid #26394c;
}
.b-tabs.blue-tabs td span{
    background: #192838;
    border-top: 1px solid #605647;
    border-left: 1px solid #605647;
    border-right: 1px solid #605647;
    border-bottom: 1px solid #192838;
}

.b-tabs.blue-tabs td:first-child span{
    background: #192838;
    border-top: 1px solid #605647;
    border-right: 1px solid #605647;
    border-left: none;
}
.b-tabs.blue-tabs td:last-child span{
    background: #192838;
    border-top: 1px solid #605647;
    border-left: 1px solid #605647;
    border-right: none;
}

.b-paging-new{
    text-align: center;
    background-color: #192838;
}
.b-paging-new a{
    display: block;
    padding: 10px 0;
    font-size: 14px;
    text-decoration: none;
    color: #b9d4d0;
    background-color: #192838;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,.05) 0%,
        rgba(255,255,255,.05) 49%,
        #192838 51%,
        #192838 100%
    );

}
.b-paging-new td{border-left: 1px solid #000;}
.b-paging-new td:first-child{border: none;}

.g-progress {
    position: relative;
    height: 16px;
    padding: 0 1px;
    background: #14202e;
    border: 1px solid #111c27;
}

.g-progress-fill, .g-progress-fill {
    height: 16px;
    background: #2d5303;
}
.g-progress-text, .g-progress-text {
    font-size: 11px;
    position: absolute;
    color: #ffd7a7;
    height: 12px;
    width: 100%;
    text-align: center;
    padding: 2px 0;
    top: 0;
}

.btn-box{
    padding: 0 2px 2px 2px;
}
.w240{width: 240px;}
.w220{width: 220px;}

.b_tabs {
    margin-top: 3px;
    display: table;
    width: 100%;
    overflow: hidden;
}
.tab {
    display: block;
    background: #192838;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    border-top: 1px solid #7e6f54;
    border-left: 1px solid #7e6f54;
    border-bottom: 1px solid #192838;
    border-top-left-radius: 3px;
}
@media screen and (max-width: 260px) {
    .tab {font-size: 10px;}
}

td:last-child span.tab{
    border-top-right-radius: 0px;
    border-right: 0px;
}
.b_tabs tr td:first-child span.tab {
    border-right: 1px solid #7e6f54;
    border-top-right-radius: 3px;
    border-left: 0;
    border-top-left-radius: 0;
}
.b_tabs .divider {
    display: block;
    height: 29px;
    width: 1px;
    border-bottom: 1px solid #7e6f54;
}

.craft-btn{
    padding: 10px 5px;
    border: 1px solid rgba(0,0,0,.7);
    background: url('/images/professions/btn-top-left-border.png') no-repeat 0 0, url('/images/professions/btn-top-right-border.png') no-repeat 100% 0, url('/images/professions/btn-bot-left-border.png') no-repeat 0 100%, url('/images/professions/btn-bot-right-border.png') no-repeat 100% 100%, url('/images/professions/btn-top-center.png') repeat-x 0 0, url('/images/professions/btn-bot-center.png') repeat-x 0 100%, linear-gradient(to bottom,#014736 0%,#0c614c 100%);
    font-size: 13px;
    text-align: center;
}
.craft-btn.gray{
    background: url('/images/professions/btn-top-left-border-g.png') no-repeat 0 0, url('/images/professions/btn-top-right-border-g.png') no-repeat 100% 0, url('/images/professions/btn-bot-left-border-g.png') no-repeat 0 100%, url('/images/professions/btn-bot-right-border-g.png') no-repeat 100% 100%, url('/images/professions/btn-top-center-g.png') repeat-x 0 0, url('/images/professions/btn-bot-center-g.png') repeat-x 0 100%, linear-gradient(to bottom,#252323 0%,#353432 100%);
    color: #989898;
}


.level1, .level2, .level3, .level4, .level5{
    width: 148px;
    height: 30px;
    margin: 2px 0;
}
    .level1{background: url('/images/professions/1_active.png') no-repeat 0 0;}
    .level2{background: url('/images/professions/2_active.png') no-repeat 0 0;}
    .level3{background: url('/images/professions/3_active.png') no-repeat 0 0;}
    .level4{background: url('/images/professions/4_active.png') no-repeat 0 0;}
    .level5{background: url('/images/professions/5_active.png') no-repeat 0 0;}

.profNoticImg{width: 100%;}
.prof-notice{padding: 20px 5px 10px 5px;}
/*.............................................
..................end of Craft.................
.............................................*/





/*.............................................
..................Others.......................
.............................................*/
.img-npc {
    float: left;
    margin-right: 4px;
}
.img-item {
    float: left;
    margin-right: 5px;
}
span.img-news img {max-width: 100%;}
img.full-width-image {max-width: 100%;}
.animCont img { display: none;}
.progress-prof {
    position: relative;
    overflow: hidden;
}
.b-help-simple {
    margin: 10px 0;
    text-align: center;
    font-style: italic;
}
.header, .footer {background-color: #333333;padding:4px;}
a.headerButton {background-color: #333333; text-align: center; width: 100%; display: inline-block; text-decoration: none; border-radius: 5px;}
a.headerButtonNoAlign {background-color: #333333; width: 99%; padding: 2px; display: inline-block; text-decoration: none; border-radius: 5px;}
.event {background-color: #003300;padding:4px;}
.back-event {background-color: #003300;padding:0;}

.blue-title{
    position: relative;
    padding: 5px;
    background: #002d4b;
}
.progress-slim {
    display: block;
    width: 100%;
    height: 3px;
    background: #595959;
}
.progress-slim-fill {
    display: block;
    height: 3px;
    background: #ffffff;
}
.reset-btn {
    display: block;
    width: 29px;
    height: 19px;
    margin: 0;
    padding-top: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    background: url('/images/pag-btn.png') no-repeat 0 0 #000;
}
.progressbar-bg {
    height: 4px;
    background: #3f3f3f;
}
.progressbar-fill-blue {
    height: 4px;
    background: #3d6d9d;
}
.quest-hard { color: #F18835;}
.quest-impossible { color: #F83434;}
.battle-shtandart{
    position: absolute;
    top: -9px;
    right: 0;
    width: 32px;
    height: 34px;
    background: url('/images/icons/lands/flag.png') no-repeat;
}
.close-task {
    text-align: right;
    background: #052336;
    margin: -2px 0 0 0;
    padding: 0 10px 6px 0;
}
/*.............................................
.............end of Others.....................
.............................................*/



/*............................................
...................low-level..................
........................................... */
.no-pl{ padding-left: 0 !important;}
.p0 { padding: 0 !important; margin-bottom: 5px;}
.pb5{ padding-bottom: 5px !important;}
.pt10 { padding-top: 10px !important;}
.mt1 {margin-top: 1px;}
.no-m { margin: 0 !important; }
.no-mt { margin-top: 0 !important; }
.no-mb { margin-bottom: 0 !important; }
.mt2{margin-top: 2px !important;}
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb2 {margin-bottom: 2px !important; }
.ml5 { margin-left: 5px !important; }
.mr5 { margin-right: 5px !important; }
.mr2 { margin-right: 2px !important;}
.pt5 { padding-top: 5px !important; }
.p5, .panel-inner {padding: 5px !important;}
.pl10{ padding-left: 10px !important;}
.pb10 { padding-bottom: 10px !important;}
.mt15{ margin-top: 15px !important;}
.no-p { padding: 0 !important;}
.no-pt { padding-top: 0 !important; }
.no-pb { padding-bottom: 0 !important;}

.h10 { height: 10px !important; }
.h15 { height: 15px !important; }
.h20 { height: 20px !important; }
.wide {width: 90%;}
.w240{width: 240px;}
.w220{width: 220px;}
.w200{width: 200px;}
.icon {height: 12px; width: 12px;}

.d_b { display: block !important; }
.no-bdr { border: 0 !important; }
.fleft { display: block; float: left !important; }
.fright { display: block; float: right !important; }

.small {font-size:small;}
.font9 { font-size: 9px !important;}
.font-small, .font11 { font-size: 11px !important; }
.font-medium, .font12 { font-size: 12px !important; }
.font13{ font-size: 13px;}
.font-big, .font14 { font-size: 14px !important; }
.font-xbig { font-size: 16px !important; }
.center { text-align: center !important; }
.td-n { text-decoration: none !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-bold { font-weight: bold !important; }
.text-italic { font-style: italic !important; }
.text-underline { text-decoration: underline !important; }
.no-a { color: #A8A8A8; text-decoration: none;}
.va-m{ vertical-align: middle;}

.nowrap { white-space: nowrap; }
.pos-r { position: relative; }
.no-hidden-x{overflow-x: visible;}
.no-green-bg{ background: #071f00 !important;}
.bg-dark-blue{ background: #01111a !important; }
.bg-dark-gray{ background: #1d1d23 !important; }

.c-dblue{ color: #256086;}
.c-red {color:red !important;}
.c-body { color: #a8a8a8 !important; }
.c-moregray { color: #9a9a9a !important; }
.c-verygray { color: #777777 !important; }
.c-sel { color: #fff !important; }
.c-simple { color: #33cc33 !important; }
.c-rare {color: #3366ff !important;}
.c-good { color: #33dd33; }
.c-bad { color: #ff3333; }
.c-locked { color: #7d7d7d; }
.c-boss { color: #f1b72b; }
.c-lgreen{color: #79cb44;}
.c-mustard {color: #ffe58c;}
.major, .feedbackPanelERROR {color: #FF3333;}
.warn {color: #FFFF33;}
.info {color: #33CC33;}
.info-white {color: white;}
.new {color: #FFFF33;}
.yellow {color:#FFFF33;}
.green {color:#33cc33;}
.gold {color:#FF9900;}
.blue {color:#0066FF;}
.minor {color: #999999;}
.iNoob {color:#339933 !important;}
.iGood {color:#339933 !important;}
.iSuperior {color:#3366FF !important;}
.iEpic {color:#9933ff !important;}
.iLegendary {color:#ff9900 !important;}
.bluepost {color: #FF9900;}
.eOld {color: #999999;}
.eSimple {color: #33cc33;}
.eRare {color: #0066ff;}
.eEpic {color: #9933ff;}
.eInfernal {color: #ff9900;}
.c-bluegray { color: #676b79 !important;}
.c-light { color: #fff3ce !important;}
.c-sil{ color: #b9d4d0;}
.c-sil-2{ color: #b9e7ff;}
.c-gold{ color:#E0C67D !important}
.c-lgreen{color: #79cb44;}
/*............................................
..............end of low-level................
........................................... */

.cross-link {
    display: inline-block;
    padding: 6px;
}
.td-u {
    text-decoration: underline;
}
.notice-closer {
    position: absolute;
    right: 3px;
    top: 6px;
    height: 15px;
    width: 15px;
}

.b-npc-notice {
    height: 107px;
    margin-top: -95px;
    position: relative;
    background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0)100%);
}
.b-npc-notice:before {
    content: '';
    display: block;   
    position: absolute;   
    width: 97px;
    height: 107px;   
    bottom: 0;
    left: 0;
    background: url('/images/notice_npc.png') 0 0 no-repeat;
    z-index: 10;
}
.npc-speak {
    position: absolute;
    z-index: 20;
    bottom: 5%;
    right: 2%;
    width: 62%;
    height: auto;
    background: #f5e39c;
    border-radius: 10px;
    border: 1px solid #000;
    padding: 10px 5px 10px 10px;
    text-align: left;
    color: #2d0000;
}
.npc-speak:before {
    content: '';
    left: -15px;
    z-index: 100;
    top: 4px;
    width: 16px;
    height: 17px;
    position: absolute;
    display: block;
    background: url('/images/notice_speak_arr.png') 0 0 no-repeat;
}


.btn.nav-btn {
    padding: 7px 7px !important;
    position: relative;
    color: #aed5d1;
    margin-bottom: 2px;
    border: 1px solid #002c4e;
    background: linear-gradient(to bottom, #002c4e 0%, #000 5%, #055555 30%, #00132e 100%);

    background-color:#00132E;
    border-radius: 0;
}
.btn.nav-btn:before, .btn.nav-btn.gold:before {
    content: '';
    position: absolute;
    width: 101%;
    border-top: 1px solid #006899;
    top: -1px; left: -1px;
}
.btn.nav-btn.gold:before {
    border-color: #eea600;
}
.btn.nav-btn.red {
    padding: 7px 7px !important;
    position: relative;
    color: #E6B6C3;
    margin-bottom: 2px;
    border: 1px solid #5f0018;
    background: linear-gradient(to bottom, #5f0018 0%, #5f0018 5%, #47000c 30%, #410006 100%);
    background-color: #5e0018;
}

.btn.nav-btn.red:before {
    border-color: #a7003d;
}

.btn.nav-btn.green {
    padding: 7px 7px !important;
    position: relative;
    color: #AED5D1;
    margin-bottom: 2px;
    border: 1px solid #045402;
    background: linear-gradient(to bottom, #045402 0%, #045402 5%, #033a07 30%, #04340a 100%);
    background-color: #045302;
}
.btn.nav-btn.green:before {
    border-color: #15a000;
}
.btn.nav-btn.green:active {
    background: linear-gradient(to bottom, #04340a 0%, #033a07 70%, #045402 95%, #045402 100%);
    background-color: #04340a;
    border: 1px solid #045402;
}
.btn.nav-btn.green:active:before {
    border-color: #15a000;
}

.lock_btns {position: relative;margin-top: 2px;}
.lock_btns .btn.nav-btn, .btn.nav-btn.btn-gray {
    border-color: #202020;
    color: #5a5a5a !important;
    background: linear-gradient(to bottom, #252525 0%, #252525 5%, #151515 30%, #0f0f0f 100%);
    background-color: #151515;
}
.lock_btns .btn.nav-btn:before, .btn.nav-btn.btn-gray:before {border-color: #3f3f3f;}
.lock_btns:after {
    content: '';
    position: absolute;
    width: 100%; height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);
}
.nav-btn-lock {
    display: inline-block;
    height: 12px; line-height: 12px;
    float: right;
}
.highlight:after {
    content: '';
    position: absolute;
    width: 100%; height: 99%;
    top: -1px;
    left: -1px;
    z-index: 1000;
    border: 1px solid #d0ccaa !important;
    background: linear-gradient(to bottom, rgba(208,204,170,0.65) 0%, rgba(208,204,170,0) 10%, rgba(208,204,170,0) 90%, rgba(208,204,170,0.65) 100%),
    linear-gradient(to left, rgba(208,204,170,0.65) 0%, rgba(208,204,170,0) 1.8%, rgba(208,204,170,0) 98.6%, rgba(208,204,170,0.65) 100%);
    animation: borderpuls 2s infinite;
    -webkit-animation: borderpuls 2s infinite;
}
@keyframes borderpuls { 50% {opacity: 0;} }
@-webkit-keyframes borderpuls { 50% {opacity: 0;} }

.b-menu {
    margin-top: 8px;
    padding: 3px 0 5px;
    position: relative;
}
.b-menu .btn.btn-trade.btn-buy-gold, .b-menu .btn-buy-gold {margin-bottom: 5px;}

.b-menu:before, .b-menu:after {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #43372c;
    background: linear-gradient(to left, #78573b 0%, #ffffff 50%, #78573b 100%);
    height: 1px;
    left: 0;
}
.b-menu:after {bottom: 0;}
.b-menu:before {top:-2px;}

.menu_btn {
    display: block;
    text-decoration: none;
    text-align: center;
    border: 1px solid #2f002f;
    padding: 7px 0;
    background: linear-gradient(to bottom, #1d0022 0%, #1d0022 5%, #140019 30%, #100015 100%);
    background-color: #100015;
    margin-left: 4px;
    color: #826a82;
    position: relative;
}
.b-menu tr td:first-child .menu_btn {
    margin-left: 0;
}

.money_head {margin-right: 31px; }
.btn.nav-btn.gold {
    border-color: #985d00;
    background: linear-gradient(to bottom, #946203 0%, #946203 5%, #89520d 30%, #854412 100%);
    background-color: #854412;
    color: #fff;
    text-align: left;
    padding-left: 7px;  
    margin-top: 0;
    position: relative;
    border-radius: 0;
}
.menu_btn.gray {
    color: #3f3f3f !important;
    border-color: #202020;
    background: linear-gradient(to bottom, #252525 0%, #252525 5%, #151515 30%, #0f0f0f 100%);
}
/*---active---*/
  .btn.nav-btn:active {
    padding: 7px 7px!important;
    position: relative;
    margin-bottom: 2px;
    color: #fff;
    border: 1px solid #0a416b;
    background: linear-gradient(to bottom, #0a3a64 0, #0a3963 5%, #0a3561 30%, #0f1e3c 100%);

}
 .menu_btn:active  {
    display: block;
    text-decoration: none;
    text-align: center;
    border: 1px solid #440244;
    padding: 7px 0;
    color: #fff;
    background: linear-gradient(to bottom,#2e0535 0,#2e0535 5%,#23072a 30%,#1e0825 100%);
    background-color: #2e0535;
    margin-left: 4px;
    position: relative;
}
 .btn.nav-btn.gold:active  {
    border-color: #985d00;
    background: linear-gradient(to bottom, #a06c03 0, #a16e03 5%, #9a5f0d 30%, #985413 100%);
    background-color: #15001b;
    color: #fff;
    text-align: left;
    padding-left: 7px;
    margin-top: 0;
    position: relative;
}
 .btn.nav-btn.btn-gray:active {
     border-color: #202020;
     color: #5a5a5a !important;
     background: linear-gradient(to bottom, #252525 0, #252525 5%, #151515 30%, #0f0f0f 100%);
     background-color: #151515;
 }
.btn.nav-btn.red:active  {
     border: 1px solid #5f0018;
     color: #e6b6c3 !important;
     background: linear-gradient(to bottom, #86001a 0, #7f0019 5%, #61000d 30%, #5a0006 100%);
     background-color: #6a0018;
 }


/*..........................................
...............arena pvp....................
..........................................*/

.b-pvp-stat {
    position: relative; 
    background: url('/images/pvp/b-pvp-stat-bg.png') 0 top repeat-x;
    margin: -3px 13px 0 13px;
}
.b-pvp-stat:before, .b-pvp-stat:after {
    content: '';
    position: absolute;
    width: 13px;
    height: 12px;
    top: -3px;
    z-index: 30;
    right: -13px;
    background: url('/images/pvp/flags_arr_right.png') 0 0 no-repeat;
}
    .b-pvp-stat:before {left: -13px;background: url('/images/pvp/flags_arr_left.png') 0 0 no-repeat;}

.pvp-stat {
    margin: 5px 0 24px;    
    position: relative;
    display: block; 
    text-align: center; 
    background: url('/images/pvp/flag_lblue_bg.png') 50% 0 repeat-y;   
    width: 100%;    
    color: #ededed;
}    
.pvp-stat:before {
    content: '';
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 32px;
    background: url('/images/pvp/flag_lblue_top.png') 50% 0 no-repeat;
    top: -5px;
    left: 0;
}
.pvp-stat:after {
    content: '';
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 34px;
    background: url('/images/pvp/flag_lblue_bot.png') 50% 0 no-repeat;
    bottom: -19px;
    left: 0;
}
.pvp-stat-inner {
    position: relative; 
    z-index: 20;
    padding-top: 10px;
}
    .pvp-stat.blue {background-image: url('/images/pvp/flag_blue_bg.png');}   
    .pvp-stat.blue:before {background-image: url('/images/pvp/flag_blue_top.png');}
    .pvp-stat.blue:after {background-image: url('/images/pvp/flag_blue_bot.png');}

    .pvp-stat.red {background-image: url('/images/pvp/flag_red_bg.png');}   
    .pvp-stat.red:before {background-image: url('/images/pvp/flag_red_top.png');}
    .pvp-stat.red:after {background-image: url('/images/pvp/flag_red_bot.png');}

    .pvp-stat.green {background-image: url('/images/pvp/flag_green_bg.png');}   
    .pvp-stat.green:before {background-image: url('/images/pvp/flag_green_top.png');}
    .pvp-stat.green:after {background-image: url('/images/pvp/flag_green_bot.png');}

.pvp-stat a {color: #ededed;}
.b-pvp-versus .pvp-stat {padding: 7px 0;}
.golden {color: #d1ad32;}
a.tab .golden {color: #685b2d;}
.pvp-reward {
display: inline-block;  
position: relative;
}
.pvp-reward-inner {
    border: 1px solid #802704;
    background: #0f1a25;
    color: #aeb08b;
    margin: 0 7px;    
    padding: 6px 2px 2px;
    border-radius: 0 0 5px 5px;
}
.pvp-reward-icon {margin-bottom: -8px}

.pvp-timer {
    position: relative; 
    display: inline-block;  
    border: 1px solid #802704;
    background: #0f1a25;
    color: #aeb08b;
    border-radius: 5px;
    padding: 5px 5px 5px 18px;
    margin: 10px 0;  
    text-align: left;
    width: 61%;
    min-height: 2.3em;
}
.pvp-timer:before {
    content: '';
    width: 32px;    
    height: 32px;   
    position: absolute; 
    left: -17px;
    top: 3px;
    background: url('/images/pvp/time_32.png') 0 0 no-repeat;    
}
.b-pvp-versus {
    position: relative; 
}
.b-pvp-versus:after {
    content: '';
    position: absolute; 
    width: 54px;
    height: 54px;
    background: url('/images/pvp/VS2_54.png') 0 0 no-repeat;
    z-index: 20;
    top: 5%;
    left: 41%;
}
.sword-block {
    padding: 0 0 5px 0;
    text-align: center;
}
.sword-block-inner {
    position: relative;
    display: inline-block;
}
.sword-block-inner:after, .sword-block-inner:before {
    content: '';
    display: inline-block;
    background: url('/images/pvp/sward_41.png') 0 0 no-repeat;
    width: 41px;
    height: 11px;
    vertical-align: middle;
    margin: 0 0 0 3px;
}
.sword-block-inner:before {background-image: url('/images/pvp/sward_41_left.png');margin: 0 3px 0 0;}
.g-progress {width: auto;}
.pvp-hp {margin-left: 10px;}
.pvp-hp .enemy-hp2 {margin: 0;border-width: 1px}
.b-page-bg {}
.b-page-bg>img {display: inline-block !important;width: auto !important;}

.b-league-progress {
    text-align: center; 
    position: relative; 
    padding: 0 15px 10px 15px;
}
.league-icon {
    position: absolute;
    z-index: 20;
    width: 50px;
    height: 50px;
    top: 8px;
    right: 0;
}
    .league-icon.league-icon-left {left: 0;}
.league-title {
    position: relative;
    font-size: 14px;
    padding-bottom: 9px;
    display: block;
    margin-top: -4px;
}
.pvp-username {
    display: block;
  overflow: hidden;
  width: 80px;
  height: 16px;
  white-space: nowrap;
  color: #c7b158;
  font-size: 12px;
  text-overflow: ellipsis;
  margin: 1px auto;
}
/*..........................................
...........end of arena pvp.................
..........................................*/


    .g-progress-reward {
        position: relative;
        width: 100%;
        height: 16px;
        background: #160E03;
        border: 1px solid #0B0701;
    }
    a.btn-brown-new {
        display: block;
        padding: 5px;
        border: 1px solid #0B0300;
        background-color: #372714;
        background: linear-gradient(to bottom,#372714 ,#372714 49%,#2c1c07 51%,#2c1c07 100%);
    }
    .sbrown-panel {
        border-bottom: 1px solid #130c02;
    }
    span.btn-brown-new  {
        display: block;
        padding: 5px;
        background: #2c1c07;
        border-top: 1px solid #120b02;
        border-bottom: 1px solid #402708;
    }
    .reward-opacity{
        opacity: 0.5;
    }
    .stage-final {
        display: inline-block;
        position: absolute;
        margin-top: -66px;
        width: 100%;
        left: 0;
        z-index: 200;
    }
    .b-stage-final {
        position: relative;
        background: linear-gradient(to right, #201913 0%,#0f0b08 23%,#0f0b08 86%, #201913 100%);
        background-color: #201913;
        z-index: 100;
        margin-top: -35px;
        padding: 1px;
    }
    .b-stage-final:before, .b-stage-final:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 100;
        height: 1px;
        width: 100%;
        left: 0;
        background: linear-gradient(to right, #201913 0%,#4c3b2b 50%,#201913 100%);
        background-color: #4c3b2b;
    }

/* background (preloaded) */
@media screen and (min-width: 800px) {
.body { background: url('/images/pc/very.png') no-repeat 50% 0 #000; background-attachment: fixed; }


}

/*..........................................
............sprites icons...................
..........................................*/
.icn {
    background-image: url('/images/icons/sprites/spritesheet_icn.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    width: 21px;
    vertical-align: middle;
    margin-right: 4px;
}
.icn-academy {background-position: 0 0;}
.icn-auction {background-position: 0 -21px;}
.icn-band {background-position: 0 -42px;}
.icn-band2 {background-position: 0 -63px;}
.icn-bank {background-position: 0 -84px;}
.icn-barracks {background-position: 0 -105px;}
.icn-battle {background-position: 0 -126px;}
.icn-beasts {background-position: 0 -147px;}
.icn-castle {background-position: 0 -168px;}
.icn-chat {background-position: 0 -189px;}
.icn-city_bonus {background-position: 0 -210px;}
.icn-coliseum {background-position: 0 -231px;}
.icn-collector {background-position: 0 -252px;}
.icn-comms {background-position: 0 -273px;}
.icn-curios_shop {background-position: 0 -294px;}
.icn-domain {background-position: 0 -315px;}
.icn-dungeon {background-position: 0 -336px;}
.icn-forum {background-position: 0 -357px;}
.icn-gifts {background-position: 0 -378px;}
.icn-guilds {background-position: 0 -399px;}
.icn-hell_games {background-position: 0 -420px;}
.icn-mage {background-position: 0 -441px;}
.icn-mail {background-position: 0 -462px;}
.icn-news {background-position: 0 -483px;}
.icn-online {background-position: 0 -504px;}
.icn-oracle {background-position: 0 -525px;}
.icn-progress {background-position: 0 -546px;}
.icn-record {background-position: 0 -567px;}
.icn-school {background-position: 0 -588px;}
.icn-survive {background-position: 0 -609px;}
.icn-tavern {background-position: 0 -630px;}
.icn-trade {background-position: 0 -651px;}
.icn-trade_chat {background-position: 0 -672px;}
.icn-travel {background-position: 0 -693px;}
.icn-dungeon-inactive {background-position: 0 -714px;}
.icn-trade-inactive {background-position: 0 -735px;}
.icn-travel-inactive {background-position: 0 -756px;}

.icn-menu {
    background-image: url('/images/icons/sprites/spritesheet_menu.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}
.icn-menu_user {background-position: 0 0;}
.icn-menu_city {background-position: 0 -32px;}
.icn-menu_rack {background-position: 0 -64px;}
.icn-menu_user_inactive {background-position: 0 -96px;}
.icn-menu_city_inactive {background-position: 0 -128px;}
.icn-menu_rack_inactive {background-position: 0 -160px;}

/*...............inons 12x12...........*/
.i12 {
    background-image: url('/images/icons/sprites/spritesheet_other.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin-right: 3px;
}
.i12-amethyst {background-position: 0 0;}
.i12-amulet {background-position: 0 -12px;}
.i12-amuletDamageReduce {background-position: 0 -24px;}
.i12-amuletDemonForm {background-position: 0 -36px;}
.i12-amuletEnrage {background-position: 0 -48px;}
.i12-amuletLightingHit {background-position: 0 -60px;}
.i12-amuletLotusLeaf {background-position: 0 -72px;}
.i12-amuletNova {background-position: 0 -84px;}
.i12-amuletNovaBoost {background-position: 0 -96px;}
.i12-amuletNovaBoost1 {background-position: 0 -108px;}
.i12-amuletNovaBoost2 {background-position: 0 -120px;}
.i12-amuletNovaBoost3 {background-position: 0 -132px;}
.i12-amuletNovaBoost4 {background-position: 0 -144px;}
.i12-amuletStrengthPower {background-position: 0 -156px;}
.i12-arena_points {background-position: 0 -168px;}
.i12-arena_sword {background-position: 0 -180px;}
.i12-armor {background-position: 0 -192px;}
.i12-arr {background-position: 0 -204px;}
.i12-arr1 {background-position: 0 -216px;}
.i12-attention_3 {background-position: 0 -228px;}
.i12-attention_gold {background-position: 0 -240px;}
.i12-attention_silver {background-position: 0 -252px;}
.i12-belt {background-position: 0 -264px;}
.i12-black_magic {background-position: 0 -276px;}
.i12-clock {background-position: 0 -288px;}
.i12-cross {background-position: 0 -300px;}
.i12-effectEvade {background-position: 0 -312px;}
.i12-effectVulnerability {background-position: 0 -324px;}
.i12-enchant {background-position: 0 -336px;}
.i12-experience {background-position: 0 -348px;}
.i12-experience_grey {background-position: 0 -360px;}
.i12-feather {background-position: 0 -372px;}
.i12-forum {background-position: 0 -384px;}
.i12-forum_new {background-position: 0 -396px;}
.i12-forum_scroll {background-position: 0 -408px;}
.i12-friends {background-position: 0 -420px;}
.i12-giftshop {background-position: 0 -432px;}
.i12-guild_dark {background-position: 0 -444px;}
.i12-guild_influence {background-position: 0 -456px;}
.i12-guild_light {background-position: 0 -468px;}
.i12-health {background-position: 0 -480px;}
.i12-heart_0 {background-position: 0 -492px;}
.i12-heart_100 {background-position: 0 -504px;}
.i12-heart_33 {background-position: 0 -516px;}
.i12-heart_66 {background-position: 0 -528px;}
.i12-helm_gold {background-position: 0 -540px;}
.i12-home {background-position: 0 -552px;}
.i12-iRegen {background-position: 0 -564px;}
.i12-inspect {background-position: 0 -576px;}
.i12-item_hard {background-position: 0 -588px;}
.i12-item_impossible {background-position: 0 -600px;}
.i12-item_normal {background-position: 0 -612px;}
.i12-item_solo {background-position: 0 -624px;}
.i12-lock_12x12_fv {background-position: 0 -636px;}
.i12-messages {background-position: 0 -648px;}
.i12-mineral {background-position: 0 -660px;}
.i12-miss {background-position: 0 -672px;}
.i12-money_gold {background-position: 0 -684px;}
.i12-money_silver {background-position: 0 -696px;}
.i12-pets {background-position: 0 -708px;}
.i12-portal {background-position: 0 -720px;}
.i12-question_blue {background-position: 0 -732px;}
.i12-question_gold {background-position: 0 -744px;}
.i12-question_silver {background-position: 0 -756px;}
.i12-rack {background-position: 0 -768px;}
.i12-rack_red {background-position: 0 -780px;}
.i12-rank1 {background-position: 0 -792px;}
.i12-rank10 {background-position: 0 -804px;}
.i12-rank11 {background-position: 0 -816px;}
.i12-rank12 {background-position: 0 -828px;}
.i12-rank13 {background-position: 0 -840px;}
.i12-rank14 {background-position: 0 -852px;}
.i12-rank15 {background-position: 0 -864px;}
.i12-rank16 {background-position: 0 -876px;}
.i12-rank17 {background-position: 0 -888px;}
.i12-rank18 {background-position: 0 -900px;}
.i12-rank19 {background-position: 0 -912px;}
.i12-rank2 {background-position: 0 -924px;}
.i12-rank20 {background-position: 0 -936px;}
.i12-rank21 {background-position: 0 -948px;}
.i12-rank22 {background-position: 0 -960px;}
.i12-rank23 {background-position: 0 -972px;}
.i12-rank3 {background-position: 0 -984px;}
.i12-rank4 {background-position: 0 -996px;}
.i12-rank5 {background-position: 0 -1008px;}
.i12-rank6 {background-position: 0 -1020px;}
.i12-rank7 {background-position: 0 -1032px;}
.i12-rank7_ {background-position: 0 -1044px;}
.i12-rank8 {background-position: 0 -1056px;}
.i12-rank9 {background-position: 0 -1068px;}
.i12-realm1 {background-position: 0 -1080px;}
.i12-realm2 {background-position: 0 -1092px;}
.i12-refresh {background-position: 0 -1104px;}
.i12-regen {background-position: 0 -1116px;}
.i12-repair {background-position: 0 -1128px;}
.i12-ruby {background-position: 0 -1140px;}
.i12-ruby_round {background-position: 0 -1152px;}
.i12-school {background-position: 0 -1164px;}
.i12-scroll_blue {background-position: 0 -1176px;}
.i12-settings {background-position: 0 -1188px;}
.i12-shield {background-position: 0 -1200px;}
.i12-skull {background-position: 0 -1212px;}
.i12-skull_blue {background-position: 0 -1224px;}
.i12-skull_gold {background-position: 0 -1236px;}
.i12-skull_gray {background-position: 0 -1248px;}
.i12-skull_red {background-position: 0 -1260px;}
.i12-stamp {background-position: 0 -1272px;}
.i12-strength {background-position: 0 -1284px;}
.i12-sword1 {background-position: 0 -1296px;}
.i12-sword_red {background-position: 0 -1308px;}
.i12-sword_vertical {background-position: 0 -1320px;}
.i12-talent_guy {background-position: 0 -1332px;}
.i12-tick {background-position: 0 -1344px;}
.i12-tick_gray {background-position: 0 -1356px;}
.i12-topic_new {background-position: 0 -1368px;}
.i12-vip_icon {background-position: 0 -1380px;}
.i12-xswords {background-position: 0 -1392px;}

/*user icons*/
.u12 {
    background-image: url('/images/icons/sprites/spritesheet_user.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
}
.u12-user_0_0 {background-position: 0 0;}
.u12-user_0_0_off {background-position: 0 -12px;}
.u12-user_0_1 {	background-position: 0 -24px;}
.u12-user_0_1_off {	background-position: 0 -36px;}
.u12-user_0_2 {	background-position: 0 -48px;}
.u12-user_0_2_off {	background-position: 0 -60px;}
.u12-user_0_3 {	background-position: 0 -72px;}
.u12-user_0_3_off {	background-position: 0 -84px;}
.u12-user_1_0 {	background-position: 0 -96px;}
.u12-user_1_0_grey {background-position: 0 -108px;}
.u12-user_1_0_off {	background-position: 0 -120px;}
.u12-user_1_1 {	background-position: 0 -132px;}
.u12-user_1_1_grey {background-position: 0 -144px;}
.u12-user_1_1_off {	background-position: 0 -156px;}
.u12-user_1_2 {	background-position: 0 -168px;}
.u12-user_1_2_grey {background-position: 0 -180px;}
.u12-user_1_2_off {	background-position: 0 -192px;}
.u12-user_1_3 {	background-position: 0 -204px;}
.u12-user_1_3_grey {background-position: 0 -216px;}
.u12-user_1_3_off {	background-position: 0 -228px;}
.u12-user_2_0 {	background-position: 0 -240px;}
.u12-user_2_0_grey {background-position: 0 -252px;}
.u12-user_2_0_off {	background-position: 0 -264px;}
.u12-user_2_1 {	background-position: 0 -276px;}
.u12-user_2_1_grey {background-position: 0 -288px;}
.u12-user_2_1_off {background-position: 0 -300px;}
.u12-user_2_2 {background-position: 0 -312px;}
.u12-user_2_2_grey {background-position: 0 -324px;}
.u12-user_2_2_off {	background-position: 0 -336px;}
.u12-user_2_3 {	background-position: 0 -348px;}
.u12-user_2_3_grey {background-position: 0 -360px;}
.u12-user_2_3_off {	background-position: 0 -372px;}
.u12-user_unknown {	background-position: 0 -384px;}
.u12-user_unknown_grey {background-position: 0 -396px;}

/*potion icons*/
.p12 {
    background-image: url('/images/icons/sprites/spritesheet_pot.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
}
.p12-pot_arm_1 {background-position: 0 0;}
.p12-pot_arm_2 {background-position: 0 -12px;}
.p12-pot_arm_3 {background-position: 0 -24px;}
.p12-pot_arm_4 {background-position: 0 -36px;}
.p12-pot_arm_5 {background-position: 0 -48px;}
.p12-pot_arm_6 {background-position: 0 -60px;}
.p12-pot_arm_7 {background-position: 0 -72px;}
.p12-pot_arm_8 {background-position: 0 -84px;}
.p12-pot_blue_1 {background-position: 0 -96px;}
.p12-pot_blue_2 {background-position: 0 -108px;}
.p12-pot_blue_3 {background-position: 0 -120px;}
.p12-pot_blue_4 {background-position: 0 -132px;}
.p12-pot_blue_5 {background-position: 0 -144px;}
.p12-pot_blue_6 {background-position: 0 -156px;}
.p12-pot_blue_7 {background-position: 0 -168px;}
.p12-pot_blue_8 {background-position: 0 -180px;}
.p12-pot_cdr_1 {background-position: 0 -192px;}
.p12-pot_cdr_2 {background-position: 0 -204px;}
.p12-pot_cdr_3 {background-position: 0 -216px;}
.p12-pot_cri_1 {background-position: 0 -228px;}
.p12-pot_cri_2 {background-position: 0 -240px;}
.p12-pot_cri_3 {background-position: 0 -252px;}
.p12-pot_cri_4 {background-position: 0 -264px;}
.p12-pot_cri_5 {background-position: 0 -276px;}
.p12-pot_cri_6 {background-position: 0 -288px;}
.p12-pot_green_1 {background-position: 0 -300px;}
.p12-pot_green_2 {background-position: 0 -312px;}
.p12-pot_green_3 {background-position: 0 -324px;}
.p12-pot_green_4 {background-position: 0 -336px;}
.p12-pot_green_5 {background-position: 0 -348px;}
.p12-pot_green_6 {background-position: 0 -360px;}
.p12-pot_green_7 {background-position: 0 -372px;}
.p12-pot_green_8 {background-position: 0 -384px;}
.p12-pot_inf_1 {background-position: 0 -396px;}
.p12-pot_inf_2 {background-position: 0 -408px;}
.p12-pot_inf_3 {background-position: 0 -420px;}
.p12-pot_inf_4 {background-position: 0 -432px;}
.p12-pot_inf_5 {background-position: 0 -444px;}
.p12-pot_inf_6 {background-position: 0 -456px;}
.p12-pot_inf_7 {background-position: 0 -468px;}
.p12-pot_inf_8 {background-position: 0 -480px;}
.p12-pot_lrn_1 {background-position: 0 -492px;}
.p12-pot_lrn_2 {background-position: 0 -504px;}
.p12-pot_norm_1 {background-position: 0 -516px;}
.p12-pot_norm_2 {background-position: 0 -528px;}
.p12-pot_norm_3 {background-position: 0 -540px;}
.p12-pot_res {background-position: 0 -552px;}
.p12-pot_resapo {background-position: 0 -564px;}
.p12-pot_str_1 {background-position: 0 -576px;}
.p12-pot_str_2 {background-position: 0 -588px;}
.p12-pot_str_3 {background-position: 0 -600px;}
.p12-pot_str_4 {background-position: 0 -612px;}
.p12-pot_str_5 {background-position: 0 -624px;}
.p12-pot_str_6 {background-position: 0 -636px;}
.p12-pot_yellow_1 {background-position: 0 -648px;}
.p12-pot_yellow_2 {background-position: 0 -660px;}
.p12-pot_yellow_3 {background-position: 0 -672px;}
.p12-pot_yellow_4 {background-position: 0 -684px;}
.p12-pot_yellow_5 {background-position: 0 -696px;}
.p12-pot_yellow_6 {background-position: 0 -708px;}
.p12-potion {background-position: 0 -720px;}
/*..........................................
............end of sprites icons............
..........................................*/

.b-gift-reg   {
        background: url('/images/bg-top-left-border.png') no-repeat 0 0,
        url('/images/bg-top-right-border.png') no-repeat  100% 0,
        url('/images/bg-bottom-left-border.png') no-repeat 0 100%,
        url('/images/bg-bottom-right-border.png') no-repeat 100% 100%,
        url('/images/bg-top-border.png') repeat-x 0 0,
        url('/images/bg-bottom-border.png') repeat-x 100% 100%,
        url('/images/bg-left-border.png') repeat-y 0 0,
        url('/images/bg-right-border.png') repeat-y 100% 100%,
        linear-gradient(to bottom,#1a0d34 0%,#301864 100%);
        background-color: #1a0d34;
        font-size: 14px;
        padding: 15px 15px;
        overflow: hidden;
    }
    .b-notice-reg   {
        background: url('/images/bg-top-left-border.png') no-repeat 0 0,
        url('/images/bg-top-right-border.png') no-repeat  100% 0,
        url('/images/bg-bottom-left-border.png') no-repeat 0 100%,
        url('/images/bg-bottom-right-border.png') no-repeat 100% 100%,
        url('/images/bg-top-border.png') repeat-x 0 0,
        url('/images/bg-bottom-border.png') repeat-x 100% 100%,
        url('/images/bg-left-border.png') repeat-y 0 0,
        url('/images/bg-right-border.png') repeat-y 100% 100%,
        linear-gradient(to bottom,#1a0d34 0%,#301864 100%);
        background-color: #1a0d34;
        font-size: 14px;
        padding: 5px 15px;
    }
    .form-field-for-rg {
        padding: 5px 20px;
    }
    .notification {
        font-size: 11px;
        color: #506582;
    }
    .gift-item  {
        display: inline-block;
        float: left;
        margin-left: 18px;
        margin-top: 2px;
        color: #fff;
        font-size: 12px;
    }

/*.....................................
................fair...................
.....................................*/
.table-raiting td {padding-top: 5px; }
.b_fair {
    height: 88px;
    padding: 15px 0 0 0;
    text-align: center;
    background: url('/images/fair/agregat_320.jpg') 50% 0 no-repeat ;
}
.fair_title {
    font-size: 28px;
    text-align: center;
    color: #fff;
}
.b-notice.no_border {
    padding-top: 12px;
    color: #a8a8a8;
    background: url('/images/notice/notice_3_t.png') no-repeat 50% 0,#092232;
    border: 1px solid #5b380f;
}
.b_fair.notice_fair {
    height: 60px;
    padding: 43px 0 0 0;
    position: relative;
    background: url('/images/fair/win_320.jpg') 50% 0 no-repeat ;
}
.b_fair.notice_fair .fair_title {font-size: 22px !important;}

.iflag {
    display: inline-block;
    position: relative;
}
.iflag .iflag-num {
    position: absolute;
    display: block;
    top: -5px;
    right: -5px;
    width: 19px;
    height: 19px;
}
.iflag-num {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url('/images/profile/sheild_19.png') no-repeat 0 0;
    font-size: 11px;
    text-align: center;
    color: #fff;
    line-height: 19px;
}
.table-pad {border-collapse: separate;border-spacing:0 5px}
.cito{ width: 100%; height: 100px; } .cito-name{ text-align:center; background: url(img/fail-title-left.png) no-repeat 0 0, url(img/fail-title-right.png) no-repeat 100% 0, url(img/fail-title-bg.png) no-repeat 50%; background-size: 72px 31px,72px 31px,70% 31px; display: block; padding: 5px; margin: 5px; text-shadow: 0px 0px 3px rgb(102, 201, 82); color: rgb(205, 255, 50) ; font-size: 18px; } 



.example3 {
    display:inline-block;   
    position:relative;
}
.example3 .example_text {
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     
    color:#fff;
         
    padding-bottom: 3px;
    padding-top: 3px;
background-color:rgba(0,0,0,.5);
}
.hdr,.hdr .h_bgn,.hdr .h_end{background-image:url(/images/bg-header.png);background-repeat:no-repeat;}
.hdr{background-color:#41001c;background-repeat:repeat-x;}
.hdr .h_bgn{background-position:0 -100px;}
.hdr .h_end{
    padding:3px 15px 8px 15px;
    background-position:100% -200px;}
.hdr .slot{
    display:inline-block;
//display:inline;
//zoom:1;
    height:25px;
    margin-left:10px;
    background-image:url(/images/bg-res-slot.png);background-repeat:no-repeat;background-position:100% 2px;}
.lvl_prg{margin-top:-7px;}

.bg_ground .lvl_prg,.bg_main .lvl_prg{margin-top:-8px;}
.lvl_prg,.lvl_prg *{font-size:0;}
.lvl_prg,.lvl_prg .l_end{height:14px;margin-right:11px;background-image:url(/images/bg-lvl-prg.png);background-repeat:no-repeat;}
.lvl_prg .l_end{height:6px;margin-right:-11px;padding:4px 11px;background-position:100% -14px;}
.lvl_prg .l_rate,.lvl_prg .l_rate .r_end{height:6px;background-image:url(/images/bg-lvl-rate.png);background-repeat:no-repeat;}
.lvl_prg .l_rate{background-color:#ff9000;background-position:100% 0;}
.lvl_prg .l_rate .r_end{background-position:0 -6px;}

.clb{clear:both;font-size:0;}
.wm50{max-width:50%;}
.fr{float:right;}