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