BODY.native {
    background: url("../img/body-bg.jpg") repeat fixed;
    font-family: Calibri,sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    padding: 0;
}

.top-main {background: url(/theme/img/top-bg.png) no-repeat 50% 0;}

#header_img {
    z-index: 101;
    float:right;
    overflow:hidden; /* this is important */
    position:relative; /* this is important too */
    height: 281px;
    width: 100%;
    /*margin-left: -470px;*/
}
#header_img img{
    position:absolute;

}

.header-fixed {position: fixed; width: 100%; background: url(/theme/img/bgSummer.jpg) no-repeat 50% 0%; height: 100%;}
/*.header-fixed {position: fixed; width: 100%; background: url(/theme/img/winterBack.png) no-repeat 50% 0%; height: 100%;}*/
/*.header-fixed {position: fixed; width: 100%; background: url(/theme/img/winterBackNY.png) no-repeat 50% 0%; height: 100%;}*/
.gold {position: fixed; top: 175px; margin-left: 437px; width: 57px; height: 68px; background: url(/theme/img/gold.png) no-repeat; z-index: 300;}
.star-imgs {position: fixed; top: 44px; margin-left: 622px; width: 202px; height: 191px; /*background: url(/theme/img/character.png) no-repeat;*/ z-index: 200;}
.parrot {position: fixed; top: 95px; margin-left: 580px; width: 112px; height: 152px; background: url(/theme/img/parrot.png) no-repeat; z-index: 300;}
.chrismas-tree {position: fixed; top: 5px; margin-left: 22px; width: 100%; height: 100%; background: url(/theme/img/ChristmasTree.png) no-repeat; z-index: 200;}

#wrapper {
    padding-top: 248px;
    position: relative;
    margin: 0 auto;
    width: 960px;
    z-index: 1000;
}

#wrapper_header_img {
    margin:0 auto;
    position: fixed;
    z-index: 1;
}
#header_img_left {
    z-index: 1;
    float: right;
    overflow: hidden;
    position: relative;
    height: 138px;
    width: 100%;
}
#header_img_right {
    overflow: hidden;
    position: relative;
    height: 138px;
    /*margin-left: 1127px;*/
    z-index: 1;
    margin-top: -114px;
    float: right;
}

#header_img_right_z{
    overflow: hidden;
    position: fixed;
    height: 138px;
    /*margin-left: 1127px;*/
    /*z-index: 1111;*/
    margin-top: 280px;
    margin-left: 932px;

    float: right;
}
#myContent {

    /* z-index: 1;*/
}
#wrapper_login{

    position: relative;
    margin: 0 auto;
    width: 960px;
}
#login {
    position: absolute;
    top: 100px;
    left: -14px;
    padding: 7px 13px 0;
    width: 282px;
    height: 118px;
    margin: 0 auto;
    z-index: 1011;
    margin-top: 15px;

}
#login2 {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 10px 13px 0;
    width: 240px;
    height: 77px;
    background: url(/img/login-bg2.png) no-repeat;
    z-index: 1011;
    /*    position: relative;*/
}

#login input {
    margin: 0 0 0 4px;
    padding: 0 8px;
    width: 98px;
    height: 18px;
    color: #fff;
    background-color: #000000;
    border: #ffffff solid 1px;
    border-radius: 5px;
    z-index: 1011;
    position: relative;
}

#login button {
    margin: 12px 0 0;
    padding: 0;
    width: 51px;
    height: 17px;
    color: #fff;
    background: url(/img/login-button.png) no-repeat;
    border: none;
    z-index: 1011;
    position: relative;
}

.from_control {
    margin-left: 3px;
}

.cell_login {
    margin-left: 20px;
    display: block;
    margin-bottom: 5px;
}
.cell_login label {
    font-family: Calibri;
    font-size: 12px;
    color: #ffffff;
    margin-left: -4px;
}
.cell_pass {
    display: block;
    margin-bottom: 5px;
}

.cell_pass label {
    font-family: Calibri;
    font-size: 12px;
    color: #ffffff
}
.cell_reg {
    margin-left: 49px;
    margin-top: 10px;
    width: 113px;
    text-align: center;
}
.cell_reg a  {
    text-decoration: none;
    width: 113px;
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    font-family: Calibri;
    font-size:12px;
    color: #efdb00;
    background: url(/theme/img/reg_black.jpg) no-repeat;
    border: #efdb00 solid 1px;
    border-radius: 5px;
    margin-left: -3px;
}
.cell_reg a:hover{
    background: url(/theme/img/reg.jpg) no-repeat;
    color: #ffffff;
    border: #ffffff solid 1px;
    border-radius: 5px;
}

.cell_reg a:active {
    text-decoration: none;
    background: url(/theme/img/reg_black.jpg) no-repeat;
    color: #ffffff;
    border: #e80000 solid 1px;
    border-radius: 5px;
}
#rounded  {
    background: url(/theme/img/background_login.jpg) repeat-x transparent;
    border-radius: 10px;
    height: 118px;
    border: #ffffff solid 2px;

    z-index: 1011;
}
#login_title {
    background: url(/theme/img/login_info.png) no-repeat;
    height: 27px;
    margin: 4px 7px;
}
.test_login {
    font-family: Calibri;
    color: #ffffff;
    font-size: 19px;
    display: block;
    padding: 4px 79px;
}

.control_button {
    margin-top: -80px;
    margin-left: 168px;
    position: absolute;
}
.control_button a {
    display: block;
}

.control_button .panel_social_button{
    height: 16px;
    width: 100px;
    margin-left: 5px;
}

.panel_social_button .vk_img{

    display: block !important;
    height: 16px;
    width: 16px;
    background: url('../img/social/vk.png') no-repeat 0% 0%;
    float: left;
}
.panel_social_button .mail_img{
    margin-left: 4px;
    display: block !important;
    height: 16px;
    width: 16px;
    background: url('../img/social/email.png') no-repeat 0% 0%;float: left;
}
.panel_social_button .od_img{
    margin-left: 4px;
    display: block !important;
    height: 16px;
    width: 16px;
    background: url('../img/social/od.png') no-repeat 0% 0%;
    float: left;
}
.panel_social_button .facebook_img{
    margin-left: 4px;
    display: block !important;
    height: 16px;
    width: 16px;
    background: url('../img/social/f.png') no-repeat 0% 0%;
    float: left;
}
.panel_social_button .google_img{
    margin-left: 4px;
    display: block !important;
    height: 16px;
    width: 16px;
    background: url('../img/social/google.png') no-repeat 0% 0%;
    float: left;
}
.panel_social_button .vk_img:hover{

    background: url('../img/social/vk.png') no-repeat 0% 100%;
}
.panel_social_button .mail_img:hover{
    background: url('../img/social/email.png') no-repeat 0% 100%;
}
.panel_social_button .od_img:hover{
    background: url('../img/social/od.png') no-repeat 0% 100%;
}
.panel_social_button .facebook_img:hover{
    background: url('../img/social/f.png') no-repeat 0% 100%;
}
.panel_social_button .google_img:hover{
    background: url('../img/social/google.png') no-repeat 0% 100%;
}
.control_button div label {
    display: block;
    font-family: Calibri;
    font-size: 12px;
    color: #fff;
    position: absolute;
    margin-top: 9px;
    margin-left: 33px;
}

.control_button div span {
    display: block;
    font-family: Calibri;
    font-size: 12px;
    color: #fff;
    position: absolute;
    margin-top: 9px;
    margin-left: 33px;
}

.st {
    width: 30px;
    height: 26px;
    background: url(/theme/img/st.png);
}
.st:hover {
    background: url(/theme/img/st_hover.png);
}
.st:active {
    background: url(/theme/img/st_activ.png);
}

.star {
    width: 30px;
    height: 26px;
    background: url(/theme/img/star.png);
}
.star:hover {
    background: url(/theme/img/star_hover.png);
}
.star:active {
    background: url(/theme/img/star_activ.png);
}
#vip span {
    font-family: Calibri;
    font-size: 11px;
    color: #efdb00;
    display: block;
    text-align: center;
    width: 46px;
}

.vip_img {
    height: 30px;
    width: 49px;
}
.prof-data
{
    background: url(/theme/img/backround_ener_login.png)no-repeat;
    margin-left: 119px;
    margin-top: 28px;
    margin-right: 8px;
    width: 153px;
    height: 55px
}

#place {
    float: left;
    margin-left: 23px;
    font-family: Calibri;
    font-size: 12px;
    color: #fff;
    margin-top: 6px;

}
#place span {
    display: block;
    text-align: center
}

#rank {
    float: left;
    margin-left: 21px;
    font-family: Calibri;
    font-size: 12px;
    color: #fff;
    margin-top: 6px;

}
#rank span {
    display: block;
    text-align: center
}
#exit {
    position: absolute;
    z-index: 1015;
    margin-top: -120px;
    margin-left: 116px;

}
#score {
    position: absolute;
    z-index: 1014;
    margin-top: -120px;
    margin-left: 124px;
    width: 97px;
    height: 24px;
}
#score label{
    font-family: Calibri;
    font-size: 11px;
    color: #fff;
    display: block;
    margin-left: 19px;
    margin-top: -20px;
}
#edit_button {
    height: 17px;
    width: 46px;
    margin-left: 105px;
    height: 20px;
    background: url(/theme/img/exit.jpg)no-repeat;
}
#edit_button:hover {
    background: url(/theme/img/exit_hover.jpg)no-repeat;
}
#edit_button:active {
    background: url(/theme/img/exit_activ.jpg)no-repeat;
}
#sister {
    background: url("../img/sister.png")no-repeat;
    position: fixed;
    width: 284px;
    height: 254px;
    margin-top: -251px;
    margin-left: 234px;
    z-index: 1014;
}
#logo {
    /*background: url("../img/logo.gif")no-repeat;*/
    position: absolute;
    width: 494px;
    height: 139px;
    top: -10px;
    margin-left: 504px;
    z-index: 100;
}
#people {
    background: url("../img/piple.png")no-repeat;
    position: fixed;
    width: 508px;
    height: 206px;
    margin-top: -203px;
    margin-left: 440px;
    z-index: 1012;
}
#wraper_nav {
    float: right;
    position: relative;
    z-index: 1014;
    margin-top: -65px;
}
#main_content {
    position: relative;
    width: 960px;
    z-index: 1015;
    box-shadow: 0 0 30px #40310a;
}
#grade {
    margin-left: 31px;
    margin-top: -10px;
    margin-right: 8px;
    width: 129px;
    height: 7px;
    background-color: #000000;
    border: #ffffff solid 1px;
    border-radius: 2px;
}
#grade_bar {
    margin: 1px;
    height: 5px;
    background: url(/theme/img/grade_bar.jpg) repeat-x;
    width: 149px;
}
#main_popup {
    margin-top: -54px;
    height: 100%;
    /*   background: url(/theme/img/popup/rad_backraund.jpg) repeat-x;*/
}
#header_popup {
    position: relative;
    width: 376px;
    height: 100px;
    margin: 0 auto;
    background: url(/theme/img/popup/header.png) no-repeat;
}
#border_top {
    height: 12px;
    width: 100%;
    background: url(/theme/img/popup/horsontal.jpg) repeat-x;
}
#border_bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 12px;
    background: url(/theme/img/popup/horsontal.jpg) repeat-x;
}
#border_left {
    background: url(/theme/img/popup/verical.jpg) repeat-y;
    /*height: 524px;*/
    height: 900px;
    width: 12px;
    float: left;
}
#border_right {
    background: url(/theme/img/popup/verical.jpg) repeat-y;
    /*height: 524px;*/
    height: 900px;
    width: 10px;
    float: right;
}
#ang_top_left {
    width: 36px;
    height: 33px;
    float: left;
    background: url(/theme/img/popup/ang_top_left.png) no-repeat;
}
#ang_top_right {
    width: 36px;
    height: 33px;
    float: right;
    background: url(/theme/img/popup/ang_top_right.png) no-repeat;
}
#ang_bottom_left{
    /*position: absolute;*/
    bottom: 0;
    height: 224px;
    width: 100px;
    margin-top: -212px;
    background: url(/theme/img/popup/ang_bottom_left.png) no-repeat;
}
#ang_bottom_right {

    bottom: 0;
    height: 243px;
    width: 100px;
    margin-top: -243px;
    float: right;
    background: url(/theme/img/popup/ang_bottom_right.png) no-repeat;
}
#content_popup{
    /*height: 513px;*/
    height: 900px;
    background: url(/theme/img/popup/rad_backraund.jpg) repeat-x;
}
h6 {
    text-align: center;
    margin-top: 20px;
    margin: 0 auto;
    padding-top: 20px;
    color: #fff;
    font-size: 19px;
    font-family: Calibri;
}
.text p {
    margin: 5px 19px;
    text-align: center;
    /*color: #ffff00;*/
    font-size: 12px;
    font-family: Calibri;
}
#label_table {
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-family: Calibri;
    margin-top: 12px;
    margin-bottom: 8px;
}
#table {
    width: 401px;
    margin: 0 auto;
    border: 1px solid #ffff00;
}
.cell_boreder{
    /*padding: 0px;*/
    height: 15px;
    border:1px solid #ffff00;
}
#table thead {
    text-align: center;
    width: 401px;
    height: 20px;
    background: url(/theme/img/popup/table_headr.png);
}
#table thead tr {
    height: 30px;
    color: #ffffff;
    font-size: 13px;
    font-family: Calibri;
}
#table tbody {
    color: #ffffff;
    font-size: 13px;
}
#wrapper_content {
    background-color: #b00000;
    height: 500px;
    width: 100%;
}

.textRang p {
    color: #ffffff;
    margin-left: 10px;
    margin-right: 10px;
    margin-left: 49px;
    margin-right: 10px;
}

.text ul {
    margin: 10px 26px;
    color: #ffffff;
    font-size: 10px;
    font-family: Calibri;

}
.text ul li {
    color: #ffff00;
}
.text ul li span {
    color: #ffffff;
}
#text_bottom {
    margin-top: 13px;
    font-family: Calibri;
}
#text_bottom p {
    color: #ffffff;
    font-size: 9px;
    margin-top: -8px;
    margin-left: 75px;
    text-align: left;
}
#wrapper_popup {
    position: relative;
    width: 588px;
    /*height: 581px;*/
    height: 958px;
    margin: 0px auto;
}
#panal_grade {
    margin-left: 109px;
}
#panal_grade img {
    margin-left: 15px;
    margin-top: 7px;
}
#by_tal {

    position: fixed;
    width:  273px;
    height: 142px;
    top: 250px;
    left: 40%;
    z-index: 1016;
    display:none;
    background: url(/theme/img/message/success.png) no-repeat;
}
#by_clan_tal {

    position: fixed;
    width:  273px;
    height: 142px;
    top: 250px;
    left: 40%;
    z-index: 1016;
    display:none;
    background: url(/theme/img/message/successInClan.png) no-repeat;

}

#er_tal {
    position: fixed;
    width:  273px;
    height: 142px;
    top: 250px;
    left: 40%;
    z-index: 1016;
    display:none;
    background: url(/theme/img/message/error.png) no-repeat;
}

#by_vip {

    position: absolute;
    width: 282px;
    height: 158px;
    top: 55px;
    left: 110px;
    z-index: 1016;
    display:none;
    background: url(/theme/img/message/successVip.png) no-repeat;

}
#by_stars {

    position: absolute;
    width: 282px;
    height: 158px;
    top: 55px;
    left: 110px;
    z-index: 1016;
    display:none;
    background: url(/theme/img/message/successSrars.png) no-repeat;

}
#by_gift {

    position: absolute;
    width: 282px;
    height: 158px;
    top: 55px;
    left: 110px;
    z-index: 1016;
    display:none;
    background: url(/theme/img/message/gifts_succ.png) no-repeat;
}

#by_vip {

    position: absolute;
    width: 282px;
    height: 158px;
    top: 55px;
    left: 110px;
    z-index: 1016;
    display:none;
    background: url(/theme/img/message/successVip.png) no-repeat;

}
#by_stars {

    position: absolute;
    width: 282px;
    height: 158px;
    top: 55px;
    left: 110px;
    z-index: 1016;
    display:none;
    background: url(/theme/img/message/successSrars.png) no-repeat;

}
#send_card {

    position: absolute;
    width: 282px;
    height: 158px;
    top: 75%;
    left: 34%;
    z-index: 1018;
    display:none;
    background: url(/theme/img/message/cardSend.png) no-repeat;

}
#send_error_nike {

    position: absolute;
    width: 282px;
    height: 158px;
    top: 75%;
    left: 34%;
    z-index: 1018;
    display:none;
    background: url(/theme/img/message/DontFoundNike.png) no-repeat;

}
#send_error_oneself {

    position: absolute;
    width: 282px;
    height: 158px;
    top: 75%;
    left: 34%;
    z-index: 1018;
    display:none;
    background: url(/theme/img/message/cardDontSentOneself.png) no-repeat;

}

#er_gift_have {
    position: absolute;
    width: 282px;
    height: 158px;
    top: 55px;
    left: 110px;
    z-index: 1016;
    display:none;
    background: url(/theme/img/message/user_have_gift.png) no-repeat;
}

#by_smail {

    position: absolute;
    width:  273px;
    height: 142px;
    top: 69px;
    z-index: 1015;
    display:none;
    background: url(/theme/img/chat/success.png) no-repeat;

}
#by_color {

    position: absolute;
    width:  275px;
    height: 145px;
    top: 69px;
    z-index: 1020;
    display:none;
    background: url(/theme/img/message/successColor.png) no-repeat;

}
#er_smail {
    position: absolute;
    width:  273px;
    height: 142px;
    top: 69px;
    z-index: 1015;
    display:none;
    background: url(/theme/img/message/error.png) no-repeat;
}

#info_tal {
    width: 471px;
    height: 142px;
    position: absolute;
    right: 221px;
    margin: auto 0;
    z-index: 1017;
    display:none;
    margin-top: -197px;

}
#er_food {
    position: fixed;
    width: 283px;
    height: 150px;
    top: 250px;
    left: 40%;
    z-index: 1016;
    display:none;
    background: url(/theme/img/message/notFood.png) no-repeat;
}
#balloons {
    background: url("../img/holidays/balloons.png")no-repeat;
    position: fixed;
    width: 166px;;
    height: 254px;
    margin-top: -251px;
    margin-left: 841px;
    z-index: 1012;
}
#lina {
    background: url("../img/holidays/lina.png")no-repeat;
    position: absolute;
    width: 68px;
    height: 182px;
    margin-top: -249px;
    margin-left: 866px;
    z-index: 1012;
}
#balloons1 {
    background: url("../img/holidays/balloons1.png")no-repeat;
    position: fixed;
    width: 99px;
    height: 218px;
    margin-top: -251px;
    margin-left: -68px;
    z-index: 1012;
}
#cake {
    background: url("../img/holidays/cake.png")no-repeat;
    position: fixed;
    width: 220px;;
    height: 231px;
    margin-top: -230px;
    margin-left: 630px;
    z-index: 1014;
}
#flowers2 {
    background: url("../img/holidays/8march_flowers2.png")no-repeat;
    position: fixed;
    width: 139px;
    height: 254px;
    margin-top: -221px;
    margin-left: 152px;
    z-index: 1011;
}
#flowers1 {
    background: url("../img/holidays/8march_flowers1.png")no-repeat;
    position: fixed;
    width: 110px;
    height: 254px;
    margin-top: -94px;
    margin-left: 338px;
    z-index: 1015;
}
#activ_talisman{
    float: left;
    margin-left: 76px;
    position: absolute;
}
#label1 {
    background: url(/theme/img/gifs_ava1.png)no-repeat;
    position: absolute;
    z-index: 1;
    width: 92px;
    height: 72px;

    margin-left: 350px;
}
#label2 {
    background: url(/theme/img/gifs_ava2.png)no-repeat;
    position: absolute;
    z-index: 1;
    width: 109px;
    height: 72px;

    margin-left: 10px;
}
.bg-color .ajax_loader {
    background: url("../img/ajaxLoader/spinner_squares_circle.gif") no-repeat center center transparent;
    width:100%;
    height:100%;
}

