@font-face {
    font-family: "FooRegular";
    src: url("../../fonts/foo-regular/FooRegular.eot");
    src: url("../../fonts/foo-regular/FooRegular.eot?#iefix")format("embedded-opentype"),
    url("../../fonts/foo-regular/FooRegular.woff") format("woff"),
    url("../../fonts/foo-regular/FooRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

#side-content{float: none; display: table-cell; vertical-align: top; padding-left: 10px;}
#content{float: none; display: table-cell; vertical-align: top; width: auto;}
#secondary-content{float: none; display: table-cell; vertical-align: top;}
#side-scroll{left: 10px;}
#container{width: 100%; display: table;}
.without-secondary #container{width: 100%;}
.petNoServiceZones #side-content,
.petNoServiceZones #secondary-content{display:none}
#topper-block,#topper-block.to-bottom{margin:0 750px 0 0}

body{background-color:#f1f5f8}
#petPage *{font-family: "Trebuchet MS", Helvetica, sans-serif;}
#petPage{
    width:100%;
    min-width:828px;
    min-height:601px;
    margin:-1px auto 0;
}
/*common*/
a.darkBlue{color: #332d59}
a.underline{text-decoration:underline}
h3{font-size: 17px;margin: 0 0 5px}
.center{text-align:center}
.xxl{font-size: 20px}
.clearing{
    clear:both;
    font-size:0;
    line-height:0;
    height:0;
    overflow:hidden;
    visibility:hidden;
    display:block
}
.display-ib
{
    display:inline-block;
    *zoom:1;
    *display:inline
}
.transp {
    opacity: .5;
}
.petWaitCursor{cursor:wait}
.gDisabledFade {opacity:0.4;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
.gDisabledFade, .gDisabledFade * {filter:alpha(opacity=60) !important;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60) !important}
#popupOverlay{
    background: url(../../base/img/bg_black_50.png) 0 0 repeat;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: 800;
}
/*corners*/
.petCornerTL,
.petCornerTR,
.petCornerBL,
.petCornerBR{
    background-image:url(img/pet-home-border.png);
    position:absolute;
    display:block;
    width:13px;
    height:8px;
    z-index:2;
    display:none\9
}
.petCornerTL{
    background-position:0 0;
    top:-6px;
    left:-5px;
}
.petCornerTR{
    background-position:100% 0;
    top:-6px;
    right:-5px;
}
.petCornerBL{
    background-position:0 100%;
    bottom:-14px;
    left:-5px;
    width:10px;
    height:20px
}
.petCornerBR{
    background-position:100% 100%;
    bottom:-14px;
    right:-5px;
    width:10px;
    height:20px
}
.noBorder .petCornerTL,
.noBorder .petCornerTR,
.noBorder .petCornerBL,
.noBorder .petCornerBR{display:none}
/*skins*/
.petHomeSkinBlock,.petBottomSubPanelSkinBlock,.petHomeSkinBottomStripe{display:none;position:absolute;top:0}
/*new skins: skinNY13,skinLove,skinStarsClub2,skinStarsClub1,skinJapan13,skinEventOz13*/

body #petPage,#stylePetPage .img{background:url(/app/pet/img/skin/main_bg.png) #3e9dc1 50% 0 repeat}
/*halloween 2014*/
/*body.skinHoliday #petPage,#stylePetPage .space { background:#172234 url(img/skin/helloween_14/skin-patt.png) 0 -57px repeat;}*/
/*.skinHoliday #petArea{overflow:hidden; background: url(img/skin/helloween_14/skin-grad.png) 0 0 repeat-x; min-height: 793px;}*/
/*.skinHoliday #petAreaWrap:before,*/
/*.skinHoliday #petAreaWrap:after{*/
    /*position:absolute;*/
    /*display:block;*/
    /*content:'';*/
    /*width:189px;*/
    /*height:417px;*/
    /*background-image:url(img/skin/helloween_14/skin-sides.png)*/
/*}*/
/*.skinHoliday #petAreaWrap:before{*/
    /*background-position:0 0;*/
    /*bottom:0;*/
    /*left:-195px;*/
/*}*/
/*.skinHoliday #petAreaWrap:after{*/
    /*background-position:100% 0;*/
    /*bottom:0;*/
    /*right:-195px;*/
/*}*/

.skinHall13 #petArea{overflow:hidden;background:url(img/skin/eventHall13_pattern.jpg) 0 0 repeat; min-height: 800px;}
.skinHall13 #petAreaWrap:before,
.skinHall13 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.skinHall13 #petAreaWrap:before{
    background:url(img/skin/eventHall13_skin-left.png) 0 0 no-repeat;
    width: 243px;
    height: 399px;
    top:0;
    left:-249px
}
.skinHall13 #petAreaWrap:after{
    background:url(img/skin/eventHall13_skin-right.png) 100% 0 no-repeat;
    width: 248px;
    height: 399px;
    top:0;
    right:-254px
}
body.skinHall13 #petPage, #stylePetPage .skinHall13    {background: url(img/skin/eventHall13_skin.png) center 0 no-repeat, url(img/skin/eventHall13_pattern.jpg) 0 0 repeat;}

.skinEventNY14 #petArea{overflow:hidden; background:url(img/skin/eventNY14-bg.png) 120px 0 repeat-x, url(img/skin/eventNY14-pattern.jpg) 0 0 repeat; min-height: 800px;}
.skinEventNY14 #petAreaWrap:before,
.skinEventNY14 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.skinEventNY14 #petAreaWrap:before{
    background:url(img/skin/eventNY14-left.png) 0 0 no-repeat;
    width: 461px;
    height: 344px;
    top:0;
    left:-467px;
}
.skinEventNY14 #petAreaWrap:after{
    background:url(img/skin/eventNY14-right.png) 100% 0 no-repeat;
    width: 346px;
    height: 346px;
    top:0;
    right:-352px;
}
body.skinEventNY14 #petPage, #stylePetPage .skinEventNY14    {background: url(img/skin/eventNY14-pattern.jpg) 0 0 repeat;}

.skinEventOlymp14 #petArea{overflow:hidden; background:url(img/skin/eventOlymp14-overlay.png) 120px 0 repeat-x, url(img/skin/eventOlymp14-pattern.jpg) 0 0 repeat; min-height: 800px;}
.skinEventOlymp14 #petAreaWrap:before,
.skinEventOlymp14 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.skinEventOlymp14 #petAreaWrap:before{
    background:url(img/skin/eventOlymp14-left.png) 0 0 no-repeat;
    width: 182px;
    height: 327px;
    top:0;
    left:-188px;
}
.skinEventOlymp14 #petAreaWrap:after{
    background:url(img/skin/eventOlymp14-right.png) 100% 0 no-repeat;
    width: 180px;
    height: 313px;
    top:0;
    right:-186px;
}
body.skinEventOlymp14 #petPage, #stylePetPage .skinEventOlymp14    {background: url(img/skin/eventOlymp14-pattern.jpg) 0 0 repeat;}

.skinFlowersGreen #petArea{overflow:hidden; background:url(img/skin/flowersGr-pattern.jpg) 0 0 repeat; min-height: 800px;}
.skinFlowersGreen #petAreaWrap:before,
.skinFlowersGreen #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.skinFlowersGreen #petAreaWrap:before{
    background:url(img/skin/flowersGr-left.png) 0 0 no-repeat;
    width: 116px;
    height: 505px;
    bottom:-45px;
    left:-122px;
}
.skinFlowersGreen #petAreaWrap:after{
    background:url(img/skin/flowersGr-right.png) 100% 0 no-repeat;
    width: 116px;
    height: 505px;
    bottom:-45px;
    right:-122px;
}
body.skinFlowersGreen #petPage, #stylePetPage .skinFlowersGreen    {background: url(img/skin/flowersGr-pattern.jpg) 0 0 repeat;}

.skinFlowersGold #petArea{overflow:hidden; background:url(img/skin/flowersGold-pattern2.jpg) 120px 0 repeat-x, url(img/skin/flowersGold-pattern.jpg) 66px -201px repeat; min-height: 800px;}
.skinFlowersGold #petAreaWrap:before,
.skinFlowersGold #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.skinFlowersGold #petAreaWrap:before{
    background:url(img/skin/flowersGold-left.png) 0 0 no-repeat;
    width: 115px;
    height: 564px;
    bottom:-31px;
    left:-121px;
}
.skinFlowersGold #petAreaWrap:after{
    background:url(img/skin/flowersGold-right.png) 100% 0 no-repeat;
    width: 118px;
    height: 551px;
    bottom:-19px;
    right:-124px;
}
body.skinFlowersGold #petPage, #stylePetPage .skinFlowersGold    {background: url(img/skin/flowersGold-pattern.jpg) 0 0 repeat;}


body.skinAprilFoolsDay #petPage, #stylePetPage .skinAprilFoolsDay{background: url(img/skin/foolsDay-bg.jpg) 0 0 repeat;}
.skinAprilFoolsDay #petArea{overflow:hidden;min-height: 800px;}
.skinAprilFoolsDay #petAreaWrap:before,
.skinAprilFoolsDay #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width: 291px;
    height: 534px;
}
.skinAprilFoolsDay #petAreaWrap:before{
    background:url(img/skin/foolsDay-left.png?2) 0 0 no-repeat;
    bottom:-73px;
    left:-296px
}
.skinAprilFoolsDay #petAreaWrap:after{
    background:url(img/skin/foolsDay-right.png?2) 100% 0 no-repeat;
    width:289px;
    bottom:-72px;
    right:-295px;
}

/* Event spring 14 */
.skinEventSpring14 #petArea{overflow:hidden; background:url(img/skin/spring14-pattern.png) 0 0 repeat; min-height: 800px;}
.skinEventSpring14 #petAreaWrap:before,
.skinEventSpring14 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.skinEventSpring14 #petAreaWrap:before{
    background:url(img/skin/spring14-left.png) 0 0 no-repeat;
    width: 96px;
    height: 294px;
    bottom:50px;
    left:-102px;
}
.skinEventSpring14 #petAreaWrap:after{
    background:url(img/skin/spring14-right.png) 100% 0 no-repeat;
    width: 93px;
    height: 301px;
    bottom:50px;
    right:-99px;
}
body.skinEventSpring14 #petPage, #stylePetPage .skinEventSpring14    {background: url(img/skin/flowersGold-pattern.jpg) 0 0 repeat;}

/* easter 1*/
.skinEaster1 #petArea{overflow:hidden; background:url(img/skin/easter1-pattern.jpg) 0 0 repeat; min-height: 800px;}
.skinEaster1 #petAreaWrap:before,
.skinEaster1 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.skinEaster1 #petAreaWrap:before{
    background:url(img/skin/easter1-left.png) 0 0 no-repeat;
    width: 140px;
    height: 405px;
    bottom:7px;
    left:-146px;
}
.skinEaster1 #petAreaWrap:after{
    background:url(img/skin/easter1-right.png) 100% 0 no-repeat;
    width: 115px;
    height: 371px;
    bottom:22px;
    right:-121px;
}
body.skinEaster1 #petPage, #stylePetPage .skinEaster1    {background: url(img/skin/easter1-pattern.jpg) 0 0 repeat;}

/* easter 2*/
.skinEaster2 #petArea{overflow:hidden; background: url(img/skin/easter2-pattern2.png) 0 0 repeat, url(img/skin/easter2-pattern.jpg) 120px 0 repeat-x, #dc3d0c; min-height: 800px;}
.skinEaster2 #petAreaWrap:before,
.skinEaster2 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.skinEaster2 #petAreaWrap:before{
    background:url(img/skin/easter2-left.png) 0 0 no-repeat;
    width: 161px;
    height: 451px;
    bottom:7px;
    left:-167px;
}
.skinEaster2 #petAreaWrap:after{
    background:url(img/skin/easter2-right.png) 100% 0 no-repeat;
    width: 169px;
    height: 439px;
    bottom:22px;
    right:-175px;
}
body.skinEaster2 #petPage, #stylePetPage .skinEaster2    {background: url(img/skin/easter2-pattern2.png) 0 0 repeat, url(img/skin/easter2-pattern.jpg) 120px 0 repeat-x, #dc3d0c;}

/*fs birthday sale 2014 prize skins, don't remove!!!*/
/*#1*/
.fsBirthdaySale2014-1 #petArea{overflow:hidden; background: url(img/skin/fsBirthday14-pattern2.png) 120px 0 repeat-x, url(img/skin/fsBirthday14-pattern.png) 0 0 repeat; min-height: 800px;}
.fsBirthdaySale2014-1 #petAreaWrap:before,
.fsBirthdaySale2014-1 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.fsBirthdaySale2014-1 #petAreaWrap:before{
    background:url(img/skin/fsBirthday14-left.png) 0 0 no-repeat;
    width: 272px;
    height: 498px;
    bottom:7px;
    left:-278px;
}
.fsBirthdaySale2014-1 #petAreaWrap:after{
    background:url(img/skin/fsBirthday14-right.png) 100% 0 no-repeat;
    width: 262px;
    height: 501px;
    bottom:22px;
    right:-268px;
}
body.fsBirthdaySale2014-1 #petPage,#stylePetPage .fsBirthdaySale2014-1 { background: url(img/skin/fsBirthday14-pattern2.png) 120px 0 repeat-x, url(img/skin/fsBirthday14-pattern.png) 0 0 repeat;}
/*2*/
.fsBirthdaySale2014-2 #petArea{overflow:hidden; background: url(img/skin/fsBirthday14-pattern2-2.png) 120px 0 repeat-x, url(img/skin/fsBirthday14-pattern-2.png) 0 0 repeat; min-height: 800px;}
.fsBirthdaySale2014-2 #petAreaWrap:before,
.fsBirthdaySale2014-2 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.fsBirthdaySale2014-2 #petAreaWrap:before{
    background:url(img/skin/fsBirthday14-left-2.png?2) 0 0 no-repeat;
    width: 272px;
    height: 498px;
    bottom:7px;
    left:-278px;
}
.fsBirthdaySale2014-2 #petAreaWrap:after{
    background:url(img/skin/fsBirthday14-right-2.png?2) 100% 0 no-repeat;
    width: 262px;
    height: 501px;
    bottom:-15px;
    right:-268px;
}
body.fsBirthdaySale2014-2 #petPage,#stylePetPage .fsBirthdaySale2014-2 { background: url(img/skin/fsBirthday14-pattern2-2.png) 120px 0 repeat-x, url(img/skin/fsBirthday14-pattern-2.png) 0 0 repeat;}
/*3*/
.fsBirthdaySale2014-3 #petArea{overflow:hidden; background: url(img/skin/fsBirthday14-pattern2-3.png) 120px 0 repeat-x, url(img/skin/fsBirthday14-pattern-3.png) 0 0 repeat; min-height: 800px;}
.fsBirthdaySale2014-3 #petAreaWrap:before,
.fsBirthdaySale2014-3 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.fsBirthdaySale2014-3 #petAreaWrap:before{
    background:url(img/skin/fsBirthday14-left-3.png) 0 0 no-repeat;
    width: 272px;
    height: 498px;
    bottom:-20px;
    left:-278px;
}
.fsBirthdaySale2014-3 #petAreaWrap:after{
    background:url(img/skin/fsBirthday14-right-3.png) 100% 0 no-repeat;
    width: 262px;
    height: 501px;
    bottom:-15px;
    right:-268px;
}
body.fsBirthdaySale2014-3 #petPage,#stylePetPage .fsBirthdaySale2014-3 { background: url(img/skin/fsBirthday14-pattern2-3.png) 120px 0 repeat-x, url(img/skin/fsBirthday14-pattern-3.png) 0 0 repeat;}
/*4*/
.fsBirthdaySale2014-4 #petArea{overflow:hidden; background: url(img/skin/fsBirthday14-pattern2-4.png) 120px 0 repeat-x, url(img/skin/fsBirthday14-pattern-4.png) 0 0 repeat; min-height: 800px;}
.fsBirthdaySale2014-4 #petAreaWrap:before,
.fsBirthdaySale2014-4 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.fsBirthdaySale2014-4 #petAreaWrap:before{
    background:url(img/skin/fsBirthday14-left-4.png) 0 0 no-repeat;
    width: 272px;
    height: 498px;
    bottom:-20px;
    left:-278px;
}
.fsBirthdaySale2014-4 #petAreaWrap:after{
    background:url(img/skin/fsBirthday14-right-4.png) 100% 0 no-repeat;
    width: 262px;
    height: 501px;
    bottom:-15px;
    right:-268px;
}
body.fsBirthdaySale2014-4 #petPage,#stylePetPage .fsBirthdaySale2014-4 { background: url(img/skin/fsBirthday14-pattern2-4.png) 120px 0 repeat-x, url(img/skin/fsBirthday14-pattern-4.png) 0 0 repeat;}

/* easter 2*/
.skinSuperpet #petArea{overflow:hidden; background: url(img/skin/superhero-pattern.jpg) 0 0 repeat, url(img/skin/superhero-shadow.png) 120px 0 repeat-x; min-height: 800px;}
.skinSuperpet #petAreaWrap:before,
.skinSuperpet #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.skinSuperpet #petAreaWrap:before{
    background:url(img/skin/superhero-left.png) 0 0 no-repeat;
    width: 163px;
    height: 373px;
    bottom:7px;
    left:-169px;
}
.skinSuperpet #petAreaWrap:after{
    background:url(img/skin/superhero-right.png) 100% 0 no-repeat;
    width: 141px;
    height: 330px;
    bottom:22px;
    right:-147px;
}
body.skinSuperpet #petPage, #stylePetPage .skinSuperpet    {background: url(img/skin/superhero-pattern.jpg) 0 0 repeat, url(img/skin/superhero-shadow.png) 120px 0 repeat-x;}

.skinDragon14 #content{
    overflow: hidden;
}
.skinDragon14 #petAreaWrap:before,
.skinDragon14 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    height: 311px;
}
.skinDragon14 #petAreaWrap:before{
    background:url(img/skin/skinDragon14-left.png) 0 0 no-repeat;
    width: 159px;
    bottom:53px;
    left:-165px;
}
.skinDragon14 #petAreaWrap:after{
    background:url(img/skin/skinDragon14-right.png) 100% 0 no-repeat;
    width: 157px;
    bottom:22px;
    right:-163px;
}
body.skinDragon14 #petPage, #stylePetPage .skinDragon14    {background: url(img/skin/skinDragon14-shadow.png) 0 0 repeat-x, url(img/skin/skinDragon14-sky.jpg) 0 0 repeat-x, #d88fb2;}

.skinHistory14 #content{
    overflow: hidden;
}
.skinHistory14 #petAreaWrap:before,
.skinHistory14 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    height: 430px;
}
.skinHistory14 #petAreaWrap:before{
    background:url(img/skin/skinHistory14-left.png) 0 0 no-repeat;
    width: 150px;
    bottom:53px;
    left: -156px;
}
.skinHistory14 #petAreaWrap:after{
    background:url(img/skin/skinHistory14-right.png) 100% 0 no-repeat;
    width: 144px;
    bottom:22px;
    right: -150px;
}
body.skinHistory14 #petPage{background: url(img/skin/skinHistory14-grad.png) 0 0 repeat-x, url(img/skin/skinHistory14-pattern.png) 0 0 repeat, #272654;}
#stylePetPage .skinHistory14    {background: url(img/skin/skinHistory14-ico.png) 0 0 no-repeat}

/* dacha */
.skinDacha #petArea{overflow:hidden; background: url(img/skin/dacha-pattern.jpg) 0 0 repeat; min-height: 800px;}
.skinDacha #petAreaWrap:before,
.skinDacha #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.skinDacha #petAreaWrap:before{
    background:url(img/skin/dacha-left.png) 0 0 no-repeat;
    width: 225px;
    height: 474px;
    bottom:0px;
    left:-231px;
}
.skinDacha #petAreaWrap:after{
    background:url(img/skin/dacha-right.png) 100% 0 no-repeat;
    width: 220px;
    height: 472px;
    bottom: 0px;
    right:-226px;
}
body.skinDacha #petPage,#stylePetPage .fsBirthdaySale2014-4 { background: url(img/skin/dacha-pattern.jpg) 0 0 repeat;}

/* dacha2 */
.skinDacha2 #petArea{overflow:hidden; background: url(img/skin/dacha2-pattern.jpg) 0 0 repeat; min-height: 800px;}
.skinDacha2 #petAreaWrap:before,
.skinDacha2 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.skinDacha2 #petAreaWrap:before{
    background:url(img/skin/dacha2-left.png) 0 0 no-repeat;
    width: 190px;
    height: 420px;
    bottom:0px;
    left:-196px;
}
.skinDacha2 #petAreaWrap:after{
    background:url(img/skin/dacha2-right.png) 100% 0 no-repeat;
    width: 170px;
    height: 420px;
    bottom:0px;
    right:-176px;
}
body.skinDacha2 #petPage,#stylePetPage .skinDacha2 { background: url(img/skin/dacha2-pattern.jpg) 0 0 repeat;}

/*dream island 1*/
.skinDreamIsland1 #petArea{overflow:hidden; background: url(img/skin/dream-island/skin-1-grad.png) 0 0 repeat-x; min-height: 707px;}
.skinDreamIsland1 #petAreaWrap:before,
.skinDreamIsland1 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:116px;
    height:314px
}
.skinDreamIsland1 #petAreaWrap:before{
    background:url(img/skin/dream-island/skin-1-sides.png) 0 0 no-repeat;
    bottom:0px;
    left:-122px;
}
.skinDreamIsland1 #petAreaWrap:after{
    background:url(img/skin/dream-island/skin-1-sides.png) 100% 0 no-repeat;
    bottom:0px;
    right:-122px;
}
body.skinDreamIsland1 #petPage,#stylePetPage .skinDreamIsland1 { background:#0d7dae url(img/skin/dream-island/skin-patt.png) 0 0 repeat;}
/*dream island 2*/
.skinDreamIsland2 #petArea{overflow:hidden; background: url(img/skin/dream-island/skin-2-grad.png) 0 0 repeat-x; min-height: 707px;}
.skinDreamIsland2 #petAreaWrap:before,
.skinDreamIsland2 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:116px;
    height:314px;
    background-image:url(img/skin/dream-island/skin-2-sides.png)
}
.skinDreamIsland2 #petAreaWrap:before{
    background-position:0 0;
    bottom:0;
    left:-122px;
}
.skinDreamIsland2 #petAreaWrap:after{
    background-position:100% 0;
    bottom:0;
    right:-122px;
}
body.skinDreamIsland2 #petPage,#stylePetPage .skinDreamIsland2 { background:#c85a47 url(img/skin/dream-island/skin-patt.png) 0 0 repeat;}
/*dream island 3*/
.skinDreamIsland3 #petArea{overflow:hidden; background: url(img/skin/dream-island/skin-3-grad.png) 0 0 repeat-x; min-height: 707px;}
.skinDreamIsland3 #petAreaWrap:before,
.skinDreamIsland3 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:174px;
    height:447px;
    background-image:url(img/skin/dream-island/skin-3-sides.png)
}
.skinDreamIsland3 #petAreaWrap:before{
    background-position:0 0;
    bottom:0;
    left:-180px;
}
.skinDreamIsland3 #petAreaWrap:after{
    background-position:100% 0;
    bottom:0;
    right:-180px;
}
/*mushrooms*/
.petSkinMushrooms #petArea{overflow:hidden; background: url(img/skin/mushrooms/skin-grad.png) 0 0 repeat-x; min-height: 707px;}
.petSkinMushrooms #petAreaWrap:before,
.petSkinMushrooms #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:122px;
    height:349px;
    background-image:url(img/skin/mushrooms/skin-sides.png)
}
.petSkinMushrooms #petAreaWrap:before{
    background-position:0 0;
    bottom:0;
    left:-128px;
}
.petSkinMushrooms #petAreaWrap:after{
    background-position:100% 0;
    bottom:0;
    right:-128px;
}

