:root {
    --mw-bg:#1c1c1c;
    --mw-panel:#232323;
    --mw-edge:#C7BA96;
    --mw-ac:#D0C090;
    --mw-ok:#2e8b57;
    --mw-warn:#d9a441;
    --mw-err:#b54b4b;
    --mw-txt:#eee;
}

.mw-stats {
    font-family: Tahoma, Verdana, Arial;
    color:var(--mw-txt);
    background:linear-gradient(180deg,#1a1a1a,#121212);
    border:1px solid var(--mw-edge);
    border-radius:8px;
    padding:10px;
    max-width:520px;
    box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 10px 30px rgba(0,0,0,.35);
}

.mw-stats__head {
    display:flex;
    justify-content:space-between;
    gap:8px;
    align-items:center;
    margin-bottom:8px;
}

.mw-stats__free {
    font-weight:bold;
    color:#fafafa;
    letter-spacing:.2px
}

.mw-stats__btn {
    background:#2a2a2a;
    border:1px solid #3a3a3a;
    border-radius:6px;
    color:#ddd;
    padding:6px 10px;
    cursor:pointer;
    transition:transform .05s ease, box-shadow .15s;
}

.mw-stats__btn:hover {
    box-shadow:0 0 0 1px var(--mw-ac),0 4px 12px rgba(0,0,0,.35)
}

.mw-stats__btn:active {
    transform:translateY(1px)
}

.mw-stats__row {
    display:grid;
    grid-template-columns: 130px 1fr auto auto auto;
    gap:8px;
    align-items:center;
    padding:8px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:8px;
    background:#171717;
    margin-bottom:6px;
}

.mw-stats__name {
    font-weight:bold;
    color:#ddd
}

.mw-stats__value {
    font-size:14px;
    min-width:90px
}

.mw-stats__value sup {
    font-size:11px
}

.mw-stats__bar {
    height:8px;
    background:#0f0f0f;
    border:1px solid rgba(0,0,0,.6);
    border-radius:4px;
    overflow:hidden
}

.mw-stats__bar > i {
    display:block;
    height:100%;
    width:0%;
    background:linear-gradient(90deg,#7cd67c,#2f8f2f);
    transition:width .15s
}

.mw-stats__ctrl {
    display:flex;
    gap:6px
}

.mw-chip {
    display:inline-block;
    padding:3px 6px;
    border-radius:6px;
    font-size:12px;
    border:1px solid #3a3a3a;
    color:#bbb;
    cursor:pointer;
}

.mw-chip:hover {
    box-shadow:0 0 0 1px var(--mw-ac)
}

.mw-chip--ok {
    border-color:#356c49;
    color:#cfe9d8
}

.mw-chip--warn {
    border-color:#8d6a23;
    color:#f3e1bb
}

.mw-chip--err {
    border-color:#7d2e2e;
    color:#f3c7c7
}

.mw-muted {
    opacity:.65
}

.kbd {
    font:11px/1.6 monospace;
    color:#bbb;
    border:1px solid #3a3a3a;
    border-radius:4px;
    padding:1px 4px;
    background:#202020
}

.exch-herospan {
    border-radius:6px;
    font-family:Tahoma,Verdana,Arial,sans-serif;
    color:#222
}

button, input[type="button"], input[type="submit"], input[type="reset"], a {
    cursor:pointer;
}

#tooltip {
    background:#f8f9fa;
    color:#333;
    font-family:'Segoe UI',Arial,sans-serif;
    font-size:12px;
    line-height:1.3;
    padding:6px 10px;
    border-radius:3px;
    border:1px solid #c2c8d1;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
    max-width:320px;
    width:max-content;
    z-index:10000;
    pointer-events:none
}

#tooltip b {
    color:#1a2333;
    font-weight:bold
}

background:#2a3b55;
color:#eef3f8;
font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:13px;
line-height:1.5;
padding:12px 16px;
border-radius:8px;
box-shadow:0 8px 24px rgba(0,0,0,0.25);
border:1px solid #4a5b75;
max-width:260px;
z-index:10000;
opacity:0.98;
pointer-events:none
}

#ID_ТВОЕГО_ТУЛТИПА b {
    color:#ffd700;
    font-weight:600;
    display:block;
    margin-bottom:4px
}

#ID_ТВОЕГО_ТУЛТИПА b:not(:first-child) {
    display:inline;
    color:#ffaa00
}

.mw-ov {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.75);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

.mw-box {
    width: 700px;
    max-width: 96%;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    box-shadow: 0 15px 35px rgba(0,0,0,.65);
    overflow: hidden;
    font-family: Tahoma,Arial,sans-serif;
    color: #222;
    position: relative;
    z-index: 100000;
}

.mw-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
}

.mw-title {
    font-weight: bold;
    font-size: 14px;
}

.mw-close {
    background: #e5e7eb;
    border: 1px solid #9ca3af;
    border-radius: 6px;
    padding: 2px 8px;
    cursor: pointer;
    font-weight: bold;
    z-index: 100001;
}

.mw-close:hover {
    background:#f3f4f6;
}

.mw-body {
    padding:12px;
    font-size:12px;
}

.mw-row {
    margin:8px 0;
}

.mw-label {
    display:inline-block;
    min-width:90px;
    color:#333;
    vertical-align:middle;
}

.mw-input {
    border:1px solid #cfcfcf;
    border-radius:6px;
    padding:6px 8px;
    font:12px Tahoma,Arial;
    width:260px;
    vertical-align:middle;
}

.mw-note {
    color:#666;
    font-size:11px;
    margin-left:6px;
}

.mw-text {
    color:#222;
}

.mw-fee {
    color:#444;
}

.mw-fee b {
    color:#0a7a0a;
}

.mw-actions {
    display:flex;
    gap:8px;
    justify-content:flex-end;
    padding:10px 12px;
    background:#fafafa;
    border-top:1px solid #e5e5e5;
}

.mw-btn {
    background:#111827;
    color:#fff;
    border:0;
    border-radius:8px;
    padding:7px 14px;
    cursor:pointer;
    font-weight:bold;
}

.mw-btn:hover {
    opacity:.9;
}

.mw-btn-ghost {
    background:#e5e7eb;
    color:#111827;
    border:1px solid #9ca3af;
}

.LogintextBox2 {
    border:1px solid #cfcfcf;
    border-radius:6px;
    padding:6px 8px;
    font:12px Tahoma,Arial;
}

#stooltipmsg {
    left:-400px;
    max-width: 400px;
}

#stooltiptext {
    padding: 1px 5px !important;
    background: #fff;
    border: 1px solid #999;
    color: #333;
    font: 12px Tahoma;
    margin: 0px;
    z-index: 9999999;
    min-width: 75px;
    min-height: 20px;
    border-radius: 1px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.button-containers {
    position: absolute;
    right: 1px;
    top: 100px;
    padding: 1px;
    max-height: 320px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
    scrollbar-width: thin;
}

.button-containers::-webkit-scrollbar {
    width: 6px;
}

.button-containers::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    border-radius: 3px;
}

.button-containers img {
    width: 70px;
    height: auto;
    cursor: pointer;
    transition: opacity 0.3s;
}

.button-containers img:hover {
    opacity: 0.7;
}

.bg-fixed,.bg-abs,.bg-dragons {
    width:100%;
    height:100%;
    min-height:100%;
    top:0px;
    left:0;
    background-attachment:fixed;
    background-repeat: no-repeat;
}

.bg-fixed {
    position:fixed;
    z-index:-1;
}

.bg-dragons {
    background: black url("https://image.eralen.cc/image/bg-dragons.jpg");
    background-position:center 0px;
}

#tooltip {
    background:#fff;
    border:1px solid #999;
    color:#333;
    font: 12px Tahoma;
    margin:0px;
    padding:3px 5px;
    position:absolute;
    visibility:hidden;
    z-index:9999999;
}

.img_progress {
    opacity: 0.3;
}

.img_progress2 {
    opacity: 1;
}

.invis {
    display:none;
}

.cc0000 {
    color: #cc0000;
}

.ftime {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    color: #6b6b6b;
    text-decoration : none;
}

.ftime2 {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 11px;
    color: #6b6b6b;
    text-decoration : none;
}

.ftime3 {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 10px;
    color: #6b6b6b;
    text-decoration : none;
}