.user {
    cursor: pointer;
}
.colorNameRad {
    color: #fd0d06;
}
.vip-menu{
    margin-left: 7px;
}
.title-user-menu {
    padding-left: 20px;
    font-family: Calibri;
    font-size: 15px;
    color: #dbba80;
    background: -webkit-linear-gradient(#f1e4ce, #826437);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ui-state-focus {
    border: none !important;
    margin: 0 0 !important;
}
.vip-user-menu {
    background: url(/theme/img/star-icon.png)no-repeat;
}
.not-vip-user-menu {
    background: url(/theme/img/pang.png)no-repeat;
}
.ui-widget-content a {
    color: #dbba80 !important;
    font-family: Calibri;
    font-size: 15px;
}
.ui-widget-content a:hover {
    color: #fd0d06 !important;
}
.ui-menu-item a {
    padding-left: 7px;

}
.separate-after-name {
    width: 148px;
    height: 7px;
    background: url(/theme/img/chat/separateAfterName.png)repeat-x
}
.boldNick {
    font-weight: 800;
}
.normNick{
    font-weight: normal;
}
.to {
    cursor: pointer;
}
#toMessage img{
    padding-left: 3px;
}
#toMessage img:hover {
    background: url("../img/icon-act-3.png") no-repeat;
    padding-left: 3px;
}
.toMessageAc{
    background: url("../img/icon-act-3.png") no-repeat;
}
.private {
    cursor: pointer;
    /*color: #ff0000;*/
}
.send-private {
    margin-left: -28px;
    float: left;
    cursor: pointer;
}
.ui-widget-content{
    background: #65461d !important;
    border: 1px solid #8b6433 !important;
    color: #e1c493 !important;
}
.ui-widget{
    font-size: .8em;
}
.ui-menu {
    width: 150px;
    z-index: 1000;
    padding: 5px 0;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.ui-menu .ui-state-disabled a{
    /*text-space-collapse: #e1c493;*/
    color: #e1c493 !important;
}
/* Define a custom icon */

.ui-icon.custom-icon-firefox {
    /*background-image: url(application_firefox.gif);*/
    background-position: 0 0;
}
.copyToB:hover {
    color: #fd0d06;
}
/*.zclip{
    background: url(/theme/img/chat/save.png) no-repeat;
    width: 190px !important;
    height: 30px !important;
}*/
.zclip:hover{
    background: url(/theme/img/chat/save_raad.png) no-repeat;
    width: 190px !important;
    height: 30px !important;
}
.online {
    background: url(/theme/img/chat/online_litel.png) no-repeat;
    width: 14px;
    height: 14px;
    float: right;
}

.offline {
    background: url(/theme/img/chat/offline_litel.png) no-repeat;
    width: 14px;
    height: 14px;
    float: right;
}
#popupSmail {
    height: 232px;
    width: 310px;
    position: absolute;
    z-index: 1011;
    background: url(/theme/img/chat/backraundSmaill.png);
    border: #65461d  solid 1px;
    margin-top: -229px;
    margin-left: 636px;
    display: none;
}
:focus {
    outline: none;
}
textarea {
    color: #533d20;
}
textarea::-webkit-input-placeholder { color: #533d20; }
#popupColor {
    height: 232px;
    width: 280px;
    position: absolute;
    z-index: 1011;
    background: url(/theme/img/chat/backraundSmaill.png);
    border: #65461d  solid 1px;
    margin-top: -229px;
    margin-left: 667px;
    display: none;
}
#table-smail{
    z-index: 1015;
    width: 315px;
    height: 187px;
}
#table-smail table {
    border-top: #65461d  solid 1px;
    margin-top: 6px;
    table-layout: fixed;
    width: 294px;
    /*border-right: #65461d  solid 1px;*/
}

#table-smail table td {
    cursor: pointer;
    border-right: #65461d  solid 1px;
    border-bottom: #65461d  solid 1px;
}
#table-smail table td div {
    display: block;
    overflow-x: hidden;
    width: 100%;
}
#table-smail table td:active {
    background-color: #ffffff;
}
#table-color{
    z-index: 1015;
    width: 287px;
    height: 187px;
}
#table-color table {
    border-top: #65461d  solid 1px;
    margin-top: 6px;
    /*border-right: #65461d  solid 1px;*/
}

#table-color table td {
    cursor: pointer;
    border-right: #65461d  solid 1px;
    border-bottom: #65461d  solid 1px;
}
#table-color table td:active {
    background-color: #ffffff;
}
.line-top {
    border-top:  #65461d  solid 1px;
    margin-top: 2px;
    width: 218px;
    margin-left: 20px;
}
#popupSmail .heder-smail-pay {
    background-color: #65461d;
    height: 46px;
    padding-left: 19px;
}
#popupColor .heder-smail-pay {
    background-color: #65461d;
    height: 46px;
}
#popupSmail .title-smail {
    color:#dbba80;
    margin-left: 3px;
    padding-top: 13px;
}
#popupColor .title-smail {
    color:#dbba80;
    margin-left: 11px;
    padding-top: 13px;
}
.title-smail span {
    color: #efdb00;
}
.subs {
    margin-left: 57px;
    margin-top: 2px;
    width: 113px;
    text-align: center;
}
.subs a {
    text-decoration: none;
    width: 113px;
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    font-family: Calibri;
    font-size: 12px;
    color: #efdb00;
    background: url(/theme/img/reg_black.jpg) no-repeat;
    border: #efdb00 solid 1px;
    border-radius: 5px;
}
.subs a:hover{
    background: url(/theme/img/reg.jpg) no-repeat;
    color: #ffffff;
    border: #ffffff solid 1px;
    border-radius: 5px;
}

.subs a:active {
    text-decoration: none;
    background: url(/theme/img/reg_black.jpg) no-repeat;
    color: #ffffff;
    border: #e80000 solid 1px;
    border-radius: 5px;
}
#dateEnd{
    margin-left: 81px;
    font-size: 15px;
    margin-top: 3px;
    color: darkorange;
}
.title-subs_smail{
    margin-left: 47px;
    font-size: 15px;
    padding-top: 6px;
    color: darkorange;
    display: block;
}
.title-subs_color{
    margin-left: 30px;
    font-size: 15px;
    padding-top: 6px;
    color: darkorange;
    display: block;
}
.button-tab {
    height: 25px;
    width: 117px;
    background: url(/theme/img/pet_info/button-rename.png) no-repeat 0% 0%;
    text-decoration: none;
    display: block;
    float: left;
    margin-left: 15px;
    margin-right: 6px;
    outline: none;
}
.button-tab:hover {background-position: 0% 50%;}
.button-tab:active {background-position: 0% 100%;}
.button-tab span {
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 4px;
    display: block;
}
.activ-pet {
    position: absolute;
    margin-top: -22px;
    margin-left: 79px;
    cursor:pointer;
}
.letter {
    position: absolute;
    margin-top: -38px;
    margin-left: 81px;
    cursor:pointer;
}

.showLetter {
    background: url("../img/envelope.png") no-repeat;
    height: 14px;
    width: 20px;
    display: block;
}
.ui-tabs .ui-tabs-nav li a {
    outline: none !important;
}
.ui-tabs .ui-tabs-nav li:active a {
    outline: none !important;
}
.ui-tabs .ui-tabs-nav li:focus a {
    outline: none !important;
}
.clickThis a {
    cursor: pointer;
}
.ball {
    display:inline-block;
    width: 15px;
    height: 15px;
    background: url("../img/bell.png") no-repeat 0% 0%;
    margin:0px 0 0 8px;
    position:relative;
    top:-1px;
}
.ball:hover {background-position: 0% 50%;}
.ball-block {
    display:inline-block;
    width: 15px;
    height: 15px;
    background: url("../img/bell.png") no-repeat;
    background-position: 0% 100%;
    margin:0px 0 0 8px;
    position:relative;
    top:-1px;
}
.selectionPanel {
    margin-left: 223px;
}


.rechanges .inEndow {
    color: #535353; !important;
    display: inline-block;
    vertical-align: middle;
    margin-top: 6px;
    width: 105px; margin-left: 227px; height: 22px;
    text-decoration: none;
    line-height: 170%; font-size: 13px; text-align: center;
    background: url(/theme/img/clan/pay.png) no-repeat;


}
.rechanges .inEndow:hover {color: #535353 !important; background-position: 0 50%;}
.rechanges .inEndow:active {color: #535353 !important; background-position: 0 100%;}

.msg .grade {
    margin-right: 3px;
}
.msg .grade img {
    margin-top: 1px;
    position: inherit;
}
.coutLetters {
    background: url("../img/countLetters.png");
    display: inline-block;
    height: 13px;
    position: absolute;
    width: 13px;
    margin-top: -8px;
    margin-left: 12px;

    font-size: 12px;
    color: #530003;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}
#actTal .actUntwTall {font-family: Calibri,sans-serif; font-size: 13px; color: #fff; width: 119px; height: 21px; background: url(/theme/img/clan/expel.png) no-repeat; border: none; float: right; margin-top: 15px;  cursor: pointer;}
#actTal .actUntwTall:hover{background-position: 0 50%;}
#actTal .actUntwTall:active{background-position: 0 100%;}




/* href="http://js.monopolystar.ru/theme/css/style_last.css" */

@charset "utf-8";

a {
    color: inherit;
    text-decoration: underline;
}
a img {
    border: none;
}
button {
    cursor: pointer;
}
h1 {
    margin: 0 0 8px 0;
    color: #be0000;
    font: bold 18px Arial, Helvetica, sans-serif;
}
h2 {
    margin: 0 0 8px 0;
    color: #929292;
    font: bold 18px Arial, Helvetica, sans-serif;
}
hr {
    margin: 30px 0;
    border: none;
    border-bottom: 1px solid #e1e1e1;
}
p {
    margin: 10px 0;
    text-align: justify;
}

.inactive
{
    color:#CDCDCD;
    font-style:italic;
}

.hidden
{
    display:none;
}

.faq-answer {
    color:red;
}





#visitors {
    margin-top: 5px;
    width: 279px;
    height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}

#visitors td {display: none;}
#visitors table {
    padding: 0 10px;
    width: 100%;
    height: 100%;
}
#visitors-count {
    font-size: 32px;
}
.visitors_star {position: absolute; left: -85px; top:0px;}
.bg-drakon {position: absolute; left: 320px; top:0px;}
.bg-oleni {position: absolute; left: 270px; bottom:0px;}
.bg-sugrob {position: absolute; left: 16px; top:95px;}

.one {position: absolute; left: 20px; top: 0px;}

.new-year { position: absolute; background:url(/img/bgSummer.jpg) no-repeat; width: 1023px; height: 167px; top: 33px; right: -35px; z-index: 1; }
.happy { position: absolute; background:url(/img/happy.png) no-repeat; width: 43px; height: 259px; top: 265px; left: -44px; }
.footer-year { position: absolute; background:url(/img/footer-year.png) no-repeat; width: 933px; height: 87px; z-index: 1; top: -11px; left: 10px; }

.substrateBak{
    background-color: #000;
    opacity: 0.4;
    width: 957px;
    height: 461px;
    position: absolute;
}