/*fs halloween sale 2014 skins*/
/*#1*/
.fsHalloweenSale2014-1 #petArea{overflow:hidden; background: url(img/skin/halloween-sale-2014/skin-grad-1.png) 0 0 repeat-x; min-height: 707px;}
.fsHalloweenSale2014-1 #petAreaWrap:before,
.fsHalloweenSale2014-1 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:88px;
    height:480px;
    background-image:url(img/skin/halloween-sale-2014/skin-sides-1.png)
}
.fsHalloweenSale2014-1 #petAreaWrap:before{
    background-position:0 0;
    bottom:0;
    left:-94px;
}
.fsHalloweenSale2014-1 #petAreaWrap:after{
    background-position:100% 0;
    bottom:0;
    right:-94px;
}
body.fsHalloweenSale2014-1 #petPage,#stylePetPage .fsHalloweenSale2014-1 { background:#358aac url(img/skin/halloween-sale-2014/skin-patt.png) 0 0 repeat;}
/*2*/
.fsHalloweenSale2014-2 #petArea{overflow:hidden; background: url(img/skin/halloween-sale-2014/skin-grad-2.png) 0 0 repeat-x; min-height: 587px;}
.fsHalloweenSale2014-2 #petAreaWrap:before,
.fsHalloweenSale2014-2 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:99px;
    height:480px;
    background-image:url(img/skin/halloween-sale-2014/skin-sides-2.png)
}
.fsHalloweenSale2014-2 #petAreaWrap:before{
    background-position:0 0;
    bottom:0;
    left:-105px;
}
.fsHalloweenSale2014-2 #petAreaWrap:after{
    background-position:100% 0;
    bottom:0;
    right:-105px;
}
body.fsHalloweenSale2014-2 #petPage,#stylePetPage .fsHalloweenSale2014-2 { background:#92a037 url(img/skin/halloween-sale-2014/skin-patt.png) 0 0 repeat;}
/*3*/
.fsHalloweenSale2014-3 #petArea{overflow:hidden; background: url(img/skin/halloween-sale-2014/skin-grad-3.png) 0 0 repeat-x; min-height: 716px;}
.fsHalloweenSale2014-3 #petAreaWrap:before,
.fsHalloweenSale2014-3 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:116px;
    height:480px;
    background-image:url(img/skin/halloween-sale-2014/skin-sides-3.png)
}
.fsHalloweenSale2014-3 #petAreaWrap:before{
    background-position:0 0;
    bottom:0;
    left:-122px;
}
.fsHalloweenSale2014-3 #petAreaWrap:after{
    background-position:100% 0;
    bottom:0;
    right:-122px;
}
body.fsHalloweenSale2014-3 #petPage,#stylePetPage .fsHalloweenSale2014-3 { background:#dd9e31 url(img/skin/halloween-sale-2014/skin-patt.png) 0 0 repeat;}

/*pet halloween 2014*/
.petHalloween2014 #petArea{overflow:hidden; background: url(img/skin/halloween14-prize/skin-grad.png) 0 0 repeat-x; min-height: 875px;}
.petHalloween2014 #petAreaWrap:before,
.petHalloween2014 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:183px;
    height:406px;
    background-image:url(img/skin/halloween14-prize/skin-sides.png)
}
.petHalloween2014 #petAreaWrap:before{
    background-position:0 0;
    bottom:0;
    left:-189px;
}
.petHalloween2014 #petAreaWrap:after{
    background-position:100% 0;
    bottom:0;
    right:-189px;
}
body.petHalloween2014 #petPage,#stylePetPage .petHalloween2014 { background:#358aac url(img/skin/halloween14-prize/skin-patt.png) 0 0 repeat;}

/*pet halloween 2014 prize final*/
.petHalloween2014final #petArea{overflow:hidden; background: url(img/skin/halloween14-prize-final/skin-grad.png) 0 0 repeat-x; min-height: 875px;}
.petHalloween2014final #petAreaWrap:before,
.petHalloween2014final #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:148px;
    height:380px;
    background-image:url(img/skin/halloween14-prize-final/skin-sides.png)
}
.petHalloween2014final #petAreaWrap:before{
    background-position:0 0;
    bottom:0;
    left:-154px;
}
.petHalloween2014final #petAreaWrap:after{
    background-position:100% 0;
    bottom:0;
    right:-154px;
}
body.petHalloween2014final #petPage,#stylePetPage .petHalloween2014final { background:#358aac url(img/skin/halloween14-prize-final/skin-patt.png) 0 0 repeat;}


/*fs ny sale 2015 skins*/
/*#1*/
.fsNYSale2015-1 #petArea{overflow:hidden; background: url(img/skin/ny15-sale/skin-grad-1.png) 0 0 repeat-x; min-height: 587px;}
.fsNYSale2015-1 #petAreaWrap:before,
.fsNYSale2015-1 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:128px;
    height:316px;
    background-image:url(img/skin/ny15-sale/skin-sides-1.png)
}
.fsNYSale2015-1 #petAreaWrap:before{
    background-position:0 0;
    bottom:65px;
    left:-134px;
}
.fsNYSale2015-1 #petAreaWrap:after{
    background-position:100% 0;
    bottom:65px;
    right:-134px;
}
body.fsNYSale2015-1 #petPage,#stylePetPage .fsNYSale2015-1 { background:#ad7f3c url(img/skin/ny15-sale/skin-patt-1.jpg) 0 0 repeat;}
/*2*/
.fsNYSale2015-2 #petArea{overflow:hidden; background: url(img/skin/ny15-sale/skin-grad-2.png) 0 0 repeat-x; min-height: 587px;}
.fsNYSale2015-2 #petAreaWrap:before,
.fsNYSale2015-2 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:128px;
    height:316px;
    background-image:url(img/skin/ny15-sale/skin-sides-2.png)
}
.fsNYSale2015-2 #petAreaWrap:before{
    background-position:0 0;
    bottom:65px;
    left:-134px;
}
.fsNYSale2015-2 #petAreaWrap:after{
    background-position:100% 0;
    bottom:65px;
    right:-134px;
}
body.fsNYSale2015-2 #petPage,#stylePetPage .fsNYSale2015-2 { background:#4b6a95 url(img/skin/ny15-sale/skin-patt-2.jpg) 0 0 repeat;}
/*3*/
.fsNYSale2015-3 #petArea{overflow:hidden; background: url(img/skin/ny15-sale/skin-grad-3.png) 0 0 repeat-x; min-height: 587px;}
.fsNYSale2015-3 #petAreaWrap:before,
.fsNYSale2015-3 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:148px;
    height:317px;
    background-image:url(img/skin/ny15-sale/skin-sides-3.png)
}
.fsNYSale2015-3 #petAreaWrap:before{
    background-position:0 0;
    bottom:65px;
    left:-154px;
}
.fsNYSale2015-3 #petAreaWrap:after{
    background-position:100% 0;
    bottom:65px;
    right:-154px;
}
body.fsNYSale2015-3 #petPage,#stylePetPage .fsNYSale2015-1 { background:#f7ca4e url(img/skin/ny15-sale/skin-patt-3.jpg) 0 0 repeat;}

/*gift ny15*/
.petNy15Gift #petArea{overflow:hidden; background: url(img/skin/ny15-gift/skin-grad.png) 0 0 repeat-x; min-height: 587px;}
.petNy15Gift #petAreaWrap:before,
.petNy15Gift #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:152px;
    height:392px;
    background-image:url(img/skin/ny15-gift/skin-sides.png)
}
.petNy15Gift #petAreaWrap:before{
    background-position:0 0;
    bottom:65px;
    left:-158px;
}
.petNy15Gift #petAreaWrap:after{
    background-position:100% 0;
    bottom:65px;
    right:-158px;
}
body.petNy15Gift #petPage { background:#2a428b url(img/skin/ny15-gift/skin-patt.jpg) 0 0 repeat;}
#stylePetPage .petNy15Gift { background:#2a428b url(img/skin/ny15-gift/skin-ico.png) 0 0 repeat;}


/*body.skinEventNY14 #petPage, #stylePetPage .skinEventNY14    {background: url(img/skin/eventHall13_skin.png) center 0 no-repeat, url(img/skin/eventHall13_pattern.jpg) 0 0 repeat;}*/
/*////////////////////*/
body.skinVip #petPage,#stylePetPage .skinVip         {background:url(/app/pet/img/skin/bgbodyvip.png?n) #fff694 50% 0 repeat}
body.skinVienna #petPage,#stylePetPage .skinVienna      {background:url(/app/pet/img/skin/bgbodyvienna.png) #519fcd 50% 0 repeat}
body.skinOlympic #petPage,#stylePetPage .skinOlympic     {background:url(/app/pet/img/skin/bgbodyolymp.png) #c3eeff 50% 0 repeat}
body.skinZombie #petPage,#stylePetPage .skinZombie      {background:url(/app/pet/img/skin/bgbodyzombie.png) #7a7272 50% 0 repeat}
body.skinLifeborn #petPage,#stylePetPage .skinLifeborn    {background:url(/app/pet/img/skin/bgbodylifeborn.png) #c6a76b 50% 0 repeat}
body.skinGood #petPage,#stylePetPage .skinGood        {background:url(/app/pet/img/karmatop/bg_good.png) #96daf8 50% 85px repeat-x}
body.skinEvil #petPage,#stylePetPage .skinEvil        {background:url(/app/pet/img/karmatop/bg_evil.png) #941800 50% 85px repeat-x}
body.skinDragon #petPage,#stylePetPage .skinDragon      {background:url(/app/pet/img/skin/bgbodydragon.png) #6821af}
body.skinPirat #petPage,#stylePetPage .skinPirat       {background:url(/app/pet/img/skin/bgbodypirat.png) #222 50% 0 repeat}
body.skinMagicschool #petPage,#stylePetPage .skinMagicschool {background:url(/app/pet/img/skin/bgbody_magicschool.png) #6821af}
body.skinHell #petPage,#stylePetPage .skinHell        {background:url(/app/pet/img/skin/bgbodyhell.png) #6821af}
body.skinNy12 #petPage,#stylePetPage .skinNy12        {background:url(/app/pet/img/skin/skin_ny_select.jpg) 0 60px repeat-x #043d8e}

body.skinJapan #petPage,#stylePetPage .skinJapan       {background: #d93942 url(/app/pet/img/skin/bgbodyjapan.png) }
body.skinRobots #petPage,#stylePetPage .skinRobots      {background:url(/app/pet/img/skin/bgbody_robots_select.png) }
body.skinCharmed #petPage,#stylePetPage .skinCharmed     {background: #878686 url(/app/pet/img/skin/bgbody_charmed.jpg) }
body.skinOlymp12 #petPage,#stylePetPage .skinOlymp12     {background: #878686 url(/app/pet/img/skin/bgbody_olymp12.png) }
body.skinIsland12 #petPage,#stylePetPage .skinIsland12     {background: #878686 url(/app/pet/img/skin/bgbody_island12.png) }
body.skinHall12 #petPage,#stylePetPage .skinHall12     {background: #878686 url(/app/pet/img/skin/bgbody_hall12.png) }
body.skinFsAnniversary2013 #petPage,#stylePetPage .skinFsAnniversary2013{background:url(/app/pet/img/skin/fs_anniversary_bg.png) #085b7c 50% 0 repeat}

body.skinFriendshipWorld #petPage,#stylePetPage .skinFriendshipWorld {background:url(/app/pet/img/skin/bgbody_friendship.png) #ffe6b0 50% 0 repeat-x}
body.skinHell #petPage,#stylePetPage .skinHell {background:url(/app/pet/img/skin/bgbodyhell.png) #6821af}


#stylePetPage .skinGood, #stylePetPage .skinEvil {background-position:50% 0}

/*skinNY13*/
body.skinNY13 #petPage,#stylePetPage .skinNY13{background:#032963 url(/app/pet/img/skin/ny13_pattern2.png) 50% 0 repeat-x}
/*skinLove*/
#stylePetPage .skinLove,#stylePetPage .skinLove13{background:url(/app/pet/img/skin/skin_love_select.png) 0 0 no-repeat}
body.skinLove #petPage,
body.skinLove13 #petPage{background:url(img/skin/skinLove_bg.png) 0 0 repeat}
body.skinLove .petTopNavigationContainer,
body.skinLove13 .petTopNavigationContainer{
    border-width:0 0 7px 0;
    border-image:url(img/skin/skinLove_stripe.png) 0 0 7 0 repeat repeat;
}
/*skinStarsClub2*/
body.skinStarsClub2 #petPage,#stylePetPage .skinStarsClub2 {background:#770151 url(/app/pet/img/skin/bgbodystars2_p.png) 0 0 repeat}
/*skinStarsClub1*/
body.skinStarsClub1 #petPage,#stylePetPage .skinStarsClub1 {background:#310a59 url(/app/pet/img/skin/bgbodystars_p.png) 0 0 repeat}
body.skinStarsClub1 .petTopNavigationContainer{
    border-width:0 0 16px 0;
    border-image:url(img/skin/skinStarsClub1_stripe_top.png) 0 0 16 0 repeat repeat;
}
/*skinJapan13*/
body.skinJapan13 #petPage,#stylePetPage .skinJapan13{background: #740000 url(/app/pet/img/skin/japan13_pattern.png) 50% 0 repeat;}
body.skinJapan13 .petTopNavigationContainer{
    border-width:0 0 7px 0;
    border-image:url(img/skin/skinJapan13_stripe.png) 0 0 7 0 repeat repeat;
}
/*skinEventOz13*/
body.skinEventOz13 #petPage,#stylePetPage .skinEventOz13{background:url(/app/pet/img/skin/oz-pattern.png) 0 0 repeat}
body.skinEventOz13 .petTopNavigationContainer{
    border-width:0 0 7px 0;
    border-image:url(img/skin/skinEventOz13_stripe.png) 0 0 7 0 repeat repeat;
}
body.skinDance13 #petPage,#stylePetPage .skinDance13{background: url(/app/pet/img/skin/dance13_pattern.png) 0 0 repeat;}
/*skinIslands13*/
.skinIslands13 #petArea{overflow:hidden; background: url(img/skin/islands13-pattern.jpg) 0 0 repeat-x #073368; min-height: 800px;}
.skinIslands13 #petAreaWrap:before,
.skinIslands13 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
}
.skinIslands13 #petAreaWrap:before{
    background:url(img/skin/islands13-left.png) 0 0 no-repeat;
    width: 96px;
    height: 322px;
    bottom: 50px;
    left:-102px;
}
.skinIslands13 #petAreaWrap:after{
    background:url(img/skin/islands13-right.png) 100% 0 no-repeat;
    width: 85px;
    height: 328px;
    bottom:50px;
    right:-91px;
}
body.skinIslands13 #petPage,#stylePetPage .skinIslands13 { background: url(img/skin/islands13-pattern.jpg) 0 0 repeat-x #073368;}


/*skin ny2014 tops*/
body.ny2014top250 #petPage,
body.ny2014top50 #petPage,
body.ny2014top5 #petPage,
#stylePetPage .ny2014top250,
#stylePetPage .ny2014top50,
#stylePetPage .ny2014top5{background: #2bb2ff url(/app/pet/img/skin/ny2014/top250/bg.jpg) 0 0 repeat-x}
body.ny2014top250 #petPage,
body.ny2014top50 #petPage,
body.ny2014top5 #petPage{min-height:601px}
.ny2014top250 #petArea,
.ny2014top50 #petArea,
.ny2014top5 #petArea{overflow:hidden}
.ny2014top250 #petAreaWrap:before,
.ny2014top50 #petAreaWrap:before,
.ny2014top5 #petAreaWrap:before,
.ny2014top250 #petAreaWrap:after,
.ny2014top50 #petAreaWrap:after,
.ny2014top5 #petAreaWrap:after{
    position:absolute;
    display:block;
    content:'';
    width:131px;
    height:430px;
    bottom:-99px;
    left:-137px
}
.ny2014top250 #petAreaWrap:after,
.ny2014top50 #petAreaWrap:after,
.ny2014top5 #petAreaWrap:after{
    left:auto;
    right:-137px
}
/*ny 2014 top 250*/
.ny2014top250 #petAreaWrap:before{background:url(/app/pet/img/skin/ny2014/top250/frame-decor-l.png) 0 0 no-repeat;top:0}
.ny2014top250 #petAreaWrap:after{background:url(/app/pet/img/skin/ny2014/top250/frame-decor-r.png) 0 0 no-repeat;top:0}
/*ny 2014 top 50*/
.ny2014top50 #petAreaWrap:before{background:url(/app/pet/img/skin/ny2014/top50/frame-decor-50-l.png) 0 0 no-repeat;top:0}
.ny2014top50 #petAreaWrap:after{background:url(/app/pet/img/skin/ny2014/top50/frame-decor-50-r.png) 0 0 no-repeat;top:0}
/*ny 2014 top 5*/
.ny2014top5 #petAreaWrap:before{background:url(/app/pet/img/skin/ny2014/top5/frame-decor-5-l.png) 0 0 no-repeat;top:0}
.ny2014top5 #petAreaWrap:after{background:url(/app/pet/img/skin/ny2014/top5/frame-decor-5-r.png) 0 0 no-repeat;top:0}
/*
CONTENT
*/
#petPage .petClearer{clear:both}
#petPage ul{margin:0;padding:0;text-align:center}
#petArea
{
    position:relative;
    clear:both;
}
/*#petAreaOuterShadow{
    background-color:#0191cd;
    padding:3px 3px 5px;
    border-bottom:4px solid #027cad;
    box-shadow:0 3px 0 rgba(0,0,0,.3);
    max-width:1100px;
    margin:-3px auto 0;
    border-radius:14px;
}
#petAreaInnerShadow{
    border:2px solid #27ade2;
    border-radius:10px;
    max-width:1100px;
    margin:0 auto;
    overflow:hidden;
}*/
#petAreaWrap
{
    clear:both;
    position:relative;
    /* z-index:3; !z */
    width:828px;
    height:450px;
    max-height:670px;
    /*overflow:hidden;*/
    margin:-6px auto 0;
    /*background-color:#3e9dc1;*/
    border-style:solid;
    border-width:6px 6px 16px;
    border-color:#0f96cf;
    -o-border-image:url(img/pet-home-border.png) 6 6 16 6 stretch stretch;
    border-image:url(img/pet-home-border.png) 6 5 14 5 stretch stretch;
    border-radius:12px
}
#petAreaWrap.page_seasonHome {
    overflow: hidden;
}
.noBorder #petAreaWrap{border:0;width:828px;margin:0 auto}
.noBorder #petBottomNavigation{margin:0 auto}
#flashBgWrap
{
    position:absolute;
    width:100%;
    top:0;
    left:0;
}
#pagesLoader {
    position: absolute;
    top: 0;
    left: 0;
    display:none;
    width:0;
    height:0;
    z-index:-1;
    background: #3e9dc1;
    text-align: center;
    visibility:hidden;
    opacity:0;
    filter:alpha(opacity=0)
}

#pagesLoader .pagesLoader__img {
    margin: 150px auto 0;
}

#pagesLoader .pagesLoader__img_16 {
    width: 74px;
    height: 120px;
    background: url(img/loaders/preloader_16.png) left center;
    animation: pet-loader_16 .8s steps(10) infinite;
}

@keyframes pet-loader_16 {
    100% { background-position: -740px; }
}

#pagesLoader .pagesLoader__img_18 {
    width: 76px;
    height: 129px;
    background: url(img/loaders/preloader_18.png) left center;
    animation: pet-loader_18 .8s steps(10) infinite;
}

@keyframes pet-loader_18 {
    100% { background-position: -760px; }
}

#pagesLoader .pagesLoader__img_19 {
    width: 78px;
    height: 123px;
    background: url(img/loaders/preloader_19.png) left center;
    animation: pet-loader_19 .8s steps(10) infinite;
}

@keyframes pet-loader_19 {
    100% { background-position: -780px; }
}

#pagesLoader .pagesLoader__img_20 {
    width: 77px;
    height: 98px;
    background: url(img/loaders/preloader_20.png) left center;
    animation: pet-loader_20 .8s steps(10) infinite;
}

@keyframes pet-loader_20 {
    100% { background-position: -770px; }
}

#pagesLoader .pagesLoader__img_23 {
    width: 88px;
    height: 103px;
    background: url(img/loaders/preloader_23.png) left center;
    animation: pet-loader_23 .8s steps(10) infinite;
}

@keyframes pet-loader_23 {
    100% { background-position: -880px; }
}

#pagesLoader .pagesLoader__img_26 {
    width: 108px;
    height: 137px;
    background: url(img/loaders/preloader_26.png) left center;
    animation: pet-loader_26 .8s steps(10) infinite;
}

@keyframes pet-loader_26 {
    100% { background-position: -1080px; }
}


.ajaxLoading #pagesLoader {
    display:block;
    visibility:visible;
    width:100%;
    height:450px;
    z-index:300;
    opacity:1;
    filter:alpha(opacity=100)
}
#pagesLoaderSwf {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 150px 0 0;
    width: 150px;
    height: 150px;
}
.ttip-src, .ttip-source {
    display: none;
}
#petHome, #flashGame {
    position: absolute;
    width: 100%;
    min-height: 400px;
    overflow: hidden;
}
.flashGame #homeInterface{visibility:hidden}
/*
OLD POPUP
*/
#petPopup
{
    position:absolute;
    top:0;
    left:50%;
    width:406px;
    margin:0 0 0 -203px;
    color:#fff;
    display:none;
    /* z-index:10000 !z */
    z-index: 801;
}
#petPopup .top, #petPopup .content, #petPopup .bottom, #petPopup .headerPopup {background:url(img/popup.png) 0 0 no-repeat}
#petPopup .top {height:47px}
#petPopup .bottom
{
    background-position:-406px 0;
    height:26px
}
#petPopup .content
{
    background-color:#3ebae9;
    background-position:-812px 0;
    background-repeat:repeat-y;
    position:relative;
    padding:0 20px;
    *zoom:1
}
#petPopup.flash{left:0; margin:0; width:960px; height:400px}
#petPopup .content p, #petPopup .content a, #petPopup .content .jsLink
{
    color:#fff;
    border-color:#fff;
    margin:0
}
#petPopup .content h4
{
    color:#fff;
    font-size:14px
}
#petPopup.wide
{
    width:606px;
    margin:0 0 0 -303px
}
#petPopup.wide .top {background-position:-1218px 0; height:43px}
#petPopup.wide .bottom {background-position:-1824px 0}
#petPopup.wide .content {background-position:-2430px 0}
#petPopup .headerPopup
{
    background-position:-4854px 0;
    width:262px;
    height:40px;
    text-align:center;
    font-size:17px;
    font-weight:bold;
    line-height:38px;
    margin:0;
    position:absolute;
    top:-60px;
    left:40px;
    white-space:nowrap;
    overflow:hidden
}
#petPopup .description,#popup .description
{
    padding:5px 0;
    line-height:16px;
    font-size:14px
}
#petPopup .description p
{
    line-height:16px;
    margin-bottom:7px
}


#petPopup .footer, #popup .footer {height:35px}
#petPopup .footer .button, #popup .footer .button{float:right}
#closePopup, #closePetFriendsInvite, .closeRoom {
    background-position: -200px -537px;
    position: absolute;
    top: 0;
    right: -5px;
    width: 33px;
    height: 33px;
    cursor: pointer;
}

/*pet popup old scroll*/
.scrolledBlock {
    overflow: hidden;
    max-height: 294px;
    position: relative;
    width: 400px;
}
.wide .scrolledBlock {width:600px}
.scrolledContent
{
    overflow:auto;
    margin-right:-30px;
    padding-right:30px;
    max-height:294px;
    position:relative
}
.scroll
{
    position:absolute;
    top:0;
    left:100%;
    margin-left:-40px;
    width:40px;
    height:294px
}
#petPopup .scroll {display:none}
.scroll em
{
    position:absolute;
    top:2px;
    left:0
}
.scroll .up, .scroll .down
{
    background-position:-120px -524px;
    cursor:pointer;
    width:40px;
    height:20px
}
.scroll .up:hover
{
    background-position:-120px -504px;
    top:0
}
.scroll .down
{
    background-position:-160px -524px;
    top:272px
}
.scroll .down:hover
{
    background-position:-160px -504px;
    top:274px
}
.scrolledBlock .scroll .track
{
    background-position:0 -570px;
    width:21px;
    height:246px;
    top:24px;
    left:10px
}
.scrolledBlock .scroll .slider
{
    background-position:-146px -544px;
    width:26px;
    height:26px;
    left:7px;
    top:0;
    margin-top:30px
}
.scrolledBlock .scroll .slider:hover {background-position:-120px -544px}

/*pet popup things list*/

