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

}

.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: 95px; 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: 750px; box-shadow: 0 0 5px #808080; background: url(../img/content-bg.jpg);}
.first-container {padding-bottom: 20px;  height: 317px}
.top-bg {background: url(../img/pet_info/top_back.png) no-repeat;}
.main_content { box-shadow: 0px 0px 30px #40310A; position: relative; width: 750px;  margin: 0 auto;}
.information-container .title-info { color: #870000; font-size: 20px; 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: 678px; margin: 0 auto; background: url(../img/pet_info/inf-cont.png) no-repeat 280px 0;}
.inf-cont-my{overflow: hidden; width: 678px; margin: 0 auto;}
.left-inf {float: left;  position: relative;  }
.photo-info {width: 130px; height: 191px; margin: 55px 0px 0px 66px;}
.vip-block {position: absolute; top: 0px; left: 55px;}
.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: 50px; top: 250px;}
.ic5 {position: absolute;left: 105px; top: 250px;}
.ic6 {position: absolute;left: 160px; top: 250px;}
.ic7 {position: absolute;left: 200px; top: 54px;}
.ic8 {position: absolute;left: 200px; top: 120px;}
.ic9 {position: absolute;left: 200px; top: 185px;}
.panel-avto {
    margin-left: 41px;
    margin-top: -26px;
}
.panel-avto .avto {
    float: left;
    margin-left: 1px;
}
.onl {width: 197px; border: 1px dashed #006e0d; color: #006e0d; text-transform: uppercase; text-align: center; margin: 65px 0px 0px 33px; font-size: 12pt; padding: 15px 0px;}
.right-inf {float: right;}
.base-box { width: 333px; height: 259px; background: url(../img/pet_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: 2px 60px; color: #525252;}
.base-block p {float: left; margin: 4px 0px 0px -30px;}
.base-block .progres {
    background: url(../img/pet_info/progres_bac.png) no-repeat;
    height: 28px;
    margin-left: 32px;
    padding-top: 3px;
}
.base-block .progres div{
    margin-left: 10px;
}
.item-prog2 {
    margin: 2px -9px;
    background: url(../img/pet_info/progres2.png) no-repeat;
    height: 16px;
    width: 5px;
    float: left;
}
.item-prog1 {
    margin: 2px -9px;
    background: url(../img/pet_info/progres1.png) no-repeat;
    height: 16px;
    width: 5px;
    float: left;
}
.base-block .name {}
.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: 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;}
.bottom-box {position: absolute;bottom: 0px; background: url(../img/user_info/bottom_bg.png) no-repeat; width: 680px; height: 275px; z-index: 1;}
.overview2 {box-shadow: 0 0 5px #808080; background: url(../img/user_info/stars-bg.png) no-repeat;}


.base-block .sip-line {
    height: 1px;
    background: url(../img/pet_info/sipor_line.png) repeat-x;
    margin-left: -38px;
    width: 284px;
}
.base-block ul {
    margin-top: 5px;
    margin-left: -53px;
    font-size: 13px;
}
.window-box {
    width: 248px;
    height: 277px;
    background: url(../img/pet_info/window-av.png) no-repeat;
    margin-bottom: 15px;
    margin-left: 18px;
    margin-top: -8px;
}
.present{

    text-shadow: -1px -1px 0px #ffffff,2px 1px 0px #ffffff;
    position: absolute;
    margin-left: 88px;
    margin-top: 3px;
    color: #000;
}
.level-pet{
    position: absolute;
    margin-top: 14px;
    margin-left: 111px;
    color: #a8521a;
    font-size: 28px;
}
#pet-img{
    height: 119px;
    visibility: hidden;
    margin-top: 71px;
    margin-left: -4px;
}
.avtoThrowCubeImg {
    height:37px;
    width:37px;
    background: url(../img/pet_info/avto1.png)no-repeat;
}
.avtoThrowCubeImg .icon-alert {display: none; position: absolute;
    top: 171px;
    left: 44px;
    z-index: 200; width: 160px; padding: 10px; background:url(../img/alert-bg.png); border-radius: 2px; border: 1px solid #221805; box-shadow: inset 1px 1px #5e4d31; }
.avtoThrowCubeImg .icon-alert p {color: #e6c799; text-align: left; margin: 0px; text-shadow: 0px 1px #261a06;}
.avtoThrowCubeImg .icon-alert img {position: absolute; right: 157px; bottom: -12px;}

.avtoThrowCubeImg img {
    margin: 8px 2px;
}

.avtoPaymentImg {
    height:37px;
    width:37px;
    background: url(../img/pet_info/avto2.png)no-repeat;
}
.avtoPaymentImg .icon-alert {display: none; position: absolute;
    top: 156px;
    left: 88px;
    z-index: 200; width: 160px; padding: 10px; background:url(../img/alert-bg.png); border-radius: 2px; border: 1px solid #221805; box-shadow: inset 1px 1px #5e4d31; }
.avtoPaymentImg .icon-alert p {color: #e6c799; text-align: left; margin: 0px; text-shadow: 0px 1px #261a06;}
.avtoPaymentImg .icon-alert img {position: absolute; right: 157px; bottom: -12px;}

.avtoPaymentImg img {
    margin: 8px 2px;
}
.avtoByImg {
    height:37px;
    width:37px;
    background: url(../img/pet_info/avto3.png)no-repeat;
}
.avtoByImg .icon-alert {display: none; position: absolute;
    top: 172px;
    left: 125px;
    z-index: 200; width: 160px; padding: 10px; background:url(../img/alert-bg.png); border-radius: 2px; border: 1px solid #221805; box-shadow: inset 1px 1px #5e4d31; }
.avtoByImg .icon-alert p {color: #e6c799; text-align: left; margin: 0px; text-shadow: 0px 1px #261a06;}
.avtoByImg .icon-alert img {position: absolute; right: 157px; bottom: -12px;}

.avtoByImg img {
    margin: 8px 2px;
}
.avtoOutPrisonImg {
    height:37px;
    width:37px;
    background: url(../img/pet_info/avto4.png)no-repeat;
}

.avtoOutPrisonImg .icon-alert {display: none; position: absolute;
    top: 154px;
    left: 17px;
    z-index: 200; width: 160px; padding: 10px; background:url(../img/alert-bg.png); border-radius: 2px; border: 1px solid #221805; box-shadow: inset 1px 1px #5e4d31; }
.avtoOutPrisonImg .icon-alert p {color: #e6c799; text-align: left; margin: 0px; text-shadow: 0px 1px #261a06;}
.avtoOutPrisonImg .icon-alert img {position: absolute; right: 10px; bottom: -12px;}

.avtoOutPrisonImg img {
    margin: 8px 2px;
}
.avtoActionIm {
    height:37px;
    width:37px;
    background: url(../img/pet_info/avto5.png)no-repeat;
}
.avtoActionIm .icon-alert {display: none; position: absolute;
    top: 140px;
    left: 56px;
    z-index: 200; width: 160px; padding: 10px; background:url(../img/alert-bg.png); border-radius: 2px; border: 1px solid #221805; box-shadow: inset 1px 1px #5e4d31; }
.avtoActionIm .icon-alert p {color: #e6c799; text-align: left; margin: 0px; text-shadow: 0px 1px #261a06;}
.avtoActionIm .icon-alert img {position: absolute; right: 11px; bottom: -12px;}

.avtoActionIm img {
    margin: 8px 2px;
}