.box-rd { width: 960px; height: 491px; padding-top: 24px; background:url(../img/box-rd-bg2.jpg) no-repeat; position: relative; }
.socailBurr {background: url(../img/socialBack.png);position: absolute;width: 138px;z-index: 200;height: 59px;margin-top: -11px;margin-left: 114px;}
.socailBurr span {color: #dbba80; font-size: 13px; margin-left: 32px;font-weight: bold; }
.socailBurr .pnlButton {margin-left: 9px;  margin-top: 14px; }
.socailBurr .buttonVK{display: inline-block;
    height: 23px;
    width: 27px;
    background: url(../img/socialButton.png) 0% 97%;}
.socailBurr .buttonOD{display: inline-block;
    height: 23px;
    width: 27px;
    background: url(../img/socialButton.png) 33% 97%;}
.socailBurr .buttonML{display: inline-block;
    height: 23px;
    width: 27px;
    background: url(../img/socialButton.png) 67% 97%;}
.socailBurr .buttonF{display: inline-block;
    height: 23px;
    width: 27px;
    background: url(../img/socialButton.png) 100% 97%;}
.socailBurr .buttonVK:hover{background: url(../img/socialButton.png) 0% -1%}
.socailBurr .buttonOD:hover{background: url(../img/socialButton.png) 33% -1%}
.socailBurr .buttonML:hover{background: url(../img/socialButton.png) 67% -1%}
.socailBurr .buttonF:hover{background: url(../img/socialButton.png) 100% -1%}
.substrate { width: 980px; height: 443px; background:url(../img/substrate2.png) no-repeat; margin-left: -10px; padding-top: 18px; position: relative;}
.age-block { position: absolute; bottom: 50px; left: -28px; background:url(../img/18plus.png) no-repeat; width: 83px; height: 45px;}
.page-box { width: 940px; height: 427px; /*background:url(../img/page-box-bg.png) no-repeat;*/ margin: 0 auto; position: relative;}
.corner-top-left { background:url(../img/corner-top-left.png) no-repeat; position: absolute; top: 5px; left: 7px; width: 100px; height: 100px; }
.corner-top-right { background:url(../img/corner-top-left.png) no-repeat; transform: scale(-1, 1); position: absolute; top: 5px; left: 237px; width: 100px; height: 100px; }
.corner-bottom-left { background:url(../img/corner-top-left.png) no-repeat; transform: scale(1, -1); no-repeat; position: absolute; bottom: 7px; left: 7px; width: 100px; height: 100px; }
.corner-bottom-right { background:url(../img/corner-top-left.png) no-repeat; transform: scale(-1, -1); position: absolute; bottom: 7px; left: 237px; width: 100px; height: 100px; }

.corner-top-left-news { background:url(../img/corner-top-left.png) no-repeat; position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; }
.corner-top-right-news { background:url(../img/corner-top-left.png) no-repeat; transform: scale(-1, 1); position: absolute; top: 0px; right: 0px; width: 100px; height: 100px; }
.corner-bottom-left-news { background:url(../img/corner-top-left.png) no-repeat; transform: scale(1, -1); no-repeat; position: absolute; bottom: 0px; left: 0px; width: 100px; height: 100px; }
.corner-bottom-right-news { background:url(../img/corner-top-left.png) no-repeat; transform: scale(-1, -1); position: absolute; bottom: 0px; right: 0px; width: 100px; height: 100px; }

.tabs {margin-left: -16px; padding-top: 25px; overflow: hidden; margin-bottom: 0px; margin-top: 0px; }
.tabs li { float: left; list-style-type: none; background:url(../img/button-tabs.png) no-repeat; width: 148px; height: 35px; cursor: pointer; }
.tabs li:hover {background-position: 0% 50%;}
.tabs li p {text-align: center; text-transform: uppercase; font-size: 13px; color: #dbbd87;}

.tabClan {margin-left: -16px; padding-top: 25px; overflow: hidden; margin-bottom: 0px; margin-top: 0px; }
.tabClan li { float: left; list-style-type: none; background:url(../img/button-tabs.png) no-repeat; width: 148px; height: 35px; cursor: pointer; }
.tabClan li:hover {background-position: 0% 50%;}
.tabClan li p {text-align: center; text-transform: uppercase; font-size: 13px; color: #dbbd87;}

.tabMain {margin-left: -16px; overflow: hidden; margin-bottom: 0px; margin-top: 0px; }
.tabMain li { float: left; list-style-type: none; width: 29px; height: 113px; cursor: pointer; }
.tabMain li:hover {background-position: 50% 0%; margin-left: -46px;}
.tabMain li p {text-align: center; text-transform: uppercase; font-size: 13px; color: #dbbd87;}

.playerButton { background:url(../img/player_tabs.png) no-repeat;
    position: absolute;
    margin-left: -48px;
    margin-top: 76px;
}

.clanButton{background:url(../img/clan_tabs.png) no-repeat;
    position: absolute;
    margin-left: -48px;
    margin-top: 224px;}

.current { background:url(../img/button-tabs.png) no-repeat 0% 100% !important; }
.current p {color: #ffefef !important;}

.playerCurrent { background:url(../img/player_tabs.png) no-repeat 100% 0%; margin-left: -48px; !important; }
.clanCurrent { background:url(../img/clan_tabs.png) no-repeat 100% 0%; margin-left: -48px; !important; }



.top-user {font-size: 14px; clear: both; padding-top: 3px; padding-bottom: 3px; }
.top-user p {margin-top: 5px; margin-bottom: 5px;}
.box-user { overflow: hidden; border-bottom: 1px solid #bf9862; margin-right: 5px; }
.box-user .name {float: left; margin-left: 5px;}
.box-user .user-info-icon { width: 10px; height: 10px; float: left; background: url("../img/userInfo.png") no-repeat 0% 0%; margin-top: 8px; margin-left: 3px;}
.box-user .user-info-icon:hover {background: url("../img/userInfo.png") no-repeat 0% 100%;}
.other-user .user-info-icon { width: 10px; height: 10px; float: left; background: url("../img/userInfo.png") no-repeat 0% 0%; margin-top: 3px; margin-left: 3px;}
.other-user .user-info-icon:hover {background: url("../img/userInfo.png") no-repeat 0% 100%;}
.box-user .vip {float: left; margin-left: 3px; margin-top: 3px;}
.box-user .vip img {height: 16px; width: 16px;}
.box-user .clan-icon {float: left; margin-left: 3px; }
.box-user .clan-icon img {height: 13px; width: 13px;}
.box-user .grade {float: left; margin-left: 5px;}
.box-user .summ {float: right; margin-right: 5px;}
.top-img { width: 27px; height: 26px; float: left; margin: 0px 3px 0px 3px; }
/*.top-img img {height: 28px !important; width: 28px !important;}*/
.section { float: left; }

.news-box { float: left; width: 575px; height: 415px; position: relative; margin-top: 5px; margin-left: 35px;}
.news-block { margin-left: 40px; margin-top: 15px; }
.news-block img { float: left; padding: 2px; border: 1px solid #b19154; margin-right: 7px; }
.news-text { overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #b38b53; }
.news-text .title {text-decoration: none; color: #870000; font-size: 15px; text-align: left;}
.news-text .date {display: block; color: #927545; font-size: 13px; margin-top: 5px; margin-bottom: 5px;}
.news-text p {font-size: 13px !important; margin: 0px; color: #483413; margin-bottom: 5px;}
.news-text .more {display: block; font-size: 12px; width: 90px; height: 16px; text-align: center; text-decoration: none; color: #fff; background:url(../img/more.png) no-repeat; }
.tape-news { position: absolute; top: -2px; right: 10px; background:url(../img/tape-news.png) no-repeat; width: 44px; height: 111px; z-index: 200; }

.other-user { overflow: hidden; clear: both;margin-left: 7px; margin-right: 5px; font-size: 13px; padding-top: 6px; padding-bottom: 5px; }
.other-user p {margin-top: 0px; margin-bottom: 0px;}
.other-user .name {float: left; margin-left: 5px;}
.other-user .vip {float: left; margin-left: 3px; margin-top: -3px;}
.other-user .vip img {height: 16px; width: 16px;}
.other-user .clan-icon {float: left; margin-left: 3px;}
.other-user .clan-icon img {height: 13px; width: 13px;}
.other-user .grade {float: left; margin-left: 5px;}
.other-user .num {float: left;width: 20px; padding-left: 6px;}
.other-user .summ {float: right; margin-right: 5px;}
.other-bg { background:url(../img/other-bg.png); }

.talisman-box { margin-top: 5px; }
.talisman-block { position: relative; }
.talisman-box a {display: block; float: left; margin-left: 8px; margin-right: 9px;}

.capital, .capitalClan { width: 39px; height: 39px; background:url(../img/capital.png) no-repeat; }
.capital:hover, .capitalClan:hover {background-position: 0% 50%; }
.capital:active, .capitalClan:active {background-position: 0% 100%; }

.rating, .ratingClan { width: 39px; height: 39px; background:url(../img/game.png) no-repeat; }
.rating:hover, .ratingClan:hover {background-position: 0% 50%; }
.rating:active, .ratingClan:active {background-position: 0% 100%; }

.mastery, .masteryClan { width: 39px; height: 39px; background:url(../img/rating.png) no-repeat; }
.mastery:hover, .masteryClan:hover {background-position: 0% 50%; }
.mastery:active, .masteryClan:active {background-position: 0% 100%; }

.vip-button, .vip-buttonClan { width: 39px; height: 39px; background:url(../img/vip-button.png) no-repeat; }
.vip-button:hover, .vip-buttonClan:hover {background-position: 0% 50%; }
.vip-button:active, .vip-buttonClan:active {background-position: 0% 100%; }

.two-x-two, .two-x-twoClan { width: 39px; height: 39px; background:url(../img/2x2.png) no-repeat; }
.two-x-two:hover, .two-x-twoClan:hover {background-position: 0% 50%; }
.two-x-two:active, .two-x-twoClan:active {background-position: 0% 100%; }

.about-text { border: 1px solid #422603; background:url(../img/about-text-bg.jpg); color: #dbba80; font-size: 12px; overflow: hidden; border-radius: 5px; margin-top: -5px; padding-bottom: 15px; position: relative;}
.about-text .column {width: 430px; float: left; margin-left: 25px; margin-right: 20px; margin-top: 10px; position: relative;}

.col-top-left { position: absolute; top: -2px; left: -15px; background:url(../img/col-top-left.png) no-repeat; width: 36px; height: 35px; }
.col-bottom-left { position: absolute; bottom: -8px; left: -15px; background:url(../img/col-top-left.png) no-repeat; transform: scale(1, -1); width: 36px; height: 35px; }
.col-top-right { position: absolute; top: -2px; right: -15px; background:url(../img/col-top-left.png) no-repeat; transform: scale(-1, 1); width: 36px; height: 35px; }
.col-bottom-right { position: absolute; bottom: -8px; right: -15px; background:url(../img/col-top-left.png) no-repeat; transform: scale(-1, -1); width: 36px; height: 35px; }

.first-top { color: #870000; }

.social-vk { position: absolute; bottom: 3px; left: 142px; }

.box-tabs, .box-tabClan {
    display: none; /* ?? ????????? ?????? ??? ????? вот это особенно возбуждает */
    clear: both;
    width: 287px;
    height: 330px;
    border: 1px solid #bf9362;
    border-radius: 5px;
    background:url(../img/box-tabs-bg.jpg);
    margin-top: 5px;
    margin-left: 28px;
    color: #483413;
    position: relative;
    z-index: 200;
}
.box-tabs.visible {
    display: block; /* ?? ????????? ?????????? ?????? ???? верстальщик, угодай что я имел ввиду :) */
}
.box-tabClan.visible {
    display: block;
}

/* Tiny Scrollbar */
#scrollbarY { width: 520px; margin: 20px 0 10px; }
#scrollbarY .viewport { width: 500px; height: 365px; overflow: hidden; position: relative; }
#scrollbarY .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbarY .scrollbar{position: relative; background-position: 0 0; float: right; width: 15px;}
#scrollbarY .track { background: transparent url(../img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 170px !important; width:13px; position: relative; margin-left: 60px; margin-top: 100px;}
#scrollbarY .thumb {background: transparent url(../img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 21px !important; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -3px; }
#scrollbarY .thumb .end {  overflow: hidden; height: 5px; width: 25px; }
#scrollbarY .disable { display: none; }

.box-tabs-new, .box-tab-clan-new {
    display: none; /* ?? ????????? ?????? ??? ????? */
    width: 285px;
    height: 282px;

}
.box-tabs-new.visible {
    display: block; /* ?? ????????? ?????????? ?????? ???? */
}
.box-tab-clan-new.visible{
    display: block;
}
.box-tabs-week, .box-tab-clan-week {
    display: none; /* ?? ????????? ?????? ??? ????? */
    width: 285px;
    height: 282px;

}
.box-tabs-week.visible {
    display: block; /* ?? ????????? ?????????? ?????? ???? */
}
.box-tab-clan-week.visible{
    display: block
}
.tabs-new { margin: 0px; padding: 0px; float: right;}
.tabs-new li { float: left; list-style-type: none; cursor: pointer; margin: 5px 9px 0px 9px; position: relative; }
.tabs-new .t1.current-new { background-position: 0 100%; }
.tabs-new .t2.current-new { background-position: 0 100%; }
.tabs-new .t3.current-new { background-position: 0 100%; }
.tabs-new .t4.current-new { background-position: 0 100%; }
.tabs-new .t5.current-new { background-position: 0 100%; }
.tabs-new .t6.current-new { background-position: 0 100%; }
.tabs-new .t7.current-new { background-position: 0 100%; }

.tab-clan-new { margin: 0px; padding: 0px; }
.tab-clan-new li { float: left; list-style-type: none; cursor: pointer; margin: 5px 9px 0px 9px; position: relative; }
.tab-clan-new .t1.current-new { background-position: 0 100%; }
.tab-clan-new .t2.current-new { background-position: 0 100%; }
.tab-clan-new .t3.current-new { background-position: 0 100%; }
.tab-clan-new .t4.current-new { background-position: 0 100%; }
.tab-clan-new .t5.current-new { background-position: 0 100%; }
.tab-clan-new .t6.current-new { background-position: 0 100%; }
.tab-clan-new .t7.current-new { background-position: 0 100%; }

.talisman-info {display: none; position: absolute; bottom: -25px; left: -30px; text-align: center; background: #34353a; color: #fff; font-size: 13px; padding: 5px; width: 100px; border-radius: 5px; }
.talisman-info2 {display: none; position: absolute; bottom: -25px; left: -30px; text-align: center; background: #34353a; color: #fff; font-size: 13px; padding: 5px; width: 100px; border-radius: 5px; }
.talisman-info3 {display: none; position: absolute; bottom: -25px; left: -30px; text-align: center; background: #34353a; color: #fff; font-size: 13px; padding: 5px; width: 100px; border-radius: 5px; }
.talisman-info4 {display: none; position: absolute; bottom: -25px; left: -30px; text-align: center; background: #34353a; color: #fff; font-size: 13px; padding: 5px; width: 100px; border-radius: 5px; }
.talisman-info5 {display: none; position: absolute; bottom: -25px; left: -30px; text-align: center; background: #34353a; color: #fff; font-size: 13px; padding: 5px; width: 100px; border-radius: 5px; }

.section-new .tab-clan-new{
    float: right;
}

#branding {
    margin: 4px 0;
    width: 960px;
    height: 125px;
    color: #fff;
    background: url(/img/branding-bg.png) no-repeat;
}

#main-nav {
    position: relative;
    z-index: 1014;
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
}


#main-nav a {
    display: block;
    padding: 8px 10px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
    border-radius: 5px;
}
#main-nav a:hover {
    padding: 7px 9px;
    color: #6d6d6d;
    text-shadow: none;
    background-color: #f6e6e6;
    border: 1px solid #929292;
}

#nav-m {
    padding: 1px;
    width: 960px;
    height: 60px;
    text-align: center;
    background: url(/img/nav-bg.png) no-repeat;
}
#nav-m ul {
    margin: 0 auto;
    width: 750px;
    list-style-type:none;
}
#nav-m li{display:inline-block;margin-left:3px;}
#nav-m a {
    display: block;
    width: 180px;
    height: 60px;
    color: #808080;
    font-size: 13px;
    line-height:60px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}
#nav-m a img {
    vertical-align: -24px;
}
#nav-m a:hover {
    background: url(/img/nav-hover.png) repeat-x;
}
.nav-separator {
    width: 2px;
    height: 60px;
    background: url(/img/nav-separator.png) no-repeat;
}


#monopoly {
    margin-top: 4px;
    padding-top: 10px;
    width: 960px;
    height: 267px;
    color: #a1a1a1;
    text-align: center;
    background: url(/img/monopoly.jpg) no-repeat;
}
#monopoly h1 {
    color: #be0000;
    font-size: 24px;
    font-weight: bold;
}
#redbar {
    position: relative;
    top: -10px;
    width: 960px;
    height: 40px;
    background: url(/img/redbar-bg.png) no-repeat center top #be0000;
    border-radius: 10px;
}


#header-separator {
    height: 35px;
}
.backwhite{
    background:#ffffff;
}
#content {
    /*background: url(../img/content-bg.jpg);*/
    position: relative;
    width: 960px;
    border-radius: 5px;
    height: auto;
    /*   margin-top: 452px;*/
    /*z-index: 1015;*/
}

.content
{
    /*color: #707070;*/
}
.content #overview2 {
    background: url(../img/content-bg.jpg);
}
.white-color {
}


.left-bg { width: 18px; background:url(../img/left-bg.png) repeat-y; position: absolute; height: 100%; left: -10px; }
.right-bg { width: 18px; background:url(../img/left-bg.png) repeat-y; position: absolute; height: 100%; right: -10px; }
.lin-bg { height: 2px; background:url(../img/lin-bg.png) repeat-x; position: absolute; top: 0px; width: 100%; }
.lin-bg-bottom { height: 2px; background:url(../img/lin-bg.png) repeat-x; position: absolute; bottom: 0px; width: 100%; }
.coal-left { width: 75px; height: 114px; background:url(../img/coal-left.png) no-repeat; position: absolute;top: -10px; left: -20px; z-index: 100; }
.coal-right {z-index: 150; width: 50px; height: 69px; background:url(../img/coal-right.png) no-repeat; position: absolute;top: -10px; right: -15px; }
.coal-left-bottom { width: 130px; height: 141px; background:url(../img/coal-left-bottom.png) no-repeat; position: absolute; bottom: -10px; left: -15px; }
.coal-right-bottom {z-index: 150; width: 129px; height: 127px; background:url(../img/coal-right-bottom.png) no-repeat; position: absolute; bottom: -10px; right: -15px; }
.title-info { color: #870000; font-weight: normal; font-family: 'Calibri'; text-transform: uppercase; width: 209px; height: 78px; background:url(../img/title-info.png) no-repeat; text-align: center; margin: 0 auto; position: relative; top: -10px; padding-top: 15px; }

.tabs, .tabClan { position: relative; z-index: 1000; }
.box { float: left; width: 203px; margin-left: 18px; margin-right: 13px; }
.box_ { float: left; width: 203px; margin-left: 12px; margin-right: 0px; outline:none;}
.mail { display: block; width: 203px; height: 100px; background:url(../img/1.png) no-repeat 0% 0%; }
.mail:hover {background:url(../img/1.png) no-repeat 0% 100%;}

.friend { display: block; width: 203px; height: 100px; background:url(../img/2.png) no-repeat 0% 0%; }
.friend:hover {background:url(../img/2.png) no-repeat 0% 100%;}

.portfolio { display: block; width: 203px; height: 100px; background:url(../img/3.png) no-repeat 0% 0%; }
.portfolio:hover {background:url(../img/3.png) no-repeat 0% 100%;}

.character { display: block; width: 203px; height: 100px; background:url(../img/4.png) no-repeat 0% 0%; }
.character:hover {background:url(../img/4.png) no-repeat 0% 100%;}

.shop { display: block; width: 219px; height: 98px; background:url(../img/10.png) no-repeat 0% 0%; }
.shop:hover {background:url(../img/10.png) no-repeat 0% 100%;}

.gift { display: block; width: 222px; height: 98px; background:url(../img/20.png) no-repeat 0% 0%; }
.gift:hover {background:url(../img/20.png) no-repeat 0% 100%;}

.elites { display: block; width: 224px; height: 98px; background:url(../img/30.png) no-repeat 0% 0%; }
.elites:hover {background:url(../img/30.png) no-repeat 0% 100%;}

.elite-shop { display: block; width: 224px; height: 98px; background:url(../img/shop-button.png) no-repeat 0% 0%; }
.elite-shop:hover {background:url(../img/shop-button.png) no-repeat 0% 100%;}


.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background-position: 0% 100%; }

.statistics { width: 315px; float: left; }
.statistics h2 {margin-left: 5px; text-transform: uppercase; color: #525252; font-weight: normal; border-bottom: 1px solid #b9a173; font-size: 15px; padding-bottom: 10px; margin: 0px;}
#right_sidebar table {border-spacing: 0px; font-size: 11px;}
#right_sidebar table td {padding-top: 7px; padding-bottom: 5px; border: 0; padding-right: 0px;}
#right_sidebar table .c1 {background: #ddbe92;}
#right_sidebar .left-block { padding-left: 3px; }
#right_sidebar .right-block {padding-right: 3px; padding-left: 7px; }

.finance { float: left; width: 180px; margin-left: 10px; }
.finance h2 {margin-left: 5px; text-transform: uppercase; color: #525252; font-weight: normal; border-bottom: 1px solid #b9a173; font-size: 15px; padding-bottom: 10px; margin: 0px;}
.finance table {padding-bottom: 10px; border-bottom: 1px solid #b9a173 !important; width: 100%; }

.rechange a { display: block; width: 139px; height: 24px; background:url(../img/rechange.png) no-repeat 0% 0%; text-align: center; color: #fff !important; text-decoration: none; margin: 0 auto; margin-top: 18px; }
.rechange a:hover {background-position: 0% 50%;}
.rechange a:active {background-position: 0% 100%;}
.remove a { display: block; width: 139px; height: 24px; background:url(../img/remove-means.png) no-repeat 0% 0%; text-align: center; color: #fff !important; text-decoration: none; margin: 0 auto; margin-top: 10px; }
.remove a:hover {background-position: 0% 50%;}
.remove a:active {background-position: 0% 100%;}

.vip-status { margin-top: 40px; }
.vip-status h2 {margin-left: 5px; text-transform: uppercase; color: #525252; font-weight: normal; border-bottom: 1px solid #b9a173; font-size: 15px; padding-bottom: 10px; margin: 0px;}

.buy { overflow: hidden; margin-top: 10px; }
.vip10 { float: left; }
.vip10 input {display: block; width: 126px; height: 23px; background:url(../img/vip10-button.png) no-repeat 0% 0%; float: left; border: none}
.vip10 input:hover {background-position: 0% 50%;}
.vip10 input:active {background-position: 0% 100%;}
.vip10 .sum-star {position: relative; top: 3px; left: 5px; color: #d28000;}

.vip30 { float: right; margin-right: 5px; }
.vip30 input {display: block; width: 126px; height: 23px; background:url(../img/vip30-button.png) no-repeat; float: left; border: none}
.vip30 input:hover {background-position: 0% 50%;}
.vip30 input:active {background-position: 0% 100%;}
.vip30 .sum-star {position: relative; top: 3px; left: 5px; color: #d28000;}


.infos { margin-top: 17px; color: #5b5b5b; font-size: 11px; }
.infos p {margin-bottom: 0px;}
.infos .vip {color: #d28000;}
.infos .vs {color: #931a14;}
.infos ul {padding-left: 0px; margin-top: 0px; }
.infos li {list-style-type: none; background:url(../img/star-new.png) no-repeat 0px 5px; padding-left: 19px; line-height: 150%;}

.left-footer { position: absolute; left: -20px; background:url(../img/left-footer.png) no-repeat; width: 93px; height: 102px; }
.right-footer { position: absolute; right: -20px; background:url(../img/right-footer.png) no-repeat; width: 88px; height: 114px; top: -10px; }

.sub-menu { float: right; margin-top: 25px; margin-right: 5px;}
.sub-menu li {float: left; margin-right: 5px; margin-left: 5px; text-transform: uppercase; list-style-type: none; }
.sub-menu a {display: block; width: 116px; height: 27px; border: 1px solid #4f4f4f; border-radius: 15px; text-decoration: none; color: #515151; text-shadow: 1px 1px 1px 1px #fff; background:url(../img/bg-li.jpg) repeat-x;}
.sub-menu p { text-align: center; margin: 0px; padding-top: 7px;}
.sub-menu .active {background:url(../img/bg-li-active.jpg) repeat-x;}

#left_sidebar td { padding-top: 8px; padding-bottom: 8px; }
#left_sidebar table tr .c2 {width: 170px; text-align: right; padding-right: 15px; color: #877551; font-size: 14px;}
.new-password .c2 {width: 170px; text-align: right; padding-right: 15px; color: #877551; font-size: 14px;}
#left_sidebar table tr .c3 {width: 185px; text-align: left; border-bottom: 1px solid #b9a173; color: #877551; font-size: 14px; }
.c3 select {color: #877551; border: none!important;  background: #e3c79f;}
#left_sidebar table tr .c4 {padding-left: 7px;}

#left_sidebar input {width: 180px; height: 27px; background:url(../img/input-bg.png) repeat-x; border-radius: 5px; border: none; padding-left: 5px; color: #877551; font-size: 14px; }

.password {margin-bottom: 10px; width: 177px; height: 24px; background:url(../img/change-pass.png) no-repeat 0% 0%; text-align: center; display: block; color: #fff !important; text-decoration: none; float: right; margin-top: 15px; margin-right: 40px; }
.password:hover {background-position: 0% 50%;}
.password:active {background-position: 0% 100%;}
.password p {padding-top: 4px; margin: 0px; text-align: center; }
.redaction { clear: both; padding: 20px 0px 0px 40px; color: #877551; }
.redaction img {position: relative; top: 3px; }
.new-password { margin-bottom: 10px; float: right; margin-right: 35px; display: none; }

#tabs-7 .rechanges { margin-left: -15px; height: inherit;}
#tabs-card-1 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-2 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-3 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-4 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-5 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-6 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-7 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-8 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-9 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-10 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-11 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-12 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-13 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-20 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-30 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-40 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-50 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-60 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-70 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-80 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-90 .rechanges {  margin-left: 8px; height: 36px;}
#tabs-card-100 .rechanges {  margin-left: 8px; height: 36px;}

.rechanges { width: 897px; height: 36px; background:url(../img/rechange-bg.png) repeat-x; border-radius: 5px; margin-left: 10px; padding-bottom: 10px; }
.rechanges .box-rh {float: right;}
.rechanges .box-rh .button-rh {float: left;width: 142px; height: 25px; background:url(../img/rechange-button.png) no-repeat; display: block; color: #373737 !important; text-decoration: none; margin-top: 6px;}
.rechanges .box-rh .button-rh:hover {color: #373737 !important;}
.rechanges .box-rh .button-rh p {padding-top: 5px; padding-left: 21px; margin: 0px; font-size: 12px;}
.rechanges .box-rh .schet {display: inline-block; margin: 10px 16px 0px 12px; color: #6b5230;}
.rechanges .box-rh .schet .summ {color: #d28000;}
.rechanges .box-rh .schet .summ img {position: relative; top: 2px;}
.rechanges .capacity {float: left; margin: 10px 16px 0px 12px; color: #6b5230;}
.rechanges .capacity .red {color: #c50000;}
.rechanges .accees {float: left; margin-top: 10px; margin-left: 16px; color: #373737;}

.main-portfel { margin-top: 25px; }
.main-portfel .icon {border: 1px solid #baa481; border-radius: 5px; padding: 4px; float: left; position: relative; margin-left: 10px; margin-right: 10px; margin-bottom: 15px; position: relative;}
.main-portfel .icon .number {display: block; position: absolute; color: #fff; width: 60px; height: 20px; background:url(../img/number-bg.jpg) repeat-x; border-radius: 10px; text-align: center; z-index: 100; left: 8px; top: 7px; padding-top: 3px; font-size: 11px;}
.main-portfel .icon img {position: relative; z-index: 1;}
.main-portfel .icon .i-info {display: none; position: absolute; width: 27px; height: 27px; top: 7px; right: 5px; z-index: 200;}
.main-portfel .iconcard .i-info {display: none; position: absolute; width: 27px; height: 27px; top: 7px; right: 10px; z-index: 200;}
.main-portfel .icon .use {display: none; position: absolute; width: 99px; height: 21px; bottom: 10px; right: 5px; z-index: 200;}
.main-portfel .iconcard .use {display: none; position: absolute; width: 99px; height: 21px; bottom: 10px; right: 10px; z-index: 200;}
.main-portfel .icon:hover div {display: block;}

#tabs-4 .items, #tabs-5 .items,#tabs-6 .items, #tabs-7 .items, #tabs-9 .items
{ overflow: hidden; margin-top: 12px; margin-left: -23px; margin-right: -19px; }


.items { overflow: hidden; margin-top: 12px;}
.items .a1 {margin-left: 35px !important; }
.items .item {background:url(../img/item-bg.png); float: left; width: 443px; margin-left: 10px; border-radius: 5px; padding: 33px 0px 0px 0px;}
.items .item1 {background:url(../img/item-bg.png); float: left; width: 336px; margin-left: 10px; border-radius: 5px; padding: 6px 0px 0px 0px;}
.items .item2 {background:url(../img/item-bg.png); float: left; width: 554px; margin-left: 4px; border-radius: 5px; padding: 6px 0px 0px 0px;}
.items .cardItem { padding: 15px 0px 0px 0px !important;}
.items .item .card {margin-bottom: 15px !important;}
.items .item .block {width: 420px; min-height: 120px; background:url(../img/block-bg.png) repeat-x 0% 0% #870000; margin: 0 auto; position: relative; z-index: 100; margin-bottom: 40px;}
.items .item .block .vertical-right {position: absolute; width: 13px; height: 100%; background:url(../img/vertical-lin.png) repeat-y; right: -5px; z-index: 100;}
.items .item .block .vertical-left {position: absolute; width: 13px; height: 100%; background:url(../img/vertical-lin-left.png) repeat-y; left: -5px; z-index: 100;}
.items .item .block .horizontal-top {position: absolute; width: 100%; height: 13px; background:url(../img/horizontal-lin.png) repeat-x; top: -5px; z-index: 100;}
.items .item .block .horizontal-bottom {position: absolute; width: 100%; height: 13px; background:url(../img/horizontal-lin-bottom.png) repeat-x; bottom: -5px; z-index: 100;}

.items .item .block .icon-top-left {position: absolute; width: 20px; height: 20px; background:url(../img/icon-top-left.png) no-repeat; top: -5px; left: -5px; z-index: 1000;}
.items .item .block .icon-bottom-left {position: absolute; width: 21px; height: 20px; background:url(../img/icon-bottom-left.png) no-repeat; bottom: -5px; left: -5px; z-index: 1000;}
.items .item .block .icon-top-right {position: absolute; width: 20px; height: 20px; background:url(../img/icon-top-right.png) no-repeat; top: -5px; right: -5px; z-index: 1000;}
.items .item .block .icon-bottom-right {position: absolute; width: 93px; height: 59px; background:url(../img/icon-bottom-right.png) no-repeat; bottom: -5px; right: -5px; z-index: 1000;}

.items .item .block .img-box {width: 100px; height: 100px; float: left; margin-top: 0px; margin-left: 12px; text-align: center; position: relative;}
.items .item .block .img-box img {margin-top: 10px;}
.items .item .block .img-box .pl {position: absolute; width: 107px; height: 107px; background:url(../img/pl.png) no-repeat; top: 7px; left: -5px; z-index: 100;}
.items .item .block .img-box .rm {position: absolute; width: 107px; height: 107px; background:url(../img/card/ramka.png) no-repeat; top: 10px;  z-index: 100;}
.items .item .block .img-box .rm .tn {position: absolute; width: 60px; height: 60px; background:url(../img/card/tn.png) no-repeat; top: 19px; left: 20px; z-index: 100;}
.items .item .block .img-box .rm img {margin-left: -6px;margin-top: 20px;}
.main-portfel .icon .pl {position: absolute; width: 107px; height: 107px; background:url(../img/pl.png) no-repeat; top: 7px; left: -5px; z-index: 100;}
.main-portfel .icon .rm {width: 107px; height: 107px; background:url(../img/card/ramka.png) no-repeat; top: 10px;  z-index: 100;}
.main-portfel .icon .rm .tn {position: absolute; width: 60px; height: 60px; background:url(../img/card/tn.png) no-repeat; top: 23px; left: 25px; z-index: 100;}
.main-portfel .icon .rm img {margin-left: 20px; margin-top: 20px;}
#contante_g_box .rm {width: 107px; height: 107px; background:url(../img/card/ramka.png) no-repeat; padding-top: 1px;  z-index: 100; margin: 0 auto;}
#contante_g_box .rm .tn {position: absolute; width: 60px; height: 60px; background:url(../img/card/tn.png) no-repeat; top: 101px; left: 36px; z-index: 100;}
#contante_g_box .rm img {margin-left: 20px; margin-top: 14px;}
#title_g_box {
    text-align: center;
    font-size: 14px;
    font-family: calibri;
    font-weight: bold;
    color: red;
}
#activeBox {
    text-align: center;
    font-size: 12px;
    font-family: calibri;
    font-weight: bold;
    margin: 0 59px;
}
.main-portfel .iconcard {border: none !important;}
.items .item .block .img-box .castle {display: block; position: absolute; width: 27px; height: 27px; top: 7px; right: 67px; z-index: 200;}
.items .item .block .img-box .i-info {display: none; position: absolute; width: 27px; height: 27px; top: 7px; right: 5px; z-index: 200;}
.items .item .block .img-box .use {display: none; position: absolute; width: 99px; height: 21px; bottom: 10px; right: 0px; z-index: 200;}
.items .item .block .img-box:hover div {display: block;}

.items .item .block .desc {overflow: hidden; padding-left: 15px; padding-top: 10px; background:url(../img/star-bg.png) no-repeat 0px 10px;}
.items .item .block .desc .titles {font-size: 15px; text-align: center; display: block; width: 235px; color: #f09f0e; height: 30px; margin-left: 5px; }
.items .item .block .desc .small {color: #97c80a;}
.items .item .block .desc .average {color: #9ac4fe;}
.items .item .block .desc .big {color: #e8adf1;}
.items .item .block .desc .isp {color: #fd8787;}
.items .item .block .desc .unty {color: #000;}
.items .item .block .desc .fart {color: #eae118;}
.items .item .block .desc .small1 {color: #97c80a;}
.items .item .block .desc .average1 {color: #9ac4fe;}
.items .item .block .desc .big1 {color: #e8adf1;}
.items .item .block .desc .isp1 {color: #fd8787;}




#resultBox .small {color: #398700;}
#resultBox .average {color: #004087;}
#resultBox .big {color: #BF2D8C;}
#resultBox .isp {color: #ff0000;}
#resultBox .unty {color: #000;}
#resultBox .fart {color: #ffff82;}

.items .item .block .desc p {color: #fff; font-size: 12px; margin: 5px 0;}
.items .item .block .desc .status {color: #f09f0e;}
.items .item .block .desc .mk {color: #fff;}
.items .item .block .desc .lc {float: left;}
.items .item .block .desc .amoun { float: left; margin-top: 1px; margin-left: 10px; }
.items .item .block .desc .amoun input {width: 25px; height: 18px; text-align: center; background: #4d0000; border: 1px solid #aea6a6; color: #F09F0E;}
.items .item .block .desc .time {color: #fe0000;}
.items .item .block .desc img {position: relative; top: 2px;}
.items .item .block .desc .briefcase {display: inline-block; margin-left: 70px; margin-top: -3px;}

.items .item .block .block-info {width: 390px;  overflow: hidden; margin: 0 auto; color: #fff; font-size: 12px; margin-top: 10px; line-height: 150%; display: none; }
.items .item .block .block-info .vip {color: #f1a00d;}
.items .item .block .block-info .vs {color: #ff0000;}
.items .item .block .block-info p {margin-bottom: 10px; background:url(../img/block-info.png); margin-bottom: 20px; border-radius: 5px; padding: 5px;}

.items .item .stars-box { width: 232px; margin: 0 auto; margin-bottom: 35px; }
.items .mh {min-height: 548px;}


.save { width: 177px !important; height: 24px !important; display: block; background:url(../img/keep-chang.png) no-repeat 0% 0% !important; clear: both; text-align: center; color: #fff !important; text-decoration: none; margin-left: 183px; border: none}
.save:hover {background-position: 0% 50% !important;}
.save:active {background-position: 0% 100% !important ;}

.gift-box { width: 440px; border: 2px solid #909190; border-radius: 5px; background:url(../img/content-bg.jpg); position: fixed ; padding: 15px; z-index: 2014; top: 250px; left: 34%; display: none }
.gift-box .title {font-size: 17px; color: #715a32; margin: 0px;}
.gift-box .close {position: absolute; top: 10px; right: 10px;}
.gift-box .gift-block {border-top: 1px solid #b9a173; border-bottom: 1px solid #b9a173; padding-top: 10px; padding-bottom: 10px; overflow: hidden; margin-top: 15px;}
.gift-box .gift-block .avatars {float: left;}
.gift-box .gift-block .inf {float: left; font-size: 15px; color: #715a32; margin-left:204px; width: 232px; margin-top: -78px;}
.gift-box .gift-block .inf p {float: left; margin: 0px; margin-top: 2px;}
#choose_card .inf p {float: left; margin: 0px; margin-top: 2px;}
.gift-box .gift-block .inf .checkbox {float: right; background: none; border: 1px solid #424242;}
#choose_card .inf .checkbox {float: left; background: none; border: 1px solid #424242;}
.gift-box .gift-block .inf .anonim {margin-top: 27px;}
#choose_card .inf .anonim {margin-top: 18px;}
.gift-box .gift-block .vips {margin-left: 105px;}
.gift-box .addresive { border-bottom: 1px solid #b9a173; padding-top: 10px; padding-bottom: 8px; overflow: hidden; }
.gift-box .addresive p {margin: 0px; float: left; font-size: 15px; color: #715a32; margin-top: 7px;}
.gift-box .addresive input[type=text] {float: right; width: 221px; height: 28px; background:url(../img/gift-input.png) no-repeat; border: none; font-size: 14px;}
.gift-box .gift-button {
    width: 106px; 
    height: 24px; 
    background:url(../img/gift-button.png) no-repeat 0% 0%; 
    border: none; 
    float: right; 
    margin-top: 15px; 
    text-indent: -9999px; 
    cursor: pointer;
    /* display: none; */
    opacity: 1;
    transition: opacity 0.3s ease;
}
.gift-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.gift-box .gift-button:hover {
    background-position: 0% 50%;
}
.gift-box .gift-button:active {
    background-position: 0% 100%;
}

.gift-select-warning {
    color: #ff4444 !important;
    font-size: 0.9em !important;
    margin-top: 5px !important;
    display: none;  /* Hidden by default */
}

.kassa-box { padding: 10px 35px; overflow: hidden; }
.bill { color: #6b5230; font-size: 17px; margin-bottom: 10px; }
.bill span {color: #bd7300; font-weight: bold;}
.kassa-block { float: left; background:url(../img/kassa-shadow.png) #77471f 50% 50%; border-radius: 5px; width: 315px; padding: 12px; height: 215px; color: #fff; position: relative; z-index: 100;}
.kassa-block .rate {font-size: 15px; margin: 0px; border-top: 1px dashed #533216; border-bottom: 1px dashed #533216; padding: 8px 0px 8px 8px;}
.kassa-block .rate img {position: relative; top: 2px;}
.kassa-block .rate span {display: block; text-align: center;}
.kassa-block .sng span { font-size: 12px; }
.kassa-block .sng {margin-bottom: 5px;}
.kassa-block input { margin-top: 12px; }
.kassa-block input:focus {outline: none;}
.kassa-block input[type="text"] {width: 305px; padding-left: 10px; background: #673f1c; border: none; border-radius: 5px; color: #fff; font-family: 'Calibri'; height: 30px; box-shadow: inset 1px 1px 2px #412812;}
.kassa-block input[type="button"] {width: 315px; height: 36px; font-size: 15px; color: #ffc000; text-transform: uppercase; background:url(../img/pass-for-payment.png) no-repeat; border: none; cursor: pointer; box-shadow: 0px 0px 7px 0px #fff; border-radius: 5px;}
.kassa-block input[type="button"]:hover {background-position: 0% 50%;}
.kassa-block input[type="button"]:active {background-position: 0% 100%; box-shadow: none;}
.other-method { font-size: 15px; border-top: 1px dashed #533216; border-bottom: 1px dashed #533216; padding: 7px 0px; text-align: center; margin: 12px 0px; }
.method-icon { float: left; }
.next-method { float: right; }
.contact-form-btn { text-decoration: none; font-size: 15px; color: #ffc000; text-transform: uppercase; width: 108px; padding: 10px 0px; text-align: center; display: block;  background:url(../img/next-method.png) no-repeat; box-shadow: 0px 0px 7px 0px #fff; border-radius: 5px; }
.contact-form-btn:hover {background-position: 0% 50%;}
.contact-form-btn:active {background-position: 0% 100%; box-shadow: none;}
.coolph::-webkit-input-placeholder {color:#c0392b;opacity: 1; transition: opacity 0.3s ease;}
.coolph::-moz-placeholder {color:#c0392b;opacity: 1; transition: opacity 0.3s ease;}/* Firefox 19+ */
.coolph:-moz-placeholder {color:#c0392b;opacity: 1; transition: opacity 0.3s ease;}/* Firefox 18- */
.coolph:-ms-input-placeholder {color:#c0392b;opacity: 1; transition: opacity 0.3s ease;}
.coolph:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.coolph:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.coolph:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.coolph:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.rus-icon { position: absolute; top: -17px; right: -15px; }
.kassa-info { border-radius: 5px; background:url(../img/kassa-info-bg.png); color: #dfa77b; font-size: 14px; padding: 12px; line-height: 140%; margin: 17px 0px 0px 0px; }
.action-center { float: left; width: 204px; height: 268px; background:url(../img/action-center.png) no-repeat; margin: 0px 3px; color: #fff; position: relative; }
.star-title { text-align: center; color: #ffb400; font-size: 50px;padding-top: 10px; }
.star-text { text-align: center; font-size: 22px; padding: 25px 20px; /*margin-top: -15px;*/ line-height: 100%; }
.star-spend { text-align: center; font-size: 22px; padding: 0px 20px; position: absolute; bottom: 20px; line-height: 100%; color: #573f09; }
.star-spend span {color: #b70000}

.clear { clear: both; }

.vips { color: #d28000; }
.vs { color: #870000; }

#myself_cab{
    overflow: hidden;
    margin-top: -55px;
    padding-bottom: 55px;
}
#myself_cab2{
    overflow: hidden;
    margin-top: -42px;
    padding-bottom: 55px;
}
#left_sidebar{
    float:left;
    width:400px;
    margin-left: -15px;
}

#myphoto{float:left;
    height:319px;
}

#inform{
    width:190px;
    height:319px;
    float:left;
    margin:15px 0 0 14px;
}

#editoria {
    float:left;
    margin-top: 41px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 7px;
}

#editoria div{
    padding-left:3px;
}

#left_sidebar h2{
    padding:0 0 0 30px;
}

#myphoto p{
    color:#877551;
    /*font-weight:bold*/;
    font-size:12px;
    text-align:right;
    padding-top:18px;
}

#myphoto img{
    float:left;
    padding:17px 0 0 27px;
}

#inform p{
    font-size:14px;
    color:#9e8a5c;
    /*font-weight:bold*/;
    border-bottom:#b9a173 1px solid;
    padding:13px 0px 13px 7px;
    margin:0;
    height:15px;
}
#pol{
    height:17px;
}

#pol select{
    width:100px;
    position:static;
    top:288px;
    margin-left:-4px;
    border:none!important;
    height:20px;
    clip:rect(2px 82px 20px 2px);
    font:normal 14px Arial, Helvetica, sans-serif;
    color:#877551;
    background: #e3c79f;
}

#uni_col{
    border-bottom:#ccc 1px solid;
    text-align:left;
    padding-bottom:24px !important;
}

#uni_col a{

}


.change_pass {
    background:url(../img/change.png) 0 0 no-repeat;
    width:177px;
    height:24px;
    border:none;
    cursor:pointer;
    margin-top:13px;
    color: #fff;
}


.papka{
    margin-top:70px;
    cursor:pointer;
    width:22px;
    height:22px;
    background:url(../img/papka.png) no-repeat;
    margin-left: 5px;
}
.zvezz {
    width:16px;
    height:16px;
    background:url(../img/zvez.png)  0 0 no-repeat;
    cursor:pointer;
    margin-left: 5px;
}


#zvez_1 {
    margin-top:20px;
}

#zvez_2 {
    margin-top:67px;
}

#zvez_3 {
    margin-top:30px;
}

#right_sidebar{
    width:510px;
    float: left;
    margin-top: 18px;
    margin-left: 20px;

}

#mystat{
    width:246px;
    border:1px solid #d7d7d7;
    border-radius: 10px;
    float:left;
    margin:10px 0 0 -15px;
}
#mystat h1, #myfin h1{
    font-weight:normal;}

#mystat div{
    height:35px;
    padding:11px 0 0 11px;
    background:#f3f3f3;
    border-radius:10px 10px 0 0;
}

#mystat p, #myfin p{
    color:#a0a0a0;
    /*font-weight:bold*/;
    font-size:14px;
    padding: 0 0 5px 10px;
}
.orange{
    color:#e9ac00;
}
.greyz{
    color:#7a7a7a;
}
#myfin{
    width:227px;
    border:1px solid #d7d7d7;
    border-radius: 10px;
    float:left;
    margin: 10px 0 0 14px;
}
#myfin p{padding-bottom:13px;}
#myfin div{
    height:35px;
    padding:11px 0 0 11px;
    background:#f3f3f3;
    border-radius:10px 10px 0 0;
}

.up_money{
    display:block;
    margin:34px 0 11px 40px;
    width:141px;
    height:26px;
    background:url(/img/up_m.png) no-repeat;
    border:none;
}
.up_money:hover{
    background-position:0 -32px;
}

.up_money:active{
    background-position:0 -65px;
}

.down_money{
    display:block;
    margin:0 0 23px 40px;
    width:139px;
    height:24px;
    background:url(/img/down_m.png) no-repeat;
    border:none;
}

.down_money:hover{
    background-position:0 -35px;
}

.down_money:active{
    background-position:0 -73px;
}

#vip1{float:left;}
.vip1{
    margin-left:-10px;
    width:139px;
    height:24px;
    background:url(/img/buy1.png) no-repeat;
    border:none;
    cursor:pointer;
}
.vip1:hover{
    background-position:0 -29px;
}

.vip1:active{
    background-position:0 -58px;
}

#vip3{}
.vip3{
    margin-left:35px;
    width:140px;
    height:24px;
    background:url(/img/buy3.png) no-repeat;
    border:none;
    cursor:pointer;
}
.vip3:hover{
    background-position:0 -29px;
}

.vip3:active{
    background-position:0 -58px;
}

#igrok ul{
    list-style-type:none;
    list-style-image:url(/img/coin.png);
    margin:0;
    padding-left:20px;
}

#igrok{
    margin-left:-10px;
}



#na10{
    font-size:18px;
    color:#858585;
    margin:10px 0 20px -10px;
    padding:0 !important;
    float:left;
    width:100%;
    height:30px;
}
#na10 hr{
    padding:0;
    margin:0;
    color:#858585;

}

#igrok{
    color:#858585;
    font-size:14px;
    /*font-weight:bold*/;
}

#raion{
    margin-top:435px;
    padding:7px 0 10px 40px;
    font-size:12px;
    color:#877551;
    background:url(../img/zvez.png) 15px 7px  no-repeat;
    /*font-weight:bold*/;

}
.clearfix_1{
    clear:both;
    height:1px;
}

#saving{
    display:none;
    width:249px;
    height:77px;
    background:url(/img/saves.png) no-repeat;
    position:absolute;
    top:370px;
    left:200px;
}
#new_pass, #repeat_pass{
    display:none;
    border:#c8c8c8 1px solid;
    border-radius:3px;
    -moz-border-radius:3px;
    margin-top:10px;
    padding-left:10px;
    font-size:14px;
    color:#878787;
}

.avain{
    background:#e5e5e5;
    border:#c8c8c8 1px solid;
    height:23px;
    border-radius:3px;
    -moz-border-radius:3px;
    font-size:14px;
    color:#878787;
    padding:0 6px;
    margin:0;
    line-height:14px;
    position:absolute;
    margin-top:-5px;
}

#rasporka{
    height:16px;
}

#save_change{
    display:none;
    position:absolute;
    background:url(/img/savech.png) no-repeat;
    width:150px;
    height:24px;
    top:470px;
    left:210px;
    cursor:pointer;
    border:none;
}

#vip_30,#vip_10{
    display:none;
    width:230px;
    height:84px;
    position:absolute;
    top:300px;
    right:20px;
}
#net_rub{
    display:none;
    background:url(/img/netm.png) repeat-x;
    height:123px;
    width:210px;
    position:absolute;
    top:100px;
    right:20px;
    color:#ffffff;
    border-radius:5px;
    -moz-border-radius:5px;
    overflow:hidden;
    padding-left:20px;
    font-size:18px;
}

#net_rub p{
    text-align:center;
}

#vip_30{
    background:url(/img/vipyes.png) no-repeat;
}
#vip_10{
    background:url(/img/vipyes1.png) no-repeat;
}

#pdd{
    padding-top:10px;
}

#left_gost{
    float:left;
    width:435px;
    font-size:14px;
    color:#858585;
}
#right_gost{
    float:left;
    width:467px;
    font-size:14px;
    color:#858585;
    background-color:#fff6dd;
    border-radius:10px;
    -moz-border-radius:10px;
    padding:10px 5px 20px 10px;
    margin:10px 0 0 10px;
}
#allgost{
    height:310px;
    width: 945px;
}
.sinii{
    color:#005a98;
}

.lines{
    /*background:url(../img/lines.png) no-repeat;*/
    width:883px;
    height:4px;
}



#my_info{
    width:300px;
    margin:0 30px 0 580px;
    font-size:14px;
    color:#4f4f4f;
}
#my_info p{
    text-align:right;
}

#progost p{
    font-size:18px;
    color:#be0000;
    padding-left:620px;
}
#progost h1{float:left;}

#progost p span{
    border:1px solid #ead031;
    color:#ead031;
    padding:5px;
    border-radius:7px;
    -moz-border-radius:7px;
}

#gost{
    margin-top:12px;
    border:none;
    border-radius: 10px;
    -moz-border-radius:10px;
    -web-kit-border-radius:10px;
    font-size:14px;
    overflow:hidden;
    float:left;
}

#td_left{
    background:url(/img/td_left.png) 0 0 no-repeat;
    border:none;
    width:150px;
}

.th_center{
    background:url(/img/th_center.png) 0 0 repeat-x;
    background-color:#ce0001;
    border:none;
    border-left:1px solid #b9b9b9;
    border-right:1px solid #b9b9b9;
}
#th_right{
    background:url(/img/th_right.png) 0 0 no-repeat;
    border:none;
    width:150px;
}

#redds{
    color:#ffffff;
    height:30px;
    border:none;
    border-radius: 10px;
    -moz-border-radius:10px 10px 0 0;
    -web-kit-border-radius:10px 10px 0 0;
}

#gost td{
    height:30px;
    width:130px;
    text-align:center;
    color:#656565;
    border-bottom:none;
    border-top:none;
    border-color:#b9b9b9
}

.greybg{
    background-color:#bfbfbf;
}
#last_td_l{
    background:url(/img/td_lt.png) 0 0 no-repeat;
    border:none;
}

.td_c{
    background:url(/img/td_c.png) 0 0 repeat-x;
}

#last_td_r{
    /*background:url(../img/td_rt.png) 0 0 no-repeat;*/
    border:none;
}



#overview2 {
    margin-top:7px;
    box-shadow: 0 0 5px #808080;
}
#overview {
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 5px #808080;
}
.overview-container {
    padding: 5px 15px 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px #808080;
}
.container-header {
    background-image: url(/img/container-header-bg.png);
    background-repeat: repeat-x;
}
#top-players {
    margin-bottom: 15px;
}
.top-players-column {
    float: left;
    width: 280px;
}
.top-players-column-separator {
    float: left;
    width: 30px;
    height: 30px;
}
.top-player {
    line-height: 14px;
    font-size: 14px;
}
.top-player-img {
    float: left;
    position:relative;
}
.top-player-img img {
    margin-right: 10px;
    vertical-align: middle;
}
.top-player-avatar {
    border: 1px solid #bdbdbd;
}
.top-player-name {
    height: 19px;
    color: #929292;
}
.top-player-kapital {
    height: 17px;
    color: #bdbdbd;
}
.top-players-separator {
    margin: 10px 0;
    border-bottom: 1px solid #cdcdcd;
}

#contests li {
    margin-right: 45px;
    width: 90px;
    text-align: center;
}
#contests li:last-child {
    margin-right: 0;
}
.contest-pic {
    margin-bottom: 10px;
}
#contests a {
    color: #929292;
    line-height: 11px;
    font-size: 11px;
}

#players-online h1 {
    margin: 6px 0 10px;
}

#chat {
    margin-top: 20px;
    color: #b1b1b1;
    font-size: 10px;
}
#chat-info {
    float: left;
    padding-top: 3px;
}
#chat-name {
    float: right;
    padding: 3px 0 0 15px;
    height: 19px;
    color: #829d3a;
    background: url(/img/chat-name-icon.png) no-repeat;
}
#chat-text {
    clear: both;
    margin-bottom: 5px;
    padding: 5px 10px;
    width: 198px;
    height: 80px;
    overflow: scroll-y;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}
#chat-text p {
    margin: 0;
}
#chat-input {
    margin: 0;
    padding: 5px 10px;
    width: 198px;
    height: 50px;
    color: #b1b1b1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}
#chat-send {
    float: right;
    margin: 7px 0;
    padding: 2px 5px;
    color: #fff;
    font: 11px Arial, Helvetica, sans-serif;
    background-color: #b7b7b7;
    border: none;
    border-radius: 5px;
}
#chat-separator {
    clear: both;
    width: 220px;
    height: 1px;
    background: url(/img/chat-separator.png) no-repeat;
}
#players-list {
    margin: 5px 0;
    padding: 5px 10px;
    width: 198px;
    height: 100px;
    overflow: scroll-y;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}
#players-list ul {
    margin: 0;
    padding: 0 0 0 3px;
    list-style-type: none;
}
#players-list li {
    margin: 3px 0;
    padding-left: 15px;
    color: #b79c58;
    font-size: 11px;
    background: url(/img/chat-player-icon.png) no-repeat;
}

#about {
    font-size: 13px;
}
#how-to-play {
    width: 330px;
    font-size: 11px;
}
#rules {
    width: 315px;
    font-size: 11px;
}
.info-img {
    margin-bottom: 20px;
    border-radius: 6px;
    box-shadow: 0 0 5px #808080;
}