#petPopup .tingsList
{
    width:100%;
    overflow:hidden
}
#petPopup .tingsList li
{
    background:url(/app/pet/img/furniture/itembg.png?n) -126px 0 no-repeat;
    width:126px;
    float:left;
    margin:0 10px 10px 0;
    text-align:center;
    font-size:17px
}
#petPopup .tingsList .thing
{
    position:relative;
    cursor:pointer;
    display:block;
    height:110px;
    margin:6px 0 10px 11px
}
#petPopup .tingsList img
{
    width:110px;
    height:110px;
    display:block
}
#petPopup .tingsList .supply img
{
    height:100px;
    width:100px;
    display:inline;
    margin-top:8px
}

/*
MONEY ICONS
*/
.fmIco, .fantIco, #petPage .coins {
    width:17px;
    height:22px;
    display:inline-block;
    vertical-align:middle;
    *display:inline;
    *zoom:1
}
.button.small .fmIco {margin-bottom:-4px}
.fantIco {
    background:url(img/ru_fant16.png) 0 0 no-repeat;
    height:20px;
}
.fantIco.medium {
    background:url(img/ru_fant22.png) 0 0 no-repeat;
    height:28px;
    width: 28px;
}
.en .fantIco {background:url(/app/pet/img/en_fant16.png) 0 0 no-repeat}
.en .fantIco.medium {background:url(/app/pet/img/en_fant22.png) 0 0 no-repeat}
.fmIco, #petPage .coins {background:url(img/fm.png) 0 0 no-repeat}
.en .fmIco, .en #petPage .coins {background-image:url(/app/pet/img/en_fm.png)}

.vipIco {
    background:url(/app/pet/img/vipico.png?n1) 0 0 no-repeat;
    width:21px;
    height:21px;
    display:inline-block;
    vertical-align:middle;
    *display:inline;
    *zoom:1
}

.ico.paramsVisual,img.paramsVisual
{
    position:absolute;
    top:-50px;
    z-index:801;
}
/*
POPUP PET MONEY
*/
#petPopup.petMoney .top {background-position:-3036px 0}
#petPopup.petMoney .bottom {background-position:-3642px 0}
#petPopup.petMoney .content {background-position:-4248px 0}
#petPopup.petMoney .headerPopup {background-position:-5116px 0}
#petPopup.petMoney #closePopup {
    background-position:-200px -603px;
    position: absolute;
    top: 0;
    right: -5px;
    width: 33px;
    height: 33px;
    cursor: pointer;
}
#petPopup.petMoney #closePopup:hover {background-position:-200px -570px}
#petPopup.petMoney .info {overflow:hidden}
#petPopup.petMoney ul
{
    padding-bottom:10px;
    width:600px;
    margin-right:-40px;
    overflow:hidden
}
#petPopup.petMoney li
{
    position:relative;
    font-size:21px;
    line-height:34px;
    width:260px;
    white-space:nowrap;
    float:left;
    margin:20px 40px 0 0;
    cursor:pointer;
    color:#fff;
    text-align:left
}
#petPopup.petMoney small {font-size:12px}
#petPopup.petMoney li .price {font-size:17px}
#petPopup.petMoney li .button
{
    font-size:18px;
    font-weight:bold;
    float:right;
    margin:0 0 0 -10px
}
.noPetMoney .amount1000, .noPetMoney .amount5000 {display:none}
#petPopup.petMoney .couponsInfoMess
{
    background:url(img/bgfantscoupon.png) 0 0 no-repeat;
    width:606px;
    height:35px;
    top:26px;
    margin:0 0 0 -20px;
}
#petPopup.petMoney .couponsInfoMess span
{
    top:0;
    margin-right:20px;
    padding:8px 10px 10px 10px
}
#petPopup.petMoney .couponsInfoMess * {color:#6d0626 !important}
#petPopup.petMoney p, #petPopup.petMoney small {font-family:Tahoma, Geneva, sans-serif}
#petPopup.petMoney .bonus
{
    background:url(img/ru_bonus.png) 0 -12px no-repeat;
    width:64px;
    height:26px;
    position:absolute;
    /*z-index:100; !z*/
    z-index: 502;
    top:20px;
    left:210px;
}
.en #petPopup.petMoney .bonus {background-image:url(img/en_bonus.png)}
#petPopup #freetopay_offers p
{
    display:block;
    text-align:center;
    font:34px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#FFF569;
    font-weight:bold;
    font-style:italic;
    line-height:40px
}
#freetopay_offers, #freetopayPopup .task
{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    clear:both;
}
#freetopay_offers
{
    background:#e26086;
    padding:10px 6px 10px 10px;
    margin-top:15px
}
#petPopup #freetopay_offers p
{
    text-align:left;
    font-size:22px;
    line-height:34px;
}
#freetopay_offers .icoFant
{
    margin-top:-4px;
    cursor:default;
    vertical-align:top
}
#freetopay_offers .button
{
    float:right;
    margin:0;
}
#freetopay_offers .button:hover {color:#0076a3}
.couponsInfoMess.type_6 {
    background:none;
    border:0;
    margin:0;
    position:relative;
    top:-18px;
    left:0;
    height:52px;
}
.couponsInfoMess.type_6 span {
    background:url(../marketplace/coupons/img/coupons_mess_bg.png) right -33px no-repeat;
    height:13px;
    padding:10px;
    margin:0 10px;
    display:block;
    position:relative;
    top:25px;
    color:#FFF;
}
.couponsInfoMess.type_6 span strong {color:#FFF}
/*
NEW POPUP
*/
#popup {
    display: none;
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
    z-index: 800;
    text-align: center;
    color: #fff;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#popup .popupInner {
    min-width: 300px;
    position: relative;
    text-align: left;
    display:inline-block;
    *zoom:1;
    *display:inline;
}

#popup .popupFlashTitleWrap {
    position: absolute;
    top: -18px;
    z-index: 2;
    left: 5%;
    width: 90%;
    text-align: center;
    font-family: FooRegular;
    color: #ffd200;
    font-size: 37px;
    text-shadow: 2px 2px 0px #005b7d,
                -4px -2px 2px rgba(0,0,0,0.2);
    line-height: 50px;
}

#popup .popupFlashTitleWrap.popupFlashTitleWrap_small{
    font-size: 21px;
}

#popup.flash .popupFlashTitleWrap { display: none; }

#popup .popupBorder {
    background: rgba(0,0,0,0.2);
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    padding: 4px;
    position: relative;
}

#popup .popupContent {
    background: #3e9dc1;
    border: 6px solid #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 25px 15px 15px;
    width:370px;
}

#popup.transparent .popupBorder, #popup.transparent .popupContent, #petPopup.transparent .content {background:none;border-radius:0px;border:none;padding:0}
#petPopup.transparent .top, #petPopup.transparent .bottom, #petPopup.transparent #closePopup, #petPopup.transparent .headerPopup, #petPopup.transparent .footer {display:none}

#popup.wide .popupContent {width:570px}
#popup.flexible .popupContent {width:auto}
#popup.flash .popupContent, #popup.flash.wide .popupContent{width:960px; height: 400px; }
#popup.withoutContentPadding .popupContent { padding: 0; }

#popup .popupClose {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 34px;
    height: 34px;
    background: url(img/popup_new.png);
    cursor: pointer;
    z-index: 2;
}
#popup.flash .popupClose { display: none; }

#popup h4{ color: #fff; font-size: 14px; }
#popup a, #popup .jsLink {color: #fff; border-color:#fff;cursor:pointer}

#popup .popupBtnGroup{text-align:center;}
#popup .confirmMessage{font-size:18px;}
.popupBtnGroup .button:first-child{margin-right:10px;}

/*
NEW POPUP 2
*/
.petPopup2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 500;
    text-align: center;
    overflow: hidden;
}

.petPopup2 .popupContent {
    display: inline-block;
    min-width: 200px;
    height: 280px;
    background: url(img/popup2_content_bg.png);
    padding: 120px 20px 0;
    color: #fff;
    font-size: 16px;
    text-align: left;
    position: relative;
}

.petPopup2 .popupClose {
    position: absolute;
    top: 45px;
    right: -15px;
    width: 34px;
    height: 34px;
    background: url(img/popup_new.png);
    cursor: pointer;
    z-index: 2;
}

.petPopup2 .popupTitle {
    background: #ffb800;
    line-height: 35px;
    text-align: center;
    color: #712600;
    font-size: 20px;
    font-style: italic;
    position: absolute;
    width: 100%;
    top: 60px;
    left: 0;
}

.petPopup2 .popupTitle:before {
    content: '';
    background: url(img/popup2_title.png);
    width: 32px;
    height: 45px;
    position: absolute;
    top: 0;
    left: -31px;
}

.petPopup2 .popupTitle:after {
    content: '';
    background: url(img/popup2_title.png) -32px 0;
    width: 32px;
    height: 45px;
    position: absolute;
    top: 0;
    right: -31px;
}

.petPopup2 .popupTitle.type2 {
    background-color: #50c7f3;
    color: #003144;
    text-shadow: 0 1px #98e1fd;
}
.petPopup2 .popupTitle.type2:before,
.petPopup2 .popupTitle.type2:after {
    background-image: url(img/popup2_title2.png);
}

.petPopup2 .popupMainButton {
    width: 85%;
    margin: 20px 0 0;
}

/* WTF */

.petPopup2 .row {
    margin-right: -10px;
    margin-left: -10px;
    box-sizing: border-box;
}

.petPopup2 .col1,
.petPopup2 .col2,
.petPopup2 .col3,
.petPopup2 .col4,
.petPopup2 .col5 {
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}

.petPopup2 .col1 { width: 20%;}
.petPopup2 .col2 { width: 40%;}
.petPopup2 .col3 { width: 60%;}
.petPopup2 .col4 { width: 80%;}
.petPopup2 .col5 { width: 100%;}

.petPopup2 .clist {
    text-align: center;
}

.petPopup2 .clistItem {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

/* END WTF */


/* new buttons */
.button {
    position: relative;
    width: auto;
    height: 26px;
    min-width: 50px;
    padding: 7px 14px 0;
    margin: 10px 4px 0;
    color: #fff;
    font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight:bold;
    vertical-align: top;
    line-height: normal;
    color: #fff;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border: 3px solid #fff;
    border-radius: 11px;
    -moz-box-shadow: 0 0 0 3px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.15);
    box-shadow: 0 0 0 3px rgba(0,0,0,0.15);
    text-shadow: 1px -1px 0 rgba(0,0,0,.25);
    /* gradient */
    background-color: #1f81d5;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#37b8e7', EndColorStr='#1f81d5', GradientType=0);
    /* FOR IE9 */
    background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0ODkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzN0I4RTciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxRjgxRDUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0ODkpIiAvPgo8L3N2Zz4=');
}



.button:hover {
    border-color: #fff;
    color: #fff;
}

.button:hover,
.button:active {
    text-decoration:none;
    background-color: #48baff;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#a2dfff', EndColorStr='#48baff', GradientType=0);
    background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBMkRGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM0OEJBRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NjEpIiAvPgo8L3N2Zz4=');
}

.button:active {
    color: #1b4360;
    text-shadow: 1px -1px 2px rgba(255,255,255,.35);
    bottom: -1px;
    padding-top: 6px;
    padding-bottom: 1px;
}

.button.impButton, /* impButton is deprecated, use typ2 instead */
.button.type2 {
    background-color: #e8220c;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f76323', EndColorStr='#e8220c', GradientType=0);
    background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y3NjMyMyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0U4MjIwQyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzQwKSIgLz4KPC9zdmc+');
}
.button.impButton:hover,
.button.type2:hover {
    background-color: #ff4621;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ff9a47', EndColorStr='#ff4621', GradientType=0);
    background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjlBNDciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRjQ2MjEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NDkpIiAvPgo8L3N2Zz4=');
}
.button.impButton:active,
.button.type2:active {color: #510200;}

.button.type3 {
    background-color: #ff4621;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5cc806', EndColorStr='#339d03', GradientType=0);
    background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1Q0M4MDYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzMzlEMDMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4NjMpIiAvPgo8L3N2Zz4=');
}
.button.type3:hover,
.button.type3:active {
    background-color: #3dd404;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#8aeb09', EndColorStr='#3dd404', GradientType=0);
    background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4QUVCMDkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzREQ0MDQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NDQpIiAvPgo8L3N2Zz4=');
}
.button.type3:active {color: #395d14;}

.button.small {
    height: 18px;
    padding-top: 1px;
    font-size: 12px;
    margin: 0 8px;
    border-radius: 7px;
}
.button.small:active {padding-top: 0; padding-bottom: 1px;}

:root .button,
:root .button.small,
:root .button.type2,
:root .button.type3,
:root .button:hover,
:root .button:active {filter:''\0/IE9; } /*IE 9 HACK*/

.buttons { display: block; text-align: center; clear: both;}
/*pet fs2 buttons*/
.petButton {
    position: relative;
    width: auto;
    height: 30px;
    line-height: 30px;
    min-width: 50px;
    padding: 4px 30px 0;
    margin: 10px 4px 0;
    color: #00445f;
    font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-style:italic;
    vertical-align: top;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    text-shadow:0 1px 0 rgba(255,255,255,.4);
    border: 2px solid #035676;
    -o-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -o-box-shadow: inset 0 1px 0 1px rgba(255,255,255,.4);
    -moz-box-shadow: inset 0 1px 0 1px rgba(255,255,255,.4);
    -webkit-box-shadow: inset 0 1px 0 1px rgba(255,255,255,.4);;
    box-shadow: inset 0 1px 0 1px rgba(255,255,255,.4);;
    /* gradient */
    background-color: #1f81d5;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#10A8EB', EndColorStr='#33CCFF', GradientType=0);
    /* FOR IE9 */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxMEE4RUIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzM0NDRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4MDcpIiAvPgo8L3N2Zz4=);
}
.petButton_disabled {
    opacity: .5;
    pointer-events: none;
    user-select: none;
}
.petButton:hover{
    text-decoration:none;
    background-color: #3bd0ff;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#72DFFF', EndColorStr='#0CC2FF', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3MkRGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwQ0MyRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MTEpIiAvPgo8L3N2Zz4=);
}
.petButton:active{
    bottom: -1px;
    text-decoration:none;
    background-color: #1f81d5;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#10A8EB', EndColorStr='#33CCFF', GradientType=0);
    /* FOR IE9 */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxMEE4RUIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzM0NDRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4MDcpIiAvPgo8L3N2Zz4=);
}

.petButton.impButton, /* impButton is deprecated, use typ2 instead */
.petButton.type2,
.petButton.red{
    color:#5f001c;
    border-color:#7f0b2d;
    background-color: #ef1e5a;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#D90242', EndColorStr='#FF346D', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEOTAyNDIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRjM0NkQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NjgpIiAvPgo8L3N2Zz4=);
}
.petButton.impButton:hover,
.petButton.type2:hover,
.petButton.red:hover {
    background-color: #f73874;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ff9a47', EndColorStr='#ff4621', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGNjY5OSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VFMDQ0OSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzY1KSIgLz4KPC9zdmc+);
}
.petButton.impButton:active,
.petButton.type2:active,
.petButton.red:active {
    background-color: #ef1e5a;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#D90242', EndColorStr='#FF346D', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEOTAyNDIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRjM0NkQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NjgpIiAvPgo8L3N2Zz4=);
}

.petButton.type3,
.petButton.green {
    color:#004d00;
    border-color:#2f8400;
    background-color: #57bc09;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#339900', EndColorStr='#76db11', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzMzk5MDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM3NkRCMTEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MTEpIiAvPgo8L3N2Zz4=);
}
.petButton.type3:hover,
.petButton.green:hover {
    background-color: #5cc500;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#77DF00', EndColorStr='#48B100', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0MzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3N0RGMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM0OEIxMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0MzQpIiAvPgo8L3N2Zz4=);
}
.petButton.type3:active,
.petButton.green:active {
    background-color: #57bc09;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#339900', EndColorStr='#76db11', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzMzk5MDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM3NkRCMTEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MTEpIiAvPgo8L3N2Zz4=);
}
.petButton.type4:hover,
.petButton.orange:hover {
    background-color: #fc6e00;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FF7E00', EndColorStr='#F85801', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRjdFMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGODU4MDEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MjQpIiAvPgo8L3N2Zz4=);
}
.petButton.type4,
.petButton.orange,
.petButton.type4:active,
.petButton.orange:active {
    color:#5d1800;
    border-color:rgba(111,71,67,.7);
    background-color: #fc5c00;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F82F01', EndColorStr='#FF7E00', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGODJGMDEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRjdFMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5NzQpIiAvPgo8L3N2Zz4=);
}

.petButton.whiteText{
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.45);
}

.petButton.disabled,.petButton.disabled:hover,.petButton.disabled:active {
    cursor:default;
    bottom:0;
    color:#494949;
    text-shadow:none;
    border-color:#666666;
    background-color: #bcbcbc;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#999999', EndColorStr='#DBDBDB', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzk5OTk5OSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RCREJEQiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzIwKSIgLz4KPC9zdmc+);
}

.petButton.small{
    padding:1px 15px 0;
    height:20px;
    line-height:20px;
    font-size:13px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -o-box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
}

:root .petButton,
:root .petButton.small,
:root .petButton.type2,
:root .petButton.impButton,
:root .petButton.red,
:root .petButton.type3,
:root .petButton.green,
.petButton.type4,
.petButton.orange,
:root .petButton.disabled,
:root .petButton:hover,
:root .petButton:active {filter:''\0/IE9; }

/*navigation buttons*/
.petNavigationButton{
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position:relative;
    border:1px solid #266c86;
    border-radius:3px;
    margin:3px 3px 0 0;
    background-color:#60cbf3;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#2dbff6', EndColorStr='#85e3ff', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyREJGRjYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NUUzRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MjcpIiAvPgo8L3N2Zz4=);
    box-shadow:inset 0 1px rgba(255,255,255,.4);
    text-align:center;
    color:#00425b;
    cursor:pointer;
    user-select:none;
}
.petNavigationButton.gray,.petNavigationButton.gray:hover{
    border-color:rgba(0,0,0,.45);
    background-color:#b9b9b9;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#999999', EndColorStr='#dbdbdb', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzk5OTk5OSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RCREJEQiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk4KSIgLz4KPC9zdmc+);
    -o-box-shadow:inset 0 1px rgba(255,255,255,.4);
    -moz-box-shadow:inset 0 1px rgba(255,255,255,.4);
    -webkit-box-shadow:inset 0 1px rgba(255,255,255,.4);
    box-shadow:inset 0 1px rgba(255,255,255,.4);
}
.petNavigationButton:hover,#fmInfo:hover .petNavigationButton,#petMoneyValue:hover .petNavigationButton{
    background:#a0e9fc;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#A3FFFF', EndColorStr='#2FD4FF', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczMTAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBM0ZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyRkQ0RkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czMTApIiAvPgo8L3N2Zz4=);
}
.petNavigationButton:active,#fmInfo:active .petNavigationButton,#petMoneyValue:active .petNavigationButton{
    top:1px;
    background-color:#60cbf3;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#2dbff6', EndColorStr='#85e3ff', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyREJGRjYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NUUzRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MjcpIiAvPgo8L3N2Zz4=);
}
.petNavigationButton.on{
    color:#663b21;
    background:#ecad2c;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e78401', EndColorStr='#fed63f', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFNzg0MDEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRUQ2M0YiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MjEpIiAvPgo8L3N2Zz4=);
}
.petNavigationButton.on:hover{
    background:#ffcd37;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFF40', EndColorStr='#FF9A21', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGNDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRjlBMjEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NTgpIiAvPgo8L3N2Zz4=);
}
.petNavigationButton.on:active{
    background:#ecad2c;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e78401', EndColorStr='#fed63f', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFNzg0MDEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRUQ2M0YiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MjEpIiAvPgo8L3N2Zz4=);
}
.petNavigationButton.big{width:30px;height:30px}
.petNavigationButton.small{
    width:21px;
    height:21px;
    font-size:14px;
    line-height:21px;
    font-weight:bold;
    display:block
}
.petNavigationButton.roomItem{margin: 2px 2px 0 0}
.petNavigationButton.small .petButtonSmallIco{
    display:block;
    margin:1px 0 0 1px;
}
.petNavigationButton.myWorld{
    float:right;
    border:2px solid #04678d;
    box-shadow:inset 0 1px #9ee4ff,0 1px 0 rgba(241,245,248,.25);
    padding:4px;
    border-radius:6px;
    margin:0 0 5px 5px;
    line-height:28px;
    font-size:12px;
    font-weight:bold;
    font-style:italic;
    text-shadow:0 1px 0 rgba(241,245,248,.6);
    z-index:1;
}
.petNavigationButton.myWorld i{
    position:relative;
    -o-transition:all .15s;
    -moz-transition:all .15s;
    -webkit-transition:all .15s;
    transition:all .15s;
}
.petNavigationButton.myWorld:hover i{
    top:-2px
}
.petNavigationButton.myWorld:hover{box-shadow:inset 0 1px #dbf5ff,0 1px 0 rgba(241,245,248,.25);}
.petNavigationButton.myWorld i{
    display:block;
    float:left
}
.petNavigationButton.myWorld.withText{width:73px}
.petNavigationButton.myWorld.withText i{margin:0 4px 0 0;}
.myWorldIco{
    background:url(img/icons-myworld.png?v2) 0 0 no-repeat;
}
.petNavigationButton.myWorld .text{margin-left:9px}
.petNavigationButton.myWorld.selected{box-shadow: inset 0 1px #feefb1;text-shadow:0 1px 0 #fddd3f}
#wayBackHome.petNavigationButton{
    display:block;
    background:url(img/back-home-ico.png) 0 0 no-repeat;
    width:80px;
    height:80px;
    border:none;
    box-shadow:none;
    margin:5px 3px 0 5px;
    padding:0;
}
#wayBackHome.petNavigationButton:hover{background-position:-80px 0}
.petNavigationButton .bubbleArrow{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #1478a3 transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #1478a3 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position:absolute;
    top:-6px;
    left:14px
}
.petNavigationButton .bubbleArrow .bubbleArrowInside{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 3px 3px 3px;
    border-color: transparent transparent #80d9ff transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #80d9ff #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position:absolute;
    top:1px;
    left:-3px;
}
/*controls scroll arrows*/
.scrollArrow,.scrollArrow em{
    width:20px;
    height:20px;
    cursor:pointer;
    position:absolute;
    border-radius:5px;
    top:50%;
    margin-top:-10px;
}
.scrollArrow.bg{
    background-color:rgba(0,0,0,.3);
    transition:background-color .1s;
}
.scrollArrow.bg:hover{background-color:rgba(0,0,0,.35);}
.scrollArrow em{
    background:url(img/controls/controls.png?2) no-repeat;
    opacity:.8;
    position:absolute;
    left:50%;
    margin-left:-10px;
}
.scrollArrow.bgBlue{
    background-color:#60cbf3;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#1ba3df', EndColorStr='#0dc3ff', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyMTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxQkEzREYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwREMzRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyMTcpIiAvPgo8L3N2Zz4=);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 0 1px rgba(0,0,0,.25);
}
.scrollArrow.bgBlue:hover{
    background-color:#60cbf3;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#2dbff6', EndColorStr='#85e3ff', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyREJGRjYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4NUUzRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MjcpIiAvPgo8L3N2Zz4=);;
}
.scrollArrow.bgBlue:active{
    background-color:#60cbf3;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#1ba3df', EndColorStr='#0dc3ff', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyMTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxQkEzREYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwREMzRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyMTcpIiAvPgo8L3N2Zz4=);
}
.scrollArrow.bgBlue em{opacity:1}

.scrollArrow:hover em{opacity:1}

.scrollArrow.left{left:0}
.scrollArrow.right{right:0}
.scrollArrow.up,
.scrollArrow.down{
    right:auto;
    left:50%;
    margin-left:-10px
}
.scrollArrow.up{
    top:0
}
.scrollArrow.down{
    top:auto;
    bottom:0
}

.scrollArrow.left em{background-position:0 0;}
.scrollArrow.right em{background-position:-20px 0}
.scrollArrow.gray.left em{background-position:-80px 0;}
.scrollArrow.gray.right em{background-position:-100px 0}
.scrollArrow.dark.left em{background-position:-120px 0;}
.scrollArrow.dark.right em{background-position:-140px 0}
.scrollArrow.up em{background-position:-40px 0;}
.scrollArrow.down em{background-position:-60px 0}
.scrollArrow.left:active em{margin-left:-11px}
.scrollArrow.right:active em{margin-left:-9px}
.scrollArrow.up:active em{margin-top:-11px}
.scrollArrow.down:active em{margin-top:-9px}

:root .navButton,
:root .online,
:root .levelLabel,
:root .petFriendsList .petFriendsItem.selected{filter:''\0/IE9; } /*IE 9 HACK*/
/*css bubble*/
.petBubble{
    position:absolute;
    border:0;
    background-color:#ebf3f8;
    border-radius:4px;
    z-index:305;
    display:none;
}

.petBubble .content{
    display:inline-block;
}
.petBubble .content .item{
    padding:0 10px;
    color:#515151;
    font-size:11px;
    text-align:center;
}
.petBubble .content.links .item:first-child{border-radius:3px 3px 0 0}
.petBubble .content.links .item:last-child{border-radius:0 0 3px 3px}
.petBubble .content.links .item:hover{
    cursor:pointer;
    background-color:#85ddff;
}
.petBubble .tail{
    position:absolute;
    width: 0;
    height: 0;
    border-top: 10px solid rgba(0,0,0,.15);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin: 0 0 0 -10px;
    bottom:-7px;
    left:50%;
}
.petBubble .tail .arrow{
    position:absolute;
    width: 0;
    height: 0;
    border-top: 8px solid #ebf3f8;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin: 0 0 -6px -6px;
    top:-11px;
    left:-2px;
}
.petBubble.petBottomNavBubble{
    background-color:#3ebae9;
    border:1px solid #0071a0;
    padding:5px;
    -o-box-shadow:inset 0 1px 0 #85ddff;
    -moz-box-shadow:inset 0 1px 0 #85ddff;
    -webkit-box-shadow:inset 0 1px 0 #85ddff;
    box-shadow:inset 0 1px 0 #85ddff;
}
.petBottomNavBubble.w-135px{width:135px}
.petBubble.petBottomNavBubble ul{margin:0}
.petBubble.petBottomNavBubble .item{
    display:block;
    margin:5px;
    padding:0;
    width:35px;
    height:35px;
    text-align:center;
    cursor:pointer;
    position: relative;
}
.petBubble.petBottomNavBubble .item .bubbleIco{
    display:block;
    position:relative;
    top:4px;
    left:50%;
    margin-left:-14px;
    -o-transition:top .2s;
    -moz-transition:top .2s;
    -webkit-transition:top .2s;
    transition:top .2s;
}
.petBubble.petBottomNavBubble .bubbleIco,#petGameRoomButton i{background-image:url(img/icons-pet-bottom-bubbles.png?v1)}
.petBubble.petBottomNavBubble .item:hover .bubbleIco{top:2px}
.petBubble.petBottomNavBubble .tail{border-top-color:#3ebae9}
/*status bar*/
.statusBar{
    display:inline-block;
    padding:4px 3px;

    background-color:#3ebae9;
    border:1px solid #0071a0;
    border-radius:5px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 0 rgba(0,0,0,.3);
}
.statusBar .blueBg{
    display:block;
    height:21px;
    background-color:#035676;
    box-shadow:inset 0 1px 0 rgba(0,0,0,.45);
    border-radius:2px;
}
.statusBar .blueBg.text{
    padding: 0 10px;
    line-height:21px;
    text-align:center;
    color:#fff;
    font-size:15px;
    text-shadow:0 -1px 0 rgba(0,0,0,.45);
}

/*pet actions panel*/
.petActionsPanel{
    position:absolute;
    top:-5px;
    right:38%;
    display:inline-block;
    border:1px solid #0071a0;
    z-index:10;
    border-radius:0 0 6px 6px;
    box-shadow:0 1px 0 rgba(0,0,0,.2);
    background:#1a9cd5;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxQTlDRDUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDhCQzciIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4MjIpIiAvPgo8L3N2Zz4=);
}
.petActionsPanel.guestAt{
    padding-right:23px;
}
#petPage .petActionsList{
    display:block;
    letter-spacing:-3px;
    white-space:nowrap;
    padding:0;
    margin:4px 3px 0;
    float:left;
}
.petActionsList .petActionsItem{
    background:url(img/scale.png) 0 -140px repeat-x #c0c3c5;
    position:relative;
    width:56px;
    height:35px;
    border:2px solid #10658a;
    border-right-width:0;
    padding:0;
    margin:0;
    cursor:pointer;
    display:inline-block;
    *display:inline;
    *zoom: 1;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.5);
}