.ftime4 {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-family : Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    color: #db0100;
    text-decoration : none;
}

.ftime5 {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-family : Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    color: #8B4513;
    text-decoration : none;
}

.ftime6 {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 8px;
    color: #6b6b6b;
    text-decoration : none;
}

.ftime7 {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 8px;
    color: #00000;
    text-decoration : none;
}

.ftime9 {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 10px;
    color: #00000;
    text-decoration : none;
}

.ftime10 {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 11px;
    color: #6b6b6b;
    text-decoration : none;
}

.ftime11 {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 8px;
    color: #6b6b6b;
    text-decoration : none;
}

.ftime12 {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 9px;
    color: #6b6b6b;
    text-decoration : none;
}

.quest {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 11px;
    color: #222222;
    text-decoration : none;
}

A {
    COLOR: #336699;
    text-decoration : none;
    cursor: pointer;
}

FORM {
    margin: 0;
    padding: 0;
}

a.reglink {
    font-family : Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #41341E;
}

a.reglink:hover {
    font-family : Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : underline;
    color : #41341E;
}

.weaponch {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #333333;
    font-size : 11px;
}

.weaponches {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #333333;
    font-size : 12px;
}

.weaponchart {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #336699;
    font-size : 11px;
}

.weaponchdis {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #999999;
    font-size : 11px;
}

.weaponchuse {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #b50606;
    font-size : 11px;
}

.fighttxt {
    font-family : Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #222222;
    font-size : 12px;
}

.fighttime {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #888888;
    font-size : 12px;
}

.chattxt {
    font-family : Verdana, Tahoma, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #000000;
    font-size : 10pt;
}

.forumt {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : underline;
    color : #333333;
    font-size : 13px;
    FONT-WEIGHT: bold
}

.ftit {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #696969;
    font-size : 15px;
    FONT-WEIGHT: bold
}

.ftxt {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #333333;
    font-size : 11px
}

.forumwe {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #333333;
    font-size : 13px;
    FONT-WEIGHT: bold
}

.forumne {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #333333;
    font-size : 12px
}

.fsm {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #222222;
    font-size : 11px;
}

.suppo {
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #888888;
    font-size : 11px;
}

.anonstxt {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #333333;
    font-size : 11px;
}

.proce {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #cc0000;
    font-size : 10px;
}

.proce_w {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #2E8B57;
    font-size : 10px;
}

.proceg {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #333333;
    font-size : 12px;
}

.proceb {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #00000;
    font-size : 10px;
}

.copy {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #F8F3D7;
    font-size : 11px;
}

.anonstitle {
    font-family : Arial,Verdana,Tahoma,Arial,Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : underline;
    color : #333366;
    font-size : 16px;
    FONT-WEIGHT: bold
}

.guestb {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #222222;
}

.placename {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #222222;
}

.travma {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #222222;
}

.inv {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #716E44;
}

.invtitle {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #f5f5f5;
    FONT-WEIGHT: bold
}

.nickname {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #222222;
}

.temp {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #222222;
}

.nickname2 {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #222222;
}

.zaya {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #336699;
}

.freemain {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #222222;
}

.gr_f {
    color : #0052A6;
}

.gr_s {
    color : #087C20;
}

.logintext {
    font-family : Verdana, Tahoma, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #336699;
    FONT-WEIGHT: bold
}

.freetxt {
    font-family : Verdana, Tahoma, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #222222;
}

.hpfont {
    font-family : Verdana,Arial,Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #003366;
}

.chattext {
    font-family : Verdana, Helvetica, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 13px;
    text-decoration : none;
    color : #222222;
}

.chattime {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #003366;
}

.yochattime {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #ffffff;
    background-color:#6699bb;
}

.prchattime {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #ffffff;
    background-color:#D16F67;
}

.clchattime {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #ffffff;
    background-color:#4d59a1;
}

.massm {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #ffffff;
    background-color:#EF6B00;
}

.guest {
    BACKGROUND: #F8F3D7;
    BORDER-BOTTOM: #665B48 1px solid;
    BORDER-LEFT: #665B48 1px solid;
    BORDER-RIGHT: #665B48 1px solid;
    BORDER-TOP: #665B48 1px solid;
    COLOR: #41341E;
    FONT: 11px Verdana,Tahoma,Verdana,Arial,Tahoma,Verdana,Helvetica;
    FONT-WEIGHT: bold;
    WIDTH: 200px
}

.submit {
    BACKGROUND: #A29275;
    BORDER-BOTTOM: #7A6848 1px solid;
    BORDER-LEFT: #7A6848 1px solid;
    BORDER-RIGHT: #7A6848 1px solid;
    BORDER-TOP: #7A6848 1px solid;
    COLOR: #fff;
    CURSOR: hand;
    FONT: 11px Verdana,Helvetica;
    FONT-WEIGHT: bold
}

.invbut {
    BACKGROUND: #ffffff;
    BORDER-BOTTOM: #CE0202 1px solid;
    BORDER-LEFT: #CE0202 1px solid;
    BORDER-RIGHT: #CE0202 1px solid;
    BORDER-TOP: #CE0202 1px solid;
    BORDER-RADIUS: 1px;
    COLOR: #333;
    CURSOR: hand;
    FONT: 10px Verdana,Tahoma,Verdana,Helvetica
}

.invbut_disabled {
    background: #f4f4f4;
    border: 1px solid #b5b5b5;
    color: #888;
    cursor: default;
    font: 10px Verdana, Tahoma, Helvetica;
    opacity: 0.7;
}

.klbut {
    BORDER:0px;
    COLOR: #333;
    CURSOR: hand;
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #006600;
    font-size : 11px;
    FONT-WEIGHT: bold;
    padding: 0px 0px 0px 0px;
}

.klbutdis {
    BORDER:0px;
    COLOR: #333;
    CURSOR: hand;
    font-family : Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color : #006600;
    font-size : 11px;
    FONT-WEIGHT: bold;
    padding: 0px 0px 0px 0px;
}

.lbutbig {
    BACKGROUND: #f0f0f0;
    BORDER-BOTTOM: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    COLOR: #333;
    CURSOR: hand;
    FONT: 10px Verdana,Tahoma,Verdana,Helvetica;
    FONT-WEIGHT: bold;
    WIDTH: 150px
}

.lbutdis {
    opacity: 0.3;
    BACKGROUND: #F3ECD7;
    BORDER-BOTTOM: #DECFA6 1px solid;
    BORDER-LEFT: #DECFA6 1px solid;
    BORDER-RIGHT: #DECFA6 1px solid;
    BORDER-TOP: #DECFA6 1px solid;
    COLOR: #ffffff;
    CURSOR: hand;
    FONT: 11px Tahoma,Verdana,Helvetica;
    FONT-WEIGHT: bold
}

.addza {
    BACKGROUND: #e0e0e0;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC 1px solid;
    COLOR: #333;
    CURSOR: hand;
    FONT: 10px Verdana,Tahoma,Helvetica;
    FONT-WEIGHT: bold
}

.dd {
    BACKGROUND: #F5F5F5;
    BORDER-BOTTOM: #999999 1px solid;
    BORDER-LEFT: #DDDDDD 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #DDDDDD 1px solid;
    COLOR: #222222;
    CURSOR: hand;
    FONT: 10px Verdana,Tahoma;
    WIDTH: 120px;
    MARGIN-BOTTOM: 3px
}

.ddbuy {
    BACKGROUND: #ffd6d6;
    BORDER-BOTTOM: #ee6b6b 1px solid;
    BORDER-LEFT: #fcb6b6 1px solid;
    BORDER-RIGHT: #ee6b6b 1px solid;
    BORDER-TOP: #fcb6b6 1px solid;
    COLOR: #222222;
    CURSOR: hand;
    FONT: 10px Verdana,Tahoma;
    WIDTH: 120px;
    MARGIN-BOTTOM: 3px
}

.submitclass {
    WIDTH: 20px;
}

.nbut1 {
    BACKGROUND: #D16F67;
    BORDER-BOTTOM: 0px solid;
    BORDER-LEFT: 0px solid;
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    COLOR: #FFFFFF;
    FONT: 11px Verdana,Tahoma;
    FONT-WEIGHT: bold;
    WIDTH: 80px;
    CURSOR: hand;
}

.cath {
    CURSOR: hand;
}

#offspace {
    PADDING-LEFT: 18px
}