.info { float: right !important; color: #d0d0d1; font-size: 15px;position: relative; top: 25px; right: 40px; }

#news-wrap {
    overflow:auto;
    height:808px;
    width:260px;
}

#news-header {
    margin-bottom: 20px;
    padding-left: 65px;
    height: 35px;
    background: url(/img/news-hat.png) no-repeat;
}
.news-item {
    padding: 12px 0 12px 12px;
    width: 220px;
    margin-left:10px;
}
.news-item-icon {
    float: left;
    margin-right: 12px;
    width: 60px;
    height: 60px;
    border: 1px solid #f4f4f4;
}
.news-item-text {
    color: #929292;
    line-height: 13px;
    font-size: 12px;
}
.news-item-text h1 {
    margin: 0;
    color: #b79c58;
    line-height: 11px;
    font-size: 12px;
    font-weight: bold;
}
.news-item-text p {
    margin: 6px 0;
    text-align: left;
}
.news-item-text a {
    color: #b79c58;
    text-decoration: none;
}


#footer {
    position: relative;
    margin-top: 20px;
    width: 962px;
    height: 98px;
    color: #929292;
    background:url(../img/footer-bg.png) no-repeat;
    border-radius: 10px;
    z-index: 1014;
}


#footer-branding {
    float: left;
    margin: 25px 0 0 15px;
}
#footer-branding img {
    margin-right: 10px;
    vertical-align: -8px;
}