.petActionsList .petActionsItem.less25{background-position:0 0}
.petActionsList .petActionsItem.less50{background-position:0 -35px}
.petActionsList .petActionsItem.less75{background-position:0 -70px}
.petActionsList .petActionsItem.less99{background-position:0 -105px}
.petActionsList .petActionsItem:first-child{border-radius:6px 0 0 6px}
.petActionsList .petActionsItem:last-child{
    border-right-width:2px;
    border-radius:0 6px 6px 0;
}
.petActionsList .petActionsItem .groupTitle,
.friendActionsList .friendActionsItem .groupTitle{
    letter-spacing: 0;
    text-align: center;
    line-height: 15px;
    margin: 3px 0;
    color: #01374c;
    font-size: 12px;
    font-style:italic;
    text-shadow: 1px 1px 0 rgba(255,255,255,.3);
}
.friendActionsList .friendActionsItem .groupTitle.good,
.friendActionsList .friendActionsItem .groupTitle.evil{
    color:#fff;
    line-height:21px;
    margin:0 -5px 3px;
    white-space: nowrap;
    padding: 0 5px;
    text-shadow:0 -1px 0 rgba(0,0,0,.45);
}
.friendActionsList .friendActionsItem .groupTitle.karma .miscIco{
    display:inline-block;
    position:relative;
    top:3px
}
.friendActionsList .friendActionsItem .groupTitle.good{background:#0078a6}
.friendActionsList .friendActionsItem .groupTitle.evil{background:#dc202a}
.petActionsPanel .petAreaScroll .scrollArrow{
    position:absolute;
    top:50%;
    margin-top:-10px;
}
.petActionsPanel .petAreaScroll .petScrollLeft{left:-30px;}
.petActionsPanel .petAreaScroll .petScrollRight{right:-30px;}

.petActionsPanel .petActionsGroupIco,.petActionsPanel .friendsActionsGroupIco{
    position:absolute;
    left:50%;
    margin-left:-14px;
    top:5px;
    transition:all .3s;
    opacity:1;
    filter:alpha(opacity=100);
}
.petActionsPanel .petActionsItem:hover .petActionsGroupIco{
    top:0;
    opacity:0;
    filter:alpha(opacity=0);
}
.petActionsPanel .petActionsGroupValue{
    letter-spacing:0;
    width:100%;
    display: block;
    position:absolute;
    top:0;
    left:0;
    line-height:35px;
    text-align:center;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    opacity:0;
    text-shadow:0 0 2px #000;
    filter:alpha(opacity=0);
    -o-transition:all .3s;
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s;
}
.petActionsPanel .petActionsItem:hover .petActionsGroupValue{
    opacity:1;
    filter:alpha(opacity=100);
}
.petActionsPanel .petActionsItem .petActionsGroupProgressBg{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    background:rgba(19,118,161,1);
}
.petActionsPanel .petGroupHealth{background-position:0 0;}
.petActionsPanel .petGroupHappy{background-position:-28px 0;}
.petActionsPanel .petGroupSatiety{background-position:-56px 0;}
.c23 .petActionsPanel .petGroupSatiety{background-position:-84px 0;}
.c18 .petActionsPanel .petGroupSatiety,.c19 .petActionsPanel .petGroupSatiety{background-position:-140px 0;}
.c20 .petActionsPanel .petGroupSatiety,.c26 .petActionsPanel .petGroupSatiety{background-position:-112px 0;}
.petActionsPanel .petGroupClean{background-position:-168px 0;}
.petActionsPanel .petActionsTabs{
    float:right;
    width:23px;
    position:absolute;
    bottom:0;
    right:0
}
.petActionsPanel .petActionsTabs .tab{cursor:pointer;width:23px;height:23px}
.petActionsPanel .tab.off{
    background-color:#0071a0;
    border:1px solid #00547c;
    border-right:0;
    border-bottom:0;
}
.petActionsPanel .friendActions.off{
    border-color:transparent;
    box-shadow:inset 0 -1px rgba(255,255,255,.45);
    background-position:-198px 0;
}
.petActionsPanel .petActions.off{border-radius:0 0 4px 0;}
/*friend actions*/
.friendActionsList .friendActionsItem{
    display:block;
    float:left;
    width:46px;
    height:46px;
    cursor:pointer;
    position:relative;
}
.friendActionsList .friendActionsItem.first{
    border-radius:5px 0 0 0;
}
.friendActionsList .friendsActionsGroupIco{
    background:url(img/friend-actions.png) 0 0 no-repeat;
    display:block;
    top:9px;
}
/*.petActionsPanel .friendActionsItem:active{
    background-color:#0874a2;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0e79a5', EndColorStr='#02709e', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwRTc5QTUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMjcwOUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NjgpIiAvPgo8L3N2Zz4=);
}*/
.petActionsPanel .friendActionsItem:hover .friendsActionsGroupIco{top:6px}
.friendActionsList .friendActionsItem .currentPetKarmaBg{
    position:absolute;
    top:4px;
    left:4px;
    width:35px;
    height:35px;
    background:#0071a0;
    border:1px solid #005a80;
    border-radius:4px;
}
.friendActionsList .friendActionsItem.operationsShown.upperText .operationsGroup{bottom:-95px}
.friendActionsList .friendActionsItem.upperText .operationsGroup.withText .contentWrap{padding-bottom:5px}

/*pet operations bubble*/
.operationsGroup {
    display:block;
    width:0;
    height:0;
    overflow:hidden;
    position:absolute;
    bottom:-90px;
    opacity:0;
    z-index: 1200;
    transition:opacity .3s,top .3s,bottom .3s;
}
.operationsGroup.withText{bottom:-115px}
.operationsGroup.up{bottom:auto;top:-90px}
.operationsGroup.withText.up{bottom:auto;top:-115px}
.operationsShown .operationsGroup{
    display:block;
    width:auto;
    height:auto;
    overflow:visible;
    opacity:1;
    bottom:-100px
}
.operationsShown #operationGroup6.operationsGroup.withText{bottom:-90px}
.operationsShown .operationsGroup.up{bottom:auto;top:-95px}
.operationsShown .operationsGroup.withText{bottom:-95px}
.operationsShown .operationsGroup.withText.up{bottom:auto;top:-90px}
.friendActionsItem.operationsShown .operationsGroup{bottom:-70px}
.friendActionsItem.operationsShown.up .operationsGroup{bottom:auto;top:-70px}
.operationsGroup ul{margin:0}
.operationsGroup .tail {
    width:0;
    height:0;
    position:absolute;
    top:1px;
    left:50%;
    margin:-10px 0 0 -10px;
    border-bottom:10px solid #0071a0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    z-index:2;
}
.operationsGroup .tail:before{
    content:'';
    position:absolute;
    width: 0;
    height: 0;
    border-bottom: 10px solid #3ebae9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin: -10px 0 0 -10px;
    left:50%;
    top:11px;
}
.operationsGroup.up .tail {
    border-top: 10px solid #3ebae9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin: 0 0 -10px -10px;
    top: 28px;
}

.operationsGroup.up .tail {
    top:auto;
    bottom: 3px;
}

.operationsGroup .group {
    z-index: 1;
//margin-left: -200%;
}

.operationsGroup .group .contentWrap {
    padding:5px;
    background: #3ebae9;
    border:1px solid #0071a0;
    border-radius: 4px;
    position: relative;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 0 rgba(0,0,0,.3);
    cursor:default;
}
.operationsGroup.withText .contentWrap{padding-bottom:0}
.operationsGroup .group ul {
    white-space: nowrap;
}
.operationsGroup .group li {
    margin-right:5px;
    position: relative;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    background-color:#1a9cd5;
    border-radius:3px;
    box-shadow:inset 0 1px 0 rgba(0,0,0,.3);
    width:40px;
    height:40px;
    padding:5px;
    text-align:center;
}
.operationsGroup .group li:last-child{margin-right:0}
.operationsGroup li .ico {
    position: relative;
}
.operationsGroup li.unavailable .ico{
    opacity:.5;
    filter:alpha(opacity=50);
    cursor:default
}
.operationsGroup .price {
    background: url(img/ru_fant16.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
}
.operationsGroup li .price {
    position: absolute;
    bottom: -2px;
    right: -2px;
}
.operationsGroup li .price.coins {
    bottom: -8px;
    right: -2px;
}
.operationsGroup li.unavailable .price {
    display: none;
}
.operationsGroup li .timer {
    position: absolute;
    color: #fff;
    left: 0;
    top: 17px;
    width: 100%;
    text-align: center;
    letter-spacing:0;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    -moz-text-shadow: #000 1px 1px 0;
    -webkit-text-shadow: #000 1px 1px 0;
    text-shadow: #000 1px 1px 0;
}
.operationsGroup li .progress
{
    position: absolute;
    filter: alpha(opacity=100);
    opacity:1;
    top: 0;
    left: 0;
}


/*
THING TOOLTIP
*/
.petThingTooltip
{
    width:350px;
    padding:0
}
.petThingTooltip .topTool
{
    height:11px;
    background:url(../../images/basic/tooltip/pet/gift_bg_top.png) 0 0 no-repeat
}
.petThingTooltip .bottomTool
{
    height:11px;
    background:url(../../images/basic/tooltip/pet/gift_bg_bot.png) no-repeat
}
.petThingTooltip .innerTool
{
    background:url(../../images/basic/tooltip/pet/gift_bg_bg.png) 0 0 repeat-y;
    width:100%;
    overflow:hidden
}
.petThingTooltip .innerTool .blockTool
{
    padding-left:5px;
    min-height:75px
}
.petThingTooltip .desc {font-size:11px}
.petThingTooltip .image
{
    margin-right:8px;
    position:relative;
    float:left
}
.petThingTooltip .thingImg
{
    position:absolute;
    top:0;
    left:0
}
.petThingTooltip .innerText
{
    padding-right:5px;
    overflow:hidden
}
.petThingTooltip br
{
    display:block;
    clear:both;
}

/*
TABS
*/
.petTabs li {height:42px}
.petTabs.left, .petTabs li {float:left}
.petTabs.right, .petTabs.right li {float:right}
.petTabs.right {margin-right:10px !important}
.petTabs li:hover {position:relative; z-index:1}
.petTabs a {text-decoration:none}
.petTabs .tabWrap, .petTabs .tab
{
    background-position:0 -84px;
    display:inline-block;
    height:42px;
    cursor:pointer;
    margin-right:12px
}
.petTabs .tab, .tabTitle
{
    background-position:100% -84px;
    float:left;
    position:relative;
    margin-right:0;
    left:22px;
    padding:8px 34px 0 0;
    height:34px;
    color:#fff;
    font-size:18px;
    line-height:20px
}
.petTabs .tabWrap:hover {background-position:0 -42px}
.petTabs .tabWrap:hover .tab {background-position:100% -42px}
.petTabs .tabWrap.curr {background-position:0 0; cursor:default}
.petTabs .tabWrap.curr .tab {background-position:100% 0; cursor:default; color:#0076a3}
.petTabs.right .tabWrap
{
    background-position:0 -210px;
    margin-right:24px
}
.petTabs.right .tabWrap .tab
{
    background-position:100% -210px;
    left:34px;
    padding:8px 22px 0 0
}
.petTabs.right .tabWrap:hover {background-position:0 -168px}
.petTabs.right .tabWrap:hover .tab {background-position:100% -168px}
.petTabs.right .tabWrap.curr {background-position:0 -126px}
.petTabs.right .tabWrap.curr .tab {background-position:100% -126px}
.petTabs.bottom .tabWrap {background-position:0 -462px}
.petTabs.bottom .tabWrap .tab {background-position:100% -462px}
.petTabs.bottom .tabWrap:hover {background-position:0 -420px}
.petTabs.bottom .tabWrap:hover .tab {background-position:100% -420px}
.petTabs.bottom .tabWrap.curr {background-position:0 -378px}
.petTabs.bottom .tabWrap.curr .tab {background-position:100% -378px}
.petTabs.bottom.right .tabWrap {background-position:0 -336px}
.petTabs.bottom.right .tabWrap .tab {background-position:100% -336px}
.petTabs.bottom.right .tabWrap:hover {background-position:0 -294px}
.petTabs.bottom.right .tabWrap:hover .tab {background-position:100% -294px}
.petTabs.bottom.right .tabWrap.curr {background-position:0 -252px}
.petTabs.bottom.right .tabWrap.curr .tab {background-position:100% -252px}
.tabTitle, .tabTitle em {background:url(/app/pet/img/tabtitle.png) 100% 0 no-repeat}
.tabTitle em
{
    background-position:0 0;
    position:absolute;
    top:0;
    left:-20px;
    width:20px;
    height:38px
}
.petTabs .txt {margin:0 -6px}
.petTabs .new {margin:0 -6px 0 6px}
.tLatestEvents {background-position:0 -300px; width:178px}
.tVipReview {background-position:0 -500px; width:97px}

/*bottom panel*/
.petBottomNavigation{
    height:93px;
    position:relative;
    width:828px;
    margin:-21px auto 0
}
/*friends*/
.online,.offline{
     width:9px;
     height:9px;
     box-shadow:inset 0 -1px 0 rgba(0,66,91,.3),inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px rgba(0,0,0,.35);
     border-radius:9px;
     background:#61c800;
     filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#46B603', EndColorStr='#87D900', GradientType=0);
     background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4NzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0NkI2MDMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM4N0Q5MDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4NzIpIiAvPgo8L3N2Zz4=);
 }
.offline{
    background:#a9a9a9;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#727C80', EndColorStr='#BBBBBB', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3ODMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3MjdDODAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNCQkJCQkIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3ODMpIiAvPgo8L3N2Zz4=);
}
.petLevelLabel{
    width:27px;
    height:29px;
    background:url(img/misc.png?3) -301px 0 no-repeat;
    color:#551a00;
    font-size:12px;
    line-height:29px;
    font-weight:bold;
    font-style:normal;
    text-shadow:0 1px 0 #fff;
    text-align:center;
    cursor:default;
}
.petLevelLabel.petSeasonHomeBeautyLevel{
    background:url(seasonHome/i/icons.png) -30px 0 no-repeat;
    background-size:auto 30px;
    width:25px;
    height:30px;
    padding-right:5px;
    line-height:38px;
    color: #00275b;
    text-shadow: 0 1px 0 #fff;
}
.petFriendsWrap{
    height:76px;
    border:1px solid #0071a0;
    padding:10px 10px 5px;
    background-color:#008bc7;
    box-shadow:inset 0 1px 0 #41c2f3;
    border-radius:6px;
    position:relative;
    z-index:5;
}
.petFriendsContainer{
    position:relative;
    display:inline-block;
    background-color:#0071a0;
    border:1px solid #0071a0;
    padding:0 92px 0 15px;
    border-radius:6px;
    box-shadow:inset 0 1px 0 rgba(0,66,91,.35);
    overflow:hidden
}
.petFriendsContainer .scrollArrow{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:15px;
    height:100%;
    opacity:.5;
    cursor:pointer;
    border-radius:0;
    margin:0
}
.petFriendsContainer .scrollArrow.prevItem{border-radius:3px 0 0 3px}
.petFriendsContainer .scrollArrow:active em{margin-left:-12px}
.petFriendsContainer .nextItem em{
    left:auto;
    right:-3px
}
.petFriendsContainer .scrollArrow.nextItem:active em{left:auto;right:-4px}
.petFriendsContainer .prevItem:hover,.petFriendsContainer .nextItem:hover{background-color:#007eb4;}
.petFriendsContainer:hover .prevItem,.petFriendsContainer:hover .nextItem{opacity:1}

.petFriendsContainer .nextItem{
    left:auto;
    right:76px;
}
.petFriendsListWrap{
    overflow:hidden;
    width:539px;
    height:70px;
    position:relative;
    transition:width .2s;
}
.fullNav .petFriendsListWrap{width:276px}
.petFriendsList{
    margin:0;
    padding:0;
    white-space:nowrap;
    position:absolute;
}
.petFriendsItem{
    float:none;
    width:53px;
    height:52px;
    padding:8px 12px 10px;
    margin:0;
    background:none;
    position:relative;
    cursor:pointer;
    vertical-align:top;
    display:inline-block;
    *display:inline;
    *zoom:1;
}
.petFriendsItem:hover{background-color:#007eb4}
.petFriendsItem.guestAt{
    background:#2dacdf;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#1a9cd5', EndColorStr='#3ebae9', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2OTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxQTlDRDUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzRUJBRTkiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2OTQpIiAvPgo8L3N2Zz4=);
    position:absolute;
    right:0;
    top:0;
    cursor:default;
    border-radius:0 6px 6px 0;
}
.petFriendsItem.visiting{background-color: #388fcb}
.petUserImg{
    display:block;
    width:48px;
    height:48px;
    margin-left:-1px;
    padding:1px;
    border:2px solid #3ebae9;
    background-color:#023447;
    border-radius:5px;
}
.petFriendsItem.guestAt .userImg{
    border-color:#41c3f4;
    box-shadow:0 1px 0 #1a9cd5;
}
.petUserImg img{border-radius: 2px}
.petFriendsItem .online,
.petFriendsItem .offline{
    position:absolute;
    top:6px;
    right:8px;
}
.petFriendsItem .petVip{
    position:absolute;
    top:7px;
    left:15px;
}
.petFriendsItem .petLevelLabel{
    position:absolute;
    bottom:-2px;
    left:0;
    cursor:pointer
}
.petFriendsList .noPet .presentPet{
    display:block;
    position: absolute;
    left: 50px;
    top: 37px;
}
.petFriendsList .noPet .petUserImg{border-color:#faa600}
.bonusBlock{
    width:75px;
    height:73px;
    margin:0 10px 0 0;
    opacity:1;
    text-align:center;
    white-space:normal;
    z-index:10;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    webkit-transition:all .4s;
    transition:all .4s;
}
.hideTopSwitcher .bonusBlock{margin:0 10px 0 0}
.guestIn .bonusBlock{width:0;margin:0;opacity:0}
.bonusBlock a{text-decoration:none}
.bonusBlock .bonusText{
    margin-top:1px;
    display:block;
    text-align:center;
    font-size:11px;
    line-height:11px;
    font-weight:bold;
    font-style:italic;
    color:#fff;
    text-shadow:0 -1px 0 #003f57;
}
.bonusBlock .bonusText.noWrap{white-space:nowrap}
#friendsListSwitch{
    display:none;
    position:absolute;
    left:72px;
    top:15px;
    width:20px;
    height:20px;
    background:#0071a0 url(img/top-friends-switch.png?2) 0 0 no-repeat;
    border-radius:3px;
    box-shadow:0 1px 0 rgba(241,245,248,.25),inset 0 1px 0 rgba(0,0,0,.3);
    cursor:pointer
}
#friendsListSwitch:hover{background-position:-20px 0}
#friendsListSwitch.appInt{background-position:-40px 0}
#friendsListSwitch.appInt:hover{background-position:-60px 0}
#friendsListSwitch.userInt{background-position:-80px 0}
#friendsListSwitch.userInt:hover{background-position:-100px 0}
#friendsListSwitch.friends{background-position:-120px 0}
#friendsListSwitch.friends:hover{background-position:-140px 0}
/*friend guest block*/
.petGuestFriend,.petGuestFriend:hover{
    position:relative;
    top:5px;
    left:7px;
    width:91px;
    height:112px;
    background:#3ebae9;
    border:1px solid #0071a0;
    box-shadow:1px 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.45);
    border-radius:5px;
    padding:0;
    cursor:default
}
.petGuestFriend.petFeeling{height:170px}
.petGuestFriend .petUserImg{
    position:relative;
    top:auto;
    left:auto;
    margin:6px;
    width:75px;
    height:75px;
    border:2px solid #44ccff;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),0 0 0 1px #0486b9;
    padding:0;
}
.petGuestFriend .petUserImg.petVip{border-color:#faa600}
.petGuestFriend .online,
.petGuestFriend .offline{
    position:absolute;
    top: 5px;
    right: 5px;
}
.petGuestFriend .petOwnerName{
    display:block;
    margin:0 6px;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#013448;
    font-size:13px;
    line-height:14px;
    font-weight:bold;
    font-style:italic;
    text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.petGuestFriend .petNewVip{
    position:absolute;
    bottom:-12px;
    left:-12px
}
.petGuestFriend .petFsVip{
    position:absolute;
    top:0;
    left:4px
}
.petGuestFriend .petName{
    display:block;
    line-height:18px;
    height:18px;
    position:relative;
    bottom:-2px;
    padding:0 6px;
    background-color:#0071a0;
    color:#dff6ff;
    font-size:11px;
    font-weight:bold;
    font-style:italic;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-shadow:0 -1px 0 rgba(0,0,0,.35)
}
/*bottom navigation*/
.navigateWrap{
    position:absolute;
    top:0;
    right:-1px;
    overflow:hidden;
    padding:10px 10px 5px 0;
    margin:-14px 1px 0 0;
    min-width:149px;
    height:90px;
    background-color:#1a9cd5;
    border:1px solid #0071a0;
    z-index:302;
    box-shadow:inset 0 1px 0 #41c2f3;
    border-radius:6px 6px 6px 0
}
.guestIn .navigateWrap{min-width:234px;}
.navigateWrap .openNav{
    position:absolute;
    top:0;
    left:0;
    width:14px;
    height:100%;
    cursor:pointer;
    background-color:#1a9cd5;
    border-radius:3px 0 0 0;
    box-shadow:inset 0 1px 0 #41c2f3;
    z-index:10;
}
.navigateWrap .openNav:hover{background-color:#2cabdf}
.navigateWrap .openNav .arrowSmallWhite{
    position:absolute;
    top:50%;
    margin-top:-5px;
    left:5px;
}
.navigateWrap .btnsWrap{
    height:90px;
    letter-spacing:-4px;
    position:absolute;
    right:0;
    text-align:right;
    padding-right:13px;
    background-color:#1a9cd5;
}
.navigateWrap .btnsWrap *{letter-spacing:0}
.navigateWrap .btnsWrap .navButton{float:right}
.petBottomNavigation.navOpened .openNav .arrowSmallWhite{display:none}
.petBottomNavigation .openNav .arrowSmallWhite.right{display:none}
.petBottomNavigation.navOpened .openNav .arrowSmallWhite.right{display:block}
/*
BOTTOM SUB PANEL
*/
#petEventsList{padding-bottom:20px}
#petVipReviewList ul{margin:0}
.bottomSubPanel .bottomContentWrap{
    position:relative;
    top:-6px;
    width:728px;
    padding:10px;
    overflow:hidden;
    background-color:#1a9cd5;
    border-radius:5px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
}
#petEventsListWrap{
    width:728px;

}
.bottomSubPanel .scrollArrow.left, .bottomSubPanel .scrollArrow.right
{
    position:absolute;
    left:-30px;
    top:125px;
    margin-top:-10px;
}
.bottomSubPanel .scrollArrow.right
{
    left:auto;
    right:-30px
}
#petVipReview .buttonPrev, #petVipReview .buttonNext {top:48px}

.bottomSubPanel
{
    margin: 0 auto;
    padding: 40px;
    width:748px;
    background-color: #008bc7;
    position:relative;
}
.bottomSubPanel h2 {
    color: #fff;
    font-size: 21px;
    text-shadow: #00587a 0 1px 2px;
}
#bottomPanelEvents.bottomSubPanel{
    padding:40px 40px 34px;
    background:none;
}
#petInteriors .blueRoundDiv,#clothesShopBottom .blueRoundDiv{
    border-radius: 0 0 6px 6px;
    margin-right:-1px;
}
.bottomSubPanel .petBottomTabsWrap{
    height:30px;
    background-color: #007aad;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#007db1', EndColorStr='#0071a0', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczODEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDdEQjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDcxQTAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czODEpIiAvPgo8L3N2Zz4=);
    border-radius:5px;
}
.bottomSubPanel .blueBg{
    background-color:#1a9cd5;
    border:1px solid #0071a0;
    border-left:0;
    border-right:0;
    padding:2px 6px 6px;
    -o-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 0 rgba(255,255,255,.15);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 0 rgba(255,255,255,.15);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 0 rgba(255,255,255,.15);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 0 rgba(255,255,255,.15);
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
#petHomeEvents .sort.tabs,#petInteriors .petTabs,#clothesShopBottom .petTabs{margin:0 0 -2px;z-index: 10;position:relative;}
#clothesShopBottom .petTabs{
    top:auto;
    left:auto;
    right:auto;
    height:36px;
    display:inline-block;
}
#clothesShopBottom .petTabs.right{float:right;}
#petPage .sort li{float:left}
#clothesShopBottom .petTabs li{margin:0 1px;}

#petHomeEvents .tabs li a,#petInteriors .tabs a,#clothesShopBottom .tabs a,#petExteriors .tabs a{
    display:block;
    padding:4px 20px;
    color:#fff;
    font-size:13px;
    line-height:16px;
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0,0,0,.45);
}
#petHomeEvents .tabs li a.curr,#petInteriors .tabs .curr,#clothesShopBottom .tabs .curr,#petExteriors .tabs .curr{
    margin-top:-6px;
    font-size:16px;
    padding:8px 20px 12px;
    border-radius:5px;
    background-color: #1a9cd5;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    z-index: 100;
    position:relative;
}
#clothesShopBottom .petTabs a,#clothesShopBottom .petTabs .curr,#petInteriors .petTabs a,#petInteriors .petTabs .curr{width:auto;}
#interiorsCategoryNav.right{margin:0 -3px 0 0 !important;}
#clothesShopBottom .petTabs.right{margin:0 -2px 0 0 !important;}
#petEventsList #petVipReviewList li{
    background: none repeat scroll 0 0 #ECEB9E;
    border-radius: 4px 4px 4px 4px;
    color: #564316;
    float: left;
    font-size: 13px;
    margin: 0 48px 0 33px;
    min-height: 94px;
    position: relative;
    width: 282px;
    overflow:visible;
    padding:0 0 10px;
}
#currencyFilter.disabled{display:none}
#currencyFilter a{
    color:#fff;
    display:block;
    padding:2px 5px;
}
#petInteriors .interiorsItemsWrapper{margin-top:-6px;}
#petEventsList #petVipReviewList p{color:#564316;word-wrap:break-word}
#petEventsList #petVipReviewList .date{
    color:#798556;
    background:url(/app/pet/img/home-new/comment_icons.png) 0 0 no-repeat;
    height:13px;
    padding:0 0 0 20px;
    position: static;
    border:0;
}
#petEventsList #petVipReviewList .icoSmCross{
    background:url(/app/pet/img/home-new/comment_icons.png) 0 -13px;
    width:23px;
    height:24px;
    margin-top:-5px;
    top:10px;
    right:10px;
}
#petEventsList #petVipReview{margin:0}
#petEventsList #petVipReviewList img{margin:0;}
#petEventsList #petVipReviewList .userPic{width:48px;height:48px;}
#petEventsList li.vipCommentsWrapper{width:100%;background:none;margin:0}
#petEventsList ul, #petVipReviewList ul{width:728px;}
#petEventsList li{
    background-color:#035d7f;
    border-radius:9px;
    position:relative;
    padding: 8px;
    width:45%;
    overflow:visible;
    margin: 10px;
}
#petEventsList .text .feedInfoBlock{display:inline-block;margin-bottom:10px;width:100%;}
#petEventsList .feedIcon,#petEventsList .feedUserPhoto{
    position: absolute;
    top:10px;
    left:10px;
    overflow:visible;
}
#petEventsList .feedIcon{width:auto;}
#petEventsList .feedItem{margin:0 !important;}
#petEventsList .text .feedIcon{
    position:static;
    margin-top:15px
}
#petEventsList .text .withPhoto .feedIcon{
    margin: 7px 0 0 0;
}
#petEventsList .date{
    position:absolute;
    top:2px;
    right:5px;
    font-size:10px;
    color: #1a9cd5;
    padding: 3px 10px;
    border-radius:10px;
}
#petEventsList .complain{
    position: absolute;
    margin-left: 60px;
    bottom: -11px;
    color: #fff;
    font-size: 10px;
    padding: 3px 10px;
    background-color: #1f8dbd;
    border: 2px solid #035d7f;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    cursor: pointer;
}
#petEventsList .vip-complain{
    position: absolute;
    margin-left:10px;
    bottom:-11px;
    color: #fff;
    font-size: 10px;
    padding: 3px 10px;
    background-color: #1f8dbd;
    border: 2px solid #035d7f;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    cursor: pointer;
}
#petEventsList .feedIcon img{margin-left:7px;}
#petEventsList em.petFeedUserItem{height:62px;width:62px;margin:0;}
#petEventsList .petFeedUserItemDiv{
    width:62px;
    height:58px;
}
#petEventsList p{font-size:12px;color:#b6e7fb;line-height:15px;text-align:left}
#petEventsList .text p{width:225px;}
#petEventsList .vipCommentsWrapper .text p{width:200px;}
#petEventsList .text .withPhoto p{margin-left:65px;width:200px;word-wrap:break-word}
#petEventsList .icoSm{display:block;position:absolute;top:-10px;right:-9px;background:url(/app/pet/img/home-new/comment_icons.png) 0 -37px no-repeat;width:23px;height:24px;}
#petEventsList .petHistoryItemAnswerButton{
    position: absolute;
    bottom: -10px;
    right: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select:none;
}

