/* 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;

}

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

.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/user_info/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 {display: none; 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;}
.offl {display: none; width: 197px; border: 1px dashed #CA0A18; color: #CA0A18; text-transform: uppercase; text-align: center; margin: 65px 0px 10px 45px; font-size: 11pt; 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: 260px; margin: 0 auto; overflow: hidden; padding: 6px 7px; color: #525252;}
.base-block p {float: left; margin: 0px;}
.base-block .name {width: 140px;}
.base-block .summ {text-align: left;}
.base-block .grade { margin-right: 5px}
.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-left: -11px;}
.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;}


.accept {width: 80px;}
.exclude {width: 76px;}
.power {width: 83px;}
.change-rank {width: 77px;}
.use {width: 89px;}
.edit-info {width: 114px;}


.clan-info {width: 300px; height: 58px; background: url(../img/user_info/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;}
.clan-info a {
    color: inherit;
    text-decoration: underline;
    display: inline-block;
}

.section-tab {min-height: 550px; position: relative; z-index: 300;}

#pet-img-2{
    height: 119px;
    visibility: visible;
    width: 75px;
    margin-left: 89px;
    margin-top: -108px;
    z-index: 1017;
}
#pet-img-1{
    height: 119px;
    visibility: visible;
    width: 75px;
    margin-left: 89px;
    margin-top: -103px;
    z-index: 1017;
}
.card {
    margin-left: 13px;
    overflow: hidden;
}
.cards {
    float: left;
    margin: 2px 2px 2px 2px;
    position: relative;
}
.cards:hover .cards-delete {
    position: absolute;
    right: 0;
    top: 3px;
    width:15px;
    height:12px;
    background: url('../img/cross-icon.png') no-repeat 0% 0%;
}
.section-tab {
    min-height: 550px;
    position: relative;
    z-index: 300;
}
.line-tab {
    border-top: 1px solid #f7dfb7;
    top: -3px;
    position: relative;
    z-index: 200;
    width: 646px;
    margin-left: 16px;
}
.box-tab.visible {
    display: block;
}
.box-tab {
    display: none;
    width: 650px;
    margin: 0 auto;
}
.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; /* по умолчанию показываем нужный блок */
}
.info-gerb {
    background: #e2c89d;
    border-bottom: 1px solid #9f8c6f;
    border-left: 1px solid #dbc299;
    border-right: 1px solid #dbc299;
    padding: 5px;
    margin-bottom: 20px;
}
.centerbg {
    background: url(../img/clan/centerbg.png) repeat-y;
    font-size: 13px;
    color: #5b5b5b;
}
.bottombg {
    background: url(../img/clan/bottombg.png) no-repeat;
    height: 22px;
}
.gerg-block {
    padding: 5px;
    background: #ebd4b1;
    min-height: 385px;
    box-shadow: inset 0px 1px 2px 0px #b69d7d;
}
.topbg {
    background: url(../img/clan/topbg.png) no-repeat;
    height: 22px;
}
#gerpCaln {
    height: 537px;
    width: 627px;
}
.center {
    margin: auto;
}