#footer-branding p { color: #fff; margin-top: 30px; margin-left: 5px; }

#footer-nav {
    float: right;
    margin: 7px 7px 0 0;
    padding: 23px 0 0 30px;
    width: 403px;
    height: 38px;
    background: url(/img/footer-nav-bg.png) no-repeat;
    position: relative;
    z-index: 1000;
}
#footer-nav li {
    margin-right: 15px;
}
#footer-nav a {
    color: #878787;
    font-size: 13px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #f2f2f2;
}
#footer-nav a:hover {
    color: #b79c58;
}

#footer-fishka {
    position: absolute;
    top: 22px;
    right: -2px;
    width: 50px;
    height: 54px;
    background: url(/img/footer-fishka.png) no-repeat;
}


#kassa {
    padding: 15px;
    width: 930px;
}
.kassa-section {
    width: 100%;
    color: #afafaf;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}
.kassa-section p {
    text-align: center;
}
.kassa-hr {
    margin: 15px 0;
    width: 100%;
    height: 1px;
    background: url(/img/kassa-hr.png) no-repeat center;
}
#payment a {
    display: inline-block;
    margin: 10px 15px;
    color: #929292;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
#payment a img {
    vertical-align: middle;
}
#kassa input {
    height: 17px;
    text-align: center;
    font: bold 13px Arial, Helvetica, sans-serif;
}
#kassa button {
    height: 29px;
    background: url(/img/button-bg.png) repeat-x #f0f0f0;
    color: #a0a0a0;
    text-shadow: -1px 1px 0 #fff;
    font: bold 13px Arial, Helvetica, sans-serif;
}
#kassa input,
#kassa button {
    padding: 5px;
    border: 1px solid #bbb;
    border-radius: 5px;
}
#kassa input.long {
    width: 140px;
}
#kassa button.long {
    width: 150px;
}
#kassa input.middle {
    width: 70px;
}
#kassa button.middle {
    width: 80px;
}
#kassa input.short {
    width: 35px;
}
#kassa-rate {
    margin: 0 auto 15px;
    width: 235px;
    height: 94px;
    border: 1px solid #bbb;
    border-radius: 5px;
}
#kassa-rate table {
    width: 100%;
}
#kassa table td {
    padding: 7px 0;
}
#kassa table img {
    vertical-align: middle;
}
.exchange {
    margin: 0 auto;
    width: 600px;
}


.column1 {
    float: left;
    margin: 15px 0 15px 15px;
    width: 665px;
}

.column1 hr{
    margin:5px 0 10px;
}

.column2 {
    float: right;
    margin: 15px 15px 15px 0;
    width: 250px;
}

.goldText {
    color: #b79c58;
}
.vinous {
    color: #740913;
}
.red {
    color: #ea0000;
}
.yellow {
    color: #f5a60b;
}
.grey {
    color: #929292;
}
.darkgrey {
    color: #8b8989;
}
.big {
    font: normal 18px Verdana, Geneva, sans-serif;
}

.bold {
    font-weight: bold;
}
.left {
    float: left;
}

.right {
    float: right;
}
.hor-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.hor-list li {
    float: left;
}
.clearfix {
    clear: both;
}

.section-header
{
    color:#cb4040;
    font-size:20px;
    padding-top:15px;
    padding-bottom:10px;
    background: url(../img/content-bg.jpg);
}

.section-sub-header
{
    font-size:14px;
    padding-bottom:5px;
    font-weight:bold;
    background: url(../img/content-bg.jpg);
}
.section-sub-header span {
    margin-left:15px;
}

/* Profile */
#edit-form
{
    margin-left:250px;
    width:450px;
    float:left;
}
.form-label
{
    margin-left:10px;
    padding-top:5px;
    width:150px;
    text-align:right;
    font-size:12px;
    font-weight:bold;
    float:left;
}
.form-label2
{
    margin-left:87px;
    padding-top:5px;
    text-align:right;
    font-size:11px;
    float:left;
    font-weight:bold;
}
.form-label3
{
    margin-left:47px;
    padding-top:5px;
    text-align:right;
    font-size:11px;
    float:left;
    text-align:center;
    width:320px;
    font-weight:bold;
}
.form-label4
{
    margin-left:47px;
    padding-top:5px;
    text-align:right;
    font-size:11px;
    float:left;
    text-align:center;
    width:320px;
    font-weight:bold;
    color:#FF0000;
}
.form-input
{
    margin-left:10px;
    width:190px;
    float:left;
}
.text-input
{
    margin: 0 0 0 4px;
    padding: 0 8px;
    width: 180px;
    height: 30px;
    background: url(/img/input.png) no-repeat;
    border: none;
}
.text-area
{
    margin: 0 0 0 4px;
    padding-top: 8px;
    padding-left: 8px;
    width: 187px;
    height: 90px;
    background: url(/img/textarea.png) no-repeat;
    border: none;
}

#stats-form
{
    width:300px;
    margin-left:400px;
    height:400px;
}
#stars-wrapper
{
    margin-top:5px;
    margin-bottom:10px;
    height:33px;
}
.star-color
{
    color:#f5a60b;
}
#stars-text
{
    font-size:16px;
    margin-left:8px;
    padding-top:5px;
    padding-right:3px;
    font-weight:bold;
}
#stars-coin
{
    margin-left:5px;
}
#stars-count
{
    margin-left:177px;
    padding-top:10px;
    font-size:14px;
    font-weight:bold;
}

.sub-header
{
    font-size:14px;
    font-weight:bold;
    margin-left:8px;
}

.underline
{
    width:300px;
    height:1px;
    background: url(/img/underline.png) no-repeat top;
}
.ch_box {
    border:1px solid #999999;
}
.color_selected {
    border:1px solid black;
}

#top-players
{
    width:900px;
}

/* TOP-PROFILE */
#prof-data
{
    padding-left:10px;
}

.numbers
{
    padding-top:13px;
}

div.clear { clear: both; }

div.page {
    margin: 10px auto;
    width: 960px;
}
div.page div.top-border {
    background: url(/img/top-border.png) no-repeat scroll 0 0 transparent;
    height: 10px;
}
div.page div.top-border2 {
    /*background: url(../img/top-border.png) no-repeat scroll 0 0 transparent;*/
    height: 56px;
}
div.page div.main {
    background: url(/img/main-border.png) repeat-y scroll 0 0 transparent;
    padding: 0 20px;
}
div.main div.purse {
    color: #BD0001;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 0;
}
span.money {
    background: url(/img/money-bg.png) no-repeat scroll 0 0 transparent;
    color: #D4BC28;
    padding: 6px 50px 6px 15px;
}
div.purse span.exchange {
    color: #5C5C5C;
    font-size: 13px;
}
span.exchange span.rub {
    font-weight: normal;
    text-decoration: line-through;
}
div.main div.payment {
    float: right;
    padding-top: 5px;
}
.line {
    background: url(/img/line.png) no-repeat 0% 0%;
    clear: both;
    height: 1px;
}

div.line2 {
    background: url(/img/line.png) no-repeat scroll 0 50% transparent;
    clear: both;
    color: #5C5C5C;
    font-size: 17px;
    font-weight: bold;
    height: 20px;
    text-align: center;
}
div.line2 span {
    background-color: #ffffff;
    padding: 0 5px;
}
div.main div.buying {
    padding: 20px 0;
    text-align: center;
}
span.prece {
    color: #AEAEAE;
    display: block;
    font-size: 12px;
    font-weight: bold;
}
span.star{
    color: #D4BC28;
}
span.prece b {
    color: #5c5c5c;
}
div.buying input.text {
    background: url(/img/input-text.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 10px;
    height: 21px;
    margin: 13px auto;
    padding: 1px 5px;
    width: 128px;
}
div.buying input.button {
    background: url(/img/input-button.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    height: 29px;
    margin: 0 auto;
    width: 138px;
}
div.main div.conditions {
    background: url(/img/conditions.png) no-repeat scroll 0 0 transparent;
    float: left;
    height: 100px;
    margin: 25px 0 25px 20px;
    padding: 20px;
    width: 382px;
}
div.bonus {
    float: right;
    padding: 45px 0 45px 45px;
    width: 433px;
}
div.bonus p {
    color: #5C5C5C;
    font-size: 17px;
    font-weight: bold;
    padding: 8px 0 0 117px;
}
div.conditions span {
    color: #000000;
    display: block;
    font-size: 14px;
    margin: 8px 0;
}
div.links {
    margin: 25px 0;
}
div.links a {
    float: left;
    margin: 0 53px;
}
div.links2 {
    margin: 25px 0;
}
div.links2 div.item {
    float: left;
    margin: 0 26px;
    text-align: center;
    width: 100px;
}
div.text {
    min-height: 100px;
    padding: 25px 0;
}
span.web {
    color: #0092C5;
}
span.title {
    color: #5C5C5C;
    display: block;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}
div.text p {
    color: #5D5D5D;
    font-weight: bold;
}
span.contacts {
    color: #AEAEAE;
}
span.goldText {
    color: #b79c58;
}
div.page div.bottom-border {
    background: url(/img/bottom-border.png) no-repeat scroll 0 0 transparent;
    height: 10px;
    margin-bottom: 20px;
}
span.img {
    display: block;
    margin-top: 20px;
    text-align: center;
}
span.img img {
    margin: 0 10px;
}
span.description {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto;
    padding: 15px 0;
    width: 425px;
}
span.red {
    color: #be0000;
}
div.form span {
    vertical-align: top;
}
div.error {
    color: red;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
}
div.success {
    color: green;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
}
div.form {
    color: #A0A0A0;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    text-align: right;
}
.firm-text
{
    color: #A0A0A0;
    font-size: 15px;
    font-weight: bold;
}
div.form input.text {
    background: url(/img/big-input-bg.png) no-repeat scroll 50% 0 transparent;
    border: medium none;
    height: 29px;
    /*margin: 0 203px 0 7px;*/
    margin: 0 238px 0 7px;
    padding: 0 10px;
    width: 449px;
}
div.form textarea {
    background: url(/img/big-textarea.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 85px;
    /*margin: 0 203px 0 7px;*/
    margin: 0 238px 0 7px;
    padding: 10px;
    width: 449px;
    resize:none;
}
input.send {
    background: url(/img/send.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    float: right;
    height: 29px;
    /*margin: 0 203px 0 7px;*/
    margin: 0 238px 0 7px;
    width: 79px;
}

input.send {
    background: url(/img/send.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    float: right;
    height: 29px;
    margin: 0 203px 0 7px;
    width: 79px;
}

/*cabinet*/
div.clear10 { clear: both; height: 10px; }
div.clear5 { clear: both; height: 5px; }
div.cabinet {
    margin: 0 77px;
    width: 806px;
}
div.cabinet div.top-border-cabinet {
    background: url(/img/top-border-cabinet.png) no-repeat scroll 0 0 transparent;
    height: 56px;
}
div.cabinet div.top-border-cabinet a {
    cursor: pointer;
    display: block;
    float: right;
    margin: 20px 14px;
}
div.cabinet div.main-cabinet {
    background-color: #FFFFFF;
    border-bottom: none;
    padding: 20px 20px 0;
}
div.cabinet div.main-cabinet div.left-part {
    float: left;
    width: 420px;
}
div.cabinet div.main-cabinet div.left-part div.form {
    float: right;
    font-size: 13px;
    margin: 0;
    min-width: 275px;
}
div.cabinet div.main-cabinet div.left-part div.form div.select-box {
    float: right;
    height: 29px;
    margin-right: 85px;
    padding-left: 5px;
    text-align: left;
    width: 190px;
}
div.form div.select-box select {
    margin-right: 5px;
}
div.form div.select-box img {
    margin: 0 2px;
}
div.cabinet textarea {
    background: url(/img/cabinet-textarea-bg.png) no-repeat scroll 0 0 transparent;
    float: right;
    margin: 0 85px 0 5px;
    padding: 5px;
    width: 180px;
    resize:none;
}
input.cabinet-input {
    background: url(/img/cabinet-input-bg.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 27px;
    margin: 5px 85px 5px 5px;
    padding: 1px 5px;
    width: 180px;
}
span.title-cabinet {
    color: #929292;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}
div.right-part {
    float: right;
    margin-left: 20px;
    width: 320px;
}
input.search-button {
    background: url(/img/search-button.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    float: right;
    height: 29px;
    width: 81px;
}
input.search {
    background: url(/img/cabinet-input-bg.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    height: 27px;
    padding: 1px 5px;
    width: 180px;
}
span.title-cabinet-r {
    color: #929292;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    min-width: 10px;
}
div.cabinet-line {
    background: url(/img/cabinet-line.png) no-repeat scroll 50% 0 transparent;
    clear: both;
    height: 2px;
}
div.main-cabinet div.right-part div.form {
    color: #A0A0A0;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 4px 0;
    text-align: left;
}
div.main-cabinet div.right-part span.frends {
    color: #A0A0A0;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0;
    padding: 12px 50px;
    text-align: left;
}
div.main-cabinet div.right-part b {
    color: #000000;
}
div.frends {
    border-right: 1px solid;
    float: left;
    margin: 10px 0;
    padding: 0 10px;
    width: 127px;
}
div.black-list {
    float: left;
    margin: 10px 0;
    padding-left: 20px;
    width: 126px;
}
span.add {
    color: #A0A0A0;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0;
}
div.cabinet div.bottom-border-cabinet {
    /*background: url(../img/bottom-border-cabinet.png) no-repeat scroll 0 0 transparent;*/
    height: 12px;
}
/*cabinet*/

.success {
    color:#FF0000;
    text-align:center;
}

.capital
{
    color:#949494;
}

#faq-question-img
{
    float:right;
    padding-left:10px;
}
.faq-question
{
    cursor:pointer;
}

.r-avatar
{
    float:left;
    width:60px;
    height:40px;
}

#prof-avatar
{
    position:relative;
    top:0px;
    left:0px;
    width:42px;
    height:42px;
    border-radius: 5px;
    border: #efdb00 solid 2px;
}

.act-gift
{
    position:absolute;
}

.gift-1
{
    max-width:35px;
    max-height:45px;
    top:45px;
    left:45px;
}
.gift-2
{
    max-width:45px;
    max-height:25px;
    top:48px;
    left:15px;
}
.gift-3
{
    max-width:35px;
    max-height:35px;
    top:25px;
    left:38px;
}

.r-gift-1
{
    max-width:40px;
    max-height:45px;
    top:2px;
    left:48px;
}
.r-gift-2
{
    max-width:45px;
    max-height:25px;
    top:30px;
    left:50px;
}
.r-gift-3
{
    max-width:35px;
    max-height:35px;
    top:10px;
    left:55px;
}

#prof-avatar img
{
    border:1px solid gray;
}
#prof-nickname {
    display: block;
    margin-top: -12px;
    margin-bottom: 5px;
    font-family: Calibri;
    color: #fff;
    font-size: 14px;
}
#prof-nickname a {
    text-decoration: none
}
#prof-photo div {
    margin-top: -7px;
    margin-bottom: 9px;
}
#prof-photo
{
    position:relative;
    padding:13px 17px;
    width:60px;
}



#about-textarea
{
    width:192px;
    height:130px;
}

.profile-input
{
    width:192px;
}

#colors img
{
    margin-left:5px;
}

.h-link {
    color: red !important;
}
.h-link:hover {
    color: #929292 !important;;
}

#news-content {
    overflow: auto;
    width:200px;
    height:300px;
}

#designed-by {
    float: right;
    margin-top: 10px;
    padding-bottom: 20px;
    color: #707070;
    font-size: 11px;
}
#designed-by a {
    color: #929292;
    text-decoration: none;
}

#bonus-table-div {
    height:230px;
    width:600px;
    overflow:auto;
    float:left;
}

/*  _________________podarki________________________*/
#overview3{
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px #808080;
    margin-top: 7px;

}

#podarki h1, #podarki a,#podarki div, #podarki p{
    float:left;
}