#commentFormNY p{color:#564316;clear:both;padding:5px 0}

#messagePanel {
    top:15px;
    height: 0;
    right: 0;
    position: absolute;
    z-index: 300;
}
#messagePanel .messagePanel {
    position: relative;
}
#messagePanel li{
    cursor: pointer;
    float: left;
    height: 50px;
    position: relative;
    width: 50px;
    margin: 0 5px !important;
}
#messagePanel .messagePanelItem{
    background-image: url(/app/pet/img/home-new/messages_icons.png);
    height:40px;
    width:40px;
    background-repeat: no-repeat;
    display:block;
    margin:3px 0 0 3px;
}
#messagePanel li:active{
    background-image:none;
    background-color:#0e79a5;
    top:1px;
    border:1px solid #0b6184;
    border-top-width:2px;
    border-bottom-color:#0e79a5;
    box-shadow:none;
    width:46px;
}

/*pet statuses*/
#petStatus {
    position: absolute;
    top:0;
    left:0;
    padding:5px 15px;
    z-index: 501;
}
#petLevel{width:198px;text-align:right;position:relative}
#petLevel .statusScaleWrap{cursor:pointer}
#petLevel .petLevelVal{
    position:absolute;
    top:-5px;
    left:-13px;
    text-align:center;
    line-height:38px;
    color:#551a00;
    font-size:15px;
    font-weight:bold;
    text-shadow:0 1px 0 #fff;
}
#petLevel .petExpBar{
    margin:0 3px 0 24px;
    position:relative;
    padding:1px;
    height:19px;
    width:171px;
    border-radius:3px;
}
#petLevel .petExpBar .greenBar{
    display:block;
    background-color:#6eb700;
    height:19px;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#A8FF00', EndColorStr='#346F00', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBOEZGMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzNDZGMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MTQpIiAvPgo8L3N2Zz4=);
    border-radius:2px;
    box-shadow:inset 0 0 0 1px #6eb700;
}
#petLevel .petAchievements{
    transition:margin-top .15s;
}
#petLevel .petAchievements:hover{margin-top:-2px}
/*pet money*/
#petMoneyAndOptions
{
    position:absolute;
    z-index:501;
    top:5px;
    right:10px;
}
#petMoneyAndOptions .saleIco{
    left:-18px;
    top:-21px
}
#petMoney .icoPlus{
    position:absolute;
    top:-4px;
    right:-11px;
}
#fmInfo:active .petNavigationButton,#petMoneyValue:active .petNavigationButton{top:-3px}
#petMoneyValue,#fmInfo{
    position:relative;
    padding:0 20px 0 15px;
    margin:0 10px 0 15px;
    cursor:pointer
}
#petMoneyValue .holidaySaleIco{top:16px;left:5px}
#fmInfo{margin-left:12px}
#fmInfo{text-decoration:none;}
#petMoney em{
    display:block;
    position:absolute;
    top:-1px;
    left:-11px
}
/*pet options*/
.petNavigationButton .petOptionsItem,#petMoney .plusIco{
    background:url(img/icons-20.png) no-repeat;
}
#petOptionsToggle{margin:0 2px 0 0;z-index:505}
#petOptionsWrap .petNavigationButton{margin:-4px 0 0 0;}
#petOptionsPanel{
    margin:-1px 1px 0 5px;
    position:relative;
    display:none;
}
.page_home #petOptionsPanel{display:block}
#petOptionsPanel .petOptionsWrap{
    overflow:hidden;
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:0;
    opacity:0;
    transition:opacity .4s,top .2s;
    z-index:505;
}
#petOptionsPanel.opened .petOptionsWrap{
    width:auto;
    height:auto;
    top:30px;
    opacity:1;
    z-index:504;
    transition:opacity .2s,top .4s;
}
#petOptionsPanel.opened #petOptionsToggle i{
    background-position:-20px 0;
}
/*setting popup*/
.petMenuImage .menuItem
{
    position:relative;
    width:110px;
    padding-top:10px;
    text-align:center;
    margin-bottom:3px;
    display:inline-block;
    *display:inline;
    *zoom:1
}
.petMenuImage .menuItem a
{
    text-decoration:none;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    display:block;
    overflow:hidden;
    cursor:pointer
}
.petMenuImage .img
{
    display:block;
    width:85px;
    height:79px;
    margin:0 auto 12px
}
.petMenuImage .m
{
    background-position:0 -145px;
    width:110px;
    height:102px;
    position:absolute;
    top:8px;
    left:50%;
    margin-left:-55px
}
.petMenuImage .menuItem:hover .m,
.petMenuImage .menuItem.curr .m {background-position:-110px -145px}
#petHeader .headerIco, .userList .m, .userAva .m, .userPicMask, .imgs, #petHeader .bg, .topMenuGameSmallIco {
    background-image: url(/app/pet/img/imgs.png?1);
    background-repeat: no-repeat;
}
.petMenuImage .m {
    background-position: 0 -145px;
    width: 110px;
    height: 102px;
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -55px;
}
.petMenuImage .menuItem:hover .m, .petMenuImage .menuItem.curr .m {
    background-position: -110px -145px;
}
/*
PARAMS UP
*/
.paramsUp
{
    background:url(img/misc.png?3) -328px 0 no-repeat;
    width:47px;
    height:47px;
    line-height:47px;
    margin:-24px 0 0 -24px;
    position:absolute;
    z-index:1000;
    text-align:center;
    letter-spacing:-1px;
    font-family:Trebuchet MS;
    font-size:13px;
    font-weight:bold;
    font-style:normal;
    text-indent:-2px;
    color:#551a00;
    text-shadow:0 1px 0 #fff;
    display:none
}
/*
PET TOOLTIP
*/
.petTooltip
{
    background:#0076a3;
    border:#fff solid 2px;
    position:absolute;
    padding:2px;
    z-index:5001;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.petTooltip .wrap
{
    background:#E0F6FF;
    border:#3ebae9 solid 2px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    color:#0076A3;
    padding:5px 10px;
}
.petTooltip h4
{
    color:#0076A3;
    line-height:16px
}
.petTooltip h4 small, .petTooltip h5
{
    font-size:11px;
    font-weight:normal;
    display:block
}
.petTooltip h5
{
    display:inline-block;
    width:50px;
    padding-top:8px;
    vertical-align:top;
    margin:0
}
.petTooltip ul
{
    display:inline-block;
    overflow:hidden;
    margin:0 0 8px;
    white-space:nowrap
}
.petTooltip li, .opts_container .opt
{
    display:inline-block;
    font-weight:bold;
    font-size:11px;
    width:40px;
    text-align:center;
    margin:0 2px
}
.petTooltip li em, .opts_container em, .smExpIco,.pet-action-tooltip li em
{
    background:url(img/icons_small.png?4) no-repeat;
    display:block;
    width:25px;
    height:25px;
}
.petTooltip .opt_health em, .opts_container .opt_health em, .pet-action-tooltip .opt_health em {background-position:0 0}
.petTooltip .opt_joy em, .opts_container .opt_joy em, .pet-action-tooltip .opt_joy em {background-position:-25px 0}
.petTooltip .opt_hunger em, .opts_container .opt_hunger em, .pet-action-tooltip .opt_hunger em {background-position:-75px 0}
.petTooltip .opt_clear em, .opts_container .opt_clear em, .pet-action-tooltip .opt_clear em {background-position:-150px 0}
.petTooltip .opt_general em, .opts_container .opt_exp em, .pet-action-tooltip .opt_exp em {background-position:-225px 0}
.petTooltip .opt_house_rating em, .opts_container .opt_house_rating em, .pet-action-tooltip .opt_house_rating em {background-position:-250px 0}
.petTooltip .karma_bad em, .opts_container .opts .karma_bad em, .pet-action-tooltip .opts .karma_bad em {background-position:-300px 0}
.petTooltip .karma_good em, .opts_container .opts .karma_good em, .pet-action-tooltip .opts .karma_good em {background-position:-275px 0}
.petTooltip .event_points em, .opts_container .opts .event_points em, .pet-action-tooltip .opts .event_points em {background-position:-325px 0}
.petTooltip .olymp_points em, .opts_container .opts .olymp_points em, .pet-action-tooltip .opts .olymp_points em {background-position:-350px 0}
.petTooltip .energy em, .opts_container .opts .energy em, .pet-action-tooltip .opts .energy em {background-position:-375px 0}

.petTooltip .desc {font-size:11px}
.petTooltip .image
{
    position:relative;
    float:left
}
.petTooltip .thingImg
{
    position:absolute;
    top:0;
    left:0
}
.petTooltip .innerText
{
    overflow:hidden
}
/*
PET
*/
.petBlock {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 151;
}
.petBlock.balloonVis .phrase,
.petBlock.balloonVis .think,
.animate .petBlock {
    display: none;
}

.petBlock .phrase {
    display: none;
    position: absolute;
    top: 25px;
    left: 125%;
}
.petBlock.talking .phrase {display: block}
.petBlock .phrase.sourceRight {margin-left: -150px;left: -60px;}
.petBlock .think {
    position: absolute;
    width: 120px;
    bottom: 80%;
    left: 75%;
    height: 0;
}
.petBlock .think .content, .petBlock .think .source,.thinkBalloon .content,.thinkBalloon .source
{
    background:#fff;
    overflow:hidden;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    height:70px;
    padding-top:10px;
    margin:0 auto;
    text-align: center;
    box-shadow:0 3px rgba(0,0,0,0.3)
}
.petBlock .think .source,.thinkBalloon .source
{
    width:19px;
    height:15px;
    padding:0;
    position:absolute;
    top:70px;
    left:0;
    box-shadow:0 2px rgba(0,0,0,0.3)
}
.petBlock .thinkSourceRight .source {left:95px}

.petBlock.thinking .think {display:block}
.petBlock.thinking.birthDay .content{
    width:267px;
    height:83px;
    -o-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    overflow:visible
}
.petBlock.thinking.birthDay .thinkBalloon{overflow:visible}
.petBlock.thinking.birthDay .source{display:none}
.petBlock.thinking.birthDay .content .birthDayForm{
    width:267px;
    height:96px   ;
    position:relative;
}
.petBlock.thinking.birthDay .content .topText{
    margin-left:10px;
    width:267px;
    color:#000;
    font-size:15px;
    font-weight:bold;
    font-style:italic;
    text-align:left;
}
.petBlock.thinking.birthDay .icoSmCross{
    position:absolute;
    top:-5px;
    right:5px
}
.petBlock.thinking.birthDay .content .select{
    border-color:#c6c6c6;
    margin:10px 5px;
    padding:5px;
    -o-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.petBlock.thinking.birthDay .content .select:first-child{
    margin-left:15px;
}
.petBlock.thinking.birthDay .content .okButton{
    position:absolute;
    bottom:-10px;
    left:90px
}
.petBlock .image {
    position: relative;
}
.petBlock .image img {
    position: relative;
    z-index: 2;
}
.petBlock .aura {
    position: absolute;
    top: -40px;
    left: -35px;
    z-index: 1;
}
.petBlock .venok {
    position: absolute;
    top: -80px;
    left: 50%;
    margin: 0 0 0 -80px;
    z-index: 1;
}
.thinkBalloon
{
    position:absolute;
    width:120px;
    height:0;
    overflow:hidden;
    bottom:75%;
    left:70%
}
#petHome.animation .thinkBalloon, #petHome.animation .phrase, #petHome.animation #petActionsPanel {display:none}
.thinkBalloon .content
{
    width:100px;
    margin:10px auto;
    text-align:center;
}
.thinkBalloon .content div
{
    position:relative;
    width:60px;
    margin:0 auto
}
.thinkBalloon .cost
{
    background:url(img/fm.png) 0 0 no-repeat;
    background-position:100% 0;
    font:11px Tahoma, Geneva, sans-serif;
    color:#666666;
    line-height:17px;
    display:inline-block;
    margin-top:-3px;
    padding-right:19px;
    position:relative;
    top:50px
}
.en .thinkBalloon .cost { background-image:url(/app/pet/img/en_fm.png) }
.thinkBalloon .price, .petBlock .price {bottom:0}

.msg-balloon .source
{
    background:none;
    position:absolute;
    top:10px;
    left:-20px;
    box-shadow:0 2px rgba(0,0,0,0.3);
    width:0;
    height:0;
    border-right:#fff 20px solid;
    border-top:transparent 15px solid;
}
.sourceRight .source
{
    left:100%;
    border-right:none;
    border-left:#fff 20px solid;
}
.msg-balloon .text_size3
{
    font-size:15px;
    line-height:17px;
    font-weight:normal;
    color:#000;
    margin:-2px 0 0
}
.msg-balloon .text_size3 .jsLink, .msg-balloon .text_size3 .js_link {font-size:1em}
.msg-balloon .block .wrap {padding:12px 25px 12px 10px}
.msg-balloon .block
{
    background-color:#f9fdff;
    border:none;
    box-shadow:0 3px rgba(0,0,0,0.3);
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px
}
.msg-balloon .icoSmCross,
.tickerBlock .icoSmCross,
.thinkBalloon .birthDayForm .icoSmCross{
    float:none;
    position:absolute;
    top:5px;
    right:5px;
    background:url(/app/pet/img/home-new/close_icon.png?v1) 0 0 no-repeat;
    width:13px;
    height:12px;
}
.msg-balloon .icoSmCross:hover,.tickerBlock .icoSmCross:hover{background-position:0 -12px;}
.msg-balloon .text {
    display: table;
    width: 180px;
}
.emotionBalloon
{
    background-repeat:no-repeat;
    position:static !important;
    width:100px;
    height:80px;
    margin-top:-10px;
    display:block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.emotionBalloon16 {background-image:url(/app/pet/img/emo_balloon_16.png)}
.emotionBalloon18 {background-image:url(/app/pet/img/emo_balloon_18.png)}
.emotionBalloon19 {background-image:url(/app/pet/img/emo_balloon_19.png)}
.emotionBalloon20 {background-image:url(/app/pet/img/emo_balloon_20.png)}
.emotionBalloon23 {background-image:url(/app/pet/img/emo_balloon_23.png)}
.emotionBalloon26 {background-image:url(/app/pet/img/emo_balloon_26.png)}
.healthEmotionBalloonGroup {background-position:0 0}
.happyEmotionBalloonGroup {background-position:-100px 0}
.satietyEmotionBalloonGroup {background-position:-200px 0}
.cleanEmotionBalloonGroup {background-position:-300px 0}
.karmaBadPoints, .karmaGoodPoints
{
    background-image:url(/app/pet/img/icons2.png?10) !important;
    display:block;
    width:50px;
    height:50px;
    margin:0 auto
}
.karmaBadPoints {background-position:-600px 0}
.karmaGoodPoints {background-position:-650px 0}
/*emotional pet*/
.emotionalPet
{
    background-position:0 0;
    background-repeat:no-repeat;
}
.emotionalPet.my {background-position:100% 0}

.emotionMocks.c16 {background-image:url(/app/pet/img/karmatop/pets/16_mocks.png)}
.emotionJoyful.c16 {background-image:url(/app/pet/img/karmatop/pets/16_joyful.png)}
.emotionCrying.c16 {background-image:url(/app/pet/img/karmatop/pets/16_crying.png)}
.emotionSad.c16 {background-image:url(/app/pet/img/karmatop/pets/16_sad.png)}
.emotionEvil.c16 {background-image:url(/app/pet/img/karmatop/pets/16_evil.png)}

.emotionMocks.c18 {background-image:url(/app/pet/img/karmatop/pets/18_mocks.png)}
.emotionJoyful.c18 {background-image:url(/app/pet/img/karmatop/pets/18_joyful.png)}
.emotionCrying.c18 {background-image:url(/app/pet/img/karmatop/pets/18_crying.png)}
.emotionSad.c18 {background-image:url(/app/pet/img/karmatop/pets/18_sad.png)}
.emotionEvil.c18 {background-image:url(/app/pet/img/karmatop/pets/18_evil.png)}

.emotionMocks.c19 {background-image:url(/app/pet/img/karmatop/pets/19_mocks.png)}
.emotionJoyful.c19 {background-image:url(/app/pet/img/karmatop/pets/19_joyful.png)}
.emotionCrying.c19 {background-image:url(/app/pet/img/karmatop/pets/19_crying.png)}
.emotionSad.c19 {background-image:url(/app/pet/img/karmatop/pets/19_sad.png)}
.emotionEvil.c19 {background-image:url(/app/pet/img/karmatop/pets/19_evil.png)}

.emotionMocks.c20 {background-image:url(/app/pet/img/karmatop/pets/20_mocks.png)}
.emotionJoyful.c20 {background-image:url(/app/pet/img/karmatop/pets/20_joyful.png)}
.emotionCrying.c20 {background-image:url(/app/pet/img/karmatop/pets/20_crying.png)}
.emotionSad.c20 {background-image:url(/app/pet/img/karmatop/pets/20_sad.png)}
.emotionEvil.c20 {background-image:url(/app/pet/img/karmatop/pets/20_evil.png)}

.emotionMocks.c23 {background-image:url(/app/pet/img/karmatop/pets/23_mocks.png)}
.emotionJoyful.c23 {background-image:url(/app/pet/img/karmatop/pets/23_joyful.png)}
.emotionCrying.c23 {background-image:url(/app/pet/img/karmatop/pets/23_crying.png)}
.emotionSad.c23 {background-image:url(/app/pet/img/karmatop/pets/23_sad.png)}
.emotionEvil.c23 {background-image:url(/app/pet/img/karmatop/pets/23_evil.png)}

.emotionMocks.c26 {background-image:url(/app/pet/img/karmatop/pets/26_mocks.png)}
.emotionJoyful.c26 {background-image:url(/app/pet/img/karmatop/pets/26_joyful.png)}
.emotionCrying.c26 {background-image:url(/app/pet/img/karmatop/pets/26_crying.png)}
.emotionSad.c26 {background-image:url(/app/pet/img/karmatop/pets/26_sad.png)}
.emotionEvil.c26 {background-image:url(/app/pet/img/karmatop/pets/26_evil.png)}

.petsOver
{
    position:absolute;
    left:5px;
    bottom:-200px;
    width:950px;
    height:170px;
    z-index:101;
}
.petsOver .emotionalPet
{
    width:230px;
    height:170px;
    float:right;
    position:relative
}
.petsOver .emotionalPet.my {float:left}
/*invite friends without pet block*/
#inviteUserBlock #noPetImgsWrap{
    position:relative;
}
#inviteUserBlock #noPetImgsWrap .noPetImg{
    position:absolute;
    top:1px;
    left:1px;
    width:48px;
    height:48px;
    border-radius:3px;
}
#getBonus.petFriendsItem{padding:0}
/*friends without pets popup*/
#popup.noPetFriends .popupContent{
    background:url(/app/pet/img/popups/nopet/nopets_bg.jpg) 0 0 no-repeat;
    width:591px;
    height:322px;
    box-shadow:inset 2px 2px rgba(0,0,0,.1),inset -2px -2px rgba(0,0,0,.1),inset 2px -2px rgba(0,0,0,.1),inset -2px 2px rgba(0,0,0,.1);
}
#popup.noPetFriends .upperText{
    font-size:11px;
    font-weight:bold;
    color:#003c75;
    text-shadow:0 1px rgba(255,255,255,.4);
    text-align:center;
}
#popup.noPetFriends .leftPart{
    width:315px;
}
#popup.noPetFriends .petBox{
    width:236px;
    height:212px;
    background:url(/app/pet/img/popups/nopet/pet_in_box.png) 0 0 no-repeat;
    margin:36px 0 15px 45px;
}
#popup.noPetFriends .scaleBar{
    background-color:#fff;
    padding:2px;
    height:20px;
    width:305px;
    border-radius:5px;
}
#popup.noPetFriends .scaleBar .scaleWrap{
    border:2px solid #2186a5;
    background-color:#26adb0;
    width:301px;
    height:16px;
    border-radius:3px;
    position: relative;
    font-size:12px;
    font-weight:bold;
    color:#062441;
    text-shadow:0 1px rgba(255,255,255,.4);
    text-align:center;
}
#popup.noPetFriends .scaleBar .barText{
    z-index: 1;
    position: relative;
    line-height: 16px;
}
#popup.noPetFriends .scaleBar .bar{
    position:absolute;
    left:0;
    top:0;
    height:16px;
    background-color: #ffbe00;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffec00', EndColorStr='#ff9d00', GradientType=0);
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2OTMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkVDMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRjlEMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2OTMpIiAvPgo8L3N2Zz4=);
    border-radius:2px;
}
#popup.noPetFriends .friendListWrap{
    margin:21px 0 0 10px;
    width:260px;
    max-height:266px;
    border-radius:5px;
    overflow:auto;
    overflow-x:hidden;
}
#popup.noPetFriends .friendListWrap .friend-item{
    display:block;
    width:100%;
    padding:6px 10px;
    cursor:pointer;
}
#popup.noPetFriends .friendListWrap .friend-item.odd{
    background-color:rgba(210,252,255,.6);
}
#popup.noPetFriends .friendListWrap .friend-item.even{
    background-color:rgba(102,204,255,.6);
}
#popup.noPetFriends .friend-item .check{
    background:url(/app/pet/img/popups/nopet/checkbox-ico.png) -30px 0 no-repeat;
    width:30px;
    height:30px;
    margin-top:-6px;
}
#popup.noPetFriends .friend-item .check.checked{background-position:0 0;}
#popup.noPetFriends .friend-item .check input{
    cursor:pointer;
}
#popup.noPetFriends .friend-item .img{
    margin:0 10px;
    border:1px solid #fff;
    background-color:#fff;
    border-radius:3px;
    height:24px;
}
#popup.noPetFriends .friend-item img{
    border-radius:2px;
}
#popup.noPetFriends .friend-item .name{
    font-size:15px;
    line-height: 24px;
    color:#004d6a;
}
#popup.noPetFriends .buttons{
    position:absolute;
    bottom:-15px;
    text-align:center;
    width:590px;
}
#popup.noPetFriends .mainButton{
    background:url(/app/pet/img/popups/nopet/buttom_m.png) 0 0 repeat-x;
    padding:3px 10px;
    color:#fff;
    font-size:18px;
    font-style:italic;
    font-weight:bold;
    line-height:37px;
    white-space:nowrap;
    text-shadow: 0 -1px rgba(0,0,0,.45);
    position:relative;
    display:inline-block;
    cursor:pointer;
}
#popup.noPetFriends .mainButton .button-l,#popup.noPetFriends .mainButton .button-r{
    background:url(/app/pet/img/popups/nopet/button_edges.png) 0 0 no-repeat;
    position:absolute;
    left:-11px;
    top:0;
    width:11px;
    height:43px;
}
#popup.noPetFriends .mainButton .button-r{
    background-position:-11px 0;
    left:auto;
    right:-11px;
}
/*gifts for not active pets (friends panel block and popup)*/
.petFriendsItem .giftBlock{
    display:block;
    position:absolute;
    top:37px;
    left:50px;
    cursor:pointer;
    transition:top .2s;
}
.petFriendsItem .giftBlock:hover{top:34px}
#popup.notActivePetsGifts .popupContent{
    width:645px;
    padding:2px;
    background-color:#327e9a;;
}
#popup.notActivePetsGifts.noGift .popupContent,#popup.notActivePetsGifts.noGift .giftsWrap{
    width:auto;
    height:auto
}
#popup.notActivePetsGifts .giftsWrap{
    width:601px;
    padding:40px 22px;
    background-color:#3e9dc1;
    border-radius:7px;
}
#popup.notActivePetsGifts .giftsWrap .giftList li{
    float:left;
    width:110px;
    height:120px;
    margin:0 5px 15px;
    background:url(/app/pet/img/popups/notactivepetgifts/gift-bg.png) 50% 50% no-repeat;
    background-color:#4aa9cd;
    box-shadow:1px 1px 2px rgba(6,98,137,.2),-1px 1px 2px rgba(6,98,137,.2),0 3px 0 rgba(6,98,137,.2),inset 2px 2px 4px rgba(92,196,235,.35),inset -2px -2px 4px rgba(92,196,235,.35);
    border-radius:4px;
    cursor:pointer;
    position:relative;
    display:table-cell;
}
#popup.notActivePetsGifts .giftList li .giftImg{
    width:110px;
    height:120px;
    position:absolute;
    top:0;
    left:0;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
