MediaWiki:Common.css: различия между версиями

Материал из Ботвапедии
Перейти к: навигация, поиск
Строка 422: Строка 422:
 
margin-left: 5px;
 
margin-left: 5px;
 
}
 
}
 
/*popup*/
 
 
body {min-width: 1080px !important}
 
 
input[type="text"], input[type="password"], select, textarea {background: #fff; border: 1px solid #cebb9e !important; font-size: 11px; padding: 3px; border-radius: 3px; resize: none}
 
input:focus, select:focus, textarea:focus, button:focus {outline: none}
 
input[type="radio"], input[type="checkbox"] {width: 12px; height: 12px; position: relative !important; cursor: pointer}
 
input[type="radio"] {border-radius: 13px}
 
input[type="checkbox"] {border-radius: 2px}
 
/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
 
    /*input[type="radio"], input[type="checkbox"] {-webkit-appearance: none; border: 1px solid #9C8164; color: #542f1b; background: #fff}*/
 
    /*input[type="radio"]:disabled, input[type="checkbox"]:disabled {opacity: 0.5}*/
 
    /*input[type="radio"]:checked{background: #542f1b; box-shadow: inset 0 0 0 2px #fff}*/
 
    /*input[type="checkbox"]:checked {box-shadow: inset 0 0 0 2px #fff}*/
 
    /*input[type="checkbox"]:checked:after {content: "V"; font-size: 10px; font-style: italic; font-weight: bold; position: absolute; top: -4px; left: 0; display: block; -webkit-transform: rotate(6deg); text-shadow: 0 0 1px #542f1b}*/
 
/*}*/
 
@-moz-document url-prefix() {input[type="radio"], input[type="checkbox"] {-moz-transform: scale(0.8); top: 3px !important; margin-top: -2px !important; margin-bottom: -2px !important}}
 
doesnotexist:-o-prefocus, input[type="radio"], input[type="checkbox"] {border: 1px solid #9C8164; color: #542f1b; background: #fff}
 
doesnotexist:-o-prefocus, input[type="radio"]:disabled, input[type="checkbox"]:disabled {opacity: 0.5}
 
doesnotexist:-o-prefocus, input[type="radio"]:checked, input[type="checkbox"]:checked {background: #fff; box-shadow: none}
 
 
.center {text-align:center !important}
 
.justify {text-align:justify !important}
 
.indent { text-indent:20px}
 
.right {text-align:right !important}
 
.left {text-align:left !important}
 
.top {vertical-align:top !important}
 
.top TD {vertical-align:top}
 
.bottom {vertical-align:bottom !important}
 
.middle {vertical-align:middle !important}
 
.nobold {font-weight:normal  !important}
 
.nowrap {white-space:nowrap  !important}
 
.nowrapi, .nowrapi * {white-space:nowrap  !important}
 
.bold {font-weight:bold}
 
.boldi {font-weight:bold !important}
 
.inline {display:inline}
 
.inlineb {display:inline-block}
 
.inlinebi {display:inline-block !important}
 
.dblock {display:block}
 
.hidden {display:none}
 
.padding10, {padding:5px 10px}
 
.padding5, .p5  {padding:5px 5px}
 
.padding0, .p0  {padding:0 !important}
 
.padding5_0  {padding:0px 5px}
 
.clear {clear:both}
 
.floatl, fl_l { float: left }
 
.floatr, fl_r { float: right }
 
.m0p0 {margin:0; padding: 0}
 
.opacity1 {opacity: 0.1}
 
.opacity2 {opacity: 0.2}
 
.opacity3 {opacity: 0.1}
 
.opacity4 {opacity: 0.4; filter:alpha(opacity=40)}
 
.opacity5 {opacity: 0.5; filter:alpha(opacity=50)}
 
.opacity6 {opacity: 0.6}
 
.opacity7 {opacity: 0.7}
 
.opacity8 {opacity: 0.8}
 
.opacity9 {opacity: 0.9}
 
.zindex {z-index: 10}
 
.linethrough {text-decoration: line-through}
 
 
 
P {margin:0 0 5px; }
 
.pmb5 p {margin:0 0 5px}
 
.pmb8 p {margin:0 0 8px}
 
.pmb10 p {margin:0 0 10px}
 
IMG{border:0}
 
UL{padding:0 0 0 10px}
 
.red{ color:#aa0000}
 
.red_font_hover, .red_font {color:#aa0000 !important}
 
.red_font_hover:hover {color:#fff !important}
 
.green{color:#037100}
 
.greeni{color:#037100 !important}
 
.anotherbrown {color: #6b5945}
 
.lightbrown {color: #73503a}
 
.blue {color: #045797}
 
 
.green_bgr {background-color: #d0d9a9}
 
.red_bgr {background-color: #e7bba6}
 
.bgred{ background-color:#aa0000}
 
.myguild{ background-color:#eadec9}
 
.yellow_egg { color: #d5b832}
 
 
 
.buttons{margin-bottom:8px;text-align:center}
 
 
/** Р’СЃРµ РєРЅРѕРїРєРё */
 
 
.cmd_all, .ui-dialog .ui-dialog-buttonpane button{
 
border:none;
 
background: url(buttons.png) no-repeat ;
 
color: #4d1f11;
 
padding:0;
 
line-height:31px;
 
display:inline-block;
 
text-align:center;
 
vertical-align:middle;
 
text-decoration:none;
 
 
color:#4c1e0f;
 
font-weight:bold;
 
font-face:tahoma;
 
font-size:11px;
 
}
 
.cmd_selected,
 
.cmd_all:hover, .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:active,
 
.cmd_all:active{color: #ffffff; }
 
 
 
 
/** Размеры кнопок */
 
.cmd_large3{ height:30px; width:190px; background-position: 0 -270px}
 
.cmd_alarge3:active { background-position: -190px -270px }
 
 
.cmd_large{ height:30px; width:170px; background-position: 0 -70px}
 
.cmd_alarge:active { background-position: -170px -70px }
 
.cmd_medium{ height:30px; width:102px; background-position: 0 -130px}
 
.cmd_amedium:active { background-position: -102px -130px }
 
 
.cmd_large2{ height:30px; width:100px}
 
 
 
.cmd_row2 { height:30px; width:255px; background-position: 0 -40px}
 
.cmd_row3 { height:30px; width:170px; background-position: 0 -70px}
 
.cmd_row3.yellow { height:39px; width:170px; background-position: -254px -141px; line-height:36px}
 
.cmd_row3.attack { height:39px; width:170px; background-position: -254px -100px; line-height:41px}
 
.cmd_row3.attack:focus, .cmd_row3.attack:active { height:39px; width:170px; background-position: -424px -100px; line-height:41px}
 
.cmd_row3.post { height:39px; width:170px; background-position: -254px -180px; line-height:36px}
 
.cmd_row3.post:focus { height:39px; width:170px; background-position: -424px -180px; line-height:36px}
 
.cmd_row4 { height:30px; width:127px; background-position: 0 -100px}
 
.cmd_row5 { height:30px; width:102px; background-position: 0 -130px}
 
.cmd_row6 { height:30px; width:85px; background-position: 0 -160px}
 
.cmd_row7 { height:30px; width:73px; background-position: 0 -190px}
 
.cmd_row8 { height:30px; width:64px; background-position: 0 -220px}
 
 
 
.cmd_small_sl { height:20px; width:103px; background-position: 0 -20px;line-height:20px}
 
.cmd_small_sl:active { background-position: -104px -20px }
 
.cmd_medium_sl { height:20px; width:158px; background-position: 0 0px;line-height:22px}
 
.cmd_medium_sl:active { background-position: -158px 0px }
 
.cmd_large_sl { height:20px; width:190px; background-position: 0 -250px;line-height:22px}
 
.cmd_large_sl:active { background-position: -190px -250px }
 
 
.cmd_mini_sl { height:20px; width:60px; background-position: -206px -20px;
 
line-height:19px !important; font-size:8px;text-align:center; text-transform: uppercase}
 
.cmd_mini_sl:active { background-position: -266px -20px }
 
 
.cmd_icon { height:26px; width:26px; background-position: -340px -70px;
 
line-height:28px; text-align:center;padding:4px 0 0 4px}
 
.cmd_icon.cmd_selected,
 
.cmd_icon:active { background-position: -370px -70px }
 
 
 
.cmd_mini_sld { height:60px; width:20px; background-position: -310px -390px; }
 
.cmd_mini_sld:hover { background-position: -330px -390px }
 
.cmd_mini_sld:active { background-position: -350px -390px }
 
.cmd_mini_slu { height:60px; width:20px; background-position: -370px -390px; }
 
.cmd_mini_slu:hover { background-position: -390px -390px }
 
.cmd_mini_slu:active { background-position: -410px -390px }
 
 
 
 
 
.cmd_none_sl{ height:20px; width:60px; background-position: -326px -20px}
 
 
.cmd_arow2:active { background-position: -255px -40px }
 
.cmd_arow3:active { background-position: -170px -70px }
 
.cmd_arow3.yellow:active { background-position: -425px -141px; }
 
.cmd_arow4:active { background-position: -127px -100px }
 
.cmd_arow5:active { background-position: -102px -130px }
 
.cmd_arow6:active { background-position: -85px -160px }
 
.cmd_arow7:active { background-position: -73px -190px }
 
.cmd_arow8:active { background-position: -64px -220px }
 
 
/** Высокие кнопки */
 
.cmd_row2t { height:60px; width:255px; background-position: 0 -330px}
 
.cmd_arow2t:active { background-position: -255px -330px }
 
 
.cmd_row3t { height:60px; width:156px; background-position: 0 -390px}
 
.cmd_arow3t:active { background-position: -155px -390px }
 
 
.cmd_row2t, .cmd_row3t {
 
line-height:60px;
 
text-align:left;
 
 
}
 
.cmd_row2t center, .cmd_row3t center{
 
margin-left:35px;
 
}
 
.cmd_row2t B, .cmd_row3t B{
 
display:block;
 
width:60px;
 
height:60px;
 
float:left;
 
 
position:absolute;
 
}
 
 
.cmd_row2t B{
 
width: 70px;
 
}
 
/** Заблокировано */
 
 
.cmd_blocked{
 
color:#a99d82 !important;
 
}
 
 
/** Спец кнопки */
 
.cmd_red { height:30px; width:170px; background-position: 0 -300px;color:#870000}
 
.cmd_red:active { background-position: -170px -300px ;color:#d00b0b}
 
.cmd_red:hover { color:#d00b0b}
 
 
 
/** Двойные кнопки */
 
.cmd_split { height:28px; width:301px; background-position: 0 -450px}
 
.cmd_split_active { background-position: -301px -450px}
 
 
.cmd_split2 { height:21px; width:204px; line-height:20px; background-position: 0 -478px}
 
.cmd_split2_active { background-position: -204px -478px}
 
 
.cmd_split *, .cmd_split2 *  {display:inline-block;text-align:center}
 
.cmd_split B, .cmd_split2 B{ color:#4c1e0f}
 
.cmd_split U, .cmd_split2 U{ color:#4c1e0f;text-decoration:none}
 
 
.cmd_split *{width:148px; line-height:30px}
 
.cmd_split2 *{width:100px; line-height:22px}
 
.cmd_split_active B, .cmd_split2_active B{ color:#4c1e0f}
 
.cmd_split_active U, .cmd_split2_active U{color:#4c1e0f}
 
 
.cmd_split_504 {
 
background-position: 0px -606px;
 
height: 28px;
 
width: 504px;
 
}
 
.cmd_split_active_504 {
 
background-position: 0 -579px;
 
}
 
.cmd_split_504_b {
 
line-height: 28px;
 
width: 249px;
 
display: inline-block;
 
}
 
.cmd_split_504_u {
 
line-height: 28px;
 
width: 249px;
 
display: inline-block;
 
}
 
 
 
/** Спец кнопки */
 
 
.cmd_xxlarge {
 
height:20px;
 
width:158px;
 
line-height:22px;
 
}
 
.cmd_xxlarge {
 
width:364px;
 
height:49px;
 
background: url(/i/buttons_reg.png) no-repeat;
 
line-height:51px;
 
font-size:17px;
 
 
}
 
 
 
 
/** Спец кнопки */
 
.cmd_custom {
 
display: block;
 
overflow: hidden;
 
position: relative;
 
background:transparent;
 
}
 
.cmd_custom B{
 
display:block;
 
position:absolute; left:0; top:0; z-index:1;
 
width: 100%;
 
height: 100%;
 
}
 
 
 
 
.cmd_left, .cmd_right{
 
background-image: url(front/but_pointer.png);
 
float:left;
 
width:20px;
 
height:86px;
 
display:block;
 
margin-right:5px;
 
margin-left:0px;
 
}
 
.cmd_right{
 
float:right;
 
margin-left:5px;
 
margin-right:0px;
 
}
 
 
.cmd_left:hover{ background-position:-20px 0px}
 
.cmd_left:active{ background-position:-40px 0px}
 
.cmd_right{ background-position:0px -86px}
 
.cmd_right:hover{ background-position:-20px -86px}
 
.cmd_right:active{ background-position:-40px -86px}
 
 
 
.cmd_page { background-position: -346px 0px; width:29px;height:20px;line-height:20px}
 
.cmd_page_active{ background-position: -316px 0px}
 
.cmd_page:hover { background-position: -376px 0px}
 
 
.cmd_back {
 
width: 40px;
 
height: 20px;
 
background-image: url(btn-back.png);
 
background-position: 0px 0px;
 
margin-top: -3px;
 
margin-right: -3px;
 
}
 
.cmd_back:hover {
 
background-position: 0px -20px;
 
}
 
 
.cmd_back:active {
 
background-position: 0px -40px;
 
}
 
 
/**
 
/*
 
.shift_2, .cmd_all B.shift_2{ background-position: 0 100%}
 
INPUT.shift_3, .cmd_all B.shift_3{ background-position: 0 200%}
 
INPUT.shift_4, .cmd_all B.shift_4{ background-position: 0 300%}
 
 
INPUT.cmd_custom2:hover, .cmd_custom2:hover B{ background-position: -100% 0 ; }
 
.cmd_selected B, INPUT.cmd_custom:hover, .cmd_custom:hover B{ background-position: -100% 0 ; }
 
.cmd_selected B.shift_2, .shift_2:hover, .cmd_custom:hover B.shift_2{ background-position: 100% 100% }
 
.cmd_selected B.shift_3, .shift_3:hover, .cmd_custom:hover B.shift_3{ background-position: 100% 200% }
 
.cmd_selected B.shift_4, .shift_4:hover, .cmd_custom:hover B.shift_4{ background-position: 100% 300% }
 
 
.cmd_all:active B{ background-position: -200% 0}
 
.cmd_all:active B.shift_2{ background-position: -200% -100%}
 
.cmd_all:active B.shift_3{ background-position: -200% -200%}
 
.cmd_all:active B.shift_4{ background-position: -200% -300%}
 
 
*/
 
 
 
.shadow5 {opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50)}
 
.shadow5 *{filter:alpha(opacity=50)}
 
 
.shadow8 {opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80)}
 
.shadow8 *{filter:alpha(opacity=80)}
 
.shadow9 {opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90)}
 
 
.shadowH:hover {opacity:1.0; -moz-opacity:1.0;filter:alpha(opacity=100)}
 
 
.pages {text-align:center;margin-right:20px; font-size:12px;margin:10px 0 }
 
.pages A.active {text-decoration:none; font-weight:bold}
 
 
.pages.pager {color: #542F1B}
 
.pages.pager a {margin: 0px 5px; font-size: 15px; text-decoration: none}
 
 
.default_table {width: 100%; border-spacing: 0; border-collapse: collapse}
 
.default_table th, .default_table td {border: 0; vertical-align: top}
 
 
TABLE.default {width:100%; border-collapse:collapse}
 
TABLE.default_without_collapse {width:100%}
 
TABLE.default TH { text-align:center;color:#542f1b;font-size:10px;font-weight:normal; }
 
 
TABLE.padding5{ padding:0}
 
TABLE.padding5 TD{ padding: 5px 5px}
 
TABLE.padding5_0{ padding:0}
 
TABLE.padding5_0 TD{ padding: 0px 5px}
 
 
TABLE.default_h22 TD{
 
line-height: 22px;
 
}
 
TABLE.default_h20 TD{
 
height:20px;
 
}
 
.h25 {line-height:25px}
 
.h22 {line-height:22px}
 
.h20 {line-height:20px}
 
.h18 {line-height:18px}
 
 
.mh0 { min-height: 0px !important }
 
.mh25 { min-height: 25px !important }
 
.mh26 { min-height: 26px !important }
 
.mh30 { min-height: 30px !important }
 
 
 
TABLE.default TH{
 
background: #dbcaac;
 
/*height: 30px;*/
 
font-size:11px;
 
}
 
 
 
TABLE.default TH.asc,
 
TABLE.default TH.desc {
 
cursor:pointer;
 
}
 
 
TABLE.default TH.asc .order,
 
TABLE.default TH.desc .order, .headerSortDown .order, .headerSortUp .order, .order_img{
 
position: relative;
 
top:2px;
 
 
margin-left:1px;
 
display:inline-block;
 
width:10px;
 
height:10px;
 
 
background-image: url(/i/ico.png);
 
background-repeat: no-repeat;
 
}
 
 
TABLE.default TH.desc .order, .headerSortUp .order, .order_img.desc {background-position: -120px -140px; top:2px}
 
TABLE.default TH.asc .order, .headerSortDown .order, .order_img.asc{background-position: -140px -140px; top:1px}
 
 
 
/*TABLE.default TH.asc,
 
TABLE.default TH.desc{
 
cursor:pointer;
 
background-image: url(/i/ico.png);
 
background: #dbcaac  right center no-repeat;
 
 
font-weight:normal;line-height:30px;
 
text-decoration:underline;
 
}
 
 
TABLE.default TH.desc .order,
 
TABLE.default TH.asc .order{
 
float:right;
 
Только для IE
 
//float: none;
 
margin-top:3px;
 
display:inline-block;
 
width:10px;
 
height:10px;
 
 
background-image: url(/i/ico.png);
 
background-repeat: no-repeat;
 
}
 
TABLE.default TR.double TH.desc .order,
 
TABLE.default TR.double TH.asc .order{margin-top:8px}
 
 
TABLE.default TH.desc .order{background-position: -120px -140px}
 
TABLE.default TH.asc .order{background-position: -140px -140px}
 
*/
 
 
 
 
 
TABLE.default .nopad{ height:auto}
 
TABLE.default TR.nopad TD,
 
TABLE.default TR.nopad TH {height:auto}
 
 
TABLE.default_height TD{
 
height: 20px;
 
}
 
TABLE.default_nobold TH{
 
font-weight:normal;
 
}
 
 
TABLE.full{
 
width: 100%;
 
}
 
TD.half{width: 50% !important; vertical-align:top}
 
 
 
/** Заголовки */
 
 
.blockTitle,
 
.blockTitle2,
 
.blockTitle3{
 
background: #dbcaac;
 
text-align:center;
 
font-size: 12px;
 
font-weight: bold;
 
padding: 7px 0;
 
vertical-align: bottom;
 
}
 
.blockTitle3{
 
margin: 0 !important;
 
}
 
 
.blockTitle2{
 
background: #e3d4b7;
 
}
 
 
 
/** Шрифты */
 
 
.font_brown { color:#542f1b}
 
.font_black { color:black}
 
.font_light { color:#b08a6a}
 
 
.font_xlarge { font-size: 14px; }
 
.font_large { font-size: 12px; }
 
.font_normal { font-size: 11px; }
 
.font_small { font-size: 10px; }
 
.font_mini { font-size: 9px; }
 
 
 
 
/** Элементы */
 
span.polzun IMG{height:18px}
 
IMG.part_logo{ width: 504px}
 
 
 
 
/** Avatar page */
 
TABLE.up_avatar{
 
width: 100%;
 
margin:0 0px 0 0px;
 
height: 200px;
 
border-collapse:collapse;
 
}
 
 
TABLE.up_avatar TD.avatar{
 
width: 235px;
 
height: 200px;
 
vertical-align:top;
 
text-align:center;
 
}
 
TABLE.up_avatar TD.avatar DIV.avatar{
 
margin:0 auto;
 
}
 
 
TABLE.up_avatar TD.speech{
 
width: 330px;
 
height:200px;
 
 
}
 
 
TABLE.up_avatar .inputGroup{
 
width:330px;
 
}
 
 
TABLE.up_avatar.small{
 
height:110px;
 
}
 
TABLE.up_avatar.small TD.avatar{
 
width:110px;
 
height:110px;
 
}
 
TABLE.up_avatar.small TD.speech{
 
height:110px;
 
width: 455px;
 
 
}
 
 
 
A.back {display:block; margin:0 auto 5px}
 
A.profile {font-size:12px;text-decoration:none;font-weight:bold}
 
A.profile:hover {text-decoration:underline}
 
span.size_1 {font-size:8px}
 
span.size_2 {font-size:20px}
 
 
/** РЎРўСЂРѕРєРё */
 
 
 
.row_1,
 
TD.row_1, TH.row_1,
 
TR.row_1 TH, TR.row_1 TD{
 
background: url(/i/global/bg_10.png) left top repeat !important;
 
}
 
.row_2,
 
TD.row_2, TH.row_2,
 
TR.row_2 TH,TR.row_2 TD{
 
background: url(/i/global/bg_09.png) left top repeat;
 
}
 
.row_3,
 
TD.row_3, TH.row_3,
 
TR.row_3 TH, TR.row_3 TD,
 
DIV.row_3{
 
background: url(/i/global/bg_00.png) left top repeat;
 
padding-top:3px;
 
}
 
TD.row_4, TH.row_4, TR.row_4 TH, TR.row_4 TD, .row_4{
 
background: #dbcaac;
 
}
 
TD.row_5, TH.row_5, TR.row_5 TH, TR.row_5 TD, .row_5{
 
border-top: 1px solid #ebddc5 !important;
 
}
 
TD.row_6, TH.row_6, TR.row_6 TH, TR.row_6 TD{
 
background: #d8c6a5 ;
 
}
 
 
div.row_1, div.row_2, div.row_3, div.row_4, div.row_5, div.row_6 {border-radius: 3px}
 
 
/** Ползунок опреедлённой ширины */
 
.stat_bar {
 
background:  url(global/stat_bar.png) no-repeat top right;
 
height:18px;
 
display:block;
 
padding-left:1px;
 
margin-left:7px;
 
}
 
 
.stat_bar B{
 
background:  url(global/stat_bar.png) no-repeat 0px -18px;
 
display:block;
 
width:5px;
 
height:100%;
 
float:left;
 
margin-left:-2px;
 
 
 
}
 
.stat_bar I{
 
background:  url(global/stat_bar.png) no-repeat right -18px;
 
display:block;
 
float:left;
 
height:100%;
 
}
 
.stat_bar_14 { height:14px; background-position: right -36px}
 
.stat_bar_14 B { background-position: 0 -50px}
 
.stat_bar_14 I { background-position: right -50px}
 
 
.stat_bar_dual { background-position: right -64px}
 
.stat_bar_dual B { background-position: 0 -82px}
 
.stat_bar_dual I { background-position: right -82px}
 
.stat_bar_dual B.zero { background-position: 0 -64px}
 
 
.stat_bar_green B { background-position: 0 -100px}
 
.stat_bar_green I { background-position: right -100px}
 
 
.stat_bar_yellow B { background-position: 0 -118px}
 
.stat_bar_yellow I { background-position: right -118px}
 
 
.stat_bar_red B { background-position: 0 -82px}
 
.stat_bar_red I { background-position: right -82px}
 
 
.stat_bar_school_green {
 
background:  none;
 
height:8px;
 
}
 
 
.stat_bar_school_green I{
 
background:  url(global/school_bar.png) no-repeat -10px 0px;
 
height:8px;
 
}
 
 
.stat_bar_school_green B{
 
background:  url(global/school_bar.png) no-repeat 0px 0px;
 
height:8px;
 
margin-left: -1px;
 
}
 
 
.stat_bar_school_yellow I{
 
background:  url(global/school_bar.png) no-repeat 0px -8px;
 
 
}
 
.stat_bar_school_yellow B{
 
background:  url(global/school_bar.png) no-repeat -10px -8px;
 
width: 0px;
 
}
 
 
.stat_bar_battle_blue {
 
height: 16px;
 
background-image: url(/images/m/class/battle/bg_battle_bar.png);
 
background-position: 1px 0px;
 
}
 
.stat_bar_battle_blue B {
 
height: 16px;
 
background-image: url(/images/m/class/battle/bg_battle_bar.png);
 
background-position: 0 -32px;
 
width: 0px;
 
}
 
.stat_bar_battle_blue I {
 
height: 16px;
 
background-image: url(/images/m/class/battle/bg_battle_bar.png);
 
background-position: left -32px;
 
}
 
.stat_bar_battle_blue B.zero {
 
height: 16px;
 
background-position: 0 -0px;
 
}
 
 
.stat_bar_battle_green {
 
height: 16px;
 
background-image: url(/images/m/class/battle/bg_battle_bar.png);
 
background-position: 1px -16px;
 
}
 
.stat_bar_battle_green B {
 
height: 16px;
 
background-image: url(/images/m/class/battle/bg_battle_bar.png);
 
background-position: 0 -48px;
 
width: 0px;
 
}
 
.stat_bar_battle_green I {
 
height: 16px;
 
background-image: url(/images/m/class/battle/bg_battle_bar.png);
 
background-position: left -48px;
 
}
 
.stat_bar_battle_green B.zero {
 
height: 16px;
 
background-position: 0 -16px;
 
}
 
 
.stat_bar_battle_green.disabled, .stat_bar_battle_green.disabled I, .stat_bar_battle_green.disabled B,
 
.stat_bar_battle_blue.disabled, .stat_bar_battle_blue.disabled I, .stat_bar_battle_blue.disabled B{
 
background-position: left -64px;
 
}
 
 
.stat_bar_battle_hp_green, .stat_bar_battle_hp_yellow, .stat_bar_battle_hp_red {
 
background:  none;
 
height:4px;
 
margin-left: 0px !important;
 
}
 
 
.stat_bar_battle_hp_green B, .stat_bar_battle_hp_yellow B, .stat_bar_battle_hp_red B {
 
height: 0px;
 
}
 
 
.stat_bar_battle_hp_green I{
 
background:  url(/images/m/class/battle/bg_battle_bar.png) no-repeat -10px -80px;
 
height:4px;
 
}
 
 
.stat_bar_battle_hp_yellow I{
 
background:  url(/images/m/class/battle/bg_battle_bar.png) no-repeat 0px -84px;
 
height:4px;
 
}
 
 
.stat_bar_battle_hp_red I{
 
background:  url(/images/m/class/battle/bg_battle_bar.png) no-repeat 0px -88px;
 
height:4px;
 
}
 
 
.stat_bar_relations {
 
height: 9px;
 
background-image: none;
 
padding-left: 0px;
 
}
 
.stat_bar_relations i{
 
height: 9px;
 
background-image: url(/i/inside/intop_hp.png);
 
background-position: 0px -9px;
 
}
 
 
.stat_bar_relations B{
 
height: 9px;
 
background-image: none;
 
background-position: 0px -9px;
 
margin-left: 0px;
 
width: 0px;
 
}
 
 
DIV.adminInfo{ text-align: center; position:absolute; top:80px; left: 10%; width: 200px; background: #993333; color:lightgray; margin:0 auto; z-index: 10000000}
 
DIV#mc_debug_div {position:absolute; top: 100px; left: 10px; width: 400px; z-index: 100000; border: 1px red solid}
 
TABLE.adminTable{ position:absolute;left:10px; top:900px;;background:#993333;color:lightgray;border-collapse:collapse}
 
TABLE.adminTable TD{padding:1px 2px; bordeR:1px solid gray}
 
 
.counters DIV {width:574px;text-align:right;margin:0 auto}
 
.counters {text-align:center;padding-bottom:120px}
 
.counters IMG{opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=30)}
 
.counters A IMG{opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=30)}
 
.counters a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100)}
 
.hideCounter IMG{width:1px; height:1px; visibility:hidden}
 
 
/** Блоки */
 
DIV.contentBlock{
 
width: 540px;
 
    margin-left: auto;
 
    margin-right: auto;
 
margin-bottom: 10px;
 
}
 
 
 
/** Сообщение */
 
.message{
 
font-size: 11px;
 
color: #aa0000;
 
margin: 1em 0;
 
text-align:center;
 
}
 
 
 
 
 
/** Аватар на всех страницах */
 
DIV.avatar,
 
DIV.avatar DIV,
 
DIV.avatar IMG{
 
width: 190px !important; height:240px !important;
 
background-repeat: no-repeat !important;
 
}
 
 
DIV.av_small,
 
DIV.av_small DIV,
 
DIV.av_small IMG{
 
width: 126px !important;
 
height: 160px !important;
 
}
 
DIV.av_small IMG{
 
behavior: none !important;
 
}
 
 
DIV.av_ex,
 
DIV.av_ex DIV,
 
DIV.av_ex IMG{
 
    width: 40px !important;
 
    height: 40px !important;
 
}
 
 
 
 
#moreGifts {vertical-align:top}
 
 
DIV.restart{
 
background: #ffbc2f url(/i/global/restart/bg_work1.png) ;
 
    position: relative;
 
    z-index: 2;
 
}
 
DIV.restart P{
 
background: #ffdc83 url(/i/global/restart/bg_work2.png) top left no-repeat;
 
height:40px;;
 
width:488px;;
 
margin: 0 auto;
 
font-size:12px;text-align:center;
 
padding:5px 0;
 
}
 
DIV.restart DIV.hrestart{
 
width: 130px; height:30px;position:absolute;display:block;
 
background: url(/i/global/restart/bg_work3.png) no-repeat;
 
right:60px;top:10px;
 
}
 
DIV.restart .hrestart A{
 
background: url(/i/global/restart/ico_x.png) no-repeat 0px 3px;
 
font-size:12px;
 
padding-left:15px;
 
 
margin: 6px 10px;
 
display:block;
 
}
 
 
.premia2{
 
margin-top:60px !important;
 
margin-left:0 !important;
 
        position: relative !important;
 
}
 
.premia2:hover{
 
background-position:0 -130px !important;
 
}
 
 
/** День рождения */
 
A#menu_bday{
 
width:190px !important;
 
height:100px !important;
 
position:absolute;
 
margin-top:40px;
 
display:block;
 
}
 
A#menu_bday:hover{
 
background-position: 0 -100px;
 
}
 
 
/**  */
 
A#menu_bday_ticket{
 
width:190px !important;
 
height:100px !important;
 
position:absolute;
 
margin-top:40px;
 
display:block;
 
}
 
#menu_bday_ticket:hover{
 
background-position: 0 -100px;
 
}
 
A#menu_bday_ticket.old {}
 
A#menu_bday_ticket.old:hover{
 
background-position: 0 -100px !important;
 
}
 
 
A#menu_gifts_special{
 
width:190px !important;
 
height:100px !important;
 
position:absolute;
 
margin-top:40px;
 
display:block;
 
}
 
A#menu_gifts_special:hover{
 
background-position: 0 -100px;
 
}
 
A#menu_gifts_special.old {
 
margin-left: 10px;
 
}
 
A#menu_gifts_special.old:hover{
 
background-position: 0 -100px !important;
 
}
 
/** Картинки */
 
A#menu_bday span{
 
background:url(/images/m/bday/bday_steps.png) no-repeat;
 
margin: -5px 0 0 0px;
 
width:100px;
 
height:100px;
 
display:block ;
 
position:absolute;
 
z-index:10 !important;
 
}
 
/* привет ие7 */
 
*:first-child+html A#menu_bday span {
 
  margin-left: -100px;
 
}
 
 
A#menu_chat2{
 
/* background:url(/images/chat/chat_bg.png) no-repeat; */
 
width:190px !important;
 
height:60px !important;
 
position:absolute;
 
margin-top:160px;
 
display:block;
 
}
 
A#menu_chat2:hover{
 
background-position: 0 -60px;
 
}
 
 
A#menu_worm{
 
width:190px !important;
 
height:100px !important;
 
position:absolute;
 
margin-top:180px;
 
display:block;
 
}
 
A#menu_worm:hover{
 
background-position: 0 -100px;
 
}
 
 
A#menu_worm.top {
 
margin-top:40px;
 
}
 
 
A#menu_zoo{
 
width:190px !important;
 
height:100px !important;
 
position:absolute;
 
margin-top:180px;
 
display:block;
 
}
 
 
A#menu_zoo.old {
 
margin-left: 10px;
 
}
 
 
 
A#menu_zoo:hover{
 
background-position: 0 -100px;
 
}
 
 
A#menu_zoo.old:hover{
 
background-position: 0 -100px;
 
}
 
 
A#menu_zoo.top {
 
margin-top:40px;
 
}
 
 
A#menu_stamps_discount{
 
width:190px !important;
 
height:100px !important;
 
position:absolute;
 
margin-top:180px;
 
display:block;
 
}
 
A#menu_stamps_discount.old{}
 
A#menu_stamps_discount:hover{ background-position: 0 -100px; }
 
A#menu_stamps_discount.old:hover{ background-position: 0 -100px; }
 
A#menu_stamps_discount.top { margin-top:40px; }
 
 
A#menu_preview{
 
width:190px !important;
 
height:100px !important;
 
position:absolute;
 
margin-top:180px;
 
display:block;
 
}
 