#podarki h1 {
    width:140px;
    padding:13px 0 0 19px;
}

#podarki img{
    padding-top:5px;
}
.up_money_yel{
    display:block;
    width:120px;
    height:24px;
    background:url(/img/add_money.png) 0 0 no-repeat;

}

#up_money_yel{
    margin: 12px 0px 0px 30px
}

.up_money_yel:hover{
    background-position:0 -29px;
}
.up_money_yel:active{
    background-position:0 -58px;
}

#red_kesh{
    font-size:18px;
    color:#be0000;
    margin-left: 30px;
}

#red_kesh span{
    border: 1px solid #d5bc2b;
    color: #d5bc2b;
    padding: 5px;
    border-radius: 7px;
    -moz-border-radius: 7px;
}
#red_kesh span img{
    margin-bottom:-3px;
}

#starsi{
    margin:28px 0 0 140px;
    color:#d5bc2b;
    width:800px;
}

.fl_le{
    float:left;
    margin-right:260px;
    margin-bottom:3px;
}
.fl_les {
    float:right;
    margin-right:275px;
    margin-bottom:3px;
}

#star_3{

}

#wraper_priz{
    padding-left:2px;
    z-index: 10;
    position: relative;
    margin-top: 30px;
}
.tr_1, .tr_3{

    padding:16px 0 0 33px;
    float:left;
    width:273px;

}

.tr_2 {

    padding:16px 0 0 33px;
    float:left;
    width: 570px;
    border:1px solid #e4e4e4;

}

.tr_3 {

    padding:16px 0 0 0px;
    float:left;
    width:273px;

}

.tr_1 {
    border:1px solid #e4e4e4;
}

.tr_3{
    border:1px solid #e4e4e4;
    border-left: none;
}

.tr_2{
    border-top:1px solid #e4e4e4;
    border-bottom:1px solid #e4e4e4;
}

.boxed { display: none; background:url(/img/box-bg.png) no-repeat; position: absolute; left: 8px; top: 42px; width: 260px; height: 65px; z-index: 1 }
.info_by { display: none; background:url(/img/box-bg.png) no-repeat; position: absolute; left: 340px; top: 104px; width: 260px; height: 65px; z-index: 1 }
.info_by p { color: #fff; text-align: center; font-family: Calibri; font-size: 17px;}
.avatar { width: 52px; height: 51px; background:url(/img/avatar.png) no-repeat; margin-top: 6px!important; margin-left: 8px; float: left; }
.info-box { float: left; margin-top: 2px !important; margin-left: 14px; font-size: 10px; font-weight: bold; font-family: Tahoma; }
.info-box p {margin-bottom: 2px !important; margin-top: 2px !important; color: #fff; margin-left: 1px;}
.photo { width: 47px; height: 46px; margin-top: 2px !important; margin-left: 3px; }

#wraper_priz p {
    margin:0 0px 3px 7px;
    width:98px;
    height:98px;
    /*border:1px solid #e4e4e4;*/
    float:left;
    text-align:center;
    cursor:pointer;
    background-color: #ffffff;

}

.item1 p {
    border: #f0d200 solid 2px;
    border-radius: 10px;
}

.item2 p {
    border: #957546 solid 2px;
    border-radius: 10px;
}

.item2 p img{
    max-height:95px;
    max-width:95px;
    margin-top: 6px;
}

#pictbl{
    position:relative;
}

#choose_priz{
    position:fixed;

}

#choose_priz p{
    border:none;
    font-size:16px;
    color:#858585;
    padding-left:23px;
}
#choose_card, #actTal p{
    border:none;
    font-size:14px;
    color:#858585;
    padding-left:23px;
}

/*#pictbl{
    position:relative;
}*/

#out_ava{
    /* border:1px solid #ececec !important; */
    width:100px;
    height:100px;
    text-align:center;
    margin-left:163px !important;
    padding:0 !important;
    display:block;
    margin-bottom:40px;
}

#out_ava img{
    padding-top:13px;
    max-height:100px;
    max-width:100px;

}

#podari{
    display:block;
    padding-bottom:4px;
    margin-left: 112px !important;
    top:0;
    left:0;
    position:relative;
}
.gift-user {
    /*margin: 0 auto;*/
    color: #5F4C0B;
    font-size: 18px;
    margin-left: 282px;
    margin-top: 6px;
}

#take{
    /*margin-left:15px;
    width:235px;*/
}

.takers{
    width:208px;
}

.iam{
    float:left;
    padding-right:186px;
}

#sebe{
    /*margin-top:16px;*/
}

.closed{
    background:url(/img/exit.png) 0 0 no-repeat;
    width:16px;
    height:16px;
    display:block;
}

#closed{
    margin:6px 0 0 449px;

}

.closed:hover{
    background-position:0 -24px;
}

.closed:active{
    background-position:0 -52px;
}
/*
    #podarit{
        background:url(/img/podarit.png) 0 0 no-repeat;
        margin-left:333px;
        width:80px;
        height:24px;
        display:block;
    }

    #podarit:hover{
        background-position:0 -29px;
    }

    #podarit:active{
        background-position:0 -58px;
    }			*/

#popolni, #did_it{
    width:227px;
    height:173px;
    border:1px solid #cbcbcb;
    border-radius:5px;
    overflow:hidden;
    position:absolute;
    display:none;
    z-index: 1017;
    top: 200px;
}

#popolni p, #did_it p{
    text-align:center;
}

#popolni{
    background:url(/img/red_line.gif) 0 0 repeat-x;
    color:#ffffff;
    font-size:18px;
    z-index: 1016;
}
#did_it{
    background:url(/img/green_line.gif) 0 0 repeat-x;
    left: 27%;
    top: 17%;
    color:#cbcbcb;
    font-size:18px;
    text-align:center;
}

#did_it img{
    text-align:center;
}

#popolni span{
    color:#d5bc2b;
}

.le{
    margin:6px 0 0 205px;
}

#up_money_a{
    margin: 22px 0 0 53px;
}


/*  _________________social buttons________________________*/

#share42 {
    position: fixed;
    z-index: 1;
}
#share42 {
    padding: 6px 6px 0;
    background: #FFF;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    /*  visibility: hidden;*/
}
#share42:hover {
    background: #F6F6F6;
    border: 1px solid #D4D4D4;
    box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

#TB_overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=68);
    -moz-opacity: 0.68;
    -khtml-opacity: 0.68;
    opacity: 0.68;
}
* html #TB_overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}

#podarki { height: 50px; }

.sub { padding: 10px; margin-left: 20px; margin-bottom: 10px; }
.sub a{ font-size: 16px; font-weight: bold; padding: 0 5px 0 5px; }
.sub .toggle1 { color: red; }
#wrapper_special p { cursor: pointer; }

#flash-wrapper {
    /*z-index: 1015;*/
    position: relative;
}

.addthis_default_style {
    margin-left: 324px;
}
.section-week ul {
    float: right;
}
.visitors_star {position: absolute; left: -85px; top:0px;}
.bg-drakon {position: absolute; left: 320px; top:0px;}
.bg-oleni {position: absolute; left: 270px; bottom:0px;}
.bg-sugrob {position: absolute; left: 16px; top:95px;}

.one {position: absolute; left: 20px; top: 0px;}

.new-year { position: absolute; background:url(/img/new-year.png) no-repeat; width: 1023px; height: 167px; top: 33px; right: -35px; z-index: 1; }
.happy { position: absolute; background:url(/img/happy.png) no-repeat; width: 43px; height: 259px; top: 265px; left: -44px; }
.footer-year { position: absolute; background:url(/img/footer-year.png) no-repeat; width: 933px; height: 87px; z-index: 1; top: -11px; left: 10px; }

.terms-service { padding: 20px 70px 0px 70px; color: #58341c; }
.terms-service p {margin-bottom: 5px; margin-top: 0px;}
.terms-service h2 {text-align: center; color: #707070; color: #58341c;}
.terms-service h3 {text-align: center;}
.terms-service .alert {text-align: center;}



/* Для страницы регистрации */

.reg-tape {
    position: absolute;
    top: 3px;
    right: 20px;
    background:url(../img/reg-tape.png) no-repeat;
    width: 44px;
    height: 140px;
    z-index: 200;
}

.reg-info {
    float: left;
    width: 287px;
    height: 370px;
    border: 1px solid #bf9362;
    border-radius: 5px;
    background:url(../img/box-tabs-bg.jpg);
    margin-top: 25px;
    margin-left: 28px;
    color: #483413;
}

.reg-info p {
    padding: 10px 0px 10px 0px;
    margin: 0px 15px 0px 15px;
    font-size: 15px;
    color: #58341C;
    border-bottom: 1px solid #b19463;
    line-height: 130%;
}

.reg-info p span {
    color: #bb0000;
}

#main { position: relative; z-index: 1015; top: -30px; }

.reg-box { margin-top: 20px; margin-left: 40px; }
.reg-block { overflow: hidden; font-size: 15px; margin-bottom: 15px; /*margin-bottom: 25px;*/ }
.reg-block p {float: left; margin: 0px; margin-top: 6px; width: 130px; color: #483413; text-align: right; margin-right: 10px;}
.reg-block input[type="text"], .reg-block input[type="password"] {float: left; width: 252px; height: 25px; border-radius: 5px; background:url(../img/bg-input-text.jpg) repeat-x; color: #fff !important; border: none; padding-left: 8px; font-family: italic; font-size: 12px;}
.reg-block input[type="text"]:focus, .reg-block input[type="password"]:focus {outline: none;}
.reg-block .code {margin-top: 30px;}
.reg-block .capcha {float: left;}
.reg-block .code-text {height: 70px !important; width: 80px !important; margin-left: 15px;}
.reg-block .capcha a {font-size: 12px; color: #483413; display: inline-block; background:url(../img/capcha-bg.png) no-repeat 100% 50%; padding-right: 22px; padding-bottom: 1px; margin-top: 5px;}
.reg-box input[type="submit"] {margin-left: 130px; margin-top: 30px; height: 35px; cursor: pointer;}
.capcha-input { float: left; margin-left: 10px; }
.capcha-input input {float: none; width: 122px !important;}
.capcha-input p {width: auto; text-align: left; float: none; margin-top: 0px; margin-bottom: 8px;}
.registration { width: 270px; margin-left: 135px; }

.registration input[type="submit"]:disabled {background: #b3b3b3;}
.registration input[type="submit"] { margin: 0 auto; display: block; width: 264px; height: 27px; border: 1px; background:url(../img/rg-bg.jpg) repeat-x; text-decoration: none; color: #fff; border-radius: 5px;}
.registration input[type="submit"]:hover {box-shadow: 0px 0px 7px #fff; -webkit-box-shadow: 0px 0px 7px #fff;}
.registration input[type="submit"]:active {box-shadow: inset 0px 0px 7px #fff; -webkit-box-shadow: inset 0px 0px 7px #fff;}
.registration .rg span {display: block; text-transform: uppercase; text-align: center; /*padding-top: 7px;*/ font-size: 15px;}
.registration p {text-align: center; font-size: 11px; margin-top: 5px; color: #483413;}
.registration p a {color: #bb0000; text-decoration: none;}

.reg-error
{
    margin-left:65px;
    padding-top:5px;
    text-align:right;
    font-size:14px;
    float:left;
    width:320px;
    font-weight:bold;
    color:#FF0000;
}

::-webkit-input-placeholder
{
    color: #fff;
}
:-moz-placeholder
{
    color: #fff;
}
.placeholder
{
    color: #fff;
}
/* Для страницы регистрации (end) */

/* Для Обратной связи */

div.page div.main {
    /*background: url(/img/main-border.png) repeat-y scroll 0 0 transparent;*/
    padding: 0 20px;
    color: #58341c;
}

div.page div.bottom-border {
    /*background: url(/img/bottom-border.png) no-repeat scroll 0 0 transparent;*/
    height: 10px;
    margin-bottom: 20px;
}

div.form {
    /*color: #A0A0A0;*/
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    text-align: right;
}

/* Для Обратной связи (end) */


/*Начала чата*/
.chat-container { position: relative; background:url(/theme/img/corp.jpg) no-repeat; padding-top: 20px; }
.chat-box { width: 965px; height: 260px; background:url(/theme/img/chat-box.png) no-repeat; margin-left: -2px; position: relative; z-index: 200; }
.chat-text { float: left; width: 685px; height: 185px; margin: 11px 0px 0px 17px; position: relative; }
.chat-chaser { float: left; width: 43px; height: 194px; background:url(/theme/img/info-chaser.png) no-repeat; margin: 15px 0px 0px 10px; }
.gamer-chaser { float: left; width: 189px; height: 195px; background:url(/theme/img/gamer-chaser.png) no-repeat; margin: 15px 0px 0px 5px; }
.gamer-online { width: 169px; height: 27px; background:url(/theme/img/gamer-online.png) no-repeat; margin-left: 10px; margin-top: 3px; }
.gamer-online span {text-align: right; color: #ffcc00; font-weight: bold; display: block; padding-top: 5px; }
.gamer-count { width: 169px; height: 27px; background:url(/theme/img/chat/gamer-count.png) no-repeat; margin-left: 10px; margin-top: 3px; }
.gamer-count span {text-align: right; color: #ffcc00; font-weight: bold; display: block; padding-top: 5px; }

.text-chaser { width: 748px; height: 41px; background:url(/theme/img/text-chaser.png) no-repeat; margin-left: 10px; float: left; position: relative; }
.text-chaser input[type="text"] {width: 670px; padding: 12px 10px 10px 15px; background: none; border: none; font-family: 'Calibri'; color: #191919; font-size: 14px; }
.text-chaser input[type="submit"] {width: 51px; height: 26px; border: none; position: absolute; right: 1px; top: 9px; z-index: 100; background: none; text-indent: -9999px; cursor: pointer;}
.text-chaser input:focus { outline: none; }

.icon-chaser { width: 199px; height: 41px; background:url(/theme/img/icon-chaser.png) no-repeat; float: left; position: relative; margin-left: -3px; }
.icon-chaser a {display: inline-block; margin: 10px -2px 0px 10px; position: relative;}
.icon-alert {display: none; position: absolute; top: -57px; left: -168px; z-index: 200; width: 160px; padding: 10px; background:url(/theme/img/alert-bg.png); border-radius: 2px; border: 1px solid #221805; box-shadow: inset 1px 1px #5e4d31; }
.icon-alert p {color: #e6c799; text-align: left; margin: 0px; text-shadow: 0px 1px #261a06;}
.icon-alert img {position: absolute; right: 1px; bottom: -4px;}
#inputChaser {display: none; width: 188px; height: 41px; background:url(/theme/img/chat/text-chaser2.png) no-repeat; margin-left: 4px; float: left; position: relative; }
.icon-chaser input[type="text"] {width: 168px; padding: 12px 10px 10px 15px; background: none; border: none; font-family: 'Calibri'; color: #191919; font-size: 14px; }
input[type="text"]:focus {outline: none;}

.list-gamer { width: 144px; padding: 1px 0px 1px 30px; color: #dbba80; position: relative;height: 14px; }
.list-gamer .nicke {margin-left: 19px;}
.list-gamer .user {float: left; margin: 0 2px; word-wrap: initial;}
.list-gamer .rang {position: absolute; top: 3px; left: 18px;}
.list-gamer .crown {float: left; margin: 0 2px;}
.list-gamer .star-icon {position: absolute; top: 0px; left: 18px;}
.bg-game { background:url(/theme/img/bg-game.png); }

.chat-chaser a { display: block; margin: 23px 4px; position: relative; }
.general-hove { background:url(/theme/img/general1.png) no-repeat 0% 50%; width: 35px; height: 34px; }
.general-active { background:url(/theme/img/general1.png) no-repeat 0% 100%; width: 35px; height: 34px; }
.general { background:url(/theme/img/general1.png) no-repeat; width: 35px; height: 34px; }
.clan { background:url(/theme/img/clan.png) no-repeat; width: 35px; height: 34px; }
.clan-hover { background:url(/theme/img/clan.png) no-repeat 0% 50%; width: 35px; height: 34px;}
.clan-active { background:url(/theme/img/clan.png) no-repeat 0% 100%; width: 35px; height: 34px;}
.trading { background:url(/theme/img/trading.png) no-repeat; width: 35px; height: 36px; }

.top-left-corner { position: absolute; left: -9px; top: 12px; background:url(/theme/img/top-left-corner.png) no-repeat; width: 69px; height: 69px; }
.bottom-left-corner { position: absolute; left: -9px; bottom: -7px; z-index: 100; background:url(/theme/img/top-left-corner.png) no-repeat; transform: scale(1, -1); width: 69px; height: 69px; }
.top-right-corner { position: absolute; right: -10px; top: 12px; z-index: 100; background:url(/theme/img/top-left-corner.png) no-repeat; transform: scale(-1, 1); width: 69px; height: 69px; }
.bottom-right-corner { position: absolute; right: -10px; bottom: -8px; z-index: 100; background:url(/theme/img/top-left-corner.png) no-repeat; transform: scale(-1, -1); width:  69px; height: 69px; }

.scroll-pane {
    width: 670px; /* Ширина видимой области*/
    height: 200px; /* Высота видимой области*/
    overflow: auto; /* Если отключены скрипты это правило позволит отобразить обычный скролл */
    padding-right: 15px !important;
    outline: none;
}

.scroll-pane-gamer {
    width: 160px; /* Ширина видимой области*/
    height: 160px; /* Высота видимой области*/
    overflow: auto; /* Если отключены скрипты это правило позволит отобразить обычный скролл */
    padding-right: 10px !important;
    margin-left: 5px;
    outline: none;

}

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
    overflow: hidden;
    word-wrap: break-word;
    left: 0px !important;
}

.jspVerticalBar
{
    position: absolute;
    right: -8px;
    width: 16px;
    height: 100%;

}
/*
.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}*/

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

/*.jspHorizontalBar .jspCap
{
    float: left;
}*/

.jspTrack
{
    position: relative;
    cursor: pointer;
    right: 0px;
    top: 0px;
    height: 100%;
    background: url(/theme/img/scrollTrak.png) repeat-y; /* задаем фоновую картинку или просто цвет фона */
}

.jspDrag
{
    /*    background: #bbd;*/
    position: relative;
    cursor: pointer;
    background: url(/theme/img/scrollDrag.png) no-repeat; /* задаем фоновую картинку или просто цвет фона */
    overflow: hidden;
    left:-3px;
}

/*.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}*/

a.jspArrowUp {
    display: block;

    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 8px; /* высота стрелки (ширина определяется шириной скролла при инициализации скрипта) */
    background: url(/theme/img/arrow_up.png) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}
a.jspArrowDown {
    display: block;
    z-index: 1;
    bottom: 2px;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 10px; /* высота стрелки (ширина определяется шириной скролла при инициализации скрипта) */
    background: url(/theme/img/arrow_down.png) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}
.gamer-chaser .jspDrag {
    position: relative;
    background: url(/theme/img/scrollDrag-game.png) no-repeat; /* задаем фоновую картинку или просто цвет фона */
    cursor: pointer;
    overflow: hidden;
    left:-3px;
    height: 21px !important;
}

.gamer-chaser .jspTrack {
    position: relative;
    cursor: pointer;
    right: -2px;
    top: 0px;
    height: 100%;
    background: url(/theme/img/scrollTrak-game.png) repeat-y; /* задаем фоновую картинку или просто цвет фона */
}

.gamer-chaser a.jspArrowUp {
    display: block;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 8px; /* высота стрелки (ширина определяется шириной скролла при инициализации скрипта) */
    background: url(/theme/img/arrow_up-game.png) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}

.gamer-chaser a.jspArrowDown {
    display: block;
    z-index: 1;
    bottom: 2px;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 10px; /* высота стрелки (ширина определяется шириной скролла при инициализации скрипта) */
    background: url(/theme/img/arrow_down-game.png) no-repeat; /* задаем фоновую картинку или просто цвет фона */
}
.jspArrow
{
    /*background: #50506d;*/
    text-indent: -20000px;
    display: block;
    cursor: pointer;

}

.jspArrow.jspDisabled
{
    cursor: default;
    /* background: #80808d;*/
}

.jspVerticalBar .jspArrow
{
    height: 9px;
}

/*.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}*/

/*.jspVerticalBar .jspArrow:focus
{
    outline: none;
}*/

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}
/*.jspContainer {
    width: 680px !important;
}
#pane {
    width: 680px !important;
}*/

/*Конец чата*/

#tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px !important;
}
#tabs .ui-tabs-nav li{
    margin: 1px .2em 0 0 !important;
}
#tabsf .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px !important;
}
#tabsf .ui-tabs-nav li{
    margin: 1px .2em 0 0 !important;
}


/*
* Сборник стилей и классов для табовой вкладки Друзья.
* Список Друзей && Черный список
*/

.mainFriend {
    width:98%;
    margin:0 auto;
    border-top: 1px solid #b9a173;
    font-family: 'Calibri';
    position:relative;
}
.mainFriend .item {
    width:430px;
}

.mainFriend .item h3 {
    width:100%;
    border-bottom:1px solid #b9a173;
    padding:10px 0;
    font-size:17px;
    font-weight:400;
    text-transform: uppercase;
    text-align:center;
    color:#5c5a57;
    margin:12px 0 5px 0;
}
.mainFriend .item h3 span {
    font-size:14px;
    text-transform: none;
}
.mainFriend .item ul.listFriends {
    width:100%;
    border-bottom:1px solid #b9a173;
    overflow:hidden;
    list-style:none;
    padding:0 0 15px 0;
}

.mainFriend .item ul.listFriends li {
    float:left;
    width:91%;
    overflow:hidden;
    margin:0;
    padding:9px 19px 5px 19px;
}
.mainFriend .item ul.listFriends li:nth-child(2n+2) {
    background: rgba(196,156,92,0.5);
}
/* Список друзей */
.mainFriend .friendItem {
    float:left;
}
.friendItem .nickname {
    float:left;
    width:189px;
}
.friendItem span {
    display:inline-block;
}
.friendItem span.rang {
    margin-left:10px;
}
.friendItem span.userName {
    font-size:13px;
    color:#483413;
    margin-left:8px;
    position:relative;
    top:-2px;
    cursor: context-menu;
}
.friendItem .userInfo {
    display:inline-block;
    width: 10px;
    height: 10px;
    background: url("../img/userInfo.png") no-repeat 0% 0%;
    margin:0px 0 0 8px;
    position:relative;
    top:-1px;
}
.friendItem .userInfo:hover {background-position: 0% 100%;}

.friendItem .status {
    float:right;
    width: 180px;
    margin-right: 9px;
    text-align:left;
    font-size:13px;
    cursor: context-menu;
}
.status .onn {color:#219b2f;}
.status .off {color:#ad332d;}

.friendItem .delFriend {
    float:right;
    width:11px;
    height:11px;
    background: url('../img/cross-icon.png') no-repeat 0% 0%;
    margin-top:2px;
}
.friendItem .delFriend:hover {background-position: 0% -12px;}
.friendItem .delFriend:active {background-position: 0% -24px;}
.friendItem .delFriend a {
    display: block;
    width:11px;
    height:11px;
}

/* Добавление игрока */
.mainFriend .gamerAdd {
    float:left;
    margin:5px 0;
}
.gamerAdd label {
    float:left;
    display:block;
    margin:7px 20px 0 0;
    cursor: pointer;
    font-size:14px;
    color:#5b5b5b;
}
.gamerAdd .field {
    float:left;
    min-width:188px;
}
.gamerAdd .field input {
    width:160px;
    height:26px;
    font-size:13px;
    border:none;
    color:#5b5b5b;
    float:left;
    background: url('../img/input-center.png') repeat-x top center;
}
.gamerAdd .field span {
    float:left;
    width:5px;
    height:26px;
}
span.left {background: url('../img/input-left.png') no-repeat top center;}
span.right {background: url('../img/input-right.png') no-repeat top center;}

.gamerAdd .addBtn {
    float:left;
    width:147px;
    height:24px;
    border:none;
    cursor:pointer;
    margin-top:1px;
    background: url('../img/button-add.png') no-repeat 0% 0%;
}
.gamerAdd .addBtn:hover {background-position:0% -25px;}
.gamerAdd .addBtn:active {background-position:0% -50px;}

#getLogin form {
    /*margin: 29px;*/
    margin-left: 29px;
    margin-top: 10px;
}
#setMail form {
    margin-left: 29px;
    margin-top: auto;
}
#getLogin label {
    float:left;
    display:block;
    margin:7px 20px 0 0;
    cursor: pointer;
    font-size:14px;
    color:#5b5b5b;
}
#setMail label {
    float:left;
    display:block;
    margin:7px 20px 0 0;
    cursor: pointer;
    font-size:14px;
    color:#5b5b5b;
}
#getLogin .field {
    float:left;
    min-width:168px;
}
#setMail .field {
    float:left;
    min-width:168px;
}
#getLogin .field input {
    width:160px;
    height:26px;
    font-size:13px;
    border:none;
    color:#5b5b5b;
    float:left;
    background: url('../img/input-center.png') repeat-x top center;
}
#setMail .field input {
    width:160px;
    height:26px;
    font-size:13px;
    border:none;
    color:#5b5b5b;
    float:left;
    background: url('../img/input-center.png') repeat-x top center;
}
#setStarCount form {
    margin-left: 29px;
    margin-top: 5px;
}
#setStarCount label {
    float:left;
    display:block;
    margin:7px 5px 0 0px;
    cursor: pointer;
    font-size:14px;
    color:#5b5b5b;
}
#setStarCount .field {
    float:left;
    min-width:68px;
}
#setStarCount .field span {
    float:left;
    width:5px;
    height:26px;
}
#setStarCount .field input {
    width:60px;
    height:26px;
    font-size:13px;
    border:none;
    color:#5b5b5b;
    float:left;
    background: url('../img/input-center.png') repeat-x top center;
}

#setStarCount .field select {
    width:60px;
    height:26px;
    font-size:13px;
    border:none;
    color:#5b5b5b;
    float:left;
    background: url('../img/input-center.png') repeat-x top center;
}