#shortblock {
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px
}

.loginupform {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #41341E;
}

.loginupformsec {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #ffffff;
}

.poll {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #003366;
}

.kalendar {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #333333;
}

.anonssmall {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : underline;
    color : #336699;
}

.anonssmallap {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 10px;
}

.dateclass {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #666666;
}

.subclass {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #444444;
}

.title {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #003366;
    text-decoration: underline;
}

.redtitle {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #990000;
}

.uptxt {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #ffffff;
}

.redtitle_big {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #003366;
}

.daystitle_big {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #003366;
    background-color:#fafafa;
}

.redtitle_st {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #d60000;
}

.pathbar {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #333333;
}

.menutxt {
    font-family : Arial, Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : underline;
    color : #000000;
}

.menutxttit {
    font-family : Arial, Tahoma, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #000000;
}

.pathbarmain {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #003366;
}

.submenu {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 10px;
    text-decoration : none;
    color : #003366;
}

.textBox {
    BACKGROUND-COLOR: #ffffff;
    COLOR: #333333;
    FONT-FAMILY:Verdana, Arial;
    FONT-SIZE: 11px;
    FONT-STYLE: normal
}

.LogintextBox {
    BACKGROUND-COLOR: #ffffff;
    COLOR: #333333;
    FONT-FAMILY:Verdana, Arial;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    WIDTH:150px
}

.LogintextBox2 {
    BACKGROUND: #ffffff;
    BORDER-BOTTOM: #DECFA6 1px solid;
    BORDER-LEFT: #DECFA6 1px solid;
    BORDER-RIGHT: #DECFA6 1px solid;
    BORDER-TOP: #DECFA6 1px solid;
    COLOR: #333;
    FONT: 11px Tahoma,Verdana,Helvetica;
    FONT-WEIGHT: bold;
    WIDTH:80px
}

.LogintextBox3 {
    BACKGROUND-COLOR: #ffffff;
    COLOR: #333333;
    FONT-FAMILY:Verdana, Arial;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    WIDTH:530px
}

.LogintextBox4 {
    BACKGROUND-COLOR: #ffffff;
    COLOR: #333333;
    FONT-FAMILY:Verdana, Arial;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    WIDTH:200px
}

.LogintextBox5 {
    BACKGROUND-COLOR: #ffffff;
    COLOR: #333333;
    FONT-FAMILY:Verdana, Arial;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    WIDTH:65px
}

.LogintextBox6 {
    BACKGROUND-COLOR: #ffffff;
    COLOR: #333333;
    FONT-FAMILY:Verdana, Arial;
    FONT-SIZE: 11px;
    FONT-STYLE: normal
}

.LogintextBox7 {
    BACKGROUND: #ffffff;
    BORDER-BOTTOM: #DECFA6 1px solid;
    BORDER-LEFT: #DECFA6 1px solid;
    BORDER-RIGHT: #DECFA6 1px solid;
    BORDER-TOP: #DECFA6 1px solid;
    COLOR: #333;
    FONT: 11px Tahoma,Verdana,Helvetica;
    FONT-WEIGHT: bold;
    WIDTH:35px
}

.LogintextBox8 {
    BACKGROUND: #ffffff;
    BORDER-BOTTOM: #DECFA6 1px solid;
    BORDER-LEFT: #DECFA6 1px solid;
    BORDER-RIGHT: #DECFA6 1px solid;
    BORDER-TOP: #DECFA6 1px solid;
    COLOR: #333;
    FONT: 11px Tahoma,Verdana,Helvetica;
    FONT-WEIGHT: bold;
    WIDTH:50px
}

.LogintextBox9, .LoginSelect9 {
    background: linear-gradient(#ffffff, #f2f2f2);
    border: 1px solid #d2d2d2;
    color: #333;
    font: 11px Tahoma, Verdana, Helvetica;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding: 0 6px;
    box-sizing: border-box;
}

.LogintextBox9 {
    width: 105px;
}

.LoginSelect9 {
    width: 90px;
    cursor: pointer;
}

.LogintextBox9:hover, .LoginSelect9:hover {
    background: linear-gradient(#ffffff, #eaeaea);
    border-color: #c5c5c5;
}

.LogintextBox9:focus, .LoginSelect9:focus {
    background: #ffffff;
    border-color: #b9b9b9;
    outline: none;
}

.LogintextBox9:disabled, .LoginSelect9:disabled {
    background: #f5f5f5;
    color: #999;
    border-color: #dcdcdc;
}

.chatpost {
    BACKGROUND-COLOR: #ffffff;
    COLOR: #333333;
    FONT-FAMILY:Verdana, Arial;
    FONT-SIZE: 11px;
    FONT-STYLE: normal
}

.textBox3 {
    BACKGROUND-COLOR: #ffffff;
    COLOR: #333333;
    FONT-FAMILY:Verdana, Arial;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    WIDTH:572px
}

.zayavki {
    BACKGROUND-COLOR: #ffffff;
    COLOR: #222222;
    FONT-FAMILY:Verdana, Arial;
    FONT-SIZE: 10px;
    FONT-STYLE: normal
}

.selfight {
    BACKGROUND-COLOR: #ffffff;
    COLOR: #222222;
    FONT-FAMILY:Verdana, Arial;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    WIDTH: 210px
}

.buttonSub {
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #dddddd;
    CURSOR: hand;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    color: black;
}

.chatpostbut {
    BACKGROUND: #E7E7E7;
    BORDER-BOTTOM: #DDDDDD 0px solid;
    BORDER-LEFT: #CE0202 0px solid;
    BORDER-RIGHT: #CE0202 0px solid;
    BORDER-TOP: #CE0202 0px solid;
    COLOR: #724000;
    CURSOR: hand;
    FONT: 12px Tahoma,Verdana,Helvetica;
    FONT-WEIGHT: bold;
}

.textBox2 {
    BACKGROUND: #fff;
    BORDER-BOTTOM: #698EB4 1px solid;
    BORDER-LEFT: #698EB4 1px solid;
    BORDER-RIGHT: #698EB4 1px solid;
    BORDER-TOP: #698EB4 1px solid;
    COLOR: #000;
    CURSOR: hand;
    FONT: 11px Tahoma,Verdana,Helvetica;
    WIDTH: 90px
}

.input_cl_s {
    BORDER-RIGHT: #767676 1pt solid;
    BORDER-TOP: #767676 1pt solid;
    MARGIN-TOP: 0px;
    FONT-SIZE: 10px;
    MARGIN-BOTTOM: 0px;
    BORDER-LEFT: #767676 1pt solid;
    COLOR: #556680;
    BORDER-BOTTOM: #767676 1pt solid;
    FONT-FAMILY: Verdana, Arial, Helvetica
}

.usermenu {
    background-color: #FCFAF3;
    border-color: #B9A05C #A9904C #A9904C #B9A05C;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
}

a.usermenulink {
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #222222;
    border: 0px solid #000000;
    padding: 2px 12px 2px 12px;
    display: block;
    text-decoration: none;
}

a.usermenulink:hover {
    background-color: #F3ECD7;
    color: #336699;
}

.hbutton {
    font-size: 11px;
    background-image: url(https://image.eralen.cc/image/tab/but.gif);
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    cursor: hand;
    background-color: #CCCCCC;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
}

#darker {
    width:100%;
    height:100%;
    position:absolute;
    background:url('https://image.eralen.cc/image/index/dark.png') repeat;
}

#zakon {
    width:100%;
    height:100%;
    position:absolute;
    background:url('https://image.eralen.cc/image/index/dark.png') repeat;
}

#lavka {
    width:100%;
    height:100%;
    position:absolute;
    background:url('https://image.eralen.cc/image/index/dark.png') repeat;
}

#master {
    width:100%;
    height:100%;
    position:absolute;
    background:url('https://image.eralen.cc/image/index/dark.png') repeat;
}

#arena {
    width:100%;
    height:100%;
    position:absolute;
    background:url('https://image.eralen.cc/image/index/dark.png') repeat;
}

#CityOut {
    width:100%;
    height:100%;
    position:absolute;
    background:url('https://image.eralen.cc/image/index/dark.png') repeat;
}

.infoblock {
}

.infoblock .top_left_left {
    position:absolute;
    width:64px;
    height:57px;
    margin-top:-4px;
    margin-left:-25px;
    background: no-repeat;
}