#popup.notActivePetsGifts .giftsWrap .giftList li.black{background-image:url(/app/pet/img/popups/notactivepetgifts/blackbox-bg.png)}
#popup.notActivePetsGifts .giftsWrap .giftList li em{
    background:url(/app/pet/img/popups/notactivepetgifts/mark.png) 0 0 no-repeat;
    width:29px;
    height:31px;
    position:absolute;
    top:-10px;
    right:-2px;
    display:none;
}
#popup.notActivePetsGifts .giftsWrap .giftList li.selected em{display:block}
#popup.notActivePetsGifts .text{
    color:#fff;
    font-size:15px;
    margin:5px 0 0 5px;
}
#popup.notActivePetsGifts .text.header{
    text-align: center;
    font-size: 12px;
    margin: -20px 0 10px;
}
#popup.notActivePetsGifts .buttons{clear:none;margin-top:-2px}
#popup.notActivePetsGifts .btnSend{
    background:url(/app/pet/img/popups/notactivepetgifts/btn.png) 0 0 no-repeat;
    width:131px;
    height:33px;
    display:block;
    cursor:pointer;
    color:#fff;
    font-weight:bold;
    font-style:italic;
    font-size:15px;
    text-shadow:0 -1px 0 rgba(0,0,0,.45);
    text-align:left;
    padding:11px 0 0 49px;
    margin:-5px 5px 0 0;
}
#popup.notActivePetsGifts .giftsWrap .alreadyGifted{
    text-align:center;
    font-size:22px;
    font-style:italic;
    text-shadow:0 -1px 0 rgba(0,0,0,.45);
}
#popup.notActivePetsGifts .multiGift{
    width:560px;
    margin:0 5px 20px;
    padding:10px 15px;
    background-color:#4aa9cd;
    box-shadow:1px 1px 2px rgba(6,98,137,.2),-1px 1px 2px rgba(6,98,137,.2),0 3px 0 rgba(6,98,137,.2),inset 2px 2px 4px rgba(92,196,235,.35),inset -2px -2px 4px rgba(92,196,235,.35);
    border-radius:4px;
    position:relative;
}
#popup.notActivePetsGifts .multiGift .text{
    font-size: 13px;
    font-weight: bold;
    color:#fff;
}
#popup.notActivePetsGifts .multiGift .giftFriendsList{list-style:none;margin-top:5px;}
#popup.notActivePetsGifts .giftFriendsList li{
    float:left;
    margin-right:6px;
    text-align:center;

}
#popup.notActivePetsGifts .giftFriendsList a{text-decoration:none;line-height:0;}
#popup.notActivePetsGifts .giftFriendsList img{
    border:2px solid #fff;
    border-radius:2px;
}
#popup.notActivePetsGifts .giftFriendsList .friendName{
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    display:block;
    margin:5px 0 3px;
}
#popup.notActivePetsGifts .giftFriendsList li:first-child{margin-left:5px;}
#popup.notActivePetsGifts .giftFriendsList li:last-child{margin:0;}
#popup.notActivePetsGifts .multiGift .giftIcon{
    position:absolute;
    right:30px;
    top:-35px;
    background:url(/app/pet/img/popups/notactivepetgifts/blackbox-full.png) 0 0 no-repeat;
    width:102px;
    height:112px;
}
#popup.notActivePetsGifts .multiGift .multiSend{
    font-style:italic;
    text-shadow:0 -1px 0 rgba(0,0,0,.45);
    margin:50px -16px 0 0;
}
/*pet home rooms*/
#homeMap{
    display: inline-block;
    vertical-align:bottom;
    position:relative;
    margin-right:7px;
    padding:0 3px 3px;
    border:1px solid #0071a0;
    background-color:#3ebae9;
    display:inline-block;
    border-radius: 0 0 5px 5px;
    box-shadow:0 1px 0 rgba(0,0,0,.2);
    z-index:302
}
#homeMap .roof,#homeMap .bigHomeRoof{
    position:absolute;
    top:-13px;left:-4px
}
#homeMap .bigHomeRoof{display:none;top:-35px;left:-7px}
#homeMap .bigRoomNav{margin-top:-20px}
#homeMap .floorItem{position:relative}
#homeMap .floorItem .rooms:first-child{top:0}
#homeMap .floorItem .rooms{
    white-space:nowrap;
    display:block;
    padding:0;
    margin:0;
    position:relative;
    top:-3px;
    right:0;
    letter-spacing:-3px;
    text-align:center
}
#homeMap .rooms .roomItem{margin-left:4px;display:inline-block;letter-spacing:0}
#homeMap .rooms .roomItem:last-child{margin-right:4px}
.roomIco{background-image:url(img/icons-rooms-aviable.png?1);display:block}
.roomIco.closed{background-image:url(img/icons-rooms-closed.png?1);display:block}
#homeMap.showAllHomeRooms .smallRoomNav{display:none;}
#homeMap.showAllHomeRooms .bigRoomNav{display:block}
#homeMap.showAllHomeRooms .homeRoof{display:none}
#homeMap.showAllHomeRooms .bigHomeRoof{display:block}

.homeUpdateIco
{
    background:url(/app/pet/img/houses/actions_icons.png) -200px 0 no-repeat;
    float:left;
    width:40px;
    height:40px;
    margin:0 5px 0 0
}
/*friend guest*/
#guestPetTextBlock{
    position:absolute;
    bottom:58px;
    left:0;
    text-align:center;
    width:100%;
    display:none;
    z-index:200;
}

#guestPetTextBlock span{
    display:inline-block;
    padding:0 20px;
    margin-left:20px;
    background-color:rgba(34,45,53,.8);
    color:#fff;
    font-weight:bold;
    font-size:16px;
    line-height:29px;
    text-shadow:0 -1px #003366;
    border-radius:3px;
}
#guestPetTextBlock a{color:#fff}

#homeMap .petNavigationButton{margin:3px 0 0 0;}
/*buy info for shops*/
#buyInfo{
    text-align:right;
    margin-bottom:10px;
    width:806px;
}
#buyInfo #bottomTitle{margin-top:22px}
#buyInfo .d-ib{display:inline-block}
#buyInfo .buyInfoWrap{margin:25px 154px 0 0;}
#buyInfo .valuesWrap{vertical-align:top}
#buyInfo .value{
    display: inline-block;
    height: 25px;
    background-color: #035676;
    padding: 0 10px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.45);
    -o-box-shadow: inset 0 1px 0 rgba(0,0,0,.45);
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.45);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.45);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.45);
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    vertical-align:top;
    margin-right:3px;
}
.petNavigationButton.closeBtn{
    border:0;
    box-shadow: 0 0 0 2px rgba(0,0,0,.4);
}
.petNavigationButton.closeBtn em{margin:3px}
#buyInfo .petButton{margin:0 6px 0 0}
#buyInfo #totalCost,#buyInfo #totalCostPetMoney,#buyInfo #totalCostFants,#buyInfo #totalAmountId{
    font-size:16px;
    text-shadow:0 -1px 0 rgba(0,0,0,.45);
}
#buyInfo #totalCost,#buyInfo #totalAmountId{color:#ffe138}
#buyInfo .buttonsWrap span{vertical-align:top}

/*
UI HELPER
*/
#uiHelperMask {}
#uiHelperMask .t, #uiHelperMask .b, #uiHelperMask .l, #uiHelperMask .r {
    background: rgba(0,0,0,.6);
    position: absolute;
    z-index: 9991;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    zoom: 1;
}
#uiHelperMask .t {
    width: 100%;
    top: 0;
    left: 0;
}
#uiHelperMask .l { left: 0; }
#uiHelperMask .r { right: 0; }
#uiHelperMask .b { width: 100%;height:100% }
#uiHelperMask .maskWrap {
    position: absolute;
    display: -moz-inline-box;
    display: inline-block;
    z-index: 9991;
    *zoom: 1;
    *display: inline;
}
#uiHelperMask .mask {
    min-width: 80px;
    min-height: 80px;
    position: relative;
}
#uiHelperMask .mask .corner {
    width: 40px;
    height: 40px;
    background: url(/app/pet/img/ui_helper_mask.png?2);
    position: absolute;
    background:none\0/;
}
#uiHelperMask .mask .corner.tl {
    top: 0;
    left: 0;
}
#uiHelperMask .mask .corner.tr {
    background-position: -40px 0;
    top: 0;
    right: 0;
}
#uiHelperMask .mask .corner.br {
    background-position: -40px -40px;
    right: 0;
    bottom: 0;
}
#uiHelperMask .mask .corner.bl {
    background-position: 0 -40px;
    left: 0;
    bottom: 0;
}
#uiHelperMask .mask.interactive {
    cursor: pointer;
}
#uiHelperMessage {
    position: absolute;
    z-index: 9992;
}
#uiHelperMessage .inner { position: relative; }
#uiHelperMessage .arrow {
    position: absolute;
    z-index: 9993;
    width: 0;
    height: 0;
    border-color: #fff;
    border-style: solid;
    border-width: 0;
}
#uiHelperMessage .arrow.bottom {
    top: -15px !important;
    bottom: auto !important;
    border-left: transparent 15px solid;
    border-right: transparent 15px solid;
    border-bottom-width: 15px;
}
#uiHelperMessage .arrow.left {
    right: -15px !important;
    left: auto !important;
    border-top: transparent 15px solid;
    border-bottom: transparent 15px solid;
    border-left-width: 15px;
}
#uiHelperMessage .arrow.top {
    bottom: -15px !important;
    top: auto !important;
    border-left: transparent 15px solid;
    border-right: transparent 15px solid;
    border-top-width: 15px;
}
#uiHelperMessage .arrow.right {
    left: -15px !important;
    right: auto !important;
    border-top: transparent 15px solid;
    border-bottom: transparent 15px solid;
    border-right-width: 15px;
}
#uiHelperMessage .body {
    position: relative;
    background: #fff;
    padding: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 200px;
    -moz-box-shadow: 0 0 15px #000;
    -webkit-box-shadow: 0 0 15px #000;
    box-shadow: 0 0 15px #000;
    filter: progid:DXImageTransform.Microsoft.shadow(direction=0, color=#000, strength=15);
}
#uiHelperMessage .body .navigation {
    position: relative;
    margin-top: 15px;
}

#uiHelperMessage .body .navigation .closeWrap {
    text-align: center;
}

#uiHelperMessage .body .navigation .close {}

#uiHelperMessage .body .navigation a {
    text-decoration: none;
    color: #666;
}

#uiHelperMessage .body .navigation a span {
    border-bottom: #666 1px dotted;
}

#uiHelperMessage .body .navigation a.prev {
    position: absolute;
    top: 0;
    left: 0;
}

#uiHelperMessage .body .navigation a.next {
    position: absolute;
    top: 0;
    right: 0;
}

/*
UI HELPER NEW
*/
#uiHelperMask.new .t, #uiHelperMask.new .b, #uiHelperMask.new .l, #uiHelperMask.new .r {
    background: rgba(0,0,0,0.2);
    position: absolute;
    z-index: 998;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    zoom: 1;
}
#uiHelperMask.new .t {
    width: 100%;
    top: 0;
    left: 0;
}
#uiHelperMask.new .l { left: 0; }
#uiHelperMask.new .r { right: 0; }
#uiHelperMask.new .b { width: 100%; }
#uiHelperMask.new .maskWrap {
    position: absolute;
    display: -moz-inline-box;
    display: inline-block;
    z-index: 998;
    *zoom: 1;
    *display: inline;
}
#uiHelperMask.new .mask {
    min-width: 80px;
    min-height: 80px;
    position: relative;
    overflow: visible;

    border: 4px solid #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
    -ms-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
    -o-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
}
#uiHelperMask.new .mask .corner {
    width: 40px;
    height: 40px;
    background: url(/app/pet/img/uihelp_mask.png);
    position: absolute;
    background:none\0/;
}
/*hack only for ie9*/
@media screen and (min-width:0\0) {
    #uiHelperMask.new .t, #uiHelperMask.new .b, #uiHelperMask.new .l, #uiHelperMask.new .r{background:rgba(0,0,0,.6)}
    #uiHelperMask.new .mask .corner { background-image: url(/app/pet/img/ui_helper_mask.png?2) }
}
/**********/
#uiHelperMask.new .mask .corner.tl {
    top: -4px;
    left: -4px;
}
#uiHelperMask.new .mask .corner.tr {
    background-position: -40px 0;
    top: -4px;
    right: -4px;
}
#uiHelperMask.new .mask .corner.br {
    background-position: -40px -40px;
    right: -4px;
    bottom: -4px;
}
#uiHelperMask.new .mask .corner.bl {
    background-position: 0 -40px;
    left: -4px;
    bottom: -4px;
}
#uiHelperMessage.new {
    position: absolute;
    z-index: 998;
}
#uiHelperMessage.new .inner { position: relative; }
#uiHelperMessage.new .arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: none !important;
    background: url(/app/pet/img/uihelp_arrows.png) 0 0 no-repeat;
}
#uiHelperMessage.new .arrow.bottom {
    width: 26px;
    height: 31px;
    top: -31px !important;
    bottom: auto !important;
    left: 20px !important;
    right: auto !important;
    background-position: -76px 0;
}
#uiHelperMessage.new .arrow.bottom.mirrored {
    top: -31px !important;
    bottom: auto !important;
    left: auto !important;
    right: 20px !important;
    background-position: -204px 0;
}
#uiHelperMessage.new .arrow.left {
    width: 38px;
    height: 30px;
    top: 20px !important;
    bottom: auto !important;
    right: -38px !important;
    left: auto !important;
    background-position: -38px 0;
}
#uiHelperMessage.new .arrow.left.mirrored {
    width: 39px;
    right: -39px !important;
    top: auto !important;
    bottom: 20px !important;
    background-position: -165px 0;
}
#uiHelperMessage.new .arrow.top {
    width: 24px;
    height: 34px;
    bottom: -34px !important;
    top: auto !important;
    left: 20px !important;
    right: auto !important;
    background-position: -102px 0;
}
#uiHelperMessage.new .arrow.top.mirrored {
    left: auto !important;
    right: 20px !important;
    background-position: -230px 0;
}
#uiHelperMessage.new .arrow.right {
    width: 38px;
    height: 30px;
    top: 20px !important;
    bottom: auto !important;
    left: -38px !important;
    right: auto !important;
    background-position: 0 0;
}
#uiHelperMessage.new .arrow.right.mirrored {
    width: 39px;
    left: -39px !important;
    top: auto !important;
    bottom: 20px !important;
    background-position: -126px 0;
}
#uiHelperMessage.new .body {
    position: relative;
    background: #fff;
    padding: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 200px;
    -moz-box-shadow: 0 2px 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 0 2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 0 2px rgba(0,0,0,0.2);
    filter: progid:DXImageTransform.Microsoft.shadow(direction=0, color=#000, strength=15);
}
#uiHelperMessage.new .body.hasPerson {
    padding-right: 80px;
}
#uiHelperMessage.new .body.hasPerson.left,
#uiHelperMessage.new .body.hasPerson.top.mirrored,
#uiHelperMessage.new .body.hasPerson.bottom.mirrored {
    padding-right: 15px;
    padding-left: 80px;
}
#uiHelperMessage.new .body .navigation {
    position: relative;
    margin-top: 15px;
    height: 14px;
}