#totalAmount {
    display:block;
    margin:7px 5px 0 10px;
    font-size:14px;
    color:#5b5b5b;
}
#pay .field input {
    width: 23px;
    height:26px;
    font-size:13px;
    border:none;
    color:#5b5b5b;
    float:left;
    background: url('../img/input-center.png') repeat-x top center;
    margin-left: 23px;
    padding-left: 3px;
    padding-right: 4px;
}
#getLogin .field span {
    float:left;
    width:5px;
    height:26px;
}
#setMail .field span {
    float:left;
    width:5px;
    height:26px;
}
/* Сноска */
.footnote {
    float:left;
    width:100%;
    margin-top:10px;
}
.footnote span {
    float:left;
    width:100%;
    display: block;
}
.footnote span.footnoteTop {
    height:14px;
    background: url('../img/footnote-top.png') no-repeat top center;
}
.footnote span.footnoteBot {
    height:14px;
    background: url('../img/footnote-bot.png') no-repeat top center;
}
.footnote span.footnoteMid {
    background: url('../img/footnote-mid.png') repeat-y top center;
}
span.footnoteMid ul {
    color:#877551;
    margin:0 0 0 13px;
    padding:0;
    list-style-position: inside;
}
span.footnoteMid ul li {
    font-size: 14px;
    margin-bottom:8px;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.35);
}
span.footnoteMid ul li:last-child {
    margin-bottom:0;
}
/* черный список */
.mainFriend .blackListItem {
    float:right;
}

/* Уведомление о успешном добавлении игрока */
.popupFriend {
    display:none;
    position:fixed;
    top:30%;
    left: 38%;
    width:320px;
    height:190px;
    background: url('../img/message-bg.png') no-repeat;
    z-index:2024;

    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.75);
}
#createClan{
    display:none;
    position:absolute;
    top: 10%;
    left: 15%;
    margin: 0 auto;
    width: 500px;
    height: 700px;
    z-index: 2020;


}
.popupFriend .closeMessage {
    position:absolute;
    top:-10px;
    right:-10px;
    display:block;
    width:24px;
    height:24px;
    background: url('../img/close-message.png') no-repeat 0% 0%;
}
.popupFriend .closeMessage:hover {background-position: 0% -25px;}
.popupFriend .closeMessage:active {background-position: 0% -50px;}

.popupFriend .iconInfo {
    position:absolute;
    top:10px;
    left:10px;
    width:16px;
    height:16px;
    background: url('../img/icon-info.png') no-repeat;
}
.popupFriend p {
    width:90%;
    margin:30px auto 0;
    font-size:14px;
    font-family: "Calibri";
    color:#525252;
    text-align:center;
    line-height:20px;
}
#pay p {
    width: 90%;
    margin: -2px auto 0;
    font-size: 11px;
    font-family: "Calibri";
    color: #525252;
    text-align: center;
    line-height: 17px;
}
.popupFriend .okBtn {
    position:absolute;
    bottom:20px;
    left:30.5%;
    width:127px;
    height:24px;
    background: url('../img/button-ok.png') no-repeat 0% 0%;
}
.popupFriend .okBtn:hover {background-position: 0% -25px;}
.popupFriend .okBtn:active {background-position: 0% -50px;}

#contante_g_box img {
    display: block;
    margin: 0 auto;
    padding: 5px 0px;
}
.popupFriend .canselBtn {
    position:absolute;
    bottom:20px;
    left:30.5%;
    width:127px;
    height:24px;
    background: url('../img/button-ok.png') no-repeat 0% 0%;
}
.popupFriend .canselBtn:hover {background-position: 0% -25px;}
.popupFriend .canselBtn:active {background-position: 0% -50px;}

.popupFriend .ifok {
    left: 7.5%;
    background: url(/theme/img/pet_info/button-rename.png) no-repeat 0% 0%;
    text-decoration: none
}
.popupFriend .ifcansel {
    left: 52.5%;
    background: url(/theme/img/pet_info/button-rename.png) no-repeat 0% 0%;
    text-decoration: none
}
.popupFriend .ifok span {
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 4px;
    display: block;
    margin-right: 10px;
}

.popupFriend .ifcansel span {
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 4px;
    display: block;
    margin-right: 10px;
}

#backGround {
    display:none;
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.60;
    -moz-opacity: 0.60;
    -khtml-opacity: 0.60;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    cursor: pointer;
}

#backGround2 {
    display:none;
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.60;
    -moz-opacity: 0.60;
    -khtml-opacity: 0.60;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    cursor: pointer;
}

#wraper_nav .main-nav {width: 640px; height: 57px; background: url(/theme/img/menu-bg.png) no-repeat; margin-right: -7px;}
#wraper_nav .main-nav ul {overflow: hidden; padding: 18px 0 5px 17px;}
#wraper_nav .main-nav li {float: left; list-style-type: none; font-size: 13px; padding: 0 4px 0 6px; background: url(/theme/img/spacer.png) no-repeat 0% 50%; text-transform: uppercase; position: relative;}
#wraper_nav .main-nav li:hover span {display: block;}
#wraper_nav .main-nav li:first-child {background: none;}
#wraper_nav .main-nav li a {color: #fff; text-decoration: none; display: block; padding: 5px 8px 3px 8px; border-radius: 3px; text-shadow: 0 1px #730d0f;}
#wraper_nav .main-nav li a:hover {box-shadow: inset 0 1px 1px #f2f2f2; background: url(/theme/img/a-hover.png) repeat-x; border-bottom: 1px solid #7d0f0d; }
#wraper_nav .main-nav span {position: absolute; left: 50%; margin-top: -1px; width: 4px; height: 4px; background: url(/theme/img/span-hover.png) no-repeat; display: none;}
#wraper_nav .main-nav .active a {box-shadow: inset 0 1px 2px #3c0400; color: #630000; text-shadow: 0 1px #f8f2e7; background: url(/theme/img/active.png) repeat-x; border-bottom: 1px solid #f4e8e8; }
#wraper_nav .main-nav .active a:hover {box-shadow: inset 0 1px 2px #3c0400; color: #630000; text-shadow: 0 1px #f8f2e7; background: url(/theme/img/active.png) repeat-x; border-bottom: 1px solid #f4e8e8; }
#wraper_nav .main-nav .active span {background: url(/theme/img/active-span.png) no-repeat; width: 6px; height: 5px; display: block !important;}


#pay .toolbur {
    width: 102px;
    height: 24px;
    background: url(/theme/img/pet_info/tool.png) no-repeat;
    float: left;
    margin-left: 10px
}
#pay .toolbur .cost {
    color: #d28000;
    font-size: 11px;
    margin-top: 4px;
    display: block;
    margin-left: 12px
}
#pay .toolbur .cost .color {
    color: brown;
}
#pay #platipotom{
    margin-top: 9px;
}

#pay .logoPlay{
    background: url(/theme/img/LogoNew_15px.png) no-repeat;
    width: 30px;
    height: 28px;
    margin-left: 269px;
    margin-top: 10px;
}
/***********************************************/

#content_2 {
    /*background: url(/theme/img/line.png) no-repeat center 43px, url(/theme/img/bg_center.png) repeat-y  0;*/
    padding-top: 1px;
    min-height: 268px;
    border-top: 1px solid #b9a173;
    z-index: 150;
}

#content_2 ul {
    text-align: center;
    overflow: hidden;
    padding-left: 183px;
    margin-top: 18px;
    margin-bottom: 7px;
    background: url(/theme/img/act_1.png) no-repeat center bottom;
    z-index: 150;
    position: relative;
}
#content_2 ul li {
    text-align: center;
    display: inline-block;
    color: #5d4523;
    font-size: 16px;
    width: 198px;
    height: 28px;
    float: left;
    margin-left: -8px;
}
.startLeftTop{
    width: 75px;
    height: 74px;
    background: url(/theme/img/startLeftTop.png) no-repeat;
    position: absolute;
    top: 2px;
    right: 8px;
    z-index: 100;
}
.kuchCenter{
    width: 447px;
    height: 278px;
    background: url(/theme/img/kuchCenter.png) no-repeat;
    position: absolute;
    bottom: -10px;
    right: 209px;
    z-index: 100;
}
.startLeftBotton{
    width: 103px;
    height: 51px;
    background: url(/theme/img/startRightBotton.png) no-repeat;
    position: absolute;
    bottom: 2px;
    right: 8px;
    z-index: 100
}
.startLeftCenter{
    width: 174px;
    height: 269px;
    background: url(/theme/img/starCenterLeft.png) no-repeat;
    position: absolute;
    top: 145px;
    left: 8px;
    z-index: 100;
}
#content_2 ul li:hover {
    background: url(/theme/img/li-hover.png) no-repeat right bottom;
}
#content_2 ul li.selected {}

#content_2 ul li.selected a {
    color: #8b1610 !important;
}
#content_2 ul li a {
    color: #5d4523 !important;
    font-size: 16px;
    font-family: calibri;
    display: inline-block;
    margin-top: 7px;
    text-decoration: none;
    cursor: pointer;
}
#content_2 table {
    width: 900px;
    margin: 0 auto;
    border-bottom: 1px solid #eed7af;
}
#content_2 table tr td {
    text-align: center;
    font-size: 16px;
    font-family: calibri;

}

#content_2 table thead tr td {
    color: #594f43;
    height: 33px;
    vertical-align: middle;
    width: 225px;
}
#changeble_1  {
    background: url(/theme/img/thead_bg.png) no-repeat center 0;
    z-index: 150;
    position: relative;
}
#changeble_3  {
    background: url(/theme/img/thead_bg.png) no-repeat center 0;
    z-index: 150;
    position: relative;
}
#changeble_2  {
    background: url(/theme/img/thead_bg.png) no-repeat center 0;
    z-index: 150;
    position: relative;
}
#content_2 table thead td {

    border-left: 1px solid #a38e64;
}

#content_2 table thead {
    border-bottom: 1px solid #ad906a;
}
#content_2 table tbody tr td a {
    text-align: center;
    font-size: 13px;
    font-family: calibri;
    color: #c3201d;
    vertical-align: middle;
}
#content_2 table tbody {
    border-bottom: 1px solid #f0dcb7;
    background: url(/theme/img/op_1.png) ;
}
#content_2 table tbody tr td {
    height: 25px;
    vertical-align: middle;
    border-bottom: none;
    padding-left: 15px;
    text-align: left;
    border-left: 1px solid #a38e64;
}
#content_2 table tbody tr td span {
    color: #533e1c;
}
#content_2 table tbody tr td img {
    margin: 0 2px;
}
#content_2 table  tr td:first-child {
    border-left: none;
}
#content_2 table tbody tr td {

}


#content_2 table tbody tr td .cbx {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/theme/img/cbx.png) no-repeat 0 0 ;
    margin-right: 8px;
    vertical-align: middle;
}
#content_2 table tbody tr td .cbx:hover {
    background: url(/theme/img/cbx_h.png) no-repeat 0 0 ;
}
#content_2 table tbody tr:nth-child(2n) td {
    background: url(/theme/img/op_2.png) ;
}
#content_2 table tbody tr.selected td .cbx {
    background: url(/theme/img/cbx_selected.png) ;
}
#remove .cbx.selected {
    background: url("../img/cbx_selected.png") no-repeat 0 0;
}

#remove .cbx {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/theme/img/cbx.png) no-repeat 0 0 ;
    margin-right: 8px;
    vertical-align: middle;
    margin-left: 17px;
}
#remove {
    margin-left: 13px;
    margin-top: 5px;
    color: #483413;
    font-size: 13px;
    font-family: calibri;
}
#header ul li.selected a {
    color: #82120c;
}

#back {
    background: url(/theme/img/battonBack.png) no-repeat 100% 0%;
    padding: 4px 26px ;
    display: none;
    margin-top: 22px;
    height: 13px;
    width: 43px;
    right: 0;
    position: absolute;
    margin-right: 75px;
    z-index: 151;
}
#back:hover {
    background: url(/theme/img/battonBack.png) no-repeat 100% 50%;

}
#back:active {
    background: url(/theme/img/battonBack.png) no-repeat 50% 100%;
}


#remove #del {
    background: url(/theme/img/btn_del.png) no-repeat center;
    padding: 4px 26px ;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    text-shadow: 1px 1px 1px #444;
    display: inline-block;
    margin-top: 11px;
}
#remove #del:hover {
    background: url(/theme/img/btn_del_h.png) no-repeat center;
    color: #fff !important;
}
#remove #del:active {
    background: url(/theme/img/btn_del_a.png) no-repeat center;
    color: #fff !important;
}


#manage #del:hover {
    background: url(/theme/img/btn_del_h.png) no-repeat center;
    color: #fff !important;
}
#manage #del:active {
    background: url(/theme/img/btn_del_a.png) no-repeat center;
    color: #fff !important;
}

#manage #res:hover {
    background: url(/theme/img/res_h.png) no-repeat center;
    color: #fff !important;
}
#manage #res:active {
    background: url(/theme/img/res_a.png) no-repeat center;
    color: #fff !important;
}


#remove #res {
    background: url(/theme/img/res.png) no-repeat center;
    padding: 4px 26px ;
    color: #fff !important;
    text-decoration: none;
    font-size: 13px;
    text-shadow: 1px 1px 1px #444;
    display: inline-block;
    margin-top: 11px;
    font-family: calibri;
}
#manage #res {
    background: url(/theme/img/res.png) no-repeat center;
    padding: 4px 26px ;
    color: #fff !important;
    text-decoration: none;
    font-size: 13px;
    text-shadow: 1px 1px 1px #444;
    display: inline-block;
    margin-top: 11px;
    margin-right: 60px;
    font-family: calibri;
}
#manage #del {
    background: url(/theme/img/btn_del.png) no-repeat center;
    padding: 4px 26px ;
    color: #fff !important;
    text-decoration: none;
    font-size: 13px;
    text-shadow: 1px 1px 1px #444;
    display: inline-block;
    margin-top: 11px;
    margin-left: 60px;
    font-family: calibri;
}
#manage {
    text-align: center;
    margin-top: 25px;
}

/*
#footer {
	background: url(/theme/img/bg_bottom.png) no-repeat center;
	height: 155px;
}
*/
#letter {
    height: 264px;
    background: #dfc496;
    border-bottom: 1px solid #eed9b3;
    border-left: 1px solid #ccad82;
    border-right: 1px solid #ccad82;
    width: 879px;
    margin: 0 auto;
    padding: 14px 8px;
    color: #533d20;
    font-size: 16px;
    font-family: calibri;
    line-height: 18px;
}

#letter a:hover {
    color: #222!important;
}
#letter a {
    color: #222!important;
}
#changeble_3 tr td span{
    color: #b20606;
}
#changeble_3 tr td img {
    margin-left: 2px;
    margin-right: 2px;
}
#changeble_3 table thead {
    /* background: url(/theme/img/thead_bg2.png) no-repeat  0;*/
}

