* {
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
}
a, a:link, a:visited, a:active {
color: #BA0000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
html, body {
height: 100%;
}
body {
background-color: #a0a0a0;
margin: 0px;
scrollbar-3dlight-color: #72635D;
scrollbar-arrow-color: #9B8F8B;
scrollbar-base-color: #968A86;
scrollbar-darkshadow-color: #47352D;
scrollbar-face-color: #443A36;
scrollbar-highlight-color: #64554E;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #615652;
}
form {
margin: 0px;
}
/*img {*/
/* !*vertical-align: middle;*!*/
/*}*/
a img {
border: 0;
}
input[type='checkbox'] {
vertical-align: middle;
}
input.disabled:disabled {
border-color: #999;
background-color: #EEE;
color: #666;
}
.inline-block {
display: inline-block;
position: relative;
/ / display: inline;
/ / zoom: 1;
}
.regcolor, .regcolor * {
color: #955C4A;
}
.regblk, .regblk * {
color: #49382D;
}
.regblk2, .regblk2 * {
color: #674F3D;
}
.lfg-color, .lfg-color * {
color: #631c0b;
}
.bg {
background-attachment: fixed;
background-color: black;
background-image: url('../images/bg.gif');
background-position: 0 5px;
}
.bg2 {
background-color: black;
background-image: url('../images/bg2.gif');
}
.bgg {
background-image: url('../images/bgg.gif');
}
.bgg2 {
background-image: url('../images/bgg2.gif');
}
.bg_l {
background-image: url('../images/bg_l.gif');
}
.bg_l2 {
background-image: url('../images/bg_l2.gif');
cursor: pointer;
}
.bg_l3 {
background-image: url('../images/bg_l3.gif');
cursor: pointer;
}
.bg_brown {
background: #ffe7c5;
}
.bpdig {
background-color: #6e534c !important;
border: solid 1px #6f4a24 !important;
color: #f6d9a6 !important;
font-weight: bold !important;
height: 14px !important;
margin: 2px !important;
text-align: center !important;
width: 32px !important;
}
.addcelldur {
background-color: #6e534c !important;
border: solid 1px #6f4a24 !important;
color: #f6d9a6 !important;
font-weight: bold !important;
height: 14px !important;
left: 0px;
margin: 2px !important;
position: absolute;
text-align: center !important;
top: 0px;
width: 32px !important;
}
.float {
float: left;
}
.pg, .pg td {
color: #8D2616;
height: 17px;
padding-left: 1px;
padding-right: 1px;
text-align: center;
vertical-align: center !important;
}
.pg-act {
background: url('../images/pg-act.gif') no-repeat center center;
height: 17px;
margin: 1px;
padding: 1 0 0 2;
text-align: center;
width: 17px;
}
.pg-inact {
background: url('../images/pg-inact.gif') no-repeat center center;
background-repeat: no-repeat;
height: 17px;
margin: 1px;
padding: 1 0 0 2;
text-align: center;
width: 17px;
}
.pg-act_lnk {
color: #FFF3D2 !important;
font-size: 9px;
font-weight: bold;
}
.pg-inact_lnk {
color: #C50000 !important;
font-size: 9px;
font-weight: bold;
}
.b-progress-bar {
height: 31px;
overflow: hidden;
position: relative;
}
.b-progress-bar__bg {
border-radius: 5px;
margin: 2px 5px 0 5px;
overflow: hidden;
}
.b-progress-bar__bg,
.b-progress-bar__bg-bright {
background: url("../images/progressbar/progress-bar-1-bg.png?r=2") repeat-x;
height: 27px;
}
.b-progress-bar__bg-bright {
background-position: 0 -27px;
float: left;
}
.b-progress-bar.fill_red .b-progress-bar__bg {
background-position: 0 -54px;
}
.b-progress-bar.fill_red .b-progress-bar__bg-bright {
background-position: 0 -27px;
}
.b-progress-bar__border {
position: absolute;
left: 0;
top: 0;
height: 31px;
width: 100%;
}
.b-progress-bar__border-l,
.b-progress-bar__border-r,
.b-progress-bar__border-c {
background: url("../images/progressbar/progress-bar-1-border.png") no-repeat;
height: 100%;
}
.b-progress-bar__border-l,
.b-progress-bar__border-r {
position: absolute;
top: 0;
}
.b-progress-bar__border-l {
left: 0;
width: 20px;
}
.b-progress-bar__border-r {
background-position: 0 -31px;
right: 0;
width: 20px;
}
.b-progress-bar__border-c {
background-position: 0 -62px;
background-repeat: repeat-x;
margin: 0 20px;
}
.b-progress-bar__text {
line-height: 32px;
position: absolute;
left: 0;
top: 0;
width: 100%;
text-align: center;
}
.b-progress-bar__text {
font-size: 12px;
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
font-weight: bold;
text-shadow: 0 0 8px black, 0 0 3px black, 1px 1px 0 black, -1px -1px 0 black, -1px -1px 0 black, 1px -1px 0 black;
}
.b-progress-bar__pointer-cont {
height: 100%;
position: absolute;
left: 5px;
right: 5px;
top: 0;
}
.b-progress-bar__pointer {
background: url("../images/progressbar/progress-bar-1-pointer.png") no-repeat;
height: 32px;
width: 11px;
overflow: hidden;
position: absolute;
top: 0;
margin-left: -5px;
}
.h_curly_label_l, .h_curly_label_r {
background: url("../images/title-decor.png");
width: 18px;
height: 14px;
margin: 0 5px;
}
.h_curly_label_r {
background-position: 0 -14px;
}
hr.fading {
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(219, 160, 116, 0), rgba(219, 160, 116, 0.75), rgba(219, 160, 116, 0));
background-image: -moz-linear-gradient(left, rgba(219, 160, 116, 0), rgba(219, 160, 116, 0.75), rgba(219, 160, 116, 0));
background-image: -ms-linear-gradient(left, rgba(219, 160, 116, 0), rgba(219, 160, 116, 0.75), rgba(219, 160, 116, 0));
background-image: -o-linear-gradient(left, rgba(219, 160, 116, 0), rgba(219, 160, 116, 0.75), rgba(219, 160, 116, 0));
}
.comp-doll {
width: 332px;
height: 434px;
position: relative;
}
.comp-doll__avatar {
position: absolute;
width: 179px;
height: 203px;
left: 75px;
top: 75px;
background: url("../images/shadow-frame-anim.gif") no-repeat;
)
}
.comp-doll__avatarno {
position: absolute;
width: 179px;
height: 203px;
left: 75px;
top: 75px;
background: url("../images/shadow-frame-anim-logosuz.gif") no-repeat;
)
}
.comp-doll__bg {
width: 332px;
height: 434px;
position: absolute;
background: url("../images/shadow-slots.png") no-repeat;
z-index: 0;
}
.comp-doll__slot {
width: 60px;
height: 60px;
position: absolute;
}
.comp-doll__slot.SHADOW_RHAND {
left: 15px;
top: 143px;
}
.comp-doll__slot.SHADOW_LHAND {
left: 257px;
top: 143px;
}
.comp-doll__slot.SHADOW_BODY {
left: 15px;
top: 275px;
}
.comp-doll__slot.SHADOW_ARMOR {
left: 15px;
top: 209px;
}
.comp-doll__slot.SHADOW_SHOULDER {
left: 15px;
top: 77px;
}
.comp-doll__slot.SHADOW_HEAD {
left: 137px;
top: 25px;
}
.comp-doll__slot.SHADOW_GLOVE {
left: 257px;
top: 77px;
}
.comp-doll__slot.SHADOW_LEG {
left: 257px;
top: 209px;
}
.comp-doll__slot.SHADOW_FOOT {
left: 257px;
top: 275px;
}
.comp-doll__slot.SHADOW_ACC_1 {
left: 96px;
top: 275px;
}
.comp-doll__slot.SHADOW_ACC_2 {
left: 176px;
top: 275px;
}
.comp-doll__slot.SHADOW_ACC_3 {
left: 96px;
top: 345px;
}
.comp-doll__slot.SHADOW_ACC_4 {
left: 176px;
top: 345px;
}
.comp-doll__slot.unavailable_slot {
background: #000;
opacity: 0.3;
}
/* Talents */
.talent-list {
width: 1000px;
}
.b-talent {
display: inline-block;
width: 310px;
height: 140px;
padding: 10px;
/ / display: inline;
/ / zoom: 1;
}
.b-talent table {
width: 100%;
height: 100%;
table-layout: fixed;
}
.b-talent table td {
padding: 0;
}
.b-talent__artikuls,
.b-talent__upgrades {
padding: 5px 0;
text-align: center;
}
.b-talent__artikul {
display: inline-block;
position: relative;
width: 47px;
height: 47px;
padding: 10px;
vertical-align: middle;
}
.b-talent__artikul img {
display: block;
width: 46px;
height: 46px;
}
.b-talent__artikul .frame {
position: absolute;
z-index: 1;
top: 5px;
left: 5px;
width: 57px;
height: 57px;
background: url('../images/talents/talent-frame.png') no-repeat;
}
.b-talent_disabled .b-talent__artikul .frame {
background-position: 100% 0;
}
.b-talent__artikul_0 .frame {
background-position: 0 0;
}
.b-talent__artikul_1 .frame {
background-position: -57px 0;
}
.b-talent__artikul_2 .frame {
background-position: -114px 0;
}
.b-talent__artikul_3 .frame {
background-position: -171px 0;
}
.b-talent__artikul_4 .frame {
background-position: -228px 0;
}
.b-talent__artikul .selection {
display: none;
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 67px;
height: 67px;
background: url('../images/talents/talent-selection.png') no-repeat;
}
.b-talent__artikul_selected .selection {
display: block;
}
.b-talent_disabled .b-talent__artikul_selected .selection {
display: none;
}
.b-talent__upgrade {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
}
.b-talent__upgrade img {
display: block;
width: 100%;
height: 100%;
}
.b-talent__divider {
display: block;
width: 100%;
height: 1px;
}
.b-talent__restriction {
padding: 16px 0 11px 0;
font-weight: bold;
text-align: center;
color: #fd201a;
}
.b-talent__reset {
padding: 10px;
text-align: center;
}
.common-inset-2-tl,
.common-inset-2-tr,
.common-inset-2-bl,
.common-inset-2-br {
font-size: 0;
letter-spacing: -1em;
word-spacing: -1em;
background: url('/images/frames/common-corners.png') no-repeat;
}
.common-inset-2-tl {
background-position: 0 0;
}
.common-inset-2-tr {
background-position: 100% 0;
}
.common-inset-2-bl {
background-position: 0 100%;
}
.common-inset-2-br {
background-position: 100% 100%;
}
.common-inset-2-t,
.common-inset-2-b {
font-size: 0;
letter-spacing: -1em;
word-spacing: -1em;
background: url('/images/frames/common-tb.png') repeat-x;
}
.common-inset-2-t {
background-position: 0 0;
}
.common-inset-2-b {
background-position: 0 100%;
}
.common-inset-2-l,
.common-inset-2-r {
font-size: 0;
letter-spacing: -1em;
word-spacing: -1em;
background: url('/images/frames/common-lr.png') repeat-y;
}
.common-inset-2-l {
background-position: 0 0;
}
.common-inset-2-r {
background-position: 100% 0;
}
.common-inset-2-bg {
background: url('/images/frames/common-bg.png');
}
.common-inset-2-bg_old {
background: url('/images/frames/common-bg_old.png');
}
.menu-left-corner {
background: url('/images/btn-left1.png') repeat-x top;
width: 19px;
height: 21px;
}
.menu-left-corner.inact {
background-image: url('/images/btn-left2.png');
}
.menu-center-corner {
background: url('/images/btn-cent1.png') repeat-x top;
padding: 0 2px 3px 2px;
}
.menu-center-corner.inact {
background-image: url('/images/btn-cent2.png');
}
.menu-right-corner {
background: url('/images/btn-right1.png') repeat-x top;
width: 19px;
height: 21px;
}
.menu-right-corner.inact {
background-image: url('/images/btn-right2.png');
}
.common-inset-3-tl,
.common-inset-3-tr,
.common-inset-3-bl,
.common-inset-3-br {
font-size: 0;
letter-spacing: -1em;
word-spacing: -1em;
background: url('/images/frames/dark-corners.png') no-repeat;
}
.common-inset-3-tl {
background-position: 0 0;
}
.common-inset-3-tr {
background-position: 100% 0;
}
.common-inset-3-bl {
background-position: 0 100%;
}
.common-inset-3-br {
background-position: 100% 100%;
}
.common-inset-3-t,
.common-inset-3-b {
font-size: 0;
letter-spacing: -1em;
word-spacing: -1em;
background: url('/images/frames/dark-tb.png') repeat-x;
}
.common-inset-3-t {
background-position: 0 0;
}
.common-inset-3-b {
background-position: 0 100%;
}
.common-inset-3-l,
.common-inset-3-r {
font-size: 0;
letter-spacing: -1em;
word-spacing: -1em;
background: url('/images/frames/dark-lr.png') repeat-y;
}
.common-inset-3-l {
background-position: 0 0;
}
.common-inset-3-r {
background-position: 100% 0;
}
.common-inset-3-bg {
background: url('/images/frames/dark-bg.png');
}
/* end Talents *//*
/* bank premium */
.premium-tabs .tab .ico {
width: 43px;
height: 40px;
margin-bottom: 5px;
background: url('../images/premium-tabs.png') 0 0 no-repeat;
}
.premium-tabs .tab-active .ico {
background-position: 0 -40px;
}
.premium-tabs .tab-active b {
color: #911600;
}
.premium-grade-table {
width: 330px;
margin: 0 auto;
}
.premium-grade-table td {
padding: 5px;
vertical-align: middle;
}
.premium-grade-table b {
font-size: 12px;
color: #794630;
}
.premium-grade-table .common-red-btn .inner {
min-width: 80px;
}
b.premium-grade-price {
font-size: 14px;
}
.premium-progress {
text-align: center;
}
.premium-progress b {
color: #794630;
}
.premium-progress .common-red-btn .inner {
min-width: 80px;
}
.premium-progress .common-black-btn .inner {
min-width: 80px;
}
.premium-features {
width: 80%;
margin: 0 auto;
}
.premium-features-ico {
float: left;
width: 40px;
height: 40px;
margin: 0 10px 0 0;
}
.premium-features-ico_1 {
background-position: 0 0;
}
.premium-features-ico_2 {
background-position: 0 -200px;
}
.premium-features-ico_3 {
background-position: 0 -40px;
}
.premium-features-ico_4 {
background-position: 0 -240px;
}
.premium-features-ico_5 {
background-position: 0 -80px;
}
.premium-features-ico_6 {
background-position: 0 -280px;
}
.premium-features-ico_7 {
background-position: 0 -120px;
}
.premium-features-ico_8 {
background-position: 0 -320px;
}
.premium-features-ico_9 {
background-position: 0 -160px;
}
.premium-features-ico_10 {
background-position: 0 -360px;
}
.premium-features-text {
overflow: hidden;
}
.premium-features-header {
font-weight: bold;
font-size: 14px;
color: #911600;
}
.premium-features-text p {
margin: 5px 0 0;
color: #6f3e19;
}
.opacity-50 {
opacity: .5;
/ / filter: progid: DXImageTransform . Microsoft . Alpha(opacity = 50);
}
.loading {
background: #ffe2a8;
border-radius: 10px;
color: #cf805f;
font-weight: bold;
font-size: 21px;
line-height: 18px;
position: absolute;
height: 20px;
width: 20px;
text-align: center;
}
@-webkit-keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loading {
-webkit-animation: rotating .5s linear infinite;
-moz-animation: rotating .5s linear infinite;
-ms-animation: rotating .5s linear infinite;
-o-animation: rotating .5s linear infinite;
animation: rotating .5s linear infinite;
}
.bank-premium {
}
.bank-premium__level {
background: url("../images/bank-premium-levels.png") no-repeat;
display: block;
margin: 0 auto;
height: 40px;
width: 40px;
}
.bank-premium__level.level_0 {
background-position: 0 0;
}
.bank-premium__level.level_1 {
background-position: 0 -40px;
}
.bank-premium__level.level_2 {
background-position: 0 -80px;
}
.bank-premium__level.level_3 {
background-position: 0 -120px;
}
.bank-premium__level.level_4 {
background-position: 0 -160px;
}
.bank-premium__level.level_5 {
background-position: 0 -200px;
}
.bank-premium-progress {
padding: 20px 8px 24px;
}
.bank-premium-progress__cont {
position: relative;
}
.bank-premium-progress__bar {
padding: 0 5px;
}
.bank-premium-progress__levels {
height: 40px;
width: 100%;
position: absolute;
left: 0;
top: -4px;
}
.bank-premium-progress__levels-cost {
font-weight: bold;
text-align: center;
position: absolute;
left: -35px;
top: 46px;
white-space: nowrap;
width: 60px;
}
.bank-premium-progress__levels.bank-premium__level {
top: 0;
width: 40px;
}
.bank-premium-progress__levels.level_0 {
background-position: 0 0;
left: 0;
}
.bank-premium-progress__levels.level_1 {
background-position: 0 -40px;
left: 20%;
margin-left: -20px;
}
.bank-premium-progress__levels.level_2 {
background-position: 0 -80px;
left: 40%;
margin-left: -20px;
}
.bank-premium-progress__levels.level_3 {
background-position: 0 -120px;
left: 60%;
margin-left: -20px;
}
.bank-premium-progress__levels.level_4 {
background-position: 0 -160px;
left: 80%;
margin-left: -20px;
}
.bank-premium-progress__levels.level_5 {
background-position: 0 -200px;
left: 100%;
margin-left: -40px;
}
.bank-premium-progress__label {
font-size: 12px;
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
font-weight: bold;
position: absolute;
top: 0;
line-height: 32px;
top: 0;
text-align: center;
width: 100%;
text-shadow: 0 0 8px black, 0 0 3px black, 1px 1px 0 black, -1px 1px 0 black, -1px -1px 0 black, 1px -1px 0 black;
}
.bank-premium-description {
font-size: 12px;
padding: 24px;
}
.bank-premium-description * {
font-size: 12px;
}
.common-header .h-premium {
position: absolute;
top: -2px;
left: 96px;
width: 43px;
height: 40px;
}
.common-header .h-premium.premium-level-1 {
background: url('/images/user-info-premium.png') 0 -40px no-repeat;
}
.common-header .h-premium.premium-level-2 {
background: url('/images/user-info-premium.png') 0 -80px no-repeat;
}
.common-header .h-premium.premium-level-3 {
background: url('/images/user-info-premium.png') 0 -120px no-repeat;
}
.common-header .h-premium.premium-level-4 {
background: url('/images/user-info-premium.png') 0 -160px no-repeat;
}
.common-header .h-premium.premium-level-5 {
background: url('/images/user-info-premium.png') 0 -200px no-repeat;
}
/*-------------------------------
POPUP.CSS
-------------------------------*/
.popup_back {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
.popup_cont {
position: absolute;
z-index: 102;
}
.preloader {
z-index: 101;
}
/*---------------------
EDIT BELOW
*/
.popup_close {
color: #888;
cursor: pointer;
position: absolute;
padding: 5px;
right: 5px;
top: 0;
display: none;
}
.popup_close:hover {
color: #111;
}
.popup_back {
cursor: pointer;
background-color: #222;
}
div.popup {
background: transparent;
}
.preloader {
left: 50%;
margin: -10px 0 0 -25px;
position: fixed;
top: 50%;
}
.chat_popup_change_timezone {
margin: 5px;
padding: 10px;
background: #fcecb1;
border: 1px solid #e3b360;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #6d3a0b;
}
.chat_popup_change_timezone ul {
margin: 0;
padding: 0;
list-style: none;
}
.chat_popup_change_timezone li {
margin: 0;
padding: 10px 0 10px 40px;
background: url('../images/popup-checkbox-bg.png') left -32px no-repeat;
cursor: pointer;
font-size: 12px;
}
.chat_popup_change_timezone li.selected {
background: url('../images/popup-checkbox-bg.png') left top no-repeat;
}
.chat_popup_change_timezone li .radiobox {
display: block;
border: 1px solid #000;
float: left;
margin: 1px;
width: 15px;
height: 15px;
}
.chat_popup_change_timezone li .time {
display: block;
float: right;
margin: 0 5px;
color: #9e150f;
font-weight: bold;
}
.chat_popup_channel_settings {
padding-bottom: 5px;
}
.chat_popup_channel_settings .chse_block {
margin: 5px;
padding: 10px;
background: #fcecb1;
border: 1px solid #e3b360;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #6d3a0b;
}
.chat_popup_channel_settings .chse_header {
color: #6c382c;
font-weight: bold;
margin-bottom: 8px;
}
.chat_popup_channel_settings .shop-input-cont-wrap {
text-align: center;
}
.chat_popup_channel_settings .shop-input-cont {
margin: 0 auto;
}
.smile_div2 {
position: absolute;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
}
.smile_div {
width: 300px;
border: 1px solid #392f29;
}
.smile_table tr {
height: 40px;
}
.smile_table tr td {
width: 50px;
}
.smile-btn {
padding: 1px 5px;
background: url('../images/smile-btn.png') center top #f2d6a2 repeat-x;
border: 1px solid #5a4833;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
font-weight: bold;
}
#smile_div {
display: none;
position: absolute;
z-index: 502;
background-image: url('/images/bgg.gif');
padding: 1px;
right: 45px;
bottom: 35px;
}
#smile_div_bg {
display: none;
position: absolute;
z-index: 501;
background-image: url('/images/null.gif');
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
#smile_div .smile_table {
border-collapse: collapse;
background-image: url('/images/bgg.gif');
}
#smile_div .smile_table td {
border: 1px solid #C49485;
cursor: hand;
padding: 3px;
text-align: center;
}
#smile_div .smile_table td:hover {
background-color: #fff;
}
#smile_div .smile_table.favorite_edit .smile-container {
position: relative;
}
#smile_div .smile_table.favorite_edit .smile-favorite {
position: absolute;
right: -3px;
top: -5px;
width: 19px;
height: 18px;
background: url('../images/favorite.png') right -18px no-repeat;
}
#smile_div .smile_table.favorite_edit td.favorite .smile-favorite {
background-position: right top;
}
.tabs {
overflow: hidden;
}
.tab {
float: left;
position: relative;
margin-right: 1px;
}
#tab-content .tab a,
#tab-content .tab span {
border: 1px solid #DB9F73;
display: block;
margin-top: 3px;
padding: 2px 15px;
color: #461C0B;
font-weight: bold;
}
#tab-content .tab span.warn {
border: 0;
display: inline;
margin: 0 5px 0 0;
padding: 0;
}
#tab-content .tab a.active,
#tab-content .tab span.active {
margin-top: 0;
padding: 5px 15px 2px;
background-image: url('../images/bgg.gif');
}
#tab-content .tab a.default,
#tab-content .tab span.default {
}
#tab-content .tab a.lock,
#tab-content .tab span.lock {
background-image: url('../images/bg_l4.jpg');
}
.clan-mng-grade-form {
position: relative;
top: -1px;
}
.not-saved input {
border: 2px solid red !important;
}
.warn {
margin: 0 5px 0 0;
}
.warn img {
vertical-align: bottom;
}
.grade_general, .grade_battle, .grade_citadel {
display: none;
overflow: hidden;
}
td.grade_general, td.grade_battle, td.grade_citadel {
vertical-align: top;
}
input.hint {
font-style: italic;
color: #BBBBBB;
font-weight: 100;
}
p.error {
font-size: 14px;
color: #fff;
background-color: #d00000;
border-radius: 10px 10px;
text-indent: 15px;
line-height: 22px;
font-weight: bold;
padding-bottom: 1px;
}
#ui-datepicker-div {
display: none;
}
/* clan history */
.clan-history-filter {
margin: 10px auto;
text-align: center;
}
.clan-history-filter label {
color: #000;
}
.clan-history-filter select,
.clan-history-filter option {
color: #000;
}
.clan-history-filter input {
color: #000;
}
.clan-history-pager {
margin: 10px auto;
}
.clan-history-table {
margin: 10px auto;
}
.clan-history-table .text-brown {
color: #725644;
}
.clan-history-table .text-dark-brown {
color: #49382d;
}
/* ui-datepicker */
.ui-datepicker {
padding: 5px;
background: #FFFBD6;
border: 1px solid #C49485;
border-top: 0px;
}
.ui-datepicker-next {
float: right;
}
.ui-datepicker-prev span {
display: inline-block;
width: 15px;
height: 21px;
cursor: pointer;
background: url('/images/input-arrows.png') 0 0 no-repeat;
text-indent: -9999px;
}
.ui-datepicker-next span {
display: inline-block;
width: 15px;
height: 21px;
cursor: pointer;
background: url('/images/input-arrows.png') 100% 0 no-repeat;
text-indent: -9999px;
}
.ui-datepicker-prev.ui-state-disabled span {
background-position: 0 100%;
}
.ui-datepicker-next.ui-state-disabled span {
background-position: 100% 100%;
}
.ui-datepicker-title select {
background: #FFFBD6;
border: 1px solid #C49485;
color: #000;
}
.ui-datepicker-title select option {
color: #000;
}
/* artifact slot */
.artifact-slot {
position: relative;
display: block;
width: 60px;
height: 60px;
}
.artifact-slot__picture {
vertical-align: top;
}
.artifact-slot__ico {
position: absolute;
display: block;
width: 20px;
height: 20px;
background-image: url('/images/artifact-slot-ico.gif');
background-repeat: no-repeat;
}
.artifact-slot__ico.ico-info {
right: 0;
top: 0;
background-position: 0 0;
}
.artifact-slot__ico.ico-drop {
right: 0;
bottom: 0;
background-position: 0 -20px;
}
.artifact-slot__ico.ico-perp {
left: 0;
bottom: 0;
background-position: 0 -60px;
}
.artifact-slot__ico.ico-use {
left: 0;
top: 0;
background-position: 0 -40px;
}
.artifact-slot__ico.ico-extract {
left: 20px;
bottom: 0;
background-position: -20px 0;
}
.artifact-slot__ico.ico-repair {
left: 0;
top: 0;
background-position: -20px -20px;
}
.artifact-slot__ico.ico-sell {
right: 0;
bottom: 0;
background-position: -20px -40px;
}
.artifact-slot__enchant {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 20px;
height: 20px;
background-image: url('/images/enchants.png');
background-repeat: no-repeat;
}
.artifact-slot__enchant.enchant-1_0 {
background-position: 0 0;
}
.artifact-slot__enchant.enchant-1_1 {
background-position: -20px 0;
}
.artifact-slot__enchant.enchant-1_2 {
background-position: -40px 0;
}
.artifact-slot__enchant.enchant-1_3 {
background-position: -60px 0;
}
.artifact-slot__enchant.enchant-1_4 {
background-position: -80px 0;
}
.artifact-slot__enchant.enchant-2_0 {
background-position: 0 -20px;
}
.artifact-slot__enchant.enchant-2_1 {
background-position: -20px -20px;
}
.artifact-slot__enchant.enchant-2_2 {
background-position: -40px -20px;
}
.artifact-slot__enchant.enchant-2_3 {
background-position: -60px -20px;
}
.artifact-slot__enchant.enchant-2_4 {
background-position: -80px -20px;
}
.artifact-slot__enchant.enchant-3_0 {
background-position: 0 -40px;
}
.artifact-slot__enchant.enchant-3_1 {
background-position: -20px -40px;
}
.artifact-slot__enchant.enchant-3_2 {
background-position: -40px -40px;
}
.artifact-slot__enchant.enchant-3_3 {
background-position: -60px -40px;
}
.artifact-slot__enchant.enchant-3_4 {
background-position: -80px -40px;
}
.artifact-slot__enchant.enchant-4_0 {
background-position: 0 -60px;
}
.artifact-slot__enchant.enchant-4_1 {
background-position: -20px -60px;
}
.artifact-slot__enchant.enchant-4_2 {
background-position: -40px -60px;
}
.artifact-slot__enchant.enchant-4_3 {
background-position: -60px -60px;
}
.artifact-slot__enchant.enchant-4_4 {
background-position: -80px -60px;
}
.artifact-slot__enchant.enchant-5_0 {
background-position: 0 -80px;
}
.artifact-slot__enchant.enchant-5_1 {
background-position: -20px -80px;
}
.artifact-slot__enchant.enchant-5_2 {
background-position: -40px -80px;
}
.artifact-slot__enchant.enchant-5_3 {
background-position: -60px -80px;
}
.artifact-slot__enchant.enchant-5_4 {
background-position: -80px -80px;
}
.artifact-slot__enchant.enchant-6_0 {
background-position: 0 -100px;
}
.artifact-slot__enchant.enchant-6_1 {
background-position: -20px -100px;
}
.artifact-slot__enchant.enchant-6_2 {
background-position: -40px -100px;
}
.artifact-slot__enchant.enchant-6_3 {
background-position: -60px -100px;
}
.artifact-slot__enchant.enchant-6_4 {
background-position: -80px -100px;
}
.artifact-slot__enchant.enchant-no_rune {
background-position: 0 -120px;
}
.artifact-slot__enchant.enchant-oprava {
background-position: -20px -120px;
z-index: 2;
}
.artifact-slot__enchant.enchant4_0 {background-position: -40px -120px;}
.artifact-slot__enchant.enchant4_1 {background-position: -40px -120px;}
.artifact-slot__enchant.enchant4_2 {background-position: -60px -120px;}
.artifact-slot__enchant.enchant4_3 {background-position: -80px -120px;}
.artifact-slot__enchant.enchant4_4 {background-position: 0 -140px;}
.artifact-slot__enchant.enchant4_5 {background-position: -20px -140px;}
.artifact-slot-qnt {
position: absolute;
left: 1px;
bottom: 1px;
display: block;
border: solid 1px #6F4A24;
background-color: #6E534C;
width: 32px;
height: 14px;
color: #F6D9A6;
font-weight: bold;
margin: 2px;
text-align: center;
}
/* artifact slot */
.artifact-slot {
position: relative;
display: block;
width: 60px;
height: 60px;
cursor: pointer;
}
a.artifact-slot {
text-decoration: none !important;
}
.artifact-slot__picture {
vertical-align: top;
}
.artifact-slot span, li.ui-sortable-helper .artifact-slot span {
display: none;
}
.artifact-slot.hover span {
display: block;
}
.artifact-slot .artifact-slot__enchant {
display: block !important;
}
.artifact-slot__ico {
position: absolute;
display: block;
width: 20px;
height: 20px;
background-image: url('/images/artifact-slot-ico.gif');
background-repeat: no-repeat;
}
.artifact-slot__ico.info {
right: 0;
top: 0;
background-position: 0 0;
}
.artifact-slot__ico.drop {
right: 0;
bottom: 0;
background-position: 0 -20px;
}
.artifact-slot__ico.perp {
left: 0;
bottom: 0;
background-position: 0 -60px;
}
.artifact-slot__ico.use {
left: 0;
top: 0;
background-position: 0 -40px;
}
.artifact-slot__ico.extract {
left: 20px;
bottom: 0;
background-position: -20px 0;
}
.artifact-slot__ico.repair {
left: 20px;
top: 0;
background-position: -20px -20px;
}
.artifact-slot__ico.sell {
right: 0;
bottom: 0;
background-position: -20px -40px;
}
.artifact-slot__enchant {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 20px;
height: 20px;
background-image: url('/images/enchants.png?r=0');
background-repeat: no-repeat;
}
.artifact-slot__enchant.enchant-1_0 {
background-position: 0 0;
}
.artifact-slot__enchant.enchant-1_1 {
background-position: -20px 0;
}
.artifact-slot__enchant.enchant-1_2 {
background-position: -40px 0;
}
.artifact-slot__enchant.enchant-1_3 {
background-position: -60px 0;
}
.artifact-slot__enchant.enchant-1_4 {
background-position: -80px 0;
}
.artifact-slot__enchant.enchant-2_0 {
background-position: 0 -20px;
}
.artifact-slot__enchant.enchant-2_1 {
background-position: -20px -20px;
}
.artifact-slot__enchant.enchant-2_2 {
background-position: -40px -20px;
}
.artifact-slot__enchant.enchant-2_3 {
background-position: -60px -20px;
}
.artifact-slot__enchant.enchant-2_4 {
background-position: -80px -20px;
}
.artifact-slot__enchant.enchant-3_0 {
background-position: 0 -40px;
}
.artifact-slot__enchant.enchant-3_1 {
background-position: -20px -40px;
}
.artifact-slot__enchant.enchant-3_2 {
background-position: -40px -40px;
}
.artifact-slot__enchant.enchant-3_3 {
background-position: -60px -40px;
}
.artifact-slot__enchant.enchant-3_4 {
background-position: -80px -40px;
}
.artifact-slot__enchant.enchant-4_0 {
background-position: 0 -60px;
}
.artifact-slot__enchant.enchant-4_1 {
background-position: -20px -60px;
}
.artifact-slot__enchant.enchant-4_2 {
background-position: -40px -60px;
}
.artifact-slot__enchant.enchant-4_3 {
background-position: -60px -60px;
}
.artifact-slot__enchant.enchant-4_4 {
background-position: -80px -60px;
}
.artifact-slot__enchant.enchant-5_0 {
background-position: 0 -80px;
}
.artifact-slot__enchant.enchant-5_1 {
background-position: -20px -80px;
}
.artifact-slot__enchant.enchant-5_2 {
background-position: -40px -80px;
}
.artifact-slot__enchant.enchant-5_3 {
background-position: -60px -80px;
}
.artifact-slot__enchant.enchant-5_4 {
background-position: -80px -80px;
}
.artifact-slot__enchant.enchant-6_0 {
background-position: 0 -100px;
}
.artifact-slot__enchant.enchant-6_1 {
background-position: -20px -100px;
}
.artifact-slot__enchant.enchant-6_2 {
background-position: -40px -100px;
}
.artifact-slot__enchant.enchant-6_3 {
background-position: -60px -100px;
}
.artifact-slot__enchant.enchant-6_4 {
background-position: -80px -100px;
}
.artifact-slot__enchant.enchant-no-rune {
background-position: 0 -120px;
}
.artifact-slot__enchant.enchant-oprava {
background-position: -20px -120px;
z-index: 2;
}
.artifact-slot__enchant.enchant4_0 {
background-position: -40px -120px;
}
.artifact-slot__enchant.enchant4_1 {
background-position: -40px -120px;
}
.artifact-slot__enchant.enchant4_2 {
background-position: -60px -120px;
}
.artifact-slot__enchant.enchant4_3 {
background-position: -80px -120px;
}
.artifact-slot__enchant.enchant4_4 {
background-position: 0 -140px;
}
.artifact-slot__enchant.enchant4_5 {
background-position: -20px -140px;
}
.artifact-slot-qnt {
position: absolute;
left: 1px;
bottom: 1px;
display: block !important;
border: solid 1px #6F4A24;
background-color: #6E534C;
width: 32px;
height: 14px;
color: #F6D9A6;
font-weight: bold;
margin: 2px;
text-align: center;
}
.effects_sets_popup {
max-height: 450px;
overflow-y: auto;
}
.rune_png {
width: 0px;
height: 0px;
}
.rune_1 {
position: relative;
top: -58px;
left: 43px;
}
.rune_2 {
position: relative;
top: -39px;
left: 43px;
}
.rune_3 {
position: relative;
top: -20px;
left: 43px;
}
.rune_1t {
position: relative;
top: -11px;
left: 43px;
}
.rune_2t {
position: relative;
top: 8px;
left: 43px;
}
.rune_3t {
position: relative;
top: 27px;
left: 43px;
}
.enchants {
position: relative;
height: 20px;
width: 20px;
overflow: hidden;
display: block;
}
.enchant_png {
behavior: url(/js/iepngfix.htc);
_display: block;
margin: 3px 0 0 2px;
position: absolute;
left: 0;
top: 0;
}
.enchant2_png {
behavior: url(/js/iepngfix.htc);
_display: block;
position: absolute;
left: 0;
top: 0;
}
/* event progress bar */
/* tahoma_11_bold font add */
table.e-progress-bar {table-layout: fixed; width: 436px; height: 156px; background: url("/images/data/canvas/ui/event_progress.png") 100% 100%/cover no-repeat; font-family: "Tahoma, Geneva, sans-serif"; font-weight: bold;}
table.e-progress-bar td {padding: 0;}
table.e-progress-bar tr {width: 100%;}
.e-progress-bar .e-progress-bar-field {text-align: center;}
.e-progress-bar .e-progress-bar-field__header p {color: #FFE9A6; width: 436px; line-height: 17px; overflow: hidden; height: 17px;}
.e-progress-bar .e-progress-bar-field__title p {color: #000000; width: 436px; margin: 0; overflow: hidden; height: 14px;}
.e-progress-bar-under-container {margin-top: -1px;}
.e-progress-bar-under {text-align: center; text-indent: 30px; line-height: 11px;}
.e-progress-bar-under__white {background: url("/images/data/canvas/ui/event_progress.png") 0 382px; width: 82px; margin-left: 38px; color: #AF0000; float: left; text-indent: -10px;}
.e-progress-bar-under__red {background: url("/images/data/canvas/ui/event_progress.png") -82px 383px; width: 71.5px; margin-right: 42px; color: #FFE9A6; float: right; text-indent: 10px;}
.e-progress-bar-under__size {height: 16px; max-width: 100px;}
.e-progress-bar-under__pb {padding-bottom: 40px;}
.e-progress-bar-under__hum {color: #003D64;}
.e-progress-bar-under__mag {float: right; margin-right: 41px; transform: scaleX(-1);}
.e-progress-bar-under__mag div {transform: scaleX(-1); text-indent: 15px; color: #AF0000;}
.e-progress-bar-mask-pointer {width: calc(100% - 6px); padding-left: 12px;}
.e-progress-bar-mask-pointer__line2 {position: absolute; top: 0; left: 0;}
.e-progress-bar-pointer {background: url("/images/data/canvas/ui/event_progress.png") 76px 334px; width: 11px; height: 32px; float: right;}
.e-progress-bar-mask {width: 0; position: absolute; top: 0; left: 0;}
.e-progress-bar-mask__white {background: url("/images/data/canvas/ui/event_progress.png") 0 269px; height: 31px;}
.e-progress-bar-mask__blue {background: url("/images/data/canvas/ui/event_progress.png") 0 196px; height: 20px;}
.e-progress-bar-mask__red {background: url("/images/data/canvas/ui/event_progress.png") 0 176.8px; height: 20px; margin-top: 19.2px;}
.e-progress-bar-line__second {position: relative; top: -16px;}
.e-progress-bar-line {position: relative;}
.e-progress-bar-line1 {background: url("/images/data/canvas/ui/event_progress.png") 0 301px; width: 360px; height: 31px; margin-left: 38px; margin-top: 1px;}
.e-progress-bar-line2-empty {width: 360px; height: 30px; margin-left: 38px; margin-top: 2px; position: relative;}
.e-progress-bar-line2 {background: url("/images/data/canvas/ui/event_progress.png"); width: 0; height: 30px;}
.e-progress-bar-line2-icons {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.e-progress-bar-line2-icon {background: url("/images/data/canvas/ui/event_progress.png"); width: 18px; height: 20px; margin-top:5px;}
.e-progress-bar-line2-icon__hum {float: left; margin-left: 6px;}
.e-progress-bar-line2-icon__mag {float: right; margin-right: 6px;}
.e-progress-bar-line2__blue {background-position: 0 332px; float: left;}
.e-progress-bar-line2__red {background-position: 0 363px; float: right; transform: scaleX(-1);}
.e-progress-bar-line3 {background: url("/images/data/canvas/ui/event_progress.png") 0 236px; width: 373px; height: 40px; margin-left: 31px; margin-top: 1px;}
.e-progress-bar-icon-line {width: 96%; height: 100%; padding-left: 18px;}
.e-progress-bar-icon {background: url("/images/data/canvas/ui/event_progress.png"); width: 18px; height: 20px; float: right;}
.e-progress-bar-icon-hum {background-position: 282px 0px;}
.e-progress-bar-icon-mag {background-position: 264px 0px;}
/* bg | battle grounds */
.btg-main {padding-top: 30px; padding-bottom: 30px;}
.btg-top-btn {margin-top: 10px;margin-left: 25px; margin-bottom: 10px;}
.btg-top-text {background-image: url("../images/tbl-shp_menu-center-act.png"); background-repeat: repeat-x; height: 19px; padding: 0 20px;}
.btg-top-text p {color: #FFF1C0; font-family: Tahoma; font-size: 11px; font-weight: bold;}
.btg-table {position: relative; width: 407px; height: 204px; display: inline-table; margin-left: 35px; margin-right: 35px; margin-top: 20px;}
.btg-prew {position: absolute; top: 0; left: 0;}
.btg-prew img {object-fit: cover; object-position: 100% 5%;}
.btg-btn {position: absolute; bottom: 14px;}
.btg-btn td {text-align: center; width: 407px;}
.btg-btn td input {height: 32px; width: 175px; background: url("/images/bg_ui/bg_red_btn.png") 50%/contain no-repeat; cursor: pointer; color: #FFF1C0; font-weight: 700; border: none;}
.btg-frame {position: absolute; display: block; height: 70%;}
.btg-frame-img {object-fit: contain; height: 100%; max-height: 433px; }
.btg-frame-modal {position: relative; top: 10px; left: -10px; width: 165px; height: 80%; display: block;}
.btg-frame-modal img {position: absolute; top: 0; left: 0; max-width: 274px; width: 100%; max-height: 433px; height: 100%; object-fit: scale-down; margin-top: 14%; }
.btg-frame-modal-img {image-rendering: auto;}
.btg-frame-modal .btg-frame {transform: rotateX(-90);}
.btg-img {max-width: 274px; max-height: 433px;}
.btg-img img {width: 100%; height: 100%;}
.btg-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(81, 60, 52, 0.90); display: none; z-index: 1;}
.btg-body__hidden {overflow: hidden; margin-right: 16px;}
.btg-modal-cont {display: none; width: 100%; height: 100%; position: fixed; z-index: 1; top: 0; left: 0;}
.btg-modal-cont > td {display: block;}
.btg-modal {table-layout: fixed; width: calc(90% - 90px); max-width: 1436px; height: calc(100% - 60px); max-height: 617px; margin: 30px auto; position: relative; image-rendering: pixelated;}
.btg-modal-close {cursor: pointer;}
.btg-modal-desc {padding-left: 130px; padding-right: 12px; vertical-align: top;}
.btg-modal-desc-c {height: 65%; overflow-y: auto;}
.btg-modal-desc-text {margin-top: 40px; font-size: 15px; color: #955C4A; line-height: 16px;}
.btg-modal-desc-status {text-align: center;}
.btg-modal-desc-btns {text-align: center;}
.btg-modal-desc-btns-tournament {overflow: auto; height: 40%;}
.btg-modal-desc-btns > .butt1 {margin-right: 10px;}
.btg-modal-desc-btns > .butt1 > input {margin: 0 31px;}
.btg-modal_x36 {width: 36px; height: 36px;}
.btg-modal_repeat {background-repeat: repeat;}
.btg-modal_pixel {image-rendering: pixelated;}
.btg-modal_tl {background-image: url("/images/bg_ui/bg_modal_tl.png");}
.btg-modal_t {background-image: url("/images/bg_ui/bg_modal_t.png");}
.btg-modal_tr {background-image: url("/images/bg_ui/bg_modal_tr.png");}
.btg-modal_c {background-image: url("/images/bg_ui/bg_modal_c.png"); max-width: 314px;}
.btg-modal_l {background-image: url("/images/bg_ui/bg_modal_l.png");}
.btg-modal_f {vertical-align: top; position: relative; z-index: 1;}
.btg-modal_bc {background-image: url("/images/bg_ui/bg_modal_bc.png");}
.btg-modal_f_flip {transform: scale(-1, 1);}
.btg-modal_b {background-image: url("/images/bg_ui/bg_modal_b.png");}
@media screen and (min-height: 450px) {
.btg-frame-modal {width: 240px; top: 0;}
.btg-modal-desc {padding-left: 200px;}
.btg-modal-desc-btns-tournament {overflow: auto; height: 40%;}
}
@media screen and (min-width: 720px) and (min-height: 550px) {
.btg-modal-desc {padding-left: 280px;}
.btg-modal-desc-btns-tournament {overflow: auto; height: 37%;}
}
@media screen and (min-height: 550px) {
.btg-frame-modal {width: 270px; top: 0; left: 0;}
}
@media screen and (min-width: 1024px) and (min-height: 400px) {
.btg-modal-desc-c {height: 70%;}
.btg-modal-desc-btns-tournament {overflow: auto; height: 33%;}
}
@media screen and (min-width: 1280px) and (min-height: 550px) {
.btg-modal-desc-btns > .butt1 {margin-right: 30px;}
.btg-frame-modal {left: 30px;}
.btg-modal-desc {padding-left: 280px;}
.btg-modal-desc-btns > div {margin: 12px;}
}
@media screen and (min-width: 1280px) and (min-height: 650px) {
.btg-modal-desc {padding-left: 320px;}
}
.cart-amount-sell-div {
position: absolute;
display: none;
min-width: 380px;
border: 1px solid #660000;
z-index: 1000;
}
.cart-amount-sell-name {
margin: 0 auto 15px;
color: #ba0000;
font-weight: bold;
text-align: center;
}
.cart-amount-sell-price {
margin-bottom: 15px;
text-align: center;
}
.cart-amount-sell-price input {
width: 34px;
padding: 0 4px
}
.cart-amount-sell-div .butt2.all_items {
margin-left: 20px;
}
.cart-amount-sell_cancel {
margin-left: 20px;
}
.area-cart-all-items-price-money {
display: inline-block;
*display: inline;
*zoom: 1;
height: 15px;
}
.cart_amount_sell_input {
background: 0;
height: 21px;
line-height: 21px;
text-align: center;
}
.cart-amount-input-cont {
position: relative;
display: inline-block;
margin: 0 10px;
}
.cart-amount-input-cont .arrow {
position: absolute;
top: 0px;
width: 15px;
height: 21px;
cursor: pointer;
background: url('/images/input-arrows.png');
}
.cart-amount-input-cont .arrow.left {
left: -10px;
background-position: 0 0;
}
.cart-amount-input-cont .arrow.right {
right: -10px;
background-position: 100% 0;
}
.cart-amount-input-cont .arrow.left-disabled {
left: -10px;
cursor: default;
background-position: 0 100%;
}
.cart-amount-input-cont .arrow.right-disabled {
right: -10px;
cursor: default;
background-position: 100% 100%;
}
/*silme popup*/
.popup-artifact {
overflow: hidden;
*zoom: 1;
min-width: 250px;
margin: 0 11px;
padding: 10px;
background: #fceeb5;
border: 1px solid #e3b360;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.popup-artifact + .popup-artifact {
margin-top: 4px;
}
.popup-artifact__img {
position: relative;
float: left;
margin-right: 10px;
}
.popup-artifact__img .enchants {
position: absolute;
left: 0;
bottom: 0;
}
.popup-artifact__dsc {
overflow: hidden;
*zoom: 1;
text-align: left;
}
.popup-artifact__dsc div {
margin-bottom: 3px;
}
.popup-artifact__title {
margin-bottom: 6px;
font-weight: bold;
white-space: nowrap;
}
.popup-artifact__action-price {
padding: 0 11px;
text-align: left;
}
.item-transform {
margin: 15px 0 0;
text-align: center;
}
.item-transform__slot {
display: inline-block;
vertical-align: middle;
width: 60px;
height: 60px;
padding: 5px;
background-image: url('../images/item_slot.png');
}
.item-transform__slot img {
display: block;
}
.item-transform__arrow {
display: inline-block;
vertical-align: middle;
width: 13px;
height: 20px;
margin: 0 20px;
background-image: url('../images/transform-arrow.png');
}
#sell_amount_possible_sell_artifacts .dropdown_list_inner {
max-height: 100px;
}
/*item ayarları */
.items-filter {
float: right;
}
.items-filter__btn-search,
.items-filter__btn-sort,
.items-filter__btn-settings {
cursor: pointer;
display: inline-block;
height: 23px;
width: 23px;
vertical-align: middle;
}
.items-filter__btn-refresh {
cursor: pointer;
display: inline-block;
height: 23px;
width: 23px;
vertical-align: middle;
background: url('../images/btn-filter-refresh.png?r=1') no-repeat;
}
.items-filter__btn-time {
cursor: pointer;
display: inline-block;
height: 23px;
width: 23px;
vertical-align: middle;
background: url('../images/btn-filter-time.png?r=1') no-repeat;
}
.items-filter__btn-search {
background: url("../images/btn-filter-search.png?r=1") no-repeat;
}
.items-filter__btn-sort {
background: url("../images/btn-filter-sort.png") no-repeat;
}
.items-filter__btn-settings {
background: url('../images/btn-settings.png?r=1') no-repeat;
}
.common-menu {
background: url("../images/cell-horiz-brd.gif") repeat-x;
border: 1px solid #300;
padding: 2px 0 0;
position: absolute;
min-width: 160px;
max-width: 170px;
z-index: 100;
}
.common-menu__list {
background: url("../images/cell-horiz-brd.gif") 0 100% repeat-x;
border-top: 1px solid #300;
list-style-type: none;
margin: 0;
padding: 0 0 2px;
}
.common-menu__item {
background: url("../images/cell-light.gif") 50% 50% repeat-x;
border-bottom: 1px solid #300;
}
.common-menu__item_hover,
.common-menu__item.hover {
background: url("../images/cell-roll.gif") 50% 50% repeat-x;
}
.common-menu__item_title {
color: #000 !important;
font-weight: bold;
padding: 1px 0;
text-align: center;
}
.common-menu__item-link {
color: #764 !important;
cursor: pointer;
display: block;
font-weight: bold;
text-decoration: none;
padding: 1px 5px 1px 20px;
}
.common-menu__item-link:hover,
.common-menu__item-link.zeroclipboard-is-hover {
color: #900 !important;
text-decoration: none;
}
.common-menu__item-link_asc {
background: url("../images/cell-arr-asc.png") 5px 50% no-repeat;
}
.common-menu__item-link_desc {
background: url("../images/cell-arr-desc.png") 5px 50% no-repeat;
}
.common-menu__item-input {
background: #FFF;
position: relative;
padding: 1px 20px 1px 5px;
}
.common-menu__item-input-field {
border: 0 none;
margin: 0;
padding: 0;
outline: none;
width: 100%;
height: 13px;
}
.common-menu__item-input-label {
color: #a49981;
font-size: 10px;
position: absolute;
left: 5px;
top: 1px;
right: 0;
width: 100%;
}
.common-menu__item-input-clear {
cursor: pointer;
position: absolute;
right: 1px;
top: 1px;
}
.common-menu.common-menu__pers {
width: auto !important;
max-width: inherit !important;
border: 1px solid #e3b360;
background: #f8e5a8;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0px 3px 3px 1px rgba(41, 13, 5, 0.4);
-webkit-box-shadow: 0px 3px 3px 1px rgba(41, 13, 5, 0.4);
box-shadow: 0px 3px 3px 1px rgba(41, 13, 5, 0.4);
}
.common-menu.common-menu__pers .common-menu__list {
padding: 0 0 6px;
border: 0;
background: 0;
}
.common-menu.common-menu__pers .common-menu__list .common-menu__item {
border: 0;
background: 0;
color: #955C4A !important;
font-weight: normal;
}
.common-menu.common-menu__pers .common-menu__list .common-menu__item span {
padding: 0 18px 3px;
background: 0 !important;
color: #955C4A !important;
font-weight: normal;
}
.common-menu.common-menu__pers .common-menu__list .common-menu__item span:hover, .common-menu.common-menu__pers .common-menu__list .common-menu__item span.zeroclipboard-is-hover {
color: #a40001 !important;
background: #edcf8f !important;
}
.common-menu.common-menu__pers .common-menu__list .common-menu__item.common-menu__item_title {
margin-bottom: 6px;
padding: 6px 18px 3px;
border-bottom: 1px solid #e2b25e;
color: #6a382f !important;
font-weight: bold;
}
.common-menu.common-menu__pers .common-menu__list .common-menu__item.common-menu__item_title:hover {
background: 0;
}
.items-filter__btn-search:hover,
.items-filter__btn-sort:hover,
.items-filter__btn-settings:hover {
background-position: 0 -23px;
}
.items-filter__btn-refresh:hover {
background-position: 0 -23px;
}
.items-filter__btn-time:hover {
background-position: 0 -23px;
}
.items-filter__btn-search:active,
.items-filter__btn-settings:active,
.items-filter__btn-sort:active {
background-position: 0 -46px;
}
.items-filter__btn-settings.disabled {
background: url('../images/btn-settings.png?r=1') 0 100% no-repeat;
}
/*popup*/
.popup_global_content {
overflow: hidden;
margin: 0 18px;
background: url('../images/popup-main-bg.png') center center;
*zoom: 1;
}
.popup_global_close_btn {
position: absolute;
right: -2px;
top: -2px;
width: 33px;
height: 35px;
background: url('../images/popup-close.png') right top no-repeat;
cursor: pointer;
}
.popup_global_title {
height: 24px;
padding-top: 10px;
color: #f5f4bf;
font-weight: bold;
text-align: center;
}
.popup-top-left {
position: relative;
background: url('../images/popup-top-left.png') left top no-repeat;
}
.popup-top-right {
background: url('../images/popup-top-right.png') right top no-repeat;
}
.popup-top-center {
margin: 0 36px 0 17px;
background: url('../images/popup-top-center.png') left top repeat-x;
}
.popup-left-center {
position: relative;
background: url('../images/popup-left-center.png') left top repeat-y;
}
.popup-right-center {
background: url('../images/popup-right-center.png') right top repeat-y;
}
.popup-left-bottom {
background: url('../images/popup-left-bottom.png') left bottom no-repeat;
}
.popup-right-bottom {
background: url('../images/popup-right-bottom.png') right bottom no-repeat;
}
.popup-bottom-center {
height: 17px;
margin: 0 18px;
background: url('../images/popup-bottom-center.png') center bottom repeat-x;
}
.chStyler__wrapper {
position: relative;
display: inline-block;
width: 32px;
height: 32px;
cursor: pointer;
*display: inline;
*zoom: 1;
overflow: hidden;
}
.chStyler__wrapper .chStyler__cover {
position: absolute;
display: inline-block;
left: 0;
top: 0;
width: 32px;
height: 32px;
background: url('../images/popup-radio-cover.png') 0 -32px no-repeat;
cursor: pointer;
z-index: 3;
*display: inline;
*zoom: 1;
}
.chStyler__wrapper.checked .chStyler__cover {
background-position: 0 0;
}
.chStyler__wrapper.disabled .chStyler__cover {
background-position: 0 -96px;
}
.chStyler__wrapper.checked.disabled .chStyler__cover {
background-position: 0 -64px;
}
.clan-mng-grade-form .chStyler__wrapper {
margin: 2px 0;
}
.not-saved .chStyler__wrapper {
margin: 0px 0 !important;
border: 2px solid red;
}
.chk-title {
display: inline-block;
height: 32px;
width: 80px;
margin-left: 5px;
line-height: 32px;
vertical-align: top;
*display: inline;
*zoom: 1;
}
.chStyler__wrapper .chStyler__color {
position: absolute;
left: 6px;
top: 6px;
z-index: 1;
display: inline-block;
width: 21px;
height: 21px;
*display: inline;
*zoom: 1;
}
.gui .chStyler__wrapper {
position: relative;
display: inline-block;
width: 24px;
height: 23px;
cursor: pointer;
*display: inline;
*zoom: 1;
overflow: hidden;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
.gui .chStyler__wrapper .chStyler__cover {
position: absolute;
display: inline-block;
left: 0;
top: 0;
width: 24px;
height: 23px;
background: url('../images/gui/gui-checkbox.png?r=1') 0 -23px no-repeat;
cursor: pointer;
z-index: 3;
*display: inline;
*zoom: 1;
}
.gui .chStyler__wrapper.checked .chStyler__cover {
background-position: 0 0;
}
.gui .chStyler__wrapper.disabled .chStyler__cover {
background-position: 0 -69px;
}
.gui .chStyler__wrapper.checked.disabled .chStyler__cover {
background-position: 0 -46px;
}
.gui .chStyler__wrapper:hover .chStyler__cover {
background-position: 0 -115px;
}
.gui .chStyler__wrapper.checked:hover .chStyler__cover {
background-position: 0 -92px;
}
.gui .chStyler__wrapper:active .chStyler__cover {
background-position: 0 -184px;
}
.gui .chStyler__wrapper.checked:active .chStyler__cover {
background-position: 0 -207px;
}
.gui .chStyler__wrapper.disabled:hover .chStyler__cover {
background-position: 0 -69px;
}
.gui .chStyler__wrapper.checked.disabled:hover .chStyler__cover {
background-position: 0 -46px;
}
.gui .chk-title {
display: inline-block;
height: 32px;
width: 80px;
margin-left: 5px;
line-height: 32px;
vertical-align: top;
*display: inline;
*zoom: 1;
}
.popup_btn {
display: inline-block;
background: url('../images/popup-btn-left.png') left top no-repeat;
*display: inline;
*zoom: 1;
}
.popup_btn div {
background: url('../images/popup-btn-right.png') right top no-repeat;
}
.popup_btn div button {
margin: 0 33px;
height: 35px;
padding: 0 10px;
background: url('../images/popup-btn-center.png') left 7px repeat-x;
border: 0;
color: #f8dea4 !important;
cursor: pointer;
font-weight: bold;
text-align: center;
}
.popup_center {
text-align: center;
}
/* ====================================================================== */
.pnick, .pnick:hover {
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #674F3D !important;
}
.enick, .enick:hover {
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #B70000 !important;
}
a.ghostnick, a.ghostnick:hover {
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #c49485 !important;
}
.ecol {
color: #B70000 !important;
}
.b {
font-weight: bold;
}
.u {
text-decoration: underline;
}
.i {
font-style: italic;
}
.red, .red * {
color: #d00000;
}
.blue, .blue * {
color: #0000d0;
}
.ajustify, .ajustify * {
text-align: justify;
}
table.vatop td {
vertical-align: top;
}
table.vamiddle td {
vertical-align: middle;
}
table.vabottom td {
vertical-align: bottom;
}
td.td-vamiddle {
vertical-align: middle !important;
}
.p0, .p0 td {
padding: 0px;
}
.p1, .p1 td {
padding: 1px;
}
.p2v, .p2v td {
padding-top: 2px;
padding-bottom: 2px;
}
.p4v, .p4v td {
padding-top: 4px;
padding-bottom: 4px;
}
.p6v, .p6v td {
padding-top: 6px;
padding-bottom: 6px;
}
.p6h, .p6h td {
padding-left: 6px;
padding-right: 6px;
}
.p10h, .p10h td {
padding-left: 10px;
padding-right: 10px;
}
.w100 {
width: 100%;
}
.h100 {
height: 100%;
}
.dbg {
background-color: #F3D8B2;
}
.dbgl {
background-color: #FFE7C5;
}
.dbgl2 {
background-color: #FFFBD6;
}
.transp {
background-color: transparent;
}
table.coll {
border-collapse: collapse;
border-spacing: 0;
}
.brd, .brd td {
border: 1px solid #C49485;
}
.brd-all {
border: 1px solid #C49485;
}
.brd-top {
border-top: 1px solid #C49485;
}
.brd-left {
border-left: 1px solid #C49485;
}
.brd-right {
border-right: 1px solid #C49485;
}
.brd-bt {
border-bottom: 1px solid #C49485;
}
.brd2, .brd2 td {
border: 1px solid #DB9F73;
}
.brd2-all {
border: 1px solid #DB9F73;
}
.brd2-top {
border-top: 1px solid #DB9F73;
}
.brd2-bt {
border-bottom: 1px solid #DB9F73;
}
.brd2-r {
border-right: 1px solid #DB9F73;
}
.brd2-l {
border-left: 1px solid #DB9F73;
}
.nobrd, .nobrd td {
border: none !important;
}
.redd, .redd * {
color: #BA0000 !important;
}
.redd2, .redd2 * {
color: #8a0108 !important;
}
.grnn, .grnn * {
color: #114d01 !important;
}
.brown, .brown * {
color: #955C4A !important;
}
.dark, .dark * {
color: #49382D !important;
}
.dim, .dim * {
color: #c49485;
}
.violet, .violet * {
color: #3615ac !important;
}
.big, .big * {
font-size: 12px;
}
.small, .small * {
font-size: 10px;
}
.pointer, .pointer input {
cursor: pointer;
}
/* --- Pets styles --- */
/* end Talents */ /* user pets */
#pet_list {}
#pet_list .b-filter__icon {
cursor: pointer;
}
#pet_list .b-filter__icon:hover {
background-position: 0 -23px;
}
#pet_list .b-filter__icon:active {
background-position: 0 -46px;
}
#pets {
margin:0 auto;
}
/* pet abilities */
.pet-ability {display: block; position: relative; width: 60px; height: 60px; margin: 1px 0 0 5px;}
.pet-ability img {width: 60px; height: 60px; margin: 0; border: 0;}
.pet-ability .pet-loc-small {display: none; position: absolute; z-index: 2; top: 0; left: 50%; width: 20px; height: 20px; margin-left: -10px; cursor: pointer; background: url('/images/pet-loc-small.png') no-repeat;}
.pet-ability .pet-loc {position: absolute; z-index: 1; top: 0; left: 0; width: 60px; height: 60px; cursor: pointer; background: url('/images/pet-loc.png') no-repeat;}
.pet-ability .pet-dice-1 {position: absolute; z-index: 2; bottom: 1px; left: 2px; width: 23px; height: 27px; background: url('/images/pet-dice-1.png') no-repeat;}
.pet-ability .pet-dice-2 {position: absolute; z-index: 2; bottom: 1px; left: 2px; width: 21px; height: 40px; background: url('/images/pet-dice-2.png') no-repeat;}
.pet-ability .pet-dice-3 {position: absolute; z-index: 2; bottom: 1px; left: 2px; width: 17px; height: 44px; background: url('/images/pet-dice-3.png') no-repeat;}
#pets, #pets * {
color: #503224;
}
#pets .pet-item {
overflow: hidden; *zoom: 1;
position: relative;
margin: 1px 0;
cursor: pointer;
}
#pets .pet-item .pet-item__inner {
margin: 7px;
background: url('../images/bg_l6.png');
}
#pets .pet-item.active .pet-item__inner {
background-image: url('../images/bg_l.gif');
}
.pet-item__lt {
position: absolute;
left: 0;
top: 0;
width: 7px;
height: 7px;
background: url('../images/pets/corners.png') 0 -14px no-repeat;
}
.pet-item__t {
position: absolute;
left: 7px;
top: 0;
right: 7px;
height: 7px;
background: url('../images/pets/h-line.png') 0 -14px;
}
.pet-item__rt {
position: absolute;
right: 0;
top: 0;
width: 7px;
height: 7px;
background: url('../images/pets/corners.png') 100% -14px no-repeat;
}
.pet-item__r {
position: absolute;
right: 0;
top: 7px;
bottom: 7px;
width: 7px;
background: url('../images/pets/v-line.png') -21px 0;
}
.pet-item__rb {
position: absolute;
right: 0;
bottom: 0;
width: 7px;
height: 7px;
background: url('../images/pets/corners.png') 100% -21px no-repeat;
}
.pet-item__b {
position: absolute;
left: 7px;
bottom: 0;
right: 7px;
height: 7px;
background: url('../images/pets/h-line.png') 0 -21px;
}
.pet-item__lb {
position: absolute;
left: 0;
bottom: 0;
width: 7px;
height: 7px;
background: url('../images/pets/corners.png') 0 -21px no-repeat;
}
.pet-item__l {
position: absolute;
left: 0;
top: 7px;
bottom: 7px;
width: 7px;
background: url('../images/pets/v-line.png') -14px 0;
}
.pet-item.active .pet-item__lt {
background-position: 0 0;
}
.pet-item.active .pet-item__t {
background-position: 0 0;
}
.pet-item.active .pet-item__rt {
background-position: 100% 0;
}
.pet-item.active .pet-item__r {
background-position: -7px 0;
}
.pet-item.active .pet-item__rb {
background-position: 100% -7px;
}
.pet-item.active .pet-item__b {
background-position: 0 -7px;
}
.pet-item.active .pet-item__lb {
background-position: 0 -7px;
}
.pet-item.active .pet-item__l {
background-position: 0 0;
}
#pets .pet-item .pet-name {
position: relative;
height: 18px;
margin-bottom: 7px;
padding-bottom: 3px;
background: url('../images/pets/line.png') 50% 100% no-repeat;
font-weight: bold;
line-height: 16px;
text-align:center;
}
#pets .pet-item a.pet-title {
text-decoration: none;
}
#pets .pet-item a.pet-title:hover {
text-decoration: none;
}
.pet-item-info {
display: inline-block; *display: inline; *zoom: 1;
width: 10px;
height: 10px;
background: url('../images/player_info.gif');
}
#pets .pet-item .pet-favorite {
display: inline-block;
width: 19px;
height: 18px;
background: url('../images/favorite.png') center bottom;
cursor: pointer;
position: absolute;
left: 1px;
top: 0;
}
#pets .pet-item .pet-favorite:hover {background-position: center top;}
#pets .pet-item .pet-favorite.checked_fav {background-position: center top;}
#pets .pet-item .pet-item__img {
float: left;
}
#pets .pet-item .pet-item__dsc {
margin-left: 70px;
}
.pet_info .c-s-n-fon span {font-weight: normal;}
.pet_info .c-s-n-fon span.user-pets-detail-level {
color: red;
font-weight: bold;
}
.tbl-usi-hdr.mbg.pets {
padding-left: 20px;
padding-right: 0;
}
.user-pets-detail-picture {
float: left;
width: 60px;
height: 60px;
margin-right: 14px;
}
.user-pets-detail-exp {
overflow: hidden; *zoom: 1;
}
.user-pets-detail-exp .progress-bar .progress-bar__txt span {
font-weight: normal;
color: #fff;
font-size: 10px;
}
.user-pets-detail__line {
height: 1px;
margin: 5px 0 9px;
background: url('../images/pets/line.png') 50% 100% no-repeat;
}
.question-detail-alt, .user-pets-detail-alt {
padding: 2px;
position:absolute;
display: none;
z-index: 999;
}
.user-pets-icon {
display: inline-block; *display: inline; *zoom: 1;
width: 11px;
height: 11px;
background: url('../images/pets/icon.png') 100% 0 no-repeat;
}
.user-pets-icon.rename {
padding-left: 10px;
cursor: pointer;
vertical-align: -2px;
}
.user-pets-icon.level {
background-position: 100% -11px;
vertical-align: -1px;
}
.user-pets-icon.food {
background-position: 100% -22px;
vertical-align: -2px;
}
.user-pets-icon.state {
width: 13px;
height: 12px;
background-position: 100% -33px;
vertical-align: -2px;
}
.user-pets-detail-divs {
margin-top: -35px;
}
.user-pets-detail-doll {
position: relative;
width: 324px;
height: 340px;
}
.user-pets-detail-doll__cover {
position: absolute;
top: 0;
left: 0;
width: 324px;
height: 301px;
background: url('../images/pets/pet-doll.png') 0 0 no-repeat;
z-index: 2;
}
.user-pets-detail-doll__ability-slot,
.user-pets-detail-doll__item-slot {
position:absolute;
width:60px;
height:60px;
margin-bottom:5px;
z-index:2;
}
.user-pets-detail-doll__ability-slot {
left: 11px;
top: 23px;
}
.user-pets-detail-doll__ability-slot-2 {
top: 88px;
}
.user-pets-detail-doll__ability-slot-3 {
top: 153px;
}
.user-pets-detail-doll__ability-slot-4 {
top: 218px;
}
.user-pets-detail-doll__item-slot {
left: 253px;
top: 23px;
}
.user-pets-detail-doll__item-slot-2 {
top: 88px;
}
.user-pets-detail-doll__item-slot-3 {
top: 153px;
}
.user-pets-detail-doll__item-slot-4 {
top: 218px;
}
.user-pets-detail-doll-reset {
position: absolute;
left: 74px;
top: 270px;
text-align: center;
z-index: 2;
}
.user-pets-detail-doll-reset-price {
height: 22px;
line-height: 22px;
font-weight: bold;
}
.user-pets-detail-doll-reset-img, .user-pets-detail-doll-reset-img img {
display: inline-block;
width: 22px;
height: 22px;
vertical-align: middle;
}
.user-pets-detail-doll__ability-slot-roll {
background: url('/images/pet-roll-ability.png') 50% 50% no-repeat;
cursor: pointer;
}
.user-pets-detail-doll__item-slot-upgrade {
position: absolute;
right: 0;
bottom: 0;
width: 19px;
height: 19px;
background: url('/images/pet-slot-upgrade.png') 0 0 no-repeat;
cursor: pointer;
}
.user-pets-detail-doll__item-slot-upgrade-dis {
cursor: default;
opacity: .5;
}
.user-pets-detail-food-per-fight {
}
.user-pets-detail-food-per-fight .user-pets-detail-alt {
text-align: left;
}
.user-pets-detail-food-per-fight .user-pets-detail-food-per-fight-count {color: red; font-weight: bold;}
.user-pets-detail-food-per-fight-not-enough{display: none}
.pet-info__skills {
width: 100%;
border-collapse: collapse;
}
.pet-info__skills td {
padding: 5px 2px;
border: 1px solid #d69f76;
}
.pet-info__skill {
display: inline-block;
height: 16px;
padding: 0 0 0 20px;
line-height: 16px;
background-image: url('/images/pet-skills.png');
background-repeat: no-repeat;
font-weight: bold;
}
.pet-info__skill-grass {
background-position: 0 0;
}
.pet-info__skill-fish {
background-position: 0 -16px;
}
.pet-info__skill-gems {
background-position: 0 -32px;
}
.pet-info__skill-talismans {
background-position: 0 -48px;
}
.pet-info__skill-value {
background-position: 0 -64px;
}
.pet-info__skill-items {
background-position: 0 -80px;
}
.pet_info .c-s-n-fon span.user-pets-detail-food-per-fight-value {
color: red;
font-weight: bold;
}
span.user-pets-detail-food-artikul {
font-weight: bold;
cursor: pointer;
}
.pet_info .c-s-n-fon span.user-pets-detail-state {
font-weight: bold;
}
.pet_info .c-s-n-fon span.user-pets-detail-food-per-fight-value-str {
color: #955c4a;
}
.pet-info-tabs-l {position: absolute; margin: 0 0 0 -15px; }
.pet-info-tabs-r {position: absolute; margin: 0 0 0 -15px; }
.pet-info-tabs-div {position: relative; width: 100%; top: -23px; text-align: center; }
.pet-info-tabs-header {display: inline;}
.pet-info-tabs-header td {padding: 0; vertical-align: top;}
.pet-info-tabs-bg {height: 33px; background: url('../images/achieve_header_bg.gif') repeat-x left top; }
.pet-info-tabs-bg a {display: block; white-space: nowrap; padding: 8px 19px 12px 15px; text-decoration: none !important; color: #5e3512 !important; font-weight: bold !important; background: url('../images/achieve_header_link_separate.gif') no-repeat right top; }
.pet-info-tabs-bg a:hover, .pet-info-tabs-bg a.active {background: url('../images/achieve_header_abg.gif') right top; color: #f9dfa1 !important;}
.progress-bar {position: relative; width: 100%; height: 17px;}
.progress-bar__bg {position: absolute; right: 3px; left: 3px; top: 0; height: 17px; background: url('/images/progress-bar.png') 0 -51px repeat-x;}
.progress-bar__red {position: absolute; right: 3px; top: 0; height: 17px; background: url('/images/progress-bar.png') 0 -68px repeat-x;}
.progress-bar__cover {position: absolute; left: 20px; right: 20px; top: 0; height: 17px; background: url('/images/progress-bar.png') 0 0 repeat-x;}
.progress-bar__left {position: absolute; left: 0; top: 0; width: 20px; height: 17px; background: url('/images/progress-bar.png') 0 -17px no-repeat;}
.progress-bar__right {position: absolute; right: 0; top: 0; width: 20px; height: 17px; background: url('/images/progress-bar.png') 0 -34px no-repeat;}
.progress-bar__marker {position: absolute; top: 0; width: 5px; height: 17px; background: url('/images/progress-bar.png') 0 -85px no-repeat;}
.progress-bar__txt {position: absolute; left: 3px; right: 3px; top: 3px; color: #fff; font-size: 10px; text-align: center; text-shadow: -1px 0 2px #444444, 0 1px 2px #444444, 1px 0 2px #444444, 0 -1px 2px #444444, -1px 0 1px #640303, 0 1px 1px #640303, 1px 0 1px #640303, 0 -1px 1px #640303;}
.user-pets-detail-abilities {
overflow: hidden; *zoom: 1;
margin-top: 15px;
}
.pet_info span.user-pets-detail-abilities-period-value-str {
color: #d00000;
}
.pet-cover {
position: absolute;
left: 7px;
top: 0;
width: 178px;
height: 180px;
background: url('../images/pets/pet-cover.png') 0 0;
}
.user-pets-detail .butt1.user-pets-detail-grade-cost-button.disabled,
.user-pets-detail .butt1.user-pets-detail-grade-cost-button.disabled input {
cursor: default;
}
.progress-bar {
position: relative;
width: 100%;
height: 17px;
}
.progress-bar__bg {
position: absolute;
right: 3px;
left: 3px;
top: 0;
height: 17px;
background: url('/images/progress-bar.png') 0 -51px repeat-x;
}
.progress-bar__red {
position: absolute;
right: 3px;
top: 0;
height: 17px;
background: url('/images/progress-bar.png') 0 -68px repeat-x;
}
.progress-bar__cover {
position: absolute;
left: 20px;
right: 20px;
top: 0;
height: 17px;
background: url('/images/progress-bar.png') 0 0 repeat-x;
}
.progress-bar__left {
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 17px;
background: url('/images/progress-bar.png') 0 -17px no-repeat;
}
.progress-bar__right {
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 17px;
background: url('/images/progress-bar.png') 0 -34px no-repeat;
}
.progress-bar__marker {
position: absolute;
top: 0;
width: 5px;
height: 17px;
background: url('/images/progress-bar.png') 0 -85px no-repeat;
}
.progress-bar__txt {
position: absolute;
left: 3px;
right: 3px;
top: 3px;
color: #fff;
font-size: 10px;
text-align: center;
text-shadow: -1px 0 2px #444444, 0 1px 2px #444444, 1px 0 2px #444444, 0 -1px 2px #444444, -1px 0 1px #640303, 0 1px 1px #640303, 1px 0 1px #640303, 0 -1px 1px #640303;
}
.user-pets-detail-abilities {
overflow: hidden;
*zoom: 1;
margin-top: 15px;
}
.pet_info span.user-pets-detail-abilities-period-value-str {
color: #d00000;
}
.pet-cover {
position: absolute;
left: 7px;
top: 0;
width: 178px;
height: 180px;
background: url('../images/pets/pet-cover.png') 0 0;
}
.user-pets-detail .butt1.user-pets-detail-grade-cost-button.disabled,
.user-pets-detail .butt1.user-pets-detail-grade-cost-button.disabled input {
cursor: default;
}
/* ====== input-2 ====== */
.input-2,
.input-2__inner {
height: 29px;
background: url('../images/gui/input-2.png') no-repeat;
}
.input-2 {
display: inline-block;
position: relative;
padding-left: 10px;
}
.input-2__inner {
display: block;
position: relative;
padding-right: 56px;
background-position: 100% -29px;
}
.input-2 input {
height: 15px;
margin: 7px 0 0;
padding: 0;
line-height: 1;
border: 0;
background: none;
}
.input-2 input:focus {
outline: 0;
}
.input-2 label {
position: absolute;
top: 7px;
left: 0;
color: #a49981;
cursor: text;
}
.input-2__matches {
position: absolute;
top: 7px;
right: 27px;
width: 13px;
height: 14px;
font: bold 10px/14px Arial, sans-serif;
text-align: center;
color: #5b4736;
border: #634832 1px solid;
border-top-color: #e6f9c1;
border-bottom: 0;
background: #c5f39b;
}
.input-2-btn {
position: absolute;
top: 6px;
right: 3px;
width: 22px;
height: 17px;
padding-left: 2px;
cursor: pointer;
background: url('../images/gui/input-2-btn.png') no-repeat;
}
/* ====== chat-search ====== */
.chat-search {
position: absolute;
z-index: 999;
}
#chat_users_list .chat_user_item.search-highlight-nick a.pnick,
#chat_users_list .chat_user_item.search-highlight-nick a.enick {
background-color: #c5f39b;
}
/* --- button styles --- */
b.butt1, b.butt1.disabled {
height: 36px;
font-size: 26px;
cursor: pointer;
background: url('../images/tbl-btn2_c-left.png') left top no-repeat;
display: inline-block;
}
b.butt1 b, b.butt1.disabled b {
height: 36px;
font-size: 26px;
cursor: pointer;
background: url('../images/tbl-btn2_c-right.png') right top no-repeat;
display: inline-block;
}
b.butt1 input, b.butt1 button.butt1, b.butt1.disabled input, b.butt1.disabled button {
height: 36px;
border: 0;
color: #f8dea4 !important;
cursor: pointer;
font-family: Tahoma;
font-size: 11px !important;
font-weight: bold;
text-decoration: none;
margin: 0 33px;
background: transparent url('../images/tbl-btn2_center.png') center top repeat-x;
padding-bottom: 2px;
outline: none;
}
b.butt1 input + span * {
color: #f8dea4 !important;
}
b.butt1.disabled b, b.butt1.disabled input, b.butt1.disabled button {
cursor: default;
}
b.butt1.doctype input, b.butt1.doctype button.butt1.doctype {
vertical-align: top;
}
b.butt1.disabled {
cursor: default;
background: url('../images/tbl-btn2_c-left-dis.png') left top no-repeat !important;
}
b.butt1.disabled b {
background: url('../images/tbl-btn2_c-right-dis.png') right top no-repeat !important;
}
b.butt1.disabled input, b.butt1.disabled button {
color: #9e9181 !important;
background: transparent url('../images/tbl-btn2_center-dis.png') center top !important;
}
.butt1_middle {
vertical-align: middle;
}
b.butt2 {
height: 15px;
font-size: 15px;
background: url('../images/btn2-c-left.gif') left bottom no-repeat;
display: inline-block;
}
b.butt2 b {
height: 15px;
font-size: 15px;
background: url('../images/btn2-c-right.gif') right bottom no-repeat;
display: inline-block;
}
b.butt2 input, b.butt2 button {
height: 15px;
border: 0px solid;
color: #2D1600;
font-family: Tahoma;
font-size: 9px;
font-weight: bold;
text-decoration: none;
margin: 0 8 0 8;
background: transparent url('../images/btn2-center.gif') center top;
}
b.butt2.disabled {
cursor: default;
background-image: url('../images/btn2-c-left-dis.gif');
}
b.butt2.disabled b {
cursor: default;
background-image: url('../images/btn2-c-right-dis.gif');
}
b.butt2.disabled input, b.butt2.disabled button, b.butt2.disabled a {
cursor: default;
background-image: url('../images/btn2-center-dis.gif');
}
b.butt3 {
height: 26px;
font-size: 26px;
cursor: pointer;
background: url('../images/btn3-c-left.gif') left top no-repeat;
display: inline-block;
}
b.butt3 b {
height: 26px;
font-size: 26px;
cursor: pointer;
background: url('../images/btn3-c-right.gif') right top no-repeat;
display: inline-block;
}
b.butt3 input, b.butt1 button {
height: 26px;
border: 0px solid;
color: #fff !important;
cursor: pointer;
font-family: Tahoma;
font-size: 11px !important;
font-weight: bold;
text-decoration: none;
margin: 0 42 0 42;
background: transparent url('../images/btn3-center.gif') center top;
}
html * b.butt2 input, b.butt2 button {
background-position: center bottom;
}
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
b.butt2 input, b.butt2 button {
font-size: 10px;
}
}
html * b.butt1 input, b.butt1 button {
background-position: center bottom;
}
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
b.butt1 input, b.butt1 button {
font-size: 10px;
}
}
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
b.butt1 {
background-position: left bottom;
font-size: 40px;
}
}
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
b.butt1 b {
background-position: right bottom;
font-size: 40px;
}
}
/* Left Section of Main Table */
.tbl-main_left-bg {
background-image: url('../images/tbl-main_left-bg.gif');
background-position: 0 5px;
background-repeat: repeat-y;
width: 66px;
}
.tbl-main_left-bottom-bg {
background: url('../images/tbl-main_left-bottom-bg.gif') no-repeat bottom;
height: 9px;
}
.tbl-main_left-top {
background: url('../images/tbl-main_left-top.gif') no-repeat;
}
/* sağ tarafın butonları */
ul.icon {
list-style: none;
margin: 2;
padding: 0;
z-index: 0;
}
ul.icon li {
float: left;
height: 60px;
width: 60px;
z-index: 0;
margin-top: -10%;
}
ul.icon li a {
display: block;
margin: 1% 0 0 1%;
text-decoration: none;
width: 98%;
z-index: 0;
margin-top: -17%;
}
ul.icon li a img {
border: none 0;
display: block;
vertical-align: middle;
width: 100%;
z-index: 0;
}
ul.icon div {
color: white;
margin-top: -14px;
text-align: center;
z-index: 0;
}
/* Right Section of Main Table */
.tbl-main_right-bg {
background-image: url('../images/tbl-main_right-bg.gif');
background-position: 0 -1px;
background-repeat: repeat-y;
width: 64px;
}
.tbl-main_right-bottom-bg {
background: url('../images/tbl-main_right-bottom-bg.gif') no-repeat bottom;
height: 9px;
}
.tbl-main_exit-bg {
background: url('../images/tbl-main_right-bg.gif') 100% 1px repeat-y;
}
/* Central Section of Main Table */
.tbl-main_center-bottom {
background: url('../images/tbl-main_center-bottom.gif') repeat-x bottom;
height: 9px;
}
.tbl-main_top-bg {
background-image: url('../images/tbl-main_top-bg.gif');
background-repeat: repeat-x;
height: 73px;
}
.tbl-main_logo-corner-l {
background-image: url('../images/tbl-main_logo-corner-l.gif');
background-position: right;
background-repeat: no-repeat;
height: 73px;
}
.tbl-main_top-right-bg {
background: url('../images/tbl-main_top-right-bg.jpg') right bottom no-repeat;
}
/* common popup */
.common-popup {
position: absolute;
width: 600px;
border: 1px solid #db9f73;
border-radius: 3px;
box-shadow: 0 0 20px #49382d;
}
.common-popup__close {
color: #955C4A;
font-weight: bold;
height: 20px;
width: 20px;
position: absolute;
right: 0;
top: 0;
text-align: center;
line-height: 20px;
border-radius: 0 3px 0 0;
text-shadow: 1px 1px 0 #FFF;
}
.common-popup__header {
background: url("../images/bg_l.gif");
border-bottom: 1px solid #DB9F73;
color: #955C4A;
font-weight: bold;
padding: 10px 12px;
cursor: pointer;
border-radius: 3px 3px 0 0;
}
.common-popup__content {
}
.common-popup__iframe {
border: 0;
min-height: 240px;
width: 100%;
}
.common-overlay {
background: transparent;
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: none;
}
.backpack-group-settings {
width: 500px;
margin: 0 auto;
text-align: center;
}
.sortable-backpack-item {
display: inline-block;
text-align: center;
*display: inline;
*zoom: 1;
}
.sortable-backpack-item div {
display: inline-block;
min-width: 260px;
margin: 15px auto;
text-align: right;
*display: inline;
*zoom: 1;
}
.sortable-backpack-item .sortable-backpack-container {
display: inline-block;
height: 22px;
padding-left: 28px;
background: url('../images/bg-plate.png') 0 0 no-repeat;
cursor: pointer;
text-align: center;
*display: inline;
*zoom: 1;
}
.sortable-backpack-item .sortable-backpack-container span {
display: inline-block;
height: 22px;
padding-right: 28px;
background: url('../images/bg-plate.png') 100% -22px no-repeat;
*display: inline;
*zoom: 1;
}
.sortable-backpack-item .sortable-backpack-container span span {
display: inline-block;
min-width: 150px;
height: 22px;
padding: 0;
background: url('../images/bg-plate.png') 50% -44px repeat-x;
color: #ffe8b5;
font-weight: bold;
line-height: 18px;
*display: inline;
*zoom: 1;
}
.sortable-backpack-item .sortable-backpack-container:hover {
background-position: 0 -66px;
}
.sortable-backpack-item .sortable-backpack-container:hover span {
background-position: 100% -88px;
}
.sortable-backpack-item .sortable-backpack-container:hover span span {
background-position: 50% -110px;
}
.sortable-backpack-item .sortable-backpack-container:active {
background-position: 0 -132px;
}
.sortable-backpack-item .sortable-backpack-container:active span {
background-position: 100% -154px;
}
.sortable-backpack-item .sortable-backpack-container:active span span {
background-position: 50% -176px;
}
.items-filter {
float: right;
}
.items-filter__btn-search,
.items-filter__btn-sort,
.items-filter__btn-settings {
cursor: pointer;
display: inline-block;
height: 23px;
width: 23px;
vertical-align: middle;
}
.items-filter__btn-chatsettings {
cursor: pointer;
display: inline-block;
height: 23px;
width: 23px;
vertical-align: middle;
}
.items-filter__btn-community {
cursor: pointer;
display: inline-block;
height: 23px;
width: 23px;
vertical-align: middle;
background: url('../images/btn-community.png?r=1') no-repeat;
}
.items-filter__btn-refresh {
cursor: pointer;
display: inline-block;
height: 23px;
width: 23px;
vertical-align: middle;
background: url('../images/btn-filter-refresh.png?r=1') no-repeat;
}
.items-filter__btn-time {
cursor: pointer;
display: inline-block;
height: 23px;
width: 23px;
vertical-align: middle;
background: url('../images/btn-filter-time.png?r=1') no-repeat;
}
.items-filter__btn-search {
background: url("../images/btn-filter-search.png?r=1") no-repeat;
}
.items-filter__btn-sort {
background: url("../images/btn-filter-sort.png") no-repeat;
}
.items-filter__btn-settings {
background: url('../images/btn-settings.png?r=1') no-repeat;
}
.items-filter__btn-chatsettings {
background: url('../images/btn-filter-settings.png?r=1') no-repeat;
}
.items-filter__btn-search:hover,
.items-filter__btn-sort:hover,
.items-filter__btn-settings:hover {
background-position: 0 -23px;
}
.items-filter__btn-chatsettings:hover {
background-position: 0 -23px;
}
.items-filter__btn-refresh:hover {
background-position: 0 -23px;
}
.items-filter__btn-community:hover {
background-position: 0 -23px;
}
.items-filter__btn-time:hover {
background-position: 0 -23px;
}
.items-filter__btn-search:active,
.items-filter__btn-settings:active,
.items-filter__btn-chatsettings:active,
.items-filter__btn-sort:active {
background-position: 0 -46px;
}
.items-filter__btn-settings.disabled {
background: url('../images/btn-settings.png?r=1') 0 100% no-repeat;
}
.items-filter__btn-chatsettings.disabled {
background: url('../images/btn-filter-settings.png?r=1') 0 100% no-repeat;
}
.inner-tabs {
margin-bottom: -20px;
text-align: center;
}
.user-effects-set {
clear: both;
margin-bottom: 5px;
padding: 7px;
border: 1px solid #e3b360;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.user-effects-set-active {
border: 1px solid #ff0c0c;
-moz-box-shadow: 0 0 10px rgba(255, 59, 59, .72);
-webkit-box-shadow: 0 0 10px rgba(255, 59, 59, .72);
box-shadow: 0 0 10px rgba(255, 59, 59, .72);
}
.instapockets-set .user-effects-set-active {
width: 58px;
height: 58px;
border: 1px solid #ff0c0c;
-moz-box-shadow: 0 0 10px rgba(255, 59, 59, .72);
-webkit-box-shadow: 0 0 10px rgba(255, 59, 59, .72);
box-shadow: 0 0 10px rgba(255, 59, 59, .72);
}
.user-effects-set .effects-message {
display: inline-block;
*display: inline;
*zoom: 1;
color: #461c0b;
height: 20px;
padding-left: 25px;
line-height: 20px;
}
.user-effects-set .effects-message.warning {
background: url('../images/effects-warning.png') 0 50% no-repeat;
}
.user-effects-set.unavailable {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
background: url('../images/bg_g.gif');
}
.user-effects-set.unavailable .effects-message.unavailable {
background: url('../images/effects-unavailable.png') 0 50% no-repeat;
}
.user-effects-set.unavailable .effects-message.unavailable a {
color: #461c0b;
text-decoration: underline;
}
.user-effects-set.unavailable .artifact-slot__action {
display: none;
}
.user-effects-set__title {
height: 15px;
margin-bottom: 9px;
border-bottom: 1px solid #db9f73;
}
.user-effects-set__title span {
display: inline-block;
*display: inline;
*zoom: 1;
min-width: 15px;
height: 15px;
background: 0;
border: 0;
color: #ba0000;
font-weight: bold;
outline: 0;
}
.user-effects-set__btns {
float: right;
width: 200px;
text-align: center;
}
.user-effects-set__btns br + .butt2 {
margin-top: 10px;
}
.user-effects-set__btn_all {
float: right;
margin: 0 7px 10px 0;
width: 200px;
text-align: center;
}
.user-effects-set__add {
width: 58px !important;
height: 58px !important;
background: url('../images/ico-plus.png') 50% 50% #edca9b no-repeat;
border: 1px solid #db9f73;
cursor: pointer;
line-height: 58px;
text-align: center;
}
.user-effects-set__add.user-effects-set-active {
border: 1px solid #ff0c0c;
-moz-box-shadow: 0 0 10px rgba(255, 59, 59, .72);
-webkit-box-shadow: 0 0 10px rgba(255, 59, 59, .72);
box-shadow: 0 0 10px rgba(255, 59, 59, .72);
}
.user-effects-set .backpack_list {
overflow: hidden;
*zoom: 1;
}
.artifact-slot.unavailable,
.item.unavailable {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
.user-effects-set__items .unavailable .artifact-slot__action {
display: none;
}
.effects_sets_popup {
max-height: 450px;
overflow-y: auto;
}
/*Yeni Eklendi*/
.store-price img {
margin-right: 2px;
}
.store-price-table {
border-collapse: collapse;
}
.store-price-table td {
padding: 0;
}
.store-list-item {
width: 340px;
height: 90px;
border: 1px solid #DB9F73;
}
@media (max-width: 1160px) {
.fix1280-td {
display: none;
}
.store-list-item {
width: 330px;
height: 90px;
border: 1px solid #DB9F73;
}
}
.user-rewards__item {
margin: 0 -6px;
padding: 0 6px;
font-size: 11px;
font-weight: bold;
border-top: 1px solid #DB9F73;
}
.user-rewards__item:first-child {
border: 0;
}
.user-rewards__item-title {
margin: 6px 0 4px 0;
}
.user-rewards__item:first-child .user-rewards__item-title {
margin-top: 4px;
}
.user-rewards__item-available {
margin: 0 0 7px 0;
}
.user-rewards__item-progress-title {
margin: 0 0 3px 0;
color: #674f3d;
font-size: 16px;
text-align: center;
}
.user-rewards__item-progress {
text-align: center;
}
.user-rewards__item-art {
float: right;
margin-top: 10px;
text-align: center;
}
.user-rewards__item:first-child .user-rewards__item-art {
margin-top: 8px;
}
.user-rewards__item-pic {
width: 60px;
height: 60px;
margin: 0 auto;
padding: 5px 6px 6px;
background: url('../images/user-reward-frame.png') 0 0 no-repeat;
}
.artikul-container {
position: relative;
display: block;
width: 60px;
height: 60px;
vertical-align: top;
}
.artikul-favorite {
position: relative;
display: block;
background: url('../images/favorite.png') 50% 100%;
width: 19px;
height: 18px;
cursor: pointer;
margin-top: -60px;
}
.artikul-favorite:hover {
background-position: 50% 0;
}
.artikul-favorite.fav {
background-position: 50% 0;
}
.artikul-favorite.fav:hover {
background-position: 50% 100%;
}
.fav-container {
overflow: hidden;
margin-bottom: 15px;
padding-bottom: 10px;
border: 1px solid #DB9F73;
border-width: 0 0 1px 0;
}
.battle-chronicles {
margin-top: 10px;
min-height: 350px;
}
.battle-chronicles-table {
margin: 10px auto;
}
.battle-chronicles-table img {
vertical-align: top;
}
.battle-chronicles-table td {
vertical-align: top;
}
.battle-chronicles-table td + td {
padding-left: 5px;
padding-right: 5px;
}
.battle-chronicles-autocomplete {
display: none;
position: absolute;
top: 25px;
left: 0;
min-width: 100%;
background: #fff;
}
.battle-chronicles-autocomplete div {
padding: 5px;
cursor: pointer;
}
.auction__filter-title {
position: relative;
}
.auction__filter-title-clear {
position: absolute;
top: 2px;
right: 2px;
width: 18px;
height: 13px;
background: url('../images/common-menu-input-clear.png') 50% 50% no-repeat;
cursor: pointer;
}
.send_password__error {
margin-bottom: 15px;
color: #d00000;
}
.send_password__error a, .send_password__error a:link, .send_password__error a:visited {
text-decoration: underline;
}
.send_password__error a:hover, .send_password__error a:active {
text-decoration: none;
}
.recaptcha__info {
margin-top: 15px;
color: #bebebe;
}
.recaptcha__info a, .recaptcha__info a:link, .recaptcha__info a:visited {
color: #bebebe;
text-decoration: underline;
}
.recaptcha__info a:hover, .recaptcha__info a:active {
color: #bebebe;
text-decoration: none;
}
.recaptcha__index {
position: absolute;
left: 50%;
top: 850px;
width: 216px;
margin-left: 425px;
z-index: 4;
}
.recaptcha__index .recaptcha__info, .recaptcha__index .recaptcha__info a {
color: #d8b99f;
}
/*Yeni Eklendi*/
/* Chat Table */
.tbl-main_chat-left-center {
background-image: url('../images/tbl-main_chat-left-center.gif');
background-repeat: repeat-y;
width: 41px;
}
.tbl-main_chat-top-left {
backgroud-position: left;
background-image: url('../images/tbl-main_chat-top-left.gif');
background-repeat: no-repeat;
height: 35px;
}
.tbl-main_chat-top {
background-image: url('../images/tbl-main_chat-top.gif');
background-repeat: repeat-x;
height: 35px;
}
.lgb {
background-image: url('../images/lgb.gif');
background-repeat: repeat;
}
.lgb-left {
background-image: url('../images/lgb-left.gif');
background-repeat: repeat-y;
width: 14px;
}
.lgb-right {
background-image: url('../images/lgb-right.gif');
background-repeat: repeat-y;
width: 15px;
}
.tbl-main_chat-right-center {
background-image: url('../images/tbl-main_chat-right-center.gif');
background-repeat: repeat-y;
width: 37px;
}
.iframe {
height: 100%;
width: 100%;
}
.tbl-main_separator-v {
background-image: url('../images/separator_v.gif');
background-repeat: repeat-y;
width: 3px;
}
.tbl-main_chatchng-act-c {
background-image: url('../images/cht-btn-center-act.png');
background-position: center bottom;
background-repeat: repeat-x;
height: 30px;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #FFE4AA;
padding-top: 5px;
text-align: center;
}
.tbl-main_chatchng-link {
font-weight: bold;
text-decoration: none;
color: #FFE4AA !important;
}
.tbl-main_chatchng-link:hover {
font-weight: bold;
text-decoration: underline;
color: #FFE4AA !important;
}
.tbl-main_chatchng-link_inact {
font-weight: bold;
text-decoration: none;
color: #5B4736 !important;
}
.tbl-main_chatchng-link_inact:hover {
font-weight: bold;
text-decoration: underline;
}
.tbl-main_chatchng-ina-c {
background-image: url('../images/cht-btn-center.png');
background-position: center bottom;
background-repeat: repeat-x;
height: 30px;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #FFE4AA;
padding-top: 5px;
text-align: center;
}
.tbl-main_chat-btn {
padding-top: 9px;
}
.tbl-main_chat-cor {
background: url("../images/tbl-main_chat.gif") no-repeat;
}
.tbl-main_chat-cor b {
display: block;
overflow: hidden;
}
.tbl-main_chat-cor-lt {
background-position: 0 0;
}
.tbl-main_chat-cor-lt b {
height: 61px;
width: 41px;
}
.tbl-main_chat-cor-lb {
background-position: 0 -70px;
}
.tbl-main_chat-cor-lb b {
height: 42px;
width: 41px;
}
.tbl-main_chat-cor-rt {
background-position: -50px 0;
}
.tbl-main_chat-cor-rt b {
height: 61px;
width: 37px;
}
.tbl-main_chat-cor-rb {
background-position: -50px -70px;
}
.tbl-main_chat-cor-rb b {
height: 35px;
width: 37px;
}
.tbl-main_chat-side {
background: url("../images/tbl-main_chat-side.gif") repeat-y;
}
.tbl-main_chat-side b {
display: block;
font-size: 0;
height: 1px;
overflow: hidden;
}
.tbl-main_chat-side-l {
background-position: 0 0;
}
.tbl-main_chat-side-l b {
width: 41px;
}
.tbl-main_chat-side-r {
background-position: 100% 0;
}
.tbl-main_chat-side-r b {
width: 37px;
}
.tbl-main_chatchng-ina {
background: url("../image/tbl-main_chatchng-ina.gif") no-repeat;
}
.tbl-main_chatchng-ina b {
display: block;
height: 35px;
overflow: hidden;
}
.tbl-main_chatchng-ina-l {
background-position: 0 0;
}
.tbl-main_chatchng-ina-l b {
width: 18px;
}
.tbl-main_chatchng-ina-r {
background-position: 0 -35px;
}
.tbl-main_chatchng-ina-r b {
width: 20px;
}
.tbl-main_chatchng-ina-bg {
background-position: 0 -70px;
background-repeat: repeat-x;
}
.cht_ud {
background: url("../images/cht_ud.gif") no-repeat;
}
.cht_ud b {
display: block;
overflow: hidden;
}
.cht_ud-l {
}
.cht_ud-l b {
height: 21px;
width: 34px;
}
.cht_ud-r {
background-position: -69px 0;
}
.cht_ud-r b {
height: 21px;
width: 33px;
}
.cht_ud-cb {
background: -34px bottom;
}
.cht_ud-cb b {
height: 3px;
width: 35px;
}
/* user */
.btn-1 {
background: url("../images_sprites/btn-1.gif") no-repeat;
}
.btn-1 b {
display: block;
height: 21px;
overflow: hidden;
width: 19px;
}
.btn-1-l {
}
.btn-1-r {
background-position: 0 -30px;
}
.btn-1-bg {
background-position: 0 -60px;
background-repeat: repeat-x;
padding: 0 2px 3px 2px;
}
.btn-2 {
background: url("../images_sprites/btn-2.gif") no-repeat;
}
.btn-2 b {
display: block;
height: 21px;
overflow: hidden;
width: 19px;
}
.btn-2-l {
}
.btn-2-r {
background-position: 0 -30px;
}
.btn-2-bg {
background-position: 0 -60px;
background-repeat: repeat-x;
padding: 0 2px 3px 2px;
}
.tbl-shp_menu-act {
background: url("../images_sprites")
}
.tbl-shp_menu-act {
}
.tbl-shp_menu-act {
}
/* top frame */
.tbl-sts {
font-size: 0;
}
.tbl-sts b {
background: url("../images/tbl-sts.gif") no-repeat;
display: block;
height: 19px;
overflow: hidden;
width: 19px;
}
.tbl-sts-lt b {
background-position: 0 -50px;
}
.tbl-sts-ltb b {
background-position: 0 -69px;
height: 20px;
}
.tbl-sts-rt b {
background-position: 0 -100px;
}
.tbl-sts-rtb b {
background-position: 0 -119px;
height: 20px;
}
.tbl-sts-lbt b {
background-position: 0 -150px;
height: 20px;
}
.tbl-sts-lb b {
background-position: 0 -170px;
}
.tbl-sts-rbt b {
background-position: 0 -200px;
height: 20px;
}
.tbl-sts-rb b {
background-position: 0 -219px;
}
.tbl-sts-tt {
background: url("../images/tbl-sts.gif") left bottom repeat-x;
}
.tbl-sts-bb {
background: url("../images/tbl-sts.gif") left top repeat-x;
}
/* Fight Request Table */
.tbl-fgt_bottom2 {
background-image: url('../images/tbl-fgt_bottom2.gif');
background-position: left;
background-repeat: repeat-x;
height: 37px;
}
.tbl-fgt_bottom3 {
background-image: url('../images/tbl-fgt_bottom3.gif');
background-position: left;
background-repeat: repeat-x;
height: 37px;
}
.tbl-fgt_corner-bottom-right {
background-image: url('../images/tbl-fgt_corner-bottom-right.gif');
background-repeat: no-repeat;
height: 32px;
width: 20px;
}
.tbl-fgt_corner-bottom-left {
background-image: url('../images/tbl-fgt_corner-bottom-left.gif');
background-repeat: no-repeat;
height: 32px;
width: 20px;
}
.tbl-fgt_left {
background-image: url('../images/tbl-fgt_left.gif');
background-repeat: repeat-y;
width: 20px;
}
.tbl-fgt_corner-top-left {
background-image: url('../images/tbl-fgt_corner-top-left.gif');
background-repeat: no-repeat;
height: 37px;
width: 20px;
}
.tbl-fgt_corner-top-right {
background-image: url('../images/tbl-fgt_corner-top-right.gif');
background-repeat: no-repeat;
height: 37px;
width: 20px;
}
.tbl-fgt_right {
background-image: url('../images/tbl-fgt_right.gif');
background-repeat: repeat-y;
width: 20px;
}
.tbl-fgt_top {
background-image: url('../images/tbl-fgt_top.gif');
background-repeat: repeat;
height: 37px;
}
.tbl-fgt_center {
background-color: #F3D8B2;
}
.tbl-fgt_header-center {
background-image: url('../images/tbl-fgt_header-center.gif');
background-repeat: repeat-x;
color: #8C0000;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
height: 24px;
}
.tbl-fgt_tabs-act-center {
background-image: url('../images/tbl-fgt_tabs-act-center.gif');
background-repeat: repeat-x;
color: #F6D08D;
font-size: 11px;
font-weight: bold;
height: 27px;
padding-left: 10px;
padding-right: 10px;
}
.tbl-fgt_tabs-in-center {
background-image: url('../images/tbl-fgt_tabs-in-center.gif');
background-repeat: repeat-x;
color: #461C0B;
font-size: 11px;
font-weight: bold;
height: 27px;
padding-left: 10px;
padding-right: 10px;
}
.tbl-fgt_tabs-link {
color: #461C0B !important;
text-decoration: none;
white-space: nowrap;
}
.tbl-fgt_tabs-link_act {
color: #F6D08D !important;
text-decoration: none;
}
.tbl-fgt_tabs-lines {
background-image: url('../images/tbl-fgt_tabs-lines.gif');
background-repeat: repeat-x;
height: 31px;
}
/* Statistics Table */
.tbl-sts_top {
background-image: url('../images/tbl-sts_top.gif');
background-position: bottom;
background-repeat: repeat-x;
height: 19px;
}
.tbl-sts_right {
background-image: url('../images/tbl-sts_right.gif');
background-repeat: repeat-y;
width: 19px;
}
.tbl-sts_bottom {
background-image: url('../images/tbl-sts_bottom.gif');
background-repeat: repeat-x;
height: 20px;
}
.tbl-sts_left {
background-image: url('../images/tbl-sts_left.gif');
background-position: right;
background-repeat: repeat-y;
width: 19px;
}
.tbl-sts_header-center {
background-image: url('../images/tbl-sts_header-center.gif');
background-repeat: repeat-x;
color: #FCF5B7;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
height: 24px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
.tbl-sts_header-center-png {
background: url('../images/common-header-small.png') 50% -39px repeat-x;
color: #FCF5B7;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
height: 24px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
.tbl-sts_header-left {
background: url('../images/common-header-small.png') 0 0 no-repeat;
width: 87px;
}
.tbl-sts_header-right {
background: url('../images/common-header-small.png') 100% -39px no-repeat;
width: 87px;
}
.tbl-sts_bg-light {
background-image: url('../images/tbl-usi_bg-light.gif');
background-repeat: repeat;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
}
/* Shop */
.tbl-shp-red {
color: #8D2616;
}
.tbl-shp_sml-bottom {
background-image: url('../images/tbl-shp_sml-bottom.gif');
background-repeat: repeat-x;
height: 18px;
}
.tbl-shp_sml-top {
background-image: url('../images/tbl-shp_sml-top.gif');
background-repeat: repeat-x;
height: 22px;
}
.tbl-shp_menu-center-inact {
background-image: url('../images/tbl-shp_menu-center-inact.gif');
background-repeat: repeat-x;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
height: 19px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;
}
.tbl-shp_menu-center-act {
background-image: url('../images/tbl-shp_menu-center-act.gif');
background-repeat: repeat-x;
color: #FFE9BA;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
font-weight: bold;
height: 19px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;
width: auto;
}
.tbl-shp_menu-link_inact {
color: #461C0B !important;
text-decoration: none;
}
.tbl-shp_menu-link_act {
color: #FFE9BA !important;
text-decoration: none;
}
.tbl-shp_item-input-price {
background-attachment: fixed;
background-image: url('../images/tbl-shp_item-input-price.gif');
background-repeat: no-repeat;
border: 0;
color: #BA0000;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
height: 15px;
width: 31px;
}
/* User Info Table */
.tbl-usi_label-center {
background-image: url('../images/tbl-usi_label-center.gif');
background-repeat: repeat-x;
color: #FCF5B7;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
height: 22px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
}
.tbl-usi_label-link_inact {
color: #FCF5B7 !important;
text-decoration: none;
}
.tbl-usi_label-link_act {
color: red !important;
text-decoration: none;
}
.tbl-usi_left {
background-image: url('../images/tbl-usi_left.gif');
background-position: right;
background-repeat: repeat-y;
width: 20px;
}
.tbl-usi_right {
background-image: url('../images/tbl-usi_right.gif');
background-repeat: repeat-y;
width: 20px;
}
.tbl-usi_bottom {
background-image: url('../images/tbl-usi_bottom.gif');
background-repeat: repeat-x;
height: 40px;
}
.tbl-usi_top {
background-image: url('../images/tbl-usi_top.gif');
background-repeat: repeat-x;
height: 36px;
}
.tbl-usi_bg {
background-image: url('../images/tbl-usi_bg.gif');
background-repeat: repeat;
}
.tbl-usi_bg-light {
background-image: url('../images/tbl-usi_bg-light.gif');
background-repeat: repeat;
}
.curly_label_c {
background: url('../images/tbl-aft_label-center.gif') repeat-x;
height: 18px;
}
.backpack_overflow {
height: 100%;
overflow: scroll;
overflow-x: auto;
overflow-y: auto;
}
.lscroll {
scrollbar-3dlight-color: #E2D9C3;
scrollbar-arrow-color: #760000;
scrollbar-base-color: #FFE2A8;
scrollbar-darkshadow-color: #4F3224;
scrollbar-face-color: #FFE2A8;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #CF805F;
scrollbar-track-color: #FFFBD6;
}
/* Artifact Alt */
.aa-t {
background: url('../images/tbl-pop_top.gif');
height: 24px;
}
.aa-tl {
background: url('../images/tbl-pop_corner-top-left.gif') no-repeat;
height: 24px;
width: 14px;
}
.aa-tr {
background: url('../images/tbl-pop_corner-top-right.gif') no-repeat;
height: 24px;
width: 14px;
}
.aa-b {
background: url('../images/tbl-pop_bottom.gif') repeat-x;
height: 5px;
}
.aa-bl {
background: url('../images/tbl-pop_corner-bottom-left.gif') no-repeat;
height: 5px;
width: 14px;
}
.aa-br {
background: url('../images/tbl-pop_corner-bottom-right.gif') no-repeat;
height: 5px;
width: 14px;
}
.aa-l {
background: url('../images/tbl-pop_left.gif') repeat-y;
width: 14px;
}
.aa-r {
background: url('../images/tbl-pop_right.gif') repeat-y;
width: 14px;
}
/* ====== Common Form ====== */
.b-common-form__table {
margin: 0 auto;
border-collapse: collapse;
}
.b-common-form__table td {
padding: 3px 5px 0 0;
vertical-align: top;
}
.b-common-form__table td.valign-middle {
vertical-align: middle;
}
.b-common-form__soc {
position: absolute;
left: 53px;
top: -13px;
}
.b-common-form__label {
display: inline-block;
padding: 1px 0 0;
font-weight: bold;
font-size: 1.2em;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
.b-common-form__field {
position: relative;
display: inline-block;
height: 22px;
padding: 0 0 0 5px;
background: url('/images/bg-form-field.png') 0 0 no-repeat;
}
.b-common-form__field:focus,
.b-common-form__field.focus {
background-position: 0 -44px;
}
.b-common-form__field.error {
background-position: 0 -88px;
}
.b-common-form__field-inner {
display: block;
width: 180px;
height: 19px;
padding: 3px 5px 0 0;
background: url('/images/bg-form-field.png') 100% -22px no-repeat;
}
.b-common-form__field:focus .b-common-form__field-inner,
.b-common-form__field.focus .b-common-form__field-inner {
background-position: 100% -66px;
}
.b-common-form__field.error .b-common-form__field-inner {
background-position: 100% -110px;
}
.b-common-form__field.error .b-form-hint {
display: block;
}
.b-common-form__field-inner input[type="text"],
.b-common-form__field-inner input[type="password"] {
width: 100%;
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1.2em;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
color: #7e1d0a;
border: 0;
background: none;
}
.b-common-form__login {
color: #7e1d0a;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.b-common-form__description {
margin: 10px 0 0;
font-size: 1.2em;
}
/* ====================================================================== */
.pnick, .pnick:hover {
color: #674F3D !important;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
.enick, .enick:hover {
color: #B70000 !important;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.ghostnick, a.ghostnick:hover {
color: #c49485 !important;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
.ecol {
color: #B70000 !important;
}
.b {
font-weight: bold;
}
.u {
text-decoration: underline;
}
.i {
font-style: italic;
}
.red, .red * {
color: #d00000;
}
.blue, .blue * {
color: #0000d0;
}
.ajustify, .ajustify * {
text-align: justify;
}
table.vatop td {
vertical-align: top;
}
table.vamiddle td {
vertical-align: middle;
}
table.vabottom td {
vertical-align: bottom;
}
td.td-vamiddle {
vertical-align: middle !important;
}
.p0, .p0 td {
padding: 0px;
}
.p1, .p1 td {
padding: 1px;
}
.p2v, .p2v td {
padding-bottom: 2px;
padding-top: 2px;
}
.p4v, .p4v td {
padding-bottom: 4px;
padding-top: 4px;
}
.p6v, .p6v td {
padding-bottom: 6px;
padding-top: 6px;
}
.p6h, .p6h td {
padding-left: 6px;
padding-right: 6px;
}
.p10h, .p10h td {
padding-left: 10px;
padding-right: 10px;
}
.w100 {
width: 100%;
}
.h100 {
height: 100%;
}
.dbg {
background-color: #F3D8B2;
}
.dbgl {
background-color: #FFE7C5;
}
.dbgl2 {
background-color: #FFFBD6;
}
.transp {
background-color: transparent;
}
table.coll {
border-collapse: collapse;
border-spacing: 0;
}
.brd, .brd td {
border: 1px solid #C49485;
}
.brd-all {
border: 1px solid #C49485;
}
.brd-top {
border-top: 1px solid #C49485;
}
.brd-left {
border-left: 1px solid #C49485;
}
.brd-right {
border-right: 1px solid #C49485;
}
.brd-bt {
border-bottom: 1px solid #C49485;
}
.brd2, .brd2 td {
border: 1px solid #DB9F73;
}
.brd2-all {
border: 1px solid #DB9F73;
}
.brd2-top {
border-top: 1px solid #DB9F73;
}
.brd2-bt {
border-bottom: 1px solid #DB9F73;
}
.brd2-r {
border-right: 1px solid #DB9F73;
}
.nobrd, .nobrd td {
border: none !important;
}
.redd, .redd * {
color: #BA0000 !important;
}
.redd2, .redd2 * {
color: #8a0108 !important;
}
.grnn, .grnn * {
color: #114d01 !important;
}
.brown, .brown * {
color: #955C4A !important;
}
.dark, .dark * {
color: #49382D !important;
}
.dim, .dim * {
color: #674F3D;
}
.violet, .violet * {
color: #3615ac !important;
}
.big, .big * {
font-size: 12px;
}
.small, .small * {
font-size: 10px;
}
.pointer, .pointer input {
cursor: pointer;
}
/* --- button styles --- */
b.butt1 {
background: url('../images/tbl-btn2_c-left.png') left top no-repeat;
cursor: pointer;
display: inline-block;
font-size: 26px;
height: 36px;
}
b.butt1 b {
background: url('../images/tbl-btn2_c-right.png') right top no-repeat;
cursor: pointer;
display: inline-block;
font-size: 26px;
height: 36px;
}
b.butt1 input, b.butt1 button {
background: transparent url('../images/tbl-btn2_center.png') center top;
border: 0px solid;
color: #f8dea4 !important;
cursor: pointer;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px !important;
font-weight: bold;
height: 36px;
margin: 0 33px;
padding-bottom: 2px;
text-decoration: none;
}
b.butt2 {
background: url('../images/btn2-c-left.gif') left bottom no-repeat;
display: inline-block;
font-size: 15px;
height: 15px;
}
b.butt2 b {
background: url('../images/btn2-c-right.gif') right bottom no-repeat;
display: inline-block;
font-size: 15px;
height: 15px;
}
b.butt2 input, b.butt2 button {
background: transparent url('../images/btn2-center.gif') center top;
border: 0px solid;
color: #2D1600;
font-family: Tahoma, Geneva, sans-serif;
font-size: 9px;
font-weight: bold;
height: 15px;
margin: 0 8 0 8;
text-decoration: none;
}
b.butt3 {
background: url('../images/btn3-c-left.gif') left top no-repeat;
cursor: pointer;
display: inline-block;
font-size: 26px;
height: 26px;
}
b.butt3 b {
background: url('../images/btn3-c-right.gif') right top no-repeat;
cursor: pointer;
display: inline-block;
font-size: 26px;
height: 26px;
}
b.butt3 input, b.butt1 button {
background: transparent url('../images/btn3-center.gif') center top;
border: 0px solid;
color: #fff !important;
cursor: pointer;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px !important;
font-weight: bold;
height: 26px;
margin: 0 42 0 42;
text-decoration: none;
}
html * b.butt2 input, b.butt2 button {
background-position: center bottom;
}
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
b.butt2 input, b.butt2 button {
font-size: 10px;
}
}
html * b.butt1 input, b.butt1 button {
background-position: center bottom;
}
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
b.butt1 input, b.butt1 button {
font-size: 10px;
}
}
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
b.butt1 {
background-position: left bottom;
font-size: 40px;
}
}
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
b.butt1 b {
background-position: right bottom;
font-size: 40px;
}
}
.list_dark {
background-color: #F4BB8A;
}
.skill_list td {
padding: 0 7px;
}
.skill_list td td {
padding: 0;
}
.btn_1 {
color: #461C0B !important;
font-weight: bold;
text-decoration: none;
}
.btn_2 {
color: #FFE9BA !important;
font-weight: bold;
text-decoration: none;
}
.tbl-wnd_top {
background-image: url('../images/tbl-wnd_top.gif');
background-repeat: repeat-x;
height: 52px;
}
.tbl-wnd_bottom {
background-image: url('../images/tbl-wnd_bottom.gif');
background-repeat: repeat-x;
height: 52px;
}
/* Artifact Info Styles */
.tbl-ati_redline-right {
background-image: url('../images/tbl-ati_redline-right.gif');
background-repeat: repeat-y;
width: 63px;
}
.tbl-ati_redline-left {
background-image: url('../images/tbl-ati_redline-left.gif');
background-repeat: repeat-y;
width: 63px;
}
.tbl-shp_sml-top {
background-image: url('../images/tbl-shp_sml-top.gif');
background-repeat: repeat-x;
font-size: 1px;
height: 22px;
}
.tbl-shp_sml-bottom {
background-image: url('../images/tbl-shp_sml-bottom.gif');
background-repeat: repeat-x;
font-size: 1px;
height: 18px;
}
.tbl-sts_bg-light {
background-image: url('../images/tbl-usi_bg-light.gif');
background-repeat: repeat;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
}
.tbl-ati_brd-all {
border: 1px solid #DB9F73;
color: #201610;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-weight: normal;
padding-bottom: 3px;
padding-left: 4px;
padding-top: 2px;
}
.mrg-top {
margin-top: 7px;
}
.tbl-ati_item-link {
color: #AA0000;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
.tbl-ati_regular {
color: #000000;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-weight: normal;
padding-left: 5px;
}
.tbl-shp_item-ico {
border: 0;
margin-left: 0px;
margin-right: 6px;
}
.tbl_red {
color: #BA0000;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
text-decoration: none;
}
.tbl-shp_money {
background-image: url('../images/users-money.gif');
background-repeat: no-repeat;
color: #AA0000;
font-size: 11px;
font-weight: bold;
margin-left: 0px;
margin-top: 2px;
padding-left: 15px;
text-decoration: none;
}
.tbl-usi_brd-bottom {
border-bottom: 1px solid #DB9F73;
}
.medal_bg td {
background-repeat: no-repeat;
height: 53;
text-align: center;
vertical-align: center;
}
.medal_bg_c {
background: URL(../images/medal_c.gif) top center;
width: 45;
}
.medal_bg_c2 {
background: URL(../images/medal_c2.gif) top center;
width: 45;
}
.medal_bg_c-big {
background: URL(../images/medal_c-big.gif) top center;
height: 72px;
width: 70;
}
.medal_bg_c-big img {
margin: 1px 0px 0px 5px;
}
.team_1, .team_1 * {
color: #a30000;
}
.team_2, .team_2 * {
color: #00437c;
}
.underline, .underline * {
text-decoration: underline !important;
}
.passedq, .passedq * {
color: gray !important;
font-weight: bold;
}
.b-r td {
border-right: 1px solid #DB9F73;
}
.bg-l2 {
background: url(../images/bg_l2.gif) left top repeat;
border: 1px solid #d4b889;
margin-bottom: 5px;
padding: 5px 10px 10px 10px;
text-align: left;
}
.f12-red {
color: #700000;
font-size: 12px;
}
.bg-l2 p.m5015 {
margin: 5px 0px 0px 15px;
}
.bg-l2 p.m5015-red {
color: #700000;
margin: 5px 0px 5px 15px;
}
.logo-main {
border: 0px;
position: relative;
top: 5px;
}
.mb15 {
margin-bottom: 15px;
}
.mb5 {
margin-bottom: 5px;
}
.h-all {
color: #674f3d;
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
font-weight: bold;
margin: 0px;
padding: 0px 0px 3px 0px;
text-align: center;
}
.c-s-n {
background: url(../images/c-top-n-s.gif) left top repeat-x;
}
.c-t-n {
background: url(../images/c-top-n-t.gif) left top repeat-x;
}
.c-s-n-bottom {
background: url(../images/c-bottom-n-s.gif) left top repeat-x;
}
.c-t-n-bottom {
background: url(../images/c-bottom-n-t.gif) left top repeat-x;
}
.c-s-n-left {
background: url(../images/c-left-n-s.gif) left top repeat-y;
}
.c-t-n-left {
background: url(../images/c-left-n-t.gif) left top repeat-y;
}
.c-s-n-right {
background: url(../images/c-right-n-s.gif) left top repeat-y;
}
.c-t-n-right {
background: url(../images/c-right-n-t.gif) left top repeat-y;
}
.c-s-n-fon {
background: url(../images/c-fon-n-s.gif) left top repeat;
}
.c-t-n-fon {
background: url(../images/c-fon-n-t.gif) left top repeat;
}
.chit {
background: url(../images/chit.png) left top no-repeat;
color: #FFFFFF;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
font-weight: bold;
height: 61px;
line-height: 60px;
width: 73px;
}
.c-s-n-fon p, .c-t-n-fon p {
color: #49382d;
margin: 0px;
padding: 0px 0px 5px 0px;
}
.ach_title {
color: #7b0000;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.c-s-n-fon span, .c-t-n-fon span {
color: #49382d;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-weight: bold;
}
.c-s-n-fon span.date_ach, .c-t-n-fon span.date_ach {
float: right;
}
.c-s-n-fon ul, .c-t-n-fon ul {
margin: 0px 0px 0px 10px;
padding: 0px;
}
.c-s-n-fon ul li, .c-t-n-fon ul li {
color: #49382d;
list-style-type: none;
padding: 0px 0px 3px 18px;
}
.c-s-n-fon ul li.yes, .c-t-n-fon ul li.yes {
background: url(../images/icon-yes.gif) left top no-repeat;
}
.c-s-n-fon ul li.no, .c-t-n-fon ul li.no {
background: url(../images/icon-no.gif) left top no-repeat;
}
.chit {
behavior: url(/js/iepngfix.htc);
}
.ach_menu td {
height: 22px;
padding-left: 5px;
}
.ach_menu td, .ach_menu td a {
color: #775d42 !important;
font-famify: Tahoma;
font-size: 11px;
font-weight: bold;
}
.ach_menu td img {
border: 0px;
margin-right: 6px;
}
.ach_menu_act {
border: 1px solid #d4a182;
border-left-width: 0px;
border-right-width: 0px;
}
.ach_menu_act {
border: 1px solid #d4a182;
border-left-width: 0px;
border-right-width: 0px;
color: #775d42;
font-famify: Tahoma;
font-size: 11px;
font-weight: bold;
height: 22px;
padding-left: 5px;
}
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
.opera {
height: 800px;
}
}
.ach_filter, .ach_filter a, .ach_filter * {
color: #955c4a !important;
}
.ach_filter .act {
font-weight: bold;
}
.ach_done, .ach_done b {
color: green !important;
}
.ach_wait, .ach_wait b {
color: #955c4a !important;
}
.fb-top-n {
background: url(../images/tpl_top_fon_new.gif) left top repeat-x;
padding-top: 5px;
}
.fb-fon {
background: url(../images/fon_adv-new.png) left top repeat-y;
width: 555px;
}
.error_div {
background-image: url('/images/error_bg.gif');
filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
height: 100%;
left: 0px;
moz-opacity: 0.80;
opacity: 0.80;
position: absolute;
top: 0px;
width: 100%;
}
#pets {
margin: 0 auto;
}
.arrow-progress {
position: relative;
top: -13px;
}
/* special popup */
.special-popup {
color: #461c0b;
display: none;
height: 235px;
left: 50%;
margin: -117px 0 0 -245px;
position: absolute;
top: 50%;
width: 489px;
z-index: 10000;
}
.special-popup .popup-bg {
background: url("/images/special-popup.png") no-repeat;
height: 235px;
width: 489px;
}
.special-popup .popup-title {
color: #fcf5b7;
font-size: 11px;
font-weight: bold;
line-height: 16px;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.special-popup .popup-pad {
height: 155px;
left: 38px;
position: absolute;
top: 38px;
width: 415px;
}
.special-popup .popup-pad .slot {
float: left;
height: 83px;
margin: 0 20px 50px 0;
position: relative;
width: 83px;
}
.special-popup .popup-pad .slot .slot-bg {
background: url("/images/special-slot.png") no-repeat;
height: 83px;
left: 0;
position: absolute;
top: 0;
width: 83px;
}
.special-popup .popup-pad .slot img {
margin: 10px 0 0 12px;
position: relative;
}
.special-popup .popup-pad p {
margin-top: 8px 0 12px;
}
.special-popup .popup-pad .btn-bar {
left: 0;
margin-top: -26px;
position: absolute;
text-align: center;
top: 100%;
width: 100%;
}
/* user-rating */
.rating-bg {
border: 0;
border-collapse: collapse;
border-spacing: 0;
}
.rating-bg .clan-league-div {
float: left;
font-weight: bold;
margin: 2px 0 0;
}
.rating-bg .clan-league-div a {
display: inline-block;
height: 16px;
line-height: 16px;
margin: 0 2px;
text-align: center;
vertical-align: middle;
vertical-align: middle;
width: 16px;
}
.rating-bg .clan-league-div .active {
background: url("/images/clan-league-div.png") no-repeat;
color: #FFF;
}
.rating-bg .r-top td,
.rating-bg .r-bottom td {
height: 16px;
}
.rating-bg .corner-tl {
background: url('/images/rating-bg_tl.gif') 100% 100% no-repeat;
width: 15px;
}
.rating-bg .corner-tc {
background: url('/images/rating-bg_t.gif') 0 0 repeat-x;
}
.rating-bg .corner-tr {
background: url('/images/rating-bg_tr.gif') 0 100% no-repeat;
width: 15px;
}
.rating-bg .corner-cl {
background: url('/images/rating-bg_cl.gif') 100% 0 repeat-y;
width: 15px;
}
.rating-bg .corner-cc {
background: url('/images/rating-bg_cc.gif') 0 0 repeat;
padding: 0 10px;
}
.rating-bg .corner-cr {
background: url('/images/rating-bg_cr.gif') 0 0 repeat-y;
width: 15px;
}
.rating-bg .corner-bl {
background: url('/images/rating-bg_bl.gif') 100% 0 no-repeat;
width: 15px;
}
.rating-bg .corner-bc {
background: url('/images/rating-bg_b.gif') 0 0 repeat-x;
}
.rating-bg .corner-br {
background: url('/images/rating-bg_br.gif') 0 0 no-repeat;
width: 15px;
}
table.user-rating {
border-collapse: separate !important;
border-left: #db9f73 1px solid;
border-top: #db9f73 1px solid;
}
.user-rating td,
.user-rating th {
border-bottom: #db9f73 1px solid;
border-right: #db9f73 1px solid;
color: #631c0b;
height: 15px;
padding: 4px;
}
.user-rating td td {
border: 0;
padding: 0;
}
.user-rating td td.rating-diff {
padding-left: 3px;
}
.user-rating th,
.user-rating th span {
color: #955c4a;
}
.user-rating th span {
background: url('/images/rating_headers_sprite.gif') 0 0 no-repeat;
padding: 0 0 1px 20px;
}
.user-rating td * {
color: #631c0b;
}
.user-rating th .user-rating-valor {
background-position: 0 0;
}
.user-rating th .user-rating-exp {
background-position: 0 -22px;
}
.user-rating th .user-rating-reputation {
background-position: 0 -44px;
}
.user-rating th .user-rating-progress {
background-position: 0 -67px;
}
.user-rating th .user-rating-clan-battles {
background-image: url('/images/rating_headers_clan_battle.gif');
}
.user-rating td .rating-down,
.user-rating td .rating-up,
.user-rating td .rating-new {
background: url('/images/rating_diff_sprite.gif') 0 0 no-repeat;
font-weight: bold;
}
.user-rating td .rating-down {
background-position: 0 4px;
color: #c90707;
padding-left: 15px;
}
.user-rating td .rating-up {
background-position: 0 -8px;
color: #479109;
padding-left: 11px;
}
.user-rating td .rating-new {
background-position: 0 -19px;
padding-left: 15px;
}
.user-rating-red,
.user-rating-red b {
color: #ba0000 !important;
font-weight: bold;
}
.rating-nowrap {
white-space: nowrap;
}
/* new tabs */
a.tbl-shp_menu-center-inact,
a.tbl-shp_menu-center-inact span,
a.tbl-shp_menu-center-act,
a.tbl-shp_menu-center-act span {
cursor: pointer;
display: inline-block;
height: 19px;
margin: 0 0 0 -3px;
padding: 0 0 0 16px;
text-decoration: none;
}
a.tbl-shp_menu-center-inact:hover,
a.tbl-shp_menu-center-act:hover {
text-decoration: underline;
}
a.tbl-shp_menu-center-inact,
a.tbl-shp_menu-center-inact span {
background: url('/images/tbl-shp_menu-inact_2.gif') 0 0 no-repeat;
color: #461c0b;
}
a.tbl-shp_menu-center-act,
a.tbl-shp_menu-center-act span {
background: url('/images/tbl-shp_menu-act_2.gif') 0 0 no-repeat;
color: #ffe9ba;
}
a.tbl-shp_menu-center-inact span,
a.tbl-shp_menu-center-act span {
background-position: 100% -19px;
font-weight: bold;
line-height: 16px;
padding: 0 20px 0 8px;
}
.pool-counter {
left: 50%;
position: absolute;
top: 235px;
}
/* соцблок регистрации*/
.soc_block_bg {
background: url('/images/login_form_soc_bg.png') no-repeat;
height: 42px;
left: 5px;
padding: 6px 0 0 50px;
position: absolute;
top: 25px;
width: 252px;
zoom: 1;
}
.soc_block_bg a {
float: left;
height: 29px;
margin: 0 3px 0 5px;
overflow: hidden;
text-indent: -999px;
width: 29px;
}
.soc_block_bg .soc-sys-1 {
background: url("../images/social_icons/1-small.png") no-repeat;
}
.soc_block_bg .soc-sys-2 {
background: url("../images/social_icons/2-small.png") no-repeat;
}
.soc_block_bg .soc-sys-3 {
background: url("../images/social_icons/3-small.png") no-repeat;
}
.soc_block_bg .soc-sys-4 {
background: url("../images/social_icons/4-small.png") no-repeat;
}
.soc_block_bg .soc-sys-5 {
background: url("../images/social_icons/5-small.png") no-repeat;
}
.soc_block_bg .soc-sys-6 {
background: url("../images/social_icons/6-small.png") no-repeat;
}
.soc_block_bg .soc-sys-7 {
background: url("../images/social_icons/7-small.png") no-repeat;
}
.soc_block_bg .soc-sys-8 {
background: url("../images/social_icons/8-small.png") no-repeat;
}
.soc_block_bg .soc-sys-9 {
background: url("../images/social_icons/9-small.png") no-repeat;
}
.soc_block_bg .soc-sys-10 {
background: url("../images/social_icons/10-small.png") no-repeat;
}
.soc_block_bg .soc-sys-11 {
background: url("../images/social_icons/11-small.png") no-repeat;
}
.soc_block_bg .soc-sys-12 {
background: url("../images/social_icons/12-small.png") no-repeat;
}
.soc_block_bg .soc-sys-13 {
background: url("../images/social_icons/13-small.png") no-repeat;
}
.soc_block_bg .soc-sys-14 {
background: url("../images/social_icons/14-small.png") no-repeat;
}
.soc_block_bg .soc-sys-15 {
background: url("../images/social_icons/15-small.png") no-repeat;
}
.soc_block_bg .soc-sys-16 {
background: url("../images/social_icons/16-small.png") no-repeat;
}
.soc_block_bg .soc-sys-17 {
background: url("../images/social_icons/17-small.png") no-repeat;
}
/* separator for magic items*/
.magic_backing {
background: url('/images/magic_backing.png') no-repeat;
color: #db0000;
font-weight: bold;
height: 47px;
line-height: 10px;
margin: 5px 0;
padding: 7px 6px 0;
width: 176px;
*width: 189px;
}
.magic_sep {
float: left;
height: 20px;
margin: 10px auto;
width: 100%;
}
* html .magic_sep {
}
.magic_sep td {
text-align: left;
}
.magic_sep .mag_sep_left {
background: url('/images/magic_sep.png') no-repeat;
background-position: 0 0;
height: 20px;
width: 40px;
}
.magic_sep .mag_sep_2px {
background: url('/images/sep_2px.png') repeat-x;
height: 20px;
}
.magic_sep .mag_sep_center {
background: url('/images/magic_sep.png') no-repeat;
background-position: -42px 0;
height: 20px;
width: 97px;
}
.magic_sep .mag_sep_right {
background: url('/images/magic_sep.png') no-repeat;
background-position: -141px 0;
clear: right;
height: 20px;
width: 43px;
}
/* clan info */
.table-cont {
border-bottom: #c49485 1px solid;
border-top: #c49485 1px solid;
overflow: hidden;
padding: 1px 0;
zoom: 1;
}
.table-header {
padding: 7px 0 0;
position: relative;
zoom: 1;
}
.table-header .close {
background: url('/images/qst_minus.gif') 0 50% no-repeat;
color: #bb1a00;
cursor: pointer;
font-size: 10px;
height: 15px;
left: 0;
line-height: 15px;
padding: 0 0 0 15px;
position: absolute;
top: 7px;
}
.table-header .open {
background: url('/images/qst_plus.gif') 0 50% no-repeat;
color: #bb1a00;
cursor: pointer;
font-size: 10px;
height: 15px;
left: 0;
line-height: 15px;
padding: 0 0 0 15px;
position: absolute;
top: 7px;
}
.table-header .flag-left {
height: 33px;
left: 25%;
margin: 0 0 0 -16px;
position: absolute;
top: 0;
width: 33px;
}
.table-header .flag-right {
height: 33px;
left: 75%;
margin: 0 0 0 -16px;
position: absolute;
top: 0;
width: 33px;
}
.table-header .flag-red {
background: url('/images/flag_red.png') 0 0 no-repeat;
}
.table-header .flag-green {
background: url('/images/flag_green.png') 0 0 no-repeat;
}
.clan-info-bar {
background: #c1aa89;
font-size: 0;
height: 2px;
line-height: 0;
margin: 1px 0;
overflow: hidden;
position: relative;
}
.clan-info-bar .inner {
background: #a30000;
font-size: 0;
height: 2px;
left: 0;
line-height: 0;
position: absolute;
top: 0;
}
.clan-info-bar.blue .inner {
background: #0041fb;
}
.clan-message-checkbox {
margin: 0 auto;
overflow: hidden;
width: 240px;
}
.clan-message-checkbox label {
display: inline-block;
vertical-align: top;
width: 115px;
}
.qst-but {
background: url('/images/qst_plus.gif') 50% no-repeat;
cursor: pointer;
display: inline-block;
height: 15px;
width: 15px;
}
.qst-but.minus {
background: url('/images/qst_minus.gif') 50% no-repeat;
}
/* item ability list */
ul.ability-list {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
text-align: left;
}
ul.ability-list li {
display: inline-block;
/ / display: inline;
/ / margin: 3 px;
overflow: hidden;
padding: 0;
vertical-align: top;
width: 30%;
zoom: 1;
}
ul.ability-list li img {
float: left;
margin: 0 5px 0 0;
width: 25px;
}
ul.ability-list li span {
display: block;
overflow: hidden;
}
.popup-art-list {
margin: 5px 0;
text-align: center;
}
.popup-art-list span {
background: url("/images/popup-art-slot.png") no-repeat;
display: inline-block;
margin: 3px;
padding: 5px;
vertical-align: middle;
}
.tbl-reg_bg-reg {
font-family: Times New Roman;
font-size: 12px;
padding-bottom: 2px;
padding-left: 5px;
padding-top: 2px;
}
.tbl-reg_error {
color: #f00000;
}
.valid_nick_brdr {
background-image: url('../images/tbl-usi_bg-light.gif');
background-repeat: repeat;
border: 1px solid #DB9F73;
color: #201610;
font-family: Times New Roman;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-size: 11px;
font-weight: normal;
padding-bottom: 2px;
padding-left: 5px;
padding-top: 2px;
}
/* store */
.shop-input-cont {
padding: 0 15px;
position: relative;
width: 19px;
}
.shop-input {
background: #ffe7c5;
border: #c49485 1px solid;
height: 14px;
margin: 0 auto;
position: relative;
width: 19px;
}
.shop-input input {
background: none;
border: 0;
color: #4a4641;
height: 14px;
margin: 0;
padding: 0;
text-align: center;
width: 19px;
}
.shop-input-cont .arrow {
background: url('/images/input-arrows.png');
cursor: pointer;
height: 21px;
position: absolute;
top: -1px;
width: 15px;
}
.shop-input-cont .arrow.left {
background-position: 0 0;
left: 0;
}
.shop-input-cont .arrow.right {
background-position: 100% 0;
right: -2px;
}
.shop-input-cont .arrow.left-disabled {
background-position: 0 100%;
cursor: default;
left: 0;
}
.shop-input-cont .arrow.right-disabled {
background-position: 100% 100%;
cursor: default;
right: -2px;
}
.input {
background: #fffcd7;
border: #b09d7c 1px solid;
padding: 3px 5px;
}
.input input {
background: none;
border: 0;
margin: 0;
padding: 0;
width: 100%;
}
.input input:focus {
outline: none;
}
.textarea {
background: #fffcd7;
border: #b09d7c 1px solid;
padding: 3px 5px;
}
.textarea textarea {
background: none;
border: 0;
margin: 0;
padding: 0;
width: 100%;
}
.input textarea:focus {
outline: none;
}
.hide {
display: none !important;
}
/* instance list */
.instance_table {
margin-bottom: 10px;
}
.instance_table td {
text-align: left;
}
.instance_filter {
margin-bottom: 10px;
color: #49382d;
text-align: left;
}
.instance_filter * {
color: #49382d;
}
.instance_title {
float: left;
padding: 2px 3px;
}
.btn-find-group input {
width: 32px;
height: 20px;
background: url('/images/btn-find-group.png') center center no-repeat;
border: 0;
}
.instance_table .favorite {
display: inline-block;
width: 19px;
height: 18px;
margin-left: 10px;
background: url('../images/favorite.png') center bottom;
cursor: pointer;
*display: inline;
*zoom: 1;
}
.instance_table .favorite:hover {
background-position: center top;
}
.instance_table .favorite.checked_fav {
background-position: center top;
}
.available {
float: right;
padding: 2px 10px 3px;
vertical-align: top;
}
.available_grn {
display: inline-block;
margin-right: 15px;
color: #114d01;
vertical-align: middle;
*display: inline;
*zoom: 1;
}
.available_ylw {
display: inline-block;
margin-right: 15px;
color: #e39b00;
vertical-align: middle;
*display: inline;
*zoom: 1;
}
.available_red {
display: inline-block;
margin-right: 15px;
color: #dc0000;
vertical-align: middle;
*display: inline;
*zoom: 1;
}
.instance_dsc_boss {
margin-top: 10px;
}
.instance_dsc_boss_full {
margin-top: 5px;
}
.instance_timer_container {
position: relative;
overflow: hidden;
background: url('../images/instance-timer.png') 100% -20px repeat-x;
height: 20px;
text-align: center;
*zoom: 1;
}
.instance_timer_inner {
position: absolute;
left: 0;
top: 3px;
height: 14px;
width: 100%;
color: #fddc95;
font-size: 12px;
font-weight: bold;
line-height: 14px;
text-align: center;
z-index: 2;
}
.instance_timer_center {
position: absolute;
left: 3px;
top: 0;
height: 20px;
background: url('../images/instance-timer.png') 0 0 repeat-x;
}
.instance_timer_right {
position: absolute;
right: 0;
top: 0;
width: 3px;
height: 20px;
background: url('../images/instance-timer.png') 100% -40px no-repeat;
}
.instance_timer_left {
position: absolute;
left: 0;
top: 0;
width: 3px;
height: 20px;
background: url('../images/instance-timer.png') 0 -60px no-repeat;
}
.instance_timer_container.green,
.instance_timer_container.green .instance_timer_center,
.instance_timer_container.green .instance_timer_left,
.instance_timer_container.green .instance_timer_right {
background-image: url('../images/instance-timer-green.png');
}
.instance_timer_container.yellow,
.instance_timer_container.yellow .instance_timer_center,
.instance_timer_container.yellow .instance_timer_left,
.instance_timer_container.yellow .instance_timer_right {
background-image: url('../images/instance-timer-yellow.png');
}
.instance_player_list_old_head {
margin: 20px 0 10px 10px;
font-weight: bold;
}
.instance_player_list_head {
margin: 10px 0 10px 10px;
font-weight: bold;
}
.instance_restriction {
border-bottom: 1px #955c4a solid;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.instance_error {
color: #ff0000;
}
span.color > a.artifact_info:link,
span.color > a.artifact_info:visited,
span.color > a.artifact_info:active {
color: inherit;
}
/*mentor button*/
.mentor_close {
background: url(/images/redmentor.png);
width: 37px;
height: 35px;
display: block;
}
/* user-info manor */
.manor-slots {
position: relative;
width: 280px;
height: 80px;
margin: 0 auto;
}
.manor-slots .manor-slots-cont {
position: relative;
z-index: 1;
overflow: hidden;
width: 280px;
height: 80px;
white-space: nowrap;
font-size: 0;
}
.manor-slots .item-slot {
display: inline-block;
position: relative;
width: 70px;
height: 70px;
padding-top: 5px;
vertical-align: top;
background: url('/images/item_slot.png') no-repeat;
}
.manor-slots .item-slot .img {
display: block;
width: 60px;
height: 60px;
margin: 0 auto;
}
.manor-slots .item-slot .num {
position: absolute;
z-index: 1;
left: 50%;
bottom: 4px;
width: 12px;
height: 12px;
margin-left: -6px;
/ / bottom: - 2 px;
}
.manor-slots .item-slot .num .bg {
position: absolute;
top: -5px;
left: -11px;
width: 34px;
height: 23px;
font-weight: bold;
line-height: 22px;
color: #ffaa00 !important;
background: transparent url('/images/item_slot_num.png') no-repeat;
}
.manor-slots .item-slot .num.green {
background: #3b771b;
}
.manor-slots .item-slot .num.blue {
background: #237ca6;
}
.manor-slots .item-slot .num.red {
background: #a90a0a;
}
.manor-slots .item-slot .num.violet {
background: #9025bd;
}
.manor-slots .arrow-left, .manor-slots .arrow-right {
display: block;
position: absolute;
top: 3px;
width: 30px;
height: 64px;
background: url('/images/item_slot_arrows.png');
}
.manor-slots .arrow-left {
left: -25px;
background-position: 0 0;
}
.manor-slots .arrow-left.l-active {
background-position: 0 100%;
}
.manor-slots .arrow-right {
right: -25px;
background-position: 100% 0;
}
.manor-slots .arrow-right.r-active {
background-position: 100% 100%;
}
.manor-slots img {
border: 0;
}
.manor-arr-l {
position: absolute;
z-index: 1;
top: 50%;
left: 9px;
width: 41px;
height: 87px;
margin: -43px 0 0;
}
.manor-arr-r {
position: absolute;
z-index: 1;
top: 50%;
right: 10px;
width: 41px;
height: 87px;
margin: -43px 0 0;
}
/* scroll for crome */
::-webkit-scrollbar {
background-color: #ffe2a8;
width: 16px;
}
::-webkit-scrollbar-track {
background-color: #fffbd6;
}
::-webkit-scrollbar-thumb {
background-color: #ffe2a8;
border: 1px solid #cf805f;
border-left: 1px solid #e2d9c3;
}
::-webkit-scrollbar-button {
background-color: #ffe2a8;
}
::-webkit-scrollbar-button:start:decrement {
background-image: url('../images/crome_scroll_top.gif');
}
::-webkit-scrollbar-button:end:increment {
background-image: url('../images/crome_scroll_bottom.gif');
}
/*terrabank*/
.bank_link {
font-size: 14px
}
.aeria-link {
color: #461C0B !important;
text-decoration: underline !important;
}
/* ====== Flash-like text input ====== */
.b-input,
.b-input__inner {
display: inline-block;
height: 23px;
background: url('../images/input-text.png') no-repeat;
}
.b-input {
padding: 0 0 0 5px;
vertical-align: middle;
background-position: 0 0;
}
.b-input__inner {
padding: 0 5px 0 0;
background-position: 100% -23px;
}
.b-input input {
font-weight: bold;
border: 0;
background: 0;
}
.b-input input:focus {
outline: 0;
}
/* ====== /Flash-like text input ====== */
.inner-tabs {
margin-bottom: -20px;
text-align: center;
}
.inner-tabs-left {
margin-bottom: -18px;
margin-left: 24px;
text-align: left;
}
a.macros_artifact_quality0 {
color: #666666 !important;
}
a.macros_artifact_quality1 {
color: #339900 !important;
}
a.macros_artifact_quality2 {
color: #3300ff !important;
}
a.macros_artifact_quality3 {
color: #990099 !important;
}
a.macros_artifact_quality4 {
color: #ff0000 !important;
}
a.macros_artifact_quality5 {
color: #016e71 !important;
}
a.macros_artifact {
font-weight: bold;
text-decoration: none !important;
}
a.macros_artifact:hover {
text-decoration: none !important;
}
span.macros_artifact_quality0 {
color: #666666 !important;
font-weight: bold !important;
}
span.macros_artifact_quality1 {
color: #339900 !important;
font-weight: bold !important;
}
span.macros_artifact_quality2 {
color: #3300ff !important;
font-weight: bold !important;
}
span.macros_artifact_quality3 {
color: #990099 !important;
font-weight: bold !important;
}
span.macros_artifact_quality4 {
color: #ff0000 !important;
font-weight: bold !important;
}
span.macros_artifact_quality5 {
color: #016e71 !important;
font-weight: bold !important;
}
.opacity-25 {
opacity: .25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=25)";
}
.items-filter {
float: right;
}
.items-filter__btn-search,
.items-filter__btn-sort,
.items-filter__btn-settings {
cursor: pointer;
display: inline-block;
height: 23px;
width: 23px;
vertical-align: middle;
}
.items-filter__btn-search {
background: url("../images/btn-filter-search.png") no-repeat;
}
.items-filter__btn-sort {
background: url("../images/btn-filter-sort.png") no-repeat;
}
.items-filter__btn-settings {
background: url('/images/btn-settings.png?r=1') no-repeat;
}
.items-filter__btn-search:hover,
.items-filter__btn-sort:hover,
.items-filter__btn-settings:hover {
background-position: 0 -23px;
}
.items-filter__btn-search:active,
.items-filter__btn-settings:active,
.items-filter__btn-sort:active {
background-position: 0 -46px;
}
.items-filter__btn-settings.disabled {
background: url('/images/btn-settings.png?r=1') 0 100% no-repeat;
}
.common-menu {
background: url("../images/cell-horiz-brd.gif") repeat-x;
border: 1px solid #300;
padding: 2px 0 0;
position: absolute;
min-width: 160px;
max-width: 170px;
z-index: 100;
}
.common-menu__list {
background: url("../images/cell-horiz-brd.gif") 0 100% repeat-x;
border-top: 1px solid #300;
list-style-type: none;
margin: 0;
padding: 0 0 2px;
}
.common-menu__item {
background: url("../images/cell-light.gif") 50% 50% repeat-x;
border-bottom: 1px solid #300;
}
.common-menu__item_hover,
.common-menu__item.hover {
background: url("../images/cell-roll.gif") 50% 50% repeat-x;
}
.common-menu__item_title {
color: #000 !important;
font-weight: bold;
padding: 1px 0;
text-align: center;
}
.common-menu__item-link {
color: #764 !important;
cursor: pointer;
display: block;
font-weight: bold;
text-decoration: none;
padding: 1px 5px 1px 20px;
}
.common-menu__item-link:hover,
.common-menu__item-link.zeroclipboard-is-hover {
color: #900 !important;
text-decoration: none;
}
.common-menu__item-link_asc {
background: url("../images/cell-arr-asc.png") 5px 50% no-repeat;
}
.common-menu__item-link_desc {
background: url("../images/cell-arr-desc.png") 5px 50% no-repeat;
}
.common-menu__item-input {
background: #FFF;
position: relative;
padding: 1px 20px 1px 5px;
}
.common-menu__item-input-field {
border: 0 none;
margin: 0;
padding: 0;
outline: none;
width: 100%;
height: 13px;
}
.common-menu__item-input-label {
color: #a49981;
font-size: 10px;
position: absolute;
left: 5px;
top: 1px;
right: 0;
width: 100%;
}
.common-menu__item-input-clear {
cursor: pointer;
position: absolute;
right: 1px;
top: 1px;
}
.backpack-group-settings {
width: 500px;
margin: 0 auto;
text-align: center;
}
.sortable-backpack-item {
display: inline-block;
text-align: center;
*display: inline;
*zoom: 1;
}
.sortable-backpack-item div {
display: inline-block;
min-width: 260px;
margin: 15px auto;
text-align: right;
*display: inline;
*zoom: 1;
}
.sortable-backpack-item .sortable-backpack-container {
display: inline-block;
height: 22px;
padding-left: 28px;
background: url('../images/bg-plate.png') 0 0 no-repeat;
cursor: pointer;
text-align: center;
*display: inline;
*zoom: 1;
}
.sortable-backpack-item .sortable-backpack-container span {
display: inline-block;
height: 22px;
padding-right: 28px;
background: url('../images/bg-plate.png') 100% -22px no-repeat;
*display: inline;
*zoom: 1;
}
.sortable-backpack-item .sortable-backpack-container span span {
display: inline-block;
min-width: 150px;
height: 22px;
padding: 0;
background: url('../images/bg-plate.png') 50% -44px repeat-x;
color: #ffe8b5;
font-weight: bold;
line-height: 18px;
*display: inline;
*zoom: 1;
}
.sortable-backpack-item .sortable-backpack-container:hover {
background-position: 0 -66px;
}
.sortable-backpack-item .sortable-backpack-container:hover span {
background-position: 100% -88px;
}
.sortable-backpack-item .sortable-backpack-container:hover span span {
background-position: 50% -110px;
}
.sortable-backpack-item .sortable-backpack-container:active {
background-position: 0 -132px;
}
.sortable-backpack-item .sortable-backpack-container:active span {
background-position: 100% -154px;
}
.sortable-backpack-item .sortable-backpack-container:active span span {
background-position: 50% -176px;
}
a.ach_info_lnk,
a.ach_info_lnk:active,
a.ach_info_lnk:visited,
a.ach_info_lnk:link {
text-decoration: none;
color: #0099ff;
font-weight: bold;
}
a.ach_info_lnk:before {
content: '';
display: inline-block;
width: 13px;
height: 13px;
background: url('/images/achievement_icon.gif') no-repeat;
margin-right: 1px;
vertical-align: middle;
}
a.ach_info_lnk:hover {
text-decoration: underline;
}
.items-nowrap {
display: inline-block;
margin: 3px 0;
white-space: nowrap;
vertical-align: middle;
}
.item-small {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
}
.item-small img {
display: block;
width: 30px;
height: 30px;
}
.mgold, .msilver, .mbronze {
display: inline-block;
width: 30px;
}
.mgold {
text-align: right;
width: 49px;
}
.msilver {
}
.mbronze {
}
.bid-container {
float: right;
margin-right: 10px;
text-align: right;
}
.bid-container .msilver, .bid-container .mbronze {
display: inline-block;
*display: inline;
width: 26px;
text-align: left;
*zoom: 1;
}
.bid-container.buyout .mgold {
width: auto;
}
.bid-container.buyout .msilver, .bid-container.buyout .mbronze {
width: 28px;
}
.bid-container .mgold {
text-align: right;
}
.hidden {
display: none;
}
.point_toggler {
cursor: pointer;
}
.compass {
width: 10px;
height: 10px;
vertical-align: middle;
margin-right: 1px;
}
/* Favorite general - star and hover styles */
.controlfavorite input {
width: 19px;
height: 18px;
margin-right: 2px;
background: url('../images/favorite.png') center top;
cursor: pointer;
vertical-align: -3px;
*display: inline;
*zoom: 1;
border: 0;
}
.controlfavorite input.unfav {
background-position: center bottom;
}
.controlfavorite input.unfav:hover {
background-position: center top;
}
/* End Favorite general */
/* Favorite - recipes */
.controlfavorite form {
display: inline-block;
}
/* End Favorite - recipes */
.recipe_item {
border: 1px solid #cf805f;
border-radius: 5px;
margin-top: -1px;
}
/* external info */
.ext-logo {
text-align: center;
}
.ext-citadel-cont {
position: relative;
top: -13px;
width: 100%;
max-width: 1174px;
min-width: 800px;
height: 100%;
max-height: 1115px;
min-height: 300px;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.ext-citadel-cont .common-header {
display: inline-block;
top: 24px;
/ / display: inline;
/ / zoom: 1;
}
.ext-citadel-cont .tl {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 141px;
height: 176px;
background: url('/images/common-block-tl.png') no-repeat;
}
.ext-citadel-cont .tr {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 146px;
height: 176px;
background: url('/images/common-block-tr.png') no-repeat;
}
.ext-citadel-cont .bl {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 238px;
height: 127px;
background: url('/images/common-block-bl.png') no-repeat;
}
.ext-citadel-cont .br {
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
width: 241px;
height: 128px;
background: url('/images/common-block-br.png') no-repeat;
}
.ext-citadel-cont .l {
position: absolute;
top: 45px;
bottom: 45px;
left: 22px;
width: 41px;
background: url('/images/common-block-l.png') repeat-y;
}
.ext-citadel-cont .r {
position: absolute;
top: 45px;
bottom: 45px;
right: 22px;
width: 41px;
background: url('/images/common-block-r.png') repeat-y;
}
.ext-citadel-cont .t {
position: absolute;
left: 45px;
right: 45px;
top: 22px;
height: 39px;
background: url('/images/common-block-t.png') repeat-x;
}
.ext-citadel-cont .b {
position: absolute;
left: 45px;
right: 45px;
bottom: 22px;
height: 39px;
background: url('/images/common-block-b.png') repeat-x;
}
.ext-citadel-cont .bg {
position: absolute;
top: 61px;
bottom: 61px;
left: 61px;
right: 63px;
background: url('/images/bgg2.gif');
}
.common-block {
position: relative;
/ / zoom: 1;
}
.common-block .common-content {
position: relative;
z-index: 2;
}
.common-block .corner-tl {
background: url('/images/common-block-tl.png') 0 0 no-repeat;
height: 176px;
left: -23px;
position: absolute;
top: -19px;
width: 141px;
}
.common-block .corner-tr {
background: url('/images/common-block-tr.png') 0 0 no-repeat;
height: 176px;
position: absolute;
right: -24px;
top: -19px;
width: 146px;
}
.common-block .corner-bl {
background: url('/images/common-block-bl.png') 0 0 no-repeat;
bottom: -19px;
height: 127px;
left: -19px;
position: absolute;
width: 238px;
}
.common-block .corner-br {
background: url('/images/common-block-br.png') 0 0 no-repeat;
bottom: -19px;
height: 128px;
position: absolute;
right: -21px;
width: 241px;
}
.common-block .bg-inner {
background: url('/images/bgg2.gif') repeat;
/ / zoom: 1;
}
.common-block .bg-inner-l {
background: url('/images/common-block-inner-l.png') 0 0 repeat-y;
}
.common-block .bg-inner-r {
background: url('/images/common-block-inner-r.png') 100% 0 repeat-y;
}
.common-block .bg-inner-t {
background: url('/images/common-block-inner-t.png') 0 0 repeat-x;
margin: 0 12px;
}
.common-block .bg-inner-b {
background: url('/images/common-block-inner-b.png') 0 100% repeat-x;
padding: 20px 18px;
}
.common-block .bg-t {
background: url('/images/common-block-t.png') 0 100% repeat-x;
height: 41px;
margin: 0 39px;
text-align: center;
}
.common-block .bg-b {
background: url('/images/common-block-b.png') 0 0 repeat-x;
height: 41px;
margin: 0 39px;
}
.common-block .bg-l {
background: url('/images/common-block-l.png') 0 0 repeat-y;
}
.common-block .bg-r {
background: url('/images/common-block-r.png') 100% 0 repeat-y;
padding: 0 39px;
}
.common-block.nopadding .bg-inner-t {
margin: 0;
}
.common-block.nopadding .bg-inner-b {
padding: 0;
}
.common-block__red .corner-tl {
background: url('/images/common-block-red-tl.png') 0 0 no-repeat;
}
.common-block__red .corner-tr {
background: url('/images/common-block-red-tr.png') 0 0 no-repeat;
}
.common-block__red .corner-bl {
background: url('/images/common-block-red-bl.png') 0 0 no-repeat;
}
.common-block__red .corner-br {
background: url('/images/common-block-red-br.png') 0 0 no-repeat;
}
.common-block__red .bg-inner-l {
background: url('/images/common-block-inner-red-l.png') 0 0 repeat-y;
}
.common-block__red .bg-inner-r {
background: url('/images/common-block-inner-red-r.png') 100% 0 repeat-y;
}
.common-inner-block {
padding: 3px;
position: relative;
}
.common-inner-block-tl {
background: url('/images/common-inner-block-tl.png') no-repeat;
}
.common-inner-block-tr {
background: url('/images/common-inner-block-tr.png') no-repeat;
}
.common-inner-block-bl {
background: url('/images/common-inner-block-bl.png') no-repeat;
}
.common-inner-block-br {
background: url('/images/common-inner-block-br.png') no-repeat;
}
.common-inner-block-t {
background: url('/images/common-inner-block-t.png') repeat-x;
}
.common-inner-block-b {
background: url('/images/common-inner-block-b.png') repeat-x;
}
.common-inner-block-l {
background: url('/images/common-inner-block-l.png') repeat-y;
}
.common-inner-block-r {
background: url('/images/common-inner-block-r.png') repeat-y;
}
.common-inner-block-bg {
background: url('/images/bg_l.gif');
}
.common-inset-tl {
background: url('/images/common-inset-tl.png') no-repeat;
}
.common-inset-tr {
background: url('/images/common-inset-tr.png') no-repeat;
}
.common-inset-bl {
background: url('/images/common-inset-bl.png') no-repeat;
}
.common-inset-br {
background: url('/images/common-inset-br.png') no-repeat;
}
.common-inset-t {
background: url('/images/common-inset-t.png') repeat-x;
}
.common-inset-b {
background: url('/images/common-inset-b.png') repeat-x;
}
.common-inset-l {
background: url('/images/common-inset-l.png') repeat-y;
}
.common-inset-r {
background: url('/images/common-inset-r.png') repeat-y;
}
.common-inset-bg {
background: #ffffd6;
}
.common-header, .common-header .h-inner, .common-header .h-txt {
display: inline-block;
/ / display: inline;
/ / zoom: 1;
}
.common-header {
background: url('/images/common-header.png') 0 0 no-repeat;
height: 38px;
padding: 0 0 0 192px;
position: relative;
top: 7px;
z-index: 1;
}
.common-header .h-inner {
background: url('/images/common-header.png') 100% -38px no-repeat;
height: 38px;
padding: 0 192px 0 0;
}
.common-header .h-txt {
font-size: 12px;
font-weight: bold;
padding: 10px 0 0;
text-align: center;
}
.common-header .h-txt, .common-header a, .common-header b {
color: #faf7b9;
}
.common-header__small {
background: url('/images/common-header-small.png') 0 0 no-repeat;
height: 39px;
padding: 0 0 0 87px;
position: relative;
top: 11px;
z-index: 1;
}
.common-header__small .h-inner {
background: url('/images/common-header-small.png') 100% -39px no-repeat;
height: 39px;
padding: 0 97px 0 10px;
}
.common-header__small .h-txt {
font-size: 11px;
font-weight: bold;
padding: 10px 0 0;
text-align: center;
}
.common-header__small .h-txt, .common-header a, .common-header b {
color: #faf7b9;
}
.common-header__small-2 {
top: 0;
}
.hide-trick {
left: -9999px;
position: absolute;
top: -9999px;
}
.common-red-btn {
display: inline-block;
overflow: visible;
height: 35px;
padding: 0 0 0 28px;
vertical-align: middle;
text-decoration: none;
cursor: pointer;
border: 0;
background: url('/images/common-red-btn.png') no-repeat;
/ / display: inline;
/ / zoom: 1;
}
.common-red-btn::-moz-focus-inner {
padding: 0;
margin: -1px;
}
.common-red-btn .inner {
display: inline-block;
height: 35px;
padding: 0 28px 0 0;
line-height: 33px;
font-size: 11px;
white-space: nowrap;
color: #f9dfa1;
border: 0;
background: url('/images/common-red-btn.png') 100% 100% no-repeat;
/ / display: inline;
/ / zoom: 1;
}
.art-item-bg {
height: 60px;
margin: 0;
position: absolute;
width: 60px;
z-index: 1;
}
.store-ribbon-new {
background: url('/images/store-ribbon-new.png') no-repeat 0 0px;
color: #fff;
display: block;
font: 9px/7px Tahoma, Geneva, sans-serif;
height: 15px;
margin: 2px 0 0 0;
position: absolute;
text-align: center;
width: 60px;
}
.store-ribbon-best {
background: url('/images/store-ribbon-best.png') no-repeat 0 0px;
color: #fff;
display: block;
font: 9px/7px Tahoma, Geneva, sans-serif;
height: 15px;
margin: 2px 0 0 0;
position: absolute;
text-align: center;
width: 60px;
}
.store-ribbon-sale {
background: url('/images/store-ribbon-sale.png') no-repeat 0 0px;
color: #fff;
display: block;
font: 9px/10px Tahoma, Geneva, sans-serif;
height: 15px;
margin: 2px 0 0 0;
position: absolute;
text-align: center;
width: 60px;
}
.store-old-price {
background: url('/images/store-old-price.png') no-repeat 0 0px;
height: 15px;
margin: 3px 0 0 3px;
position: absolute;
width: 32px;
}
.dialogWindow {
border-collapse: collapse;
}
.dialogWindow td, .dialogWindow th {
border-collapse: collapse;
padding: 0;
vertical-align: top;
}
.dialogWindow th {
cursor: move;
}
.dialogWindow iframe {
background-color: #f9e4af;
border: 0;
margin: 0;
}
.dialogWindow-close-img {
cursor: pointer;
height: 20px;
margin: 2px 0 0 -15px;
position: absolute;
width: 20px;
}
.wind-left-repeat {
background: url('/images/wind-left-repeat.png') repeat-y;
width: 16px;
}
.wind-right-repeat {
background: url('/images/wind-right-repeat.png') repeat-y;
width: 16px;
}
.wind-bottom-repeat {
background: url('/images/wind-bottom-repeat.png') repeat-x;
height: 30px;
}
.wind-right-bottom {
background: url('/images/wind-right-bottom.png') repeat-x;
height: 30px;
width: 16px;
}
.wind-left-bottom {
background: url('/images/wind-left-bottom.png') repeat-x;
height: 30px;
width: 16px;
}
.wind-left-top {
background: url('/images/wind-left-top.png') repeat-y;
height: 37px;
width: 16px;
}
.wind-top-repeat {
background: url('/images/wind-top-repeat.png') repeat-x;
color: #f5f3c1;
font-family: Tahoma, Geneva, sans-serif;
font-size: 15px;
font-weight: normal;
height: 30px;
margin: 0 18px 0 0;
padding: 7px 0 0 10px;
text-align: center;
text-shadow: 2px 1px #4b0000;
}
.wind-right-top {
background: url('/images/wind-right-top.png') repeat-y;
height: 37px;
margin: 0px 0 0 -18px;
position: absolute;
width: 34px;
}
.levelup-top-left {
margin: 0 0 0 -15px;
position: absolute;
}
.levelup-top-right {
margin: 0 0 0 0;
position: absolute;
}
.levelup_top_center {
background: url('/images/levelup_top_center.png') no-repeat left top;
color: #ffffff;
height: 47px;
width: 488px;
}
.levelup_text {
font-size: 13px;
margin: 16px 0 0px 0px;
}
.levelup_number {
float: left;
font-size: 20px;
margin: 12px 10px 0 285px;
text-align: center;
width: 30px;
}
.levelup-innerdiv {
background: url('/images/levelup_top_center1.png') no-repeat left top;
}
.levelup-content {
height: 350px;
overflow: auto;
width: 488px;
}
.levelup-abletext {
color: #f5f3c1;
font-size: 12px;
padding: 3px 0 8px 0;
text-align: center;
text-shadow: 2px 1px #4b0000;
}
.levelup-group-title {
color: #6b382d;
font-size: 14px;
font-weight: bold;
text-align: center;
width: 100%;
}
.levelup-group-title img {
vertical-align: middle;
}
.levelup-group-content-pic {
-moz-border-radius: 5px;
background: url('/images/sand_bg_light.png') repeat left top;
border: 1px solid #e1b265;
border-radius: 5px;
color: #6b382d;
font-size: 12px;
margin: 0 3px 10px 3px;
padding: 10px 0 0px 10px;
text-align: center;
}
.levelup-group-content {
-moz-border-radius: 5px;
background: url('/images/sand_bg_light.png') repeat left top;
border: 1px solid #e1b265;
border-radius: 5px;
color: #6b382d;
font-size: 12px;
margin: 0 3px 10px 3px;
padding: 10px 0 10px 10px;
}
.levelup-group-content a, .levelup-group-content a:hover {
font-size: 12px;
}
.levelup-pictures {
float: left;
height: 63px;
margin: 0 10px 10px 0;
width: 63px;
}
.levelup-button {
margin: 5px 0 10px 0;
text-align: center;
}
.levelup-social-links {
color: #6b382d;
font-size: 11px;
margin: -35px 0 0 15px;
position: absolute;
}
.levelup-social-links img {
border: none;
vertical-align: middle;
}
.sand-bg {
background: url('/images/sand_bg.jpg') repeat;
}
.achieve_bg {
background: url('/images/bg_l.gif') left top;
}
.achieve_bg_lt {
background: url('/images/achieve_bg_lt.jpg') no-repeat left top;
height: 10px;
width: 10px;
}
.achieve_bg_tr {
background: url('/images/achieve_bg_tr.jpg') repeat-x left top;
height: 10px;
width: 100%;
}
.achieve_bg_rt {
background: url('/images/achieve_bg_rt.jpg') no-repeat left top;
height: 10px;
width: 10px;
}
.achieve_bg_lr {
background: url('/images/achieve_bg_lr.jpg') repeat-y left top;
}
.achieve_bg_rr {
background: url('/images/achieve_bg_rr.jpg') repeat-y left top;
}
.achieve_bg_lb {
background: url('/images/achieve_bg_lb.jpg') no-repeat left top;
height: 10px;
width: 10px;
}
.achieve_bg_br {
background: url('/images/achieve_bg_br.jpg') repeat-x left top;
height: 10px;
width: 100%;
}
.achieve_bg_rb {
background: url('/images/achieve_bg_rb.jpg') no-repeat left top;
height: 10px;
width: 10px;
}
.achieve_header_div {
position: relative;
text-align: center;
top: 20px;
width: 100%;
}
.achieve_header {
display: inline;
}
.achieve_header td {
vertical-align: top;
}
.achieve_header_bg {
background: url('/images/achieve_header_bg.gif') repeat-x left top;
height: 33px;
}
.achieve_header_bg a {
background: url('/images/achieve_header_link_separate.gif') no-repeat right top;
color: #5e3512 !important;
display: block;
font-weight: bold !important;
padding: 8px 19px 12px 15px;
text-decoration: none !important;
white-space: nowrap;
}
.achieve_header_bg a:hover, .achieve_header_bg a.active {
background: url('/images/achieve_header_abg.gif') no-repeat right top;
color: #f9dfa1 !important;
}
.achieve_header_l {
margin: 0px 0 0 -15px;
position: absolute;
}
.achieve_header_r {
margin: 0px 0 0 -15px;
position: absolute;
}
.achieve_info_lt {
background: url('/images/achieve_info_lt.gif') no-repeat left top;
height: 11px;
width: 11px;
}
.achieve_info_tr {
background: url('/images/achieve_info_tr.gif') repeat-x left top;
height: 11px;
width: 100%;
}
.achieve_info_rt {
background: url('/images/achieve_info_rt.gif') no-repeat left top;
height: 11px;
width: 11px;
}
.achieve_info_lr {
background: url('/images/achieve_info_lr.gif') repeat-y left top;
}
.achieve_info_rr {
background: url('/images/achieve_info_rr.gif') repeat-y left top;
}
.achieve_info_content {
background: #ffffd6;
padding: 10px;
}
.achieve_info_lb {
background: url('/images/achieve_info_lb.gif') no-repeat left top;
height: 11px;
width: 11px;
}
.achieve_info_br {
background: url('/images/achieve_info_br.gif') repeat-x left top;
height: 11px;
width: 100%;
}
.achieve_info_rb {
background: url('/images/achieve_info_rb.gif') no-repeat left top;
height: 11px;
width: 11px;
}
.achieve_info_table_dark .achieve_info_lt {
background: url('/images/achieve_d_info_lt.gif') no-repeat left top;
height: 11px;
width: 11px;
}
.achieve_info_table_dark .achieve_info_tr {
background: url('/images/achieve_d_info_tr.gif') repeat-x left top;
height: 11px;
width: 100%;
}
.achieve_info_table_dark .achieve_info_rt {
background: url('/images/achieve_d_info_rt.gif') no-repeat left top;
height: 11px;
width: 11px;
}
.achieve_info_table_dark .achieve_info_lr {
background: url('/images/achieve_d_info_lr.gif') repeat-y left top;
}
.achieve_info_table_dark .achieve_info_rr {
background: url('/images/achieve_d_info_rr.gif') repeat-y left top;
}
.achieve_info_table_dark .achieve_info_content {
background: #d6cfb4;
padding: 10px;
}
.achieve_info_table_dark .achieve_info_lb {
background: url('/images/achieve_d_info_lb.gif') no-repeat left top;
height: 11px;
width: 11px;
}
.achieve_info_table_dark .achieve_info_br {
background: url('/images/achieve_d_info_br.gif') repeat-x left top;
height: 11px;
width: 100%;
}
.achieve_info_table_dark .achieve_info_rb {
background: url('/images/achieve_d_info_rb.gif') no-repeat left top;
height: 11px;
width: 11px;
}
.achieve_info_content_img {
width: 60px;
}
.achieve_info_content_chit {
width: 73px;
}
.achieve_info_content_chit div {
background: url('/images/chit.png') no-repeat left top;
color: #ffffff;
font-size: 16px;
font-weight: bold;
height: 40px;
padding: 22px 0 0 0;
text-align: center;
width: 73px;
_height: 62px;
}
.achieve_info_content_text1 {
color: #8a0108;
float: left;
font-size: 12px;
font-weight: bold;
margin: 0 0 5px 0;
}
.achieve_info_content_text1 span {
color: #919191;
}
.achieve_info_content_text2 {
color: #4c4c4c;
padding: 12px 0 0px 12px !important;
}
.achieve_info_content_text3, .achieve_info_content_text3:hover {
color: #448723 !important;
display: block;
text-decoration: underline !important;
}
.achieve_info_content_text4, .achieve_info_content_text4:hover {
color: #bc0402 !important;
display: block;
text-decoration: underline !important;
}
.achieve_button {
float: right;
height: 12px;
margin: 3px 10px 0 0;
width: 12px;
}
.achieve_line_bg {
background: url('/images/achieve_line_bg.gif') no-repeat left top;
float: right;
height: 17px;
margin: 0 10px 0 0;
position: relative;
width: 265px;
}
.achieve_line_bgred {
background: url('/images/achieve_line_bgred.gif') no-repeat left top;
height: 13px;
position: absolute;
right: 0;
top: 0;
}
.achieve_line_info {
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.Glow(color=#333333, strength=3);
font-size: 10px;
height: 16px;
margin: 2px 0 0 0;
*margin-top: -1px;
position: absolute;
text-align: center;
text-shadow: -1px 0 2px #444444, 0 1px 2px #444444, 1px 0 2px #444444, 0 -1px 2px #444444, -1px 0 1px #640303, 0 1px 1px #640303, 1px 0 1px #640303, 0 -1px 1px #640303;
width: 265px;
}
.achieve_line_info img {
vertical-align: bottom;
}
.achieve_info_bottomline {
border-bottom: 1px solid #d4bf93;
}
.achieve_info_topline {
border-top: 1px solid #ffffff;
}
.achieve_info_inner_table td {
padding: 5px 0 5px 0;
}
.achieve_alt_bg {
background: url('/images/achieve_alt_bg.png') no-repeat left top;
color: #000000;
height: 21px;
margin: -35px 0 0 -210px;
padding: 7px 0 0 0;
position: absolute;
text-align: center;
width: 224px;
_height: 28px;
}
.achieve_show_alt {
cursor: pointer
}
/*sil ekle divin arkaplanları*/
#cart_amount_div, #cart_amount_sell_div td {
padding: 10px !important;
}
#cart_confirm_div {
z-index: 1000;
position: absolute;
display: none;
border-color: #660000;
top: 50%;
left: 50%;
}
#cart_confirm_div td {
padding: 10px !important;
}
#systemConfirm_div {
z-index: 1100;
position: fixed !important;
border-color: #660000;
position: absolute;
left: expression( document.body.scrollLeft + 'px' );
top: expression( document.body.scrollTop + 'px' );
}
#systemConfirm_div td {
padding: 10px !important;
}
#frame_content_hider {
z-index: 50;
position: fixed !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #333;
filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
moz-opacity: 0.80;
opacity: 0.80;
display: none;
position: absolute;
left: expression( document.body.scrollLeft + 'px' );
top: expression( document.body.scrollTop + 'px' );
}
.art_title {
color: #955C4A;
}
#ask_confirm_ms b, #ask_confirm_ms #action_title {
color: #ba0000 !important;
}
table#systemConfirm_div td#confirm_ms {
color: #ba0000 !important;
}
table#systemConfirm_div td#confirm_ms b {
color: #ba0000 !important;
}
/*bitiyor*/
#cart_amount_div td {
padding: 10px !important;
}
#cart_confirm_div td {
padding: 10px !important;
}
#systemConfirm_div td {
padding: 10px !important;
}
#ask_confirm_ms b {
color: #ba0000 !important;
}
table#systemConfirm_div td#confirm_ms {
color: #ba0000 !important;
}
table#systemConfirm_div td#confirm_ms b {
color: #ba0000 !important;
}
#confirm_ms {
color: #ba0000;
}
#confirm_ms span {
color: #461c28;
}
table.artifact-table {
display: inline-block;
margin: 1px;
vertical-align: top;
/ / display: inline;
/ / zoom: 1;
}
table.artifact-table td {
width: 60px;
height: 60px;
margin: 0;
padding: 0;
vertical-align: bottom !important;
}
/* obrazy */
.obraz {
margin: 0 0 10px;
}
.obraz-list {
margin: 0 auto;
}
.obraz-list ul {
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0 0 0 9px;
position: relative;
}
.obraz-list ul li {
display: block;
position: relative;
vertical-align: middle;
}
.obraz-list .obraz-arrow {
background: url('/images/obraz_arrows.png') no-repeat;
display: block;
height: 23px;
margin-right: 8px;
width: 42px;
}
.obraz-list .obraz-arrow.top {
background-position: -42px 0;
}
.obraz-list .obraz-arrow.top:hover {
background-position: 1px 0;
}
.obraz-list .obraz-arrow.bottom {
background-position: -42px -24px;
}
.obraz-list .obraz-arrow.bottom:hover {
background-position: 1px -24px;
}
.obraz-list ul {
background: url('/images/obraz_list_bg.png') no-repeat;
height: 418px;
width: 74px;
}
.obraz-list ul li {
height: 68px;
padding: 0;
position: relative;
width: 65px;
*width: 68px;
}
.obraz-list ul li a {
height: 60px;
left: -2px;
position: relative;
top: 9px;
width: 60px;
}
.obraz-list ul li a img {
border: none;
}
.obraz-list ul li a:hover span.select {
display: block;
}
.obraz-list ul li span {
background: url('/images/obraz_prev_bg.jpg') no-repeat;
color: #000;
display: none;
font-size: 10px;
height: 13px;
left: 0px;
line-height: 10px;
position: absolute;
text-align: center;
top: -25px;
*top: 25px;
width: 60px;
z-index: 100;
}
.obraz-list ul li .active-frame {
background: url('/images/obraz_active.png');
height: 60px;
left: -2px;
position: absolute;
top: 9px;
width: 60px;
z-index: 110;
}
/* starter kits */
/* starter kits */
.set-header {
padding: 0 0 10px;
border-bottom: #d4bf93 1px solid;
}
.set-tabs {
float: left;
width: 92px;
margin-right: -6px;
/ / margin-right: - 9 px;
}
.set-tabs .tab {
position: relative;
z-index: 1;
width: 88px;
height: 58px;
padding: 10px 2px;
text-align: center;
cursor: pointer;
background: url('/images/set-tabs.png') 0 100% no-repeat;
/ / width: 90 px;
/ / padding-left: 5 px;
}
.set-tabs .tab .ico {
display: inline-block;
width: 44px;
height: 33px;
background: url('/images/set-ico.png') 0 100% no-repeat;
}
.set-tabs .tab-active {
z-index: 3;
cursor: default;
background-position: 0 0;
}
.set-tabs .tab-active .ico {
background-position: 0 0;
}
.set-tabs .tab, .set-tabs .tab .redd2 {
font-size: 10px;
}
.set-tabs-content {
position: relative;
z-index: 2;
overflow: hidden;
zoom: 1;
}
.set-tabs-min {
float: left;
/ / margin-right: - 9 px;
}
.set-tabs-min .tab {
position: relative;
z-index: 1;
width: 88px;
height: 11px;
padding: 10px 2px;
text-align: center;
cursor: pointer;
background: url('/images/set-tabs-min-cc.png?ux=1') 0 100% no-repeat;
/ / width: 90 px;
/ / padding-left: 5 px;
}
.set-tabs-min .tab .ico {
display: inline-block;
width: 44px;
height: 33px;
background: url('/images/set-ico.png') 0 100% no-repeat;
}
.set-tabs-min .tab-active {
z-index: 3;
cursor: default;
background-position: 0 0;
}
.set-tabs-min .tab-active .ico {
background-position: 0 0;
}
.set-tabs-min .tab, .set-tabs-min .tab .redd2 {
font-size: 10px;
}
.set-items .common-red-btn .inner {
min-width: 80px;
}
.set-item {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 2px 1px;
zoom: 1;
}
.set-item img {
cursor: pointer;
position: relative;
z-index: 1;
}
.set-item .bpdig {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
}
.set-button {
display: inline-block;
margin: 0 10px;
vertical-align: middle;
}
.set-price {
display: block;
margin: 5px 0;
}
/* quest */
.fs-13, .fs-13 * {
font-size: 13px;
}
.fs-12, .fs-12 * {
font-size: 12px;
}
.nobrd {
border: 0;
}
/* store popup */
.store-popup {
display: none;
position: absolute;
z-index: 999;
top: 0;
left: 0;
padding: 0 0 5px;
border: #6f0006 1px solid;
background: url('/images/tbl-usi_bg.gif');
}
.store-popup table {
width: 270px;
}
.store-popup table table {
width: auto;
}
.store-popup td {
padding: 3px 5px;
}
.store-popup .divider {
border-bottom: #6f0006 1px solid;
}
.store-popup #itemImg {
display: block;
width: 60px;
height: 60px;
}
.backpack_list {
margin: 0;
padding: 0;
min-height: 60px;
}
.backpack_list li {
list-style: none;
height: 60px;
width: 60px;
margin: 1px;
float: left;
position: relative;
zoom: 1;
}
.backpack_list li table {
height: 60px;
width: 60px;
}
.backpack_list li.empty {
clear: both;
float: none;
text-align: center;
width: auto;
height: auto;
padding: 5px 0;
}
.backpack_list li.item {
zoom: 1;
}
.backpack_list_hover {
background-image: url('../images/bg_l.gif');
}
/* clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* user info avatars list */
/* user info avatars list */
.avatars-list {
position: absolute;
top: 4px;
left: -97px;
width: 81px;
padding: 30px 0;
}
.avatars-list__arrow-top,
.avatars-list__arrow-bot {
display: none;
position: absolute;
top: 0;
left: 11px;
width: 40px;
height: 30px;
cursor: pointer;
background: url('/images/user-info-avatar-arrows.png') no-repeat;
}
.avatars-list__arrow-bot {
top: auto;
bottom: 6px;
background-position: 0 100%;
}
.avatars-list__inner {
position: relative;
z-index: 1;
overflow: hidden;
width: 81px;
height: 549px;
}
/* 61px * 9 */
.avatars-list__slot {
display: block;
position: relative;
width: 81px;
height: 61px;
background: url('/images/user-info-avatar-slot.png') no-repeat;
}
.avatars-list__slot-frame {
display: none;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('/images/user-info-avatar-slot-active.png') no-repeat;
}
.avatars-list__slot-img {
position: absolute;
top: 5px;
left: 5px;
overflow: hidden;
width: 50px;
height: 45px;
}
.avatars-list__slot-img img {
width: 50px;
}
.avatars-list__slot_active .avatars-list__slot-frame {
display: block;
}
/**
* CSS only for mobile devices
*/
@media (pointer: coarse) {
#top_mnu_cont canvas {
transform: translate(-175px) scale(0.9);
}
iframe#main,
iframe#backpack {
transform-origin: left top;
transform: scale(0.77);
}
}