#uiHelperMessage.new .body .navigation .closeWrap {
    text-align: center;
}

#uiHelperMessage.new .body .navigation .close {}

#uiHelperMessage.new .body .navigation a {
    text-decoration: none;
    color: #666;
}

#uiHelperMessage.new .body .navigation a span {
    border-bottom: #666 1px dotted;
}

#uiHelperMessage.new .body .navigation a.prev {
    position: absolute;
    top: 0;
    left: 0;
}

#uiHelperMessage.new .body .navigation a.next {
    position: absolute;
    top: 0;
    right: 0;
}
#uiHelperMessage.new.hideClose .closeWrap {
    display: none;
}
#uiHelperMessage.new.hideNav .navigation {
    display: none;
}
#uiHelperMessage.new #uiHelperPerson {
    display: none;
    position: absolute;
    right: -40px;
    bottom: 10px;
}
#uiHelperMessage.new .left #uiHelperPerson,
#uiHelperMessage.new .top.mirrored #uiHelperPerson,
#uiHelperMessage.new .bottom.mirrored #uiHelperPerson {
    left: -40px;
    right: auto;
}
#uiHelperMessage.new .hasPerson #uiHelperPerson {
    display: block;
}

#uiHelperMessage.new .kitty .body {
    padding-right: 80px;
}
#uiHelperPerson.kitty {
    width: 108px;
    height: 120px;
    background: url(/app/pet/img/person_kitty.png) 0 0 no-repeat;
}

#uiHelperPerson.maoriBoy {
    width: 80px;
    height: 95px;
    background: url(/app/pet/img/person_maori_boy.png) 0 0 no-repeat;
}

#uiHelperPerson.maoriGirl {
    width: 112px;
    height: 92px;
    background: url(/app/pet/img/person_maori_girl.png) 0 0 no-repeat;
}

.c16 #uiHelperPerson.pet {
    width: 87px;
    height: 122px;
    background: url(/app/pet/img/person_pet_16.png) 0 0 no-repeat;
}

.c18 #uiHelperPerson.pet {
    width: 85px;
    height: 96px;
    background: url(/app/pet/img/person_pet_18.png) 0 0 no-repeat;
}

.c19 #uiHelperPerson.pet {
    width: 107px;
    height: 81px;
    background: url(/app/pet/img/person_pet_19.png) 0 0 no-repeat;
}

.c20 #uiHelperPerson.pet {
    width: 101px;
    height: 71px;
    background: url(/app/pet/img/person_pet_20.png) 0 0 no-repeat;
}

.c23 #uiHelperPerson.pet {
    width: 123px;
    height: 100px;
    background: url(/app/pet/img/person_pet_23.png) 0 0 no-repeat;
}

.c26 #uiHelperPerson.pet {
    width: 79px;
    height: 74px;
    background: url(/app/pet/img/person_pet_26.png) 0 0 no-repeat;
}

#uiHelperPerson.witch {
    width: 110px;
    height: 100px;
    background: url(/app/pet/img/person_witch.png) 0 0 no-repeat;
}

#uiHelperPerson.amur {
    width: 119px;
    height: 98px;
    background: url(/app/pet/img/person_amur.png) 0 0 no-repeat;
}

#petReview textarea {
    width: 75%;
    min-height:56px;
    resize:none;
}

/* Request popup */
#popup.requestPopup .popupContent{
    width:530px;
}
#popup.requestPopup .requestInfo {
    color:#ffffff;
    background-color:#247ea0;
    padding:10px 15px;
    border-radius: 6px 6px 6px 6px;
    margin: 5px 0;
    overflow:hidden;
}
#popup.requestPopup .petTabList {
    overflow:hidden;
}
#popup.requestPopup .petTabItem {
    float:left;
    padding:5px 15px;
    font-size:14px;
    font-weight:bold;
    margin-right:6px;
    cursor:pointer;
    text-shadow:0px -1px 1px rgba(0,0,0,.3);
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color:#ffffff;
    background-color:#004e6b;
}
#popup.requestPopup .petTabItem.sel,
#popup.requestPopup .petTabItem.sel:hover {
    background-color:#247ea0;
    color:#ffffff;
}
#popup.requestPopup .petTabItem:hover {
    background-color:#82d4f4;
    color:#003b51;
    text-shadow:none;
}
#popup.requestPopup .petTabContent {
    background-color:#247ea0;
    padding:10px 15px;
    border-radius: 0 6px 6px 6px;
    overflow:hidden;
}
#popup.requestPopup .petFriendsList {
    float:right;
    width:250px;
    position:relative;
    right:-3px;
}
#popup.requestPopup .petFriendsList .avaliableFriends {
    background-color:#9bcbde;
    height:165px;
    margin-bottom:3px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding:4px 7px 4px 4px;
    position: relative;
    overflow: hidden;
}
#popup.requestPopup .petFriendsList .selectedFriends{
    background-color:#9bcbde;
    height:65px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding:4px 7px 4px 4px;
    position: relative;
}
/* #popup.requestPopup .avaliableFriends .friendItemsScroll {
    height: 165px;
} */
#popup.requestPopup .petFriendsList .petScrollbar {
    width: 18px;
    height: 140px;
    top: 16px;
    right: 10px;
}
#popup.requestPopup .petFriendsList .petScrollbar .petScrollbarLine {
    width: 18px;
    height: 140px;
    background-image: none;
    background-color: #247ea0;
    border-radius: 7px;
}
#popup.requestPopup .petFriendsList .selectedFriends .petScrollbar,
#popup.requestPopup .petFriendsList .selectedFriends .petScrollbar .petScrollbarLine {
    height: 37px;
}
#popup.requestPopup .petFriendsList .petScrollbar .petScrollPointer {
    width: 14px;
    height: 14px;
    background-image: none;
    background-color: #b8deed;
    border-radius: 5px;
    margin: 0;
    left: 2px;
    top: 2px;
}
#popup.requestPopup .petFriendsList .petScrollbar .petScrollTop,
#popup.requestPopup .petFriendsList .petScrollbar .petScrollBottom {
    background: url(/app/pet/popup/request/img/arrows.png) 0 0 no-repeat;
    width: 11px;
    height: 8px;
    margin-left: -6px;
    top: -12px;
}
#popup.requestPopup .petFriendsList .petScrollbar .petScrollBottom {
    background-position: 0 -8px;
    top: auto;
    bottom: -12px;
}
#popup.requestPopup .petFriendsList .petScrollbar .petScrollBottom:hover {
    background-position: -11px -8px;
}
#popup.requestPopup .petFriendsList .petScrollbar .petScrollTop:hover {
    background-position: -11px 0;
}
#popup.requestPopup .avaliableFriends .friendsItemsList {
    width: 206px;
    height:165px;
    color: #003A50;
    white-space: normal;
}
#popup.requestPopup .selectedFriends .friendsItemsList {
    height:65px;
}
#popup.requestPopup .avaliableFriendItem {
    color:#003a50;
    padding:3px 7px;
    cursor:pointer;
    white-space:nowrap;
}
#popup.requestPopup .avaliableFriendItem:hover {
    padding:2px 6px;
    background:#b8deed;
    border:1px solid #80bfd8;
}
#popup.requestPopup .avaliableFriendItem .check {
    display:inline-block;
    width:10px; height:10px;
    background:url(/app/pet/popup/request/img/chkbox.png);
    margin-right:4px;
}
#popup.requestPopup .avaliableFriendItem.selected .check,
#popup.requestPopup .avaliableFriendItem:hover .check {
    background-position:0 -10px;
}
#popup.requestPopup .avaliableFriendItem:active .check {
    background-position:0 -20px;
}
#popup.requestPopup .avaliableFriendItem .userImage,
#popup.requestPopup .selectedFriendItem .userImage {
    vertical-align: sub;
    margin-right: 3px;
    border-radius: 3px;
}
#popup.requestPopup .selectedFriendItem {
    float:left;
    color:#003a50;
    padding:3px 7px;
    cursor:pointer;
    white-space:nowrap;
}
#popup.requestPopup .selectedFriendItem:hover {
    padding:2px 6px;
    background:#b8deed;
    border:1px solid #80bfd8;
}
#popup.requestPopup .selectedFriendItem .cross {
    display:inline-block;
    width:10px; height:10px;
    background:url(/app/pet/popup/request/img/chkbox.png) 0 -30px;
    margin-left:4px;
}
#popup.requestPopup .selectedFriendItem:hover .cross {
    background-position:0 -40px;
}
#popup.requestPopup .requestObject {
    width:224px;
    height:115px;
    background:url(/app/pet/popup/request/img/objectbck.jpg);
    position:relative;
    margin:5px 0 10px 5px;
    line-height: 110px;
}
#popup.requestPopup .requestObject .requestIcon { display: inline-block; }
#popup.requestPopup .requestObject .requestObjectImage,
#popup.requestPopup .requestObject .requestIcon,
#popup.requestPopup .requestObject .swf,
#popup.requestPopup .requestObject .swf object {
    vertical-align: middle;
}
#popup.requestPopup .requestObjectBorder {
    width:236px;
    height:127px;
    background:url(/app/pet/popup/request/img/objectborder.png);
    position:absolute;
    left:-5px;
    top:-6px;
    pointer-events: none;
}
#popup.requestPopup .requestDetails {
    width:240px;
    text-align:center;
    position:relative;
}
#popup.requestPopup .requestObjectTitle {
    font-size:14px;
    font-weight:bold;
    text-shadow:0px 1px 1px rgba(0,0,0,.3);
}

#popup.requestPopup .requestObjectCaption {
    font-size:14px;
    font-weight:bold;
    text-shadow:0px 1px 1px rgba(0,0,0,.3);
    margin: 0 0 10px;
}
#popup.requestPopup.friendsGiftRequest  .requestObjectTitle {
    font-weight: normal;
    color: #A0D5FF;
}

#popup.requestPopup .requestObjectScroll {}

#popup.requestPopup .requestObjectScroll .buttonPrev { background: none !important; }
#popup.requestPopup .requestObjectScroll .buttonNext { background: none !important; }

#popup.requestPopup .requestObjectScrollWrap {
    width: 220px;
    height: 115px;
    overflow: hidden;
    position: relative;
}

#popup.requestPopup .requestObjectScrollContainer {
    position: absolute;
    white-space: nowrap;
    letter-spacing: -4px;
    top: 0;
    left: 0;
}

#popup.requestPopup .requestObjectScrollItem {
    display: inline-block;
    width: 220px;
}



#popup.requestPopup .requestsProgressBar {
    position:absolute;
    top:215px;
    left:4px;
}
#popup.requestPopup .petProgressBarWrap {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width:230px;
    height:21px;
    background:#004e6b;
}
#popup.requestPopup .petProgressBar {
    position:relative;
    margin:1px;
}
#popup.requestPopup .petProgressCompleted {
    position:absolute;
    width:40%;
    height:19px;
    background:url(/app/pet/popup/request/img/progressbar.png);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#popup.requestPopup .petProgressText {
    position:absolute;
    width:100%;
    text-align:center;
    text-shadow:0px 1px 1px rgba(0,0,0,.7);
}
#popup.requestPopup .requestsSendButton {
    text-align:center;
}

/* request with prizes */
#popup.requestPopup .returnPrizes {

}

.returnPrizesCaptionTitle {
    font-size: 18px;
    text-align: center;
    margin: 0 0 -5px;
}

.returnPrizesCaptionCounter {
    font-size: 15px;
    text-align: center;
    margin: -5px 0 15px;
}

#popup.requestPopup .returnPrizesProgressbar {
    width: 450px;
    margin: 25px auto 0;
    position: relative;
    height: 70px;
}

#popup.requestPopup .returnPrizesProgresslineWrap {

}

#popup.requestPopup .returnPrizesProgressline {
    background: #004e6b;
    height: 15px;
    padding: 1px;
    position: absolute;
}

#popup.requestPopup .returnPrizesProgressline.line1 { top: 20px; left: 0px; width: 90px; border-radius: 4px 0 0 4px; }
#popup.requestPopup .returnPrizesProgressline.line2 { top: 20px; left: 126px; width: 100px; }
#popup.requestPopup .returnPrizesProgressline.line3 { top: 20px; left: 277px; width: 110px; }

#popup.requestPopup .returnPrizesProgressline .fill {
    background: url(/app/pet/popup/returnPrizes/progressbarBg.png);
    height: 15px;
    width: 100%;
}
#popup.requestPopup .returnPrizesProgressline.line1 .fill { border-radius: 4px 0 0 4px; }

#popup.requestPopup .returnPrizeBox {
    background: url(/app/pet/popup/returnPrizes/prizes.png);
    position: absolute;
}

#popup.requestPopup .returnPrizeBox.box1 {width: 42px; height: 48px; top: 2px; left: 88px; }
#popup.requestPopup .returnPrizeBox.box2 {width: 62px; height: 66px; background-position: -42px 0; top: -10px; left: 221px; }
#popup.requestPopup .returnPrizeBox.box3 {width: 117px; height: 97px; background-position: -104px 0; top: -30px; left: 350px; }

#popup.requestPopup .returnPrizeBox .button {
    padding: 1px 0;
    position: absolute;
    left: 50%;
    width: 74px;
    margin: 0 0 0 -37px;
}
#popup.requestPopup .returnPrizeBox.box1 .button {top: 33px;}
#popup.requestPopup .returnPrizeBox.box2 .button {top: 45px;}
#popup.requestPopup .returnPrizeBox.box3 .button {top: 66px;}
/*friends gifts reqests*/
#popup.friendsGiftRequest .petTabList,
#popup.friendsGiftRequest .requestsProgressBar,
#popup.friendsGiftRequest .requestInfo{display:none}
/*pet scroll*/
.petScrollbar {
    position: absolute;
    width: 22px;
    z-index: 3;
    top: 30px;
    right: 0;
}

.petScrollbar .petScrollbarLine {
    height: 169px;
    background: url(/app/pet/img/scrollbar.png);
    position: relative;
}
.petScrollbar .petScrollTop {
    position: absolute;
    width: 43px;
    height: 22px;
    background: url(/app/pet/img/scrollbar.png) -22px 0;
    top: -25px;
    left: 50%;
    margin: 0 0 0 -21px;
    cursor: pointer;
}

.petScrollbar .petScrollBottom {
    position: absolute;
    width: 43px;
    height: 22px;
    background: url(/app/pet/img/scrollbar.png) -22px -22px;
    bottom: -25px;
    left: 50%;
    margin: 0 0 0 -21px;
    cursor: pointer;
}

.petScrollbar .petScrollPointer {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -14px;
    width: 29px;
    height: 28px;
    background: url(/app/pet/img/scrollbar.png) -22px -44px;
    cursor: pointer;
}
/*
INVITE FRIENDS
*/
#popup.getFriends.emptyFriends .popupContent {
    width: 320px;
    text-align: center;
}

#popup.getFriends .content {
    width: 380px;
}
#popup.getFriends .help {
    font-size: 12px;
    text-align: center;
}

#popup.getFriends .friendsList {
    width: 375px;
    overflow: hidden;
    height: 190px;
    position: relative;
    margin: 0 auto 10px;
}

#popup.getFriends .friendsList .friendsListScroll {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    height: 100%;
}
#popup .friendsList img
{
    display:block;
    width:48px;
    height:48px
}


#popup.getFriends .friendsList .friendsListScroll * {white-space: normal}

#popup.getFriends .friendsList.inlineList {}

#popup.getFriends .friendsList .col {
    height: 100%;
    width: 75px;
    vertical-align: top;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    clear: both;
}

#popup.getFriends .friendsList .friend {
    width: 75px;
    text-align: center;
    cursor: pointer;
    margin: 10px 0 0;
    position: relative;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    clear: both;
}

#popup .friendsList .friend .ava {
    background: #8CCFE9;
    border: #005B7D 3px solid;
    padding: 4px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    clear: both;
}
#popup .friendsList .vipUser .ava {background:#99bebc; border-color:#cc7908}
#popup .friendsList .friend .vipIco
{
    position:absolute;
    left:0;
    top:47px
}

#popup.getFriends .friendsList .friend.selected .ava {
    background: #f8be4d;
}

#popup.getFriends .friendsList .friend .name {
    font-size: 12px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden
}

#popup.getFriends .scrollButtons .scrollBtn {
    position: absolute;
    top: 85px;
    left: -15px;
    cursor: pointer;
}
#popup.getFriends .scrollButtons .scrollBtn.next {
    left: auto;
    right: -15px;
}

#popup.getFriends .buttons {
    position: absolute;
    bottom: -8px;
    left: 0;
    text-align: center;
    width: 100%;
}
/*
HELP ARROW
*/
#helpArrow
{
    background-position:-21px -688px;
    width:40px;
    height:48px;
    position:absolute;
    z-index:889;
    display:none;
    pointer-events: none
}
#helpArrow.up
{
    background-position:-21px -736px;
}

/*from baseOld.css*/
.smallKey{
    background:url(/app/pet/img/keys_sprite.png) 0 0 no-repeat;
    height:36px;
    display:block
}

#smallKey1{
    background-position:0;
    width:39px;
}
#smallKey2{
    background-position:-39px;
    width:41px;
}
#smallKey3{
    background-position:-80px;
    width:41px;
}
#smallKey4,
#smallKey5,
#smallKey6{
    background:url(/app/pet/magicroom/img/keys_vip.png) no-repeat;

}
#smallKey4{
    background-position:0 0;
    width:43px;
    height:21px
}
#smallKey5{
    background-position:-43px 0;
    width:42px;
    height:25px
}
#smallKey6{
    background-position:-85px 0;
    width:43px;
    height:36px
}
#smallKey7,
#smallKey8,
#smallKey9,
#smallKey10,
#smallKey11,
#smallKey12{
    width:43px;
    height:29px;
}
#smallKey7,
#smallKey8,
#smallKey9{background-image:url(/app/pet/img/keys_sprite_cats.png)}

#smallKey10,
#smallKey11,
#smallKey12{background-image:url(/app/pet/img/keys_sprite_dogs.png)}

#smallKey7,#smallKey10{background-position:0 -30px}
#smallKey8,#smallKey11{background-position:-43px -30px}
#smallKey9,#smallKey12{background-position:-86px -30px}

.bonusText{
    display:block;
    text-align:center;
    color:#FFF569;
    font-weight:bold;
    font-style:italic;
    line-height:40px;
    font-size:35px
}
#popup .worker {
    width:143px;
    height:146px;
    margin-bottom:-146px;
    position:relative;
    background:url(/app/pet/img/houses/worker_big.png) 0 0 no-repeat;
    top:-20px;
}

#popup .worker_sm
{
    background:url(/app/pet/img/houses/worker.png?n) 0 0 no-repeat;
    position:absolute;
    right:-20px;
    top:-20px;
    z-index:1;
    width:102px;
    height:104px;
}
.userPicMask
{
    background-position:-177px -56px;
    width:66px;
    height:67px;
    position:absolute;
    top:0;
    left:0
}
.questAwards li, .questNewAchievements li {
    float: left;
    width: 80px;
}
.questAwards li em, .questAwards li img {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}
.questAwards .exp {background-position:-1720px 0}
.questAwards .points
{
    background-position:-350px 0;
    width:50px;
    height:50px;
    margin-top:-10px
}
.questAwards li .title, .questNewAchievements li .title {
    display: block;
    font-size: 17px;
    text-align: center;
}
.newThing, .sale50, .soon, .sale10, .sale25
{
    background:url(/app/pet/img/sale50.png) 0 0 no-repeat;
    width:33px;
    height:33px;
    position:absolute !important;
    top:-10px;
    left:-5px
}
.sale10 {background:url(/app/pet/img/sale10.png) 0 0 no-repeat}
.sale25 {background:url(/app/pet/img/sale25.png) 0 0 no-repeat}
.newThing
{
    background:url(/app/pet/img/new.png) 0 0 no-repeat;
    top:-12px;
    left:-7px;
}
.button .sale10 {
    left: -20px;
}
/*fsbaselite.css*/
/********** discount price icon ********/
.saleIco, .saleNewIco {
    position:absolute;
    background:url('../../app/marketplace/coupons/img/sale_price_icons.png?2') no-repeat 0 0;
    width:35px;
    height:35px;
    left:1px;
    top:1px;
    z-index:2
}

.saleIco.percents_10 {background-position:0 0;}
.saleIco.percents_20 {background-position:-35px 0;}
.saleIco.percents_30 {background-position:-70px 0;}
.saleIco.percents_40 {background-position:-105px 0;}
.saleIco.percents_50 {background-position:-140px 0;}
.saleIco.percents_60 {background-position:-175px 0;}
.saleIco.percents_70 {background-position:-210px 0;}
.saleIco.percents_80 {background-position:-245px 0;}
.saleIco.percents_90 {background-position:-280px 0;}
.saleIco.modifier_x2 {background-position:0 -70px;}
.saleIco.modifier_x3 {background-position:-35px -70px;}
.saleIco.modifier_x5 {background-position:-70px -70px;}
.saleIco.modifier_x7 {background-position:-105px -70px;}
.saleIco.modifier_x10 {background-position:-140px -70px;}
.saleIco.modifier_x15 {background-position:-175px -70px;}
.saleNewIco.percents_10 {background-position:0 -35px;}
.saleNewIco.percents_20 {background-position:-35px -35px;}
.saleNewIco.percents_30 {background-position:-70px -35px;}
.saleNewIco.percents_40 {background-position:-105px -35px;}
.saleNewIco.percents_50 {background-position:-140px -35px;}
.saleNewIco.percents_60 {background-position:-175px -35px;}
.saleNewIco.percents_70 {background-position:-210px -35px;}
.saleNewIco.percents_80 {background-position:-245px -35px;}
.saleNewIco.percents_90 {background-position:-280px -35px;}


#petMoneyPopup .saleIco{top:-15px;left:131px}
#petMoneyPopup .holidaySaleIco{
    right:-15px;
    top:-5px;
    z-index:503
}

#clothesList li .thing .saleIco{display:none}
#clothesList li .thing:hover .saleIco{display:block}

.perksEntry .saleIco.ny.psnt{left:24px;top:-1px;}
.perksEntry:hover .saleIco{display:none}
#petGameMenu li .saleIco.ny{top:-10px;left:0px;}

/*5 months return popup*/
#popup.returnMonth5LevelPopup .popupContent{
    background-image:url(/app/pet/img/popups/5monthsreturn/bg.jpg);
    width:544px;
    height:254px;
    padding:0;
    margin:0;
    border-radius:22px;
    -o-border-radius:22px;
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
}
#popup.returnMonth5LevelPopup .popupBorder{
    border-radius:24px;
    -o-border-radius:24px;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
}
#popup.returnMonth5LevelPopup .content{width:360px;text-align:center;display:inline-block;position:relative}
#popup.returnMonth5LevelPopup .gift-ico{margin-top:60px}
#popup.returnMonth5LevelPopup .gift-desc{
    background-color:rgba(255,255,255,.7);
    width:315px;
    padding:10px 10px 20px;
    margin:5px 0 0 10px;
    font-size:15px;
    line-height:16px;
    color:#002163;
    border-radius:15px;
    -o-border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.25);
}
#popup.returnMonth5LevelPopup .gift-desc.no-gift{
    width:235px;
    margin-top:50px;
    padding:40px 50px;
    font-size:18px;
    line-height:19px;
}
#popup.returnMonth5LevelPopup .buttons{
    clear:none;
    text-align:center;
    position:absolute;
    bottom:-10px;
    left:50%;
    margin-left:-128px;
}
#popup.returnMonth5LevelPopup .button.btnOk,#popup.returnMonth5LevelPopup .button.btnReGift{
    margin:-15px 10px 0 0;
    padding:7px 20px 4px;
    font-size:22px;
    line-height:24px;
    font-weight:bold;
    font-style:italic;
    text-shadow:0 -1px #000;
}
#popup.returnMonth5LevelPopup .button.no-gift{
    margin-top:12px;
}
/*day 2 return popup*/
#popup.return2dayPopup .popupContent{
    background:url(/app/pet/img/popups/2dayreturn/bg.jpg) 0 0 no-repeat;
    width:431px;
    height:255px;
    padding:0;
    margin:0;
    border-radius:22px;
    -o-border-radius:22px;
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
}
#popup.return2dayPopup .gift-ico{margin:35px 0 0 200px}
#popup.return2dayPopup .gift-desc{
    background-color:rgba(255,255,255,.7);
    padding:10px 10px 20px;
    margin:5px 20px 0 20px;
    font-size:15px;
    line-height:16px;
    color:#002163;
    border-radius:15px;
    -o-border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.25);
}
#popup.return2dayPopup .gift-desc.no-gift{
    margin-top:50px;
    padding:40px 50px;
    font-size:18px;
    line-height:19px;
}
#popup.return2dayPopup .buttons{
    clear:none;
    text-align:center;
    position:absolute;
    bottom:-10px;
    left:50%;
    margin-left:-70px;
}