#changeble_4 {
    background: url(/theme/img/form_top.png) no-repeat  0 0;
    width: 900px;
    margin: 0 auto;
    padding-top: 3px;
    z-index: 150;
    position: relative;
}
#changeble_4 input {
    width: 332px;
    height: 26px;
    display: inline-block;
    margin-left: 5px;
    background: url(/theme/img/input_bg.png) no-repeat  0;
    border: none;
    color: #533e1c;
    padding-left: 8px;
    margin-bottom: 4px;
}
#changeble_4 label {
    font-size: 16px;
    font-family: calibri;
    color: #533e1c;
    width: 446px;
    text-align: center;
    margin:  0 30px;

}
#changeble_4 form {
    text-align: center;
}
#changeble_4 textarea {
    height: 264px;
    background: #f8e4c4;
    border-bottom: 1px solid #eed9b3;
    border-left: 1px solid #ccad82;
    border-right: 1px solid #ccad82;
    border-top: 1px solid #ccad82;
    width: 880px;
    margin: 0 auto;
    padding: 14px 8px;
    color: #533d20;
    font-size: 16px;
    font-family: calibri;
    line-height: 18px;
    border-top: none;
    resize: none;
}

#changeble_4 #subm {
    background: url(/theme/img/subm.png) no-repeat  0;
    width: 134px;
    height: 31px;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    margin-top: 25px;
}
#changeble_4 #subm:hover {
    background: url(/theme/img/subm_h.png) no-repeat  0;
}
#changeble_4 #subm:active {
    background: url(/theme/img/subm_a.png) no-repeat  0;
}

#changeble_2, #changeble_3, #changeble_4{
    display: none;
}

#content_2 td a {
    color: #8b1610 !important;
}
#content_2 td a:hover {
    color: #ff0000 ;
}
#content_2 td a:active {
    color: #7d3c65;
}

#remove #del {
    color: #fff !important;
}
#remove #del:hover {
    color: #fff !important;
}
#content_2 table tbody tr td a:hover {
    color: #c31e1c !important;
}
#content_2 table tbody tr td a:active {
    color: #773462 !important;
}
.bold-letter{
    font-weight: bold;
}

.iconClan{
    text-decoration: none;
}



/* href="http://css.monopolystar.ru/theme/css/jquery-ui.css" */

/*! jQuery UI - v1.10.1 - 2013-02-15
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and ../images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}
.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}
/* .ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
} */
.ui-menu-item {
    padding: 6px 12px !important;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.ui-menu-item:hover,
.ui-state-focus,
.ui-state-active {
    background: #8b6433 !important;
    border: none !important;
    color: #fff !important;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Custom scrollbar for the dropdown */
.ui-autocomplete::-webkit-scrollbar {
    width: 8px;
}

.ui-autocomplete::-webkit-scrollbar-track {
    background: #543a18;
}

.ui-autocomplete::-webkit-scrollbar-thumb {
    background: #8b6433;
    border-radius: 4px;
}

.ui-autocomplete::-webkit-scrollbar-thumb:hover {
    background: #9b7443;
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0; /* support: IE7 */
    font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
    cursor: default;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("../images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}
.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}
.ui-tabs {
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 0px !important;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
    font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
    font-size: 1em;
}
.ui-widget-content {
    border: none !important;
    background: none !important;
    color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
    color: #222222/*{fcContent}*/;
}
.ui-widget-header {
    border: none !important;
    background: none !important;
    color: #222222/*{fcHeader}*/;
    font-weight: bold;
}
.ui-widget-header a {
    color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none !important;
    background: none !important;
    font-weight: normal/*{fwDefault}*/;
    color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555/*{fcDefault}*/;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999/*{borderColorHover}*/;
    /*background: #dadada*//*{bgColorHover}*//* url(../images/ui-bg_glass_75_dadada_1x400.png)*//*{bgImgUrlHover}*//* 50%*//*{bgHoverXPos}*//* 50%*//*{bgHoverYPos}*//* repeat-x*//*{bgHoverRepeat}*//*;*/
    font-weight: normal/*{fwDefault}*/;
    color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #212121/*{fcHover}*/;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa/*{borderColorActive}*/;
    background: #ffffff/*{bgColorActive}*/ url(../images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121/*{fcActive}*/;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1/*{borderColorHighlight}*/;
    /*background: #fbf9ee*//*{bgColorHighlight}*//* url(../images/ui-bg_glass_55_fbf9ee_1x400.png)*//*{bgImgUrlHighlight}*//* 50%*//*{bgHighlightXPos}*//* 50%*//*{bgHighlightYPos}*//* repeat-x*//*{bgHighlightRepeat}*//*;*/
    color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a/*{borderColorError}*/;
    /*background: #fef1ec*//*{bgColorError}*//* url(../images/ui-bg_glass_95_fef1ec_1x400.png)*//*{bgImgUrlError}*//* 50%*//*{bgErrorXPos}*//* 50%*//*{bgErrorYPos}*//* repeat-x*//*{bgErrorRepeat}*//*;*/
    color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35);
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and ../images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-position: 16px 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
    /*background-image: url(../images/ui-icons_888888_256x240.png)*//*{iconsDefault}*//*;*/
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    /*background-image: url(../images/ui-icons_454545_256x240.png)*//*{iconsHover}*//*;*/
}
.ui-state-active .ui-icon {
    /*background-image: url(../images/ui-icons_454545_256x240.png)*//*{iconsActive}*//*;*/
}
.ui-state-highlight .ui-icon {
    /*background-image: url(../images/ui-icons_2e83ff_256x240.png)*//*{iconsHighlight}*//*;*/
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    /*	background-image: url(../images/ui-icons_cd0a0a_256x240.png)*//*{iconsError}*//*;*/
}

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
    /*background: #aaaaaa*//*{bgColorOverlay}*//* url(../images/ui-bg_flat_0_aaaaaa_40x100.png)*//*{bgImgUrlOverlay}*//* 50%*//*{bgOverlayXPos}*//* 50%*//*{bgOverlayYPos}*//* repeat-x*//*{bgOverlayRepeat}*//*;*/
    opacity: .3/*{opacityOverlay}*/;
    filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
    margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
    padding: 8px/*{thicknessShadow}*/;
    /*background: #aaaaaa*//*{bgColorShadow}*//* url(../images/ui-bg_flat_0_aaaaaa_40x100.png)*//*{bgImgUrlShadow}*//* 50%*//*{bgShadowXPos}*//* 50%*//*{bgShadowYPos}*//* repeat-x*//*{bgShadowRepeat}*//*;*/
    opacity: .3/*{opacityShadow}*/;
    filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
    border-radius: 8px/*{cornerRadiusShadow}*/;
}

/* href="http://js.monopolystar.ru/theme/css/jquery.motionCaptcha.0.2.css" */

/**
 * jQuery MotionCAPTCHA Plugin CSS
 * josscrowcroft.com/projects/motioncaptcha-jquery-plugin/
 *
 * Only these rules are absolutely necessary for the plugin.
 * NB. The width & height of the canvas can be flexible to fit your layout but there's a recommended min/max
 * - if you need it much bigger/smaller, you could tweak the background-positions of the shape classes.
 */

/* The canvas: */
#mc-canvas {
    width:210px;  /* For best results, set width to between 210px and 240px */
    height:140px; /* For best results, set height to between 140px and 170px */
    background:#fff -9999px -9999px no-repeat;
    background-image: url('../img/capcha/motionCaptcha-shapes.jpg') !important;

}

/* The shapes: */
#mc-canvas.triangle     { background-position:  10px   10px }
#mc-canvas.x            { background-position:-200px   10px }
#mc-canvas.rectangle    { background-position:-400px   10px }
#mc-canvas.circle       { background-position:-600px   10px }
#mc-canvas.check        { background-position:  10px -150px }
#mc-canvas.caret        { background-position:-200px -150px }
#mc-canvas.zigzag       { background-position:-400px -150px }
#mc-canvas.arrow        { background-position:-600px -150px }
#mc-canvas.leftbracket  { background-position:  10px -300px }
#mc-canvas.rightbracket { background-position:-200px -300px }
#mc-canvas.v            { background-position:-400px -300px }
#mc-canvas.delete       { background-position:-600px -300px }
#mc-canvas.leftbrace    { background-position:  10px -450px }
#mc-canvas.rightbrace   { background-position:-200px -450px }
#mc-canvas.star         { background-position:-400px -450px }
#mc-canvas.pigtail      { background-position:-600px -450px }

/* Disable mouse-selection on the page (only while user is actively drawing on the canvas): */
.mc-noselect {
    -webkit-user-select: none,
    -moz-user-select: none,
    user-select: none
}

/* href="/js/jquery.mCustomScrollbar/jquery.mCustomScrollbar.css" */

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox{ /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container{ /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}



/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container{ margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail{
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px; /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container{
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal{
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
    width: 30px; /* minimum dragger width */
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 12px; /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 8px; /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper{
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container{
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
    margin-right: 0; /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
}



/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/

/* default theme ("light") */

.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.4);
    filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    background-image: url(../../mCSB_buttons.png); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp{
    background-position: 0 0;
    /*
    sprites locations
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown{
    background-position: 0 -20px;
    /*
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft{
    background-position: 0 -40px;
    /*
    sprites locations
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight{
    background-position: 0 -56px;
    /*
    sprites locations
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }

/* ---------------------------------------- */



/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }

/* ---------------------------------------- */



/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 2px;
    margin: 7px auto;
}


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    width: 16px; /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 16px; /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 4px; /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
    width: 8px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
    background-color: #000; background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
    background-color: #fff; background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    bottom: 0;
    margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */



/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
    width: 6px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
    width: 12px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

/* ---------------------------------------- */



/* href="http://css.monopolystar.ru/js/fancybox/jquery.fancybox.css?v=2.1.5" */

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../../js/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../../js/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../../js/fancybox/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../../js/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('../../js/fancybox/fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('../../js/fancybox/fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}

/* href="/theme/css/chatCongratsPopup.css" */

*{
    outline: none;

}
body {
    font-family: Ubuntu;
}

.popup {
    visibility: hidden;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -480px;
    z-index: 1047;
}
.popup-bg {
    background: #f5f5f5 url("../images/chat-gift-popup/bg.jpg") center no-repeat;
    background-size: 100%;
    width: 961px;
    height: 414px;
    position: relative;
}

.close {
    position: absolute;
    right: -8px;
    top: -8px;
    background: url("../images/chat-gift-popup/button-close.png") center no-repeat;
    background-size: 100%;
    width: 42px;
    height: 42px;
    transition: 0.4s;
    border-radius: 60%;
}
.close:hover {
    background-image: url("../images/chat-gift-popup/button-close-hover.png");
    cursor: pointer;
}
.close:active {
    background-image: url("../images/chat-gift-popup/button-close.png");

    box-shadow: -3px 1px 7px rgba(0, 0, 0, 0.37);
}

.main {
    display: flex;
    flex-direction: column;
}

.main-form__fields {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: middle;
}

.header-title {
    text-align: center;
    text-shadow: -3px 1px 0 #4c0500;
    color: #ffffff;
    font-size: 25px;
    font-weight: 400;
    padding: 17px 0px 15px 0px;
}

.color-greetings {
    display: flex;
}

.main-title {
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    text-shadow:
            -0   -1px 0   #000000,
            0   -1px 0   #000000,
            -0    1px 0   #000000,
            0    1px 0   #000000,
            -1px -0   0   #000000,
            1px -0   0   #000000,
            -1px  0   0   #000000,
            1px  0   0   #000000,
            -1px -1px 0   #000000,
            1px -1px 0   #000000,
            -1px  1px 0   #000000,
            1px  1px 0   #000000,
            -1px -1px 0   #000000,
            1px -1px 0   #000000,
            -1px  1px 0   #000000,
            1px  1px 0   #000000;
    margin-top: 30px;
    margin-bottom: 17px;
}

.main-form__field {
    background: #000 url('../images/chat-gift-popup/bg-field.png') center no-repeat;
    background-size: cover;
    border: none;
    width: 680px;
    height: 22px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    margin-bottom: 7px;
    margin-right: 13px;
    padding-left: 14px;
    color: #6e2e2c;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 36px;
}
.main-form__field::-webkit-input-placeholder {
    color: #6e2e2c;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    font-style: italic;
}

.color-greetings {
    display: flex;
    width: 186px;
    justify-content: space-around
}

.form-button {
    background: url('../images/chat-gift-popup/button.png') center no-repeat;
    border: none;
    width: 308px;
    height: 52px;
    margin-left: 35%;
    margin-top: 32px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    transition: 0.4s;
}

.form-button:hover {
    background: url('../images/chat-gift-popup/button-hover.png') center no-repeat;
    cursor: pointer;
}

.form-button:active {
    background: url('../images/chat-gift-popup/button.png') center no-repeat;
    box-shadow:0px 0px 9px 1px rgba(0,0,0,0.63);
    -webkit-box-shadow:0px 0px 9px 1px rgba(0,0,0,0.63);
    -moz-box-shadow:0px 0px 9px 1px rgba(0,0,0,0.63);
    border-radius: 8px
}

.form-button img{
    position: absolute;
    display: inline-block;
    top: 50%;
    margin-top: -21px;
    left: 10px;
}

.form-button span {
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 13px;
    display: inline-block;
    color: #ffffff;
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: 400;
    line-height: 17.48px;
    text-shadow:
            -0   -1px 0   #000000,
            0   -1px 0   #000000,
            -0    1px 0   #000000,
            0    1px 0   #000000,
            -1px -0   0   #000000,
            1px -0   0   #000000,
            -1px  0   0   #000000,
            1px  0   0   #000000,
            -1px -1px 0   #000000,
            1px -1px 0   #000000,
            -1px  1px 0   #000000,
            1px  1px 0   #000000,
            -1px -1px 0   #000000,
            1px -1px 0   #000000,
            -1px  1px 0   #000000,
            1px  1px 0   #000000;
}

.footer-importent {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 36px;
    color: #ffffff;
    font-family: Ubuntu;
    text-shadow:
            -0   -1px 0   #000000,
            0   -1px 0   #000000,
            -0    1px 0   #000000,
            0    1px 0   #000000,
            -1px -0   0   #000000,
            1px -0   0   #000000,
            -1px  0   0   #000000,
            1px  0   0   #000000,
            -1px -1px 0   #000000,
            1px -1px 0   #000000,
            -1px  1px 0   #000000,
            1px  1px 0   #000000,
            -1px -1px 0   #000000,
            1px -1px 0   #000000,
            -1px  1px 0   #000000,
            1px  1px 0   #000000;
}


.footer-importent img {
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
}

.footer-importent span {
    vertical-align: middle;
    display: inline-block;
}

.color-1 {
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #7b2e00;
}
.color-1:hover {
    background-image: url('../images/chat-gift-popup/hover.png');
    box-shadow: none;
    cursor: pointer;
}
.color-1:active {
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    background-size: 100%;
}

.color-2 {
    /* Style for "Оранжевый" */
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #f26522;
}
.color-2:hover {
    background-image: url('../images/chat-gift-popup/hover.png');
    box-shadow: none;
    cursor: pointer;
}
.color-2:active {
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    -webkit-background-size: 100%;
    background-size: 100%;
}


.color-3 {
    /* Style for "Розовый" */
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #ff00ff;
}
.color-3:hover {
    background-image: url('../images/chat-gift-popup/hover.png');
    box-shadow: none;
    cursor: pointer;
}
.color-3:active {
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    -webkit-background-size: 100%;
    background-size: 100%;
}


.color-4 {
    /* Style for "Фиолетовый" */
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #662d91;
}
.color-4:hover {
    background-image: url('../images/chat-gift-popup/hover.png');
    box-shadow: none;
    cursor: pointer;
}
.color-4:active {
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.color-5 {
    /* Style for "Красный ко" */
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #ff0000;
}
.color-5:hover {
    background-image: url('../images/chat-gift-popup/hover.png');
    box-shadow: none;
    cursor: pointer;
}
.color-5:active {
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    -webkit-background-size: 100%;
    background-size: 100%;
}


.color-6 {
    /* Style for "Синий" */
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #0000ff;
}
.color-6:hover {
    background-image: url('../images/chat-gift-popup/hover.png');
    box-shadow: none;
    cursor: pointer;
}
.color-6:active {
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.color-7 {
    /* Style for "Зелёный" */
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #00a651;
}
.color-7:hover {
    background-image: url('../images/chat-gift-popup/hover.png');
    box-shadow: none;
    cursor: pointer;
}
.color-7:active {
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    -webkit-background-size: 100%;
    background-size: 100%;
}

/*.active {
	background-image: url('img/active.png');
	box-shadow: none;
		-webkit-background-size: 100%;
	background-size: 100%;
}*/

.brown::-webkit-input-placeholder {
    color: #7b2e00;
}

.orange::-webkit-input-placeholder {
    color: #f26522;
}

.pink::-webkit-input-placeholder {
    color: #ff00ff;
}

.purple::-webkit-input-placeholder {
    color: #662d91;
}

.red::-webkit-input-placeholder {
    color: #ff0000;
}

.blue::-webkit-input-placeholder {
    color: #0000ff;
}

.green::-webkit-input-placeholder {
    color: #00a651;
}

.active1 {
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #7b2e00;
    background-image: linear-gradient(to top, rgba(172, 6, 0, 0) 0%, rgba(189, 39, 22, 0.06) 55%, rgba(128, 10, 5, 0.09) 83%, rgba(108, 1, 0, 0.09) 92%, rgba(108, 1, 0, 0.09) 93%, rgba(108, 1, 0, 0) 100%);
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    -webkit-background-size: 100%;
    background-size: 100%;
    cursor: pointer;
}
.active2 {
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #f26522;
    background-image: linear-gradient(to top, rgba(172, 6, 0, 0) 0%, rgba(189, 39, 22, 0.06) 55%, rgba(128, 10, 5, 0.09) 83%, rgba(108, 1, 0, 0.09) 92%, rgba(108, 1, 0, 0.09) 93%, rgba(108, 1, 0, 0) 100%);
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    -webkit-background-size: 100%;
    background-size: 100%;
    cursor: pointer;
}
.active3 {
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #ff00ff;
    background-image: linear-gradient(to top, rgba(172, 6, 0, 0) 0%, rgba(189, 39, 22, 0.06) 55%, rgba(128, 10, 5, 0.09) 83%, rgba(108, 1, 0, 0.09) 92%, rgba(108, 1, 0, 0.09) 93%, rgba(108, 1, 0, 0) 100%);
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    -webkit-background-size: 100%;
    background-size: 100%;
    cursor: pointer;
}
.active4 {
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #662d91;
    background-image: linear-gradient(to top, rgba(172, 6, 0, 0) 0%, rgba(189, 39, 22, 0.06) 55%, rgba(128, 10, 5, 0.09) 83%, rgba(108, 1, 0, 0.09) 92%, rgba(108, 1, 0, 0.09) 93%, rgba(108, 1, 0, 0) 100%);
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    -webkit-background-size: 100%;
    background-size: 100%;
    cursor: pointer;
}
.active5 {
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #ff0000;
    background-image: linear-gradient(to top, rgba(172, 6, 0, 0) 0%, rgba(189, 39, 22, 0.06) 55%, rgba(128, 10, 5, 0.09) 83%, rgba(108, 1, 0, 0.09) 92%, rgba(108, 1, 0, 0.09) 93%, rgba(108, 1, 0, 0) 100%);
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    -webkit-background-size: 100%;
    background-size: 100%;
    cursor: pointer;
}
.active6 {
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #0000ff;
    background-image: linear-gradient(to top, rgba(172, 6, 0, 0) 0%, rgba(189, 39, 22, 0.06) 55%, rgba(128, 10, 5, 0.09) 83%, rgba(108, 1, 0, 0.09) 92%, rgba(108, 1, 0, 0.09) 93%, rgba(108, 1, 0, 0) 100%);
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    -webkit-background-size: 100%;
    background-size: 100%;
    cursor: pointer;
}
.active7 {
    width: 24px;
    height: 24px;
    box-shadow: inset 2px 3px 0 #560a05, inset 0 0 0 rgba(255, 255, 255, 0.31);
    background-color: #00a651;
    background-image: linear-gradient(to top, rgba(172, 6, 0, 0) 0%, rgba(189, 39, 22, 0.06) 55%, rgba(128, 10, 5, 0.09) 83%, rgba(108, 1, 0, 0.09) 92%, rgba(108, 1, 0, 0.09) 93%, rgba(108, 1, 0, 0) 100%);
    background-image: url('../images/chat-gift-popup/active.png');
    box-shadow: none;
    /*-webkit-background-size: 100%;*/
    background-size: cover;
    cursor: pointer;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */