/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0 none;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img { border:0 none; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style-image: none; list-style-position: outside; list-style-type: none; }
q:before, q:after, blockquote:before, blockquote:after { content:""; }

/* css begin */
html, body {  }
body {
	/*font-family: Arial, Tahoma, sans-serif;*/
	font-size: 12px;
	color: #333;
    background:url(../img/body-bg.jpg) repeat fixed;

}
.main_content {
    box-shadow: 0px 0px 30px #40310A;
    position: relative;
    width: 680px;
    z-index: 1015;
    margin: 0 auto;

}

.left-bg { width: 18px; background:url(../img/left-bg.png) repeat-y; position: absolute; height: 100%; left: -10px; z-index: 100; }
.right-bg { width: 18px; background:url(../img/left-bg.png) repeat-y; position: absolute; height: 100%; right: -10px; z-index: 100;}
.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 { width: 50px; height: 69px; background:url(../img/coal-right.png) no-repeat; position: absolute;top: -10px; right: -15px; z-index: 100; }
.coal-left-bottom { width: 130px; height: 141px; background:url(../img/coal-left-bottom.png) no-repeat; position: absolute; bottom: -10px; left: -15px; z-index: 200; }
.coal-right-bottom { width: 129px; height: 127px; background:url(../img/coal-right-bottom.png) no-repeat; position: absolute; bottom: -10px; right: -15px; z-index: 200; }


.information-container {position: relative;   margin-top: 35px; width: 680px; box-shadow: 0 0 5px #808080; background: url(../img/content-bg.jpg);}
.first-container {padding-bottom: 20px; position: relative; font-family: "Calibri"; background: url(../img/user_info/bottom_bg.png) no-repeat 0 100%;}
.top-bg {background: url(../img/user_info/top_bg.png) no-repeat; position: relative;}
.main_content { box-shadow: 0px 0px 30px #40310A; position: relative; width: 680px; z-index: 1015; margin: 0 auto;}
.information-container .title-info { color: #870000; font-size: 25px; font-weight: normal; font-family: 'Calibri'; text-transform: uppercase; width: 209px; height: 68px; background:url(../img/title-info.png) no-repeat; text-align: center; margin: 0 auto; position: relative; top: -10px; padding-top: 10px; }
.inf-cont {overflow: hidden; width: 640px; margin: 0 auto; background: url(../img/user_info/inf-cont.png) no-repeat 300px 0;}
.left-inf {float: left; width: 315px; position: relative; background: url(../img/user_info/left-inf.png) no-repeat 15px 20px;}
.photo-info {width: 165px; height: 191px; margin: 55px 0px 0px 66px;}
.vip-block {position: absolute; top: 0px; left: 75px;}
.ic1 {position: absolute;left: 0px; top: 54px;}
.ic2 {position: absolute;left: 0px; top: 120px;}
.ic3 {position: absolute;left: 0px; top: 185px;}
.ic4 {position: absolute;left: 65px; top: 250px;}
.ic5 {position: absolute;left: 120px; top: 250px;}
.ic6 {position: absolute;left: 175px; top: 250px; cursor:pointer}
.ic7 {position: absolute;left: 235px; top: 54px;}
.ic8 {position: absolute;left: 235px; top: 120px;}
.ic9 {position: absolute;left: 235px; top: 185px;}
.onl {width: 197px; border: 1px dashed #006e0d; color: #006e0d; text-transform: uppercase; text-align: center; margin: 65px 0px 10px 45px; font-size: 12pt; padding: 15px 0px;}
.right-inf {float: right;}
.base-box { width: 319px; height: 203px; background: url(../img/user_info/base.png) no-repeat; margin-bottom: 15px;}
.base-box h2 {font-weight: normal; text-align: center; color: #525252; font-size: 14px; padding: 15px 0px 12px 0px; text-shadow: 0px 1px #f1e3ce;}
.base-block {width: 264px; margin: 0 auto; overflow: hidden; padding: 6px 7px; color: #525252;}
.base-block p {float: left; margin: 0px;}
.base-block .name {width: 150px;}
.base-block .summ {text-align: left;}
.base-block .grade { margin-right: 5px}
.base-block-center p {width: 260px; margin: 0 auto; overflow: hidden; color: #525252; text-align: center;}
.vip-col {color: #d28000;}
.two-col {color: #870000;}
.base-bg {background: url(../img/user_info/base-bg.png);}
.basis-container { border-top: 1px dotted #bca27a; position: relative; z-index: 300;}
.basis-box {margin-top: 18px;}
.basis-box h2 {font-weight: normal; text-transform: uppercase; text-align: center; color: #525252; font-size: 14px; padding: 17px 0px 27px 0px; text-shadow: 0px 1px #f1e3ce; width: 672px; background: url(../img/user_info/base-h2.png) no-repeat; margin: 0 auto;}
.basis-top {width: 650px; height: 20px; background: url(../img/user_info/basis-top.png) no-repeat; margin: 0 auto;}
.basis-center {width: 650px; background: url(../img/user_info/basis-center.png) repeat-y; margin: 0 auto;}
.basis-footer {width: 650px; height: 22px; background: url(../img/user_info/basis-footer.png) no-repeat; margin: 0 auto;}
    .basis-block { overflow: hidden; background: url(../img/user_info/basis-block.png) repeat-x 0 100%; margin: 0px 20px; padding: 10px 0px;}
.basis-block:last-child {background: none; }
.basis-block .name {float: left;}
.basis-block .status {float: right;}
.basis-block p {margin: 0px; font-size: 15px; color: #877551;}
.col-bs {color: #6c6862 !important;}

.overview2 {box-shadow: 0 0 5px #808080; background: url(../img/user_info/stars-bg.png) no-repeat;}

.tabs-cont { overflow: hidden; margin: 0 0 0 15px; font-family: "Calibri";}
    .tabs-cont li {float: left; height: 27px; text-align: center; margin-right: -15px; position: relative; cursor: pointer; font-size: 16px; text-shadow: 0 1px #f0dbba; color: #5d4523; line-height: 150%;}
    .tabs-cont li:hover {background-position: 0 49%}
    .tabs-cont .current {background-position: 0 99%; position: relative; z-index: 300; color: #8b1610;}
     .tabs-cont .current:hover {background-position: 0 99%;}
    .tab1 {width: 101px; background: url(../img/clan/tab1.png) no-repeat; z-index: 190;}
    .tab2 {width: 140px; background: url(../img/clan/tab2.png) no-repeat; z-index: 180;}
    .tab3 {width: 140px; background: url(../img/clan/tab2.png) no-repeat; z-index: 170;}
    .tab4 {width: 101px; background: url(../img/clan/tab1.png) no-repeat; z-index: 160;}
    .tab5 {width: 101px; background: url(../img/clan/tab1.png) no-repeat; z-index: 150;}
    .tab6 {width: 140px; background: url(../img/clan/tab2.png) no-repeat; z-index: 140;}
.box-tab {  
  display: none; /* по умолчанию прячем все блоки */  
  width: 650px;
  margin: 0 auto;
}  
.box-tab.visible {  
  display: block; /* по умолчанию показываем нужный блок */  
}

.name-clan { color: #870000; font-size: 22px; font-weight: normal; font-family: 'Calibri'; text-align: center; position: relative; top: -12px;}
    .name-clan table {display: inline-block;}
    .name-clan td {vertical-align: middle; text-align: center;}
    .plash-center {background: url(../img/clan/plash-center.png) repeat-x; padding: 0 30px;}

.img-plash {text-align: center; position: relative; top: -14px;}

.line-tab {border-top: 1px solid #f7dfb7; top: -3px; position: relative; z-index: 200; width: 646px; margin-left: 16px;}

.info-gerb {background: #e2c89d; border-bottom: 1px solid #9f8c6f; border-left: 1px solid #dbc299; border-right: 1px solid #dbc299; padding: 5px; margin-bottom: 20px;}
    .gerg-block {padding: 5px; background: #ebd4b1; min-height: 385px; box-shadow: inset 0px 1px 2px 0px #b69d7d;}

.box-container {}
    .topbg {background: url(../img/clan/topbg.png) no-repeat; height: 22px;}
    .centerbg {background: url(../img/clan/centerbg.png) repeat-y; font-size: 13px; color: #5b5b5b;}
    .centerbg .box-1 {float: left; margin-left: 20px; padding-top: 20px;}
    .centerbg .box-2 { padding-top: 20px;}
    .bottombg {background: url(../img/clan/bottombg.png) no-repeat; height: 22px;}
            .centerbg .center {margin: auto;}
            .centerbg .center p:first-child {padding-top: 0px;}
            .centerbg .center p {padding: 15px 20px 0 20px;}

.box-information {margin-top: 20px;}
       .box-information h2 {background: url(../img/user_info/base-h2.png) no-repeat 50% 0; width: 672px; margin-left: -12px; font-size: 16px; text-align: center; color: #525252; margin-bottom: 10px; font-family: "Calibri"; text-transform: uppercase; padding: 15px 0 14px 0; text-shadow: 0 1px #f2e6d2;}

.all-gamer {font-size: 12px; color: #6e4d22; padding: 10px 0; }
    .all-gamer span {color: #a81313;}

.title-table {width: 100%; height: 33px; background: url(../img/clan/title-table.png) no-repeat; color: #525252; font-size: 16px;}
    .title-table td {vertical-align: middle; text-transform: uppercase; text-align: center; text-shadow: 0 1px #f1e7d3; background: url(../img/clan/table-bg.png) no-repeat 0 50%;}
    .box-tab .nick {width: 203px; background: none;}
    .box-tab .rank {width: 120px;}
    .box-tab .status {width: 189px;}
    .box-tab .action {width: 140px;}

    .tableAction .list-table .nick {width: 175px; background: url(../img/clan/table-bg.png) no-repeat 0 50%; !important}
    .tableAction .list-table .date {width: 120px; background: none;}
    .tableAction .list-table .date span {margin-left: 9px}
    .tableAction .list-table .action {width: 85px}


    .tableAction .title-table .nick {width: 175px; background: url(../img/clan/table-bg.png) no-repeat 0 50%; !important}
    .tableAction .title-table .date {width: 120px; background: none;}
    .tableAction .title-table .action {width: 85px}

    .tableAction .list-table .bg {background: #d2b07b;}

.list-table {background: url(../img/clan/list-table.png); width: 100%; box-shadow: inset 0 1px 3px #ae936d;}
    .list-table td {vertical-align: middle; padding: 5px 0; background: url(../img/clan/table-bg.png) no-repeat 0 50%;}
    .list-table .nick {background: none;}
        .list-table .nick p {display: inline-block; padding-left: 19px; padding-top: 2px; font-size: 13px; color: #483413; margin: 0 5px;}
        .list-table .vip p {display: inline-block; padding-left: 19px; padding-top: 2px; background: url(../img/clan/star-nick.png) no-repeat; font-size: 13px; color: #483413; margin: 0 5px;}
        .list-table .nick span {display: inline-block; }
        .list-table .vip span {display: inline-block; }
        .list-table .nick .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;
        }
        .list-table .vip .userInfo {
            display:inline-block;
            width: 10px;
            height: 10px;
            background: url("../img/userInfo.png") no-repeat 0% 0%;
            margin:0px 0 0 -1px;
            position:relative;
            top:1px;
        }
        .list-table .online {display: block; text-align: center; color: #4aa142; font-size: 13px;}
        .list-table .offline {display: block; text-align: center; color: #ad332d; font-size: 13px;}
        .list-table .action a {width: 119px; height: 21px; background: url(../img/clan/expel.png) no-repeat; display: block; text-align: center; margin: 0 auto;}
        .list-table .action a:hover, .edit-charter:hover, .edit-ads:hover, .treas-right a:hover, .check:hover, .minus:hover {background-position: 0 50%;}
        .list-table .action a:active, .edit-charteredit-ads:active, .edit-ads:active, .treas-right a:active, .check:active, .minus:active {background-position: 0 100%;}
        .list-table .action span {display: inline-block; color: #fff; font-size: 12px; text-shadow: 0 1px #680f0e; padding-top: 4px;}
        .list-table .rank {text-align: center; position: relative;}
        .list-table .bg {background: #d2b07b;}

.charter {padding-top: 20px; position: relative;}
    .charter h2 {text-transform: uppercase; padding-left: 20px;}
    .edit-charter, .edit-ads {width: 94px; height: 21px; display: block; background: url(../img/clan/edit-charter.png) no-repeat; font-size: 13px; color: #fff; text-align: center; text-shadow: 0 1px #584b32; float: right; margin-right: 25px;}
        .edit-charter, .edit-ads span {display: inline-block; padding-top: 3px;}

.treasury {overflow: hidden; background: #dcbf97; border-radius: 5px; padding: 10px 15px; box-shadow: inset 0 1px 2px #ccb18c; border-bottom: 1px solid #ead5b2; margin: 5px 0 10px 0; font-size: 13px; color: #6e4d22;}
    .treas-left {float: left; margin-top: 2px; display: inline-block; vertical-align: middle;}
        .treas-left span {color: #a81313;}
    .treas-right {float: right; display: inline-block; vertical-align: middle;}
        .treas-right span {color: #bc7c0c;}
        .treas-right img {position: relative; top: 2px;}
        .treas-right a {display: inline-block; vertical-align: middle; margin-top: -2px; width: 105px; margin-left: 7px; height: 22px; color: #535353; text-decoration: none; line-height: 170%; font-size: 13px; text-align: center; background: url(../img/clan/pay.png) no-repeat;}
        .control .treas-left { margin-top: 4px;}
        .control .treas-right { margin-top: 2px;}

.treas-table {width: 100%; height: 33px; background: url(../img/clan/title-table.png) no-repeat; color: #525252; font-size: 14px;}
    .treas-table td {vertical-align: middle; text-align: center; text-shadow: 0 1px #f1e7d3; background: url(../img/clan/table-bg.png) no-repeat 0 50%; line-height: 100%;}
        .ransk {width: 120px; background: none !important;}
            .ransk p {display: inline-block; width: 11px; padding: 0 5px 0 3px; vertical-align: middle;}
            .ransk a {display: block; width: 11px; height: 11px;}
            .ransk .edit {background: url(../img/clan/table-icon.png) no-repeat; margin-bottom: 2px;}
                .ransk .edit:hover, .ransk input[type="submit"]:hover {background-position: 0 50%;}
                .ransk .edit:active, .ransk input[type="submit"]:active {background-position: 0 100%;}
            .rename {background: url(../img/clan/table-icon.png) no-repeat 100% 0;}
                .rename:hover {background-position: 100% 50%;}
                .rename:active {background-position: 100% 100%;}
            .ransk input[type="text"] {width: 90px; height: 22px; display: inline-block; vertical-align: middle; text-align: center; font-size: 13px; font-family: "Calibri"; background: none; border: none; color: #483413;}
            .ransk input[type="text"]:focus {background: #f8e4c4; box-shadow: inset 0 1px 2px #bfa88a;}
            .ransk input[type="submit"] {border: none; width: 94px; height: 21px; background: url(../img/clan/add.png) no-repeat; color: #fff; font-size: 13px; font-family: "Calibri"; text-shadow: 0 1px #584b32; line-height: 100%; cursor: pointer;}
            .ransk span {display: block; width: 124px; background: url(../img/clan/table-bg.png) no-repeat 100% 50%; text-align: center; padding: 2px 0;}
        .accept {width: 80px;}
        .exclude {width: 76px;}
        .power {width: 83px;}
        .change-rank {width: 77px;}
        .use {width: 89px;}
        .edit-info {width: 114px;}
        .check {width: 15px; height: 15px; display: block; margin: 0 auto; background: url(../img/clan/check.png) no-repeat;}
        .minus {width: 15px; height: 15px; display: block; margin: 0 auto; background: url(../img/clan/minus.png) no-repeat;}

.reg-clan {padding: 0 30px 20px 30px;}
    .reg-clan h2 {text-align: center; text-transform: uppercase; font-size: 17px; color: #53514d; text-shadow: 0 1px #f3debb; padding-bottom: 8px;}
    .reg-clan-box {padding: 13px 10px; overflow: hidden; box-shadow: inset 0 1px 0 0 #f8e4c4; border-top: 1px solid #b9a173;}
        .reg-clan-box p {float: left; margin-top: 5px; width: 270px; font-size: 14px; color: #414141;}
        .reg-clan-box span {display: block; padding-top: 10px; font-size: 12px; color: #5b5b5b;}
        .reg-clan-box input {float: right; border: none; height: 26px;}
            .input-name {width: 263px; background: url(../img/clan/input-name.png) no-repeat; padding: 0 5px;}
        .file-box {float: right; position: relative;}
        .alert-reg-clan {text-align: center; font-size: 13px !important; color: #a10c0d !important; padding: 0px 0 30px 0 !important;}
    .reg-clan .ok {width: 139px; height: 24px; color: #fff; font-family: "Calibri"; text-shadow: 0 1px #345724; float: right; font-size: 14px; border: none; background: url(../img/clan/ok.png) no-repeat; cursor: pointer; position: relative; z-index: 1100;}
    .reg-clan .cancel {width: 139px; height: 24px; color: #fff; font-family: "Calibri"; text-shadow: 0 1px #6d100f; float: left; font-size: 14px; border: none; background: url(../img/clan/cancel.png) no-repeat; cursor: pointer; position: relative; z-index: 1100;}
    .reg-clan .ok:hover, .reg-clan .cancel:hover {background-position: 0 50%;}
    .reg-clan .ok:active, .reg-clan .cancel:active {background-position: 0 100%;}

.clan-info {width: 300px; height: 58px; background: url(../img/clan/clan-info.png) no-repeat;}
    .clan-info ul {padding: 4px 6px 0 6px;}
         .clan-info li {padding: 5px 0; overflow: hidden; box-shadow: inset 0 1px 0 0 #f8e4c4; border-top: 1px solid #b9a173; color: #5b5b5b;}
          .clan-info li:first-child {border: none; box-shadow: none;}
         .clan-info p {display: inline-block; width: 100px; padding-left: 15px;}
         .clan-info span {color: #870000;}

.section-tab {min-height: 550px; position: relative; z-index: 300;}
ul .center{
    margin: auto;
    width: 63%;
}

.jq-file__name {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 26px;
    font-size: 14px;
    padding: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../img/clan/file-input.png) no-repeat; width: 272px; padding-left: 120px;
    cursor: pointer;
}

.jq-file__name:hover {background-position: 0 50%;}
.jq-file__name:active {background-position: 0 100%;}

.jq-file__browse {text-indent: -9999px;}


input:focus {outline: none;}

.searchBlock .selectBox{
    display: inline-block;
    position: relative;
    width: 114px;
    height: 22px;
    font-size: 13px;
    color: #483413;
    text-decoration: none;
    border-radius: 3px;
    outline: 1px solid #ac8f62; background: #f2dfbf;
}
.searchBlock .selectBox-arrow {
    position: absolute;
    left: auto;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 22px;
    overflow: hidden;
    cursor: pointer;
    background: url(../img/clan/select.png) 0 100% no-repeat;
}

.action  .selectBox {
    width: 220px;
    margin-left: 5px;
}
.nicke  .selectBox {
    width: 220px;
    margin-left: 47px;
}
.day .selectBox{
    width: 45px;
    margin-left: 61px;
}
.dateTo .day .selectBox{

    margin-left: 54px;
}
.mouthe .selectBox{
    width: 110px
}
.yer .selectBox{
    width: 60px
}

select, .selectBox {
     display: inline-block;
     position: relative;
     width: 114px;
     height: 22px;
     font-size: 13px;
     color: #483413;
     text-decoration: none;
     border-radius: 3px;

 }

 .selectBox:hover {outline: 1px solid #ac8f62; background: #f2dfbf;}
 .selectBox:hover .selectBox-arrow { background: url(../img/clan/select.png) 0 100% no-repeat;}

 .selectBox-label {
    position: absolute;
    top: 3px; left: 8px;
 }
 .selectBox-arrow {
     position: absolute;
     left: auto;
     right: 0px;
     top: 0px;
     width: 20px;
     height: 22px;
     overflow: hidden;
     cursor: pointer;
     background: url(../img/clan/select.png) 0 0% no-repeat;
 }
 .selectBox-dropdown-menu {
     position: absolute;
     list-style: none;
     font-size: 13px;
     line-height: 20px;
     background: #e5cba1;
     margin: 0;
     padding: 0;
     border: 1px solid #ac8f62;
     z-index: 2020;
     border-top: none;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
     font-family: "Calibri";
 }
 .selectBox-dropdown-menu li {
 display: block; 
 background: url(../img/clan/select-li.png) repeat-x;
 }
 .selectBox-dropdown-menu li a {
 display: block;
 padding: 2px 7px;
color: #483413;
 text-decoration: none;
 cursor: pointer; 
 }
 .selectBox-dropdown-menu li a:hover {
color: #483413;
 text-decoration: none;
 background: #d1af78;
 }

 .niceCheck {
     width: 15px;
     height: 15px;
     overflow: hidden;
     display: block;
     margin: 0 auto;
     cursor: pointer;
     background: url(../img/clan/check.png) left top no-repeat;
 }
 .niceCheck:hover {background-position: 0 50%;}
  .niceCheck:active {background-position: 0 100%;}
 .niceChecked {
     background: url(../img/clan/minus.png) no-repeat;
 }
  .niceChecked:hover {background-position: 0 50%;}
  .niceChecked:active {background-position: 0 100%;}

  .niceCheckDisabled {
      background: url(../img/clan/minus.png) no-repeat;
  }
  .niceCheckDisabled:hover {background-position: 0 50%;}
  .niceCheckDisabled:active {background-position: 0 100%;}

 .niceCheck input {
     margin-left: -30px;/* Смещаем чекбокс в лево, чтобы его не было видно */
 }

#pet-img-2{
    height: 119px;
    visibility: visible;
    width: 75px;
    margin-left: 56px;
    margin-top: -108px;
    z-index: 1017;
}
#pet-img-1{
    height: 119px;
    visibility: visible;
    width: 75px;
    margin-left: 58px;
    margin-top: -103px;
    z-index: 1017;
}
.card {
    margin-left: 15px ;
    overflow: hidden;
}
.cards {
    float: left;
    margin: 2px 2px 2px 2px;
}
.reg-clan-box .error {
    color: #ff0000;
    margin-left: 59px;
    margin-top: 15px;
}

/* Уведомление о успешном добавлении игрока */
.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);
}
.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 .closeVal {
    position:absolute;
    top:-10px;
    right:-10px;
    display:block;
    width:24px;
    height:24px;
    background: url('../img/close-message.png') no-repeat 0% 0%;
}
.popupFriend .closeVal:hover {background-position: 0% -25px;}
.popupFriend .closeVal: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;
}
.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;}
.popupFriend .okVal {
    position:absolute;
    bottom:20px;
    left:30.5%;
    width:127px;
    height:24px;
    background: url('../img/button-ok.png') no-repeat 0% 0%;
}
.popupFriend .okVal:hover {background-position: 0% -25px;}
.popupFriend .okVal:active {background-position: 0% -50px;}

.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;}
#backGround,#backGroundex {
    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;
}
.accesse {
    display: block;
    opacity: 0.6;
    position: absolute;
    z-index: 2000;
    height: 34px;
    width: 526px;
    margin-top: -8px;
}
textarea  {
    display: none;
}
#textUstav, #textABS {
    padding: 5px 20px;
}
#textABS  h1 { display: block; font-size: 2em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold;}
#textUstav h1 { display: block; font-size: 2em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold;}
#textABS h2 { display: block; font-size: 1.5em;  -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; background: none;}
#textUstav h2 { display: block; font-size: 1.5em;  -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; background: none;}
#textABS h3 {display: block; font-size: 1.17em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold;}
#textUstav h3 {display: block; font-size: 1.17em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold;}
#textUstav, #textABS i, cite, em, var, address, dfn {
    font-style: italic;
}
#textABS strong, b { font-weight: bold;}
#textUstav strong, b { font-weight: bold;}
#textABS s, strike, del {    text-decoration: line-through;}
#textUstav s, strike, del {    text-decoration: line-through;}
#textABS u, ins {     text-decoration: underline;}
#textUstav u, ins {     text-decoration: underline;}
#textABS ol { display: block; list-style-type: decimal; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px;}
#textUstav ol { display: block; list-style-type: decimal; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px;}
#textABS li { display: list-item; text-align: -webkit-match-parent;}
#textUstav li { display: list-item; text-align: -webkit-match-parent;}
#textABS ul, menu, dir {display: block; list-style-type: disc; -webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;}
#textUstav ul, menu, dir {display: block; list-style-type: disc; -webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;}
#textUstav, #textABS sub {
    vertical-align: sub;
    font-size: smaller;
}
#textUstav, #textABS sup {
    vertical-align: super;
    font-size: smaller;
}
.center {
    margin: auto;
}

.main-portfel { margin-top: 25px; overflow: auto;}
.main-portfel .icon {border: 1px solid #baa481; border-radius: 5px; padding: 4px; float: left; position: relative; margin-left: 7px; margin-right: 7px; margin-bottom: 10px; 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;}

.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;}
.main-portfel .iconcard {border: none !important;}

.treasury .exchangeBatton{
    border:none;
    width: 139px;
    height: 24px;
    background:url("../img/clan/treasury.png") no-repeat 0 0;
    cursor: pointer;
    outline: none;
    display: inline-block;
    margin-left: 24px;
    float: left;
}
.treasury  .exchangeBatton:hover{background-position: 0 -24px;}
.treasury  .exchangeBatton:active{background-position: 0 -48px;}

.treasury .histori{
    border:none;
    width: 139px;
    height: 24px;
    background:url("../img/clan/histori.png") no-repeat 0 0;
    cursor: pointer;
    outline: none;
    display: inline-block;
    margin-left: 24px;
    float: left;
    color: #ffffff;
}
.treasury  .histori:hover{background-position: 0 -24px;}
.treasury  .histori:active{background-position: 0 -48px;}
#exchange, #historyExchange{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 2020;
    width: 678px;
}
#info_tal {
    width: 471px;
    height: 142px;
    position: absolute;
    right: 119px;
    margin: auto 0;
    z-index: 1017;
    display:none;
    margin-top: 11px;

}

#info_tal .items { overflow: hidden; margin-top: 12px;  }
#info_tal .items .a1 {margin-left: 35px !important; }
#info_tal .items .item {background:url(../img/item-bg.png); float: left; width: 443px; margin-left: 10px; border-radius: 5px; padding: 33px 0px 0px 0px;}
#info_tal .items .item1 {background:url(../img/item-bg.png); float: left; width: 307px; margin-left: 10px; border-radius: 5px; padding: 33px 0px 0px 0px;}
#info_tal .items .item2 {background:url(../img/item-bg.png); float: left; width: 579px; margin-left: 10px; border-radius: 5px; padding: 33px 0px 0px 0px;}
#info_tal .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;}
#info_tal .items .item .block .vertical-right {position: absolute; width: 13px; height: 100%; background:url(../img/vertical-lin.png) repeat-y; right: -5px; z-index: 100;}
#info_tal .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;}
#info_tal .items .item .block .horizontal-top {position: absolute; width: 100%; height: 13px; background:url(../img/horizontal-lin.png) repeat-x; top: -5px; z-index: 100;}
#info_tal .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;}

#info_tal .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;}
#info_tal .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;}
#info_tal .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;}
#info_tal .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;}

#info_tal .items .item .block .img-box {width: 100px; height: 100px; float: left; margin-top: 0px; margin-left: 12px; text-align: center; position: relative;}
#info_tal .items .item .block .img-box img {margin-top: 10px;}
#info_tal .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;}
#info_tal .items .item .block .img-box .rm {position: absolute; width: 107px; height: 107px; background:url(../img/card/ramka.png) no-repeat; top: 7px; left: -5px; z-index: 100;}
#info_tal .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;}
#info_tal .items .item .block .img-box .rm img {margin-left: 20px; margin-top: 20px;}
#info_tal .items .item .block .img-box .castle {display: block; position: absolute; width: 27px; height: 27px; top: 7px; right: 67px; z-index: 200;}
#info_tal .items .item .block .img-box .i-info {display: none; position: absolute; width: 27px; height: 27px; top: 7px; right: 5px; z-index: 200;}
#info_tal .items .item .block .img-box .use {display: none; position: absolute; width: 99px; height: 21px; bottom: 10px; right: 0px; z-index: 200;}
#info_tal .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 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: 16px; 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;}

#gerpCaln {
    height: 537px;
    width: 627px;
}

.searchBlock {
    padding-left: 142px;
    color: #483413;
    height: 142px;
}
.rowSearch {
    margin-top: 5px;
}
.title-select {
    font-size: 14px;
    font-family: Calibri;
    display: block;
    margin-top: 1px;
    float: left;
}
.tableAction {
    /*margin-left: 12px;*/
    width: 650px;
    margin: 0 auto;
}
.tableAction .action img {
    margin-left: 19px;
}
.pagination {
    margin-left: 13px;
}

.pagination .nextPage {
    border: none;
    cursor: pointer;
    outline: none;
    color: #483413;
}
.pagination .backPage:hover {
    /*color: #ffffff;*/
    /*background-color: #3c0400;*/
}
.pagination .backPage {
    border: none;
    cursor: pointer;
    outline: none;
    color: #483413;
}
.pagination .backPage:hover {
    /*color: #ffffff;*/
    /*background-color: #3c0400;*/
}
.pagination .page {
    height: 25px;
    width: 25px;
    border: none;
    cursor: pointer;
    outline: none;
    color: #483413;
    background: url("../img/clan/pagination.png") 90% 0 no-repeat;
}
.pagination .curent {
    color: #ffffff;
    background: url("../img/clan/pagination.png") 5% 0 no-repeat;
}
.pagination .page:hover {
    color: #ffffff;
    background: url("../img/clan/pagination.png") 5% 0 no-repeat;;
}

.okSearch{
    border:none;
    width: 139px;
    height: 24px;
    background:url("../img/clan/ok.png") no-repeat 0 0;
    cursor: pointer;
    outline: none;
    float: left;
    color: #ffffff;
    margin-left: 124px;
    margin-top: 6px;
}
.okSearch:hover{background-position: 0 -25px;}
.okSearch:active{background-position: 0 -50px;}

.block-info{
    height: 60px;
    margin-top: 15px;
    margin-left: 11px;
}
.block-info .iteminfo{
    float: left;
    height: 60px;
    width: 162px;
}
.block-info .iteminfo .backraud{
    height: 52px;
    width: 52px;
    background: url("../img/clan/info.png") no-repeat;

}
.block-info .iteminfo .backraud img{
    margin-top: 9px;
    margin-left: 3px;
}
.block-info .iteminfo .text-info{
    float: left;
    margin-top: -36px;
    font-size: 14px;
    color: #6e4d22;
    font-family: Calibri;
    margin-left: 54px;
}
.out{
    margin-left: -8px;
}
.bay{
    margin-left: -13px;
}
.activate{
    width: 208px !important;
    margin-left: -8px;
}
.inactive {
    opacity: .5;
    pointer-events:none;
}
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin: -75px 0 0 -75px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #9a0000;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}