#popup.return2dayPopup .button.noJam{
    margin: -5px 0 0 160px;
}
/*day 2 return popup*/
#popup.return4dayPopup .content{
    position:relative;
    text-align:center;
    height:180px;
    background:url(/app/pet/img/popups/4dayreturn/popup-bg.png) 50% 0 no-repeat;
}
#popup.return4dayPopup .textBlock{
    color:#000;
    position:absolute;
    top:20px;
    left:40px;
    width:145px;
}
#popup.return4dayPopup .petImg{
    position:absolute;
    top:20px;
    left:198px
}
#popup.return4dayPopup .feedPet{margin-top:180px}
/*petsOver karma petsOver*/
.emotionalPet
{
    background-position:0 0;
    background-repeat:no-repeat;
}
.emotionalPet.my {background-position:100% 0}

.emotionMocks.c16 {background-image:url(/app/pet/img/karmatop/pets/16_mocks.png)}
.emotionJoyful.c16 {background-image:url(/app/pet/img/karmatop/pets/16_joyful.png)}
.emotionCrying.c16 {background-image:url(/app/pet/img/karmatop/pets/16_crying.png)}
.emotionSad.c16 {background-image:url(/app/pet/img/karmatop/pets/16_sad.png)}
.emotionEvil.c16 {background-image:url(/app/pet/img/karmatop/pets/16_evil.png)}

.emotionMocks.c18 {background-image:url(/app/pet/img/karmatop/pets/18_mocks.png)}
.emotionJoyful.c18 {background-image:url(/app/pet/img/karmatop/pets/18_joyful.png)}
.emotionCrying.c18 {background-image:url(/app/pet/img/karmatop/pets/18_crying.png)}
.emotionSad.c18 {background-image:url(/app/pet/img/karmatop/pets/18_sad.png)}
.emotionEvil.c18 {background-image:url(/app/pet/img/karmatop/pets/18_evil.png)}

.emotionMocks.c19 {background-image:url(/app/pet/img/karmatop/pets/19_mocks.png)}
.emotionJoyful.c19 {background-image:url(/app/pet/img/karmatop/pets/19_joyful.png)}
.emotionCrying.c19 {background-image:url(/app/pet/img/karmatop/pets/19_crying.png)}
.emotionSad.c19 {background-image:url(/app/pet/img/karmatop/pets/19_sad.png)}
.emotionEvil.c19 {background-image:url(/app/pet/img/karmatop/pets/19_evil.png)}

.emotionMocks.c20 {background-image:url(/app/pet/img/karmatop/pets/20_mocks.png)}
.emotionJoyful.c20 {background-image:url(/app/pet/img/karmatop/pets/20_joyful.png)}
.emotionCrying.c20 {background-image:url(/app/pet/img/karmatop/pets/20_crying.png)}
.emotionSad.c20 {background-image:url(/app/pet/img/karmatop/pets/20_sad.png)}
.emotionEvil.c20 {background-image:url(/app/pet/img/karmatop/pets/20_evil.png)}

.emotionMocks.c23 {background-image:url(/app/pet/img/karmatop/pets/23_mocks.png)}
.emotionJoyful.c23 {background-image:url(/app/pet/img/karmatop/pets/23_joyful.png)}
.emotionCrying.c23 {background-image:url(/app/pet/img/karmatop/pets/23_crying.png)}
.emotionSad.c23 {background-image:url(/app/pet/img/karmatop/pets/23_sad.png)}
.emotionEvil.c23 {background-image:url(/app/pet/img/karmatop/pets/23_evil.png)}

.emotionMocks.c26 {background-image:url(/app/pet/img/karmatop/pets/26_mocks.png)}
.emotionJoyful.c26 {background-image:url(/app/pet/img/karmatop/pets/26_joyful.png)}
.emotionCrying.c26 {background-image:url(/app/pet/img/karmatop/pets/26_crying.png)}
.emotionSad.c26 {background-image:url(/app/pet/img/karmatop/pets/26_sad.png)}
.emotionEvil.c26 {background-image:url(/app/pet/img/karmatop/pets/26_evil.png)}

.petsOver
{
    position:absolute;
    left:5px;
    bottom:-200px;
    width:950px;
    height:170px;
    z-index:101;
}
.petsOver .emotionalPet
{
    width:256px;
    height:170px;
    float:right;
    position:relative
}
.petsOver .emotionalPet.my {float:left}
.petsOver .textWrap
{
    background:rgba(0,0,0,0.2);
    -moz-border-radius:18px;
    -webkit-border-radius:18px;
    border-radius:18px;
    padding:4px;
    position:absolute;
    width:200px;
    top:-10px;
    left:-238px
}
.petsOver .my .textWrap
{
    left:100%;
    top:20px;
    margin-left:30px
}
.petsOver .text
{
    background:#fff;
    border:4px solid #3e9dc1;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    padding:5px 5px 10px 10px;
    font-size:15px;
    line-height:18px;
    font-weight:bold
}
.petsOver .source
{
    background:url(img/quests/questSpeech1.png) -49px 0 no-repeat;
    width:49px;
    height:73px;
    position:absolute;
    left:100%;
    margin-left:-8px;
    top:20%
}
.petsOver .my .source
{
    background-position:0 0;
    left:-41px;
    margin:0
}
.petsOver .petButton
{
    display: block;
    margin:5px auto -25px;
}
.petsOver .userPicMask{
    top: -17px;
    left: -11px
}
#karmaActionPets .userPic
{
    width:70px;
    height:70px;
    float:left;
    left:-4px;
    margin:-20px 0 0 -20px
}
#karmaActionPets .userPic img {background-color:#3e9dc1}

.petsOver .closeBtn {
    background: url("img/popup_new.png") 0 0 no-repeat;
    width: 35px;
    height: 34px;
    position: absolute;
    top: -8px;
    right: -13px;
    cursor: pointer;
}
#threeDaysVisitEmotion {padding-left:160px}

.fs-notification-area {background:#F79055; color: #FFF; float: right; text-decoration: none; line-height: 12px; padding: 5px 3px;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; vertical-align: middle;  position: relative; margin: 2px 0 0 0;
    display: inline-block; *display: inline; *zoom:1}
/*notification*/
.noty.zero {
    display: none;
}

#popup.starsClubMagicroomSale .popupContent
{
    padding:0;
    overflow:hidden
}
#starsClubMagicroomSaleImg
{
    background:url(/app/pet/img/vip/starsclub_sale.jpg) #330057 0 0 no-repeat;
    width:540px;
    height:250px;
    display:block;
    text-align:center
}
#starsClubMagicroomSaleImg .button
{
    margin:208px 0 0 0
}
.starsClubBonusInfo
{
    position:relative;
    background:url(/app/pet/img/stars_club_bg.jpg) #470864 0 0 no-repeat;
    color:#ffe238;
    font:11px Tahoma, Geneva, sans-serif;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
    width:380px;
    min-height:80px;
    padding-right:15px;
    margin:5px 0 15px;
    overflow:hidden;
    -moz-border-radius:10px;
    -wekit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.5)
}
.starsClubBonusInfo .ico
{
    background:none;
    width:100px;
    height:60px;
    float:left;
    margin:0 0 5px
}
.starsClubBonusInfo h3
{
    font-size:19px;
    font-weight:normal;
    padding-top:4px;
    color:#ffe238
}
.starsClubBonusInfo ul
{
    overflow:hidden;
    margin:0 0 5px
}
.starsClubBonusInfo li {margin:0 0 4px}
.starsClubBonusInfo a {color:#ffe238 !important}
.starsClubBonusInfo .info
{
    margin:0 0 5px 100px;
    display:block
}

/*new home promo*/
#petNewHomePromo{
    display:block;
    background:url(/app/pet/img/promo-ico.png) 0 0 no-repeat;
    width:87px;
    height:75px;
}
#petPromoWrapper{
    background:url(promo/img/popup.jpg) 0 0 no-repeat;
    width:540px;
    height:250px;
    border-radius:10px;
    display:block
}
#popup.promoPetHome .popupContent{
    padding:0;
    width:540px;
    height:250px;
    position:relative;
}

/*ticker*/
.petWorldItems{background:url(/app/pet/img/home-new/pet_world_icons.png?v5) 0 0 no-repeat;}
#tickersHomeWrap{
    position:absolute;
    top:60px;
    right:0;
    z-index:500;
    display:inline-block;
    overflow:hidden;
    max-height:228px;
    max-width:210px;
}
.tickerBlock{
    background-color:rgba(255,255,255,.7);
    width:210px;
    /*height:60px;*/
    margin:0 0 7px 210px;
    -o-border-radius:6px 0 0 6px;
    -moz-border-radius:6px 0 0 6px;
    -webkit-border-radius:6px 0 0 6px;
    border-radius:6px 0 0 6px;
    box-shadow: 0 3px rgba(0, 0, 0, 0.3);
    cursor:pointer;
    position:relative;
    padding:5px 0;
}
.tickerBlock:hover{
    background-color:rgba(255,255,255,.85);
}
.tickerBlock .icoSmCross{
    right:15px;
    display:none;
    z-index:501;
    background-position: -12px 0;
}
.tickerBlock:hover .icoSmCross{display: block}
.tickerBlock:hover .icoSmCross:hover{background-position:-12px -12px}
.tickerBlock:hover .icoSmCross:active{margin-top:1px}
.tickerBlock .serviceIco{
    display:block;
    position:absolute;
    top:5px;
    left:5px;
}
.tickerBlock .tickerText{
    margin:auto 0;
    padding-left:65px;
    width:130px;
    height:60px;
    display:table-cell;
    vertical-align:middle;
    font-size:12px;
    line-height:12px;
    color:#4d4d4d;
    text-shadow:0 1px 0 rgba(255,255,255,.34);
}
#tickersHomeWrap .tickerBlock .tickerBtn {
    margin-top: 7px;
}
.tickerRequestBlock {
    position: relative;
    background: #1c5a72;
    background: rgba(3, 72, 99, .9);
    padding: 15px 10px 15px 15px;
    margin-bottom: 10px;
    width: 185px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.tickerRequestClose {
    position: absolute;
    right: 0;
    top: 12px;
    padding: 3px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
}
.tickerRequestClose:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.tickerRequestTitle {
    font-style: italic;
    white-space: nowrap;
}
.tickerRequestTitleIcon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #f1592b;
    width: 27px;
    margin: 0 10px 6px 0;
    padding-right: 3px;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: #fff;
    text-align: center;
}
.tickerRequestTitleIcon:before { content: '!'; }
.tickerRequestTitleIcon:after {
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 7px 0;
    border-color: transparent #f1592b transparent transparent;
}
.tickerRequestTitleText {
    display: inline-block;
    vertical-align: middle;
    max-width: 135px;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    white-space: normal;
}
.tickerRequestUsers {
    margin: 0 -10px 0 -15px;
    padding: 7px 0 7px 15px;
    background: #236d8a;
    background: -moz-linear-gradient(left,  rgba(62,186,233,0) 0%, rgba(62,186,233,0.2) 50%, rgba(62,186,233,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(62,186,233,0)), color-stop(50%,rgba(62,186,233,0.2)), color-stop(100%,rgba(62,186,233,0)));
    background: -webkit-linear-gradient(left,  rgba(62,186,233,0) 0%,rgba(62,186,233,0.2) 50%,rgba(62,186,233,0) 100%);
    background: -o-linear-gradient(left,  rgba(62,186,233,0) 0%,rgba(62,186,233,0.2) 50%,rgba(62,186,233,0) 100%);
    background: -ms-linear-gradient(left,  rgba(62,186,233,0) 0%,rgba(62,186,233,0.2) 50%,rgba(62,186,233,0) 100%);
    background: linear-gradient(to right,  rgba(62,186,233,0) 0%,rgba(62,186,233,0.2) 50%,rgba(62,186,233,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003ebae9', endColorstr='#003ebae9',GradientType=1 );
}
.tickerRequestUser {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border: 1px solid #023447;
    margin-right: 6px;
}
.tickerRequestUsername {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
}
.tickerRequestLink {
    border-top: 1px solid #2da4d1;
    padding-top: 7px;
}
.tickerRequestLink a {
    font-size: 12px;
    font-style: italic;
    color: #fff;
    text-decoration: underline;
}
.tickerRequestLink a:hover {
    text-decoration: none;
}
.tickerRequestServiceIcon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 15px;
}
/* AB test */
.tickerRequestV2Block {
    position: relative;
    background: #fff;
    padding: 20px;
    margin-bottom: 10px;
    width: 170px;
}
.tickerRequestV2Close {
    position: absolute;
    right: 0;
    top: 3px;
    padding: 3px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
}
.tickerRequestV2Close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.tickerRequestV2Title {
    white-space: nowrap;
    margin-bottom: 10px;
}
.tickerRequestV2TitleIcon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #f1592b;
    width: 32px;
    height: 32px;
    margin: 0 10px 0 0;
}
.tickerRequestV2TitleText {
    display: inline-block;
    vertical-align: middle;
    max-width: 135px;
    font-size: 11px;
    line-height: 15px;
    color: #536069;
    white-space: normal;
}
.tickerRequestV2TitleText strong { display: block; font-size: 17px; }
.tickerRequestV2Users {
    margin-bottom: 15px;
}
.tickerRequestV2User {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-right: 1px;
}
.tickerRequestV2Username {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    color: #536069;
}
.tickerRequestV2Button {
    display: block;
    font-size: 13px;
}
/* /AB test */
#tickerOthersWrap{
    max-width:365px;
    max-height:40px;
    position:absolute;
    top:5px;
    left:0;
    z-index:100;
    overflow-y:hidden;
    display:inline-block;
}
#tickerOthersWrap .tickerBlock{
    width:365px;
    height:40px;
    border-radius:6px;
    -o-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    background-color:#3b74a1;
    cursor:pointer;
    margin:0;
    box-shadow:none;
    padding:0;
}
#tickerOthersWrap .tickerBlock .serviceIco{top:-5px;left:0;}
#tickerOthersWrap .tickerBlock .tickerText{
    height:40px;
    width:250px;
    color:#fff;
    font-size:14px;
    line-height:16px;
    text-shadow:none;
}
#tickerOthersWrap .tickerBlock .tickerBtn{
    width:40px;
    height:23px;
    line-height:12px;
    background-color: #2c9edf;
    border-radius:6px;
    -o-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:36px;
    text-shadow:0 -1px 0 #000;
    position:absolute;
    top:6px;
    right:6px;
    padding-top:5px;
}

/*popup ny2014 gift*/
#popupNY2014{
    position:absolute;
    z-index:800;
    width:100%;
}
#popupNY2014 .popupContent{
    background:url(img/popups/ny2014gift/popup-bg.png) 0 0 no-repeat;
    width:389px;
    height:388px;
    margin:0 auto;
    position:relative;
}
#popupNY2014 .ny2014GiftIco{
    position:absolute;
    top:188px;
    left:78px;
    width:100px;
    height:100px;
    text-align:center;
}
#popupNY2014 .ny2014GiftIco > *{margin:0 auto}
#popupNY2014 .giftText{
    overflow:hidden;
    width:110px;
    height:50px;
    padding:5px;
    position:absolute;
    top:245px;
    left:220px;
    text-align:center;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    font-style:italic;
    text-shadow:0 -1px 0 rgba(0,0,0,.35);
}
#popupNY2014 .buttons{
    position:absolute;
    bottom:0;
    width:100%
}

.petNotifyCount {
    background-color: #F1592B;
    border-radius: 0;
    color: #FFFFFF;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    height: 16px;
    line-height: 16px;
    padding: 0;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -5px;
    width: 16px;
    text-shadow: none;
}

#popup.petNews .popupContent
{
	padding:0;
	width:auto
}
#petPopupnewsImg
{
	overflow:hidden;
	border-radius:9px;
	cursor:pointer
}
#petPopupnewsImg img
{
	max-width:540px;
	min-height:250px;
	display:block
}
#petPopupnewsButton
{
	text-align:center;
	margin:-19px 0 -20px
}
/* STARTER-PACK */
#starterpachBannerInMoneyPpopup {
    background: url(img/starterpack/banner.png);
    width: 529px;
    height:  71px;
    margin: 0px auto 15px;
    cursor: pointer;
}

#popup.popupStarterpack {}

#popup.popupStarterpack .popupContent {
    width: 645px;
    height: 335px;
    padding: 0;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
}

#popup.popupStarterpack .buttons {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -10px;
}

#popup.popupStarterpack .button.buy {
    font-size: 23px;
    padding: 5px 10px;
}

#starterpackButton {
    background: url(img/starterpack/ico.png);
    width: 133px;
    height: 67px;
    cursor: pointer;
    margin-left:-70px;
}
#petPopupnewsButton .button {margin:0}

.b_surf-hero-remove-button {
    display: none;
    position: absolute;
    top: -3px;
    right: -3px;
    width: 34px;
    height: 34px;
    background: url(img/popup_new.png);
    cursor: pointer;
    background-position: -68px 0;
}

/*pet season home*/
.petSeasonHome #petpetBottomNavigationPanel{display:none}

#app_fs2pet_base_css{display:none}


#fsSaleBanner{
    display:block;
    width:830px;
    height:90px;
    margin:20px auto 0;
    cursor:pointer
}
#fsSaleBanner.nomargin{margin:0 auto}
#fsSaleBanner.tkMargin{margin: -50px -36px 40px}
#fsSaleBanner.kramaMargin{margin:0 auto 20px}
#fsSaleBanner.promo{background:url(/app/fs2pet/img/spring15-sale-promo-banner.png) 0 0 no-repeat}
#fsSaleBanner.sale{background:url(/app/fs2pet/img/spring15-sale-banner.png) 0 0 no-repeat}

/* PET TOOLTIP */
.pet-tooltip {
    position: absolute;
    z-index: 10000;
    background: #fff;
    border: rgba(0, 0, 0, 0.5) 3px solid;
    padding: 5px;
    background-clip: padding-box;
}

.pet-trigger-wrap {
    position: absolute;
    top: 260px;
    right: 0;

    cursor: pointer;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -ms-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;

}

.pet-trigger-wrap--is-close {
    right: -175px;
}

.pet-trigger-wrap.pet-trigger-wrap--is-close:hover {
    right: -165px;
}

.pet-trigger-attention-signal-wrap {
    position: absolute;
    z-index: 1;

    left: -25px;
    top: 50%;

    width: 23px;
    height: 61px;

    margin-top: -20px;
    padding: 5px 0px 0px 5px;

    overflow: hidden;
    cursor: pointer;
}


.pet-trigger-attention-signal {
    width: 41px;
    height: 41px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #6e08a2;
    -webkit-box-shadow: -2px 3px 5px rgba(0,0,0,.5);
    -moz-box-shadow: -2px 3px 5px rgba(0,0,0,.5);
    box-shadow: -2px 3px 5px rgba(0,0,0,.5);
    border: solid 1px #210837;

    line-height: 41px;
}

.pet-trigger-attention-signal img {
    margin-left: 6px;
}

.pet-trigger-block {
    position: relative;
    z-index: 2;
    width: 172px;
    height: 83px;

    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;

    background-color: rgba(255, 255, 255, 0.8);

    -webkit-box-shadow: -2px 3px 5px rgba(0,0,0,.5);
    -moz-box-shadow: -2px 3px 5px rgba(0,0,0,.5);
    box-shadow: -2px 3px 5px rgba(0,0,0,.5);
    border: solid 1px #210837;
}

.pet-trigger-block__title, .pet-trigger-block__timer, .pet-trigger-block__time-action {
    font-style: italic;
    font-weight: 700;
    text-align: center;
    color: #ffd904;
}

.pet-trigger-block__title {
    width: 100%;
    height: 29px;
    background-color: #6e08a2;

    -webkit-border-radius: 4px 0px 0px 0px;
    -moz-border-radius: 4px 0px 0px 0px;
    border-radius: 4px 0px 0px 0px;

    font-size: 13px;
    line-height: 29px;
}

.pet-trigger-block__timer {
    width: 108px;
    height: 22px;

    background-color: #6e08a2;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    margin: 10px auto 0px;

    font-size: 18px;
    line-height: 22px;
}

.pet-trigger-block__time-action {
    width: 100%;
    margin-top: 4px;

    color: #660099;
    font-size: 11px;

}

.pet-trigger-block-arrow {
    margin: 11px 0px 0px 3px;
}

.pet-trigger-block-attention {
    position: absolute;
    left: -4px;
    top: -4px;
}

.pet-trigger-popup-wrap {

}

.pet-trigger-popup-wrap .popupContent {
    width: 330px !important;
    min-height: 350px !important;
    padding: 0 !important;
    background-image: url(img/triggers/triggers-popup-bg.png) !important;
}

.pet-trigger-popup-wrap .popupClose {
    z-index: 4 !important;
}

.pet-trigger-popup {
    font-style: italic;
    font-weight: 700;
    color: white;
}

.pet-trigger-popup__title {
    position: relative;
    z-index: 2;
    width: 500px;
    height: 115px;

    margin: -70px 0px 0px -90px;

    background-image: url(img/triggers/trigger-popup-tittle.png);
}

.pet-trigger-popup__subtitle {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 70px;

    margin-top: -50px;

    background-color: rgba(0, 0, 0, 0.3);

    font-size: 16px;
    text-align: center;
    line-height: 95px;
}

.pet-trigger-popup__icon-area {
    width: 313px;
    height: 222px;

    margin: -20px auto 0px;

    background-image: url(img/triggers/trigger-icon-area.png);

    text-align: center;
    line-height: 222px;
}

.pet-trigger-popup__description {
    font-size: 14px;
    text-align: center;

    margin-top: -10px;
}

.pet-trigger-icons {display: inline-block;background: url('img/triggers/trigger-icons.png') no-repeat top left; width: 14px; height: 20px;  }
.pet-trigger-icons.trigger-arrows-left { background-position: 0 0; }
.pet-trigger-icons.trigger-arrows-right { background-position: -24px 0; }
.pet-trigger-icons.trigger-attention-signal-v2 { background-position: -48px 0; width: 30px; height: 31px; }
.secret-room-flash {
    position: absolute;
    z-index: 1;
}.pet-trigger-icons.trigger-attention-signal-v2 { background-position: -48px 0; width: 30px; height: 31px; }

.pet-test-json pre {
    background-color: ghostwhite;
    border: 1px solid silver;
    padding: 10px 20px;
    margin: 20px;
}
.pet-test-json .json-key {
    color: brown;
}
.pet-test-json .json-value {
    color: navy;
}
.pet-test-json .json-string {
    color: olive;
}

.pet-test-json__item {
     margin-bottom: 10px;
     cursor: pointer;
 }

.pet-test-json__item-header {
    margin-bottom: 10px;
    padding: 5px;
    background-color: #2EBB98;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.pet-test-json__item-body {
    display: none;
    cursor: default;
}

.pet-test-json__item-favorite {
    margin-left: 20px;
    margin-top: 10px;
    cursor: pointer;
    text-decoration: underline;
}

.pet-test-json-link {
    position: absolute;
    right: 10px;
    top: 10px;

    font-size: 14px;
    color: white;

    cursor: pointer;
    text-decoration: underline;
}

.pet-test-json__tabs {
    margin-bottom: 10px;
}

.pet-test-json__tabs-item {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 2px;
    color: black;
    font-weight: 700;
    cursor: pointer;
}

.pet-test-json__tabs-item.activeTab {
    background-color: #2EBB98;
    color: white;
}

.pet-test-json__tabs-item:hover {
    background-color: #2EBB98;
    color: white;
}

body.fs-pet .header-hauling-banner {
    margin-top: 16px;
}