h1, h2, form, html, p, div, span, table, tbody, td, tr, img {margin: 0;padding: 0;}<br />
body, table, td, th, input, textarea, select {font-family: Arial, Tahoma, Verdana, sans-serif; font-size:12px;}<br />
body {color: #a8a8a8;margin: 0 auto; max-width:320px; min-width: 128px; background-color:#000;}<br />
table {border: 0;border-collapse: collapse;}<br />
img {vertical-align: middle;border:0;}<br />
ul, ol {margin: 0;padding: 0;list-style: none;} <br />
a { color: #98bab5; outline: none; text-decoration: underline;}<br />
@-ms-viewport{width:auto!important}<br />
<br />
/*............................................<br />
..................Base........................<br />
........................................... */<br />
.b-container {<br />
    background: #000;<br />
    overflow: hidden !important;<br />
}<br />
<br />
.b-page-bg {<br />
    text-align: center;<br />
    padding: 2px 0 0 0;<br />
}<br />
.b-page-bg > img{<br />
    display: block;<br />
    width: 100%;<br />
    height: auto;<br />
}<br />
<br />
/*...............Panels...........*/<br />
.b-panel {<br />
    margin: 5px 0;<br />
    padding-bottom: 4px;<br />
}<br />
.panel-inner-2{ padding: 10px;}<br />
.b-panel.gray-panel, .b-panel.tabs-panel, .blue-gray-panel {<br />
    padding: 3px;<br />
    background: #1f1f23 !important;  <br />
    border: 1px solid #313134 !important;<br />
}<br />
<br />
.b-panel.red-panel.b-combat-panel {<br />
    padding: 26px 0 16px 0;<br />
    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;<br />
}<br />
.lblue-panel, .sblue-panel{<br />
    background: #052336;<br />
    border-top: 1px solid #022a41;<br />
    border-bottom: 1px solid #011320;<br />
    position: relative;<br />
}<br />
    .no-brd-bottom {border-bottom: 0;}<br />
    .no-brd-top {border-top: 0;}<br />
.b-panel-new .panel-inner2{padding: 10px 5px; }<br />
.dblue-panel{<br />
    background: #02121e;<br />
    border: 1px solid #031a29;<br />
}<br />
a.dblue-panel {<br />
    display: block;<br />
    text-decoration:  none;<br />
    background: url('/images/list-arr.png') 98% 50% no-repeat #02121e;<br />
}<br />
.link-panel {<br />
    display: block;<br />
    padding: 7px 25px 7px 5px;<br />
    border-top: 1px solid #022a41;<br />
    border-bottom: 1px solid #011320;<br />
    text-decoration:  none;<br />
    background: url('/images/list-arr.png') 98% 50% no-repeat #052336;<br />
}<br />
.link-panel.no-arr {<br />
    background-image: none;<br />
    padding-right: 5px;<br />
}<br />
.link-panel:hover {background-color: #08324C;}<br />
.b-panel.bg-dark-blue.bordered{ border: 1px solid #062336;}<br />
.page-banner img{<br />
    width: 100%;<br />
    height: auto;<br />
    margin: 0;<br />
    padding: 0;<br />
}<br />
<br />
.dblue-panel { background: #001320;}<br />
.dblue-panel.bordered {border: 1px solid #062336;}<br />
<br />
.new-green-bg{<br />
    padding: 5px 0 !important;<br />
    background: #000 !important;<br />
}<br />
.el-img {<br />
    float: left;<br />
    margin-right: 5px;<br />
}<br />
.margin-from-image {<br />
    margin-left: 38px;<br />
}<br />
.pnl {<br />
    margin: 5px 0;<br />
    padding: 0;<br />
    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;<br />
    border-bottom: 1px solid #353539;<br />
}<br />
.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;}<br />
.pnl-in { padding: 3px;}<br />
.header-notation{<br />
    font-size: 13px;<br />
    padding: 5px 10px;<br />
    text-align: center;<br />
}<br />
.header-notation.tleft{<br />
    text-align: left;<br />
}<br />
.panel-descr {<br />
    margin: 5px;<br />
    padding: 5px;<br />
    font-size: 11px;<br />
    color: #9b9a9a;<br />
}<br />
.offer-panel {<br />
    display: block;<br />
    text-decoration: none;<br />
    color: #b9d4d0;<br />
    height: 54px;<br />
    background:<br />
        url('/images/panel-l-b.png') no-repeat 0% 100%,<br />
        url('/images/panel-l-t.png') no-repeat 0% 0%,<br />
        url('/images/panel-l-m2.png') no-repeat 0% 50%,<br />
        url('/images/panel-l-m.png') repeat-y 0% 0%,<br />
        url('/images/panel-r-b.png') no-repeat 100% 100%,<br />
        url('/images/panel-r-t.png') no-repeat 100% 0%,<br />
        url('/images/panel-r-m2.png') no-repeat 100% 50%,<br />
        url('/images/panel-r-m.png') repeat-y 100% 0%,<br />
        url('/images/knot.png') repeat-y 90% 0%,<br />
        url('/images/btn-t-bg.png') repeat-x 0 0,<br />
        url('/images/btn-b-bg.png') repeat-x 0 100%<br />
        #283D47;<br />
}<br />
.b-panel.gray-panel.no-sep {<br />
    margin: 1px 0;<br />
    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;<br />
}<br />
<br />
/*.........task and rewards..........*/<br />
/* old reward-panel */<br />
.reward-panel {<br />
    padding: 5px 20px 12px 20px;<br />
    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;<br />
}<br />
.reward-panel-fail {<br />
    padding: 5px 20px 18px 20px;<br />
    background: url('/images/gray-panel-l.png') repeat-y 0 0,<br />
    url('/images/gray-panel-r.png') repeat-y 100% 0,<br />
    url('/images/dark-panel-t.png') repeat-x 0 0,<br />
    url('/images/dark-panel-b.png') repeat-x 0 100% #111111;<br />
}<br />
.reward-panel.no-sep {<br />
    padding: 5px 20px 5px 20px;<br />
    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;<br />
}<br />
.reward-status-block {<br />
    height: 46px;<br />
    text-align: center;<br />
    background: url('/images/rewards/wings.png') no-repeat 50% 0 transparent;<br />
}<br />
.reward-status-block img {margin-top: 5px;}<br />
.reward-status-block-fail {<br />
    background: url('/images/dogfights/fail_wings.png') no-repeat 50% 0 transparent;<br />
    height: 60px;<br />
    margin: 15px 0px 15px 0px;<br />
}<br />
/* next reward-panel */<br />
.rewards-panel{<br />
    padding: 0;<br />
    margin: 0;<br />
    border: 1px solid #2f1e08;<br />
    background: #211505;<br />
}<br />
.rewards-title{<br />
    position: relative;<br />
    height: 27px;<br />
    padding-top: 11px;<br />
    font-size: 14px;<br />
    color: #ffd100;<br />
    text-align: center;<br />
    background: url('/images/icons/trophy_39.png') no-repeat 2% 3px, url('/images/icons/trophy_39.png') no-repeat 98% 3px #2f1e08;<br />
    border-bottom: 1px solid #2f1e08;<br />
}<br />
    <br />
.r-item {<br />
    display: inline-block;<br />
    margin: 0;<br />
    padding-top: 5px;<br />
    vertical-align: top;<br />
    text-align: center;<br />
    width: 80px;<br />
    position: relative;<br />
}<br />
.r-item.normal:after, .r-item.hard:after, .r-item.impossible:after, .r-item.solo:after  {<br />
    content: '';<br />
    position: absolute;<br />
    width: 12px;<br />
    height: 12px;<br />
    background: url('/images/icons/item_normal.png') no-repeat 0 0;<br />
    top: 30px;<br />
    right: 21px;<br />
}<br />
    .r-item.hard:after {background-image: url('/images/icons/item_hard.png');}<br />
    .r-item.impossible:after {background-image: url('/images/icons/item_impossible.png');}<br />
    .r-item.solo:after {background-image: url('/images/icons/item_solo.png');}<br />
<br />
<br />
<br />
.future-reward, .future-reward table tr td {font-size: 11px;}<br />
.task-btn-icon{<br />
    width: 32px;<br />
    height: 32px;<br />
    margin-top: -12px;<br />
}<br />
.task-btn-icon.excl{<br />
    background: url('/images/rewards/btn-excl.png') no-repeat 0 0;<br />
    position: relative;<br />
}<br />
.task-btn-icon.question{<br />
    background: url('/images/rewards/btn-question.png') no-repeat 0 0;<br />
    position: relative;<br />
}<br />
.task-btn-text{<br />
    font-size: 12px;<br />
    color: #fff;<br />
}<br />
.brown-panel{background: #190801;}<br />
<br />
.reward-panel.starter-pack {padding: 0}<br />
.reward-panel.starter-pack .panel-inner { padding: 15px 20px 15px 20px; }<br />
.b-panel-new {position: relative;}<br />
.b-panel-new.first {border-top: none;}<br />
<br />
.gr-panel{<br />
    font-size: 12px;<br />
    border: 1px solid #3b4d68;<br />
    background-color: #162030;<br />
    background: linear-gradient( to bottom, #222b3b 0%, #222b3b 49%, #162030 51%, #162030 100%);<br />
}<br />
.b-panel-new.dblue-panel{background: #0f1a25;}<br />
.dblue-panel.bordered{border: 1px solid #192838;}<br />
<br />
<br />
/*................List.................*/<br />
.b-list { }<br />
.b-list a.list-el {<br />
    display: block;<br />
    text-decoration: none;<br />
    color: #b9d4d0;<br />
    padding: 4px 4px;<br />
    border-bottom: 1px solid #000;<br />
}<br />
.b-list .list-el {<br />
    display: block;<br />
    color: #b9d4d0;<br />
    text-decoration: none;<br />
    padding: 4px 4px;<br />
    border-bottom: 1px solid #000;<br />
}<br />
.b-list li h2 {<br />
    text-align: left;<br />
    font-size: 14px;<br />
}<br />
.b-list li.list-el {<br />
    display: block;<br />
    padding: 4px 4px;<br />
    border-bottom: 1px solid #000;<br />
}<br />
.b-list div.list-el.ench { padding: 10px 7px;}<br />
.b-list div.list-el h2.ench {<br />
    color: #dbe3e8;<br />
    font-weight: bold;<br />
    text-align: left;<br />
    padding: 0; margin: 0;<br />
}<br />
.b-list div.list-el h3 {<br />
    color: #bfc196;<br />
    font-size: 12px;<br />
    font-weight: normal;<br />
    text-align: left;<br />
    padding: 0; margin: 0;<br />
}<br />
.panel-inner .list-el {<br />
    display: block;<br />
    padding: 4px 2px;<br />
    border-bottom: 1px solid #000;<br />
}<br />
.panel-inner .list-el.last { border-bottom: 0; }<br />
.b-list .list-el a {color: #b9d4d0;}<br />
    .b-list .list-el a.btn-big, .b-list .list-el a.btn-big {color: #fff;}<br />
    div.arr, a.list-el.arrow-el, .b-list.list-arr a.list-el {<br />
        padding-right: 25px;<br />
        background: url('/images/list-arr.png') no-repeat 50% 50%;<br />
    }<br />
    a.list-el.arrow-el, .b-list.list-arr a.list-el {background-position: 100% 50%;}<br />
    a.list-el:hover {background: #263237;}<br />
        a.list-el.arrow-el:hover, .b-list.list-arr a.list-el:hover {background-color: #263237;}<br />
.b-list div.list-el {<br />
    padding: 4px 7px;<br />
    border-bottom: 1px solid #000;<br />
    overflow: hidden;<br />
}<br />
    .b-list .el-img {<br />
        float: left;<br />
        margin: 0 5px 0 0;<br />
    }<br />
        .b-list .el-img img { margin-top: 2px; }<br />
    .b-list .el-name {<br />
        display: block;<br />
        margin-bottom: 6px;<br />
        font-size: 12px;<br />
        font-weight: bold;<br />
    }<br />
    .b-list .el-descr {<br />
        font-size: 11px;<br />
        color: #d7d7d7;<br />
    }<br />
    .b-list .list-el.last { border-bottom: 0; }<br />
.list-correction-style .b-list a.list-el {<br />
    padding-left: 0;<br />
    text-decoration: underline;<br />
    display: inline;<br />
}<br />
.list-correction-style .b-list a.list-el:hover { background: none; }<br />
<br />
.award { text-align: center; }<br />
    .award .el {<br />
        display: inline-block;<br />
        white-space: nowrap;<br />
        padding: 0 2px;<br />
        font-size: 14px;<br />
        font-weight: bold;<br />
    }<br />
    .award .el-big {<br />
        display: inline-block;<br />
        margin-top: 5px;<br />
        font-size: 12px;<br />
        text-align: left;<br />
        font-weight: bold;<br />
    }<br />
.oracle-award { margin: 2px 5px 2px 0;}<br />
.equip-table, .right-buttons-table { }<br />
    .equip-table td, .right-buttons-table td {<br />
        padding: 4px 0;<br />
        border-top: 1px solid #333333;<br />
    }<br />
        .equip-table tr:first-child td, .right-buttons-table tr:first-child td {border-top: 0;}<br />
<br />
    .equip-table .el { font-size: 14px; }<br />
    .right-buttons-table .btn { text-align: center; }<br />
    .right-buttons-table .delimiter { border-top: 3px solid #333333; }<br />
<br />
/*........separators.......*/<br />
.sep-light {<br />
    height: 1px;<br />
    width: 100%;<br />
    margin: 5px 0;<br />
    background: url('/images/separators/sep-light.png') no-repeat 50% 0 transparent;<br />
}<br />
.sep-victory {<br />
    height: 7px;<br />
    margin: 7px 0;<br />
    background: url('/images/sep-victory.png') no-repeat 50% 0;<br />
}<br />
.sep-gray {<br />
    margin-top: 1px;<br />
    height: 4px;<br />
    background: url('/images/gray-panel-t.png') repeat-x 0 0 transparent;<br />
}<br />
.sep-victory-gray {<br />
    height: 7px;<br />
    margin: 7px 0;<br />
    background: url('/images/sep-victory-gray.png') no-repeat 50% 0;<br />
}<br />
.blue-sep {<br />
    width: 100%;<br />
    height: 1px;<br />
    background: linear-gradient( to right, #38525f 0%, #17303b 25%, #17303b 75%, #38525f 100%);<br />
}<br />
.black-sep {<br />
    width: 100%;<br />
    height: 1px;<br />
    background: #000;<br />
}<br />
.blue-sep-alt {<br />
    width: 100%;<br />
    height: 1px;<br />
    background: linear-gradient( to right, #305261 0%, #6f95a7 25%, #6f95a7 75%, #305261 100%);<br />
}<br />
<br />
.clearer {<br />
    content: '';<br />
    display: block;<br />
    height: 0;<br />
    clear: both;<br />
    float: none;<br />
}<br />
/*............................................<br />
..............end of Base.....................<br />
........................................... */<br />
<br />
<br />
<br />
<br />
/*.............................................<br />
..................Header.......................<br />
.............................................*/<br />
.b-header-stats {<br />
    padding: 9px 5px 3px 5px !important;<br />
    color: #fff;<br />
    background: #131313 !important;<br />
}<br />
.b-header  {<br />
    padding: 3px 3px 0 3px;<br />
    background: #131313 !important;<br />
    color: #fff;<br />
}<br />
.b-exp-head {<br />
    position: relative;<br />
    padding: 5px 34px 5px 3px;<br />
    background: #131313;<br />
}<br />
.exp-head-out {<br />
    background: #454545;<br />
    height: 3px;<br />
    overflow: hidden;<br />
}<br />
.exp-head-in {<br />
    float: left;<br />
    background: #d9bf53;<br />
    height: 3px;<br />
    border-right: 1px solid #454545;<br />
}<br />
.exp-head-delta {<br />
    float: left;<br />
    background: #24a800;<br />
    height: 3px;<br />
    border-right: 1px solid #131313;<br />
}<br />
.exp-head-lvl {<br />
    position: absolute;<br />
    right: 0;<br />
    top: 0;<br />
    color: #c7af4d;<br />
    font-size: 11px;<br />
}<br />
.b-page-bg {}<br />
/*.............................................<br />
................end of Header..................<br />
.............................................*/<br />
<br />
<br />
<br />
/*.............................................<br />
..................Titles.......................<br />
.............................................*/<br />
h1, h2 {<br />
    margin: 0;<br />
    padding: 0 5px 7px 5px;<br />
    font-size: 16px;<br />
    font-weight: normal;<br />
    color: #bfc196;<br />
    text-align: center;<br />
}<br />
    h2 { font-size: 14px; }<br />
h3 {<br />
    margin: 0;<br />
    padding: 0 0 5px 0;<br />
    font-size: 14px;<br />
    font-weight: normal;<br />
}<br />
<br />
.b-arena-title {<br />
    position: relative;<br />
    overflow: hidden;<br />
    margin-top: 1px;<br />
    height: 28px;<br />
    background: url('/images/dogfights/arena-title-bg.png') repeat-x 0 0 #131929;<br />
}<br />
.arena-title-l {<br />
    float: left;<br />
    width: 70px;<br />
    height: 28px;<br />
    background: url('/images/dogfights/arena-title-left.png') no-repeat 0 0 #131929;<br />
}<br />
.arena-title-r {<br />
    float: right;<br />
    width: 70px;<br />
    height: 28px;<br />
    background: url('/images/dogfights/arena-title-right.png') no-repeat 0 0 #131929;<br />
}<br />
.arena-title-text {<br />
    position: absolute;<br />
    width: 100%;<br />
    padding-top: 5px;<br />
    overflow: hidden;<br />
    white-space: nowrap;<br />
    text-align: center;<br />
    font-style: normal;<br />
    font-size: 14px;<br />
    color: #ffffff;<br />
    text-overflow: ellipsis;<br />
}<br />
.page-title{<br />
    padding: 9px 18px;<br />
    padding: 9px 18px;<br />
    position: relative;<br />
    color: #bfc196;<br />
    text-align: center;<br />
    font-size: 14px;<br />
    background: url('/images/heder-top-left-border.png') no-repeat 0 0,<br />
    url('/images/heder-top-right-border.png') no-repeat  100% 0,<br />
    url('/images/heder-bottom-left-border.png') no-repeat 0 100%,<br />
    url('/images/heder-bottom-right-border.png') no-repeat 100% 100%,<br />
    url('/images/heder-top-border.png') repeat-x 0 0,<br />
    url('/images/heder-bottom-border.png') repeat-x 100% 100%,<br />
    url('/images/heder-left-border.png') repeat-y 0 0,<br />
    url('/images/heder-right-border.png') repeat-y 100% 100%,<br />
    linear-gradient(to bottom,#00070c 0%,#02111d 100%);<br />
    background-color: #02111d;<br />
    margin-top: 2px;<br />
    margin-bottom: 2px;<br />
    border: 1px solid #272728;<br />
}<br />
/*.............................................<br />
.................end 0f Titles.................<br />
.............................................*/<br />
<br />
<br />
/*.............................................<br />
..................Notice.......................<br />
.............................................*/<br />
.b-notice-roll {<br />
    position: relative;<br />
    min-height: 31px;<br />
}<br />
.b-notice-new {<br />
    padding: 12px 7px 5px 7px;<br />
    color: #a8a8a8;<br />
    background: url('/images/notice/notice_3_t.png') no-repeat 50% 0,#092232;<br />
}<br />
.notice-roll-lm, .notice-roll-rm {<br />
    position: absolute;<br />
    z-index: 9;<br />
    min-height: 32px; height: 100%;<br />
    width: 32px;<br />
    float: left;<br />
    background: url('/images/roll-notice-ml.png') repeat-y 0 0 transparent;<br />
}<br />
.notice-roll-rm {<br />
    right: 0;<br />
    top: 0;<br />
    float: right;<br />
    background-image: url('/images/roll-notice-mr.png');<br />
}<br />
.notice-roll-lt, .notice-roll-rt {<br />
    position: absolute;<br />
    top: -8px;<br />
    z-index: 10;<br />
    width: 32px;<br />
    height: 32px;<br />
    background: url('/images/roll-notice-tl.png') no-repeat 0 0 transparent;<br />
}<br />
.notice-roll-rt {<br />
    right: 0;<br />
    background-image: url('/images/roll-notice-tr.png');<br />
}<br />
<br />
.notice-roll-cont {<br />
    position: relative;<br />
    min-height: 32px; height: 100%;<br />
    margin: 0 32px;<br />
    padding-top: 10px;<br />
    padding-bottom: 7px;<br />
    color: #3b3020;<br />
    font-size: 12px;<br />
    border-top: 1px solid #f3f1ed;<br />
    background: #d3ccc2;<br />
}<br />
.b-art-notice {position: relative;}<br />
.art-notice {<br />
    position: absolute;<br />
    top: -84px; left: 0;<br />
    width: 100%;<br />
}<br />
.art-notice-inner {<br />
    height: 84px;<br />
    padding-top: 44px;<br />
    padding-left: 72px;<br />
    color: #3b3020;<br />
    background-position: 0 0;<br />
    background-repeat: no-repeat;<br />
    background-color: transparent;<br />
}<br />
<br />
.b-notice {<br />
    padding: 18px 10px 10px 10px;<br />
    color: #a8a8a8;<br />
    background:<br />
    url('/images/notice/notice-b-r.png') no-repeat 100% 100%,<br />
    url('/images/notice/notice-b-l.png') no-repeat 0 100%,<br />
    url('/images/notice/notice-b-bg.png') repeat-x 0 100%,<br />
    url('/images/notice/notice-t-r.png') no-repeat 100% 0,<br />
    url('/images/notice/notice-t-l.png') no-repeat 0 0,<br />
    url('/images/notice/notice-l.png') repeat-y 0 0,<br />
    url('/images/notice/notice-r.png') repeat-y 100% 0,<br />
    url('/images/notice/notice-t-bg.png') repeat-x 0 0<br />
    #232a2d;<br />
}<br />
.b-notice h3 {<br />
    text-align: center;<br />
    color: #fff;<br />
}<br />
.b-notice p {<br />
    padding: 0 5px 5px 5px;<br />
    color: #8199a6;<br />
}<br />
.b-notice .lvlup-img {<br />
    width: 210px;<br />
    height: 32px;<br />
}<br />
.notice-btn {<br />
    text-decoration: none;<br />
    text-align: center;<br />
    position: relative;<br />
    overflow: hidden;<br />
    height: 32px;<br />
    display: block;<br />
}<br />
.notice-btn-l {<br />
    float: left;<br />
    width: 24px;<br />
    height: 32px;<br />
    background: url('/images/notice/n-btn-l.png') no-repeat 0 0;<br />
<br />
}<br />
.notice-btn-r {<br />
    float: right;<br />
    width: 24px;<br />
    height: 32px;<br />
    background: url('/images/notice/n-btn-r.png') no-repeat 0 0;<br />
<br />
}<br />
.notice-btn-cont {<br />
    height: 32px;<br />
    background: url('/images/notice/n-btn-bg.png') repeat-x 0 0;<br />
    margin: 0;<br />
    text-overflow: ellipsis;<br />
    white-space: nowrap;<br />
    overflow: hidden;<br />
    color: #cdcdcd;<br />
    padding: 8px 0 0 0;<br />
}<br />
.b-notice-new {<br />
    padding: 12px 7px 5px 7px;<br />
    color: #a8a8a8;<br />
    background: url('/images/notice/notice_3_t.png') no-repeat 50% 0,#092232;<br />
}<br />
/*.............................................<br />
................end of Notice..................<br />
.............................................*/<br />
<br />
<br />
/*.............................................<br />
...................Menu........................<br />
.............................................*/<br />
.b-navigation {<br />
    margin-top: 5px;<br />
    padding-top: 12px;<br />
    background-image: none;    <br />
}<br />
.b-navigation img {<br />
    display: inline-block;<br />
    vertical-align: top;<br />
    margin-top: 1px;<br />
    padding:0 2px;<br />
}<br />
/*.............................................<br />
.............end of Menu.......................<br />
.............................................*/<br />
<br />
<br />
<br />
/*.............................................<br />
....................Footer.....................<br />
.............................................*/<br />
.b-mt-footer {<br />
    margin-top: 10px;<br />
    color: #515151;<br />
}<br />
    .b-mt-footer a {<br />
        color: #7c7c7c;<br />
        text-decoration: underline;<br />
    }<br />
/*.............................................<br />
.................end of Footer.................<br />
.............................................*/<br />
<br />
<br />
<br />
/*.............................................<br />
..............Buttons and forms................<br />
.............................................*/<br />
<br />
/*............tabs and filters..........*/<br />
.b_tabs {<br />
    margin-top: 3px;<br />
    display: table;<br />
    width: 100%;<br />
    z-index: 10;<br />
    margin-bottom: -1px;<br />
    position: relative;<br />
    overflow: hidden;<br />
}<br />
.tab {<br />
    display: block;<br />
    background: #192838;<br />
    padding: 7px 0;<br />
    text-align: center;<br />
    text-decoration: none;<br />
    border-top: 1px solid #7e6f54;<br />
    border-left: 1px solid #7e6f54;<br />
    border-bottom: 1px solid #192838;<br />
    border-top-left-radius: 3px;<br />
}<br />
a.tab {<br />
    background: #141f2c;<br />
    border: 1px solid #26394c;<br />
    border-bottom: 1px solid #7e6f54;<br />
    position: relative;<br />
    border-top-left-radius: 3px;<br />
    border-top-right-radius: 3px;<br />
}<br />
span.tab {<br />
    display: block;<br />
    background: #052336;<br />
    padding: 7px 0;<br />
    text-align: center;<br />
    text-decoration: none;<br />
    border: 1px solid #7e6f54;<br />
    border-bottom: 1px solid #052336;<br />
    border-top-left-radius: 3px;<br />
<br />
}<br />
<br />
td:last-child span.tab{<br />
    border-top-right-radius: 0px;<br />
    border-right: 0px;<br />
}<br />
.b_tabs tr td:first-child span.tab {<br />
    border-right: 1px solid #7e6f54;<br />
    border-top-right-radius: 3px;<br />
    border-left: 0;<br />
    border-top-left-radius: 0;<br />
}<br />
.b_tabs .divider {<br />
    display: block;<br />
    height: 29px;<br />
    width: 1px;<br />
    border-bottom: 1px solid #7e6f54;<br />
}<br />
.b-tabs {}<br />
.b-tabs table td {text-align: center;}<br />
    .b-tabs .active {<br />
        display: block;<br />
        padding: 6px 2px;<br />
        background: #2d2d32;<br />
        border-bottom: 0;<br />
        color: #cdcdcd;<br />
        background: url('/images/active-tab-r.png') no-repeat 100% 0 #2d2d32;<br />
    }<br />
    .b-tabs table td a {<br />
        display: block;<br />
        padding: 6px 2px;<br />
        color: #76808b;<br />
        text-decoration: none;<br />
    }<br />
    .b-tabs table td a:hover { background: #111111; }<br />
.b-tabs.blue-tabs{}<br />
<br />
.b-tabs.blue-tabs td a, .b-tabs.blue-tabs td span {<br />
    border-radius: 3px 3px 0 0;<br />
}<br />
.b-tabs.blue-tabs td:first-child span {<br />
    border-radius: 0 3px 0 0;<br />
}<br />
.b-tabs.blue-tabs td:last-child span {<br />
    border-radius: 3px 0 0 0;<br />
}<br />
.b-tabs.blue-tabs td a{<br />
    background: #141f2c;<br />
    border-bottom: 1px solid #605647;<br />
    border-top: 1px solid #26394c;<br />
    border-left: 1px solid #26394c;<br />
    border-right: 1px solid #26394c;<br />
}<br />
.b-tabs.blue-tabs td span{<br />
    background: #192838;<br />
    border-top: 1px solid #605647;<br />
    border-left: 1px solid #605647;<br />
    border-right: 1px solid #605647;<br />
    border-bottom: 1px solid #192838;<br />
}<br />
<br />
.b-tabs.blue-tabs td:first-child span{<br />
    background: #192838;<br />
    border-top: 1px solid #605647;<br />
    border-right: 1px solid #605647;<br />
    border-left: none;<br />
}<br />
.b-tabs.blue-tabs td:last-child span{<br />
    background: #192838;<br />
    border-top: 1px solid #605647;<br />
    border-left: 1px solid #605647;<br />
    border-right: none;<br />
}<br />
<br />
.b-filter  {<br />
    margin: 0 2px 10px 2px;<br />
    font-size: 11px;<br />
}<br />
.b-filter table thead td {<br />
    text-align: center;<br />
    background: url('/images/filter-line.png') repeat-x 0 100%;<br />
}<br />
    .b-filter table thead td img{ display: block; margin: 0 auto; }<br />
.b-filter table tbody td {<br />
    padding: 4px 2px;<br />
    color: #fff;<br />
    background: #272727;<br />
    border-bottom: 1px solid #383838;<br />
    text-align: center;<br />
}<br />
    .b-filter table tbody td a {<br />
        text-decoration: none;<br />
        padding: 4px 2px;<br />
    }<br />
    .b-filter table tbody td:first-child { border-left: 1px solid #383838; }<br />
    .b-filter table tbody td:last-child { border-right: 1px solid #383838; }<br />
<br />
.b-top-filters {padding: 0px 5px;}<br />
.b-top-filters .filters-title { margin-right: 4px; }<br />
.b-top-filters .el {<br />
    display: inline-block;<br />
    margin: 0 5px 5px 0;<br />
    padding: 2px 8px;<br />
}<br />
    .b-top-filters a.el {<br />
        text-decoration: none;<br />
        color: #8ecde5;<br />
        background: #1c485f;<br />
        border-radius: 4px;<br />
        border-top: solid 1px #49749f;<br />
        border-bottom: solid 1px #09243f;<br />
    }<br />
    .b-top-filters span.el {<br />
        color: #666666;<br />
        border: 1px solid #444444;<br />
        border-radius: 4px;<br />
    }<br />
.b-filter-new{<br />
    text-align: center;<br />
    background: #052336;<br />
    padding: 10px 0;<br />
}<br />
.b-filter-new a, .b-filter-new span{<br />
    padding: 10px 0;<br />
    display: block;<br />
    text-decoration: none;<br />
}<br />
.b-filter-new td a{<br />
    border: 1px solid #0f1a25;<br />
    border-right: none;<br />
    background-color: #192838;<br />
    background: linear-gradient(<br />
        to bottom,<br />
        rgba(255,255,255,.05) 0%,<br />
        rgba(255,255,255,.05) 49%,<br />
        #192838 51%,<br />
        #192838 100%<br />
    );<br />
}<br />
.b-filter-new td:first-child a{ border-left: none;}<br />
.b-filter-new td span{ border-left: 1px solid #0f1a25;}<br />
.b-filter-new td:first-child span{border-left: none;}<br />
.b-filter-new td span{color: #666;}<br />
<br />
.b-choice { text-align: center; }<br />
    .b-choice .title { }<br />
    .b-choice .el {<br />
        display: inline-block;<br />
        margin: 3px 5px;<br />
    }<br />
        .b-choice .el a { text-decoration: underline; }<br />
        .b-choice .el span {<br />
            color: #fff;<br />
            font-weight: bold;<br />
        }<br />
        .b-choice .el img { margin-right: 2px; }<br />
<br />
.b-blue-tabs a.tab, .b-blue-tabs span.tab, .b-brown-tabs a.tab, .b-brown-tabs span.tab{<br />
    font-size: 12px;<br />
    display: block;<br />
    text-decoration: none;<br />
    font-weight: bold;<br />
}<br />
.b-blue-tabs .tab{<br />
    position: relative;<br />
    height: 27px;<br />
    color: #aed5d1;<br />
    background: url('/images/rewards/blue-tab-center.png') repeat-x 0 0;<br />
}<br />
.b-blue-tabs a.tab:before, .b-blue-tabs a.tab:after{<br />
    display: block;<br />
    position: absolute;<br />
    content: '';<br />
    width: 60px;<br />
    height: 27px;<br />
    top: 0;<br />
    z-index: 10;<br />
}<br />
.b-blue-tabs td:first-child a.tab:before{<br />
    left: 0;<br />
    background: url('/images/rewards/blue-tab-left-l.png') no-repeat 0 0;<br />
}<br />
.b-blue-tabs td:first-child  a.tab:after{<br />
    right: 0;<br />
    background: url('/images/rewards/blue-tab-left-r.png') no-repeat 0 0;<br />
}<br />
.b-blue-tabs td:last-child a.tab:before{<br />
    left: 0;<br />
    background: url('/images/rewards/blue-tab-right-l.png') no-repeat 0 0;<br />
}<br />
.b-blue-tabs td:last-child  a.tab:after{<br />
    right: 0;<br />
    background: url('/images/rewards/blue-tab-right-r.png') no-repeat 0 0;<br />
}<br />
.b-blue-tabs span.tab{background: none;}<br />
<br />
.b-brown-tabs{margin: 0 3px;}<br />
.b-brown-tabs a.tab{<br />
    background: #fbd736 linear-gradient(to bottom, #dbb861 0%, #fcd200 100%);<br />
    padding: 1px;<br />
    color: #ffe9bd;<br />
}<br />
<br />
.b-brown-tabs span.tab{<br />
    padding: 4px 0 3px 0;<br />
    border-top: 1px solid #dbb861;<br />
    color: #fff;<br />
}<br />
.b-brown-tabs a.tab .tab-a-wrapper{<br />
    position: relative;<br />
    height: 14px;<br />
    padding: 3px 0;<br />
    background: #592f07 url('/images/rewards/brown-tab-center.png') repeat-x 50% 50%;<br />
}<br />
.b-brown-tabs .tab .tab-a-wrapper:after, .b-brown-tabs .tab .tab-a-wrapper:before{<br />
    display: block;<br />
    position: absolute;<br />
    content: '';<br />
    width: 28px;<br />
    height: 20px;<br />
    bottom: 0;<br />
}<br />
.b-brown-tabs a.tab .tab-a-wrapper:after{<br />
    left: 0;<br />
    background: url('/images/rewards/brown-tab-left.png') no-repeat 50% 50%;<br />
}<br />
.b-brown-tabs a.tab .tab-a-wrapper:before{<br />
    right: 0;<br />
    background: url('/images/rewards/brown-tab-right.png') no-repeat 50% 50%;<br />
}<br />
.b-brown-tabs a .tab-text, .b-blue-tabs a .tab-text{<br />
    position: absolute;<br />
    width: 100%;<br />
    height: 14px;<br />
    padding: 3px 0;<br />
    top: 0;<br />
    left: 0;<br />
    z-index: 999;<br />
}<br />
.b-blue-tabs .tab-text{<br />
    position: absolute;<br />
    width: 100%;<br />
    height: 20px;<br />
    padding: 7px 0;<br />
    top: 0;<br />
    left: 0;<br />
    z-index: 999;<br />
}<br />
<br />
/*.........buttons........*/<br />
.btn-panel {<br />
    display: block;<br />
    padding: 7px 20px;<br />
    margin-bottom: 1px;<br />
    text-decoration: none;<br />
    color: #b9d4d0;<br />
    background:<br />
        url('/images/panel-l-b.png') no-repeat 0% 100%,<br />
        url('/images/panel-l-t.png') no-repeat 0% 0%,<br />
        url('/images/panel-l-m2.png') no-repeat 0% 50%,<br />
        url('/images/panel-l-m.png') repeat-y 0% 0%,<br />
        url('/images/panel-r-b.png') no-repeat 100% 100%,<br />
        url('/images/panel-r-t.png') no-repeat 100% 0%,<br />
        url('/images/panel-r-m2.png') no-repeat 100% 50%,<br />
        url('/images/panel-r-m.png') repeat-y 100% 0%,<br />
        url('/images/btn-t-bg.png') repeat-x 0 0,<br />
        url('/images/btn-b-bg.png') repeat-x 0 100%<br />
        #283D47;<br />
}<br />
<br />
.b-list .list-el a.btn {color: #fefcff;}<br />
.btn.nav-btn img, .btn.nav2-btn img, .btn.btn-buy-gold img {<br />
    display: inline-block;<br />
    margin: 2px 3px 0 0;<br />
}<br />
.btn.fright {<br />
    padding: 7px;<br />
    border-left: 1px solid #1a303a;<br />
    border-right: 1px solid #1a303a;<br />
    border-top: 1px solid #242934;<br />
    background: url('/images/btn-t-bg.png') repeat-x 0 0, url('/images/btn-b-bg.png') repeat-x 0 100% #283d45;<br />
}<br />
.b-selector-hides-active .active {display: none;}<br />
.link-icon {<br />
    height: 12px;<br />
    width: 12px;<br />
    margin-right: .2em;<br />
}<br />
.list-el .btn-big { margin: 5px 0; }<br />
.btn-attack {<br />
    margin-top: 0 !important;<br />
    font-size: 14px !important;<br />
    font-weight: bold;<br />
}<br />
.btn-reply {<br />
    display: inline-block;<br />
    vertical-align: middle;<br />
    width: 19px;<br />
    height: 19px;<br />
    background: url('/images/btn-reply.png') no-repeat 0 0;<br />
}<br />
.btn-foxy {<br />
    display: block;<br />
    margin: 1px 0;<br />
    padding: 9px 3px 10px;<br />
    font-size: 12px;<br />
    font-weight: bold;<br />
    text-decoration: none;<br />
    text-align: center;<br />
    color: #ffffff !important;<br />
    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;<br />
    cursor: pointer;<br />
}<br />
.all-links-is-btn a {<br />
    display: block;<br />
    padding: 7px;<br />
    text-decoration: none;<br />
    color: #fefcff;<br />
    border-top: 1px solid #242934;<br />
    border-bottom: 1px solid #000;<br />
    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;<br />
}<br />
.gold-panel {<br />
    display: block;<br />
    text-decoration: none;<br />
    color: #fff;<br />
    text-align: center;<br />
    padding-top: 5px;<br />
    min-height: 55px;<br />
    background:<br />
        url('/images/start-pack/gold-panel-left.png') no-repeat 0 100%,<br />
        url('/images/start-pack/gold-panel-right.png') no-repeat 100% 100%,<br />
        url('/images/start-pack/gold-panel-top.png') repeat-x 0 0,<br />
        url('/images/start-pack/gold-panel-bot.png') repeat-x 0 100%,<br />
        url('/images/start-pack/gold-panel-bg.png') repeat-x 0 4px<br />
        #a76001;<br />
}<br />
@media screen and (max-width: 280px)  {<br />
    .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;}<br />
    .win-title-r, .win-title-l {display: none;}<br />
    .b-title-text {margin: 0 5px;}<br />
}<br />
<br />
.btn-crimson {<br />
    display: block;<br />
    padding: 7px 5px 7px 5px;<br />
    font-size: 12px;<br />
    min-height: 16px;<br />
    text-decoration: none;<br />
    color: #c6dedd;<br />
    border: none;<br />
    background: url('/images/restyle/btn-h-red.png') no-repeat 50% 0, url('/images/restyle/btn-v-red.png') 0 0 repeat-x;<br />
}<br />
<br />
.btn-locked {<br />
    display: block;<br />
    padding: 7px 5px 7px 5px;<br />
    font-size: 12px;<br />
    min-height: 16px;<br />
    text-decoration: none;<br />
    color: #999999;<br />
    border: none;<br />
    background: url('/images/restyle/btn-h-gray.png') no-repeat 50% 0, url('/images/restyle/btn-v-gray.png') 0 0 repeat-x;<br />
}<br />
.btn { position: relative;}<br />
.btn-box{<br />
    padding: 0 2px 2px 2px;<br />
}<br />
.craft-btn{<br />
    padding: 10px 5px;<br />
    border: 1px solid rgba(0,0,0,.7);<br />
    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%);<br />
    font-size: 13px;<br />
    text-align: center;<br />
}<br />
span.craft-btn{<br />
    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%);<br />
    color: #989898;<br />
}<br />
.btn.btn-brown {<br />
    border-top: 1px solid #947342;<br />
    background: linear-gradient(to bottom, #44351f 0%,#44351f 1%,#5a4628 2%, #42331d 100%);<br />
}<br />
<br />
<br />
/*.........paging........*/<br />
.b-paging {<br />
    padding: 10px 0 4px 0;<br />
    border-top: 1px solid #000;<br />
    font-size: 0;<br />
    text-align: center;<br />
}<br />
.b-paging a, .b-paging span {<br />
    display: inline-block;<br />
    width: 29px;<br />
    height: 19px;<br />
    margin: 0 2px;<br />
    padding-top: 5px;<br />
    background: #000;<br />
    border: 1px solid #174550;<br />
    color: #ffd7a7;<br />
    text-align: center;<br />
    font-size: 14px;<br />
    font-weight: bold;<br />
    text-decoration: none;<br />
    background: url('/images/pag-btn.png') no-repeat 0 0;<br />
}<br />
    .b-paging span {<br />
        background: #D7D7D7;<br />
        color: #ffb400;<br />
        border-width: 0;<br />
        background: url('/images/pag-active.png') no-repeat 0 0;<br />
    }<br />
    .b-paging a:hover { border-color: #ffd7a7; }<br />
<br />
<br />
    .b-paging-new{<br />
        text-align: center;<br />
        background-color: #192838;<br />
    }<br />
    .b-paging-new a{<br />
        display: block;<br />
        padding: 10px 0;<br />
        font-size: 14px;<br />
        text-decoration: none;<br />
        color: #b9d4d0;<br />
        background-color: #192838;<br />
        background: linear-gradient(<br />
            to bottom,<br />
            rgba(255,255,255,.05) 0%,<br />
            rgba(255,255,255,.05) 49%,<br />
            #192838 51%,<br />
            #192838 100%<br />
        );<br />
<br />
    }<br />
    .b-paging-new td{<br />
        border-left: 1px solid #000;<br />
    }<br />
    .b-paging-new td:first-child{<br />
        border: none;<br />
    }<br />
<br />
.b-paging-new{<br />
    text-align: center;<br />
    background-color: #192838;<br />
}<br />
.b-paging-new a{<br />
    display: block;<br />
    padding: 10px 0;<br />
    font-size: 14px;<br />
    text-decoration: none;<br />
    color: #b9d4d0;<br />
    background-color: #192838;<br />
    background: linear-gradient(<br />
        to bottom,<br />
        rgba(255,255,255,.05) 0%,<br />
        rgba(255,255,255,.05) 49%,<br />
        #192838 51%,<br />
        #192838 100%<br />
    );<br />
<br />
}<br />
.b-paging-new td{ border-left: 1px solid #000;}<br />
.b-paging-new td:first-child{ border: none;}<br />
<br />
/* NEW PAGING */<br />
.b-page {<br />
    padding: 0;<br />
    margin-top: 2px;<br />
    font-size: 0;<br />
    text-align: center;<br />
    white-space: nowrap;<br />
}<br />
.page {<br />
    display: inline-block;<br />
    padding: 10px 0;<br />
    min-width: 39px;<br />
    text-decoration: none;<br />
    background: linear-gradient( to bottom, #26394c 0%, #26394c 49%, #1a2e42 51%, #1a2e42 100% );<br />
    background-color: #192838;<br />
    color: #b9d4d0;<br />
    font-size: 14px;<br />
    border-left: 1px solid #001320;<br />
    font-weight: normal;<br />
    overflow: hidden;<br />
}<br />
span.page {<br />
    background: #1a2e42;<br />
    color: #47606d;<br />
}<br />
<br />
.page.next {min-width: 58px;}<br />
@media screen and (max-width: 319px) { .page, .page.next {min-width: 37px} }<br />
/*..........forms........*/<br />
button {width: 100%; }<br />
.b-textarea {<br />
    padding: 1%;<br />
    min-height: 31px;<br />
    border: 0;<br />
    vertical-align: bottom;<br />
    width: 98%;<br />
    margin-bottom: 5px;<br />
}<br />
.b-select {padding: 3px;}<br />
<br />
.typical-form {}<br />
.form-label {padding-left: 5px;}<br />
.form-field {<br />
    margin-top: 5px;<br />
    padding: 0 4px;<br />
}<br />
.form-field input, .form-field select, .form-field textarea {display: block; }<br />
    .form-field select { width: 100%; }<br />
    .form-field input { width: 97%; margin: 0 auto; }<br />
    .form-field textarea { width: 98%; margin: 0 auto; }<br />
.form-submit input, .form-submit button {<br />
    cursor: pointer;<br />
    width: 100%;<br />
    margin: 0 auto;<br />
    height: 33px;<br />
    -webkit-appearance: none;<br />
    border: 0;<br />
}<br />
    .form-submit input.btn, .form-submit button.btn {border: 0;}<br />
    .form-submit input.link, .form-submit button.link {<br />
        margin: 0;<br />
        padding: 0;<br />
        border: 0;<br />
        background: none;<br />
        text-decoration: underline;<br />
        color: #75bfe4;<br />
    }<br />
.form-field textarea {<br />
    height: 40px;<br />
    resize: none;<br />
}<br />
.input-area {<br />
    border-width: 1px;<br />
    border-color: black;<br />
    background-color: lightgray;<br />
    padding: 4px;<br />
    margin: 2px;<br />
    width: 95%;<br />
    border-radius: 3px;<br />
}<br />
.b-actions {padding: 0;}<br />
.b-actions .el {<br />
    display: inline-block;<br />
    margin: 0 1px 2px 0;<br />
    padding: 2px 10px 4px 10px;<br />
    border: 1px solid #242424;<br />
    font-size: 12px;<br />
    background: url('/images/btn-action-blue-t.png') repeat-x 0 0 #3d4c51;<br />
}<br />
    .b-actions .el.el-green {<br />
        background: url('/images/btn-action-green-t.png') repeat-x 0 0 #3d4c51;<br />
    }<br />
    .b-actions .el.el-red {<br />
        background: url('/images/btn-action-red-t.png') repeat-x 0 0 #554039;<br />
    }<br />
    .b-actions a.el {<br />
        text-decoration: none;<br />
        color: #b9d4d0;<br />
        border: 1px solid #444;<br />
    }<br />
    .b-actions a.el.el-block { display: block; }<br />
    .b-actions a.el.el-green { color: #c6e1ce; }<br />
    .b-actions a.el.el-red { color: #e5c6b7; }<br />
    .b-actions span.el {<br />
        color: #888888;<br />
        border: 1px solid #444444;<br />
    }<br />
    .b-actions input.el {<br />
        color: #b9d4d0;<br />
    }<br />
/*.............................................<br />
...........end of Buttons and forms............<br />
.............................................*/<br />
<br />
<br />
<br />
/*.............................................<br />
....................Profile....................<br />
.............................................*/<br />
.b-pers-info { margin-top: 2px; }<br />
    .pers-achieve {<br />
        float: left;<br />
        margin: 3px 4px 3px 0;<br />
    }<br />
    .pers-name {<br />
        color: #f1b72b;<br />
        font-size: 14px;<br />
    }<br />
        .pers-name span { font-weight: bold; }<br />
    .pers-race-lvl {margin-top: 3px;}<br />
<br />
.pers-resources { text-align: center; }<br />
    .pers-resources .res {<br />
        display: inline-block;<br />
        white-space: nowrap;<br />
        padding: 0 2px;     <br />
    }<br />
<br />
.amulets-position { margin: 4px 0; }<br />
.amulets-position tr:not(:first-child) > td {border-top: 1px solid #000;}<br />
.amulets-position .change-pos {<br />
    width: 30px;<br />
    text-align: center;<br />
}<br />
    .amulets-position .change-pos a {<br />
        display: block;<br />
        width: 22px;<br />
        height: 21px;<br />
        background: url('/images/amulet-btn-down.png') no-repeat 0 0;<br />
    }<br />
        .amulets-position .change-pos.up a {<br />
            background: url('/images/amulet-btn-up.png') no-repeat 0 0;<br />
        }<br />
        .amulets-position .change-pos.down a {<br />
            background: url('/images/amulet-btn-down.png') no-repeat 0 0;<br />
        }<br />
    .amulets-position .amulet-info {<br />
        padding: 3px 5px;<br />
    }<br />
        .amulets-position .amulet-info .lvl { padding-left: 5px; }<br />
        .amulets-position .amulet-info img { padding: 0 2px; }<br />
.belt-in-nav { padding-left: 4px; }<br />
.award-items { margin: 0 auto; }<br />
.award-items td {padding: 3px 0;}<br />
<br />
.b-expa {<br />
    width: 303px;<br />
    margin: 0 auto;<br />
    height: 7px;<br />
    background: url('/images/exp_b_310.png') no-repeat 0 0;<br />
}<br />
    .expa-fill {<br />
        height: 7px;<br />
        background: url('/images/exp_a_310.png') no-repeat 0 0;<br />
    }<br />
    .b-expa.b-expa-240 {<br />
        width: 203px;<br />
        background: url('/images/exp_b_240.png') no-repeat 0 0;<br />
    }<br />
        .b-expa-240 .expa-fill { background: url('/images/exp_a_240.png') no-repeat 0 0; }<br />
<br />
.b-action-sale{<br />
    position: relative;<br />
    color: #ffd100;<br />
    text-align: center;<br />
    padding: 5px 0 5px 40px;<br />
}<br />
.b-action-procent{<br />
    position: absolute;<br />
    top: -2px;<br />
    left: -5px;<br />
    width: 43px;<br />
    height: 18px;<br />
    padding: 7px 0 0 0;<br />
    color: #fff;<br />
    text-align: center;<br />
    background: url('/images/action-yellow-bg.png') no-repeat 0 0;<br />
}<br />
.amulet-pos{<br />
    display: inline-block;<br />
    width: 22px;<br />
    height: 21px;<br />
}<br />
.amulet-pos.up{ background: url('/images/amulet-btn-up.png') no-repeat 0 0; }<br />
.amulet-pos.down{ background: url('/images/amulet-btn-down.png') no-repeat 0 0; }<br />
<br />
.b-maneken {<br />
    position: relative;<br />
    height: 190px;<br />
    padding: 0 5px;<br />
    background-position: 50% 50%;<br />
    background-repeat:  no-repeat;<br />
}<br />
<br />
.link_ava_scale {<br />
    display: block;<br />
    height: 180px;<br />
    background: url('/images/profile/lupa_43.png') no-repeat 94% 94%;<br />
}<br />
.i-amu {<br />
    display: inline-block;<br />
    margin: 5px 0;<br />
    width: 56px;<br />
    position: relative;<br />
}<br />
.amu-lvl {<br />
    position: absolute;<br />
    top: -2px;<br />
    left: 4px;<br />
    width: 19px;<br />
    height: 19px;<br />
    background: url('/images/profile/sheild_19.png') no-repeat 0 0;<br />
    font-size: 11px;<br />
    text-align: center;<br />
    color: #fff;<br />
    line-height: 19px;<br />
}<br />
a.dblue-panel {<br />
    display: block;<br />
    text-decoration:  none;<br />
    background: url('/images/list-arr.png') 98% 50% no-repeat #02121e;<br />
}<br />
.pers-resources {<br />
    text-align: center;<br />
    padding: 2px 5px 6px 5px;<br />
}<br />
.no-a {<br />
    text-decoration: none !important;<br />
}<br />
.gr-btn.eq {<br />
    display: inline-block;<br />
    margin-right: 1px;<br />
    text-align: center;<br />
    padding: 8px 5px;<br />
    margin-top: 1px;<br />
}<br />
.btn, .gr-btn{<br />
    display: block;<br />
    padding: 8px;<br />
    border: 1px solid #121d2a;<br />
    text-decoration: none;<br />
    font-size: 12px;<br />
    color: #b9d4d0;<br />
    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%);<br />
    background-color: #1c2c3d;<br />
    border-radius: 3px;<br />
}<br />
.btn.btn-gray {background-color: #252525;}<br />
<br />
.i-count {<br />
    display: inline-block;text-decoration: none;position: relative;<br />
}<br />
.i-count-num {position: absolute;bottom: 0;right: 0;font-size: 11px;color:#fff;<br />
    background: rgba(0,0,0,0.53);<br />
    border-radius: 4px;<br />
    padding: 1px;<br />
}<br />
.panel-inner-3 {<br />
    padding: 5px 10px;<br />
}<br />
.table-raiting td {padding-top: 5px; }<br />
/*.............................................<br />
..............end of Profile...................<br />
.............................................*/<br />
<br />
<br />
/*.............................................<br />
...................Combat......................<br />
.............................................*/<br />
.b-panel.combat-panel { <br />
    background: #160b0c;<br />
    margin-bottom: 0; <br />
}<br />
    .combat-line { margin: 2px 3px; }<br />
    .combat-line .btn-red {<br />
        display: block;<br />
        padding: 5px;<br />
        font-size: 12px;<br />
        text-decoration: none;<br />
        color: #FFF;<br />
        border: 2px solid #0A2E00;<br />
        background: url('/images/combat/btn-top.png') repeat-x 0 0, url('/images/combat/btn-red-bg.png') repeat-x 0 0 #50661f;<br />
    }<br />
<br />
    .btn-red {<br />
        display: block;<br />
        padding: 5px;<br />
        font-size: 12px;<br />
        text-decoration: none;<br />
        color: #fff;<br />
        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;<br />
    }<br />
        .btn-red.inactive {<br />
            position: relative;<br />
            margin: 2px;<br />
            background: #311010;<br />
            border-radius: 2px;<br />
        }<br />
<br />
    .btn-red.btn-skill {<br />
        position: relative;<br />
        display: block;<br />
        padding: 5px;<br />
        height: 28px;<br />
        text-align: center;<br />
        background: url('/images/combat/btn-top.png') repeat-x 0 0, url('/images/combat/btn-darkred-bg.png') repeat-x 0 0 #670000;<br />
        border-radius: 2px;<br />
    }<br />
        .btn-red.inactive-skill {<br />
            position: relative;<br />
            margin: 2px;<br />
            height: 28px;<br />
            background: #311010;<br />
            text-align: center;<br />
            border-radius: 2px;<br />
        }<br />
            .btn-red.inactive-skill.inactive25, .btn-red.inactive.inactive25 { border-color: #0d3e00; color: #597737; }<br />
            .btn-red.inactive-skill.inactive50, .btn-red.inactive.inactive50 { border-color: #0a2e00; color: #43631e; }<br />
            .btn-red.inactive-skill.inactive75, .btn-red.inactive.inactive75 { border-color: #072100; color: #374922; }<br />
    .btn-aqua {<br />
        display: block;<br />
        padding: 6px 5px 4px 5px;<br />
        font-size: 12px;<br />
        height: 16px;<br />
        text-decoration: none;<br />
        color: #aacfce;<br />
        border: 2px solid #132935;       <br />
        background: url('/images/combat/btn-top.png') repeat-x 0 0, url('/images/combat/btn-aqua-bg.png') repeat-x 0 0 #28574b;<br />
    }<br />
        .btn-aqua.btn-potion {<br />
            position: relative;<br />
            text-align: center;<br />
            border-radius: 2px;<br />
        }<br />
        .btn-aqua.inactive-skill {<br />
            position: relative;<br />
            margin: 2px;<br />
            height: 16px;<br />
            background: #031412;<br />
            text-align: center;<br />
            border-radius: 2px;<br />
        }<br />
            .btn-aqua.inactive-skill.inactive25 { border-color: #132935; color: #224e5a; }<br />
            .btn-aqua.inactive-skill.inactive50 { border-color: #092227; color: #1e414b; }<br />
            .btn-aqua.inactive-skill.inactive75 { border-color: #061c20; color: #132d35; }<br />
    .locked-time {<br />
        position: absolute;<br />
        top: 0;<br />
        left: 0;<br />
        width: 100%;<br />
        height: 14px;<br />
        padding-top: 24px;<br />
        text-align: right;<br />
        background: rgba(35,38,34,0.8);<br />
    }<br />
        .btn-aqua .locked-time {<br />
            padding-top: 12px;<br />
            background: rgba(3,14,12,0.8);       <br />
        }<br />
        .btn-red.inactive .locked-time {<br />
            position: absolute;<br />
            top: 0;<br />
            left: 0;<br />
            width: 100%;<br />
            height: 14px;<br />
            padding-top: 10px;<br />
            text-align: right;<br />
            background: rgba(35,38,34,0.8);<br />
        }<br />
<br />
    .soulshot {<br />
        display: block;<br />
        position: absolute;<br />
        bottom: 1px;<br />
        left: 2px;<br />
        width: 9px;<br />
        height: 9px; /* set as icon size */<br />
        background: url('/images/combat/ss.png') no-repeat 0 0;<br />
    }<br />
<br />
.b-combat-text { margin: 5px; }<br />
.combat-panel-top {<br />
    height: 24px;<br />
    background: url('/images/combat-top-middle.png') no-repeat 50% 0, url('/images/combat-top-lr.png') repeat-x 0 100%;<br />
    background-color: #000;<br />
}<br />
.icon-style-amulets {<br />
    width: 34px;<br />
    height: 32px;<br />
    margin: auto;<br />
    background: no-repeat 50% 50%;<br />
}<br />
.b-enemy {<br />
    display: block;<br />
    position: relative;<br />
    margin: 2px 5px;<br />
    padding-top: 4px;<br />
}<br />
    .enemy-hp {<br />
        position: relative;<br />
        margin-left: 32px;<br />
        height: 32px;<br />
        background: #696969;<br />
    }<br />
    .enemy-hp-remain {<br />
        float: left;<br />
        height: 32px;<br />
    }<br />
    .hp-green { background: #0D6822 !important; }<br />
    .hp-yellow { background: #66660D !important; }<br />
    .hp-orange { background: #9E6D14 !important; }<br />
    .hp-red { background: #660D0D !important; }<br />
    .enemy-hp-damage {<br />
        float: left;<br />
        height: 32px;<br />
        opacity: 0;<br />
        background: #fff9c7;<br />
    }<br />
    .enemy-damage-balloon {<br />
        opacity: 0;<br />
        position: absolute;<br />
        top: 2px;<br />
        right: 0;<br />
        width: 60px;<br />
        height: 23px;<br />
        padding-top: 7px;<br />
        text-align: center;<br />
        font-size: 11px;<br />
        color: #000;<br />
        background: url('/images/combat-damage-baloon.png') no-repeat 0 0;<br />
    }<br />
    .enemy-text {<br />
        position: absolute;<br />
        width: 100%;<br />
        top: 0;<br />
    }<br />
    .enemy-text td {<br />
        height: 32px;<br />
        font-size: 14px;<br />
    }<br />
    .enemy-text .enemy-name {<br />
        height: 32px;<br />
        padding-left: 7px;<br />
        vertical-align: middle;<br />
        font-weight: bold;<br />
        color: #000;<br />
    }<br />
    .enemy-text .enemy-hp-amount {<br />
        padding: 0 5px;<br />
        vertical-align: middle;<br />
        text-align: right;<br />
        color: #fff;<br />
    }<br />
.b-enemy .img-npc { margin-right: 0; }<br />
    .enemies-list { <br />
        padding: 2px 5px; <br />
        color: #4b7775;<br />
    }<br />
    .enemies-list-head {<br />
        display: inline-block;<br />
        font-size: 14px;<br />
        color: #77714b;<br />
    }<br />
    .enemy-inline { <br />
        display: inline-block;<br />
        margin: 2px;<br />
        color: #4b7775; <br />
    }<br />
    .enemies-list .b-enemy {margin: 2px 0;}<br />
    .enemies-list .enemy-hp {<br />
        margin-left: 0;<br />
        height: 28px;<br />
        background: #333333;<br />
        border: 1px solid #000;<br />
    }<br />
    .enemies-list .enemy-text td {<br />
        height: 28px;<br />
        font-size: 12px;<br />
        color: #a8a8a8;<br />
    }<br />
<br />
    .enemies-list .enemy-hp-remain { height: 28px; }<br />
    .enemies-list .enemy-hp-remain { background: #500000; }<br />
    .enemies-list.helpers-list .enemy-text td { height: 20px; }<br />
    .enemies-list.helpers-list .enemy-hp {  height: 20px; }<br />
    .enemies-list.helpers-list .enemy-hp-remain {  height: 20px; background: #005600; }<br />
<br />
    .b-enemy-phraze {<br />
        border-bottom: 1px solid #1c1c1c;<br />
        padding: 3px;<br />
    }<br />
        .b-enemy-phraze .inner-phraze {background: #160b0c !important;}<br />
        .b-enemy-phraze .phraze-arrow {<br />
            height: 6px;<br />
            margin-left: 9px;<br />
            background: url('/images/combat-phraze-arrow.png') no-repeat 0 0;<br />
        }<br />
    .b-enemy-others {<br />
        border: 1px solid #000;<br />
        padding: 4px 5px 4px 7px;<br />
        background: #333333;<br />
        font-weight: bold;<br />
        display: block;<br />
        text-decoration: none;<br />
        font-weight: normal;<br />
        color: #a8a8a8;<br />
    }<br />
.enemy-hp2 {<br />
    position: relative;<br />
    overflow: hidden;<br />
    margin-left: 3px;<br />
    margin-top: 5px;<br />
    height: 4px;<br />
    background: #2b2b2b;<br />
    border: solid 2px black;<br />
}<br />
.enemy-hp-remain2 {<br />
    float: left;<br />
    height: 4px;<br />
}<br />
.enemy-hp-damage2 {<br />
    float: left;<br />
    height: 32px;<br />
    opacity: 0;<br />
    background: #fff9c7;<br />
}<br />
.enemy-text2 {<br />
    margin-left: 32px;<br />
}<br />
.enemy-text2 td {<br />
    height: 16px;<br />
    font-size: 14px;<br />
}<br />
.enemy-text2 .enemy-hp-amount {<br />
    padding: 0 5px;<br />
    vertical-align: middle;<br />
    text-align: right;<br />
    color: #fff;<br />
}<br />
.enemy-text2 .enemy-name2 {<br />
    height: 16px;<br />
    padding-left: 7px;<br />
    vertical-align: middle;<br />
    font-weight: bold;<br />
}<br />
<br />
.basin-vs-table {}<br />
    .basin-vs-table td {<br />
        text-align: center;<br />
        font-size: 14px;<br />
    }<br />
        .basin-vs-table .number {<br />
            margin-top: 8px;<br />
            font-size: 18px;<br />
        }<br />
.basin-efir {<br />
    overflow: hidden;<br />
    padding-bottom: 5px;<br />
    border-bottom: 1px solid #000;<br />
}<br />
    .efir-percent {<br />
        font-size: 14px;<br />
        font-weight: bold;<br />
        color: #94d4d6;<br />
    }<br />
    .efir-progress-wrap {<br />
        overflow: hidden;<br />
        margin-top: 6px;<br />
        padding-left: 10px;<br />
    }<br />
    .efir-progress {<br />
        overflow: hidden;<br />
        background: url('/images/efir-progress.png') repeat-x 0 0;<br />
        height: 7px;<br />
    }<br />
.basin-keeper {<br />
    margin-top: 5px;<br />
    padding-top: 5px;<br />
    border-top: 1px solid #000;<br />
}<br />
<br />
/* arena-combat-area */<br />
.b-arena-combat {position: relative;}<br />
.arena-info {<br />
    padding: 5px 10px 10px 10px;<br />
    text-align: center;<br />
    font-size: 12px;<br />
}<br />
.arena-left, .arena-right {min-width: 34px;}<br />
.b-progress-hp {<br />
    width: 100%;<br />
    height: 6px;<br />
    background: #1b1b1b;<br />
}<br />
.hp-fill {<br />
    float: right;<br />
    height: 6px;<br />
    background: #2b8b00;<br />
}<br />
.hp-fill-red {<br />
    float: right;<br />
    height: 6px;<br />
    background: #890000;<br />
}<br />
.hp-fill.enemy, .hp-fill-red.enemy {float: left !important;}<br />
<br />
.arena-stat-panel {<br />
    position: relative;<br />
    padding-top: 15px;<br />
    height: 108px;<br />
    width: 86px;<br />
    font-size: 11px;<br />
    color: #7e7e7e;<br />
    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;<br />
<br />
}<br />
.stat-panel-top {<br />
    position: absolute;<br />
    top: -8px;<br />
    left: -4px;<br />
    z-index: 10;<br />
    width: 94px;<br />
    height: 25px;<br />
    background: url('/images/dogfights/arena-stat-panel-top.png') no-repeat 0 0 transparent;<br />
}<br />
.arena-avatar {<br />
    height: 116px;<br />
    margin-top: 1px !important;<br />
    background-position: 50% 0;<br />
    background-repeat: no-repeat;<br />
    background-color: transparent;<br />
}<br />
.first-fight {position: relative;}<br />
.first-fight .descr {<br />
    background: #323232;<br />
    height: 17px;<br />
    width: 117px;<br />
    top: 97px;<br />
    left: 0;<br />
    position: absolute;<br />
    text-align: center;<br />
    color: #e1e1e1;<br />
    padding: 3px 0 0 0;<br />
    margin: 0;<br />
    font-size: 11px;<br />
}<br />
.combat-left .combat-avatar {background-position: 100% 0;}<br />
.arena-stat-panel table {<br />
    border-spacing: 0 10px;<br />
    border-collapse: separate;<br />
}<br />
.btn-arena-attack, .btn-arena-amulet {<br />
    display: block;<br />
    margin: 1px 0;<br />
    padding: 9px 3px 10px;<br />
    font-size: 12px;<br />
    font-weight: bold;<br />
    text-decoration: none;<br />
    text-align: center;<br />
    color: #ffffff;<br />
    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;<br />
    cursor: pointer;<br />
}<br />
a.btn-arena-amulet {<br />
    padding: 3px 3px;<br />
    background: url('/images/dogfights/amulet_button_active.png') no-repeat;<br />
}<br />
a.btn-arena-amulet-blocked {<br />
    color: #8f8f8f;<br />
    background: url('/images/dogfights/amulet_button_blocked.png') no-repeat;<br />
    cursor: default;<br />
}<br />
span.btn-arena-amulet {<br />
    padding: 3px 3px;<br />
    color: #8f8f8f;<br />
    background: url('/images/dogfights/amulet_button_blocked.png') no-repeat;<br />
}<br />
span.btn-arena-amulet > img, a.btn-arena-amulet > img { margin-left: -32px;}<br />
/*.............................................<br />
.............end of Combat.....................<br />
.............................................*/<br />
<br />
<br />
<br />
/*.............................................<br />
...................Social......................<br />
.............................................*/<br />
.b-chat {}<br />
.chat-el {margin: 0 0 10px 0;}<br />
.time {<br />
    font-size: 11px;<br />
    font-style: italic;<br />
    color: #888888;<br />
}<br />
.chat-el .name {<br />
    display: inline-block;<br />
    padding: 0;<br />
    vertical-align: middle;<br />
    background: none;<br />
    border-bottom: none !important;<br />
}<br />
    .chat-el .name a {<br />
        color: #98bab5;<br />
        text-decoration: underline;<br />
    }<br />
<br />
    .chat-el .text a {<br />
        color: #edf6ff;<br />
        font-weight: bold;<br />
        text-decoration: underline;<br />
    }     <br />
/*.............................................<br />
................end of Social..................<br />
.............................................*/<br />
<br />
<br />
<br />
/*.............................................<br />
..................dungeon......................<br />
.............................................*/<br />
.dungeon-icon, .dungeon-arrow {<br />
    position: relative;<br />
    display: inline-block;<br />
    width: 74px;<br />
    padding-top: 5px;<br />
    vertical-align: top;<br />
    font-size: 11px;<br />
    text-align: center;<br />
}<br />
<br />
.dungeon-locked-icon {<br />
    position: absolute;<br />
    width: 64px;<br />
    height: 56px;<br />
    padding-top: 8px;<br />
    background: url('/images/dungeons/icons/locked.png');<br />
    background-repeat: no-repeat;<br />
    top: 0;<br />
    left: 0;<br />
}<br />
.dungeon-background-style {<br />
    position: relative;<br />
    display: block;<br />
    width: 64px;<br />
    height: 64px;<br />
    background-repeat: no-repeat;<br />
    background-position: center top ;<br />
    margin: 0 auto;<br />
}<br />
<br />
.dungeon-wrapper {text-align: center;}<br />
.dungeon-icon a{<br />
    position: relative;<br />
    display: block;<br />
    text-decoration: none;<br />
}<br />
.dungeon-icon .dungeon-title{<br />
    margin-top: 4px;<br />
    font-size: 11px;<br />
}<br />
.dungeon-icon .dungeon-icon-border{<br />
    position: absolute;<br />
    width: 64px;<br />
    height: 64px;<br />
    top: 0px;<br />
    left: 5px;<br />
    background: url('/images/dungeons/border/dungeon-icon-border.png') no-repeat 0 0;<br />
}<br />
.dungeon-icon.lock .dungeon-icon-border{background: url('/images/dungeons/border/dungeon-icon-border-lock.png') no-repeat 0 0;}<br />
.dungeon-icon.active .dungeon-icon-border{<br />
    width: 77px;<br />
    height: 77px;<br />
    top: -6px;<br />
    left: -1px;<br />
    background: url('/images/dungeons/border/dungeon-icon-border-active.png') no-repeat 0 0;<br />
}<br />
.dungeon-icon .dungeon-level{<br />
    position: absolute;<br />
    width: 100%;<br />
    top: 10px;<br />
    font-size: 11px;<br />
    text-align: center;<br />
    font-weight: bold;<br />
    color: #aed5d1;<br />
}<br />
.dungeon-icon .dungeon-complete{<br />
    position: absolute;<br />
    width: 15px;<br />
    height: 15px;<br />
    top: 2px;<br />
    right: 7px;<br />
    background: url('/images/dungeon-complete.png') no-repeat 0 0;<br />
}<br />
.dungeon-icon .dungeon-chest{<br />
    position: absolute;<br />
    width: 32px;<br />
    height: 32px;<br />
    top: 31px;<br />
    right: 8px;<br />
    background: url('/images/dungeon-chest.png') no-repeat 0 0;<br />
}<br />
.dungeon-icon .dungeon-lock {<br />
    position: absolute;<br />
    top: 20px;<br />
    left: 0px;<br />
    width: 100%;<br />
    height: 32px;<br />
    background: url('/images/dungeon-lock.png') no-repeat scroll 50% 50% transparent;<br />
}<br />
.dungeon-arrow .dungeon-arrow-img{<br />
    position: absolute;<br />
    top: 30px;<br />
    left: 0;<br />
    width: 100%;<br />
    height: 22px;<br />
}<br />
.dungeon-arrow.lock .dungeon-arrow-img{<br />
    background: url('/images/dungeon-arrow-lock.png') no-repeat 50% 50%;<br />
}<br />
<br />
.dungeon-arrow.open .dungeon-arrow-img{<br />
    background: url('/images/dungeon-arrow-open.png') no-repeat 50% 50%;<br />
}<br />
.b-dif-level { padding: 10px 0;}<br />
.b-party-count{<br />
    position: relative;<br />
    width: 46px;<br />
    font-size: 10px;<br />
    margin-top: 5px;<br />
    text-align: center;<br />
    font-weight: bold;<br />
    padding: 1px 0px 1px 5px;<br />
    border: 1px solid #723c18;<br />
    background: #190801;<br />
    color: #78603f;<br />
}<br />
.b-party-count:first-child{margin-top: 0;}<br />
.b-party-count img{<br />
    position: absolute;<br />
    top: 0;<br />
    left: -6px;<br />
}<br />
.b-party-count img.man{left: -6px;}<br />
.b-party-count img.heroic{left: -5px;}<br />
.dungeonmap-locked-icon {<br />
    position: absolute;<br />
    top: 0;<br />
    left: 0;<br />
    width: 64px;<br />
    height: 39px;<br />
    padding-top: 25px;<br />
    background: url('/images/dungeons/icons/locked.png') no-repeat transparent;<br />
    text-align: center;<br />
}<br />
.bottom-separator {border-bottom: 1px solid #000;}<br />
<br />
.b-stage {<br />
    position: relative; <br />
    padding: 0 0 15px;<br />
    margin-bottom: 20px;<br />
    background: linear-gradient(to right, #201913 0%,#0f0b08 23%,#0f0b08 86%, #201913 100%);        <br />
}<br />
.b-stage:before, .b-stage:after {<br />
    content: '';<br />
    display: block; <br />
    position: absolute; <br />
    z-index: 100;<br />
    height: 1px;<br />
    width: 100%;        <br />
    left: 0;<br />
    background: linear-gradient(to right, #201913 0%,#4c3b2b 50%,#201913 100%);<br />
}<br />
    .b-stage:before {top:0;}<br />
    .b-stage:after {bottom: 0;}<br />
<br />
.stage-line {<br />
    position: absolute;<br />
    height: 31px;<br />
    width: 100%;<br />
    left:0;<br />
    bottom: -15px;<br />
    z-index: 200;<br />
    text-align: center; <br />
}<br />
.stage {<br />
    display: inline-block;  <br />
    width: 31px; height: 31px;<br />
    background: url('/images/icons/skull_done_31.png') 50% 50% no-repeat;<br />
    margin: 0 2px;<br />
}<br />
    .stage.cur {background-image: url('/images/icons/skull_active_31.png');}<br />
    .stage.next {background-image: url('/images/icons/skull_next_31.png');}<br />
<br />
    <br />
<br />
    .b-brown-filter tr td:first-child .i-filter {<br />
        margin: 1px 1px 0 1px;<br />
    }<br />
    .i-filter {<br />
        background: #3D2C1B;<br />
        display: block; <br />
        text-align: center; <br />
        text-decoration: none;  <br />
        padding: 4px 0;<br />
        color: #bfc196;<br />
        margin: 1px 1px 0 0;<br />
    }<br />
    span.i-filter {<br />
        background: transparent;<br />
    }<br />
<br />
    .table-stat td {<br />
        padding: 5px 0;<br />
    }<br />
    .b-brown-tabs span.tab {<br />
        background: #190801;<br />
        padding:   2px;<br />
    }<br />
    .b-table {<br />
        border-collapse: separate;<br />
        border-spacing: 0 7px;<br />
    }<br />
    .r-item .b-potion-img {<br />
        display: inline-block;  <br />
    }<br />
    .potion-count{<br />
        position: absolute;<br />
        bottom: 1px;<br />
        right: 1px;<br />
        font-size: 12px;<br />
        color: #fff;<br />
        background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(0,0,0,0.1) 100%);<br />
    }<br />
/*.............................................<br />
.................end of dungeon................<br />
.............................................*/<br />
<br />
<br />
<br />
/*.................................................<br />
.....................enchants......................<br />
.................................................*/<br />
.enchants-progress {height: 4px; background: #3f3f3f; }<br />
.enchants-progress-fill {height: 4px; background: #3d6d9d; }<br />
.glow-wrap {<br />
    position: relative;<br />
    width: 46px;<br />
    height: 46px;<br />
}<br />
.glow-wrap img {display: block; position: absolute; top: 7px; left: 7px;}<br />
.glow-wrap .buff {display: block; position: absolute; height: 18px; width: 46px; bottom: -13px; background-position: 50% 0; background-repeat: no-repeat;}<br />
.glow-wrap.violet { background: url('/images/glow-icons/Icon_glow_violet.png') no-repeat 0 0 transparent; }<br />
.glow-wrap.blue { background: url('/images/glow-icons/Icon_glow_blue.png') no-repeat 0 0 transparent; }<br />
.glow-wrap.green { background: url('/images/glow-icons/Icon_glow_green.png') no-repeat 0 0 transparent; }<br />
.glow-wrap.orange { background: url('/images/glow-icons/Icon_glow_orange.png') no-repeat 0 0 transparent; }<br />
/*.................................................<br />
................end of enchants....................<br />
.................................................*/<br />
<br />
<br />
<br />
/*.................................................<br />
....................guild..........................<br />
.................................................*/<br />
.guild-master{<br />
    position: relative;<br />
    min-height: 49px;<br />
    padding: 10px 10px 10px 10px;<br />
    margin-bottom: 16px;<br />
    background-color: #101013;<br />
    border-radius: 5px;<br />
}<br />
.guild-master-lvl{<br />
    position: absolute;<br />
    display: inline-block;<br />
    top: -7px;<br />
    right: -7px;<br />
    width: 71px;<br />
    height: 20px;<br />
    padding: 3px 0 0 0;<br />
    font-size: 14px;<br />
    text-align: center;<br />
    color: #ffcd7e;<br />
    background-image: url('/images/guild/lvl-att.png');<br />
}<br />
.guild-master.red{ background-color: #160303;}<br />
.guild-master.green{ background-color: #011405;}<br />
.guild-master-left{<br />
    position: absolute;<br />
    top: -7px;<br />
    left: -5px;<br />
}<br />
<br />
.guild-master-wrapper{<br />
    position: relative;<br />
    width: 50px;<br />
    height: 60px;<br />
}<br />
.guild-master-icon { position: absolute; top:0px; left: 9px;}<br />
.guild-master-icon-border { position: absolute; top:0px; left: 0px;}<br />
.guild-master-wrapper .center{ padding-top: 54px;}<br />
.guild-master-right{<br />
    margin-left: 45px;<br />
    min-height: 52px;<br />
}<br />
.guild-master-right .c-bad{<br />
    color: #A55C15;<br />
}<br />
.guild-notification{<br />
    padding: 15px 18px;<br />
    line-height: 13px;<br />
}<br />
<br />
.b-paging.guild-paging{<br />
    border-top: none;<br />
    padding: 0 0 10px 0;<br />
}<br />
<br />
.guild-master-requirements{<br />
    padding: 5px 10px 5px 0;<br />
    margin-top: 10px;<br />
    border-top: 1px solid #242428;<br />
    border-bottom: 1px solid #242428;<br />
    background-color: #181818;<br />
}<br />
.guild-lvl-badge{<br />
    position: absolute;<br />
    width: 46px;<br />
    height: 23px;<br />
    top: 0;<br />
    right: 0;<br />
    padding: 5px 0 0 10px;<br />
    text-align: center;<br />
    background-image: url('/images/guild/guild-lvl-badge.png');<br />
}<br />
.guild-progress, .guild-achive-progress{<br />
    position: relative;<br />
    height: 16px;<br />
    margin: 15px 0 0 0;<br />
}<br />
<br />
.guild-progress{<br />
    width: 98%;<br />
    margin-left: 2%;<br />
    background: url('/images/guild/guild-progress-border.png') no-repeat top right,<br />
    url('/images/guild/guild-progress-bg.png') repeat-x;<br />
}<br />
.guild-achive-progress{<br />
    width: 100%;<br />
    background: url('/images/guild/guild-progress-border.png')  no-repeat top right,<br />
    url('/images/guild/guild-progress-border.png')  no-repeat top left,<br />
    url('/images/guild/guild-progress-bg.png') repeat-x;<br />
}<br />
.guild-progress .guild-progress-flip{<br />
    height: 16px;<br />
    background: url('/images/guild/guild-progress-bg-flip.png') repeat-x;<br />
}<br />
<br />
.guild-achive-progress .guild-progress-flip{<br />
    margin-left: 1px;<br />
    height: 16px;<br />
    background: url('/images/guild/guild-achive-progress-flip.png') repeat-x;<br />
}<br />
.guild-progress span.indicator{<br />
    position: absolute;<br />
    top: 2px;<br />
    right: 10px;<br />
    font-size: 11px;<br />
    color: #a8a8a8;<br />
}<br />
.guild-achive-progress span.indicator{<br />
    position: absolute;<br />
    top: 2px;<br />
    margin: 0 auto;<br />
    display: inline-block;<br />
    width: 100%;<br />
    font-size: 11px;<br />
    color: #ffd7a7;<br />
    text-align: center;<br />
}<br />
.guild-progress .guild-progress-icon{<br />
    position: absolute;<br />
    top: -2px;<br />
    left: -2%;<br />
}<br />
<br />
.guild-master-buff{<br />
    position: relative;<br />
    margin: 15px -15px 0 -15px;<br />
    padding: 10px;<br />
    background: url('/images/guild/gm-border-top.png') no-repeat top center,<br />
    url('/images/guild/gm-border-top-bg.png') repeat-x top left,<br />
    url('/images/guild/blue-bg.png') repeat;<br />
}<br />
.guild-master-buff.no-margin{<br />
    margin-bottom: -10px;<br />
    background: url('/images/guild/gm-border-top.png') no-repeat top center,<br />
    url('/images/guild/gm-border-top-bg.png') repeat-x top left,<br />
    url('/images/guild/gm-border-top.png') no-repeat bottom center,<br />
    url('/images/guild/gm-border-top-bg.png') repeat-x bottom left,<br />
    url('/images/guild/blue-bg.png') repeat;<br />
}<br />
.guild-master-buff.lock.no-margin{<br />
    margin-bottom: -10px;<br />
    background-color: #101013;<br />
    background-image: none;<br />
    border-top: 1px solid #5a5a5b;<br />
    border-bottom: 1px solid #3b3b3d;<br />
}<br />
<br />
<br />
.gm-btn{<br />
    display: block;<br />
    margin: 0 -15px -10px -15px;<br />
    padding: 8px 0;<br />
    font-size: 12px;<br />
    line-height: 12px;<br />
    text-align: center;<br />
    text-decoration: none;<br />
    border-bottom: 1px solid #532613;<br />
    background: url('/images/guild/gm-border-top.png') no-repeat top center,<br />
    url('/images/guild/gm-border-top-bg.png') repeat-x top left,<br />
    url('/images/guild/gm-border-top.png') no-repeat bottom center,<br />
    url('/images/guild/gm-border-top-bg.png') repeat-x bottom left,<br />
    url('/images/guild/blue-bg.png') repeat;<br />
    color: #b9d4d0;<br />
}<br />
<br />
.guild-achive-date{<br />
    position: absolute;<br />
    top: 6px;<br />
    right: 0;<br />
}<br />
.gm-date{<br />
    font-size: 9px;<br />
    text-align: center;<br />
    color: #5baed9;<br />
}<br />
.guild-achive-date img{<br />
    display: block;<br />
}<br />
<br />
.guild-info{<br />
    text-align: center;<br />
}<br />
<br />
.achive-link{<br />
    display: table-cell;<br />
    height: 100%;<br />
    width: 30px;<br />
    height: 30px;<br />
    vertical-align: middle;<br />
}<br />
<br />
.last-guild-achive-wrapper{<br />
    padding: 0 10px;<br />
    margin: 5px 0 10px 0;<br />
}<br />
.last-guild-achive{<br />
    padding: 10px;<br />
    background: url('/images/guild/gm-border-top.png') no-repeat top center,<br />
    url('/images/guild/gm-border-top-bg.png') repeat-x top left,<br />
    url('/images/guild/gm-border-top.png') no-repeat bottom center,<br />
    url('/images/guild/gm-border-top-bg.png') repeat-x bottom left,<br />
    url('/images/guild/blue-bg.png') repeat;<br />
}<br />
.last-guild-achive a{<br />
    text-decoration: none;<br />
}<br />
.guild-merchant-wrapper{<br />
    border-radius: 5px;<br />
    padding: 15px 0 5px 0;<br />
}<br />
.guild-merchant{<br />
    text-align: center;<br />
    margin: 0 10px 10px 10px;<br />
    background-color: #101013;<br />
    border-radius: 5px;<br />
}<br />
.guild-merchant p{<br />
    padding: 0 10px;<br />
    margin-top: 10px;<br />
}<br />
.guild-merchant a{<br />
    text-decoration: none;<br />
}<br />
.guild-merchant-img{<br />
    height: 85px;<br />
    background: url('/images/guild/guild-merchant-bg.png') no-repeat center top;<br />
    border-radius: 5px;<br />
}<br />
.guild-merchant-title{<br />
    height: 85px;<br />
    background: url('/images/guild/guild-merchant-bg.png') no-repeat center top;<br />
    border-radius: 5px 5px 0 0;<br />
<br />
}<br />
.guild-merchant-divider{<br />
    height: 1px;<br />
    background: url('/images/guild/gm-border-top.png') no-repeat top center, url('/images/guild/gm-border-top-bg.png') repeat-x bottom left;<br />
}<br />
<br />
.guild-repair { padding: 10px;}<br />
.guild-repair form table{margin: 15px 0 0 0;}<br />
.guild-repair form table tr{ background: #101013;}<br />
.guild-repair form table .font-medium{ padding: 7px 0 7px 10px;}<br />
.guild-repair form table tr.repair-table-title{<br />
    font-size: 11px;<br />
    background: #02304b;<br />
}<br />
.repair-table-title div{padding: 5px 0 5px 7px;}<br />
.guild-repair form input[type=text]{<br />
    display: inline-block;<br />
    width: 80%;<br />
    padding: 5px;<br />
    border-radius: 3px;<br />
    margin-top: 3px;<br />
    border: none;<br />
}<br />
.guild-repair button{<br />
    display: inline;<br />
    background: none;<br />
    border: none;<br />
    text-decoration: underline;<br />
    cursor: pointer;<br />
}<br />
.b-guild-masters-list{ padding: 10px 15px 0px 15px;}<br />
.tab-text-title-active {color: #b9d4d0;}<br />
.tab-text-title-inactive {color: #56676a;}<br />
.text-gold {color:#bfc196;}<br />
.ml13 {margin-left: 13px!important;}<br />
.mb15 {margin-bottom: 15px!important;}<br />
.image-guild-bg {position: relative;}<br />
.guild-text-bonus {position: absolute; left: 0; top: 42px;width: 100%}<br />
.font18 {font-size: 18px!important;}<br />
hr {<br />
    border:none;<br />
    background:#29474B;<br />
    height:1px;<br />
}<br />
/*.................................................<br />
..................end of guild.....................<br />
.................................................*/<br />
<br />
<br />
<br />
/*.................................................<br />
................Transmogrification.................<br />
.................................................*/<br />
.b-trans-container {padding-top: 13px;}<br />
.b-trans-item {<br />
    position: relative;<br />
    float: left;<br />
    width: 32px;<br />
    margin: 0 1px 1px 1px;<br />
    padding: 3px 3px 13px 3px;<br />
}<br />
.b-trans-item > a{<br />
    display: block;<br />
    position: absolute;<br />
    z-index: 12;<br />
    cursor: pointer;<br />
    width: 38px;<br />
    height: 45px;<br />
    top: 0;<br />
    left: 0;<br />
}<br />
.b-trans-item:after{<br />
    position: absolute;<br />
    display: block;<br />
    top: -1px;<br />
    left: 0;<br />
    content: '';<br />
    width: 38px;<br />
    height: 39px;<br />
    background: url('/images/transmogrification/trans_item_border.png');<br />
    z-index: 10;<br />
}<br />
.b-trans-item.active:after{<br />
    background: url('/images/transmogrification/active_trans_item_border.png');<br />
}<br />
<br />
.b-trans-item.back:after{<br />
    width: 32px;<br />
    height: 39px;<br />
    background: url('/images/transmogrification/trans_back_link.png');<br />
}<br />
.item-badges{<br />
    position: absolute;<br />
    width: 100%;<br />
    height: 18px;<br />
    top: 28px;<br />
    left: 0;<br />
    z-index: 11;<br />
}<br />
.item-badges img.bdg{<br />
    float: right;<br />
    margin-right: -6px;<br />
}<br />
.item-badges img.bdg:first-child{ margin-right: 0px;}<br />
.not-available-items{ background: #1d1d23;}<br />
.not-available-items .na-item{<br />
    padding: 5px;<br />
    border-top: 1px solid #000;<br />
}<br />
.not-available-items .na-item.first{border-top: none;}<br />
.b-list.not-available-items a.list-el{<br />
    border-bottom: none;<br />
    padding-top: 7px;<br />
    padding-bottom: 7px;<br />
    text-decoration: underline;<br />
}<br />
.b-trmg-left, .b-trmg-right{<br />
    position: relative;<br />
    padding: 4px 10px;<br />
    background: #052e48;<br />
}<br />
.b-trmg-left{text-align: left;}<br />
.b-trmg-right{text-align: right;}<br />
.b-trmg-left:after, .b-trmg-right:after{<br />
    position: absolute;<br />
    display: block;<br />
    top: 0;<br />
    right: 100%;<br />
    content: '';<br />
    width: 0;<br />
    height: 0;<br />
    border-style: solid;<br />
    border-width: 40px 40px 0 0;<br />
    border-color: #052e48 transparent transparent transparent;<br />
}<br />
.b-trmg-left:after {left: 100%;}<br />
.b-trmg-right:after{<br />
    border-width: 0 0 40px 40px;<br />
    border-color: transparent transparent #052e48 transparent;<br />
}<br />
<br />
.trsmgr{<br />
    position: relative;<br />
    background: url('/images/notice/notice_2_t.png') no-repeat 50% 0%,  #092232;<br />
    margin: 5px 0;<br />
    border: 1px solid #5B380F;<br />
}<br />
.trsmgr .notice-emblem{<br />
    position: absolute;<br />
    width: 100%;<br />
    height: 25px;<br />
    top: -3px;<br />
    left: 0;<br />
    background: url('/images/notice/notice_2_t_logo.png') no-repeat 50%  0;<br />
}<br />
<br />
.close-btn{<br />
    position: absolute;<br />
    top: 5px;<br />
    right: 0;<br />
}<br />
.donater-message {color: #eeee99;}<br />
.donate {display: none;}<br />
.donater:hover .donate {display: block;}<br />
/*.................................................<br />
...............end of Transmogrification...........<br />
.................................................*/<br />
<br />
<br />
<br />
/*................................................<br />
....................ownership.....................<br />
................................................*/  <br />
.b-ownership-wrap { margin: 0 0 5px 0;}<br />
.b-ownership-wrap .btn { margin-top: 1px;}<br />
.ownership{<br />
    position: relative;<br />
    padding: 10px;<br />
    background: #1f1f23;<br />
    border: 1px solid #313134;<br />
}<br />
.ownership.ph{<br />
    border-top-color: #1f1f23;<br />
    padding: 0 10px;<br />
}<br />
.ownership.bought {<br />
    background: #23180f;<br />
    border-color: #744500;<br />
}<br />
.ownership .highlight{<br />
    height: 97%;<br />
    top: 0;<br />
}<br />
.ownership .highlight .border {<br />
    border: 2px solid #554e2d;<br />
    width: 316px;<br />
    height: 100%;    <br />
}<br />
.ownership .highlight .border .sub-border {<br />
    border: 2px solid #3b3728;<br />
    width: 312px;<br />
    height: 97%;   <br />
}<br />
.ownership .highlight .border .sub-border .sub-sub-border {<br />
    border: 2px solid #2f2d26;<br />
    width: 308px;<br />
    height: 97%;    <br />
}<br />
.ownership .c-gold, .victory-inner .c-gold, .blue-title .c-gold {color: #bfc196;}<br />
.ownship .g-progress, .ownership .g-progress {<br />
    position: relative;<br />
    height: 16px;<br />
    padding: 0 1px;<br />
    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;<br />
}<br />
.ownership .g-progress { width: 100%; }<br />
.ownship .g-progress-fill, .ownership .g-progress-fill {<br />
    height: 16px;<br />
    background: url('/images/g-progress-fill-bg.png') repeat-x 0 0 #2d5303;<br />
}<br />
.ownship .g-progress-text, .ownership .g-progress-text {<br />
    font-size: 11px;<br />
    position: absolute;<br />
    text-align: left;<br />
    margin-left: 10px;<br />
    color: #ffd7a7;<br />
    height: 12px;<br />
    padding: 2px 0;<br />
    top:0;<br />
}<br />
.ownership .g-progress-text {<br />
    width: 100%;<br />
    text-align: center;<br />
    margin-left: 0;<br />
}    <br />
.b-prize-inner.ownship{ padding: 5px; }<br />
.b-prize.no-title{ margin-top: 5px; }<br />
.b-prize.no-title .b-prize-inner{ border: 1px solid #744500; }<br />
.g-sep-top, .g-sep-bot, .g-sep-minor {<br />
    height: 1px;<br />
    background: url('/images/g-sep-top-bg.png') no-repeat 50% 0 #593000;<br />
}<br />
.g-sep-bot {background-image: url('/images/g-sep-bottom-bg.png') }<br />
.g-sep-minor {background: #26262f !important;}<br />
.ownership.red{<br />
    background-color: #0f0001;<br />
    border-color: #320001;<br />
}<br />
/*................................................<br />
..............end of ownership....................<br />
................................................*/  <br />
<br />
<br />
<br />
/*...............................................<br />
....................potion.......................<br />
...............................................*/<br />
.b-potion-wrapper {}<br />
.b-potion-wrapper .b-potion {<br />
    padding: 5px;<br />
    background: #052336;<br />
    border-top: 1px solid #022a41;<br />
    border-bottom: 1px solid #031a29;<br />
}<br />
.b-potion-wrapper.red .b-potion{<br />
    background-color: #1f0001;<br />
    border-top-color: #320001;<br />
    border-bottom-color: #0d0001;<br />
}<br />
<br />
.b-potion-img{<br />
    position: relative;<br />
    width: 32px;<br />
    height: 32px;<br />
    background: #000 url('/images/potions/pot-empty.png') no-repeat 0 0;<br />
    vertical-align: middle;<br />
    text-align: center;<br />
    display: table-cell;<br />
}<br />
    .b-potion-img.active{<br />
        width: 32px;<br />
        height: 32px;<br />
        border: none;<br />
        background: #052336 none;<br />
    }<br />
    .b-potion-img.active.pot-small {<br />
        background: #052336 url('/images/potions/pot-border.png') no-repeat 0 0;<br />
    }<br />
.b-potion-wrapper .b-potion .b-potion-controls a{<br />
    position: relative;<br />
    display: inline-block;<br />
    width: 31px;<br />
    height: 31px;<br />
    border: 1px solid #15415d;<br />
    margin-left: 5px;<br />
}<br />
.b-potion-wrapper .b-potion .b-potion-controls a img{<br />
    position: absolute;<br />
    top: 5px;<br />
    left: 5px;<br />
    z-index: 9;<br />
}<br />
.b-potion-wrapper.red .b-potion .b-potion-controls a{ border-color: #4d1519;}<br />
<br />
.potion-progress{<br />
    position: relative;<br />
    width: 29px;<br />
    height: 29px;<br />
    margin: 1px 1px 0 0;<br />
    z-index: 10<br />
}<br />
.potion-progress-fill{<br />
    position: absolute;<br />
    bottom: 0;<br />
    left: 0;<br />
    width: 100%;<br />
    background: #384d7f;<br />
    opacity: .6;<br />
}<br />
<br />
.potion-timer{<br />
    position: absolute;<br />
    width: 100%;<br />
    top: 9px;<br />
    font-size: 11px;<br />
    text-align: center;<br />
    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;<br />
    z-index: 11;<br />
}<br />
/*...............................................<br />
..............end of potion......................<br />
...............................................*/<br />
<br />
<br />
<br />
/*................................................<br />
......................Craft.......................<br />
................................................*/<br />
<br />
/*.btn-red-new{<br />
    text-align: center;<br />
    background:<br />
        url('/images/btns/btn-red-top.png') no-repeat 50% 0,<br />
        url('/images/btns/btn-red-bot.png') repeat-x 0 100%;<br />
    background-color: #750707;<br />
<br />
}<br />
<br />
.btn.btn-green-new {<br />
    background:  url('/images/restyle/btn-h-green.png') repeat-x 50% 0, url('/images/restyle/btn-v-green.png') repeat-x 0 0 #274700;<br />
}*/<br />
<br />
.b-action-sale{<br />
    position: relative;<br />
    color: #ffd100;<br />
    text-align: center;<br />
    padding: 5px 0 5px 40px;<br />
}<br />
<br />
.b-action-procent{<br />
    position: absolute;<br />
    top: -2px;<br />
    left: -5px;<br />
    width: 43px;<br />
    height: 18px;<br />
    padding: 7px 0 0 0;<br />
    color: #fff;<br />
    text-align: center;<br />
    background: url('/images/action-yellow-bg.png') no-repeat 0 0;<br />
}<br />
<br />
.no-hidden-x{overflow-x: visible;}<br />
<br />
.amulet-pos{<br />
    display: inline-block;<br />
    width: 22px;<br />
    height: 21px;<br />
}<br />
.amulet-pos.up{background: url('/images/amulet-btn-up.png') no-repeat 0 0;}<br />
.amulet-pos.down{background: url('/images/amulet-btn-down.png') no-repeat 0 0;}<br />
<br />
.dblue-panel{<br />
    background: #02121e;<br />
    border: 1px solid #031a29;<br />
}<br />
<br />
.gr-panel{<br />
    font-size: 12px;<br />
    border: 1px solid #3b4d68;<br />
    background-color: #162030;<br />
    background: linear-gradient(<br />
        to bottom,<br />
        #222b3b 0%,<br />
        #222b3b 49%,<br />
        #162030 51%,<br />
        #162030 100%<br />
    );<br />
}<br />
<br />
.mb2 {margin-bottom: 2px;}<br />
<br />
.cr-icon {<br />
    position: relative;<br />
    width: 50px;<br />
    height: 50px;<br />
}<br />
.cr-icon-count {<br />
    position: absolute;<br />
    height: 15px;<br />
    width: 15px;<br />
    bottom: -2px;<br />
    right: -2px;<br />
    background: #185272;<br />
    border: 1px solid #16202f;<br />
    border-radius: 50%;<br />
    font-size: 11px;<br />
    line-height: 15px;<br />
    text-align: center;<br />
}<br />
<br />
.pr-icon{<br />
    position: relative;<br />
    width: 32px;<br />
    height: 32px;<br />
}<br />
<br />
.b-panel-new.dblue-panel{background: #0f1a25;}<br />
.dblue-panel.bordered{border: 1px solid #192838;}<br />
<br />
<br />
.pr-block.alchemy{background: #192838 url('/images/professions/alchemy_160x51.png') no-repeat 100% 0;}<br />
.pr-block.Estermaster{background: #192838 url('/images/professions/ethermaster_160x51.png') no-repeat 100% 0;}<br />
.pr-block.engi{background: #192838 url('/images/professions/engineer_160x51.png') no-repeat 100% 0;}<br />
.pr-block.miningMaster{background: #192838 url('/images/professions/miner_160x51.png') no-repeat 100% 0;}<br />
.pr-block.tailoring{background: #192838 url('/images/professions/tailor_160x51.png') no-repeat 100% 0;}<br />
<br />
.pr-block .panel-inner{<br />
    padding: 5px 10px;<br />
}<br />
.pr-block .progressbar-bg{<br />
    width: 160px;<br />
    margin-left: -15px;<br />
    background: #14202d;<br />
}<br />
.progressbar-fill-blue{<br />
    float: left;<br />
}<br />
.progressbar-fill-delta{<br />
    float: left;<br />
    height: 4px;<br />
    background: #ba9a3d;<br />
}<br />
<br />
.b-tabs.blue-tabs td a, .b-tabs.blue-tabs td span {<br />
    border-radius: 3px 3px 0 0;<br />
}<br />
.b-tabs.blue-tabs td:first-child span {<br />
    border-radius: 0 3px 0 0;<br />
}<br />
.b-tabs.blue-tabs td:last-child span {<br />
    border-radius: 3px 0 0 0;<br />
}<br />
.b-tabs.blue-tabs td a{<br />
    background: #141f2c;<br />
    border-bottom: 1px solid #605647;<br />
    border-top: 1px solid #26394c;<br />
    border-left: 1px solid #26394c;<br />
    border-right: 1px solid #26394c;<br />
}<br />
.b-tabs.blue-tabs td span{<br />
    background: #192838;<br />
    border-top: 1px solid #605647;<br />
    border-left: 1px solid #605647;<br />
    border-right: 1px solid #605647;<br />
    border-bottom: 1px solid #192838;<br />
}<br />
<br />
.b-tabs.blue-tabs td:first-child span{<br />
    background: #192838;<br />
    border-top: 1px solid #605647;<br />
    border-right: 1px solid #605647;<br />
    border-left: none;<br />
}<br />
.b-tabs.blue-tabs td:last-child span{<br />
    background: #192838;<br />
    border-top: 1px solid #605647;<br />
    border-left: 1px solid #605647;<br />
    border-right: none;<br />
}<br />
<br />
.b-paging-new{<br />
    text-align: center;<br />
    background-color: #192838;<br />
}<br />
.b-paging-new a{<br />
    display: block;<br />
    padding: 10px 0;<br />
    font-size: 14px;<br />
    text-decoration: none;<br />
    color: #b9d4d0;<br />
    background-color: #192838;<br />
    background: linear-gradient(<br />
        to bottom,<br />
        rgba(255,255,255,.05) 0%,<br />
        rgba(255,255,255,.05) 49%,<br />
        #192838 51%,<br />
        #192838 100%<br />
    );<br />
<br />
}<br />
.b-paging-new td{border-left: 1px solid #000;}<br />
.b-paging-new td:first-child{border: none;}<br />
<br />
.g-progress {<br />
    position: relative;<br />
    height: 16px;<br />
    padding: 0 1px;<br />
    background: #14202e;<br />
    border: 1px solid #111c27;<br />
}<br />
<br />
.g-progress-fill, .g-progress-fill {<br />
    height: 16px;<br />
    background: #2d5303;<br />
}<br />
.g-progress-text, .g-progress-text {<br />
    font-size: 11px;<br />
    position: absolute;<br />
    color: #ffd7a7;<br />
    height: 12px;<br />
    width: 100%;<br />
    text-align: center;<br />
    padding: 2px 0;<br />
    top: 0;<br />
}<br />
<br />
.btn-box{<br />
    padding: 0 2px 2px 2px;<br />
}<br />
.w240{width: 240px;}<br />
.w220{width: 220px;}<br />
<br />
.b_tabs {<br />
    margin-top: 3px;<br />
    display: table;<br />
    width: 100%;<br />
    overflow: hidden;<br />
}<br />
.tab {<br />
    display: block;<br />
    background: #192838;<br />
    padding: 7px 0;<br />
    text-align: center;<br />
    text-decoration: none;<br />
    border-top: 1px solid #7e6f54;<br />
    border-left: 1px solid #7e6f54;<br />
    border-bottom: 1px solid #192838;<br />
    border-top-left-radius: 3px;<br />
}<br />
@media screen and (max-width: 260px) {<br />
    .tab {font-size: 10px;}<br />
}<br />
<br />
td:last-child span.tab{<br />
    border-top-right-radius: 0px;<br />
    border-right: 0px;<br />
}<br />
.b_tabs tr td:first-child span.tab {<br />
    border-right: 1px solid #7e6f54;<br />
    border-top-right-radius: 3px;<br />
    border-left: 0;<br />
    border-top-left-radius: 0;<br />
}<br />
.b_tabs .divider {<br />
    display: block;<br />
    height: 29px;<br />
    width: 1px;<br />
    border-bottom: 1px solid #7e6f54;<br />
}<br />
<br />
.craft-btn{<br />
    padding: 10px 5px;<br />
    border: 1px solid rgba(0,0,0,.7);<br />
    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%);<br />
    font-size: 13px;<br />
    text-align: center;<br />
}<br />
.craft-btn.gray{<br />
    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%);<br />
    color: #989898;<br />
}<br />
<br />
<br />
.level1, .level2, .level3, .level4, .level5{<br />
    width: 148px;<br />
    height: 30px;<br />
    margin: 2px 0;<br />
}<br />
    .level1{background: url('/images/professions/1_active.png') no-repeat 0 0;}<br />
    .level2{background: url('/images/professions/2_active.png') no-repeat 0 0;}<br />
    .level3{background: url('/images/professions/3_active.png') no-repeat 0 0;}<br />
    .level4{background: url('/images/professions/4_active.png') no-repeat 0 0;}<br />
    .level5{background: url('/images/professions/5_active.png') no-repeat 0 0;}<br />
<br />
.profNoticImg{width: 100%;}<br />
.prof-notice{padding: 20px 5px 10px 5px;}<br />
/*.............................................<br />
..................end of Craft.................<br />
.............................................*/<br />
<br />
<br />
<br />
<br />
<br />
/*.............................................<br />
..................Others.......................<br />
.............................................*/<br />
.img-npc {<br />
    float: left;<br />
    margin-right: 4px;<br />
}<br />
.img-item {<br />
    float: left;<br />
    margin-right: 5px;<br />
}<br />
span.img-news img {max-width: 100%;}<br />
img.full-width-image {max-width: 100%;}<br />
.animCont img { display: none;}<br />
.progress-prof {<br />
    position: relative;<br />
    overflow: hidden;<br />
}<br />
.b-help-simple {<br />
    margin: 10px 0;<br />
    text-align: center;<br />
    font-style: italic;<br />
}<br />
.header, .footer {background-color: #333333;padding:4px;}<br />
a.headerButton {background-color: #333333; text-align: center; width: 100%; display: inline-block; text-decoration: none; border-radius: 5px;}<br />
a.headerButtonNoAlign {background-color: #333333; width: 99%; padding: 2px; display: inline-block; text-decoration: none; border-radius: 5px;}<br />
.event {background-color: #003300;padding:4px;}<br />
.back-event {background-color: #003300;padding:0;}<br />
<br />
.blue-title{<br />
    position: relative;<br />
    padding: 5px;<br />
    background: #002d4b;<br />
}<br />
.progress-slim {<br />
    display: block;<br />
    width: 100%;<br />
    height: 3px;<br />
    background: #595959;<br />
}<br />
.progress-slim-fill {<br />
    display: block;<br />
    height: 3px;<br />
    background: #ffffff;<br />
}<br />
.reset-btn {<br />
    display: block;<br />
    width: 29px;<br />
    height: 19px;<br />
    margin: 0;<br />
    padding-top: 5px;<br />
    text-align: center;<br />
    font-size: 14px;<br />
    font-weight: bold;<br />
    text-decoration: none;<br />
    background: url('/images/pag-btn.png') no-repeat 0 0 #000;<br />
}<br />
.progressbar-bg {<br />
    height: 4px;<br />
    background: #3f3f3f;<br />
}<br />
.progressbar-fill-blue {<br />
    height: 4px;<br />
    background: #3d6d9d;<br />
}<br />
.quest-hard { color: #F18835;}<br />
.quest-impossible { color: #F83434;}<br />
.battle-shtandart{<br />
    position: absolute;<br />
    top: -9px;<br />
    right: 0;<br />
    width: 32px;<br />
    height: 34px;<br />
    background: url('/images/icons/lands/flag.png') no-repeat;<br />
}<br />
.close-task {<br />
    text-align: right;<br />
    background: #052336;<br />
    margin: -2px 0 0 0;<br />
    padding: 0 10px 6px 0;<br />
}<br />
/*.............................................<br />
.............end of Others.....................<br />
.............................................*/<br />
<br />
<br />
<br />
/*............................................<br />
...................low-level..................<br />
........................................... */<br />
.no-pl{ padding-left: 0 !important;}<br />
.p0 { padding: 0 !important; margin-bottom: 5px;}<br />
.pb5{ padding-bottom: 5px !important;}<br />
.pt10 { padding-top: 10px !important;}<br />
.mt1 {margin-top: 1px;}<br />
.no-m { margin: 0 !important; }<br />
.no-mt { margin-top: 0 !important; }<br />
.no-mb { margin-bottom: 0 !important; }<br />
.mt2{margin-top: 2px !important;}<br />
.mt3 { margin-top: 3px !important; }<br />
.mt5 { margin-top: 5px !important; }<br />
.mt10 { margin-top: 10px !important; }<br />
.mt20 { margin-top: 20px !important; }<br />
.mb10 { margin-bottom: 10px !important; }<br />
.mb5 { margin-bottom: 5px !important; }<br />
.mb2 {margin-bottom: 2px !important; }<br />
.ml5 { margin-left: 5px !important; }<br />
.mr5 { margin-right: 5px !important; }<br />
.mr2 { margin-right: 2px !important;}<br />
.pt5 { padding-top: 5px !important; }<br />
.p5, .panel-inner {padding: 5px !important;}<br />
.pl10{ padding-left: 10px !important;}<br />
.pb10 { padding-bottom: 10px !important;}<br />
.mt15{ margin-top: 15px !important;}<br />
.no-p { padding: 0 !important;}<br />
.no-pt { padding-top: 0 !important; }<br />
.no-pb { padding-bottom: 0 !important;}<br />
<br />
.h10 { height: 10px !important; }<br />
.h15 { height: 15px !important; }<br />
.h20 { height: 20px !important; }<br />
.wide {width: 90%;}<br />
.w240{width: 240px;}<br />
.w220{width: 220px;}<br />
.w200{width: 200px;}<br />
.icon {height: 12px; width: 12px;}<br />
<br />
.d_b { display: block !important; }<br />
.no-bdr { border: 0 !important; }<br />
.fleft { display: block; float: left !important; }<br />
.fright { display: block; float: right !important; }<br />
<br />
.small {font-size:small;}<br />
.font9 { font-size: 9px !important;}<br />
.font-small, .font11 { font-size: 11px !important; }<br />
.font-medium, .font12 { font-size: 12px !important; }<br />
.font13{ font-size: 13px;}<br />
.font-big, .font14 { font-size: 14px !important; }<br />
.font-xbig { font-size: 16px !important; }<br />
.center { text-align: center !important; }<br />
.td-n { text-decoration: none !important; }<br />
.text-right { text-align: right !important; }<br />
.text-left { text-align: left !important; }<br />
.text-center { text-align: center !important; }<br />
.text-bold { font-weight: bold !important; }<br />
.text-italic { font-style: italic !important; }<br />
.text-underline { text-decoration: underline !important; }<br />
.no-a { color: #A8A8A8; text-decoration: none;}<br />
.va-m{ vertical-align: middle;}<br />
<br />
.nowrap { white-space: nowrap; }<br />
.pos-r { position: relative; }<br />
.no-hidden-x{overflow-x: visible;}<br />
.no-green-bg{ background: #071f00 !important;}<br />
.bg-dark-blue{ background: #01111a !important; }<br />
.bg-dark-gray{ background: #1d1d23 !important; }<br />
<br />
.c-dblue{ color: #256086;}<br />
.c-red {color:red !important;}<br />
.c-body { color: #a8a8a8 !important; }<br />
.c-moregray { color: #9a9a9a !important; }<br />
.c-verygray { color: #777777 !important; }<br />
.c-sel { color: #fff !important; }<br />
.c-simple { color: #33cc33 !important; }<br />
.c-rare {color: #3366ff !important;}<br />
.c-good { color: #33dd33; }<br />
.c-bad { color: #ff3333; }<br />
.c-locked { color: #7d7d7d; }<br />
.c-boss { color: #f1b72b; }<br />
.c-lgreen{color: #79cb44;}<br />
.c-mustard {color: #ffe58c;}<br />
.major, .feedbackPanelERROR {color: #FF3333;}<br />
.warn {color: #FFFF33;}<br />
.info {color: #33CC33;}<br />
.info-white {color: white;}<br />
.new {color: #FFFF33;}<br />
.yellow {color:#FFFF33;}<br />
.green {color:#33cc33;}<br />
.gold {color:#FF9900;}<br />
.blue {color:#0066FF;}<br />
.minor {color: #999999;}<br />
.iNoob {color:#339933 !important;}<br />
.iGood {color:#339933 !important;}<br />
.iSuperior {color:#3366FF !important;}<br />
.iEpic {color:#9933ff !important;}<br />
.iLegendary {color:#ff9900 !important;}<br />
.bluepost {color: #FF9900;}<br />
.eOld {color: #999999;}<br />
.eSimple {color: #33cc33;}<br />
.eRare {color: #0066ff;}<br />
.eEpic {color: #9933ff;}<br />
.eInfernal {color: #ff9900;}<br />
.c-bluegray { color: #676b79 !important;}<br />
.c-light { color: #fff3ce !important;}<br />
.c-sil{ color: #b9d4d0;}<br />
.c-sil-2{ color: #b9e7ff;}<br />
.c-gold{ color:#E0C67D !important}<br />
.c-lgreen{color: #79cb44;}<br />
/*............................................<br />
..............end of low-level................<br />
........................................... */<br />
<br />
.cross-link {<br />
    display: inline-block;<br />
    padding: 6px;<br />
}<br />
.td-u {<br />
    text-decoration: underline;<br />
}<br />
.notice-closer {<br />
    position: absolute;<br />
    right: 3px;<br />
    top: 6px;<br />
    height: 15px;<br />
    width: 15px;<br />
}<br />
<br />
.b-npc-notice {<br />
    height: 107px;<br />
    margin-top: -95px;<br />
    position: relative;<br />
    background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0)100%);<br />
}<br />
.b-npc-notice:before {<br />
    content: '';<br />
    display: block;   <br />
    position: absolute;   <br />
    width: 97px;<br />
    height: 107px;   <br />
    bottom: 0;<br />
    left: 0;<br />
    background: url('/images/notice_npc.png') 0 0 no-repeat;<br />
    z-index: 10;<br />
}<br />
.npc-speak {<br />
    position: absolute;<br />
    z-index: 20;<br />
    bottom: 5%;<br />
    right: 2%;<br />
    width: 62%;<br />
    height: auto;<br />
    background: #f5e39c;<br />
    border-radius: 10px;<br />
    border: 1px solid #000;<br />
    padding: 10px 5px 10px 10px;<br />
    text-align: left;<br />
    color: #2d0000;<br />
}<br />
.npc-speak:before {<br />
    content: '';<br />
    left: -15px;<br />
    z-index: 100;<br />
    top: 4px;<br />
    width: 16px;<br />
    height: 17px;<br />
    position: absolute;<br />
    display: block;<br />
    background: url('/images/notice_speak_arr.png') 0 0 no-repeat;<br />
}<br />
<br />
<br />
.btn.nav-btn {<br />
    padding: 7px 7px !important;<br />
    position: relative;<br />
    color: #aed5d1;<br />
    margin-bottom: 2px;<br />
    border: 1px solid #002c4e;<br />
    background: linear-gradient(to bottom, #002c4e 0%, #002c4e 5%, #001934 30%, #00132e 100%);<br />
    background-color:#00132E;<br />
    border-radius: 0;<br />
}<br />
.btn.nav-btn:before, .btn.nav-btn.gold:before {<br />
    content: '';<br />
    position: absolute;<br />
    width: 101%;<br />
    border-top: 1px solid #006899;<br />
    top: -1px; left: -1px;<br />
}<br />
.btn.nav-btn.gold:before {<br />
    border-color: #eea600;<br />
}<br />
.btn.nav-btn.red {<br />
    padding: 7px 7px !important;<br />
    position: relative;<br />
    color: #E6B6C3;<br />
    margin-bottom: 2px;<br />
    border: 1px solid #5f0018;<br />
    background: linear-gradient(to bottom, #5f0018 0%, #5f0018 5%, #47000c 30%, #410006 100%);<br />
    background-color: #5e0018;<br />
}<br />
<br />
.btn.nav-btn.red:before {<br />
    border-color: #a7003d;<br />
}<br />
<br />
.btn.nav-btn.green {<br />
    padding: 7px 7px !important;<br />
    position: relative;<br />
    color: #AED5D1;<br />
    margin-bottom: 2px;<br />
    border: 1px solid #045402;<br />
    background: linear-gradient(to bottom, #045402 0%, #045402 5%, #033a07 30%, #04340a 100%);<br />
    background-color: #045302;<br />
}<br />
.btn.nav-btn.green:before {<br />
    border-color: #15a000;<br />
}<br />
.btn.nav-btn.green:active {<br />
    background: linear-gradient(to bottom, #04340a 0%, #033a07 70%, #045402 95%, #045402 100%);<br />
    background-color: #04340a;<br />
    border: 1px solid #045402;<br />
}<br />
.btn.nav-btn.green:active:before {<br />
    border-color: #15a000;<br />
}<br />
<br />
.lock_btns {position: relative;margin-top: 2px;}<br />
.lock_btns .btn.nav-btn, .btn.nav-btn.btn-gray {<br />
    border-color: #202020;<br />
    color: #5a5a5a !important;<br />
    background: linear-gradient(to bottom, #252525 0%, #252525 5%, #151515 30%, #0f0f0f 100%);<br />
    background-color: #151515;<br />
}<br />
.lock_btns .btn.nav-btn:before, .btn.nav-btn.btn-gray:before {border-color: #3f3f3f;}<br />
.lock_btns:after {<br />
    content: '';<br />
    position: absolute;<br />
    width: 100%; height: 100%;<br />
    top: 0;<br />
    left: 0;<br />
    z-index: 1000;<br />
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);<br />
}<br />
.nav-btn-lock {<br />
    display: inline-block;<br />
    height: 12px; line-height: 12px;<br />
    float: right;<br />
}<br />
.highlight:after {<br />
    content: '';<br />
    position: absolute;<br />
    width: 100%; height: 99%;<br />
    top: -1px;<br />
    left: -1px;<br />
    z-index: 1000;<br />
    border: 1px solid #d0ccaa !important;<br />
    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%),<br />
    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%);<br />
    animation: borderpuls 2s infinite;<br />
    -webkit-animation: borderpuls 2s infinite;<br />
}<br />
@keyframes borderpuls { 50% {opacity: 0;} }<br />
@-webkit-keyframes borderpuls { 50% {opacity: 0;} }<br />
<br />
.b-menu {<br />
    margin-top: 8px;<br />
    padding: 3px 0 5px;<br />
    position: relative;<br />
}<br />
.b-menu .btn.btn-trade.btn-buy-gold, .b-menu .btn-buy-gold {margin-bottom: 5px;}<br />
<br />
.b-menu:before, .b-menu:after {<br />
    content: '';<br />
    position: absolute;<br />
    width: 100%;<br />
    border-bottom: 1px solid #43372c;<br />
    background: linear-gradient(to left, #78573b 0%, #ffffff 50%, #78573b 100%);<br />
    height: 1px;<br />
    left: 0;<br />
}<br />
.b-menu:after {bottom: 0;}<br />
.b-menu:before {top:-2px;}<br />
<br />
.menu_btn {<br />
    display: block;<br />
    text-decoration: none;<br />
    text-align: center;<br />
    border: 1px solid #2f002f;<br />
    padding: 7px 0;<br />
    background: linear-gradient(to bottom, #1d0022 0%, #1d0022 5%, #140019 30%, #100015 100%);<br />
    background-color: #100015;<br />
    margin-left: 4px;<br />
    color: #826a82;<br />
    position: relative;<br />
}<br />
.b-menu tr td:first-child .menu_btn {<br />
    margin-left: 0;<br />
}<br />
<br />
.money_head {margin-right: 31px; }<br />
.btn.nav-btn.gold {<br />
    border-color: #985d00;<br />
    background: linear-gradient(to bottom, #946203 0%, #946203 5%, #89520d 30%, #854412 100%);<br />
    background-color: #854412;<br />
    color: #fff;<br />
    text-align: left;<br />
    padding-left: 7px;  <br />
    margin-top: 0;<br />
    position: relative;<br />
    border-radius: 0;<br />
}<br />
.menu_btn.gray {<br />
    color: #3f3f3f !important;<br />
    border-color: #202020;<br />
    background: linear-gradient(to bottom, #252525 0%, #252525 5%, #151515 30%, #0f0f0f 100%);<br />
}<br />
/*---active---*/<br />
  .btn.nav-btn:active {<br />
    padding: 7px 7px!important;<br />
    position: relative;<br />
    margin-bottom: 2px;<br />
    color: #fff;<br />
    border: 1px solid #0a416b;<br />
    background: linear-gradient(to bottom, #0a3a64 0, #0a3963 5%, #0a3561 30%, #0f1e3c 100%);<br />
<br />
}<br />
 .menu_btn:active  {<br />
    display: block;<br />
    text-decoration: none;<br />
    text-align: center;<br />
    border: 1px solid #440244;<br />
    padding: 7px 0;<br />
    color: #fff;<br />
    background: linear-gradient(to bottom,#2e0535 0,#2e0535 5%,#23072a 30%,#1e0825 100%);<br />
    background-color: #2e0535;<br />
    margin-left: 4px;<br />
    position: relative;<br />
}<br />
 .btn.nav-btn.gold:active  {<br />
    border-color: #985d00;<br />
    background: linear-gradient(to bottom, #a06c03 0, #a16e03 5%, #9a5f0d 30%, #985413 100%);<br />
    background-color: #15001b;<br />
    color: #fff;<br />
    text-align: left;<br />
    padding-left: 7px;<br />
    margin-top: 0;<br />
    position: relative;<br />
}<br />
 .btn.nav-btn.btn-gray:active {<br />
     border-color: #202020;<br />
     color: #5a5a5a !important;<br />
     background: linear-gradient(to bottom, #252525 0, #252525 5%, #151515 30%, #0f0f0f 100%);<br />
     background-color: #151515;<br />
 }<br />
.btn.nav-btn.red:active  {<br />
     border: 1px solid #5f0018;<br />
     color: #e6b6c3 !important;<br />
     background: linear-gradient(to bottom, #86001a 0, #7f0019 5%, #61000d 30%, #5a0006 100%);<br />
     background-color: #6a0018;<br />
 }<br />
<br />
<br />
/*..........................................<br />
...............arena pvp....................<br />
..........................................*/<br />
<br />
.b-pvp-stat {<br />
    position: relative; <br />
    background: url('/images/pvp/b-pvp-stat-bg.png') 0 top repeat-x;<br />
    margin: -3px 13px 0 13px;<br />
}<br />
.b-pvp-stat:before, .b-pvp-stat:after {<br />
    content: '';<br />
    position: absolute;<br />
    width: 13px;<br />
    height: 12px;<br />
    top: -3px;<br />
    z-index: 30;<br />
    right: -13px;<br />
    background: url('/images/pvp/flags_arr_right.png') 0 0 no-repeat;<br />
}<br />
    .b-pvp-stat:before {left: -13px;background: url('/images/pvp/flags_arr_left.png') 0 0 no-repeat;}<br />
<br />
.pvp-stat {<br />
    margin: 5px 0 24px;    <br />
    position: relative;<br />
    display: block; <br />
    text-align: center; <br />
    background: url('/images/pvp/flag_lblue_bg.png') 50% 0 repeat-y;   <br />
    width: 100%;    <br />
    color: #ededed;<br />
}    <br />
.pvp-stat:before {<br />
    content: '';<br />
    position: absolute;<br />
    z-index: 10;<br />
    width: 100%;<br />
    height: 32px;<br />
    background: url('/images/pvp/flag_lblue_top.png') 50% 0 no-repeat;<br />
    top: -5px;<br />
    left: 0;<br />
}<br />
.pvp-stat:after {<br />
    content: '';<br />
    position: absolute;<br />
    z-index: 10;<br />
    width: 100%;<br />
    height: 34px;<br />
    background: url('/images/pvp/flag_lblue_bot.png') 50% 0 no-repeat;<br />
    bottom: -19px;<br />
    left: 0;<br />
}<br />
.pvp-stat-inner {<br />
    position: relative; <br />
    z-index: 20;<br />
    padding-top: 10px;<br />
}<br />
    .pvp-stat.blue {background-image: url('/images/pvp/flag_blue_bg.png');}   <br />
    .pvp-stat.blue:before {background-image: url('/images/pvp/flag_blue_top.png');}<br />
    .pvp-stat.blue:after {background-image: url('/images/pvp/flag_blue_bot.png');}<br />
<br />
    .pvp-stat.red {background-image: url('/images/pvp/flag_red_bg.png');}   <br />
    .pvp-stat.red:before {background-image: url('/images/pvp/flag_red_top.png');}<br />
    .pvp-stat.red:after {background-image: url('/images/pvp/flag_red_bot.png');}<br />
<br />
    .pvp-stat.green {background-image: url('/images/pvp/flag_green_bg.png');}   <br />
    .pvp-stat.green:before {background-image: url('/images/pvp/flag_green_top.png');}<br />
    .pvp-stat.green:after {background-image: url('/images/pvp/flag_green_bot.png');}<br />
<br />
.pvp-stat a {color: #ededed;}<br />
.b-pvp-versus .pvp-stat {padding: 7px 0;}<br />
.golden {color: #d1ad32;}<br />
a.tab .golden {color: #685b2d;}<br />
.pvp-reward {<br />
display: inline-block;  <br />
position: relative;<br />
}<br />
.pvp-reward-inner {<br />
    border: 1px solid #802704;<br />
    background: #0f1a25;<br />
    color: #aeb08b;<br />
    margin: 0 7px;    <br />
    padding: 6px 2px 2px;<br />
    border-radius: 0 0 5px 5px;<br />
}<br />
.pvp-reward-icon {margin-bottom: -8px}<br />
<br />
.pvp-timer {<br />
    position: relative; <br />
    display: inline-block;  <br />
    border: 1px solid #802704;<br />
    background: #0f1a25;<br />
    color: #aeb08b;<br />
    border-radius: 5px;<br />
    padding: 5px 5px 5px 18px;<br />
    margin: 10px 0;  <br />
    text-align: left;<br />
    width: 61%;<br />
    min-height: 2.3em;<br />
}<br />
.pvp-timer:before {<br />
    content: '';<br />
    width: 32px;    <br />
    height: 32px;   <br />
    position: absolute; <br />
    left: -17px;<br />
    top: 3px;<br />
    background: url('/images/pvp/time_32.png') 0 0 no-repeat;    <br />
}<br />
.b-pvp-versus {<br />
    position: relative; <br />
}<br />
.b-pvp-versus:after {<br />
    content: '';<br />
    position: absolute; <br />
    width: 54px;<br />
    height: 54px;<br />
    background: url('/images/pvp/VS2_54.png') 0 0 no-repeat;<br />
    z-index: 20;<br />
    top: 5%;<br />
    left: 41%;<br />
}<br />
.sword-block {<br />
    padding: 0 0 5px 0;<br />
    text-align: center;<br />
}<br />
.sword-block-inner {<br />
    position: relative;<br />
    display: inline-block;<br />
}<br />
.sword-block-inner:after, .sword-block-inner:before {<br />
    content: '';<br />
    display: inline-block;<br />
    background: url('/images/pvp/sward_41.png') 0 0 no-repeat;<br />
    width: 41px;<br />
    height: 11px;<br />
    vertical-align: middle;<br />
    margin: 0 0 0 3px;<br />
}<br />
.sword-block-inner:before {background-image: url('/images/pvp/sward_41_left.png');margin: 0 3px 0 0;}<br />
.g-progress {width: auto;}<br />
.pvp-hp {margin-left: 10px;}<br />
.pvp-hp .enemy-hp2 {margin: 0;border-width: 1px}<br />
.b-page-bg {}<br />
.b-page-bg>img {display: inline-block !important;width: auto !important;}<br />
<br />
.b-league-progress {<br />
    text-align: center; <br />
    position: relative; <br />
    padding: 0 15px 10px 15px;<br />
}<br />
.league-icon {<br />
    position: absolute;<br />
    z-index: 20;<br />
    width: 50px;<br />
    height: 50px;<br />
    top: 8px;<br />
    right: 0;<br />
}<br />
    .league-icon.league-icon-left {left: 0;}<br />
.league-title {<br />
    position: relative;<br />
    font-size: 14px;<br />
    padding-bottom: 9px;<br />
    display: block;<br />
    margin-top: -4px;<br />
}<br />
.pvp-username {<br />
    display: block;<br />
  overflow: hidden;<br />
  width: 80px;<br />
  height: 16px;<br />
  white-space: nowrap;<br />
  color: #c7b158;<br />
  font-size: 12px;<br />
  text-overflow: ellipsis;<br />
  margin: 1px auto;<br />
}<br />
/*..........................................<br />
...........end of arena pvp.................<br />
..........................................*/<br />
<br />
<br />
    .g-progress-reward {<br />
        position: relative;<br />
        width: 100%;<br />
        height: 16px;<br />
        background: #160E03;<br />
        border: 1px solid #0B0701;<br />
    }<br />
    a.btn-brown-new {<br />
        display: block;<br />
        padding: 5px;<br />
        border: 1px solid #0B0300;<br />
        background-color: #372714;<br />
        background: linear-gradient(to bottom,#372714 ,#372714 49%,#2c1c07 51%,#2c1c07 100%);<br />
    }<br />
    .sbrown-panel {<br />
        border-bottom: 1px solid #130c02;<br />
    }<br />
    span.btn-brown-new  {<br />
        display: block;<br />
        padding: 5px;<br />
        background: #2c1c07;<br />
        border-top: 1px solid #120b02;<br />
        border-bottom: 1px solid #402708;<br />
    }<br />
    .reward-opacity{<br />
        opacity: 0.5;<br />
    }<br />
    .stage-final {<br />
        display: inline-block;<br />
        position: absolute;<br />
        margin-top: -66px;<br />
        width: 100%;<br />
        left: 0;<br />
        z-index: 200;<br />
    }<br />
    .b-stage-final {<br />
        position: relative;<br />
        background: linear-gradient(to right, #201913 0%,#0f0b08 23%,#0f0b08 86%, #201913 100%);<br />
        background-color: #201913;<br />
        z-index: 100;<br />
        margin-top: -35px;<br />
        padding: 1px;<br />
    }<br />
    .b-stage-final:before, .b-stage-final:after {<br />
        content: '';<br />
        display: block;<br />
        position: absolute;<br />
        z-index: 100;<br />
        height: 1px;<br />
        width: 100%;<br />
        left: 0;<br />
        background: linear-gradient(to right, #201913 0%,#4c3b2b 50%,#201913 100%);<br />
        background-color: #4c3b2b;<br />
    }<br />
<br />
/* background (preloaded) */<br />
@media screen and (min-width: 800px) {<br />
.body { background: url('/images/pc/bg6.1.jpg') no-repeat 50% 0 #000; background-attachment: fixed; }<br />
}<br />
<br />
/*..........................................<br />
............sprites icons...................<br />
..........................................*/<br />
.icn {<br />
    background-image: url('/images/icons/sprites/spritesheet_icn.png');<br />
    background-repeat: no-repeat;<br />
    display: inline-block;<br />
    height: 21px;<br />
    width: 21px;<br />
    vertical-align: middle;<br />
    margin-right: 4px;<br />
}<br />
.icn-academy {background-position: 0 0;}<br />
.icn-auction {background-position: 0 -21px;}<br />
.icn-band {background-position: 0 -42px;}<br />
.icn-band2 {background-position: 0 -63px;}<br />
.icn-bank {background-position: 0 -84px;}<br />
.icn-barracks {background-position: 0 -105px;}<br />
.icn-battle {background-position: 0 -126px;}<br />
.icn-beasts {background-position: 0 -147px;}<br />
.icn-castle {background-position: 0 -168px;}<br />
.icn-chat {background-position: 0 -189px;}<br />
.icn-city_bonus {background-position: 0 -210px;}<br />
.icn-coliseum {background-position: 0 -231px;}<br />
.icn-collector {background-position: 0 -252px;}<br />
.icn-comms {background-position: 0 -273px;}<br />
.icn-curios_shop {background-position: 0 -294px;}<br />
.icn-domain {background-position: 0 -315px;}<br />
.icn-dungeon {background-position: 0 -336px;}<br />
.icn-forum {background-position: 0 -357px;}<br />
.icn-gifts {background-position: 0 -378px;}<br />
.icn-guilds {background-position: 0 -399px;}<br />
.icn-hell_games {background-position: 0 -420px;}<br />
.icn-mage {background-position: 0 -441px;}<br />
.icn-mail {background-position: 0 -462px;}<br />
.icn-news {background-position: 0 -483px;}<br />
.icn-online {background-position: 0 -504px;}<br />
.icn-oracle {background-position: 0 -525px;}<br />
.icn-progress {background-position: 0 -546px;}<br />
.icn-record {background-position: 0 -567px;}<br />
.icn-school {background-position: 0 -588px;}<br />
.icn-survive {background-position: 0 -609px;}<br />
.icn-tavern {background-position: 0 -630px;}<br />
.icn-trade {background-position: 0 -651px;}<br />
.icn-trade_chat {background-position: 0 -672px;}<br />
.icn-travel {background-position: 0 -693px;}<br />
.icn-dungeon-inactive {background-position: 0 -714px;}<br />
.icn-trade-inactive {background-position: 0 -735px;}<br />
.icn-travel-inactive {background-position: 0 -756px;}<br />
<br />
.icn-menu {<br />
    background-image: url('/images/icons/sprites/spritesheet_menu.png');<br />
    background-repeat: no-repeat;<br />
    display: inline-block;<br />
    height: 32px;<br />
    width: 32px;<br />
    vertical-align: middle;<br />
}<br />
.icn-menu_user {background-position: 0 0;}<br />
.icn-menu_city {background-position: 0 -32px;}<br />
.icn-menu_rack {background-position: 0 -64px;}<br />
.icn-menu_user_inactive {background-position: 0 -96px;}<br />
.icn-menu_city_inactive {background-position: 0 -128px;}<br />
.icn-menu_rack_inactive {background-position: 0 -160px;}<br />
<br />
/*...............inons 12x12...........*/<br />
.i12 {<br />
    background-image: url('/images/icons/sprites/spritesheet_other.png');<br />
    background-repeat: no-repeat;<br />
    display: inline-block;<br />
    vertical-align: middle;<br />
    width: 12px;<br />
    height: 12px;<br />
    margin-right: 3px;<br />
}<br />
.i12-amethyst {background-position: 0 0;}<br />
.i12-amulet {background-position: 0 -12px;}<br />
.i12-amuletDamageReduce {background-position: 0 -24px;}<br />
.i12-amuletDemonForm {background-position: 0 -36px;}<br />
.i12-amuletEnrage {background-position: 0 -48px;}<br />
.i12-amuletLightingHit {background-position: 0 -60px;}<br />
.i12-amuletLotusLeaf {background-position: 0 -72px;}<br />
.i12-amuletNova {background-position: 0 -84px;}<br />
.i12-amuletNovaBoost {background-position: 0 -96px;}<br />
.i12-amuletNovaBoost1 {background-position: 0 -108px;}<br />
.i12-amuletNovaBoost2 {background-position: 0 -120px;}<br />
.i12-amuletNovaBoost3 {background-position: 0 -132px;}<br />
.i12-amuletNovaBoost4 {background-position: 0 -144px;}<br />
.i12-amuletStrengthPower {background-position: 0 -156px;}<br />
.i12-arena_points {background-position: 0 -168px;}<br />
.i12-arena_sword {background-position: 0 -180px;}<br />
.i12-armor {background-position: 0 -192px;}<br />
.i12-arr {background-position: 0 -204px;}<br />
.i12-arr1 {background-position: 0 -216px;}<br />
.i12-attention_3 {background-position: 0 -228px;}<br />
.i12-attention_gold {background-position: 0 -240px;}<br />
.i12-attention_silver {background-position: 0 -252px;}<br />
.i12-belt {background-position: 0 -264px;}<br />
.i12-black_magic {background-position: 0 -276px;}<br />
.i12-clock {background-position: 0 -288px;}<br />
.i12-cross {background-position: 0 -300px;}<br />
.i12-effectEvade {background-position: 0 -312px;}<br />
.i12-effectVulnerability {background-position: 0 -324px;}<br />
.i12-enchant {background-position: 0 -336px;}<br />
.i12-experience {background-position: 0 -348px;}<br />
.i12-experience_grey {background-position: 0 -360px;}<br />
.i12-feather {background-position: 0 -372px;}<br />
.i12-forum {background-position: 0 -384px;}<br />
.i12-forum_new {background-position: 0 -396px;}<br />
.i12-forum_scroll {background-position: 0 -408px;}<br />
.i12-friends {background-position: 0 -420px;}<br />
.i12-giftshop {background-position: 0 -432px;}<br />
.i12-guild_dark {background-position: 0 -444px;}<br />
.i12-guild_influence {background-position: 0 -456px;}<br />
.i12-guild_light {background-position: 0 -468px;}<br />
.i12-health {background-position: 0 -480px;}<br />
.i12-heart_0 {background-position: 0 -492px;}<br />
.i12-heart_100 {background-position: 0 -504px;}<br />
.i12-heart_33 {background-position: 0 -516px;}<br />
.i12-heart_66 {background-position: 0 -528px;}<br />
.i12-helm_gold {background-position: 0 -540px;}<br />
.i12-home {background-position: 0 -552px;}<br />
.i12-iRegen {background-position: 0 -564px;}<br />
.i12-inspect {background-position: 0 -576px;}<br />
.i12-item_hard {background-position: 0 -588px;}<br />
.i12-item_impossible {background-position: 0 -600px;}<br />
.i12-item_normal {background-position: 0 -612px;}<br />
.i12-item_solo {background-position: 0 -624px;}<br />
.i12-lock_12x12_fv {background-position: 0 -636px;}<br />
.i12-messages {background-position: 0 -648px;}<br />
.i12-mineral {background-position: 0 -660px;}<br />
.i12-miss {background-position: 0 -672px;}<br />
.i12-money_gold {background-position: 0 -684px;}<br />
.i12-money_silver {background-position: 0 -696px;}<br />
.i12-pets {background-position: 0 -708px;}<br />
.i12-portal {background-position: 0 -720px;}<br />
.i12-question_blue {background-position: 0 -732px;}<br />
.i12-question_gold {background-position: 0 -744px;}<br />
.i12-question_silver {background-position: 0 -756px;}<br />
.i12-rack {background-position: 0 -768px;}<br />
.i12-rack_red {background-position: 0 -780px;}<br />
.i12-rank1 {background-position: 0 -792px;}<br />
.i12-rank10 {background-position: 0 -804px;}<br />
.i12-rank11 {background-position: 0 -816px;}<br />
.i12-rank12 {background-position: 0 -828px;}<br />
.i12-rank13 {background-position: 0 -840px;}<br />
.i12-rank14 {background-position: 0 -852px;}<br />
.i12-rank15 {background-position: 0 -864px;}<br />
.i12-rank16 {background-position: 0 -876px;}<br />
.i12-rank17 {background-position: 0 -888px;}<br />
.i12-rank18 {background-position: 0 -900px;}<br />
.i12-rank19 {background-position: 0 -912px;}<br />
.i12-rank2 {background-position: 0 -924px;}<br />
.i12-rank20 {background-position: 0 -936px;}<br />
.i12-rank21 {background-position: 0 -948px;}<br />
.i12-rank22 {background-position: 0 -960px;}<br />
.i12-rank23 {background-position: 0 -972px;}<br />
.i12-rank3 {background-position: 0 -984px;}<br />
.i12-rank4 {background-position: 0 -996px;}<br />
.i12-rank5 {background-position: 0 -1008px;}<br />
.i12-rank6 {background-position: 0 -1020px;}<br />
.i12-rank7 {background-position: 0 -1032px;}<br />
.i12-rank7_ {background-position: 0 -1044px;}<br />
.i12-rank8 {background-position: 0 -1056px;}<br />
.i12-rank9 {background-position: 0 -1068px;}<br />
.i12-realm1 {background-position: 0 -1080px;}<br />
.i12-realm2 {background-position: 0 -1092px;}<br />
.i12-refresh {background-position: 0 -1104px;}<br />
.i12-regen {background-position: 0 -1116px;}<br />
.i12-repair {background-position: 0 -1128px;}<br />
.i12-ruby {background-position: 0 -1140px;}<br />
.i12-ruby_round {background-position: 0 -1152px;}<br />
.i12-school {background-position: 0 -1164px;}<br />
.i12-scroll_blue {background-position: 0 -1176px;}<br />
.i12-settings {background-position: 0 -1188px;}<br />
.i12-shield {background-position: 0 -1200px;}<br />
.i12-skull {background-position: 0 -1212px;}<br />
.i12-skull_blue {background-position: 0 -1224px;}<br />
.i12-skull_gold {background-position: 0 -1236px;}<br />
.i12-skull_gray {background-position: 0 -1248px;}<br />
.i12-skull_red {background-position: 0 -1260px;}<br />
.i12-stamp {background-position: 0 -1272px;}<br />
.i12-strength {background-position: 0 -1284px;}<br />
.i12-sword1 {background-position: 0 -1296px;}<br />
.i12-sword_red {background-position: 0 -1308px;}<br />
.i12-sword_vertical {background-position: 0 -1320px;}<br />
.i12-talent_guy {background-position: 0 -1332px;}<br />
.i12-tick {background-position: 0 -1344px;}<br />
.i12-tick_gray {background-position: 0 -1356px;}<br />
.i12-topic_new {background-position: 0 -1368px;}<br />
.i12-vip_icon {background-position: 0 -1380px;}<br />
.i12-xswords {background-position: 0 -1392px;}<br />
<br />
/*user icons*/<br />
.u12 {<br />
    background-image: url('/images/icons/sprites/spritesheet_user.png');<br />
    background-repeat: no-repeat;<br />
    display: inline-block;<br />
    vertical-align: middle;<br />
    width: 12px;<br />
    height: 12px;<br />
}<br />
.u12-user_0_0 {background-position: 0 0;}<br />
.u12-user_0_0_off {background-position: 0 -12px;}<br />
.u12-user_0_1 {	background-position: 0 -24px;}<br />
.u12-user_0_1_off {	background-position: 0 -36px;}<br />
.u12-user_0_2 {	background-position: 0 -48px;}<br />
.u12-user_0_2_off {	background-position: 0 -60px;}<br />
.u12-user_0_3 {	background-position: 0 -72px;}<br />
.u12-user_0_3_off {	background-position: 0 -84px;}<br />
.u12-user_1_0 {	background-position: 0 -96px;}<br />
.u12-user_1_0_grey {background-position: 0 -108px;}<br />
.u12-user_1_0_off {	background-position: 0 -120px;}<br />
.u12-user_1_1 {	background-position: 0 -132px;}<br />
.u12-user_1_1_grey {background-position: 0 -144px;}<br />
.u12-user_1_1_off {	background-position: 0 -156px;}<br />
.u12-user_1_2 {	background-position: 0 -168px;}<br />
.u12-user_1_2_grey {background-position: 0 -180px;}<br />
.u12-user_1_2_off {	background-position: 0 -192px;}<br />
.u12-user_1_3 {	background-position: 0 -204px;}<br />
.u12-user_1_3_grey {background-position: 0 -216px;}<br />
.u12-user_1_3_off {	background-position: 0 -228px;}<br />
.u12-user_2_0 {	background-position: 0 -240px;}<br />
.u12-user_2_0_grey {background-position: 0 -252px;}<br />
.u12-user_2_0_off {	background-position: 0 -264px;}<br />
.u12-user_2_1 {	background-position: 0 -276px;}<br />
.u12-user_2_1_grey {background-position: 0 -288px;}<br />
.u12-user_2_1_off {background-position: 0 -300px;}<br />
.u12-user_2_2 {background-position: 0 -312px;}<br />
.u12-user_2_2_grey {background-position: 0 -324px;}<br />
.u12-user_2_2_off {	background-position: 0 -336px;}<br />
.u12-user_2_3 {	background-position: 0 -348px;}<br />
.u12-user_2_3_grey {background-position: 0 -360px;}<br />
.u12-user_2_3_off {	background-position: 0 -372px;}<br />
.u12-user_unknown {	background-position: 0 -384px;}<br />
.u12-user_unknown_grey {background-position: 0 -396px;}<br />
<br />
/*potion icons*/<br />
.p12 {<br />
    background-image: url('/images/icons/sprites/spritesheet_pot.png');<br />
    background-repeat: no-repeat;<br />
    display: inline-block;<br />
    vertical-align: middle;<br />
    width: 12px;<br />
    height: 12px;<br />
}<br />
.p12-pot_arm_1 {background-position: 0 0;}<br />
.p12-pot_arm_2 {background-position: 0 -12px;}<br />
.p12-pot_arm_3 {background-position: 0 -24px;}<br />
.p12-pot_arm_4 {background-position: 0 -36px;}<br />
.p12-pot_arm_5 {background-position: 0 -48px;}<br />
.p12-pot_arm_6 {background-position: 0 -60px;}<br />
.p12-pot_arm_7 {background-position: 0 -72px;}<br />
.p12-pot_arm_8 {background-position: 0 -84px;}<br />
.p12-pot_blue_1 {background-position: 0 -96px;}<br />
.p12-pot_blue_2 {background-position: 0 -108px;}<br />
.p12-pot_blue_3 {background-position: 0 -120px;}<br />
.p12-pot_blue_4 {background-position: 0 -132px;}<br />
.p12-pot_blue_5 {background-position: 0 -144px;}<br />
.p12-pot_blue_6 {background-position: 0 -156px;}<br />
.p12-pot_blue_7 {background-position: 0 -168px;}<br />
.p12-pot_blue_8 {background-position: 0 -180px;}<br />
.p12-pot_cdr_1 {background-position: 0 -192px;}<br />
.p12-pot_cdr_2 {background-position: 0 -204px;}<br />
.p12-pot_cdr_3 {background-position: 0 -216px;}<br />
.p12-pot_cri_1 {background-position: 0 -228px;}<br />
.p12-pot_cri_2 {background-position: 0 -240px;}<br />
.p12-pot_cri_3 {background-position: 0 -252px;}<br />
.p12-pot_cri_4 {background-position: 0 -264px;}<br />
.p12-pot_cri_5 {background-position: 0 -276px;}<br />
.p12-pot_cri_6 {background-position: 0 -288px;}<br />
.p12-pot_green_1 {background-position: 0 -300px;}<br />
.p12-pot_green_2 {background-position: 0 -312px;}<br />
.p12-pot_green_3 {background-position: 0 -324px;}<br />
.p12-pot_green_4 {background-position: 0 -336px;}<br />
.p12-pot_green_5 {background-position: 0 -348px;}<br />
.p12-pot_green_6 {background-position: 0 -360px;}<br />
.p12-pot_green_7 {background-position: 0 -372px;}<br />
.p12-pot_green_8 {background-position: 0 -384px;}<br />
.p12-pot_inf_1 {background-position: 0 -396px;}<br />
.p12-pot_inf_2 {background-position: 0 -408px;}<br />
.p12-pot_inf_3 {background-position: 0 -420px;}<br />
.p12-pot_inf_4 {background-position: 0 -432px;}<br />
.p12-pot_inf_5 {background-position: 0 -444px;}<br />
.p12-pot_inf_6 {background-position: 0 -456px;}<br />
.p12-pot_inf_7 {background-position: 0 -468px;}<br />
.p12-pot_inf_8 {background-position: 0 -480px;}<br />
.p12-pot_lrn_1 {background-position: 0 -492px;}<br />
.p12-pot_lrn_2 {background-position: 0 -504px;}<br />
.p12-pot_norm_1 {background-position: 0 -516px;}<br />
.p12-pot_norm_2 {background-position: 0 -528px;}<br />
.p12-pot_norm_3 {background-position: 0 -540px;}<br />
.p12-pot_res {background-position: 0 -552px;}<br />
.p12-pot_resapo {background-position: 0 -564px;}<br />
.p12-pot_str_1 {background-position: 0 -576px;}<br />
.p12-pot_str_2 {background-position: 0 -588px;}<br />
.p12-pot_str_3 {background-position: 0 -600px;}<br />
.p12-pot_str_4 {background-position: 0 -612px;}<br />
.p12-pot_str_5 {background-position: 0 -624px;}<br />
.p12-pot_str_6 {background-position: 0 -636px;}<br />
.p12-pot_yellow_1 {background-position: 0 -648px;}<br />
.p12-pot_yellow_2 {background-position: 0 -660px;}<br />
.p12-pot_yellow_3 {background-position: 0 -672px;}<br />
.p12-pot_yellow_4 {background-position: 0 -684px;}<br />
.p12-pot_yellow_5 {background-position: 0 -696px;}<br />
.p12-pot_yellow_6 {background-position: 0 -708px;}<br />
.p12-potion {background-position: 0 -720px;}<br />
/*..........................................<br />
............end of sprites icons............<br />
..........................................*/<br />
<br />
.b-gift-reg   {<br />
        background: url('/images/bg-top-left-border.png') no-repeat 0 0,<br />
        url('/images/bg-top-right-border.png') no-repeat  100% 0,<br />
        url('/images/bg-bottom-left-border.png') no-repeat 0 100%,<br />
        url('/images/bg-bottom-right-border.png') no-repeat 100% 100%,<br />
        url('/images/bg-top-border.png') repeat-x 0 0,<br />
        url('/images/bg-bottom-border.png') repeat-x 100% 100%,<br />
        url('/images/bg-left-border.png') repeat-y 0 0,<br />
        url('/images/bg-right-border.png') repeat-y 100% 100%,<br />
        linear-gradient(to bottom,#1a0d34 0%,#301864 100%);<br />
        background-color: #1a0d34;<br />
        font-size: 14px;<br />
        padding: 15px 15px;<br />
        overflow: hidden;<br />
    }<br />
    .b-notice-reg   {<br />
        background: url('/images/bg-top-left-border.png') no-repeat 0 0,<br />
        url('/images/bg-top-right-border.png') no-repeat  100% 0,<br />
        url('/images/bg-bottom-left-border.png') no-repeat 0 100%,<br />
        url('/images/bg-bottom-right-border.png') no-repeat 100% 100%,<br />
        url('/images/bg-top-border.png') repeat-x 0 0,<br />
        url('/images/bg-bottom-border.png') repeat-x 100% 100%,<br />
        url('/images/bg-left-border.png') repeat-y 0 0,<br />
        url('/images/bg-right-border.png') repeat-y 100% 100%,<br />
        linear-gradient(to bottom,#1a0d34 0%,#301864 100%);<br />
        background-color: #1a0d34;<br />
        font-size: 14px;<br />
        padding: 5px 15px;<br />
    }<br />
    .form-field-for-rg {<br />
        padding: 5px 20px;<br />
    }<br />
    .notification {<br />
        font-size: 11px;<br />
        color: #506582;<br />
    }<br />
    .gift-item  {<br />
        display: inline-block;<br />
        float: left;<br />
        margin-left: 18px;<br />
        margin-top: 2px;<br />
        color: #fff;<br />
        font-size: 12px;<br />
    }<br />
<br />
/*.....................................<br />
................fair...................<br />
.....................................*/<br />
.table-raiting td {padding-top: 5px; }<br />
.b_fair {<br />
    height: 88px;<br />
    padding: 15px 0 0 0;<br />
    text-align: center;<br />
    background: url('/images/fair/agregat_320.jpg') 50% 0 no-repeat ;<br />
}<br />
.fair_title {<br />
    font-size: 28px;<br />
    text-align: center;<br />
    color: #fff;<br />
}<br />
.b-notice.no_border {<br />
    padding-top: 12px;<br />
    color: #a8a8a8;<br />
    background: url('/images/notice/notice_3_t.png') no-repeat 50% 0,#092232;<br />
    border: 1px solid #5b380f;<br />
}<br />
.b_fair.notice_fair {<br />
    height: 60px;<br />
    padding: 43px 0 0 0;<br />
    position: relative;<br />
    background: url('/images/fair/win_320.jpg') 50% 0 no-repeat ;<br />
}<br />
.b_fair.notice_fair .fair_title {font-size: 22px !important;}<br />
<br />
.iflag {<br />
    display: inline-block;<br />
    position: relative;<br />
}<br />
.iflag .iflag-num {<br />
    position: absolute;<br />
    display: block;<br />
    top: -5px;<br />
    right: -5px;<br />
    width: 19px;<br />
    height: 19px;<br />
}<br />
.iflag-num {<br />
    position: relative;<br />
    display: inline-block;<br />
    width: 19px;<br />
    height: 19px;<br />
    background: url('/images/profile/sheild_19.png') no-repeat 0 0;<br />
    font-size: 11px;<br />
    text-align: center;<br />
    color: #fff;<br />
    line-height: 19px;<br />
}<br />
.table-pad {border-collapse: separate;border-spacing:0 5px}