A#menu_preview.old{}
 
A#menu_preview:hover{ background-position: 0 -100px; }
 
A#menu_preview.old:hover{ background-position: 0 -100px; }
 
A#menu_preview.top { margin-top:40px; }
 
 
A[id^="menu_battle"]{
 
width:190px !important;
 
height:130px !important;
 
position:absolute;
 
display:block;
 
margin-top:40px;
 
}
 
 
A[id^="menu_battle"][class="old"]{
 
margin-left: 10px !important;
 
margin-top:40px !important;
 
}
 
 
A#menu_battle_5:hover{ background-position: 0px -130px}
 
A#menu_battle_6:hover{ background-position: 0px -130px}
 
A#menu_battle_7:hover{ background-position: 0px -130px}
 
A#menu_battle_8:hover{ background-position: 0px -130px}
 
A#menu_battle_5.old:hover{ background-position: 0px -130px}
 
A#menu_battle_6.old:hover{ background-position: 0px -130px}
 
A#menu_battle_7.old:hover{ background-position: 0px -130px}
 
A#menu_battle_8.old:hover{ background-position: 0px -130px}
 
 
A#menu_toolbar{
 
width:190px !important;
 
height:100px !important;
 
position:absolute;
 
margin-top:180px;
 
display:block;
 
}
 
A#menu_toolbar.old {
 
margin-left: 10px;
 
}
 
 
A#menu_toolbar:hover{
 
background-position: 0 -100px;
 
}
 
 
A#menu_toolbar.top {
 
margin-top:40px;
 
}
 
 
A#menu_advwiki{
 
width:190px !important;
 
height:100px !important;
 
position:absolute;
 
margin-top:180px;
 
display:block;
 
}
 
 
A#menu_advwiki.old {
 
margin-left: 10px;
 
}
 
 
A#menu_advwiki:hover{
 
background-position: 0 -100px;
 
}
 
 
A#menu_advwiki.old:hover{
 
background-position: 0 -100px;
 
}
 
 
A#menu_advwiki.top {
 
margin-top:40px;
 
}
 
 
A#menu_atlantis_ad,
 
A#menu_atlantis2_ad,
 
A#menu_wormspirit,
 
A#menu_bday4,
 
A#menu_space,
 
#menu a.menu_ad {
 
width:190px !important;
 
height:100px !important;
 
margin-top:180px;
 
display:block;
 
}
 
 
A#menu_atlantis_ad.old,
 
A#menu_atlantis2_ad.old,
 
A#menu_wormspirit.old,
 
A#menu_bday4.old,
 
A#menu_space.old,
 
#menu a.menu_ad.old {
 
margin-left: 10px;
 
position: absolute;
 
}
 
 
A#menu_atlantis_ad:hover,
 
A#menu_atlantis2_ad:hover,
 
A#menu_wormspirit:hover,
 
A#menu_bday4:hover,
 
A#menu_space:hover,
 
#menu a.menu_ad:hover  {
 
background-position: 0 -100px;
 
}
 
 
A#menu_atlantis_ad.old:hover,
 
A#menu_atlantis2_ad.old:hover,
 
A#menu_wormspirit.old:hover,
 
A#menu_bday4.old:hover,
 
A#menu_space.old:hover,
 
#menu a.menu_ad.old:hover  {
 
background-position: 0 -100px;
 
}
 
 
A#menu_atlantis_ad.top,
 
A#menu_atlantis2_ad.top,
 
A#menu_wormspirit.top,
 
A#menu_bday4.top,
 
A#menu_space.top,
 
#menu a.menu_ad.top  {
 
margin-top:40px;
 
}
 
 
A#menu_worm2{
 
width:190px;
 
height:100px !important;
 
position:absolute;
 
margin-top:180px;
 
display:block;
 
margin-left: 10px;
 
}
 
A#menu_worm2:hover{
 
background-position: 0 -100px;
 
}
 
 
A#menu_worm2.top {
 
margin-top:40px;
 
}
 
 
A#menu_monkey.top{
 
background:url(/locale/RU/events/monkey.png) no-repeat;
 
width:190px !important;
 
height:100px !important;
 
position:absolute;
 
margin-top:40px;
 
display:block;
 
}
 
A#menu_monkey.top:hover, A#menu_monkey.top.old:hover {
 
background-position: 0 -100px;
 
}
 
A#menu_monkey.top.old {
 
margin-left: 10px;
 
background:url(/locale/RU/events/old/monkey_old.png) no-repeat;
 
}
 
 
A#menu_yandex.top{
 
background:url(/locale/RU/events/yandex_banner.png) no-repeat;
 
width:190px !important;
 
height:100px !important;
 
position:absolute;
 
margin-top:40px;
 
display:block;
 
}
 
A#menu_yandex.top:hover, A#menu_monkey.top.old:hover {
 
background-position: 0 -100px;
 
}
 
 
/** Main class for ads */
 
A.menu_bottom_ad{
 
    width:190px !important;
 
    height:100px !important;
 
    margin-top: 40px;
 
    position:absolute;
 
    display:block;
 
}
 
 
 
A#menu_zoo2{
 
width:190px;
 
height:100px !important;
 
position:absolute;
 
margin-top:180px;
 
display:block;
 
margin-left: 10px;
 
}
 
A#menu_zoo2:hover{
 
background-position: 0 -100px;
 
}
 
 
A#menu_zoo2.top {
 
margin-top:40px;
 
}
 
 
A#menu_chat22{
 
/* background:url(/images/chat/chat_bg_old.png) no-repeat; */
 
width:190px;
 
height:60px !important;
 
position:absolute;
 
margin-top:160px;
 
margin-left:10px;
 
display:block;
 
}
 
A#menu_chat22:hover{
 
background-position: 0 -60px;
 
}
 
 
 
 
A#menu_bday .q_101{ background-position: -100px 0px}
 
A#menu_bday .q_102{ background-position: -100px -100px}
 
 
A#menu_bday .q_114 { background-position: -100px -200px}
 
A#menu_bday .q_115 { background-position: -100px -300px}
 
A#menu_bday .q_116 { background-position: -100px -400px}
 
A#menu_bday .q_103 { background-position: -100px -500px}
 
A#menu_bday .q_104 { background-position: -100px -600px}
 
A#menu_bday .q_105 { background-position: -100px -700px}
 
A#menu_bday.race_1 .q_105{ background-position: -300px 0px}
 
 
A#menu_bday .q_125 { background-position: -300px -100px}
 
A#menu_bday .q_126 { background-position: -300px -200px}
 
A#menu_bday .q_127 { background-position: -300px -300px}
 
A#menu_bday .q_106 { background-position: -300px -400px}
 
A#menu_bday .q_107 { background-position: -300px -500px}
 
A#menu_bday .q_108 { background-position: -300px -600px}
 
A#menu_bday .q_113 { background-position: -300px -700px}
 
A#menu_bday .q_109 { background-position: -500px 0px}
 
 
A#menu_monsterpve{
 
    width:190px !important;
 
    height:100px !important;
 
    position:absolute;
 
    margin-top:40px;
 
    display:block;
 
}
 
A#menu_monsterpve:hover{
 
    background-position: 0 -100px;
 
}
 
 
A.menu_extra{
 
width:200px !important;
 
height:100px !important;
 
position:absolute !important;
 
margin-top:40px !important;
 
display:block !important;
 
}
 
A.menu_extra:hover{
 
background-position: 0 -100px !important;;
 
}
 
 
/**  */
 
A#menu_survey_form{
 
    width:190px !important;
 
    height:100px !important;
 
    position:absolute;
 
    margin-top:40px;
 
    display:block;
 
}
 
#menu_survey_form:hover{
 
    background-position: 0 -100px;
 
}
 
 
/**  */
 
A#menu_green_extra{
 
    width:190px !important;
 
    height:100px !important;
 
    position:absolute;
 
    margin-top:40px;
 
    display:block;
 
}
 
#menu_green_extra:hover{
 
    background-position: 0 -100px;
 
}
 
 
.item_buy_green_extra{
 
    width:504px !important;
 
    height:65px !important;
 
    margin-bottom: 15px;
 
    margin-top: 15px;
 
    display:block;
 
}
 
 
 
.popup_item .text{
 
padding:10px;
 
/* border: 1px solid #7b5a34;*/
 
}
 
 
span.broun { color: #542F1B; font-weight: bold }
 
 
span#s106 {
 
display: block;
 
width: 230px;
 
height: 40px;
 
z-index: 1000;
 
position: absolute;
 
top: 113px;
 
left: 25px;
 
}
 
 
 
.dashed {
 
text-decoration: none !important;
 
border-bottom: 1px dashed #542F1B;
 
color:#542F1B;
 
cursor: pointer;
 
}
 
 
.mm0 {margin: 0}
 
 
.row_1 {
 
background: url(/i/global/bg_10.png) left top repeat !important;
 
}
 
 
.row_2 {
 
background: url(/i/global/bg_09.png) left top repeat;
 
}
 
 
.row_11 {
 
background-color: #F7F7F7;
 
}
 
.groupTitle {
 
background: none repeat scroll 0 0 #E2D1B3;
 
height: 30px;
 
line-height: 30px;
 
text-align: center;
 
vertical-align: middle;
 
color:#542F1B;
 
font-size: 12px;
 
font-weight: bold;
 
}
 
 
.slider_max {
 
background:  url(/i/ico_smithy.png) no-repeat;
 
background-position: 0px 0px;
 
width: 18px;
 
height: 18px;
 
display: inline-block;
 
text-decoration: none;
 
position: relative;
 
top: 2px;
 
cursor: default;
 
}
 
 
.slider_max { background-position: 0px -92px; }
 
.slider_max:hover { background-position: -18px -92px; }
 
.slider_max:active { background-position: -36px -92px; }
 
 
.black {
 
color:black;
 
}
 
 
#battle_log .gray {
 
color:#cccccc;
 
}
 
 
#battle_log .notice {
 
color: #777777;
 
}
 
 
#small_popup {
 
width: 160px;
 
height: 40px;
 
display: block;
 
position: absolute;
 
z-index: 1001;
 
background-image: url(/images/m/spopup/bg_popup_s.png);
 
line-height: 20px;
 
}
 
 
#small_popup .title, #small_popup .text {
 
width: 160px !important;
 
padding: 0px;
 
text-align: center;
 
background: none;
 
}
 
 
#small_popup .title {
 
min-height: 13px;
 
margin-top: -2px;
 
font-weight: normal !important;
 
background: none !important;
 
padding-left: 0 !important;
 
padding-right: 0 !important;
 
}
 
 
#small_popup .text {
 
min-height: 25px;
 
margin-top: 0px;
 
}
 
 
 
#small_popup.small_popupLong {
 
    height: auto;
 
    min-height: 40px;
 
    background: #e2d4b8;
 
    border: 1px solid #8a6b47;
 
    border-radius: 3px;
 
    padding-bottom:10px;
 
    width: 230px;
 
    opacity: 0.95;
 
}
 
 
#small_popup.small_popupLong HR {
 
    border-top:1px solid #cebc9f;
 
    padding:0;
 
}
 
#small_popup.small_popupLong .text {
 
    width: 230px !important;
 
}
 
 
#small_popup.small_popupLong .title {
 
    background: #d7b890;
 
    margin-top: 0px;
 
    width: 230px !important;
 
 
    border-bottom: 1px solid #8a6b47;
 
    -webkit-border-top-left-radius: 3px;
 
    -webkit-border-top-right-radius: 3px;
 
    -moz-border-radius-topleft: 3px;
 
    -moz-border-radius-topright: 3px;
 
    border-top-left-radius: 3px;
 
    border-top-right-radius: 3px;
 
}
 
 
.arrow {
 
width: 72px;
 
height: 70px;
 
position: absolute;
 
z-index: 10002;
 
    border-radius: 3px;
 
}
 
 
.arrow.arrow2 {
 
width: 32px;
 
height: 30px;
 
position: absolute;
 
z-index: 10002;
 
}
 
 
.arrow .body {
 
width: 70px;
 
height: 70px;
 
background-image: url(/images/m/tutorial/arrows.png);
 
background-position: -70px 0px;
 
}
 
 
.arrow .body.right {
 
background-position: 0px 0px;
 
}
 
 
.arrow .body.bottom {
 
background-position: 0px -70px;
 
height: 55px;
 
}
 
 
.arrow .body.top {
 
background-position: -70px -70px;
 
height: 55px;
 
}
 
 
.arrow .body.left2,
 
.arrow .body.right2,
 
.arrow .body.top2,
 
.arrow .body.bottom2 {
 
width: 30px;
 
height: 30px;
 
background-image: url(/images/m/tutorial/arrows2.png);
 
background-position: -30px 0px;
 
}
 
 
.arrow .body.right2 {
 
background-position: 0px 0px;
 
}
 
 
.arrow .body.bottom2 {
 
background-position: 0px -30px;
 
height: 30px;
 
}
 
 
.arrow .body.top2 {
 
background-position: -30px -30px;
 
height: 30px;
 
}
 
 
#trainer {
 
display: block;
 
width: 190px;
 
height: 200px;
 
margin-top: 20px;
 
margin-left: -10px;
 
text-align: center;
 
position: relative;
 
}
 
 
#trainer:hover {
 
background-position: 0px -200px;
 
}
 
 
#trainer #clicker {
 
width: 190px;
 
height: 200px;
 
position: absolute;
 
top: 0;
 
left: 0;
 
cursor: pointer;
 
}
 
 
#trainer.compact {
 
height: 100px;
 
}
 
#trainer.compact2 {
 
height: 100px;
 
}
 
 
#trainer.compact:hover {
 
background-position: 0px -100px;
 
}
 
 
#trainer.compact #clicker {
 
height: 100px;
 
}
 
 
#trainer #text {
 
font-size: 12px;
 
width: 190px;
 
position: absolute;
 
top: 135px;
 
left: 10px;
 
font-weight: bold;
 
}
 
 
#trainer #speech {
 
z-index: 10003;
 
display: block;
 
width: 590px;
 
height: 300px;
 
margin-top: -60px;
 
margin-left: -50px;
 
text-align: center;
 
position: absolute;
 
left: 220px;
 
top: -200px;
 
background-image: url(/images/m/tutorial/bg_captain.png);
 
}
 
 
#trainer #speech #data {
 
width: 489px;
 
height: 300px;
 
position: absolute;
 
top: 57px;
 
left: 68px;
 
font-size: 12px;
 
}
 
 
#trainer #speech #data p + p {
 
/* text-indent: 1.5em;*/
 
}
 
 
#trainer #speech #data p {
 
text-align: left;
 
line-height: 150%;
 
padding-bottom: 10px;
 
}
 
 
#trainer #speech #data a {
 
font-weight: bold;
 
}
 
 
#trainer #speech #data b {
 
/* font-size: 13px;*/
 
text-transform: uppercase;
 
white-space: nowrap;
 
}
 
#trainer #speech #accept, #trainer #speech #next {
 
/* width: 170px;*/
 
height: 30px;
 
display: block;
 
line-height: 30px;
 
position: absolute;
 
top: 220px;
 
left: 216px;
 
}
 
 
#trainer #speech #accept.cmd_row2, #trainer #speech #next.cmd_row2 {
 
left: 180px;
 
}
 
 
#trainer #close {
 
position: absolute;
 
top: 31px;
 
left: 535px;
 
}
 
 
#trainer #cancel {
 
position: absolute;
 
top: 258px;
 
left: 412px;
 
text-decoration: underline;
 
cursor: pointer;
 
}
 
 
#trainer #cancel:hover {
 
 
}
 
 
.inputGroup {margin-bottom:10px; line-height: 120%}
 
.inputGroup .grbody,
 
.inputSmallOpenable .grbody,
 
.inputSmall .grbody {background-color: #E3D4B7; padding: 10px; min-height: 14px; border-radius: 3px}
 
.inputTitle > .title DIV,
 
.inputShown .title DIV,
 
.inputSmallOpenable .grtop,
 
.inputShownImage DIV.title_shown,
 
.inputShownImage DIV.title_hidden {min-height: 30px; background-color: #dbcbad; line-height: 30px; margin-bottom: 1px; padding-left: 10px; padding-right: 10px; position: relative; text-align: center; font-weight: bold; font-size: 11px; text-transform: uppercase; color: #73503a; border-radius: 3px}
 
.inputShown .title DIV {cursor: pointer}
 
.inputShown .title_shown > DIV:before,
 
.inputShown .title_hidden > DIV:before,
 
.inputShownImage DIV.title_hidden DIV.button:before,
 
.inputShownImage DIV.title_shown DIV.button:before,
 
.inputSmallOpenable .title:before {content: ""; width: 13px; height: 13px; position: absolute; display: block; background-image: url(/i/ico.png); top: 7px; left: 7px; opacity: 0.5}
 
.inputShown .title_shown > DIV:before,
 
.bshown .inputSmallOpenable .title:before {background-position: -240px -980px !important}
 
.inputShown .title_hidden > DIV:before,
 
.inputShownImage DIV.title_shown DIV.button:before,
 
.inputSmallOpenable .title:before {background-position: 0 -1000px !important}
 
.inputShown .title_shown:hover DIV:before,
 
.inputShownImage DIV.title_hidden:hover DIV:before,
 
.inputShownImage DIV.title_shown:hover DIV:before,
 
.inputShownImage DIV.title_shown2:hover DIV:before,
 
.inputShown .title_hidden:hover DIV:before {opacity: 1}
 
.inputShown .shown {display: block}
 
.inputShown DIV.hidden {display: none}
 
.inputSmallOpenable .title:before {left: auto; right: 7px; z-index: 100}
 
.inputShownImage DIV.title_shown DIV.button:before,
 
.bshown .inputSmallOpenable .title:before {background-position: -240px -980px !important; top: 8px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -ms-transform: rotate(0deg)}
 
.bhidden .inputSmallOpenable .title:before,
 
.inputShownImage DIV.button:before {background-position: 0 -1000px !important; top: -18px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); -ms-transform: rotate(180deg)}
 
.inputGroup .title table {height: 26px; border-collapse: collapse}
 
.inputGroup .title table td {height: 26px; padding: 0}
 
 
/* NPC */
 
.avatarBlockOpenable{margin-top: -4px; margin-bottom: 6px; position: relative}
 
.avatarBlockOpenable DIV.button {cursor: pointer; position: absolute; z-index: 100; height: 35px; top: 0; left: 0; right: 0}
 
.inputSmallOpenable .title {margin-top: -31px}
 
.avatarBlockOpenable DIV.title_hidden {display: block; width: 100%; height: 30px}
 
.avatarBlockOpenable DIV.spbody {position: relative; top: 4px; margin-right: -1px}
 
.avatarBlockOpenable DIV.bhidden * {height: 0}
 
.avatarBlockOpenable DIV.bhidden * {min-height: 0 !important; height: 0 !important; overflow: hidden}
 
.avatarBlockOpenable DIV.bhidden .inputGroup .title DIV {height: 30px !important; position: absolute; left: 0; right: 0}
 
.inputSmallOpenable{width:330px}
 
/*.inputSmallOpenable .bottom {background-image: url(/i/inside/bg_block.png); background-color: #e3d0af}*/
 
/*.inputSmallOpenable .bottom {background-position: -2312px -10px;background-repeat: no-repeat}*/
 
/*.inputSmallOpenable .grtop {}*/
 
.inputGroup.tabs .grtop {height: 68px}
 
 
 
.inputShownImage {margin-bottom: 10px; position: relative}
 
.inputShownImage DIV.title_hidden {min-height: 15px; line-height: 15px; margin-bottom: 1px}
 
.inputShownImage DIV.button {cursor: pointer; position: absolute; z-index: 100; height: 15px; top: 0; left: 0; right: 0}
 
.inputShownImage DIV.button:before {top: 3px !important; left: auto !important; right: 7px !important}
 
.inputShownImage DIV.title_shown DIV.button:before {top: -1px !important; right: 9px !important}
 
.inputShownImage DIV.title_shown,
 
.inputShownImage DIV.title_shown2 {background-color: #E3D4B7; min-height: 15px; line-height: 15px; margin-bottom: 0; border-radius: 3px 3px 0 0}
 
.inputShownImage DIV.imgbody {background-color: #E3D4B7; text-align: center}
 
.inputShownImage DIV.imgbody img {border-radius: 3px; display: inline-block}
 
.inputShownImage DIV.imgbody > div {margin: 0 auto; border-radius: 3px}
 
.inputShownImage DIV.imgbody #houseDiv * {border-radius: 3px}
 
.inputShownImage DIV.imgbottom {background-color: #E3D4B7; height: 15px; border-radius: 0 0 3px 3px}
 
.inputShownImage DIV.hidden {display:none}
 
 
.inputSmall {width:272px}
 
/*.inputSmall .grtop,*/
 
/*.inputSmall .title,*/
 
/*.inputSmall .bottom {background-image: url(/i/inside/bg_block3.png); background-color: #e3d0af}*/
 
/*.inputSmall .grtop {background-position: -1108px -25px;background-repeat: no-repeat}*/
 
/*.inputSmall .title {background-position: -1380px 0;background-repeat: repeat-y}*/
 
/*.inputSmall .bottom {background-position: -1108px -10px;background-repeat: no-repeat}*/
 
 
.inputSmall{width:330px}
 
/*.inputSmall .grtop,*/
 
/*.inputSmall .title,*/
 
/*.inputSmall .bottom {background-image: url(/i/inside/bg_block.png); background-color: #e3d0af}*/
 
/*.inputSmall .grtop {background-position: -1652px -25px;background-repeat: no-repeat}*/
 
/*.inputSmall .title {background-position: -1982px 0;background-repeat: repeat-y}*/
 
/*.inputSmall .bottom {background-position: -1652px -10px;background-repeat: no-repeat}*/
 
 
TABLE.up_avatar.small .inputSmall {width:449px}
 
/*TABLE.up_avatar.small .inputSmall .grtop,*/
 
/*TABLE.up_avatar.small .inputSmall .title,*/
 
/*TABLE.up_avatar.small .inputSmall .bottom {background-image: url(/i/inside/bg_block.png); background-color: #e3d0af}*/
 
/*TABLE.up_avatar.small .inputSmall .grtop {background-position: -4074px -25px;background-repeat: no-repeat}*/
 
/*TABLE.up_avatar.small .inputSmall .title {background-position: -4532px 0;background-repeat: repeat-y}*/
 
/*TABLE.up_avatar.small .inputSmall .bottom {background-position: -4074px -10px;background-repeat: no-repeat}*/
 
 
/** InputDashed */
 
.inputDashed {margin-bottom:10px}
 
 
/*div.titleDashed {background: url("/i/global/bg_10.png") repeat scroll left top transparent !important; padding:5px 0; vertical-align:middle}*/
 
/*div.contentDashed {background: url("/i/global/bg_09.png") repeat scroll left top transparent; min-height: 1px}*/
 
 
.inputSmallLeft {width:200px}
 
/*.inputSmallLeft .grtop,*/
 
/*.inputSmallLeft .title,*/
 
/*.inputSmallLeft .grbody,*/
 
/*.inputSmallLeft .bottom {background-image: url(/i/inside/bg_block.png); background-color: #e3d0af}*/
 
/*.inputSmallLeft .grtop {background-position: -3674px -25px;background-repeat: no-repeat}*/
 
/*.inputSmallLeft .title {background-position: -3874px 0;background-repeat: repeat-y}*/
 
/*.inputSmallLeft .grbody {background-position: -3874px 0;background-repeat: repeat-y;padding: 10px 10px 5px 10px}*/
 
/*.inputSmallLeft .bottom {background-position: -3674px -10px;background-repeat: no-repeat}*/
 
 
.inputSmallRight {width:344px}
 
/*.inputSmallRight .grtop,*/
 
/*.inputSmallRight .title,*/
 
/*.inputSmallRight .grbody,*/
 
/*.inputSmallRight .bottom {background-image: url(/i/inside/bg_block.png); background-color: #e3d0af}*/
 
/*.inputSmallRight .grtop {background-position: -2986px -25px;background-repeat: no-repeat}*/
 
/*.inputSmallRight .title {background-position: -3330px 0;background-repeat: repeat-y}*/
 
/*.inputSmallRight .grbody {background-position: -3330px 0;background-repeat: repeat-y}*/
 
/*.inputSmallRight .bottom {background-position: -2986px -10px;background-repeat: no-repeat}*/
 
 
.inputNoLine .grtop{display:none}
 
.inputNoLine .grbody{padding-top:0}
 
.inputNoLine .grbody>DIV{
 
height: 398px;
 
}
 
 
 
.up_avatar .grbody{
 
font-size:11px;
 
color: #542f1b;
 
}
 
 
.noresize {resize: none}
 
.no_underline a {text-decoration: none}
 
.no_underline a:hover {text-decoration: underline}
 
.no_underlinei a, .no_underlinei a:hover {text-decoration: none}
 
 
.mb-25 {margin-bottom:-25px !important}
 
.mb-24 {margin-bottom:-24px !important}
 
.mb-23 {margin-bottom:-23px !important}
 
.mb-22 {margin-bottom:-22px !important}
 
.mb-21 {margin-bottom:-21px !important}
 
.mb-20 {margin-bottom:-20px !important}
 
.mb-19 {margin-bottom:-19px !important}
 
.mb-18 {margin-bottom:-18px !important}
 
.mb-17 {margin-bottom:-17px !important}
 
.mb-16 {margin-bottom:-16px !important}
 
.mb-15 {margin-bottom:-15px !important}
 
.mb-14 {margin-bottom:-14px !important}
 
.mb-13 {margin-bottom:-13px !important}
 
.mb-12 {margin-bottom:-12px !important}
 
.mb-11 {margin-bottom:-11px !important}
 
.mb-10 {margin-bottom:-10px !important}
 
.mb-9 {margin-bottom:-9px !important}
 
.mb-8 {margin-bottom:-8px !important}
 
.mb-7 {margin-bottom:-7px !important}
 
.mb-6 {margin-bottom:-6px !important}
 
.mb-5 {margin-bottom:-5px !important}
 
.mb-4 {margin-bottom:-4px !important}
 
.mb-3 {margin-bottom:-3px !important}
 
.mb-2 {margin-bottom:-2px !important}
 
.mb-1 {margin-bottom:-1px !important}
 
.mb0 {margin-bottom:0px !important}
 
.mb1 {margin-bottom:1px !important}
 
.mb2 {margin-bottom:2px !important}
 
.mb3 {margin-bottom:3px !important}
 
.mb4 {margin-bottom:4px !important}
 
.mb5 {margin-bottom:5px !important}
 
.mb6 {margin-bottom:5px !important}
 
.mb7 {margin-bottom:7px !important}
 
.mb8 {margin-bottom:8px !important}
 
.mb9 {margin-bottom:9px !important}
 
.mb10 {margin-bottom:10px !important}
 
.mb11 {margin-bottom:11px !important}
 
.mb12 {margin-bottom:12px !important}
 
.mb13 {margin-bottom:13px !important}
 
.mb14 {margin-bottom:14px !important}
 
.mb15 {margin-bottom:15px !important}
 
.mb16 {margin-bottom:16px !important}
 
.mb17 {margin-bottom:17px !important}
 
.mb18 {margin-bottom:18px !important}
 
.mb19 {margin-bottom:19px !important}
 
.mb20 {margin-bottom:20px !important}
 
.mb21 {margin-bottom:21px !important}
 
.mb22 {margin-bottom:22px !important}
 
.mb23 {margin-bottom:23px !important}
 
.mb24 {margin-bottom:24px !important}
 
.mb25 {margin-bottom:25px !important}
 
.mb26 {margin-bottom:26px !important}
 
.mb27 {margin-bottom:27px !important}
 
.mb28 {margin-bottom:28px !important}
 
.mb29 {margin-bottom:29px !important}
 
.mb30 {margin-bottom:30px !important}
 
.mb31 {margin-bottom:31px !important}
 
.mb32 {margin-bottom:32px !important}
 
.mb33 {margin-bottom:33px !important}
 
.mb34 {margin-bottom:34px !important}
 
.mb35 {margin-bottom:35px !important}
 
.mb36 {margin-bottom:36px !important}
 
.mb37 {margin-bottom:37px !important}
 
.mb38 {margin-bottom:38px !important}
 
.mb39 {margin-bottom:39px !important}
 
.mb40 {margin-bottom:40px !important}
 
.mb41 {margin-bottom:41px !important}
 
.mb42 {margin-bottom:42px !important}
 
.mb43 {margin-bottom:43px !important}
 
.mb44 {margin-bottom:44px !important}
 
.mb45 {margin-bottom:45px !important}
 
.mb46 {margin-bottom:46px !important}
 
.mb47 {margin-bottom:47px !important}
 
.mb48 {margin-bottom:48px !important}
 
.mb49 {margin-bottom:49px !important}
 
.mb50 {margin-bottom:50px !important}
 
.mb60 {margin-bottom:60px !important}
 
.mb70 {margin-bottom:70px !important}
 
 
.mt-25 {margin-top:-25px !important}
 
.mt-24 {margin-top:-24px !important}
 
.mt-23 {margin-top:-23px !important}
 
.mt-22 {margin-top:-22px !important}
 
.mt-21 {margin-top:-21px !important}
 
.mt-20 {margin-top:-20px !important}
 
.mt-19 {margin-top:-19px !important}
 
.mt-18 {margin-top:-18px !important}
 
.mt-17 {margin-top:-17px !important}
 
.mt-16 {margin-top:-16px !important}
 
.mt-15 {margin-top:-15px !important}
 
.mt-14 {margin-top:-14px !important}
 
.mt-13 {margin-top:-13px !important}
 
.mt-12 {margin-top:-12px !important}
 
.mt-11 {margin-top:-11px !important}
 
.mt-10 {margin-top:-10px !important}
 
.mt-9 {margin-top:-9px !important}
 
.mt-8 {margin-top:-8px !important}
 
.mt-7 {margin-top:-7px !important}
 
.mt-6 {margin-top:-6px !important}
 
.mt-5 {margin-top:-5px !important}
 
.mt-4 {margin-top:-4px !important}
 
.mt-3 {margin-top:-3px !important}
 
.mt-2 {margin-top:-2px !important}
 
.mt-1 {margin-top:-1px !important}
 
.mt0 {margin-top:0px !important}
 
.mt1 {margin-top:1px !important}
 
.mt2 {margin-top:2px !important}
 
.mt3 {margin-top:3px !important}
 
.mt4 {margin-top:4px !important}
 
.mt5 {margin-top:5px !important}
 
.mt6 {margin-top:5px !important}
 
.mt7 {margin-top:7px !important}
 
.mt8 {margin-top:8px !important}
 
.mt9 {margin-top:9px !important}
 
.mt10 {margin-top:10px !important}
 
.mt11 {margin-top:11px !important}
 
.mt12 {margin-top:12px !important}
 
.mt13 {margin-top:13px !important}
 
.mt14 {margin-top:14px !important}
 
.mt15 {margin-top:15px !important}
 
.mt16 {margin-top:16px !important}
 
.mt17 {margin-top:17px !important}
 
.mt18 {margin-top:18px !important}
 
.mt19 {margin-top:19px !important}
 
.mt20 {margin-top:20px !important}
 
.mt21 {margin-top:21px !important}
 
.mt22 {margin-top:22px !important}
 
.mt23 {margin-top:23px !important}
 
.mt24 {margin-top:24px !important}
 
.mt25 {margin-top:25px !important}
 
.mt26 {margin-top:26px !important}
 
.mt27 {margin-top:27px !important}
 
.mt28 {margin-top:28px !important}
 
.mt29 {margin-top:29px !important}
 
.mt30 {margin-top:30px !important}
 
.mt31 {margin-top:31px !important}
 
.mt32 {margin-top:32px !important}
 
.mt33 {margin-top:33px !important}
 
.mt34 {margin-top:34px !important}
 
.mt35 {margin-top:35px !important}
 
.mt36 {margin-top:36px !important}
 
.mt37 {margin-top:37px !important}
 
.mt38 {margin-top:38px !important}
 
.mt39 {margin-top:39px !important}
 
.mt40 {margin-top:40px !important}
 
.mt41 {margin-top:41px !important}
 
.mt42 {margin-top:42px !important}
 
.mt43 {margin-top:43px !important}
 
.mt44 {margin-top:44px !important}
 
.mt45 {margin-top:45px !important}
 
.mt46 {margin-top:46px !important}
 
.mt47 {margin-top:47px !important}
 
.mt48 {margin-top:48px !important}
 
.mt49 {margin-top:49px !important}
 
.mt50 {margin-top:50px !important}
 
 
.ml-85 {margin-left:-85px !important}
 
.ml-67 {margin-left:-67px !important}
 
.ml-55 {margin-left:-55px !important}
 
.ml-52 {margin-left:-52px !important}
 
.ml-25 {margin-left:-25px !important}
 
.ml-24 {margin-left:-24px !important}
 
.ml-23 {margin-left:-23px !important}
 
.ml-22 {margin-left:-22px !important}
 
.ml-21 {margin-left:-21px !important}
 
.ml-20 {margin-left:-20px !important}
 
.ml-19 {margin-left:-19px !important}
 
.ml-18 {margin-left:-18px !important}
 
.ml-17 {margin-left:-17px !important}
 
.ml-16 {margin-left:-16px !important}
 
.ml-15 {margin-left:-15px !important}
 
.ml-14 {margin-left:-14px !important}
 
.ml-13 {margin-left:-13px !important}
 
.ml-12 {margin-left:-12px !important}
 
.ml-11 {margin-left:-11px !important}
 
.ml-10 {margin-left:-10px !important}
 
.ml-9 {margin-left:-9px !important}
 
.ml-8 {margin-left:-8px !important}
 
.ml-7 {margin-left:-7px !important}
 
.ml-6 {margin-left:-6px !important}
 
.ml-5 {margin-left:-5px !important}
 
.ml-4 {margin-left:-4px !important}
 
.ml-3 {margin-left:-3px !important}
 
.ml-2 {margin-left:-2px !important}
 
.ml-1 {margin-left:-1px !important}
 
.ml0 {margin-left:0px !important}
 
.ml1 {margin-left:1px !important}
 
.ml2 {margin-left:2px !important}
 
.ml3 {margin-left:3px !important}
 
.ml4 {margin-left:4px !important}
 
.ml5 {margin-left:5px !important}
 
.ml6 {margin-left:5px !important}
 
.ml7 {margin-left:7px !important}
 
.ml8 {margin-left:8px !important}
 
.ml10 {margin-left:10px !important}
 
.ml11 {margin-left:11px !important}
 
.ml12 {margin-left:12px !important}
 
.ml13 {margin-left:13px !important}
 
.ml14 {margin-left:14px !important}
 
.ml15 {margin-left:15px !important}
 
.ml16 {margin-left:16px !important}
 
.ml17 {margin-left:17px !important}
 
.ml18 {margin-left:18px !important}
 
.ml19 {margin-left:19px !important}
 
.ml20 {margin-left:20px !important}
 
.ml21 {margin-left:21px !important}
 
.ml22 {margin-left:22px !important}
 
.ml23 {margin-left:23px !important}
 
.ml24 {margin-left:24px !important}
 
.ml25 {margin-left:25px !important}
 
.ml26 {margin-left:26px !important}
 
.ml27 {margin-left:27px !important}
 
.ml28 {margin-left:28px !important}
 
.ml29 {margin-left:29px !important}
 
.ml30 {margin-left:30px !important}
 
.ml31 {margin-left:31px !important}
 
.ml32 {margin-left:32px !important}
 
.ml33 {margin-left:33px !important}
 
.ml34 {margin-left:34px !important}
 
.ml35 {margin-left:35px !important}
 
.ml36 {margin-left:36px !important}
 
.ml37 {margin-left:37px !important}
 
.ml38 {margin-left:38px !important}
 
.ml39 {margin-left:39px !important}
 
.ml40 {margin-left:40px !important}
 
.ml41 {margin-left:41px !important}
 
.ml42 {margin-left:42px !important}
 
.ml43 {margin-left:43px !important}
 
.ml44 {margin-left:44px !important}
 
.ml45 {margin-left:45px !important}
 
.ml46 {margin-left:46px !important}
 
.ml47 {margin-left:47px !important}
 
.ml48 {margin-left:48px !important}
 
.ml49 {margin-left:49px !important}
 
.ml50 {margin-left:50px !important}
 
.ml65 {margin-left:65px !important}
 
.ml70 {margin-left:70px !important}
 
.ml75 {margin-left:75px !important}
 
.ml80 {margin-left:80px !important}
 
.ml83 {margin-left:83px !important}
 
.ml85 {margin-left:85px !important}
 
.ml90 {margin-left:90px !important}
 
.ml95 {margin-left:95px !important}
 
.ml100 {margin-left:100px !important}
 
.ml105 {margin-left:105px !important}
 
.ml110 {margin-left:110px !important}
 
.ml115 {margin-left:115px !important}
 
.ml120 {margin-left:120px !important}
 
.ml130 {margin-left:130px !important}
 
.ml146 {margin-left:146px !important}
 
.ml150 {margin-left:150px !important}
 
.ml180 {margin-left:180px !important}
 
.ml190 {margin-left:190px !important}
 
.ml195 {margin-left:195px !important}
 
.ml200 {margin-left:200px !important}
 
.ml210 {margin-left:210px !important}
 
.ml220 {margin-left:220px !important}
 
.ml222 {margin-left:222px !important}
 
.ml225 {margin-left:225px !important}
 
.ml230 {margin-left:230px !important}
 
.ml240 {margin-left:240px !important}
 
.ml260 {margin-left:260px !important}
 
 
.mr-25 {margin-right:-25px !important}
 
.mr-24 {margin-right:-24px !important}
 
.mr-23 {margin-right:-23px !important}
 
.mr-22 {margin-right:-22px !important}
 
.mr-21 {margin-right:-21px !important}
 
.mr-20 {margin-right:-20px !important}
 
.mr-19 {margin-right:-19px !important}
 
.mr-18 {margin-right:-18px !important}
 
.mr-17 {margin-right:-17px !important}
 
.mr-16 {margin-right:-16px !important}
 
.mr-15 {margin-right:-15px !important}
 
.mr-14 {margin-right:-14px !important}
 
.mr-13 {margin-right:-13px !important}
 
.mr-12 {margin-right:-12px !important}
 
.mr-11 {margin-right:-11px !important}
 
.mr-10 {margin-right:-10px !important}
 
.mr-9 {margin-right:-9px !important}
 
.mr-8 {margin-right:-8px !important}
 
.mr-7 {margin-right:-7px !important}
 
.mr-6 {margin-right:-6px !important}
 
.mr-5 {margin-right:-5px !important}
 
.mr-4 {margin-right:-4px !important}
 
.mr-3 {margin-right:-3px !important}
 
.mr-2 {margin-right:-2px !important}
 
.mr-1 {margin-right:-1px !important}
 
.mr0 {margin-right:0px !important}
 
.mr1 {margin-right:1px !important}
 
.mr2 {margin-right:2px !important}
 
.mr3 {margin-right:3px !important}
 
.mr4 {margin-right:4px !important}
 
.mr5 {margin-right:5px !important}
 
.mr6 {margin-right:5px !important}
 
.mr7 {margin-right:7px !important}
 
.mr8 {margin-right:8px !important}
 
.mr10 {margin-right:10px !important}
 
.mr11 {margin-right:11px !important}
 
.mr12 {margin-right:12px !important}
 
.mr13 {margin-right:13px !important}
 
.mr14 {margin-right:14px !important}
 
.mr15 {margin-right:15px !important}
 
.mr16 {margin-right:16px !important}
 
.mr17 {margin-right:17px !important}
 
.mr18 {margin-right:18px !important}
 
.mr19 {margin-right:19px !important}
 
.mr20 {margin-right:20px !important}
 
.mr21 {margin-right:21px !important}
 
.mr22 {margin-right:22px !important}
 
.mr23 {margin-right:23px !important}
 
.mr24 {margin-right:24px !important}
 
.mr25 {margin-right:25px !important}
 
.mr26 {margin-right:26px !important}
 
.mr27 {margin-right:27px !important}
 
.mr28 {margin-right:28px !important}
 
.mr29 {margin-right:29px !important}
 
.mr30 {margin-right:30px !important}
 
.mr31 {margin-right:31px !important}
 
.mr32 {margin-right:32px !important}
 
.mr33 {margin-right:33px !important}
 
.mr34 {margin-right:34px !important}
 
.mr35 {margin-right:35px !important}
 
.mr36 {margin-right:36px !important}
 
.mr37 {margin-right:37px !important}
 
.mr38 {margin-right:38px !important}
 
.mr39 {margin-right:39px !important}
 
.mr40 {margin-right:40px !important}
 
.mr41 {margin-right:41px !important}
 
.mr42 {margin-right:42px !important}
 
.mr43 {margin-right:43px !important}
 
.mr44 {margin-right:44px !important}
 
.mr45 {margin-right:45px !important}
 
.mr46 {margin-right:46px !important}
 
.mr47 {margin-right:47px !important}
 
.mr48 {margin-right:48px !important}
 
.mr49 {margin-right:49px !important}
 
.mr50 {margin-right:50px !important}
 
.mr55 {margin-right:55px !important}
 
.mr58 {margin-right:58px !important}
 
.mr70 {margin-right:70px !important}
 
.mr75 {margin-right:75px !important}
 
.mr80 {margin-right:80px !important}
 
.mr95 {margin-right:95px !important}
 
.mr158 {margin-right:158px !important}
 
.mr195 {margin-right:195px !important}
 
 
.pb0 {padding-bottom:0px !important}
 
.pb1 {padding-bottom:1px !important}
 
.pb2 {padding-bottom:2px !important}
 
.pb3 {padding-bottom:3px !important}
 
.pb4 {padding-bottom:4px !important}
 
.pb5 {padding-bottom:5px !important}
 
.pb6 {padding-bottom:5px !important}
 
.pb7 {padding-bottom:7px !important}
 
.pb8 {padding-bottom:8px !important}
 
.pb10 {padding-bottom:10px !important}
 
.pb11 {padding-bottom:11px !important}
 
.pb12 {padding-bottom:12px !important}
 
.pb13 {padding-bottom:13px !important}
 
.pb14 {padding-bottom:14px !important}
 
.pb15 {padding-bottom:15px !important}
 
.pb16 {padding-bottom:16px !important}
 
.pb17 {padding-bottom:17px !important}
 
.pb18 {padding-bottom:18px !important}
 
.pb19 {padding-bottom:19px !important}
 
.pb20 {padding-bottom:20px !important}
 
.pb21 {padding-bottom:21px !important}
 
.pb22 {padding-bottom:22px !important}
 
.pb23 {padding-bottom:23px !important}
 
.pb24 {padding-bottom:24px !important}
 
.pb25 {padding-bottom:25px !important}
 
.pb26 {padding-bottom:26px !important}
 
.pb27 {padding-bottom:27px !important}
 
.pb28 {padding-bottom:28px !important}
 
.pb29 {padding-bottom:29px !important}
 
.pb30 {padding-bottom:30px !important}
 
.pb31 {padding-bottom:31px !important}
 
.pb32 {padding-bottom:32px !important}
 
.pb33 {padding-bottom:33px !important}
 
.pb34 {padding-bottom:34px !important}
 
.pb35 {padding-bottom:35px !important}
 
.pb36 {padding-bottom:36px !important}
 
.pb37 {padding-bottom:37px !important}
 
.pb38 {padding-bottom:38px !important}
 
.pb39 {padding-bottom:39px !important}
 
.pb40 {padding-bottom:40px !important}
 
.pb41 {padding-bottom:41px !important}
 
.pb42 {padding-bottom:42px !important}
 
.pb43 {padding-bottom:43px !important}
 
.pb44 {padding-bottom:44px !important}
 
.pb45 {padding-bottom:45px !important}
 
.pb46 {padding-bottom:46px !important}
 
.pb47 {padding-bottom:47px !important}
 
.pb48 {padding-bottom:48px !important}
 
.pb49 {padding-bottom:49px !important}
 
.pb50 {padding-bottom:50px !important}
 
.pb55 {padding-bottom:55px !important}
 
.pb60 {padding-bottom:60px !important}
 
.pb100 {padding-bottom:100px !important}
 
.pb150 {padding-bottom:150px !important}
 
 
.pt0 {padding-top:0px !important}
 
.pt1 {padding-top:1px !important}
 
.pt2 {padding-top:2px !important}
 
.pt3 {padding-top:3px !important}
 
.pt4 {padding-top:4px !important}
 
.pt5 {padding-top:5px !important}
 
.pt6 {padding-top:5px !important}
 
.pt7 {padding-top:7px !important}
 
.pt8 {padding-top:8px !important}
 
.pt10 {padding-top:10px !important}
 
.pt11 {padding-top:11px !important}
 
.pt12 {padding-top:12px !important}
 
.pt13 {padding-top:13px !important}
 
.pt14 {padding-top:14px !important}
 
.pt15 {padding-top:15px !important}
 
.pt16 {padding-top:16px !important}
 
.pt17 {padding-top:17px !important}
 
.pt18 {padding-top:18px !important}
 
.pt19 {padding-top:19px !important}
 
.pt20 {padding-top:20px !important}
 
.pt21 {padding-top:21px !important}
 
.pt22 {padding-top:22px !important}
 
.pt23 {padding-top:23px !important}
 
.pt24 {padding-top:24px !important}
 
.pt25 {padding-top:25px !important}
 
.pt26 {padding-top:26px !important}
 
.pt27 {padding-top:27px !important}
 
.pt28 {padding-top:28px !important}
 
.pt29 {padding-top:29px !important}
 
.pt30 {padding-top:30px !important}
 
.pt31 {padding-top:31px !important}
 
.pt32 {padding-top:32px !important}
 
.pt33 {padding-top:33px !important}
 
.pt34 {padding-top:34px !important}
 
.pt35 {padding-top:35px !important}
 
.pt36 {padding-top:36px !important}
 
.pt37 {padding-top:37px !important}
 
.pt38 {padding-top:38px !important}
 
.pt39 {padding-top:39px !important}
 
.pt40 {padding-top:40px !important}
 
.pt41 {padding-top:41px !important}
 
.pt42 {padding-top:42px !important}
 
.pt43 {padding-top:43px !important}
 
.pt44 {padding-top:44px !important}
 
.pt45 {padding-top:45px !important}
 
.pt46 {padding-top:46px !important}
 
.pt47 {padding-top:47px !important}
 
.pt48 {padding-top:48px !important}
 
.pt49 {padding-top:49px !important}
 
.pt50 {padding-top:50px !important}
 
.pt55 {padding-top:55px !important}
 
.pt60 {padding-top:60px !important}
 
.pt100 {padding-top:100px !important}
 
.pt150 {padding-top:150px !important}
 
 
.pl0 {padding-left:0px !important}
 
.pl1 {padding-left:1px !important}
 
.pl2 {padding-left:2px !important}
 
.pl3 {padding-left:3px !important}
 
.pl4 {padding-left:4px !important}
 
.pl5 {padding-left:5px !important}
 
.pl6 {padding-left:5px !important}
 
.pl7 {padding-left:7px !important}
 
.pl8 {padding-left:8px !important}
 
.pl9 {padding-left:9px !important}
 
.pl10 {padding-left:10px !important}
 
.pl11 {padding-left:11px !important}
 
.pl12 {padding-left:12px !important}
 
.pl13 {padding-left:13px !important}
 
.pl14 {padding-left:14px !important}
 
.pl15 {padding-left:15px !important}
 
.pl16 {padding-left:16px !important}
 
.pl17 {padding-left:17px !important}
 
.pl18 {padding-left:18px !important}
 
.pl19 {padding-left:19px !important}
 
.pl20 {padding-left:20px !important}
 
.pl21 {padding-left:21px !important}
 
.pl22 {padding-left:22px !important}
 
.pl23 {padding-left:23px !important}
 
.pl24 {padding-left:24px !important}
 
.pl25 {padding-left:25px !important}
 
.pl26 {padding-left:26px !important}
 
.pl27 {padding-left:27px !important}
 
.pl28 {padding-left:28px !important}
 
.pl29 {padding-left:29px !important}
 
.pl30 {padding-left:30px !important}
 
.pl31 {padding-left:31px !important}
 
.pl32 {padding-left:32px !important}
 
.pl33 {padding-left:33px !important}
 
.pl34 {padding-left:34px !important}
 
.pl35 {padding-left:35px !important}
 
.pl36 {padding-left:36px !important}
 
.pl37 {padding-left:37px !important}
 
.pl38 {padding-left:38px !important}
 
.pl39 {padding-left:39px !important}
 
.pl40 {padding-left:40px !important}
 
.pl41 {padding-left:41px !important}
 
.pl42 {padding-left:42px !important}
 
.pl43 {padding-left:43px !important}
 
.pl44 {padding-left:44px !important}
 
.pl45 {padding-left:45px !important}
 
.pl46 {padding-left:46px !important}
 
.pl47 {padding-left:47px !important}
 
.pl48 {padding-left:48px !important}
 
.pl49 {padding-left:49px !important}
 
.pl50 {padding-left:50px !important}
 
.pl57 {padding-left:57px !important}
 
.pl65 {padding-left:65px !important}
 
.pl70 {padding-left:70px !important}
 
.pl75 {padding-left:75px !important}
 
.pl80 {padding-left:80px !important}
 
.pl85 {padding-left:85px !important}
 
.pl90 {padding-left:90px !important}
 
.pl95 {padding-left:95px !important}
 
 
.pr0 {padding-right:0px !important}
 
.pr1 {padding-right:1px !important}
 
.pr2 {padding-right:2px !important}
 
.pr3 {padding-right:3px !important}
 
.pr4 {padding-right:4px !important}
 
.pr5 {padding-right:5px !important}
 
.pr6 {padding-right:5px !important}
 
.pr7 {padding-right:7px !important}
 
.pr8 {padding-right:8px !important}
 
.pr9 {padding-right:9px !important}
 
.pr10 {padding-right:10px !important}
 
.pr11 {padding-right:11px !important}
 
.pr12 {padding-right:12px !important}
 
.pr13 {padding-right:13px !important}
 
.pr14 {padding-right:14px !important}
 
.pr15 {padding-right:15px !important}
 
.pr16 {padding-right:16px !important}
 
.pr17 {padding-right:17px !important}
 
.pr18 {padding-right:18px !important}
 
.pr19 {padding-right:19px !important}
 
.pr20 {padding-right:20px !important}
 
.pr21 {padding-right:21px !important}
 
.pr22 {padding-right:22px !important}
 
.pr23 {padding-right:23px !important}
 
.pr24 {padding-right:24px !important}
 
.pr25 {padding-right:25px !important}
 
.pr26 {padding-right:26px !important}
 
.pr27 {padding-right:27px !important}
 
.pr28 {padding-right:28px !important}
 
.pr29 {padding-right:29px !important}
 
.pr30 {padding-right:30px !important}
 
.pr31 {padding-right:31px !important}
 
.pr32 {padding-right:32px !important}
 
.pr33 {padding-right:33px !important}
 
.pr34 {padding-right:34px !important}
 
.pr35 {padding-right:35px !important}
 
.pr36 {padding-right:36px !important}
 
.pr37 {padding-right:37px !important}
 
.pr38 {padding-right:38px !important}
 
.pr39 {padding-right:39px !important}
 
.pr40 {padding-right:40px !important}
 
.pr41 {padding-right:41px !important}
 
.pr42 {padding-right:42px !important}
 
.pr43 {padding-right:43px !important}
 
.pr44 {padding-right:44px !important}
 
.pr45 {padding-right:45px !important}
 
.pr46 {padding-right:46px !important}
 
.pr47 {padding-right:47px !important}
 
.pr48 {padding-right:48px !important}
 
.pr49 {padding-right:49px !important}
 
.pr50 {padding-right:50px !important}
 
.pr57 {padding-right:57px !important}
 
.pr60 {padding-right:60px !important}
 
.pr65 {padding-right:65px !important}
 
.pr70 {padding-right:70px !important}
 
 
.mauto {margin: 0 auto}
 
.m-1 {margin: -1px !important}
 
.m0 {margin: 0px !important}
 
.m1 {margin: 1px}
 
.m2 {margin: 2px !important}
 
.m3 {margin: 3px}
 
.m4 {margin: 4px}
 
.m5 {margin:5px}
 
.m6 {margin: 6px}
 
.m7 {margin: 7px}
 
.m8 {margin: 8px}
 
.m9 {margin: 9px}
 
.m10 {margin:10px}
 
.m11 {margin:11px}
 
.m12 {margin:12px}
 
.m13 {margin:13px}
 
.m14 {margin:14px}
 
.m15 {margin:15px}
 
.m16 {margin:16px}
 
.m17 {margin:17px}
 
.m18 {margin:18px}
 
.m19 {margin:19px}
 
.m20 {margin:20px !important}
 
 
.p0 {padding: 0px !important}
 
.p1 {padding: 1px}
 
.p2 {padding: 2px}
 
.p3 {padding: 3px !important}
 
.p4 {padding: 4px !important}
 
.p5, .p05 {padding:5px !important}
 
.p6 {padding: 6px !important}
 
.p7, .p07 {padding:7px}
 
.p8, .p08 {padding:8px}
 
.p9 {padding: 9px}
 
.p10 {padding:10px}
 
.p11 {padding:11px}
 
.p12 {padding:12px}
 
.p13 {padding:13px}
 
.p14 {padding:14px}
 
.p15 {padding:15px}
 
.p16 {padding:16px}
 
.p17 {padding:17px}
 
.p18 {padding:18px}
 
.p19 {padding:19px}
 
.p20 {padding:20px}
 
.prl10 {padding-left: 10px; padding-right: 10px}
 
.prl5 {padding-left: 5px; padding-right: 5px}
 
.prl15 {padding-left: 15px; padding-right: 15px}
 
 
.pt10 {padding-top: 10px}
 
 
.mpath.p10, .mpath.p11, .mpath.p12, .mpath.p13, .mpath.p14, .mpath.p15, .mpath.p16, .mpath.p17, .mpath.p18, .mpath.p19, .mpath.p20 {padding: 0}
 
 
.f_s8 {font-size: 8px !important}
 
.f_s9 {font-size: 9px !important}
 
.f_s10 {font-size: 10px !important}
 
.f_s11 {font-size: 11px}
 
.f_s11i, .f_s11i * {font-size: 11px !important}
 
.f_s12 {font-size: 12px}
 
.f_s13 {font-size: 13px}
 
.f_s14 {font-size: 14px}
 
.f_s15 {font-size: 15px}
 
.f_s16 {font-size: 16px}
 
.f_s17 {font-size: 17px}
 
.f_s18 {font-size: 18px}
 
.f_s19 {font-size: 19px}
 
.f_s20 {font-size: 20px !important}
 
.bold {font-weight: bold}
 
.italic {font-style: italic}
 
.normal {font-style: normal; font-weight: normal !important; text-transform: none}
 
.normali, .normali *, .normali a.profile {font-weight: normal !important}
 
a.profile.normal {font-weight: normal !important}
 
.uppercase {text-transform: uppercase}
 
.lowercase {text-transform: lowercase}
 
.capitalize {text-transform: capitalize}
 
.left {text-align: left}
 
 
.right {text-align: right}
 
.relative {position: relative !important}
 
.white {color: #fff !important}
 
 
.absolute {position: absolute}
 
.left0 {left: 0}
 
.left5 {left: 5px}
 
.left10 {left: 10px}
 
.left140 {left: 140px}
 
.right0 {right: 0}
 
.right5 {right: 5px}
 
.right10 {right: 10px}
 
.bottom0 {bottom: 0}
 
.bottom5 {bottom: 5px}
 
.bottom10 {bottom: 10px}
 
.bottom15 {bottom: 15px}
 
.bottom20 {bottom: 20px}
 
.top-7 {top: -7px}
 
.top-5 {top: -5px}
 
.top-3 {top: -3px}
 
.top-2 {top: -2px}
 
.top-1 {top: -1px}
 
.top1 {top: 1px}
 
.top2 {top: 2px}
 
.top3 {top: 3px}
 
.top4 {top: 4px}
 
.top5 {top: 5px}
 
.top-7i {top: -7px !important}
 
.top-5i {top: -5px !important}
 
.top-4i {top: -4px !important}
 
.top-3i {top: -3px !important}
 
.top-2i {top: -2px !important}
 
.top-1i {top: -1px !important}
 
.top1i {top: 1px !important}
 
.top2i {top: 2px !important}
 
doesnotexist:-o-prefocus, input.top2i {top: 0 !important}
 
.top3i {top: 3px !important}
 
.top4i {top: 4px !important}
 
.top5i {top: 5px !important}
 
.top-21 {top: -21px}
 
 
.valign_top {vertical-align: top !important}
 
.valign_middle {vertical-align: middle !important}
 
.valign_bottom {vertical-align: bottom !important}
 
 
.wauto {width: auto !important}
 
.w15p {width: 15% !important}
 
.w20p {width: 20% !important}
 
.w25p {width: 25% !important}
 
.w30p {width: 30% !important}
 
.w33p {width: 33% !important}
 
.w40p {width: 40% !important}
 
.w49p {width: 49% !important}
 
.w495p {width: 49.5% !important}
 
.w50p {width: 50% !important}
 
.w505p {width: 50.5% !important}
 
.w51p {width: 51% !important}
 
.w60p {width: 60% !important}
 
.w70p {width: 70% !important}
 
.w75p {width: 75% !important}
 
.w85p {width: 85% !important}
 
.w986p {width: 98.6% !important}
 
.w100p {width: 100% !important}
 
.w0 {width: 0 !important}
 
.w10 {width: 10px !important}
 
.w15 {width: 15px !important}
 
.w17 {width: 17px !important}
 
.w19 {width: 19px !important}
 
.w20 {width: 20px}
 
.w21 {width: 21px}
 
.w22 {width: 22px}
 
.w23 {width: 23px}
 
.w24 {width: 24px}
 
.w25 {width: 25px !important}
 
.w26 {width: 26px !important}
 
.w27 {width: 27px !important}
 
.w28 {width: 28px !important}
 
.w29 {width: 29px !important}
 
.w30 {width: 30px}
 
.w35 {width: 35px !important}
 
.w36 {width: 36px !important}
 
.w38 {width: 38px !important}
 
.w40 {width: 40px !important}
 
.w47 {width: 47px}
 
.w50 {width: 50px !important}
 
.w51 {width: 51px !important}
 
.w54 {width: 54px !important}
 
.w56 {width: 56px !important}
 
.w57 {width: 57px !important}
 
.w58 {width: 58px !important}
 
.w60 {width: 60px !important}
 
.w64 {width: 64px !important}
 
.w65 {width: 65px !important}
 
.w66 {width: 66px !important}
 
.w67 {width: 67px}
 
.w70 {width: 70px !important}
 
.w72 {width: 72px !important}
 
.w75 {width: 75px !important}
 
.w76 {width: 76px !important}
 
.w80 {width: 80px !important}
 
.w82 {width: 82px !important}
 
.w84 {width: 84px !important}
 
.w90 {width: 90px !important}
 
.w91 {width: 91px !important}
 
.w92 {width: 92px !important}
 
.w96 {width: 96px !important}
 
.w98 {width: 98px !important}
 
.w100 {width: 100px !important}
 
.w104 {width: 104px !important}
 
.w105 {width: 105px !important}
 
.w106 {width: 106px !important}
 
.w107 {width: 107px !important}
 
.w108 {width: 108px !important}
 
.w109 {width: 109px !important}
 
.w110 {width: 110px !important}
 
.w115 {width: 115px !important}
 
.w116 {width: 116px !important}
 
.w119 {width: 119px !important}
 
.w120 {width: 120px !important}
 
.w121 {width: 121px !important}
 
.w122 {width: 122px !important}
 
.w123 {width: 123px !important}
 
.w125 {width: 125px !important}
 
.w126 {width: 126px !important}
 
.w127 {width: 127px !important}
 
.w128 {width: 128px !important}
 
.w130 {width: 130px !important}
 
.w135 {width: 135px !important}
 
.w136 {width: 136px !important}
 
.w140 {width: 140px !important}
 
.w143 {width: 143px !important}
 
.w145 {width: 145px !important}
 
.w146 {width: 146px !important}
 
.w148 {width: 148px !important}
 
.w150 {width: 150px !important}
 
.w152 {width: 152px !important}
 
.w158 {width: 158px !important}
 
.w159 {width: 159px !important}
 
.w160 {width: 160px !important}
 
.w161 {width: 161px !important}
 
.w168 {width: 168px !important}
 
.w169 {width: 168px !important}
 
.w170 {width: 170px !important}
 
.w175 {width: 175px !important}
 
.w180 {width: 180px !important}
 
.w185 {width: 185px !important}
 
.w190 {width: 190px !important}
 
.w192 {width: 192px !important}
 
.w195 {width: 195px !important}
 
.w196 {width: 196px !important}
 
.w197 {width: 197px !important}
 
.w198 {width: 198px !important}
 
.w199 {width: 199px !important}
 
.w200 {width: 200px !important}
 
.w202 {width: 202px !important}
 
.w210 {width: 210px !important}
 
.w214 {width: 214px !important}
 
.w215 {width: 215px !important}
 
.w220 {width: 220px !important}
 
.w218 {width: 218px !important}
 
.w220 {width: 220px !important}
 
.w233 {width: 233px !important}
 
.w238 {width: 238px !important}
 
.w245 {width: 245px !important}
 
.w246 {width: 246px !important}
 
.w250 {width: 250px !important}
 
.w252 {width: 252px !important}
 
.w254 {width: 254px !important}
 
.w256 {width: 256px !important}
 
.w257 {width: 257px !important}
 
.w258 {width: 258px !important}
 
.w259 {width: 259px !important}
 
.w260 {width: 260px !important}
 
.w261 {width: 261px !important}
 
.w262 {width: 262px !important}
 
.w263 {width: 263px !important}
 
.w264 {width: 264px}
 
.w265 {width: 265px}
 
.w266 {width: 266px}
 
.w267 {width: 267px}
 
.w271 {width: 271px !important}
 
.w272 {width: 272px}
 
.w273 {width: 273px !important}
 
.w274 {width: 274px !important}
 
.w277 {width: 277px !important}
 
.w280 {width: 280px !important}
 
.w285 {width: 285px}
 
.w298 {width: 298px !important}
 
.w300 {width: 300px !important}
 
.w305 {width: 305px !important}
 
.w307 {width: 307px !important}
 
.w310 {width: 310px !important}
 
.w315 {width: 315px !important}
 
.w320 {width: 320px !important}
 
.w323 {width: 323px !important}
 
.w324 {width: 324px !important}
 
.w326 {width: 326px !important}
 
.w335 {width: 335px !important}
 
.w340 {width: 340px}
 
.w344 {width: 344px !important}
 
.w350 {width: 350px !important}
 
.w355 {width: 355px !important}
 
.w380 {width: 380px !important}
 
.w393 {width: 393px !important}
 
.w394 {width: 394px !important}
 
.w418 {width: 418px !important}
 
.w420 {width: 420px !important}
 
.w503 {width: 503px}
 
.w504 {width: 504px}
 
.w513 {width: 513px !important}
 
.w529 {width: 529px !important}
 
.w534 {width: 534px !important}
 
.w545 {width: 545px !important}
 
.w547 {width: 547px !important}
 
.w976 {width: 976px !important}
 
.w996 {width: 996px !important}
 
 
.hauto {height: auto !important}
 
.h100p {height: 100% !important}
 
.h11 {height: 11px !important}
 
.h12 {height: 12px !important}
 
.h13 {height: 13px !important}
 
.h14 {height: 14px !important}
 
.h15 {height: 15px !important}
 
.h16 {height: 16px !important}
 
.h17 {height: 17px !important}
 
.h18 {height: 18px !important}
 
.h21 {height: 21px !important}
 
.h24 {height: 24px !important}
 
.h25 {height: 25px !important}
 
.h26 {height: 26px !important}
 
.h27 {height: 27px !important}
 
.h28 {height: 28px !important}
 
.h29 {height: 29px !important}
 
.h30 {height: 30px !important}
 
.h31 {height: 31px !important}
 
.h32 {height: 32px !important}
 
.h35 {height: 35px !important}
 
.h36 {height: 35px !important}
 
.h40 {height: 40px !important}
 
.h41 {height: 41px !important}
 
.h43 {height: 43px !important}
 
.h45 {height: 45px !important}
 
.h50 {height: 50px !important}
 
.h55 {height: 55px !important}
 
.h56 {height: 56px !important}
 
.h60 {height: 60px !important}
 
.h67 {height: 67px !important}
 
.h70 {height: 70px !important}
 
.h75 {height: 75px !important}
 
.h80 {height: 80px !important}
 
.h90 {height: 90px !important}
 
.h100 {height: 100px !important}
 
.h103 {height: 103px !important}
 
.h107 {height: 107px !important}
 
.h115 {height: 115px !important}
 
.h120 {height: 120px !important}
 
.h130 {height: 130px !important}
 
.h135 {height: 135px !important}
 
.h140 {height: 140px !important}
 
.h145 {height: 145px !important}
 
.h150 {height: 150px !important}
 
.h162 {height: 162px !important}
 
.h165 {height: 165px !important}
 
.h175 {height: 175px !important}
 
.h180 {height: 180px !important}
 
.h185 {height: 185px !important}
 
.h200 {height: 200px !important}
 
.h205 {height: 205px !important}
 
.h215 {height: 215px !important}
 
.h220 {height: 220px !important}
 
.h227 {height: 227px !important}
 
.h240 {height: 240px !important}
 
.h250 {height: 250px !important}
 
.h275 {height: 275px !important}
 
.h284 {height: 284px !important}
 
.h285 {height: 285px}
 
.h289 {height: 289px !important}
 
.h320 {height: 320px}
 
.h325 {height: 325px}
 
.h350 {height: 350px}
 
.h380 {height: 380px !important}
 
.h400 {height: 400px}
 
 
.pointer {cursor: pointer !important}
 
.no_pointer {cursor: default !important}
 
.move {cursor: move !important}
 
 
.no_select, .cmd_all {
 
-o-user-select:none;
 
-moz-user-select: none;
 
-khtml-user-select: none;
 
-webkit-user-select: none;
 
user-select: none;
 
}
 
 
.animate1 {-ms-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease}
 
.animate2, .animate_fastest {-ms-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease}
 
.animate3, .animate_fast, .avatar_settings a, .abilities .ability .ability_plus {-ms-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}
 
.animate4 {-ms-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease}
 
.animate5 {-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
 
.animate6, .animate_slow, .avatar_settings {-ms-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease}
 
.animate7 {-ms-transition: all 0.7s ease;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease}
 
.animate8 {-ms-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease}
 
 
.mw175 {min-width: 175px !important}
 
.mxh95{max-height: 95px !important}
 
.mxh320{max-height: 320px !important}
 
.mxw200{max-width: 200px !important}
 
.mxw215{max-width: 215px !important}
 
.mxw216{max-width: 216px !important}
 
.mxw217{max-width: 217px !important}
 
.mxw218{max-width: 218px !important}
 
.mxw250 {max-width: 250px !important}
 
.mxw270{max-width: 270px !important}
 
.mxw280{max-width: 280px !important}
 
.mxw290{max-width: 290px !important}
 
.mxw300{max-width: 300px !important}
 
.mxw305{max-width: 305px !important}
 
.mxw310{max-width: 310px !important}
 
.mxw315{max-width: 315px !important}
 
.mxw320{max-width: 320px !important}
 
.mxw325{max-width: 325px !important}
 
 
.lh100 { line-height: 100% !important }
 
.lh105 { line-height: 105% !important }
 
.lh110 { line-height: 110% !important }
 
.lh115 { line-height: 115% !important }
 
.lh120 { line-height: 120% !important }
 
.lh125 { line-height: 125% !important }
 
.lh130 { line-height: 130% !important }
 
.lh135 { line-height: 135% !important }
 
.lh140 { line-height: 140% !important }
 
.lh150 { line-height: 150% !important }
 
.lh200 { line-height: 200% !important }
 
.lh26 { line-height: 26px !important }
 
.lh20 { line-height: 20px !important }
 
.lh15 { line-height: 15px !important }
 
 
.link {color: #542f1b; cursor: pointer; text-decoration: none !important}
 
.link:hover{color: #a76320 !important; text-decoration: none !important}
 
 
.alink {cursor: pointer; text-decoration: underline !important}
 
.alink:hover{text-decoration: none !important}
 
 
.blink {cursor: pointer; text-decoration: none !important}
 
.blink:hover{text-decoration: underline !important}
 
 
.dlink {text-decoration: none; border-bottom: 1px dotted}
 
.dlink:hover {border-bottom-color: transparent}
 
 
.dslink {text-decoration: none; border-bottom: 1px dashed}
 
.dslink:hover {border-bottom-color: transparent}
 
 
.clink {cursor: pointer; text-decoration: none !important}
 
.clink:hover > span {text-decoration: underline !important}
 
.clink .icon, .clink .icon2 {margin: -4px 0 !important; width: 20px; height: 20px}
 
 
.corner3 {border-radius: 3px}
 
.corner4 {border-radius: 4px}
 
.cornert3, .corner_top3 {border-radius: 3px 3px 0 0 !important}
 
.cornerb3, .corner_bottom3 {border-radius: 0 0 3px 3px !important}
 
.cornerl3 {border-radius: 3px 0 0 3px !important}
 
.cornerr3 {border-radius: 0 3px 3px 0 !important}
 
.cornerlt3 {border-radius: 3px 0 0 0 !important}
 
.cornerrt3 {border-radius: 0 3px 0 0 !important}
 
.cornerrb3 {border-radius: 0 0 3px 0 !important}
 
.cornerlb3 {border-radius: 0 0 0 3px !important}
 
.corner0 {border-radius: 0 !important}
 
 
.border {border: 1px solid #cebb9e !important}
 
.border0 {border: 0 !important}
 
.bordert {border-top: 1px solid #cebb9e}
 
.bordert0 {border-top: 0 !important}
 
.borderb {border-bottom: 1px solid #cebb9e}
 
.borderl {border-left: 1px solid #cebb9e}
 
.borderr {border-right: 1px solid #cebb9e !important}
 
 
.dbordert {border-top: 1px dotted #cebb9e}
 
 
.lightgray {color: #e2e2e2}
 
.middlegray {color: #999999}
 
.darkgray {color: #333333}
 
 
.clear_fix:after {
 
  content: '.';
 
  display: block;
 
  height: 0;
 
  clear: both;
 
  visibility: hidden;
 
}
 
* html .clear_fix {
 
  height: 1%;
 
}
 
.clear_fix {
 
  display: block;
 
}
 
.clear {
 
  float: none;
 
  clear: both;
 
}
 
.scroll_fix {
 
  position: relative;
 
}
 
.fl_l { float: left; }
 
.fl_r { float: right !important; }
 
.ofh {overflow: hidden}
 
.ofv {overflow: visible !important}
 
.cellspacing0 {border-collapse: collapse}
 
 
#pic_img {
 
position: relative;
 
height: 260px;
 
}
 
 
#pic_img img {
 
position: absolute;
 
}
 
 
#pic_img #gold {
 
top: 70px;
 
left: 350px;
 
}
 
 
.round3 {
 
-webkit-border-top-right-radius: 3px;
 
-webkit-border-bottom-right-radius: 3px;
 
-webkit-border-top-left-radius: 3px;
 
-webkit-border-bottom-left-radius: 3px;
 
-moz-border-radius-topright: 3px;
 
-moz-border-radius-bottomright: 3px;
 
-moz-border-radius-topleft: 3px;
 
-moz-border-radius-bottomleft: 3px;
 
border-top-right-radius: 3px;
 
border-bottom-right-radius: 3px;
 
border-top-left-radius: 3px;
 
border-bottom-left-radius: 3px;
 
}
 
 
.round6 {
 
-webkit-border-top-right-radius: 6px;
 
-webkit-border-bottom-right-radius: 6px;
 
-webkit-border-top-left-radius: 6px;
 
-webkit-border-bottom-left-radius: 6px;
 
-moz-border-radius-topright: 6px;
 
-moz-border-radius-bottomright: 6px;
 
-moz-border-radius-topleft: 6px;
 
-moz-border-radius-bottomleft: 6px;
 
border-top-right-radius: 6px;
 
border-bottom-right-radius: 6px;
 
border-top-left-radius: 6px;
 
border-bottom-left-radius: 6px;
 
}
 
 
.round_top6 {
 
-webkit-border-top-right-radius: 6px;
 
-webkit-border-top-left-radius: 6px;
 
-moz-border-radius-topright: 6px;
 
-moz-border-radius-topleft: 6px;
 
border-top-right-radius: 6px;
 
border-top-left-radius: 6px;
 
}
 
 
.round_bottom6 {
 
-webkit-border-bottom-right-radius: 6px;
 
-webkit-border-bottom-left-radius: 6px;
 
-moz-border-radius-bottomright: 6px;
 
-moz-border-radius-bottomleft: 6px;
 
border-bottom-right-radius: 6px;
 
border-bottom-left-radius: 6px;
 
}
 
 
.round_block_header_top {
 
min-height: 30px;
 
background-color: #dbcbad;
 
line-height: 30px;
 
margin-bottom: 1px;
 
padding-left: 10px;
 
padding-right: 10px;
 
position: relative;
 
text-align: center;
 
font-weight: bold;
 
font-size: 11px;
 
text-transform: uppercase;
 
color: #73503a;
 
}
 
 
.round_block_header_cont {
 
background-color: #E3D4B7;
 
margin-bottom: 10px;
 
padding-left: 10px;
 
padding-right: 10px;
 
min-height: 30px;
 
}
 
 
.round_block_round_border {
 
-webkit-border-top-right-radius: 3px;
 
-webkit-border-bottom-right-radius: 3px;
 
-webkit-border-top-left-radius: 3px;
 
-webkit-border-bottom-left-radius: 3px;
 
-moz-border-radius-topright: 3px;
 
-moz-border-radius-bottomright: 3px;
 
-moz-border-radius-topleft: 3px;
 
-moz-border-radius-bottomleft: 3px;
 
border-top-right-radius: 3px;
 
border-bottom-right-radius: 3px;
 
border-bottom-left-radius: 3px;
 
border-top-left-radius: 3px;
 
}
 
 
.round_block_header_sub {
 
min-height: 25px;
 
background-color: #dbcbad;
 
line-height: 25px;
 
margin-bottom: 1px;
 
padding-left: 10px;
 
padding-right: 10px;
 
position: relative;
 
text-align: center;
 
font-weight: bold;
 
font-size: 12px;
 
}
 
 
#top_menu .lenta {
 
    width: 176px;
 
    height: 42px;
 
    position: absolute;
 
    top: 100px;
 
    left: 50px;
 
}
 
 
#rmenu1 .lenta {
 
    width: 176px;
 
    height: 42px;
 
    position: absolute;
 
    top: 225px;
 
    left: 850px;
 
}
 
 
 
/** Новое "круглое меню". Не забываем прописать адрес с картинками через отдельный класс */
 
 
.circledmenu {
 
    height: 50px;
 
    margin-bottom: 10px;
 
    padding-left: 15px;
 
}
 
.circledmenu > div {
 
    width: 50px;
 
    height: 50px;
 
    text-align: center;
 
    line-height: 50px;
 
    position: relative;
 
    margin-right: 3px;
 
}
 
.circledmenu > div > a {
 
    display: block;
 
    width: 50px;
 
    height: 50px;
 
}
 
.circledmenu > div.circledmenu_0 { background-position: 0px 0px }
 
.circledmenu > div.circledmenu_0:hover,
 
.circledmenu > div.circledmenu_0.current { background-position: 0px -50px }
 
.circledmenu > div.circledmenu_1 { background-position: -50px 0px }
 
.circledmenu > div.circledmenu_1:hover,
 
.circledmenu > div.circledmenu_1.current { background-position: -50px -50px }
 
.circledmenu > div.circledmenu_2 { background-position: -100px 0px }
 
.circledmenu > div.circledmenu_2:hover,
 
.circledmenu > div.circledmenu_2.current { background-position: -100px -50px }
 
.circledmenu > div.circledmenu_3 { background-position: -150px 0px }
 
.circledmenu > div.circledmenu_3:hover,
 
.circledmenu > div.circledmenu_3.current { background-position: -150px -50px }
 
.circledmenu > div.circledmenu_4 { background-position: -200px 0px }
 
.circledmenu > div.circledmenu_4:hover,
 
.circledmenu > div.circledmenu_4.current { background-position: -200px -50px }
 
.circledmenu > div.circledmenu_5 { background-position: -250px 0px }
 
.circledmenu > div.circledmenu_5:hover,
 
.circledmenu > div.circledmenu_5.current { background-position: -250px -50px }
 
.circledmenu > div.circledmenu_6 { background-position: -300px 0px }
 
.circledmenu > div.circledmenu_6:hover,
 
.circledmenu > div.circledmenu_6.current { background-position: -300px -50px }
 
.circledmenu > div.circledmenu_7 { background-position: -350px 0px }
 
.circledmenu > div.circledmenu_7:hover,
 
.circledmenu > div.circledmenu_7.current { background-position: -350px -50px }
 
.circledmenu > div.circledmenu_8 { background-position: -400px 0px }
 
.circledmenu > div.circledmenu_8:hover,
 
.circledmenu > div.circledmenu_8.current { background-position: -400px -50px }
 
.circledmenu > div.circledmenu_9 { background-position: -450px 0px }
 
.circledmenu > div.circledmenu_9.current { background-position: -450px -50px }
 
 
 
/**
 
    РќРѕРІРѕРµ меню: СЃ полоской РІРЅРёР·Сѓ. Например РІ сбытнице
 
*/
 
 
.tabs_menu{
 
    display:block;
 
    border-bottom: 1px solid #9c8164;
 
    text-align:center;
 
    margin-bottom: 5px;
 
    width:100%;
 
}
 
 
/** Зачищаем за собой */
 
.tabs_menu:after{
 
    content: ".";
 
    display: block;
 
    clear:both;
 
    height:0;
 
    visibility: hidden;
 
}
 
 
.tabs_menu A:first-child{
 
    margin-left:0 !important;
 
}
 
.tabs_menu A{
 
    color: #73503a;
 
    text-align:center;
 
    float:left;
 
    text-decoration: none;
 
    font-weight:bold;
 
    background:#dccdb0;
 
    height:30px;
 
    line-height:30px;
 
    margin-left: 1px;
 
    font-size: 11px;
 
    text-transform: uppercase;
 
   
 
    -webkit-border-top-left-radius: 3px;
 
    -webkit-border-top-right-radius: 3px;
 
    -moz-border-radius-topleft: 3px;
 
    -moz-border-radius-topright: 3px;
 
    border-top-left-radius: 3px;
 
    border-top-right-radius: 3px;
 
}
 
 
.tabs_menu A:hover,
 
.tabs_menu A.active{
 
    color: #fff5e0;
 
    background: #9c8163;
 
}
 
 
/** Разные размеры. Макс ширина= 554px. Промежуток - 1px */
 
.tabs_menu.tabs_size_2{    width:553px;    }
 
.tabs_menu.tabs_size_2 A{  width: 276px;  }
 
 
.tabs_menu.tabs_size_3{    width:554px;    }
 
.tabs_menu.tabs_size_3 A{  width: 184px;  }
 
 
.tabs_menu.tabs_size_4{    width:551px;    }
 
.tabs_menu.tabs_size_4 A{  width: 137px;  }
 
 
.tabs_menu.tabs_size_5{    width:554px;    }
 
.tabs_menu.tabs_size_5 A{  width: 110px;  }
 
 
.tabs_menu.tabs_size_6{    width:551px;    }
 
.tabs_menu.tabs_size_6 A{  width: 91px;  }
 
 
.tabs_menu.tabs_size_7{    width:552px;    }
 
.tabs_menu.tabs_size_7 A{  width: 78px;  }
 
 
.i_sock {
 
    position: absolute;
 
    width: 15px !important;
 
    height: 60px !important;
 
    top: 0px;
 
    left: 0px;
 
    overflow: hidden !important;
 
}
 
 
.i_sock .container {
 
    position: absolute;
 
    bottom: 3px;
 
    left: 3px;
 
    width: 5px;
 
    min-height: 5px !important;
 
    overflow: visible;
 
}
 
 
.sockets {
 
    background-image: url(/images/packs/sockets.png);
 
    float:left;
 
}
 
 
.socket_0_1 { width: 8px; height: 9px !important; }
 
.socket_0_2 { width: 10px; height: 11px !important; background-position: 0px -9px; }
 
.socket_0_3 { width: 12px; height: 13px !important; background-position: 0px -20px; }
 
.socket_646 { width: 8px; height: 9px !important; background-position: -12px 0px; }
 
.socket_647 { width: 10px; height: 11px !important; background-position: -12px -9px; }
 
.socket_648 { width: 12px; height: 13px !important; background-position: -12px -20px; }
 
.socket_649 { width: 8px; height: 9px !important; background-position: -24px 0px; }
 
.socket_650 { width: 10px; height: 11px !important; background-position: -24px -9px; }
 
.socket_651 { width: 12px; height: 13px !important; background-position: -24px -20px; }
 
.socket_652 { width: 8px; height: 9px !important; background-position: -36px 0px; }
 
.socket_653 { width: 10px; height: 11px !important; background-position: -36px -9px; }
 
.socket_654 { width: 12px; height: 13px !important; background-position: -36px -20px; }
 
.socket_655 { width: 8px; height: 9px !important; background-position: -48px 0px; }
 
.socket_656 { width: 10px; height: 11px !important; background-position: -48px -9px; }
 
.socket_657 { width: 12px; height: 13px !important; background-position: -48px -20px; }
 
.socket_658 { width: 8px; height: 9px !important; background-position: -60px 0px; }
 
.socket_659 { width: 10px; height: 11px !important; background-position: -60px -9px; }
 
.socket_660 { width: 12px; height: 13px !important; background-position: -60px -20px; }
 
.socket_661 { width: 8px; height: 9px !important; background-position: -72px 0px; }
 
.socket_662 { width: 10px; height: 11px !important; background-position: -72px -9px; }
 
.socket_663 { width: 12px; height: 13px !important; background-position: -72px -20px; }
 
 
 
#clan_members_table .order {
 
    width: 10px;
 
    height: 10px;
 
    display: inline-block;
 
}
 
 
/**
 
*
 
* СІи«Ё TabControl
 
*
 
*/
 
 
.tabs_sub_menu .tabs_buttons {
 
height: 26px; 
 
border-bottom: 1px solid #E0D2BA;
 
border-left: 1px solid #E0D2BA; 
 
border-right: 1px solid #E0D2BA; 
 
padding-bottom: 6px;
 
padding-left: 5px;
 
padding-right: 5px;
 
}
 
 
.round_border {
 
-webkit-border-top-right-radius: 3px;
 
-webkit-border-top-left-radius: 3px;
 
-moz-border-radius-topright: 3px;
 
-moz-border-radius-topleft: 3px;
 
border-top-right-radius: 3px;
 
border-top-left-radius: 3px;
 
}
 
 
 
 
.btn {
 
float: left;
 
margin: 5px 0 0 1px;
 
padding: 5px 0 3px;
 
width: 102px;             
 
text-align: center;
 
color: #57301b;
 
cursor: pointer; 
 
background: #E2D1B3;
 
}
 
 
.btn:first-child {
 
margin-left: 0px;
 
}
 
 
.btn:hover {
 
color: #57301b;
 
background: #dcccb0;
 
}
 
 
#tabs_1 .btn {
 
    width: 266px;
 
}
 
 
#tabs_2 .btn {
 
    width: 180px;
 
}
 
 
.tabs_buttons > .selected {
 
color: #fff5e0;
 
background: #9c8163;
 
cursor: default;
 
}
 
 
.tabs_menu > .tabs_buttons > .selected {
 
color: #a27148 !important;
 
}
 
 
.tabs_menu > .tabs_buttons > .selected b {
 
border-left: 1px solid #fcf2d9;
 
border-top: 1px solid #fcf2d9;
 
background: #fcf2d9;
 
cursor: default;
 
}
 
 
.tabs_menu > .tabs_buttons > .selected:active b {
 
padding: 6px 10px 5px;
 
cursor: default;
 
}
 
 
.tab {
 
min-height: 75px;
 
color: black;
 
border-right: 0;
 
border-bottom: 0;
 
border-left: 0;
 
}
 
.empty_tab {
 
min-height: 70px;
 
width: 100%;
 
text-align: center;
 
padding-top: 70px;
 
}
 
 
.button30 {
 
    width: 30px;
 
    height: 30px;
 
    background-image: url('/images/packs/btns.png');
 
    background-position: -60px 0px;
 
    position: relative;
 
    cursor: pointer;
 
    /*z-index: 1002;*/
 
}
 
 
.button30:hover {
 
    background-position: -30px 0px;
 
}
 
 
.button30:active, .button30.active {
 
    background-position: 0px 0px;
 
}
 
 
.button30 > b {
 
    margin-top: 5px;
 
    margin-left: 2px;
 
    /*pointer-events:none;*/
 
    /*z-index: 1001;*/
 
}
 
 
#blue_popup {
 
width:400px;
 
z-index: 1005;
 
position:absolute;
 
display: none;
 
top:0px;
 
left:0px;
 
}
 
 
#blue_popup .b_top {
 
background-image: url("/i/global/popup_dez.png");
 
height:10px;
 
background-position: 0px -10px;
 
}
 
 
#blue_popup .b_body {
 
background-image: url("/i/global/popup_dez.png");
 
background-position: -400px 0px;
 
min-height: 30px;
 
padding:5px 10px;
 
}
 
 
#blue_popup .b_bottom {
 
background-image: url("/i/global/popup_dez.png");
 
height:10px;
 
background-position: 0px 0px;
 
}
 
 
/** gPopup */
 
#gPopup_overlay {
 
background: none repeat scroll 0 0 #000000;
 
display: none;
 
height: auto !important;
 
left: 0;
 
margin: 0 auto;
 
min-height: 100%;
 
position: fixed;
 
top: 0;
 
width: 100%;
 
z-index: 11;
 
}
 
 
 
#simple_popup {
 
display: none;
 
position: absolute;
 
background: none repeat scroll 0 0 #E3D4B7;
 
padding: 0;
 
width: 360px;
 
z-index: 1005;
 
}
 
 
#simple_popup .b_body {padding:3px}
 
 
.tradeblock {
 
padding: 10px;
 
}
 
 
.tradeblock .left-part {
 
float: left;
 
}
 
 
.tradeblock .right-part {
 
float: right;
 
width: 444px;
 
}
 
 
.tradeblock .left-part {
 
float: left;
 
width: 60px;
 
}
 
 
.tradeblock .right-part {
 
float: right;
 
padding-left: 10px;
 
width: 464px;
 
}
 
 
.tradeblock .title {
 
background: #dbcaac;
 
    line-height:25px;
 
    height:25px;
 
/* font-weight: bold;*/
 
padding: 0 5px;
 
}
 
 
.tradeblock .content-alt {
 
}
 
 
.tradeblock .content {
 
}
 
 
.tradeblock p {
 
padding-left: 10px;
 
}
 
 
.tradeblock .message-box {
 
position: relative;
 
}
 
 
.tradeblock .message-box p {
 
line-height: 20px;
 
margin: 0px;
 
}
 
 
.tradeblock .message-box .message {
 
color: #000;
 
display: block;
 
text-align: left;
 
/* padding-top: 1px;*/
 
position: absolute;
 
left: 0px;
 
top: 0px;
 
z-index: 101;
 
width: 358px;
 
padding-left: 5px;
 
}
 
 
.tradeblock .prices span,
 
.tradeblock .prices input {
 
vertical-align: middle;
 
margin-top: -2px;
 
}
 
 
.tradeblock .prices span {
 
    margin-top: -2px;
 
    display: inline-block;
 
}
 
.tradeblock .prices input[type=radio] {
 
   
 
   
 
}
 
 
.tradeblock input[type=submit] {
 
text-transform: uppercase;
 
position: absolute;
 
right: 0;
 
bottom: 2px;
 
cursor: pointer;
 
}
 
 
.tradeblock select {
 
    width: 70px;
 
    height: 20px;
 
    border: 1px #9C8164 solid;
 
    font-size: 11px;
 
    line-height: 20px;
 
    margin-top: 2px;
 
/*    text-align: right;*/
 
}
 
 
.tradeblock .message-box .message {
 
   
 
}
 
 
.h20 {
 
    min-height: 20px;
 
    line-height: 20px;
 
}
 
 
.tl {
 
    text-align: left;
 
}
 
 
.f10 {
 
    font-size: 10px;
 
}
 
 
.mb0 {
 
    margin-bottom: 0px;
 
}
 
 
div.bar_yellow {
 
    background-image: url(/images/m/class/top/class_top_background.png);
 
    background-position: 0px 0px;
 
    background-repeat: no-repeat;
 
    height: 25px;
 
    line-height: 25px;
 
}
 
div.bar_gold {
 
    background-image: url(/images/m/class/top/class_top_background.png);
 
    background-position: 0px -25px;
 
    background-repeat: no-repeat;
 
    height: 25px;
 
    line-height: 25px;
 
}
 
div.bar_blue {
 
    background-image: url(/images/m/class/top/class_top_background.png);
 
    background-position: 0px -50px;
 
    background-repeat: no-repeat;
 
    height: 25px;
 
    line-height: 25px;
 
}
 
div.bar_red {
 
    background-image: url(/images/m/class/top/class_top_background.png);
 
    background-position: 0px -75px;
 
    background-repeat: no-repeat;
 
    height: 25px;
 
    line-height: 25px;
 
}
 
div.bar_green {
 
    background-image: url(/images/m/class/top/class_top_background.png);
 
    background-position: 0px -100px;
 
    background-repeat: no-repeat;
 
    height: 25px;
 
    line-height: 25px;
 
}
 
div.bar_brown {
 
    background-image: url(/images/m/class/top/class_top_background.png);
 
    background-position: 0px -125px;
 
    background-repeat: no-repeat;
 
    height: 25px;
 
    line-height: 25px;
 
}
 
 
div.bar_red_center {
 
    background-image: url(/images/m/class/top/class_top_background.png);
 
    background-position: 0px -150px;
 
    background-repeat: no-repeat;
 
    height: 25px;
 
    line-height: 25px;
 
}
 
div.bar_green_center {
 
    background-image: url(/images/m/class/top/class_top_background.png);
 
    background-position: 0px -175px;
 
    background-repeat: no-repeat;
 
    height: 25px;
 
    line-height: 25px;
 
}
 
 
.go_to_top, .go_to_top div { -ms-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease}
 
.go_to_top { top: 0; left: 0; bottom: 0; position: fixed; z-index: 100; cursor: pointer}
 
.go_to_top_bgr { top: 0; left: 0; bottom: 0; width: 105px; position: fixed; background: transparent}
 
.go_to_top_title { margin: 6px; padding: 7px 0 0 37px; height: 20px; width: 48px; background: transparent url(/i/global/go_up.png) no-repeat 0 0; color: transparent}
 
.go_to_top:hover .go_to_top_bgr { background: rgba(0,0,0,0.15)}
 
.go_to_top:hover .go_to_top_title { color: #fff; background: rgba(0,0,0,0.1) url(/i/global/go_up.png) no-repeat 0 0}
 
.go_to_top_mini { width: 40px}
 
.go_to_top_mini .go_to_top_title {background: transparent url(/i/global/go_up.png) no-repeat 0 0 !important;color: transparent !important}
 
 
.button_new {
 
color: #56301b;
 
display: inline-block;
 
border-left: 1px solid #bdaa83;
 
border-right: 1px solid #493f24;
 
border-top: 1px solid #bdaa83;
 
border-bottom: 1px solid #493f24;
 
text-decoration: none;
 
-moz-user-select: none;
 
-khtml-user-select: none;
 
user-select: none;
 
}
 
.button_new input[type="submit"] {border: 0; background: transparent; font-size: 10px !important; font-weight: bold; padding: 0; margin: 0; height: 11px; display: inline}
 
 
.button_new span {
 
min-width: 49px;
 
padding: 6px 10px 5px;
 
background: #e2d0ac;
 
font-size: 11px;
 
text-transform: uppercase;
 
display: inline-block;
 
font-weight: bold;
 
cursor: pointer;
 
border-left: 1px solid #f6e9d3;
 
border-right: 1px solid #f6e9d3;
 
border-top: 1px solid #f6e9d3;
 
border-bottom: 1px solid #e1d4bb;
 
}
 
 
:-moz-any(x), .button_new span {padding: 5px 10px 5px}
 
 
.button_new:hover {color: #a27148}
 
 
.button_new:hover span {background: #e2d0ac}
 
 
.button_new:active {
 
color: #a27148;
 
border-top: 1px solid #493f24;
 
border-left: 1px solid #493f24;
 
border-right: 1px solid #837051;
 
border-bottom: 1px solid #837051;
 
}
 
 
.button_new span:active {
 
padding: 7px 10px 4px;
 
border-top: 1px solid #bea37d;
 
border-left: 1px solid #c2ab85;
 
border-right: 1px solid #c2ab85;
 
border-bottom: 1px solid #bea37d;
 
background: #c9b38f;
 
}
 
 
:-moz-any(x), .button_new span:active {padding: 6px 10px 4px}
 
.button_new span.pb6:active {padding-bottom: 5px !important}
 
.button_new span.pt9 {padding: 9px 10px 8px}
 
.button_new span.pt9:active {padding: 10px 10px 7px !important}
 
 
.button_new.small {color: #56301B !important}
 
.button_new.small span {display: block !important;padding: 4px 5px 3px !important;font-size: 9px;text-align: center}
 
.button_new.small:hover {color: #a27148 !important}
 
.button_new.small span:active {padding: 5px 5px 2px !important}
 
 
.button_new.selected {cursor: default;color: #a27148;background: #fcf2d9}
 
.button_new.selected span {background: #fcf2d9;cursor: default}
 
.button_new.selected:hover {color: #a27148}
 
.button_new.selected:hover {background: #fcf2d9}
 
.button_new.selected:active {color: #a27148}
 
.button_new.selected span:active {padding-top: 5px !important; padding-bottom: 5px !important; background: #fcf2d9}
 
 
.button_new.disabled, .button_new.class_button_yes_gray_popup {border: 1px solid;border-color: #d1c1a0 #868581 #868581 #d1c1a0;cursor: default;color: #999}
 
.button_new.disabled span, .button_new.class_button_yes_gray_popup span {background: #fbf0da;border: 1px solid;border-color: #fffdee #fffdee #fdf1d7 #fffdee;cursor: default}
 
.button_new.disabled:hover, .button_new.class_button_yes_gray_popup:hover {color: #999}
 
.button_new.disabled:hover span, .button_new.class_button_yes_gray_popup:hover span {background: #fbf0da}
 
.button_new.disabled:active, .button_new.class_button_yes_gray_popup:active {color: #999}
 
.button_new.disabled span:active, .button_new.class_button_yes_gray_popup span:active {padding: 6px 10px 5px !important;border-left: 1px solid #fffdee;border-top: 1px solid #fffdee;background: #fbf0da}
 
 
:-moz-any(x), .button_new.disabled span:active, .button_new.class_button_yes_gray_popup span:active {padding: 5px 10px 5px !important}
 
 
.button_new.class_button_yes_popup, .button_new.green, .share_buttons .button_new.green {border: 1px solid;border-color: #68a653 #3a592f #3a592f #68a653;color: #fff !important}
 
.button_new.class_button_yes_popup span, .button_new.class_button_yes_popup span:active, .button_new.green span, .button_new.green span:active, .share_buttons .button_new.green span , .share_buttons .button_new.green span:active {border: 1px solid;border-color: #b5f594 #97dd7a #85d26c #9de380;background: #7ac761}
 
.button_new.class_button_yes_popup:hover, .button_new.green:hover, .share_buttons .button_new.green:hover {color: #fff !important}
 
.button_new.class_button_yes_popup:hover span, .button_new.green:hover span, .share_buttons .button_new.green:hover span {border: 1px solid;border-color: #c0f7a3 #a4e38a #96d87e #a4e38a;background: #8acf72}
 
.button_new.class_button_yes_popup:active, .button_new.green:active, .share_buttons .button_new.green:active {color: #fff !important}
 
.button_new.green span {color: #fff !important}
 
 
 
.rotate {
 
  -moz-transform: scaleX(-1);
 
    -o-transform: scaleX(-1);
 
-webkit-transform: scaleX(-1);
 
        transform: scaleX(-1);
 
        filter: FlipH;
 
-ms-filter: "FlipH";
 
}
 
 
.popup_item td, .popup_item th { padding: 5px; line-height: 120% }
 
.popup_item th { padding: 0 10px; line-height: 220% }
 
 
#b_help_47 > div { margin-top: 8px; line-height: 120% }
 
#b_help_47 > div:first-child { margin-top: 0px }
 
#b_help_47 > img { margin-right: 10px }
 
 
.logWoodoo40 { background-image: url(/images/packs/Woodoo_40x.jpg); width: 40px; height: 40px; display: block }
 
.logWoodoo40.woo1000 { background-position: -40px -80px}
 
.logWoodoo40.woo0100 { background-position: -160px -80px}
 
.logWoodoo40.woo0010 { background-position: -120px -80px}
 
.logWoodoo40.woo0001 { background-position: -80px -80px}
 
 
.logWoodoo40.woo1100 { background-position: -80px -40px}
 
.logWoodoo40.woo1010 { background-position: -120px -40px}
 
.logWoodoo40.woo1001 { background-position: -160px -40px}
 
 
.logWoodoo40.woo0110 { background-position: -0px -40px}
 
.logWoodoo40.woo0101 { background-position: -40px -40px}
 
 
.logWoodoo40.woo0011 { background-position: -0px -80px}
 
 
.logWoodoo40.woo1110 { background-position: -80px -0px}
 
.logWoodoo40.woo1101 { background-position: -120px -0px}
 
.logWoodoo40.woo1011 { background-position: -160px -0px}
 
.logWoodoo40.woo0111 { background-position: -40px -0px}
 
 
.logWoodoo40.woo1111 { background-position: -0px -0px}
 
 
 
.logWoodoo { background-image: url(/images/packs/woodoo_all.jpg); width: 60px; height: 60px; display: block }
 
.logWoodoo.woo1000 { background-position: -60px -120px}
 
.logWoodoo.woo0100 { background-position: -240px -120px}
 
.logWoodoo.woo0010 { background-position: -180px -120px}
 
.logWoodoo.woo0001 { background-position: -120px -120px}
 
 
.logWoodoo.woo1100 { background-position: -120px -60px}
 
.logWoodoo.woo1010 { background-position: -180px -60px}
 
.logWoodoo.woo1001 { background-position: -240px -60px}
 
 
.logWoodoo.woo0110 { background-position: -0px -60px}
 
.logWoodoo.woo0101 { background-position: -60px -60px}
 
 
.logWoodoo.woo0011 { background-position: -0px -120px}
 
 
.logWoodoo.woo1110 { background-position: -120px -0px}
 
.logWoodoo.woo1101 { background-position: -160px -0px}
 
.logWoodoo.woo1011 { background-position: -240px -0px}
 
.logWoodoo.woo0111 { background-position: -60px -0px}
 
 
.logWoodoo.woo1111 { background-position: -0px -0px}
 
 
.alarm {margin: 0 0 10px; padding: 10px; max-height: 45px; background-image: url(/images/packs/alarm.png); line-height: 118%; border-radius: 3px}
 
.alarm.yellow {padding-left: 50px}
 
.alarm.red {background-position: 0 -45px}
 
.alarm.green {color: #57301b !important; background-position: 0 -90px}
 
.alarm.brown {color: #57301b !important; background-position: 0 -135px}
 
 
.item_box {margin-bottom: 4px; width: 60px; height: 60px; position: relative; cursor: pointer; border-radius: 3px; overflow: hidden}
 
.inventary .item_box {display: block}
 
.item_box:hover {background-color: #e6d9c0}
 
.item_box .bgr {width: 60px; height: 60px; opacity: 0.5; cursor: pointer; position: absolute; top: 0; left: 0}
 
.item_box.w90 .bgr {width: 90px}
 
.item_box.w75 .bgr {width: 75px}
 
.item_box.w75 .border {width: 73px; height: 73px}
 
.item_box.w104.h120 .bgr {width: 104px; height: 120px}
 
.item_box:hover .bgr {opacity: 0.4}
 
.item_box .border {width: 58px; height: 58px; border: 1px solid #cebb9e; border-radius: 3px; position: absolute; top: 0; left: 0}
 
.item_box.w90 .border {width: 88px}
 
.item_box.w127 .border {width: 125px}
 
.item_box .item_action {
 
position: absolute;
 
top: 21px;
 
width: 56px;
 
height: 20px;
 
left: 2px;
 
right: 2px;
 
background: url(/images/m/profile/black_50.png) repeat;
 
border-radius: 3px;
 
text-align: center;
 
line-height: 20px;
 
color: #fff;
 
display: none;
 
font-size: 10px;
 
}
 
.item_box:hover .item_action {display: block}
 
 
.item_box a.cmd_all.cmd_mini_sl.cmd_amini_sl {
 
background: transparent !important;
 
position: absolute !important;
 
top: -20px !important;
 
left: -20px !important;
 
right: -20px !important;
 
bottom: -20px !important;
 
width: 100px !important;
 
height: 100px !important;
 
padding: 0 !important;
 
margin: 0 !important;
 
z-index: 4 !important;
 
color: transparent !important;
 
}
 
 
.item_box .hidden {display: none !important}
 
.item_box .cmd_all {z-index: 3; position: relative}
 
.item_box .item_length {position: absolute; top: 3px; right: 5px; font-weight: bold}
 
.item_box.w100 .border {width: 98px}
 
.item_box.w104 .border {width: 102px}
 
.item_box.h100 .border {height: 98px}
 
.item_box.h120 .border {height: 118px}
 
.item_box.w90 img {width: 90px; display: block}
 
.item_box:hover .border {}
 
.item_box1 > .bgr {background-position: 0 -120px}
 
.item_box2 > .bgr {background-position: 0px -300px}
 
.item_box3 > .bgr {background-position: -180px -120px}
 
.item_box4 > .bgr {background-position: -240px -120px}
 
.item_box5 > .bgr {background-position: -300px -120px}
 
.item_box6 > .bgr {background-position: 0 -60px}
 
.item_box7 > .bgr {background-position: -240px -60px}
 
.item_box8 > .bgr {background-position: -60px -60px}
 
.item_box9 > .bgr {background-position: -120px -60px}
 
.item_box10 > .bgr {background-position: -180px -60px}
 
.item_box11 > .bgr {background-position: -60px -300px; background-position: -360px 0\0/}
 
.item_box12 > .bgr {background-position: -120px -300px; background-position: -360px -120px\0/}
 
.item_box13 > .bgr {background-position: -120px -300px; background-position: -360 -120px\0/}
 
.item_box1:hover > .bgr {background-position: 0 -420px\0/}
 
.item_box2:hover > .bgr {background-position: -120px -420px\0/}
 
.item_box3:hover > .bgr {background-position: -180px -420px\0/}
 
.item_box4:hover > .bgr {background-position: -240px -420px\0/}
 
.item_box5:hover > .bgr {background-position: -300px -420px\0/}
 
.item_box6:hover > .bgr {background-position: 0 -360px\0/}
 
.item_box7:hover > .bgr {background-position: -240px -360px\0/}
 
.item_box8:hover > .bgr {background-position: -60px -360px\0/}
 
.item_box9:hover > .bgr {background-position: -120px -360px\0/}
 
.item_box10:hover > .bgr {background-position: -180px -360px\0/}
 
.item_box11:hover > .bgr {background-position: -360px -300px\0/}
 
.item_box12:hover > .bgr {background-position: -360px -420px\0/}
 
.item_box13:hover > .bgr {background-position: -360px -420px\0/}
 
.inventory .item_box {margin: 0; float: left}
 
.item_box .i_sock {opacity: 0.5; filter: alpha(Opacity=50); z-index: 2}
 
.item_box .i_sock:hover {opacity: 1.0; filter: alpha(Opacity=100)}
 
.item_box .itemimg_info_sells_free {display: none}
 
.item_box .itemimg_info {position: absolute; top: 0; left: 0; display: block; z-index: 2}
 
.inventory .item_box .bgr {background: none}
 
.item_box.blocked .bgr {
 
background: url(/images/m/profile/ico_60px.png) no-repeat -2px 1px;
 
background: url(/images/m/profile/ico_60px_ie.png) no-repeat -2px 1px\0/;
 
}
 
.item_box.blocked:hover .bgr {background: url(/images/m/profile/ico_60px_ie.png) no-repeat -2px -299px\0/}
 
.item_box.plus {background: none !important}
 
.item_box.plus .bgr {
 
background: url(/images/m/profile/ico_60px.png) no-repeat -300px -1px;
 
background: url(/images/m/profile/ico_60px_ie.png) no-repeat -300px -1px;
 
opacity: 1;
 
}
 
.item_box.plus:hover .bgr {
 
background: url(/images/m/profile/ico_60px_ie.png) no-repeat -300px -301px\0/;
 
}
 
.item_box.unactive {cursor: default}
 
.item_box.unactive .bgr {background: none}
 
.item_box.unactive .border {opacity: 0.5; filter: alpha(Opacity=50)}
 
.item_box.unactive:hover {background: none}
 
.inventory .item_box .border {margin: 1px; width: 56px; height: 56px}
 
.item_box .border + div, .item_box .border + img, .border + a, .item_box .border + .spec {z-index: 2; position: relative; display: block}
 
.inventory .item_box, .inventory .item_box .bgr, .inventory .item_box .border {border-radius: 0 !important}
 
 
.normal_inputs {}
 
.normal_inputs input[type="text"], .normal_inputs input[type="password"] {width: 145px; border: 1px solid #cebb9e !important; font-size: 11px; padding: 3px; border-radius: 3px}
 
.normal_inputs select {width: 153px; background: #fff; border: 1px solid #cebb9e !important; font-size: 11px; padding: 3px; border-radius: 3px}
 
.normal_inputs input[type="checkbox"] {position: relative; top: 0px; margin: 1px 3px}
 
.normal_inputs label input[type="checkbox"] {top: 2px}
 
doesnotexist:-o-prefocus, .normal_inputs label input[type="checkbox"]{top: 0 !important}
 
.normal_inputs input[type="radio"] {position: relative; top: 0px; margin: 1px 3px}
 
.normal_inputs label input[type="radio"] {position: relative; top: 2px; margin: 1px 3px}
 
 
.normal_table { border-collapse: collapse}
 
.normal_table th {padding: 5px; font-weight: normal}
 
.normal_table td {padding: 5px; border-top: 1px solid #cebb9e; border-collapse: collapse}
 
.normal_table td .profile {font-weight: normal}
 
 
.normal_table.warriors_list td {padding: 5px 5px 2px 5px !important}
 
 
.normal_table {overflow: hidden}
 
.normal_table .tr {width: 100%; border-top: 1px solid #cebb9e; overflow: hidden}
 
.normal_table .tr.bar_yellow {height: auto !important; line-height: 120% !important}
 
.normal_table .tr:first-child {border-top: 1px solid transparent}
 
.normal_table .tr > div {padding: 5px; float: left}
 
.normal_table .tr > div .profile {
 
width: 121px;
 
height: 13px;
 
font-size: 11px !important;
 
display: inline-block;
 
overflow: hidden;
 
}
 
.normal_table .tr > div b {height: 20px !important}
 
.normal_table .tr > div b.img_money_1_small {height: 16px !important}
 
.normal_table .tr > div.header {font-weight: bold}
 
.normal_table .tr > div.header b {height: 17px !important}
 
.normal_table .tr > div.header b.order {height: 10px !important}
 
 
.font_normal A.profile {font-weight: normal !important}
 
.normal_block_table {border-collapse: collapse}
 
.normal_block_table th {font-weight: normal}
 
.normal_block_table td, .normal_block_table th {padding: 5px 2px; border-collapse: collapse; background-color: #E3D4B7; border-bottom: 1px solid #eadec9; border-top: 1px solid #eadec9}
 
.normal_block_table td:first-child, .normal_block_table th:first-child {border-radius: 3px 0 0 3px}
 
.normal_block_table td:last-child, .normal_block_table th:last-child {border-radius: 0 3px 3px 0}
 
.normal_block_table tr:hover td {background: #dbcbad}
 
.normal_block_table tr.place_1:hover td {background:#f9c62d !important}
 
.normal_block_table tr.place_2:hover td {background:#c4c4c4 !important}
 
.normal_block_table tr.place_3:hover td {background:#efba86 !important}
 
.normal_block_table tr.place_me:hover td {background:#8bcc5b !important}
 
.normal_block_table tr.place_clan:hover td {background:#a6ce78 !important}
 
.normal_block_table tr.place_war:hover td {background:#ed8a77 !important}
 
.normal_block_table tr.place_union:hover td {background:#caabbe !important}
 
.normal_block_table  .profile {display: block; overflow: hidden; width: 150px}
 
 
.profile_statistic {width: 98%; border-collapse: collapse}
 
.profile_statistic td, .profile_statistic th {border-top: 1px solid #cebb9e; font-weight: normal !important}
 
.profile_statistic {width: 100%}
 
 
.slide_block_click {position: relative; cursor: pointer}
 
.slide_block_click > .slide_block_icon {top: 7px;left: 7px; background-position: 0 -1000px !important; display: block;position: absolute;opacity: 0.5}
 
.slide_block_click:hover > .slide_block_icon {opacity: 1}
 
.slide_block_click.open >  .slide_block_icon {background-position: -240px -980px !important}
 
.slide_block_click > span {display: inline-block; position: relative; }
 
.slide_block_click span .slide_block_icon {display: NONE}
 
.slide_block_click span > span {border-bottom: 1px dotted; position: relative; z-index: 1}
 
.slide_block_click span > a {}
 
.slide_block_click:hover span > span {color: #a76320; border-color: transparent}
 
.slide_block_click .slide_click {position: absolute; top: 0; bottom: 0; right: 0; left: 0}
 
 
/*.wiki_in_profile {position: absolute; top: 6px; right: 10px; text-decoration: none !important; border-bottom: none !important; z-index: 101}*/
 
.wiki_in_profile {position: absolute; text-decoration: none !important; border-bottom: none !important; z-index: 101}
 
.wiki_in_profile:hover {text-decoration: none !important}
 
 
.f_s11 > * {font-size: 11px !important}
 
 
.profile_hud_container {padding: 7px 3px; left: 0; bottom: -65px; right: 0; position: absolute; background-color: #dbcaac; border-radius: 1px}
 
.profile_hud {margin: 1px 5px 1px 28px; height: 10px; text-align: center; /* background: #e9dcc9;*/ background: #EADEC9; position: relative; /* border: 1px solid #9C8164;*/ border: 1px solid #904928; border-radius: 2px}
 
.profile_hud div:first-child {height: 10px; top: 0px; left: 0px; position: relative; background: url(/images/m/profile/bars.png) repeat 0 -110px; z-index: 4; float: left}
 
.profile_hud.green_line {border-color: green}
 
.profile_hud.green_line div:first-child {background-position: 0 -120px}
 
.profile_hud.blue_line {border-color: #0075ab}
 
.profile_hud.blue_line div:first-child {background-position: 0 -130px}
 
.profile_hud.lightbrown_line {border-color: #684d30}
 
.profile_hud.lightbrown_line div:first-child {background-position: 0 -140px}
 
 
.profile_hud div + div {top: 0; bottom: 0; left: 0; right: 0; font-size: 10px; line-height: 100%; position: absolute; z-index: 5; color: #fff; text-shadow: 0px 0px 3px #000}
 
.profile_hud .value1 {position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.7; color: #000; text-shadow: none; display: block; text-align: center}
 
.profile_hud .value1 span {background: #fff; background: rgba(255,255,255,0.7); display: inline-block; padding: 0 3px; border-radius: 3px; position: relative}
 
.profile_hud .value100, .profile_hud .value101 {opacity: 0.7; position: absolute; top: 0; bottom: 0; background: #fff; display: inline-block; padding: 0 3px; border-radius: 3px; font-size: 10px; color: #000; text-shadow: none}
 
.profile_hud .value100 {left: auto; right: 0}
 
.profile_hud .value101 {right: auto; left: 0}
 
 
.content_block_hover {margin-right: 10px; width: 272px; padding: 0; float: left; cursor: pointer}
 
.content_block_hover > a {padding: 5px; line-height: 120%; display: block; text-decoration: none; overflow: hidden}
 
.content_block_hover:hover .content_block_image {opacity: 1}
 
.content_block_hover:hover .alink {text-decoration: none !important}
 
.content_block_hover label input[type="checkbox"] {position: absolute !important; left: auto; right: 5px; top: 38px !important}
 
.content_block_image {width: 100px; height: 75px; float: left; opacity: 0.8}
 
 
.mine_shop_slider .mine_slider_container > .center.mb5 {margin-bottom: 3px !important}
 
.new_slider {}
 
.new_slider .slider {height: 16px; border: 1px solid #c4b095; border-radius: 0; background: #eadec9}
 
.new_slider .ui-slider-handle {bottom: -3px !important; height: 19px !important; width: 10px !important; border: 1px solid #9c8164 !important; border-radius: 0; background: #c4b095 !important}
 
.new_slider .smith_min, .new_slider .smith_max {border: 1px solid #c4b095; background-color: #dbcaac; cursor: pointer; opacity: 0.5}
 
.new_slider .smith_min {margin: 5px -11px 0 0; background-position: -120px -960px}
 
.new_slider .smith_min:hover {opacity: 0.8}
 
.new_slider .smith_max {margin: 5px 0 0 -14px; background-position: -100px -960px}
 
.new_slider .smith_max:hover {opacity: 0.8}
 
.new_slider .slider_div {width: 280px}
 
.new_slider .slider_div .slider {width: 265px}
 
 
.ui-slider + input[type='text'] {background: transparent; border: 0 !important; padding: 0}
 
 
.inputs input {position: relative; top: 2px}
 
 
.bgr_1 {background-color: #dbcaac; border-radius: 3px}
 
.bgr_0 {background-color: #E3D4B7}
 
.bgr_0i {background-color: #E3D4B7 !important}
 
 
.slide_down_items {padding-left: 15px; position: relative}
 
.slide_down_button {right: -1px;bottom: 27px; background-position: -240px -980px;position: absolute;cursor: pointer;opacity: 0.5;filter: alpha(Opacity=50)}
 
.slide_down_button:hover {opacity: 0.8;filter: alpha(Opacity=80)}
 
.slide_down_button.open {background-position: -220px -980px}
 
 
.global_data {margin: 8px 0 5px; font: 22px/1.5 'Open Sans Condensed',sans-serif; display: inline-block}
 
.global_data span {
 
margin: 0 0 0 1px;
 
display: block;
 
float: left;
 
width: 1em;
 
background-color: #88553e;
 
border-radius: 0.2em;
 
text-align: center;
 
color: #fff;
 
letter-spacing: -1px;
 
box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
 
background-image: linear-gradient(bottom, #88553e 50%, #6c3925 50%);
 
background-image: -o-linear-gradient(bottom, #88553e 50%, #6c3925 50%);
 
background-image: -moz-linear-gradient(bottom, #88553e 50%, #6c3925 50%);
 
background-image: -webkit-linear-gradient(bottom, #88553e 50%, #6c3925 50%);
 
background-image: -ms-linear-gradient(bottom, #88553e 50%, #6c3925 50%);
 
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #88553e),color-stop(0.5, #6c3925));
 
}
 
.global_data b {
 
margin: 0 0 0 2px;
 
display: block;
 
float: left;
 
font-size: 35px;
 
line-height: 30px;
 
color: #6c3925;
 
text-shadow:1px 1px rgba(4, 4, 4, 0.35);
 
}
 
 
.length1 {margin-left: 130px !important}
 
.length2 {margin-left: 60px !important}
 
.length3 {margin-left: 25px !important}
 
 
.bgmain{min-width: 1080px; width:100%; min-height:1250px; position: absolute}
 
.bgmain2, .bgmain3, .bgmain4 {bottom: 0; left: 0; right: 0; top: 0; position: absolute}
 
.bgmain4 {max-width: 2048px; margin: 0 auto; overflow: hidden}
 
.bgmain4 .bgmain_left, .bgmain4 .bgmain_right {width: 500px; height: 600px; bottom: 0; position: absolute}
 
.bgmain4 .bgmain_left {left: 0}
 
.bgmain4 .bgmain_right {right: 0}
 
.bgmain_right_smoke {width: 60px; height: 100px; position: absolute; background-image: url(/i/global/anim_smoke.png); right: 154px; bottom: 310px; display: block; opacity: 0.5}
 
 
.bgmain.bgmain_night {background: #285B6B url(/i/global/bg_main2_night.jpg ) repeat;opacity: 0; filter:alpha(opacity=0)}
 
.bgmain.bgmain_night .bgmain2 {background: url(/i/global/bg_main_night.jpg ) repeat-x top center}
 
.bgmain.bgmain_night .bgmain3 {background: url(/i/global/bg_bottom_night.jpg ) repeat-x bottom center}
 
.bgmain.bgmain_night .bgmain4 .bgmain_left {background: url(/i/global/bgmain_left_night.png ) no-repeat}
 
.bgmain.bgmain_night .bgmain4 .bgmain_right {background: url(/i/global/bgmain_right_night.png ) no-repeat}
 
 
.day {background: #b8deff !important}
 
.day .bgmain.bgmain_day {opacity: 1; display: block\0/}
 
.day .bgmain.bgmain_night {opacity: 0;  display: none\0/}
 
.bgmain {background: url(/i/global/bg_main2.jpg ) repeat-x top center}
 
.bgmain2 {background:  url(/i/global/bg_main.jpg ) repeat-x top center}
 
.bgmain3 {background:  url(/i/global/bg_bottom.jpg ) repeat-x bottom center}
 
.bgmain4 .bgmain_left {background: url(/i/global/bgmain_left.png ) no-repeat}
 
.bgmain4 .bgmain_right {background: url(/i/global/bgmain_right.png ) no-repeat}
 
.night {background: #242f67 !important}
 
.night .bgmain.bgmain_day {opacity: 0; display: none\0/}
 
.night .bgmain.bgmain_night {opacity: 1; display: block\0/}
 
 
.bgmain.bgmain_night .bgmain_moon {width: 250px; height: 250px; background-image: url(/i/global/bgmain_night_moon.png ); position: absolute; top: 120px; right: 2%}
 
.bgmain.bgmain_night .bgmain_witch {width: 100px; height: 100px; background-image: url(/i/global/bgmain_night_witch.png ); position: absolute; top: 195px; right: 40%}
 
.bgmain.bgmain_night .bgmain_meteor {width: 300px; height: 100px; background-image: url(/i/global/bgmain_night_meteor.png ); position: absolute}
 
.bgmain.bgmain_night .bgmain_stars {display: none\0/}
 
.bgmain.bgmain_night .bgmain_stars > div {width: 30px; height: 30px; background-image: url(/i/global/bgmain_night_star.png ); position: absolute; opacity: 0; filter:alpha(opacity=100)}
 
.bgmain.bgmain_night .bgmain_stars .star1 {left: 1%; top: 220px}
 
.bgmain.bgmain_night .bgmain_stars .star2 {left: 7%; top: 35px}
 
.bgmain.bgmain_night .bgmain_stars .star3 {left: 10%; top: 350px}
 
.bgmain.bgmain_night .bgmain_stars .star4 {left: 15%; top: 500px}
 
.bgmain.bgmain_night .bgmain_stars .star5 {right: 3%; top: 20px}
 
.bgmain.bgmain_night .bgmain_stars .star6 {right: 10%; top: 420px}
 
.bgmain.bgmain_night .bgmain_stars .star7 {right: 12%; top: 550px}
 
 
.old_bg .bgmain4,
 
.old_bg .bgmain_right_smoke,
 
.old_bg .bgmain_night,
 
.old_bg2 .bgmain4,
 
.old_bg2 .bgmain_right_smoke,
 
.old_bg2 .bgmain_night {display: none}
 
.old_bg .bgmain {background:  url(/i/old/bg_main.jpg ) repeat-x top center !important; width:100%; min-width: 1080px}
 
.old_bg .bgmain2, .old_bg .bgmain3{background:none !important}
 
.old_bg {background: #806038 url(/i/old/bg_tile.png ) !important}
 
.old_bg .footer{background:  url(/i/old/bg_footer.png ) no-repeat top center !important}
 
.old_bg2 .bgmain {background: url(/i/global/bg_main2_v2.jpg ) repeat-x top center}
 
.old_bg2 .bgmain2 {background: url(/i/global/bg_main_v2.jpg ) repeat-x top center}
 
.old_bg2 .bgmain3 {background: url(/i/global/bg_bottom_v2.jpg ) repeat-x bottom center}
 

Версия 12:10, 21 ноября 2013

/*test style */

.title {
width: 700px;
height: 38px;
position: absolute;
top: 10px;
right: 10px;
display: block;
text-align: center;
color: #836b50;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
line-height: 38px;
overflow: hidden;
background-color: #f5ebd3;
border-radius: 3px 3px 0 0;
border-bottom: 1px solid #ddcdb8;
}

.thankyou {
background-position: -300px -900px;
}

.top-2 {
top: -2px;
}

.relative {
position: relative !important;
}

.inlineb {
display: inline-block;
}

.ico_clan_level {
background-position: -280px -660px;
width: 17px;
height: 20px;
width: 20px;
height: 20px;
}


.icon, .iconsp, .gray_popup {
width: 18px;
height: 18px;
}

.icon, .iconsp, .icon_post, .icon_pack *, .icon12, .icon2, .iconsp20, .blue_popup, .gray_popup, .reload, .ico_bonus_pet .b_bonus, .server_1, .server_2, .server_3, .server_4, .server_t, .ico_bday_letter, .slide_down_button, .pandora .up div, .pandora .down div, .arrow-left, .arrow-right, .player_avatar .rating > b.icon, .prof_levelup, .mine_dec div, .mine_inc div, .new_slider .smith_min, .new_slider .smith_max, .slide_block_click .slide_block_icon, .controls .prev, .controls .next, .refer_add, .t_log, .box_x_button {
display: inline-block;
background-image: url(https://i.botva.ru/i/ico.png);
background-repeat: no-repeat;
vertical-align: middle;
background-color: transparent;
}

.profile_hud {
margin: 1px 5px 1px 28px;
height: 10px;
text-align: center;
background: #e9dcc9;
background: #EADEC9;
position: relative;
border: 1px solid #9C8164;
border: 1px solid #904928;
border-radius: 2px;
}

.w200 {
width: 200px !important;
}

.mr-2 {
margin-right: -2px !important;
}

.ml3 {
margin-left: 3px !important;
}
.mb-2 {
margin-bottom: -2px !important;
}
.inlineb {
display: inline-block;
}

.profile_hud div:first-child {
height: 10px;
top: 0px;
left: 0px;
position: relative;
background: url(https://i.botva.ru/images/m/profile/bars.png) repeat 0 -110px;
z-index: 4;
float: left;
}

.profile_hud .value1 {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.7;
color: #000;
text-shadow: none;
display: block;
text-align: center;
}

.profile_hud div + div {
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 10px;
line-height: 100%;
position: absolute;
z-index: 5;
color: #fff;
text-shadow: 0px 0px 3px #000;
}

.profile_hud .value1 span {
background: #fff;
background: rgba(255,255,255,0.7);
display: inline-block;
padding: 0 3px;
border-radius: 3px;
position: relative;
}


/* CSS @Invisible_man*/
 

table.collapsed tr.collapsible {
 display: none;
}
 
.collapseButton { 
 cursor: pointer;
}

h1 { /* Заголовок 1 */
 color: #8D673A; /*Цвет*/
 text-shadow: 0 0 5px #CDAA80, 0 0 10px #CDAA80, 
		     0 0 20px #CDAA80, 0 0 30px #CDAA80,
		     0 0 40px #CDAA80; /* Расплывающаяся тень */
}

h2 { 
 color: #8D673A; 
 text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80,
		     0 0 10px #CDAA80, 0 0 15px #CDAA80,
		     0 0 20px #CDAA80;
}



h3 { 
 color: #8D673A; 
 text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80,
		     0 0 5px #CDAA80, 0 0 7px #CDAA80,
		     0 0 10px #CDAA80;
}

h4 { 
 color: #8D673A; 
 text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80,
		     0 0 2px #CDAA80, 0 0 3px #CDAA80,
		     0 0 5px #CDAA80;
}

h5 { 
 color: #8D673A; 
 text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80,
		     0 0 1px #CDAA80, 0 0 2px #CDAA80,
		     0 0 3px #CDAA80;
}


/* Верхрнее меню */ 

.addthis_toolbox { 
 position: absolute; /*Фиксированно на экране*/
 z-index: 1000; /*Окошко всегда будет на переднем плане*/
 top: 2px; /*Отступы*/
 left: 15%;
 padding: 5px; 
 width: 600px; 
 height: 90px;
 opacity: 0.8; /*Прозрачность*/
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*IE 5.5+*/
 -moz-opacity: 0.8; /* Mozilla 1.6 и ниже */
 html-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
 background-image: url(https://wiki.botva.ru/images/4/43/Fon_2.png); /*Фон*/
 background-position: 0px 0px;
 background-size: 600px;
 background-repeat: no-repeat;
} 

.addthis_toolbox .custom_images a { 
 width: 32px; 
 height: 32px; 
 cursor: pointer; 
} 

.addthis_toolbox .custom_images 
a img { 
    border: 0; 
	margin: 2px 0; 
	opacity: 0.6; 
}
 
.addthis_toolbox .custom_images 
a:hover img { 
	margin: 2px 0; 
	opacity: 1.0; 
}


/*Меню*/

/*************************** Основные пункты */
#mainmenu{
    position:relative;
    height:47px;
    width:100%;
    z-index:10; 
    text-align:left;
    color: #8D673A; 
    text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80,
       0 0 10px #CDAA80, 0 0 15px #CDAA80,
       0 0 20px #CDAA80;
}

#mainmenu ul, /* сбрасываем поля и отступы у списков */
#mainmenu ul ul {
    color: #8D673A;
    list-style:none;
    padding:0;
    margin:0;
    vertical-align:middle;
    font-size: 20px;
    font-weight: bold;
}

#mainmenu ul {    
color: #8D673A;
    clear:left;
    position:relative;
    right:50%;
    height:20px;
    float:right;
    text-align:center;
    font:16px Arial, Helvetica, sans-serif;  
    vertical-align:middle;
    font-weight: bold;

}
#mainmenu ul li {
   
    position:relative;
    left:50%;
    float:left;
    height:47px;
    padding:0;
    margin:0;
    vertical-align:middle;
    font-weight: bold;
    opacity: 1.0;
}

#mainmenu ul li:last-child {
    border:none;
    box-shadow:none;
    position: relative;
}    
#mainmenu ul li a {
    display:block;
    color: #8D673A;
    text-decoration: none;
    padding:13px 20px;
}
#mainmenu ul li a:hover {
    opacity: 0.8;
    border:0px solid #8D653A;
    position:relative;
    border-radius: 6px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;     


}
#mainmenu ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
 
/*************************** Выпадающие подпункты */
#mainmenu ul li ul {
    background: #F4DDB3; 
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    opacity: 0.9;
    text-transform:none;
    opacity: 0;
    visibility: hidden;
    position:absolute;
    left:0;
    top:48px;
    font-size:12px;
    height:auto;
    width:150px;
    z-index: 1;
}

#mainmenu ul li ul li {
    border:none;
    position:relative;
    left:0;
    float:none;
    height:auto;
    margin:0;
    text-align:left !important;
}
#mainmenu ul li ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#mainmenu ul li ul li a {
    padding:10px 8px;
    border:none;
}
 
/*************************** Выпадающие пункты второго уровня */
#mainmenu ul li ul li ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 40px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -o-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -ms-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);    
}
 
/*********************** Стрелочки на подпунктах */
#mainmenu ul ul li:first-child > a {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;    
}
#mainmenu ul ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #8D653A;
}
#mainmenu ul ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;    
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}
#mainmenu ul ul li:first-child a:hover:after {
	border-bottom-color: #8D653A;
}
 
#mainmenu ul ul ul li:first-child a:hover:after {
    border-right-color: #0299d3; 
    border-bottom-color: transparent;     
}
#mainmenu ul ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}


/*Внимание!!!!!*/

.warning-box
{
	background-image: url(https://wiki.botva.ru/images/9/91/Cmd_foul1.png); /* Путь к фоновому изображению */
        background-color: rgb(244, 221, 179); /* Цвет фона */
    background-position: 15px 5px;
    background-repeat: no-repeat;
	border: 1px #CDAA80 solid;
	padding: 6px;
	text-align: left;
      -moz-border-radius: 9px;
      -webkit-border-radius: 9px;
       border-radius: 9px;
}

.warning-box h3 { 
color: #AB230D;
text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80, 0 0 5px #CDAA80, 0 0 7px #CDAA80, 0 0 10px #CDAA80;
padding-left: 50px;
}

.warning-box p
{
padding: 0px;
margin: 0px;
margin-left: 5px;
}