.infoblock .top_right_left {
    position:absolute;
    width:34px;
    height:18px;
    margin-top:-5px;
    margin-left:-10px;
    background: no-repeat;
}

.infoblock .top_name_left {
    position:absolute;
    width:135px;
    height:19px;
    margin-top:-6px;
    margin-left:40px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_top_name.png) no-repeat;
    font:bold 11px/18px Verdana;
    color:#e5e5e5;
    text-align:center;
}

.top_left_right {
    position:absolute;
    width:34px;
    height:18px;
    margin-top:-6px;
    margin-left:-12px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_top_right_right.png) no-repeat;
}

.top_right_right {
    position:absolute;
    width:64px;
    height:57px;
    margin-top:-5px;
    margin-left:-29px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_top_left_right.png) no-repeat;
}

.top_name_right {
    position:absolute;
    width:135px;
    height:19px;
    margin-top:-6px;
    margin-left:9px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_top_name.png) no-repeat;
    font:bold 11px/18px Verdana;
    color:#e5e5e5;
    text-align:center;
}

.infoblock .left {
    width:12px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_left.png) no-repeat 1px top;
}

.infoblock .center {
    width:12px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_center.png) repeat-x top;
}

.infoblock .right {
    width:11px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_right.png) no-repeat -1px top;
}

.infoblock .layer {
    width:11px;
    width:11px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_layer_middle.png) repeat-y 0 23px;
}

.infoblock .layer div {
    height:23px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_layer_top.png) no-repeat;
}

.infoblock .bot_left {
    height:7px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_left_bot.png) no-repeat 1px top;
}

.infoblock .bot_center {
    background: url(https://image.eralen.cc/image/pinfo/infoblock_center_bot.png) repeat-x;
}

.infoblock .bot_right {
    background: url(https://image.eralen.cc/image/pinfo/infoblock_right_bot.png) no-repeat -1px 0;
}

.infoblock .bot_layer {
    background: url(https://image.eralen.cc/image/pinfo/infoblock_layer_bot.png) no-repeat;
}

.infoblock .chars {
    padding: 20px 10px 10px 10px;
}

.infoblock .chars .char_item {
    height:23px;
}

.infoblock .chars .char_item div {
    float:left;
    color:#e5e5e5;
    font:bold 11px/22px Verdana;
}

.infoblock .chars .char_item span {
    float:right;
    color:#d7d7d7;
    font: 13px/22px Verdana;
}

.infoblock .chars .char_item b {
    color:#FFFFFF;
}

.infoblock .chars .char_item span.tb {
    width:100px;
}

.infoblock .chars .char_item span.tb b {
    float:left
}

.infoblock .chars .char_item u {
    text-decoration:none;
    float:right
}

.infoblock .chars .line_text {
    color:#b8b8b8;
    font: 13px Verdana;
    margin:3px 0;
}

.infoblock .chars .line_text strong {
    color:#dcdcdc;
    font-weight:bold;
}

.infoblock .chars .line_text b {
    color:#FFFFFF;
    font-weight:bold;
}

.infoblock .info_text {
    padding: 12px 10px 0px 10px;
}

.infoblock .info_text .line_text {
    color:#b8b8b8;
    font: 13px Verdana;
    margin:3px 0;
}

.infoblock .info_text .line_text strong {
    color:#dcdcdc;
    font-weight:bold;
}

.infoblock .info_text .line_text b {
    color:#FFFFFF;
    font-weight:bold;
}

.underline {
    height:1px;
    background: url(https://image.eralen.cc/image/pinfo/underline.png) no-repeat center;
}

*html .underline {
    line-height:1px;
    margin-top: -8px;
    position:absolute;
    width:100%;
}

.uzor {
    position:relative;
    height:20px;
    background: url(https://image.eralen.cc/image/pinfo/uzor.png) no-repeat center;
}

.infoblock .block_awards {
    display:none;
    width:232px;
    overflow:hidden;
    padding:17px 0 0 0;
}

.infoblock .block_awards div {
    float:left;
    width:44px;
    height:45px;
    margin:0 0px 5px 3px;
}

.infoblock .block_awards div.first {
    margin-left:0;
}

.infoblock .block_awards span {
    position:absolute;
    color:#dbdbdb;
    font:11px Arial;
    margin-left:7px;
    margin-top:27px;
}

.infoblock .block_awards img {
    position:absolute;
}

.infoblock .left_but {
    margin-left:-10px;
    margin-top:-7px;
    position:absolute;
    width:28px;
    height:27px;
    background: url(https://image.eralen.cc/image/pinfo/info_right_but.png) no-repeat;
}

.infoblock .left_but:hover {
    background: url(https://image.eralen.cc/image/pinfo/info_right_but_hov.png) no-repeat;
}

.infoblock .right_but {
    margin-left:-7px;
    margin-top:-7px;
    position:absolute;
    width:28px;
    height:27px;
    background: url(https://image.eralen.cc/image/pinfo/info_left_but.png) no-repeat;
}

.infoblock .right_but:hover {
    background: url(https://image.eralen.cc/image/pinfo/info_left_but_hov.png) no-repeat;
}

.infoblock #awards .block_awards {
    height:50px;
}

.infoblock #progress .block_awards {
    height:100px;
}

.infoblock2 {
    margin:12px auto 0 auto;
    font:11px Verdana;
    color:#474747;
}

.infoblock2 a {
    color:#474747;
}

.infoblock2 .left_top {
    width:21px;
    height:30px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_left_top2.jpg) no-repeat right;
}

.infoblock2 .right_top {
    width:23px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_right_top2.jpg) no-repeat left;
}

.infoblock2 .center_top {
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_center_top.jpg) repeat-x;
}

.infoblock2 .left_middle {
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_left_middle2.jpg) repeat-y right top;
}

.infoblock2 .right_middle {
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_right_middle2.jpg) repeat-y left top;
}

.infoblock2 .center_middle {
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_center_middle.jpg) repeat top;
    width:487px;
    padding:7px 12px 12px 12px;
}

.infoblock2 .left_bot {
    height:15px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_left_bot2.jpg) no-repeat right top;
}

.infoblock2 .right_bot {
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_right_bot2.jpg) no-repeat left top;
}

.infoblock2 .center_bot {
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_center_bot.jpg) repeat-x;
}

.infoblock2 .top_name_right {
    margin-left:10px;
    margin-top:-5px;
}

.infoblock2 .top_left_right {
    margin-top:-6px;
    margin-left:-12px;
}

.infoblock2 .top_right_right {
    margin-top:-6px;
    margin-left:-12px;
}

.infoblock2 .chars {
    float:left;
    position:relative;
    margin-top:-23px;
}

.infoblock2 .chars .char_item {
    line-height:18px;
    height:18px;
    float:none;
    clear:both;
}

.infoblock2 .chars .char_item div {
    float:left;
    text-align:right;
    width:140px;
    font-weight:bold;
}

.infoblock2 .chars .char_item span {
    margin-left:8px;
    float:left;
}

.infoblock2 .center_middle .text {
    float:left;
    position:relative;
    margin-top:-23px;
    padding:20px 0 13px 0;
}

.nickname {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #222222;
}

.nickname2 {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #222222;
}

.zaya {
    font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 12px;
    text-decoration : none;
    color : #336699;
}

.text_block_cont {
    width:392px;
    position:absolute;
    margin-left:-68px;
    margin-top: 7px;
    text-align:center;
    height:55px;
}

.text_block {
    display:-moz-inline-stack;
    display:inline-block;
    _overflow:hidden;
    zoom:1;
    *display:inline;
    color:#484848;
    margin:0 auto;
    font-size:11px;
    height:55px;
    padding-left:15px;
    background: url(https://image.eralen.cc/image/pinfo/text_block_left.png) no-repeat left top;
}

.text_block div {
    padding-right:15px;
    background: url(https://image.eralen.cc/image/pinfo/text_block_right.png) no-repeat right top;
}

.text_block div div {
    height:42px;
    padding:13px 0 0 0;
    text-align:center;
    background: url(https://image.eralen.cc/image/pinfo/text_block_center.png) repeat-x;
    min-width:290px;
    white-space:nowrap;
}

.bot_ind {
    height:17px;
    background: url(https://image.eralen.cc/image/pinfo/center_info_bg_11.jpg) no-repeat;
}

.bot_hp {
    width:89px;
    float:left;
    height:17px;
    color:#fff;
    font-size:10px;
    text-align:center;
    margin-left:4px;
    line-height:18px;
}

.bot_mp {
    width:89px;
    float:right;
    height:17px;
    color:#fff;
    font-size:10px;
    text-align:center;
    margin-right:3px;
    line-height:18px;
}

*html .bot_hp {
    line-height:17px;
}

*html .bot_mp {
    line-height:17px;
}

#left_hp {
    width:11px;
    height:151px;
    position:absolute;
    margin:100px 0 0 33px;
}

#left_hp div {
    width:100%;
    height:100%;
    background: url(https://image.eralen.cc/image/pinfo/left_hp.png) no-repeat bottom;
}

#right_mp {
    width:11px;
    height:151px;
    position:absolute;
    margin:100px 0 0 8px;
}

#right_mp div {
    width:100%;
    height:100%;
    background: url(https://image.eralen.cc/image/pinfo/right_mp.png) no-repeat bottom;
}

.infoblock {
}

.infoblock .top_left_left {
    position:absolute;
    width:64px;
    height:57px;
    margin-top:-4px;
    margin-left:-25px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_top_left.png) no-repeat;
}

.infoblock .top_right_left {
    position:absolute;
    width:34px;
    height:18px;
    margin-top:-5px;
    margin-left:-10px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_top_right.png) no-repeat;
}

.infoblock .top_name_left {
    position:absolute;
    width:135px;
    height:19px;
    margin-top:-6px;
    margin-left:75px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_top_name.png) no-repeat;
    font:bold 11px/18px Verdana;
    color:#e5e5e5;
    text-align:center;
}

.top_left_right {
    position:absolute;
    width:34px;
    height:18px;
    margin-top:-6px;
    margin-left:-12px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_top_right_right.png) no-repeat;
}

.top_right_right {
    position:absolute;
    width:64px;
    height:57px;
    margin-top:-5px;
    margin-left:-29px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_top_left_right.png) no-repeat;
}

.top_name_right {
    position:absolute;
    width:135px;
    height:19px;
    margin-top:-6px;
    margin-left:9px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_top_name.png) no-repeat;
    font:bold 11px/18px Verdana;
    color:#e5e5e5;
    text-align:center;
}

.infoblock .left {
    width:12px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_left.png) no-repeat 1px top;
}

.infoblock .center {
    width:12px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_center.png) repeat-x top;
}

.infoblock .right {
    width:11px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_right.png) no-repeat -1px top;
}

.infoblock .layer {
    width:11px;
    width:11px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_layer_middle.png) repeat-y 0 23px;
}

.infoblock .layer div {
    height:23px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_layer_top.png) no-repeat;
}

.infoblock .bot_left {
    height:7px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock_left_bot.png) no-repeat 1px top;
}

.infoblock .bot_center {
    background: url(https://image.eralen.cc/image/pinfo/infoblock_center_bot.png) repeat-x;
}

.infoblock .bot_right {
    background: url(https://image.eralen.cc/image/pinfo/infoblock_right_bot.png) no-repeat -1px 0;
}

.infoblock .bot_layer {
    background: url(https://image.eralen.cc/image/pinfo/infoblock_layer_bot.png) no-repeat;
}

.infoblock .chars {
    padding: 20px 10px 10px 10px;
}

.infoblock .chars .char_item {
    height:23px;
}

.infoblock .chars .char_item div {
    float:left;
    color:#e5e5e5;
    font:bold 11px/22px Verdana;
}

.infoblock .chars .char_item span {
    float:right;
    color:#d7d7d7;
    font: 13px/22px Verdana;
}

.infoblock .chars .char_item b {
    color:#FFFFFF;
}

.infoblock .chars .char_item span.tb {
    width:110px;
}

.infoblock .chars .char_item span.tb b {
    float:center
}

.infoblock .chars .char_item u {
    text-decoration:none;
    float:right
}

.infoblock .chars2 {
    padding: 20px 10px 10px 10px;
}

.infoblock .chars .char_item2 {
    height:23px;
}

.infoblock .chars .char_item2 div {
    float:left;
    color:#e5e5e5;
    font:bold 11px/22px Verdana;
}

.infoblock .chars .char_item2 span {
    float:right;
    color:#d7d7d7;
    font: 13px/22px Verdana;
}

.infoblock .chars .char_item2 b {
    color:#FFFFFF;
}

.infoblock .chars .char_item2 span.tb {
    width:160px;
}

.infoblock .chars .char_item2 span.tb b {
    float:center
}

.infoblock .chars .char_item2 u {
    text-decoration:none;
    float:right
}

.infoblock .info_text {
    padding: 12px 10px 0px 10px;
}

.infoblock .info_text .line_text {
    color:#b8b8b8;
    font: 13px Verdana;
    margin:3px 0;
}

.infoblock .info_text .line_text strong {
    color:#dcdcdc;
    font-weight:bold;
}

.infoblock .info_text .line_text b {
    color:#FFFFFF;
    font-weight:bold;
}

.underline {
    height:1px;
    background: url(https://image.eralen.cc/image/pinfo/underline.png) no-repeat center;
}

*html .underline {
    line-height:1px;
    margin-top: -8px;
    position:absolute;
    width:100%;
}

.uzor {
    position:relative;
    height:20px;
    background: url(https://image.eralen.cc/image/pinfo/uzor.png) no-repeat center;
}

.infoblock .block_awards {
    display:none;
    width:232px;
    overflow:hidden;
    padding:17px 0 0 0;
}

.infoblock .block_awards div {
    float:left;
    width:44px;
    height:45px;
    margin:0 0px 5px 3px;
}

.infoblock .block_awards div.first {
    margin-left:0;
}

.infoblock .block_awards span {
    position:absolute;
    color:#dbdbdb;
    font:11px Arial;
    margin-left:7px;
    margin-top:27px;
}

.infoblock .block_awards img {
    position:absolute;
}

.infoblock .left_but {
    margin-left:-10px;
    margin-top:-7px;
    position:absolute;
    width:28px;
    height:27px;
    background: url(https://image.eralen.cc/image/pinfo/info_right_but.png) no-repeat;
}

.infoblock .left_but:hover {
    background: url(https://image.eralen.cc/image/pinfo/info_right_but_hov.png) no-repeat;
}

.infoblock .right_but {
    margin-left:-7px;
    margin-top:-7px;
    position:absolute;
    width:28px;
    height:27px;
    background: url(https://image.eralen.cc/image/pinfo/info_left_but.png) no-repeat;
}

.infoblock .right_but:hover {
    background: url(https://image.eralen.cc/image/pinfo/info_left_but_hov.png) no-repeat;
}

.infoblock #awards .block_awards {
    height:50px;
}

.infoblock #progress .block_awards {
    height:100px;
}

.div {
    position:relative;
    height:16px;
    margin:20px 0;
    text-align:center;
}

.div .div_block {
    display:-moz-inline-stack;
    display:inline-block;
    _overflow:hidden;
    zoom:1;
    *display:inline;
    height:16px;
    background: url(https://image.eralen.cc/image/pinfo/div_left.jpg) no-repeat;
    padding-left:52px;
}

.div .div_right {
    height:16px;
    background: url(https://image.eralen.cc/image/pinfo/div_right.jpg) no-repeat right;
    padding-right:52px;
}

.div .div_gr {
    height:16px;
    background: url(https://image.eralen.cc/image/pinfo/div_gr.jpg) repeat-x;
    width:600px;
    text-align:center;
}

.div .div_center {
    display:-moz-inline-stack;
    display:inline-block;
    _overflow:hidden;
    zoom:1;
    *display:inline;
    height:16px;
    background: url(https://image.eralen.cc/image/pinfo/div_center.jpg) repeat-x;
    width:297px;
}

.div .div_center2 {
    display:-moz-inline-stack;
    display:inline-block;
    _overflow:hidden;
    zoom:1;
    *display:inline;
    height:16px;
    background: url(https://image.eralen.cc/image/pinfo/div_center2.jpg) repeat-x;
    width:277px;
}

.presents {
    padding-top:15px;
    padding-left:22px;
    overflow:hidden;
    text-align:left;
}

.presents img {
    margin-bottom:10px;
    margin-right:7px;
}

.infoblock2 {
    margin:12px auto 0 auto;
    font:11px Verdana;
    color:#474747;
}

.infoblock2 a {
    color:#474747;
}

.infoblock2 .left_top {
    width:21px;
    height:30px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_left_top2.jpg) no-repeat right;
}

.infoblock2 .right_top {
    width:23px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_right_top2.jpg) no-repeat left;
}

.infoblock2 .center_top {
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_center_top.jpg) repeat-x;
}

.infoblock2 .left_middle {
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_left_middle2.jpg) repeat-y right top;
}

.infoblock2 .right_middle {
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_right_middle2.jpg) repeat-y left top;
}

.infoblock2 .center_middle {
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_center_middle.jpg) repeat top;
    width:487px;
    padding:7px 12px 12px 12px;
}

.infoblock2 .left_bot {
    height:15px;
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_left_bot2.jpg) no-repeat right top;
}

.infoblock2 .right_bot {
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_right_bot2.jpg) no-repeat left top;
}

.infoblock2 .center_bot {
    background: url(https://image.eralen.cc/image/pinfo/infoblock2_center_bot.jpg) repeat-x;
}

.infoblock2 .top_name_right {
    margin-left:10px;
    margin-top:-5px;
}

.infoblock2 .top_left_right {
    margin-top:-6px;
    margin-left:-12px;
}

.infoblock2 .top_right_right {
    margin-top:-6px;
    margin-left:-12px;
}

.infoblock2 .chars {
    float:left;
    position:relative;
    margin-top:-23px;
}

.infoblock2 .chars .char_item {
    line-height:18px;
    height:18px;
    float:none;
    clear:both;
}

.infoblock2 .chars .char_item div {
    float:left;
    text-align:right;
    width:140px;
    font-weight:bold;
}

.infoblock2 .chars .char_item span {
    margin-left:8px;
    float:left;
}

.infoblock2 .center_middle .text {
    float:left;
    position:relative;
    margin-top:-23px;
    padding:20px 0 13px 0;
}

.left_counter {
    width:31px;
    height:31px;
    position:absolute;
    left:5px;
    bottom:5px;
}

.right_counter {
    width:31px;
    height:31px;
    position:absolute;
    right:5px;
    bottom:5px;
}

body {
    behavior: url("https://eralen.cc/css/csshover3.htc");
    background-repeat: repeat-x;
    scrollbar-3d-light-color: blue;
    scrollbar-arrow-color: blue;
    scrollbar-base-color: #999999;
    scrollbar-dark-shadow-color: white;
    scrollbar-face-color: #f5f5f5;
    scrollbar-highlight-color: #999999;
    scrollbar-shadow-color: #999999;
    scrollbar-track-color: white;
    background-attachment: fixed;
    margin:0;
    height:auto!important;
    min-height:100%;
    height: 100%;
    position:absolute;
    width:auto!important;
    min-width:100%;
    width:100%;
}

.ContentPopup {
    position: absolute;
}

#footer {
    min-width:1004px;
    width:100%;
    height:60px;
    position:absolute;
    margin:0;
    left:0;
    bottom:0;
    background: url(https://image.eralen.cc/image/image/forum/design/b1.png) no-repeat left bottom, url(https://image.eralen.cc/image/image/forum/design/b1.gif) no-repeat left bottom;
}

*html #footer {
    width:expression(document.body.clientWidth < 1005 ? "1004px" : "100%" );
}

#footer div {
    color:#9e9e9e;
    padding-top:18px;
    height:42px;
    background: url(https://image.eralen.cc/image/image/forum/design/b2.png) no-repeat right bottom, url(https://image.eralen.cc/image/image/forum/design/b2.gif) no-repeat right bottom;
    text-align:center;
    font:11px Verdana;
    line-height:20px;
}

#footer div a {
    color:#9e9e9e;
}

input[type=text] {
    font-family : Verdana, Tahoma, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size : 11px;
    text-decoration : none;
    color : #336699;
    FONT-WEIGHT: bold;
    width: 120px;
}

input[type=password], input[type=number], select {
    font-size: 12px;
    background-image: linear-gradient(to right, #ffffff, #e6e6e6);
    border-style: solid;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #333333;
    border-radius: 1px;
    padding: 1px 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

input[type=password]:focus, input[type=number]:focus, select:focus {
    outline: none;
    border-color: #0056b3;
    box-shadow: 0 0 1px rgba(0, 91, 187, 0.5);
}

input[type=password]:hover, input[type=number]:hover, select:hover {
    background-color: #E2E6EA;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

select {
    font: normal 11px Tahoma !important;
    text-align: left !important;
}

.rrrt {
    font-size: 11px;
    background-image: url(https://image.eralen.cc/image/but.gif);
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    cursor: pointer;
    background-color: #CCCCCC;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    width: 200px;
}

.save {
    font-size: 11px;
    background-image: url(https://image.eralen.cc/image/but.gif);
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    cursor: pointer;
    background-color: #CCCCCC;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    width: 250px;
    transition: background-color 0.3s, color 0.3s;
}

.save:hover {
    background-color: #AAAAAA;
    color: #FF0000;
}

.lbut {
    BACKGROUND: #ffffff;
    BORDER-BOTTOM: #DECFA6 1px solid;
    BORDER-LEFT: #DECFA6 1px solid;
    BORDER-RIGHT: #DECFA6 1px solid;
    BORDER-TOP: #DECFA6 1px solid;
    COLOR: #333;
    CURSOR: hand;
    FONT: 11px Tahoma,Verdana,Helvetica;
    FONT-WEIGHT: bold
}

input[type=button], input[type=submit] {
    font-size: 11px;
    background-image: url(https://image.eralen.cc/image/but.gif);
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    cursor: pointer;
    background-color: #CCCCCC;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    transition: background-color 0.3s, color 0.3s;
}

input[type=submit]:focus, select:focus {
    outline: none;
    border-color: #0056b3;
    box-shadow: 0 0 1px rgba(0, 91, 187, 0.5);
}

input[type=submit]:hover, select:hover {
    background-color: #E2E6EA;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

input[type=buttons] {
    font-size: 12px;
    background-image: linear-gradient(to right, #ffffff, #e6e6e6);
    border-style: solid;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #333333;
    border-radius: 1px;
    padding: 1px 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.wlbat {
    font-size: 10px;
    background-image: url(https://image.eralen.cc/image/but.gif);
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    cursor: pointer;
    background-color: #CCCCCC;
    font-family: Arial;
    font-weight: normal;
    color: #000000;
    vertical-align: middle;
    width: 170px;
}

.wlbat:hover {
    background-color: #AAAAAA;
    color: #FF0000;
}

.lbat {
    font-size: 11px;
    background-image: url(https://image.eralen.cc/image/but.gif);
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    cursor: pointer;
    background-color: #CCCCCC;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    width: 100px;
}

.lbat:hover {
    background-color: #AAAAAA;
    color: #FF0000;
}

.wikki {
    font-size: 11px;
    background-image: url(https://image.eralen.cc/image/but.gif);
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    cursor: pointer;
    background-color: #CCCCCC;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    width: 170px;
}

.wikki:hover {
    background-color: #AAAAAA;
    color: #FF0000;
}

.input-gray-bg {
    background-color: #EAEAEA;
    border: 1px solid #CCCCCC;
    padding: 5px;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
}

.input-gray-bgs {
    background-color: #EAEAEA;
    border: 1px solid #CCCCCC;
    padding: 3px;
    border-radius: 1px;
    font-size: 12px;
    color: #333;
}

.proces {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color: #6b6b6b;
    font-size : 11px;
}

.modif {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color: #6b6b6b;
    font-weight: bold;
    font-size : 10px;
}

.inferno {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color: #6b6b6b;
    font-size : 10px;
}

.procescf {
    font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
    text-decoration : none;
    color: #b22222;
    font-size : 11px;
}

.item-img {
    transition: filter 0.3s ease;
    filter: brightness(1.0);
}

.item-link:hover .item-img {
    filter: brightness(1.2);
}

.dispma {
    opacity: 0.3;
}

@keyframes blinknovi {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

.blinknovi {
    animation: blink 1s infinite;
}

#captchaModalOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 999;
    justify-content: center;
    align-items: center;
}

#captchaModal {
    width: 748px;
    height: 326px;
    background: url('https://image.eralen.cc/image/gameplay/dialogs/block_b.png') no-repeat center center;
    background-size: cover;
    position: relative;
    box-sizing: border-box;
    padding: 20px;
}

.closeCaptcha {
    position: absolute;
    top: 35px;
    right: 5px;
    font-size: 22px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
}

u[name="sub"] {
    text-decoration: underline;
    font-weight: bold;
    padding: 0 5px;
    transition: all 0.1s ease;
    user-select: none;
    cursor: pointer;
}

u[name="sub"]:hover {
    color: #000 !important;
    text-shadow: 0 0 2px rgba(255, 0, 0, 0.3);
    transform: scale(1.2);
}

u[name="sub"]:active {
    color: #ff0000 !important;
    text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
    transform: scale(0.9);
}

* {
    scrollbar-width: thin;
    scrollbar-color: #cccccc #f5f5f5;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #b3b3b3;
}

#transfers {
    position: relative;
    z-index: 99999;
}

.er-ov {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    box-sizing: border-box;
}

.er-ov.er-show {
    opacity: 1;
    visibility: visible;
}

.er-box {
    width: auto;
    min-width: 350px;
    height: auto;
    display: block;
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.65);
    font-family: Tahoma, Arial, sans-serif;
    color: #222222;
    transform: scale(0.95);
    transition: transform 0.25s ease;
    box-sizing: border-box;
}

.er-body {
    overflow-y: auto;
    padding: 16px;
    font-size: 13px;
    height: auto;
}

.er-ov.er-show .er-box {
    transform: scale(1);
}

.er-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 8px 8px 0 0;
    flex-shrink: 0;
}

.er-title {
    font-weight: bold;
    font-size: 15px;
}

.er-close {
    background: transparent;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #666666;
    padding: 0 4px;
    line-height: 1;
}

.er-close:hover {
    color: #000000;
}

.er-rules {
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-left: 4px solid #f59e0b;
    border-radius: 4px;
    padding: 10px 12px;
    margin-bottom: 16px;
    font-size: 11px;
    line-height: 1.4;
    color: #451a03;
}

.er-rules b {
    color: #b45309;
}

.er-row {
    margin: 10px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.er-label {
    min-width: 90px;
    color: #333333;
    font-weight: bold;
    font-size: 12px;
}

.er-input {
    flex: 1;
    min-width: 150px;
    height: 34px !important;
    box-sizing: border-box !important;
    background: #ffffff;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    padding: 0 10px;
    font: 13px Tahoma, Arial;
    color: #000000;
    margin: 0;
}

.er-input:focus {
    outline: none;
    border-color: #9ca3af;
}

.er-text {
    color: #222222;
    font-size: 14px;
    width: 100%;
}

.er-fee {
    color: #444444;
    font-size: 12px;
}

.er-fee b {
    color: #0a7a0a;
}

.er-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding: 12px 16px;
    background: #fafafa;
    border-top: 1px solid #e5e5e5;
    border-radius: 0 0 8px 8px;
    flex-shrink: 0;
}

#transfers {
    position: relative;
    z-index: 99999;
}

.er-ov {
    position: fixed;
    inset: 0;
    background: rgba(25, 30, 38, 0.34);
    backdrop-filter: blur(1px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.28s ease, visibility 0.28s ease;
    box-sizing: border-box;
}

.er-ov.er-show {
    opacity: 1;
    visibility: visible;
}

.er-box {
    width: auto;
    min-width: 320px;
    max-width: 95vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: linear-gradient(to bottom, #fbfbfc, #f2f3f5);
    border: 1px solid #bfc5cd;
    border-radius: 12px;
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.55);
    font-family: Tahoma, Arial, sans-serif;
    color: #222222;
    transform: scale(0.96);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
    box-sizing: border-box;
}

.er-ov.er-show .er-box {
    transform: scale(1);
}

.er-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: linear-gradient(to bottom, #fbfdff 0%, #edf6ff 42%, #e4f0fb 100%);
    border-bottom: 1px solid #c7d9ea;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 1px 8px rgba(130, 165, 200, 0.10);
    flex-shrink: 0;
}

.er-title {
    font: bold 14px Tahoma, Arial, sans-serif;
    color: #42566b;
    letter-spacing: 0.3px;
    text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
}

.er-close {
    background: transparent;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #5c6876;
    padding: 0 4px;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
}

.er-close:hover {
    color: #222222;
}

.er-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 22px;
    font-size: 13px;
    background: linear-gradient(to bottom, #ffffff, #f8f9fb);
    position: relative;
    isolation: isolate;
}

.er-rules {
    background: linear-gradient(to bottom, #fffdf8, #f5ebd3);
    border: 1px solid #c8a961;
    border-left: 4px solid #d4b97a;
    box-shadow: inset 0 0 5px rgba(200, 169, 97, 0.2), 0 4px 12px rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    padding: 10px 14px;
    margin-bottom: 16px;
    font-size: 11px;
    line-height: 1.45;
    color: #5a4211;
}

.er-rules b {
    color: #a15050;
}

.er-row {
    margin: 12px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.er-label {
    min-width: 90px;
    color: #556272;
    font-weight: bold;
    font-size: 12px;
    text-shadow: 0 1px 0 #fff;
}

.er-input {
    flex: 1;
    min-width: 150px;
    height: 34px !important;
    box-sizing: border-box !important;
    background: linear-gradient(#ffffff, #f2f2f2);
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    padding: 0 10px;
    font: bold 12px Tahoma, Arial;
    color: #333;
    margin: 0;
    transition: all 0.2s ease;
}

.er-input:focus {
    outline: none;
    background: #ffffff;
    border-color: #b9b9b9;
}

.er-text {
    color: #556272;
    font-size: 13px;
    width: 100%;
}

.er-fee {
    color: #7a8594;
    font-size: 12px;
}

.er-fee b {
    color: #2d8a50;
}

.er-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding: 14px 20px;
    background: linear-gradient(to bottom, #f5f7fa, #e8ecf1);
    border-top: 1px solid #d2d8e0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border-radius: 0 0 12px 12px;
    flex-shrink: 0;
}


.mw-mini-row{
    display:flex;
    gap:0;
    align-items:center;
    margin:6px 0;
    border:1px solid #d9e0e9;
    border-radius:4px;
    background:#fbfbfb;
    overflow:hidden;
}

.mw-mini-lbl{
    width:78px;
    font-weight:bold;
    color:#555;
    padding:6px 7px;
    border-right:1px solid #d9e0e9;
    background:#f2f4f7;
}

.mw-mini-val{
    flex:1;
    color:#6b6b6b;
    word-break:break-all;
    padding:6px 8px;
}

.mw-mini-inp{
    flex:1;
    padding:5px 8px;
}


A
{
 	COLOR: #336699;
}

a.reglink{
font-family :  Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
	color : #41341E;
}
a.reglink:hover{
font-family :  Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : underline;
	color : #41341E;
}
.nickname{
	font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 12px;
	text-decoration : none;
}
.msgbut {
	font-size: 11px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	cursor: hand;
	background-color: #928B78;
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(https://image.eralen.cc/image/close.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 43px;
}
.hbutton {
	font-size: 11px;
	background-image: url(https://image.eralen.cc/image/but.gif);
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	cursor: hand;
	background-color: #CCCCCC;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
	}
.select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 140px;
	font-size: 9px;
	height: 18px;
}



a.usermenulink {
  font-family: Tahoma, Arial, Verdana; font-size: 11px; font-weight: bold; color: #222222; border: 0px solid #000000; padding: 2px 12px 2px 12px; display: block; text-decoration: none;
}

a.usermenulink:hover {
  background-color: #F3ECD7; color: #336699;
}
.sred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D90000;
	text-decoration: none;
	font-weight: bold;
}
.sblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000099;
	text-decoration: none;
	font-weight: bold;
}
.sgreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009933;
	text-decoration: none;
	font-weight: bold;
}
.sgreen2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	filter: Glow(Color=ff0000, Strength=3);
	background-color: #0099CC;
	border: 1px solid #000000;
}


.dbutton {
	font-size: 11px;
	background-image: url(https://image.eralen.cc/image/but.gif);
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	cursor: hand;
	background-color: #CCCCCC;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
}
.sblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body {
	scrollbar-3d-light-color: blue;
	scrollbar-arrow-color: blue;
	scrollbar-base-color: #999999;
	scrollbar-dark-shadow-color: white;
	scrollbar-face-color: #f5f5f5;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-track-color: white;
	background-attachment: fixed;
}
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: underline;
	font-weight: normal;
}
.zayav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}
.inpform {
	font-size: 11px;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	border: 1px solid #000000;
}
.redbox {
	border: 3px solid #FF0000;
	cursor: hand;
}
.ssky {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00CCFF;
	text-decoration: none;
	font-weight: bold;
}
.swithe {
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	filter: DropShadow(Color=0, OffX=1, OffY=1, Positive=1);
}
.invent{
	font-family : Tahoma, Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
}
.stat {
	font-family : Verdana, Arial, Verdana, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size : 11px;
	text-decoration : none;
}
#text {
	position: absolute;
	z-index: 0;
	left: 3px;
	top: 0px;
	font-size: 11px;
	height: 100%;
	width: 100%;
}
.line_f {
	background-image: url(https://image.eralen.cc/image/line_k.gif);
	background-repeat: repeat-x;
}
.line_l {
	background-image: url(https://image.eralen.cc/image/line_n.gif);
	background-repeat: repeat-x;
}

#cont {
	position: relative;
	z-index: 3;
}
.sser {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
#wind {
	position:absolute;
	left:40%;
	top:40%;
	width:auto;
	height:auto;
	z-index:5;
	visibility:visible;
}
#bgt {
	position: absolute;
	z-index: 10;
	left: 14px;
	top: 20px;
	font-size: 11px;
}
.inpMP {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 27px;
	font-size: 9px;
	height: 16px;
}
.lclock {
	font-family: Verdana, Arial, "Times New Roman";
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	letter-spacing: -1px;
	border: 1px solid #000000;
	background-color: #f5f5f5;
}
.sserB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
.locbut {
	font-size: 11px;
	background-image: url(https://image.eralen.cc/image/but.gif);
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	cursor: hand;
	background-color: #CCCCCC;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	width: 200px;
}
.inp {
	font-size: 11px;
	font-family: Arial;
	color: #000000;
	height: 20px;
	width: 150px;

}
.hbuttonmini {
	font-size: 11px;
	background-image: url(https://image.eralen.cc/image/but.gif);
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	cursor: hand;
	background-color: #CCCCCC;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
	height: 16px;
	background-position: center;
	text-align: center;
	vertical-align: middle;
}
.hinp {
	font-size: 11px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	cursor: hand;
	background-color: #CCCCCC;
	font-family: Arial;
	font-weight: bold;
	color: #000000;
	height: 16px;
	text-align: center;
	vertical-align: middle;
}
.bDot{
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #CCC;
}



@keyframes eralen-blink {0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}}
@keyframes eralen-pulse {0%{box-shadow:0 0 0 0 rgba(212,175,55,.55);}70%{box-shadow:0 0 0 12px rgba(212,175,55,0);}100%{box-shadow:0 0 0 0 rgba(212,175,55,0);}}
@keyframes eralen-glow {0%{text-shadow:0 2px 4px rgba(0,0,0,.12),0 0 0 rgba(251,191,36,0);}50%{text-shadow:0 6px 18px rgba(251,191,36,.55),0 0 18px rgba(251,191,36,.35);}100%{text-shadow:0 2px 4px rgba(0,0,0,.12),0 0 0 rgba(251,191,36,0);}}
@keyframes eralen-shine {0%{background-position:-220px 0;}100%{background-position:220px 0;}}
@keyframes eralen-spin {to{transform:rotate(360deg);}}

.eralen-blinking {animation:eralen-blink 1s infinite;}
.eralen-blinking-btn {animation:eralen-pulse 2s infinite; font-weight:bold!important;}
.eralen-modal {position:fixed; left:0; top:0; right:0; bottom:0; z-index:99999; display:none; align-items:center; justify-content:center; padding:14px; box-sizing:border-box;}
.eralen-modal-overlay {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(9,15,29,.78); opacity:0; transition:opacity .25s ease;}
.eralen-modal-box {position:relative; width:700px; max-width:100%; max-height:calc(100vh - 28px); overflow:hidden; background:#fff; border-radius:16px; box-shadow:0 18px 60px rgba(0,0,0,.55); border:2px solid #d4af37; opacity:0; transform:scale(.94) translateY(10px); transition:all .25s ease; display:flex; flex-direction:column;}
.eralen-modal-head {display:flex; align-items:center; justify-content:space-between; padding:14px 18px; background:linear-gradient(90deg,#1e293b,#0f172a); border-bottom:2px solid #d4af37; position:relative; flex:0 0 auto; z-index:3;}
.eralen-modal-head:after {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:linear-gradient(115deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,0) 75%); background-size:220px 100%; animation:eralen-shine 3.2s linear infinite; pointer-events:none;}
.eralen-modal-title {font-weight:bold; color:#f8fafc; font-size:16px; text-shadow:0 1px 2px #000; position:relative; z-index:1;}
.eralen-modal-close {cursor:pointer; color:#cbd5e1; font-weight:bold; font-size:18px; line-height:18px; position:relative; z-index:1; padding:2px 4px;}
.eralen-modal-close:hover {color:#fff;}
.eralen-modal-body {position:relative; padding:0; background:linear-gradient(180deg,#fffefb 0%,#f8fafc 100%); box-sizing:border-box; overflow:hidden; max-height:calc(100vh - 110px); flex:1 1 auto; display:flex; flex-direction:column; min-height:0;}
.eralen-modal.eralen-show .eralen-modal-overlay {opacity:1;}
.eralen-modal.eralen-show .eralen-modal-box {opacity:1; transform:scale(1) translateY(0);}
.eralen-loader {width:42px; height:42px; margin:0 auto; border-radius:50%; border:3px solid #ead9a0; border-top-color:#d4af37; animation:eralen-spin 1s linear infinite;}

.eralen-rate-content {flex:1 1 auto; min-height:0; overflow:auto; padding:18px; position:relative; z-index:1;}
.eralen-rate-topline {margin-bottom:12px; padding:9px 12px; border:1px solid #f1e3a2; background:linear-gradient(180deg,#fff8dc 0%,#fffdf3 100%); border-radius:10px; color:#8a6a16; font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; text-align:center;}
.eralen-rate-text {padding:16px 18px; border-radius:14px; background:linear-gradient(135deg,#ffffff 0%,#fffbf2 100%); border:1px solid #e2d3a8; border-left:5px solid #d4af37; color:#334155; font-size:14px; line-height:1.74; text-align:left; box-shadow:inset 0 0 15px rgba(212,175,55,.05);}
.eralen-player-name-hl {color:#b8860b; font-weight:bold; font-size:15px;}
.eralen-player-real-hl {color:#2563eb; font-style:italic; font-weight:bold;}
.eralen-rate-stick {flex:0 0 auto; padding:14px 18px 16px 18px; background:#fff; border-top:1px solid #ead9a0; box-shadow:0 -6px 16px rgba(15,23,42,.08); position:relative; z-index:3;}
.eralen-rate-subtitle {margin:0 0 8px 0; color:#64748b; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; text-align:center;}
.eralen-rate-note {margin-top:8px; font-size:11px; color:#94a3b8; text-align:center;}
.eralen-rate-actions {flex:0 0 auto; padding:14px 18px 16px 18px; background:#fff; border-top:1px solid #ead9a0; box-shadow:0 -6px 16px rgba(15,23,42,.08); text-align:center; position:relative; z-index:3;}

.eralen-star-rating {display:inline-flex; flex-direction:row-reverse; gap:6px; justify-content:center; flex-wrap:wrap; margin:0;}
.eralen-star-rating input {display:none;}
.eralen-star-rating label {font-size:40px; line-height:40px; color:#cbd5e1; cursor:pointer; transition:.18s ease; text-shadow:0 2px 4px rgba(0,0,0,.1);}
.eralen-star-rating label:hover, .eralen-star-rating label:hover~label {color:#fbbf24; transform:scale(1.16); text-shadow:0 6px 18px rgba(251,191,36,.55);}
.eralen-star-rating input:checked + label, .eralen-star-rating input:checked + label ~ label {color:#f59e0b; animation:eralen-glow .9s ease;}