.feedback {
    z-index: 24;
    top: 50px
}

.explore #footer {
    z-index: 999
}

#preloader {
    position: absolute;
    z-index: 99999;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px
}

.basic #experience {
    opacity: 1
}

#experience {
    opacity: 0
}

#loader-box {
    width: 100%;
    left: 0;
    position: absolute;
    opacity: 1;
    top: 0;
    height: 510px;
    margin: 0;
    background: #000;
    z-index: 12
}

.basic #loader-box {
    display: none
}

.loaderIcon {
    float: left;
    height: 65px;
    width: 65px;
    position: absolute;
    left: 50%;
    margin-left: -33px;
    top: 200px;
    opacity: 1;
    -webkit-animation: spin1 1s infinite linear;
    -moz-animation: spin1 1s infinite linear;
    -o-animation: spin1 1s infinite linear;
    -ms-animation: spin1 1s infinite linear;
    animation: spin1 1s infinite linear;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 65px;
    height: 65px
}

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

@-moz-keyframes spin1 {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes spin1 {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(360deg)
    }
}

@-ms-keyframes spin1 {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(360deg)
    }
}

@-keyframes spin1 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateLogo {
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@-moz-keyframes rotateLogo {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotateLogo {
    100% {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes rotateLogo {
    100% {
        -o-transform: rotate(360deg)
    }
}

@keyframes rotateLogo {
    100% {
        transform: rotate(-360deg)
    }
}

body {
    margin: 0 auto;
    padding: 0 30px;
    padding: 0;
    background: #000 no-repeat 50% 0
}

a {
    text-decoration: none
}

#section {
    width: 100%;
    max-width: 1278px;
    min-width: 960px;
    margin: 0 auto 0;
    position: relative;
    z-index: 10;
    height: 1px
}

#content {
    float: left;
    margin: 0;
    width: 100%;
    height: 1px;
    z-index: -1;
    position: relative
}

#moment {
    min-width: 960px;
    max-width: 1280px;
    margin: 0 auto -30px;
    position: relative;
    min-height: 83em;
    z-index: 999
}

.B1C8M2 #moment {
    min-height: 856px
}

.B1C7M2 #moment {
    min-height: 778px
}

#moment {
    background-position: 50% 0
}

.flash #moment.fromMoment {
    background: #000
}

#flash {
    height: 500px;
    margin: -15px auto 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    display: none
}

.flash #flash {
    display: block
}

.moment .cta span.label,
.moment .cta input {
    background-color: #3B5A7A;
    border-color: #324150
}

.moment .cta.icon {
    background: transparent
}

#signs {
    float: left;
    width: 136px;
    display: inline;
    margin: 0 -36px 0 0;
    z-index: 99;
    clear: both
}

#friends {
    float: right;
    width: 87px;
    display: inline;
    margin: 0;
    right: 10px
}

.aside {
    width: 83px;
    padding: 7px 0 0 0
}

.aside li,
.aside li a {
    margin: 0;
    padding: 0;
    width: 100px;
    outline: 0
}

.aside li {
    width: auto
}

.aside .menu a,
.aside .menu span.jkr {
    color: #fff;
    display: block;
    width: auto;
    padding: 3px 20px 1px;
    font-family: Georgia;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap
}

.aside .menu span.jkr,
.aside .menu a.jkr {
    padding-right: 40px;
    padding-left: 40px;
    background: transparent url("images/jkr-item.png") no-repeat 100% 1px
}

.aside .menu span.jkr.locked {
    color: #666
}

.aside .menu span.locked {
    background-image: url("images/jkr-item-locked.png")
}

.aside .characters .menu a.unlocked {
    background-color: #543229
}

.aside .objects .menu a.unlocked {
    background-color: #562A29
}

.aside .spells .menu a.unlocked {
    background-color: #797979
}

.aside .places .menu a.unlocked {
    background-color: #4B4747
}

.aside .books .menu a.unlocked {
    background-color: #22120E
}

.aside .creatures .menu a.unlocked {
    background-color: #6B604B
}

.aside .potions .menu a.unlocked {
    background-color: #2F443F
}

.menu .wrap .reveal {
    line-height: 20px;
    float: none;
    clear: both;
    text-align: center;
    display: none
}

.menu .wrap .reveal span {
    width: 20px;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    background: transparent url(../e.actions/arrows.png) no-repeat 0 0;
    text-indent: -9999em;
    display: block;
    cursor: pointer
}

.menu .wrap .reveal span.disabled {
    cursor: default;
    opacity: .3
}

*:first-child+html .menu .wrap .reveal span {
    margin: 0
}

.menu .wrap .reveal.next span {
    background-position: -40px 0
}

.aside .menu a:hover,
.aside .menu a:focus,
.aside .menu a:active {
    color: #EAD940
}

.aside .menu .here a {
    font-weight: bold
}

.aside li {
    overflow: visible;
    list-style: none;
    float: left
}

.aside li .menu {
    display: block;
    top: -9999em
}

*:first-child+html .aside li .menu .inner {
    position: relative
}

.aside li:hover .menu,
.aside li .menu.focused {
    top: auto;
    display: block
}

.jshide .aside li {
    display: none;
    margin: 0;
    padding: 0
}

.explore .aside li {
    margin: 0;
    padding: 0
}

.jshide .aside .menu li {
    margin: 0!important;
    padding: 0!important
}

.aside li.place {
    z-index: 15
}

.aside li.places {
    z-index: 14
}

.aside li.potions {
    z-index: 13
}

.aside li.spells {
    z-index: 12
}

.aside li.objects {
    z-index: 11
}

.aside li.books {
    z-index: 10
}

.aside li.characters {
    z-index: 9
}

.aside li.creatures {
    z-index: 8
}

.aside li.events {
    z-index: 7
}

.aside li.games {
    z-index: 6
}

.aside li.magic {
    z-index: 5
}

.aside li ul {
    padding: 0;
    width: auto;
    position: relative;
    margin: 0
}

.menu .wrap {
    margin: 0;
    padding: 0 0 15px;
    position: relative;
    float: left
}

.menu .wrap h2 {
    text-align: center;
    color: #fff;
    margin: 7px 0;
    padding: 0 20px 0 20px;
    font-family: Georgia;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 5px;
    -webkit-text-shadow: 0 0 1px #000;
    text-shadow: 0 0 1px #000;
    font-size: 14px;
    white-space: nowrap
}

.menu .wrap .breaker {
    line-height: 4px;
    text-indent: -9999em;
    float: none;
    position: relative;
    clear: both;
    text-align: center;
    background: transparent url(images/sign-divide.png) no-repeat 50% 0
}

#friends li ul {
    margin-left: 0;
    margin-right: 0
}

.jshide .aside li ul li,
.aside li ul li {
    color: #ccc;
    display: block;
    font-family: Arial;
    font-size: 11px;
    list-style: none outside none;
    text-align: center;
    margin: 0;
    padding: 0;
    width: auto
}

.jshide .aside li ul li,
.js .aside li ul li {
    width: 100%;
    float: none
}

#friends li ul li {
    margin-right: 0;
    margin-left: 5px
}

.aside li .menu {
    display: block;
    overflow: hidden;
    padding: 5px;
    width: auto;
    z-index: 0;
    position: absolute;
    margin: 0;
    left: 100px;
    background: #838383;
    max-width: 700px
}

body:nth-of-type(1) .aside li .menu {
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

body:nth-of-type(1) .aside li .menu .wrap {
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.aside li.potions .menu {
    margin-top: 13px;
    background: #243530 url(images/gradients/potions-linear.jpg) repeat-x 0 100%
}

.aside li.potions .menu .wrap {
    background: #16211E url(images/gradients/potions-radial.jpg) no-repeat 50% 50%
}

.aside li.potions .menu h2 {
    color: #BAD1CC
}

.aside li.spells .menu {
    margin-top: 13px;
    background: #838383 url(images/gradients/spells-linear.jpg) repeat-x 0 100%
}

.aside li.spells .menu .wrap {
    background: #333 url(images/gradients/spells-radial.jpg) no-repeat 50% 50%
}

.aside li.spells .menu h2 {
    color: #CB9A3A
}

.aside li.creatures .menu {
    margin-top: 14px;
    background: #5B5340 url(images/gradients/creatures-linear.jpg) repeat-x 0 100%
}

.aside li.creatures .menu .wrap {
    background: #4A4535 url(images/gradients/creatures-radial.jpg) no-repeat 50% 50%
}

.aside li.creatures .menu h2 {
    color: #DAB152
}

.aside li.characters .menu {
    margin-top: 27px;
    background: #563127 url(images/gradients/characters-linear.jpg) repeat-x 0 100%
}

.aside li.characters .menu .wrap {
    background: #180000 url(images/gradients/characters-radial.jpg) no-repeat 50% 50%
}

.aside li.characters .menu h2 {
    color: #E6C6A8
}

.aside li.books .menu {
    margin-top: 14px;
    background: #1C1112 url(images/gradients/books-linear.jpg) repeat-x 0 100%
}

.aside li.books .menu .wrap {
    background: #40261E url(images/gradients/books-radial.jpg) no-repeat 50% 50%
}

.aside li.books .menu h2 {
    color: #DCB738
}

.aside li.places .menu {
    margin-top: 12px;
    background: #4B4845 url(images/gradients/places-linear.jpg) repeat-x 0 100%
}

.aside li.places .menu .wrap {
    background: #1B1A18 url(images/gradients/places-radial.jpg) no-repeat 50% 50%
}

.aside li.places .menu h2 {
    color: #CB9A3A
}

.aside li.objects .menu {
    margin-top: 13px;
    background: #4F2928 url(images/gradients/objects-linear.jpg) repeat-x 0 100%
}

.aside li.objects .menu .wrap {
    background: #281413 url(images/gradients/objects-radial.jpg) no-repeat 50% 50%
}

.aside li.objects .menu h2 {
    color: #CF902B
}

.aside li .menu.discovered {
    top: auto
}

.aside li .icon {
    float: left;
    display: inline;
    height: 127px;
    margin-left: 27px;
    margin-top: -20px;
    position: relative;
    font-family: Georgia;
    color: #fff;
    -webkit-text-shadow: 0 -1px 1px #000;
    text-shadow: 0 -1px 1px #000;
    text-align: center;
    font-size: 90%;
    color: #888;
    text-transform: uppercase;
    background: transparent url(images/signage.png) no-repeat 0 0
}

.aside li .icon span {
    display: block;
    text-indent: -9999em;
    overflow: hidden
}

.aside li .icon span.jkrcontent {
    width: 28px;
    height: 28px;
    position: absolute;
    right: -3px;
    top: 0;
    background: transparent url("images/jkr-feather.png") no-repeat 0 0
}

.aside li.places .icon span.jkrcontent {
    right: 4px;
    top: -3px
}

.aside li.characters .icon span.jkrcontent {
    right: 0;
    top: 9px
}

.aside li ul li a {
    height: auto;
    background: 0
}

.aside .events .icon {
    background-position: -106px -144px;
    color: #ccc;
    font-size: 110%;
    height: 89px;
    letter-spacing: 2px;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 19px;
    -webkit-text-shadow: 0 0 5px #000;
    text-shadow: 0 0 5px #000;
    width: 85px;
    z-index: 1
}

.aside .events {
    margin-bottom: -9px
}

.aside .places {
    margin-bottom: 0
}

.aside .potions .icon {
    background-position: -323px -148px;
    height: 84px;
    margin-top: 6px;
    margin-left: 9px;
    z-index: 1;
    padding: 20px 0 0;
    width: 84px;
    letter-spacing: 1px
}

.aside .objects {
    margin-bottom: -8px
}

.aside .books .icon {
    background-position: -439px -168px;
    color: #999;
    font-size: 135%;
    height: 88px;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-left: 8px;
    padding-top: 22px;
    width: 88px;
    z-index: 1
}

.aside .spells {
    margin-bottom: -6px
}

.aside .objects .icon {
    background-position: -270px -14px;
    color: #bbb;
    font-size: 111%;
    height: 66px;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-left: 9px;
    padding-top: 22px;
    -webkit-text-shadow: 0 0 3px #111;
    text-shadow: 0 0 3px #111;
    width: 87px;
    z-index: 1
}

.aside .potions {
    margin-bottom: -6px
}

.aside .spells .icon {
    background-position: -557px -30px;
    font-size: 130%;
    height: 72px;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-left: 8px;
    padding-top: 21px;
    width: 86px;
    z-index: 1
}

.aside .people .icon {
    z-index: 94;
    background-position: 0 -714px;
    height: 106px
}

.aside .beings .icon {
    height: 102px;
    z-index: 93;
    background-position: 0 -821px
}

.aside .creatures {
    margin-bottom: -7px
}

.aside .creatures .icon {
    background-position: -558px -138px;
    color: #222;
    font-size: 80%;
    font-weight: bold;
    height: 70px;
    margin-bottom: 0;
    margin-top: 7px;
    margin-left: 9px;
    padding-top: 15px;
    -webkit-text-shadow: 0 0 0 #aaa;
    text-shadow: 0 0 0 #aaa;
    width: 83px;
    z-index: 1
}

.aside .games .icon {
    background-position: -210px -146px;
    color: #ccc;
    font-size: 135%;
    height: 25px;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 83px;
    width: 86px;
    z-index: 1;
    -webkit-text-shadow: 0 0 2px #000;
    text-shadow: 0 0 2px #000
}

.aside .magic .icon {
    background-position: -410px -15px;
    color: #111;
    font-size: 65%;
    height: 28px;
    margin-bottom: 0;
    margin-left: 21px;
    margin-top: 0;
    padding-top: 70px;
    text-indent: -5px;
    -webkit-text-shadow: 0 0 3px #ddd;
    text-shadow: 0 0 3px #ddd;
    width: 100px;
    z-index: 1
}

.aside .characters {
    margin-top: -2px;
    margin-bottom: -8px
}

.aside .characters .icon {
    background-position: -158px -1px;
    color: #757168;
    font-size: 79%;
    font-weight: bold;
    height: 55px;
    letter-spacing: 0;
    margin-left: 19px;
    margin-top: 6px;
    margin-left: 1px;
    padding-top: 54px;
    -webkit-text-shadow: none;
    text-shadow: none;
    width: 96px;
    z-index: 1
}

.aside .characters .icon span {
    display: block;
    -ms-transform: rotate(308deg);
    -o-transform: rotate(308deg);
    transform: rotate(308deg);
    -moz-transform: rotate(308deg);
    -webkit-transform: rotate(308deg)
}

.aside .characters .icon span.jkrcontent {
    display: block;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none
}

.aside .places .icon {
    background-position: 12px -144px;
    color: #ccc;
    font-size: 130%;
    height: 69px;
    letter-spacing: 1px;
    margin-left: 15px;
    margin-top: 0;
    padding-top: 19px;
    -webkit-text-shadow: 0 0 2px #000;
    text-shadow: 0 0 2px #000;
    width: 108px;
    z-index: 1
}

.aside .place .icon {
    background: transparent;
    color: #D2CCC8;
    font-family: "Times New Roman";
    font-size: 12px;
    line-height: 13px;
    height: auto;
    margin-left: 0;
    margin-top: 0;
    padding: 0 10px 12px;
    text-align: center;
    text-indent: 0;
    width: 112px;
    z-index: 105;
    text-transform: none;
    font-size: 100%;
    -webkit-text-shadow: 0 -1px 1px #000;
    text-shadow: 0 -1px 1px #000
}

.aside li .chain {
    background: url("images/signage.png") no-repeat scroll -377px -37px transparent;
    display: block;
    float: left;
    height: 20px;
    left: 36px;
    margin: -10px 0 -4px;
    position: relative;
    width: 9px;
    z-index: 0
}

.aside li.first .chain {
    background-position: -377px -46px;
    height: 20px;
    margin-top: -11px
}

.aside li .chain.beta {
    left: 83px
}

.aside .characters .chain {
    left: 50px
}

.aside .characters .chain.beta {
    left: 71px
}

.glow {
    position: absolute;
    top: -29px;
    left: -17px;
    width: 167px;
    height: 169px;
    opacity: 0;
    background: transparent url(images/glow.png) no-repeat 0 0
}

.aside .place h2 {
    background: transparent;
    color: #eee;
    font-family: Georgia;
    font-size: 90%;
    font-weight: bold;
    margin: 0;
    padding: 51px 0 17px;
    text-align: center;
    text-indent: -2px;
    -webkit-text-shadow: 0 0 1px #000;
    text-shadow: 0 0 1px #000;
    text-transform: uppercase;
    width: 136px;
    position: relative;
    z-index: 104
}

#friends .icon {
    background: transparent;
    color: #D2CCC8;
    font-family: "Times New Roman";
    font-size: 100%;
    height: auto;
    line-height: 13px;
    margin-left: 0;
    margin-top: 0;
    padding: 0 10px 12px;
    text-align: center;
    text-indent: 0;
    -webkit-text-shadow: 0 0 2px #000;
    text-shadow: 0 0 2px #000;
    text-transform: none;
    width: 112px;
    z-index: 105
}

#friends .more .icon {
    text-indent: -9999em;
    background-position: 0 -93px;
    padding: 0;
    margin: 0;
    width: 120px;
    height: 34px
}

.aside li a:hover {
    text-decoration: none
}

.jshide #chapter {
    display: none
}

#chapter ul,
#chapter ul li {
    list-style: none;
    color: #999
}

#chapter a,
#chapter .first span,
#chapter .last span {
    float: left;
    line-height: 20px;
    font-size: 14px
}

#chapter a {
    color: #fff
}

#chapter .last {
    float: right
}

#chapter .first a,
#chapter .first span {
    padding: 5px 0 5px 35px;
    background: url(images/arrow-prev.png) no-repeat 0 0
}

#chapter .last a,
#chapter .last span {
    float: right;
    padding: 5px 35px 5px 0;
    background: url(images/arrow-next.png) no-repeat 100% 50%
}

#chapter {
    height: auto;
    width: 100%;
    z-index: 10;
    margin: 0 auto;
    min-width: 960px;
    position: absolute;
    bottom: 50px;
    left: 0
}

#chapter .sub {
    float: none;
    margin: 0 auto;
    width: 681px
}

#chapter ul {
    width: 681px;
    height: auto;
    margin: 0 auto;
    padding: 5px;
    display: block;
    position: relative;
    clear: both;
    float: left;
    border: 1px solid #111;
    border-bottom: 1px solid #222;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: transparent url(images/navibar-gradient.png);
    background: -webkit-gradient(linear, right bottom, left top, color-stop(0.2, #000), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.8, #000));
    background: -moz-linear-gradient(right bottom, #000 20%, rgba(0, 0, 0, 0) 50%, #000 80%)
}

#chapter ul li {
    float: left;
    display: inline;
    font-family: Georgia;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 11px;
    letter-spacing: -1px;
    background: transparent;
    padding: 0;
    width: 227px;
    padding-top: 5px
}

#chapter ul li.first,
#chapter ul li.last {
    padding-top: 0
}

#chapter #heading span {
    padding: 5px 0;
    display: inline;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    text-align: center
}

#chapter #heading {
    cursor: pointer
}

#chapter #heading:hover #prologue {
    display: block
}

#prologue {
    display: none;
    position: absolute;
    width: 450px;
    left: 115.5px;
    bottom: 100px;
    text-align: center;
    cursor: default
}

#prologue blockquote {
    width: 370px;
    line-height: 22px;
    padding: 35px 40px 0;
    min-height: 91px;
    margin: 0 auto;
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-family: Georgia;
    font-style: italic;
    background: transparent url(images/quote.png) no-repeat 50% 0
}

#items {
    position: relative;
    margin: 0 auto;
    margin-top: 5px;
    width: 960px;
    z-index: 6
}

#items li {
    list-style: none;
    padding: 0;
    margin: 0
}

#items li a {
    position: absolute;
    display: block;
    height: 60px;
    width: 60px;
    text-indent: -999em;
    padding: 0;
    margin: 0
}

.flash #items li a {
    display: none
}

.B1C1M1 #items #number-four-privet-drive a {
    top: -14px;
    left: -48px;
    height: 262px;
    width: 535px
}

.B1C1M2 #items #measurements a {
    top: 9px;
    left: 765px;
    height: 504px;
    width: 148px
}

.B1C2M1 #items #vernon-petunia-dursley a {
    top: 350px;
    left: 413px;
    height: 42px;
    width: 19px
}

.B1C2M1 #items #harrys-alarm-clock a {
    top: 336px;
    left: 507px;
    height: 29px;
    width: 25px
}

.B1C2M1 #obj dt.harrys-alarm-clock em {
    background-image: url("popups/harrys-alarm-clock.png")
}

.B1C2M2 #items #int-plaque a {
    top: 187px;
    left: 553px;
    height: 59px;
    width: 34px
}

.B1C3M1 #items #hammer-and-nails a {
    top: 172px;
    left: 454px;
    height: 44px;
    width: 39px
}

.B1C3M1 #obj dt.hammer-and-nails em {
    background-image: url("popups/hammer-and-nails.png")
}

.B1C3M1 #items #salt-and-pepper-pots a {
    top: 259px;
    left: 503px;
    height: 28px;
    width: 28px
}

.B1C3M1 #obj dt.salt-and-pepper-pots em {
    background-image: url("popups/salt-and-pepper-pots.png")
}

.B1C3M1 #items #postcard-from-london a {
    top: 190px;
    left: 286px;
    height: 28px;
    width: 38px
}

.B1C3M1 #obj dt.postcard-from-london em {
    background-image: url("popups/postcard-from-london.png")
}

.B1C3M2 #items #slimy-seaweed a {
    top: 244px;
    left: 405px;
    height: 31px;
    width: 87px
}

.B1C3M2 #obj dt.slimy-seaweed em {
    background-image: url("popups/slimy-seaweed.png")
}

.B1C3M2 #items #sea-shell a {
    top: 367px;
    left: 676px;
    height: 43px;
    width: 139px
}

.B1C3M2 #obj dt.sea-shell em {
    background-image: url("popups/sea-shell.png")
}

.B1C4M1 #items #candle a {
    top: 213px;
    left: 767px;
    height: 41px;
    width: 10px
}

.B1C4M1 #obj dt.candle em {
    background-image: url("popups/candle.png")
}

.B1C4M1 #items #ghost-plots a {
    top: 375px;
    left: 520px;
    height: 18px;
    width: 41px
}

.B1C4M2 #items #int-harrys-letter-from-hogwarts a {
    top: 295px;
    left: 277px;
    height: 90px;
    width: 149px
}

.B1C4M2 #items #old-cup a {
    top: 325px;
    left: 696px;
    height: 29px;
    width: 37px
}

.B1C4M2 #obj dt.old-cup em {
    background-image: url("popups/old-cup.png")
}

.B1C5M1 #items #shopping-list a {
    top: 405px;
    left: 465px;
    height: 16px;
    width: 22px
}

.B1C5M1 #obj dt.shopping-list em {
    background-image: url("popups/shopping-list.png")
}

.B1C5M1 #items #clothing a {
    top: 138px;
    left: 373px;
    height: 292px;
    width: 42px
}

.B1C6M1 #items #prefect-badge a {
    top: 401px;
    left: 574px;
    height: 26px;
    width: 28px
}

.B1C6M1 #obj dt.prefect-badge em {
    background-image: url("popups/prefect-badge.png")
}

.B1C6M1 #items #toads a {
    top: 365px;
    left: 431px;
    height: 16px;
    width: 29px
}

.B1C6M1 #items #the-hogwarts-express a {
    top: 114px;
    left: 106px;
    height: 120px;
    width: 91px
}

.B1C6M1 #items #platform-nine-and-three-quarters a {
    top: 219px;
    left: 209px;
    height: 58px;
    width: 99px
}

.B1C6M2 #items #albus-dumbledore-card a {
    top: 461px;
    left: 483px;
    height: 14px;
    width: 21px
}

.B1C6M2 #obj dt.albus-dumbledore-card em {
    background-image: url("popups/albus-dumbledore-card.png")
}

.B1C6M2 #items #bertie-botts-every-flavour-beans a {
    top: 331px;
    left: 396px;
    height: 33px;
    width: 45px
}

.B1C6M2 #obj dt.bertie-botts-every-flavour-beans em {
    background-image: url("popups/bertie-botts-every-flavour-beans.png")
}

.B1C6M2 #items #morgana-card a {
    top: 348px;
    left: 631px;
    height: 12px;
    width: 19px
}

.B1C6M2 #obj dt.morgana-card em {
    background-image: url("popups/morgana-card.png")
}

.B1C7M1 #items #galleons a {
    top: 449px;
    left: 382px;
    height: 8px;
    width: 9px
}

.B1C7M1 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B1C7M1 #items #professor-mcgonagall a {
    top: 339px;
    left: 764px;
    height: 113px;
    width: 58px
}

.B1C8M1 #items #circe-card a {
    top: 388px;
    left: 493px;
    height: 15px;
    width: 18px
}

.B1C8M1 #obj dt.circe-card em {
    background-image: url("popups/circe-card.png")
}

.B1C8M1 #items #galleons a {
    top: 374px;
    left: 579px;
    height: 12px;
    width: 13px
}

.B1C8M1 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B1C8M1 #items #hogwarts-a-history a {
    top: 143px;
    left: 338px;
    height: 23px;
    width: 22px
}

.B1C8M1 #obj dt.hogwarts-a-history em {
    background-image: url("popups/hogwarts-a-history.png")
}

.B1C8M3 #items #paracelsus-card a {
    top: 423px;
    left: 501px;
    height: 19px;
    width: 13px
}

.B1C8M3 #obj dt.paracelsus-card em {
    background-image: url("popups/paracelsus-card.png")
}

.B1C8M3 #items #wolfsbane a {
    top: 428px;
    left: 376px;
    height: 70px;
    width: 49px
}

.B1C8M3 #obj dt.wolfsbane em {
    background-image: url("popups/wolfsbane.png")
}

.B1C8M3 #items #dried-nettles a {
    top: 246px;
    left: 380px;
    height: 99px;
    width: 34px
}

.B1C8M3 #obj dt.dried-nettles em {
    background-image: url("popups/dried-nettles.png")
}

.B1C8M3 #items #dried-billywig-stings a {
    top: 300px;
    left: 673px;
    height: 26px;
    width: 26px
}

.B1C8M3 #obj dt.dried-billywig-stings em {
    background-image: url("popups/dried-billywig-stings.png")
}

.B1C8M3 #items #rock-cake a {
    top: 311px;
    left: 621px;
    height: 13px;
    width: 26px
}

.B1C8M3 #obj dt.rock-cake em {
    background-image: url("popups/rock-cake.png")
}

.B1C8M3 #items #int-daily-prophet-clipping a {
    top: 330px;
    left: 618px;
    height: 10px;
    width: 21px
}

.B1C9M1 #items #remembrall a {
    top: 190px;
    left: 372px;
    height: 14px;
    width: 14px
}

.B1C9M1 #obj dt.remembrall em {
    background-image: url("popups/remembrall.png")
}

.B1C9M1 #items #quidditch-through-the-ages a {
    top: 409px;
    left: 224px;
    height: 54px;
    width: 58px
}

.B1C9M1 #obj dt.quidditch-through-the-ages em {
    background-image: url("popups/quidditch-through-the-ages.png")
}

.B1C9M2 #items #salazar-slytherin-card a {
    top: 163px;
    left: 312px;
    height: 38px;
    width: 37px
}

.B1C9M2 #obj dt.salazar-slytherin-card em {
    background-image: url("popups/salazar-slytherin-card.png")
}

.B1C9M2 #items #eels-eyes a {
    top: 416px;
    left: 683px;
    height: 18px;
    width: 57px
}

.B1C9M2 #obj dt.eels-eyes em {
    background-image: url("popups/eels-eyes.png")
}

.B1C9M2 #items #galleons a {
    top: 247px;
    left: 537px;
    height: 12px;
    width: 13px
}

.B1C9M2 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B1C9M2 #items #familiars a {
    top: 429px;
    left: 403px;
    height: 56px;
    width: 96px
}

.B1C10M1 #items #galleons a {
    top: 287px;
    left: 545px;
    height: 11px;
    width: 12px
}

.B1C10M1 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B1C10M1 #items #int-note-from-professor-mcgonagall a {
    top: 221px;
    left: 456px;
    height: 13px;
    width: 38px
}

.B1C10M2 #items #galleons a {
    top: 355px;
    left: 644px;
    height: 7px;
    width: 11px
}

.B1C10M2 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B1C10M2 #items #hogwarts-school-subjects a {
    top: 173px;
    left: 552px;
    height: 96px;
    width: 99px
}

.B1C10M3 #items #bat-spleens a {
    top: 439px;
    left: 391px;
    height: 57px;
    width: 91px
}

.B1C10M3 #obj dt.bat-spleens em {
    background-image: url("popups/bat-spleens.png")
}

.B1C10M3 #items #hengist-of-woodcroft-card a {
    top: 166px;
    left: 509px;
    height: 49px;
    width: 39px
}

.B1C10M3 #obj dt.hengist-of-woodcroft-card em {
    background-image: url("popups/hengist-of-woodcroft-card.png")
}

.B1C10M3 #items #horned-slugs a {
    top: 226px;
    left: 333px;
    height: 90px;
    width: 28px
}

.B1C10M3 #obj dt.horned-slugs em {
    background-image: url("popups/horned-slugs.png")
}

.B1C11M1 #items #galleons a {
    top: 264px;
    left: 248px;
    height: 11px;
    width: 16px
}

.B1C11M1 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B1C11M1 #items #the-original-forty a {
    top: 319px;
    left: 509px;
    height: 33px;
    width: 75px
}

.B1C11M2 #items #golden-snitch a {
    top: 298px;
    left: 386px;
    height: 32px;
    width: 59px
}

.B1C11M2 #obj dt.golden-snitch em {
    background-image: url("popups/golden-snitch.png")
}

.B1C12M1 #items #a-study-of-recent-developments-in-wizardry a {
    top: 270px;
    left: 265px;
    height: 46px;
    width: 26px
}

.B1C12M1 #obj dt.a-study-of-recent-developments-in-wizardry em {
    background-image: url("popups/a-study-of-recent-developments-in-wizardry.png")
}

.B1C12M1 #items #great-wizards-of-the-twentieth-century a {
    top: 292px;
    left: 464px;
    height: 41px;
    width: 23px
}

.B1C12M1 #obj dt.great-wizards-of-the-twentieth-century em {
    background-image: url("popups/great-wizards-of-the-twentieth-century.png")
}

.B1C12M1 #items #important-modern-magical-discoveries a {
    top: 383px;
    left: 236px;
    height: 43px;
    width: 31px
}

.B1C12M1 #obj dt.important-modern-magical-discoveries em {
    background-image: url("popups/important-modern-magical-discoveries.png")
}

.B1C12M1 #items #notable-magical-names-of-our-time a {
    top: 357px;
    left: 448px;
    height: 50px;
    width: 36px
}

.B1C12M1 #obj dt.notable-magical-names-of-our-time em {
    background-image: url("popups/notable-magical-names-of-our-time.png")
}

.B1C12M1 #items #curses-and-counter-curses a {
    top: 126px;
    left: 737px;
    height: 16px;
    width: 5px
}

.B1C12M1 #items #merlin-card a {
    top: 341px;
    left: 575px;
    height: 27px;
    width: 19px
}

.B1C12M1 #obj dt.merlin-card em {
    background-image: url("popups/merlin-card.png")
}

.B1C12M1 #items #book-of-spells a {
    top: 60px;
    left: 722px;
    height: 27px;
    width: 19px
}

html[lang=en] .B1C12M1 #obj dt.book-of-spells em {
    background-image: url("popups/book-of-spells-en.png")
}

html[lang=en-us] .B1C12M1 #obj dt.book-of-spells em {
    background-image: url("popups/book-of-spells-en-us.png")
}

html[lang=fr] .B1C12M1 #obj dt.book-of-spells em {
    background-image: url("popups/book-of-spells-fr.png")
}

html[lang=de] .B1C12M1 #obj dt.book-of-spells em {
    background-image: url("popups/book-of-spells-de.png")
}

html[lang=es] .B1C12M1 #obj dt.book-of-spells em {
    background-image: url("popups/book-of-spells-es.png")
}

html[lang=it] .B1C12M1 #obj dt.book-of-spells em {
    background-image: url("popups/book-of-spells-it.png")
}

html[lang=en] .B1C12M1 #obj dt.book-of-potions em {
    background-image: url("popups/book-of-potions-en.png")
}

html[lang=en-us] .B1C12M1 #obj dt.book-of-potions em {
    background-image: url("popups/book-of-potions-en-us.png")
}

html[lang=fr] .B1C12M1 #obj dt.book-of-potions em {
    background-image: url("popups/book-of-potions-fr.png")
}

html[lang=de] .B1C12M1 #obj dt.book-of-potions em {
    background-image: url("popups/book-of-potions-de.png")
}

html[lang=es] .B1C12M1 #obj dt.book-of-potions em {
    background-image: url("popups/book-of-potions-es.png")
}

html[lang=it] .B1C12M1 #obj dt.book-of-potions em {
    background-image: url("popups/book-of-potions-it.png")
}

.B1C12M2 #items #galleons a {
    top: 348px;
    left: 273px;
    height: 16px;
    width: 17px
}

.B1C12M2 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B1C12M2 #items #wizards-chess-set a {
    top: 377px;
    left: 524px;
    height: 59px;
    width: 126px
}

.B1C12M2 #obj dt.wizards-chess-set em {
    background-image: url("popups/wizards-chess-set.png")
}

.B1C12M2 #items #wormwood a {
    top: 281px;
    left: 291px;
    height: 46px;
    width: 24px
}

.B1C12M2 #obj dt.wormwood em {
    background-image: url("popups/infusion-of-wormwood.png")
}

.B1C12M2 #items #curses-and-counter-curses a {
    top: 419px;
    left: 245px;
    height: 44px;
    width: 128px
}

.B1C12M2 #obj dt.curses-and-counter-curses em {
    background-image: url("popups/curses-and-counter-curses.png")
}

.B1C12M2 #items #mistletoe-berries a {
    top: 153px;
    left: 597px;
    height: 40px;
    width: 29px
}

.B1C12M2 #obj dt.mistletoe-berries em {
    background-image: url("popups/mistletoe-berries.png")
}

.B1C12M3 #items #galleons a {
    top: 354px;
    left: 527px;
    height: 16px;
    width: 17px
}

.B1C12M3 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B1C12M3 #items #the-mirror-of-erised a {
    top: 44px;
    left: 190px;
    height: 453px;
    width: 234px
}

.B1C13M1 #items #int-nicolas-flamel a {
    top: 268px;
    left: 641px;
    height: 64px;
    width: 118px
}

.B1C13M1 #items #nicolas-flamel a {
    top: 268px;
    left: 741px;
    height: 58px;
    width: 123px
}

.B1C13M2 #items #galleons a {
    top: 374px;
    left: 673px;
    height: 38px;
    width: 75px
}

.B1C13M2 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B1C13M2 #items #helga-hufflepuff-card a {
    top: 424px;
    left: 626px;
    height: 35px;
    width: 68px
}

.B1C13M2 #obj dt.helga-hufflepuff-card em {
    background-image: url("popups/helga-hufflepuff-card.png")
}

.B1C14M1 #items #modern-magical-history a {
    top: 249px;
    left: 551px;
    height: 127px;
    width: 75px
}

.B1C14M1 #obj dt.modern-magical-history em {
    background-image: url("popups/modern-magical-history.png")
}

.B1C14M1 #items #from-egg-to-inferno-a-dragon-keepers-guide a {
    top: 165px;
    left: 281px;
    height: 65px;
    width: 35px
}

.B1C14M1 #obj dt.from-egg-to-inferno-a-dragon-keepers-guide em {
    background-image: url("popups/from-egg-to-inferno-a-dragon-keepers-guide.png")
}

.B1C14M1 #items #dragon-species-of-great-britain-and-ireland a {
    top: 197px;
    left: 534px;
    height: 80px;
    width: 68px
}

.B1C14M1 #obj dt.dragon-species-of-great-britain-and-ireland em {
    background-image: url("popups/dragon-species-of-great-britain-and-ireland.png")
}

.B1C14M1 #items #the-standard-book-of-spells-grade-1 a {
    top: 369px;
    left: 859px;
    height: 101px;
    width: 22px
}

.B1C14M2 #items #dragon-egg a {
    top: 318px;
    left: 455px;
    height: 73px;
    width: 52px
}

.B1C14M2 #obj dt.dragon-egg em {
    background-image: url("popups/dragon-egg.png")
}

.B1C14M2 #items #dragon-breeding-for-pleasure-and-profit a {
    top: 294px;
    left: 621px;
    height: 40px;
    width: 137px
}

.B1C14M2 #obj dt.dragon-breeding-for-pleasure-and-profit em {
    background-image: url("popups/dragon-breeding-for-pleasure-and-profit.png")
}

.B1C14M3 #items #galleons a {
    top: 302px;
    left: 117px;
    height: 12px;
    width: 13px
}

.B1C14M3 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B1C15M1 #items #galleons a {
    top: 408px;
    left: 599px;
    height: 12px;
    width: 23px
}

.B1C15M1 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B1C15M1 #items #rowena-ravenclaw-card a {
    top: 316px;
    left: 446px;
    height: 18px;
    width: 18px
}

.B1C15M1 #obj dt.rowena-ravenclaw-card em {
    background-image: url("popups/rowena-ravenclaw-card.png")
}

.B1C15M1 #items #a-beginners-guide-to-transfiguration a {
    top: 275px;
    left: 336px;
    height: 25px;
    width: 33px
}

.B1C15M1 #items #one-thousand-magical-herbs-and-fungi a {
    top: 327px;
    left: 464px;
    height: 16px;
    width: 13px
}

.B1C15M1 #items #the-dark-forces-a-guide-to-self-protection a {
    top: 114px;
    left: 343px;
    height: 12px;
    width: 9px
}

.B1C15M2 #items #leaping-toadstool a {
    top: 385px;
    left: 215px;
    height: 86px;
    width: 75px
}

.B1C15M2 #obj dt.leaping-toadstool em {
    background-image: url("popups/leaping-toadstool.png")
}

.B1C15M2 #items #wolfsbane a {
    top: 292px;
    left: 271px;
    height: 118px;
    width: 78px
}

.B1C15M2 #obj dt.wolfsbane em {
    background-image: url("popups/wolfsbane.png")
}

.B1C15M2 #items #unicorn-blood a {
    top: 343px;
    left: 402px;
    height: 31px;
    width: 35px
}

.B1C15M2 #obj dt.unicorn-blood em {
    background-image: url("popups/unicorn-blood.png")
}

.B1C16M1 #items #winged-key a {
    top: 235px;
    left: 347px;
    height: 69px;
    width: 88px
}

.B1C16M1 #obj dt.winged-key em {
    background-image: url("popups/winged-key.png")
}

.B1C16M3 #items #int-potions-puzzle-scroll a {
    top: 380px;
    left: 630px;
    height: 49px;
    width: 125px
}

.B1C17M1 #items #the-philosophers-stone a {
    top: 397px;
    left: 675px;
    height: 34px;
    width: 21px
}

.B1C17M1 #items #professor-quirrell a {
    top: 96px;
    left: 361px;
    height: 350px;
    width: 229px
}

.B1C17M2 #items #salamander-blood a {
    top: 266px;
    left: 326px;
    height: 33px;
    width: 28px
}

.B1C17M2 #obj dt.salamander-blood em {
    background-image: url("popups/salamander-blood.png")
}

.B1C17M2 #items #bezoar a {
    top: 286px;
    left: 208px;
    height: 17px;
    width: 10px
}

.B1C17M2 #obj dt.bezoar em {
    background-image: url("popups/bezoar.png")
}

.B1C17M2 #items #cliodna-card a {
    top: 375px;
    left: 338px;
    height: 9px;
    width: 14px
}

.B1C17M2 #obj dt.cliodna-card em {
    background-image: url("popups/cliodna-card.png")
}

.B1C17M3 #items #galleons a {
    top: 444px;
    left: 483px;
    height: 8px;
    width: 9px
}

.B1C17M3 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B1C17M3 #items #godric-gryffindor-card a {
    top: 356px;
    left: 468px;
    height: 12px;
    width: 10px
}

.B1C17M3 #obj dt.godric-gryffindor-card em {
    background-image: url("popups/godric-gryffindor-card.png")
}

.B2C1M1 #obj dt.bbefb-sprout em {
    background-image: url("popups/bbefb-sprout.png")
}

.B2C1M1 #obj dt.cornelius-agrippa-card em {
    background-image: url("popups/cornelius-agrippa-card.png")
}

.B2C1M1 #obj dt.flower-heads em {
    background-image: url("popups/flower-heads.png")
}

.B2C1M1 #obj dt.honey em {
    background-image: url("popups/honey.png")
}

.B2C1M2 #obj dt.dried-nettles em {
    background-image: url("popups/dried-nettles.png")
}

.B2C1M2 #obj dt.pruning-shears em {
    background-image: url("popups/pruning-shears.png")
}

.B2C1M2 #obj dt.rose-thorns em {
    background-image: url("popups/rose-thorns.png")
}

.B2C2M1 #obj dt.newt-scamander-card em {
    background-image: url("popups/newt-scamander-card.png")
}

.B2C2M2 #obj dt.bbefb-sugared-violet em {
    background-image: url("popups/bbefb-sugared-violet.png")
}

.B2C3M1 #obj dt.bbefb-baked-bean em {
    background-image: url("popups/bbefb-baked-bean.png")
}

.B2C3M1 #obj dt.bbefb-chocolate em {
    background-image: url("popups/bbefb-chocolate.png")
}

.B2C3M1 #obj dt.bbefb-pepper em {
    background-image: url("popups/bbefb-pepper.png")
}

.B2C3M1 #obj dt.bbefb-toast em {
    background-image: url("popups/bbefb-toast.png")
}

.B2C3M1 #obj dt.bertie-bott-card em {
    background-image: url("popups/bertie-bott-card.png")
}

.B2C3M2 #obj dt.horklump-juice em {
    background-image: url("popups/horklump-juice.png")
}

.B2C3M3 #obj dt.gilderoy-lockharts-guide-to-household-pests em {
    background-image: url("popups/gilderoy-lockharts-guide-to-household-pests.png")
}

.B2C4M1 #obj dt.shopping-list-year-2 em {
    background-image: url("popups/shopping-list-year-2.png")
}

.B2C4M1 #obj dt.charm-your-own-cheese em {
    background-image: url("popups/charm-your-own-cheese.png")
}

.B2C4M1 #obj dt.enchantment-in-baking em {
    background-image: url("popups/enchantment-in-baking.png")
}

.B2C4M1 #obj dt.fire-tongs em {
    background-image: url("popups/fire-tongs.png")
}

.B2C4M1 #obj dt.floo-powder em {
    background-image: url("popups/floo-powder.png")
}

.B2C4M1 #obj dt.ignatia-wildsmith-card em {
    background-image: url("popups/ignatia-wildsmith-card.png")
}

.B2C4M1 #obj dt.one-minute-feasts-its-magic em {
    background-image: url("popups/one-minute-feasts-its-magic.png")
}

.B2C4M1 #obj dt.scullery-key em {
    background-image: url("popups/scullery-key.png")
}

.B2C4M2 #obj dt.dragon-liver em {
    background-image: url("popups/dragon-liver.png")
}

.B2C4M2 #obj dt.galleons-x5 em {
    background-image: url("popups/galleons-x5.png")
}

.B2C4M2 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B2C4M2 #obj dt.mask em {
    background-image: url("popups/mask.png")
}

.B2C4M3 #obj dt.encyclopaedia-of-toadstools em {
    background-image: url("popups/encyclopaedia-of-toadstools.png")
}

.B2C4M3 #obj dt.hairpin em {
    background-image: url("popups/hairpin.png")
}

.B2C4M3 #obj dt.magical-me em {
    background-image: url("popups/magical-me.png")
}

.B2C4M3 #obj dt.miranda-goshawk-card em {
    background-image: url("popups/miranda-goshawk-card.png")
}

.B2C4M3 #obj dt.peppermint em {
    background-image: url("popups/peppermint.png")
}

.B2C5M1 #obj dt.dragonfly-thoraxes em {
    background-image: url("popups/dragonfly-thoraxes.png")
}

.B2C5M1 #obj dt.lavender em {
    background-image: url("popups/lavender.png")
}

.B2C5M1 #obj dt.root-of-aconite em {
    background-image: url("popups/root-of-aconite.png")
}

.B2C5M1 #obj dt.valerian-sprigs em {
    background-image: url("popups/valerian-sprigs.png")
}

.B2C5M2 #obj dt.joscelind-wadcock-card em {
    background-image: url("popups/joscelind-wadcock-card.png")
}

.B2C5M2 #obj dt.fluxweed em {
    background-image: url("popups/fluxweed.png")
}

.B2C5M2 #obj dt.toffee em {
    background-image: url("popups/toffee.png")
}

.B2C5M3 #obj dt.eels-eyes em {
    background-image: url("popups/eels-eyes.png")
}

.B2C5M3 #obj dt.bicorn-horn em {
    background-image: url("popups/bicorn-horn.png")
}

.B2C5M3 #obj dt.skin-of-boomslang em {
    background-image: url("popups/skin-of-boomslang.png")
}

.B2C5M3 #obj dt.spine-of-lionfish em {
    background-image: url("popups/spine-of-lionfish.png")
}

.B2C6M1 #obj dt.grey-feather em {
    background-image: url("popups/grey-feather.png")
}

.B2C6M2 #obj dt.bat-wings em {
    background-image: url("popups/bat-wings.png")
}

.B2C6M2 #obj dt.dragon-dung-compost em {
    background-image: url("popups/dragon-dung-compost.png")
}

.B2C6M2 #obj dt.earmuffs-blue em {
    background-image: url("popups/earmuffs-blue.png")
}

.B2C6M2 #obj dt.earmuffs-green em {
    background-image: url("popups/earmuffs-green.png")
}

.B2C6M2 #obj dt.earmuffs-orange em {
    background-image: url("popups/earmuffs-orange.png")
}

.B2C6M2 #obj dt.earmuffs-pink em {
    background-image: url("popups/earmuffs-pink.png")
}

.B2C6M2 #obj dt.herbology-gloves em {
    background-image: url("popups/herbology-gloves.png")
}

.B2C6M2 #obj dt.small-trowl em {
    background-image: url("popups/small-trowl.png")
}

.B2C6M2 #obj dt.valerian-sprigs em {
    background-image: url("popups/valerian-sprigs.png")
}

.B2C6M3 #obj dt.dymphna-furmage-card em {
    background-image: url("popups/dymphna-furmage-card.png")
}

.B2C7M1 #obj dt.bowman-wright-card em {
    background-image: url("popups/bowman-wright-card.png")
}

.B2C7M1 #obj dt.horned-slugs em {
    background-image: url("popups/horned-slugs.png")
}

.B2C7M1 #obj dt.knotgrass em {
    background-image: url("popups/knotgrass.png")
}

.B2C7M2 #obj dt.bridget-wenlock-card em {
    background-image: url("popups/bridget-wenlock-card.png")
}

.B2C7M2 #obj dt.lilac-ink em {
    background-image: url("popups/lilac-ink.png")
}

.B2C7M2 #obj dt.lockhart-photo-signed em {
    background-image: url("popups/lockhart-photo-signed.png")
}

.B2C7M2 #obj dt.peacock-quill em {
    background-image: url("popups/peacock-quill.png")
}

.B2C8M1 #obj dt.candle-jet-black em {
    background-image: url("popups/candle-jet-black.png")
}

.B2C8M1 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B2C8M2 #obj dt.cauldron-cake em {
    background-image: url("popups/cauldron-cake.png")
}

.B2C8M2 #obj dt.droobles-best-blowing-gum em {
    background-image: url("popups/droobles-best-blowing-gum.png")
}

.B2C8M2 #obj dt.galleons-x5 em {
    background-image: url("popups/galleons-x5.png")
}

.B2C8M2 #obj dt.liquorice-wand em {
    background-image: url("popups/liquorice-wand.png")
}

.B2C8M2 #obj dt.slytherin-student-hair em {
    background-image: url("popups/slytherin-student-hair.png")
}

.B2C9M1 #obj dt.bbefb-liver-and-tripe em {
    background-image: url("popups/bbefb-liver-and-tripe.png")
}

.B2C9M1 #obj dt.bbefb-sardine em {
    background-image: url("popups/bbefb-sardine.png")
}

.B2C9M1 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B2C9M1 #obj dt.great-wizarding-events-of-the-twentieth-century em {
    background-image: url("popups/great-wizarding-events-of-the-twentieth-century.png")
}

.B2C9M1 #obj dt.homework-scroll-maew em {
    background-image: url("popups/homework-scroll-maew.png")
}

.B2C9M1 #obj dt.quill em {
    background-image: url("popups/quill.png")
}

.B2C9M2 #obj dt.bbefb-bogey em {
    background-image: url("popups/bbefb-bogey.png")
}

.B2C9M2 #obj dt.galleons em {
    background-image: url("popups/galleons.png")
}

.B2C9M2 #obj dt.leeches em {
    background-image: url("popups/leeches.png")
}

.B2C10M1 #obj dt.beatrix-bloxam-card em {
    background-image: url("popups/beatrix-bloxam-card.png")
}

.B2C10M1 #obj dt.bbefb-coconut em {
    background-image: url("popups/bbefb-coconut.png")
}

.B2C10M1 #obj dt.bbefb-curry em {
    background-image: url("popups/bbefb-curry.png")
}

.B2C10M1 #obj dt.moste-potente-potions em {
    background-image: url("popups/moste-potente-potions.png")
}

.B2C10M3 #obj dt.merwyn-the-malicious-card em {
    background-image: url("popups/merwyn-the-malicious-card.png")
}

.B2C10M3 #obj dt.poppy-heads em {
    background-image: url("popups/poppy-heads.png")
}

.B2C10M3 #obj dt.sponge em {
    background-image: url("popups/sponge.png")
}

.B2C11M2 #obj dt.alberta-toothill-card em {
    background-image: url("popups/alberta-toothill-card.png")
}

#obj dt.storylineplace em,
#obj dt.storylineobject em,
#obj dt.storylinecharacter em,
#obj dt.storylinecreature em,
#obj dt.storylinespell em,
#obj dt.storylinebook em,
#obj dt.storylinespellbook em,
#obj dt.storylinepotion em {
    background-image: url("popups/storyline-red-quill.png");
    background-position: 70% 50%
}

#obj {
    overflow: hidden;
    clear: both;
    text-align: center;
    margin: 0;
    width: 335px;
    position: absolute;
    top: 0;
    z-index: 10000;
    height: 0;
    padding-top: 0;
    height: 525px;
    left: 50%;
    margin-left: -192.5px
}

body.B1C1M2 #obj {
    right: 300px
}

#obj dl,
#obj dd,
#obj dt {
    margin: 0;
    padding: 0;
    font-size: 12px
}

#obj dl {
    padding: 0
}

#obj dt {
    background: url("popups/background.png") no-repeat scroll 50% 0 transparent;
    color: #999;
    float: left;
    font-family: Arial;
    margin: 0 auto;
    padding: 55px 50px 15px;
    position: relative;
    text-align: center;
    width: 235px
}

.js #obj dt {
    margin-top: 160px
}

.basic #obj dt {
    margin-top: 50px
}

#obj dt {
    margin-top: 0
}

*:first-child+html #obj dl {
    padding-top: 0
}

#obj dt#top {
    background: transparent;
    height: 525px;
    text-indent: -9999em;
    margin: 0 0 999em;
    padding: 0;
    width: 335px
}

#obj dd {
    color: #999;
    font-family: Arial;
    text-align: center;
    margin: 0 auto;
    position: relative;
    float: left;
    padding: 0 17px 45px;
    width: 300px;
    background: transparent url(popups/background-footer.png) no-repeat 50% 100%;
    margin-bottom: 999em
}

body.basic #obj dd {
    *float: none
}

#obj dd .desc {
    padding: 0 50px 5px 50px;
    width: 200px;
    background: transparent url(popups/background.png) no-repeat 50% -30px;
    float: left
}

html[lang=fr] #obj dd .desc {
    width: 205px
}

#obj dd.nextitem {
    margin: 0;
    padding: 0;
    background: 0;
    clear: both;
    float: left;
    height: 160px;
    position: relative;
    width: 335px;
    margin-top: -160px
}

#obj dt>em {
    background: none no-repeat 50% 0 transparent;
    color: #FFF;
    float: left;
    font-family: Georgia;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin: 0;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 0;
    width: 200px
}

html[lang=fr] #obj dt>em {
    width: 210px;
    padding-left: 15px
}

#obj dt>em {
    margin-top: -200px;
    padding-top: 200px
}

#obj dd p {
    line-height: 140%;
    font-size: 11px;
    margin-bottom: 15px
}

#obj .close {
    display: block;
    text-indent: -999em;
    height: 16px;
    width: 18px;
    background: url(interactions/images/close.png) no-repeat 50% 50%;
    position: absolute;
    right: 45px;
    top: 20px
}

#obj .collectionarea {
    width: 100%;
    position: relative
}

.basic #obj .collectionarea.discovermebtn .js-true {
    display: none
}

.js #obj .collectionarea.discovermebtn .js-false {
    display: none
}

#obj .collectionarea #spinner {
    left: 85px;
    right: auto;
    position: absolute
}

#friends {
    position: relative;
    z-index: 20
}

#friendsMoment {
    margin: -3px 0 -6px;
    z-index: 10
}

#friends #friend1 {
    z-index: 9
}

#friends #friend2 {
    z-index: 8
}

#friends #friend3 {
    z-index: 7
}

#friends #friend4 {
    z-index: 6
}

#friends #friend5 {
    z-index: 5
}

#friends .icon {
    background: url(images/friend-signs.png) no-repeat scroll 0 0 transparent;
    min-height: 48px;
    margin: 0;
    padding: 0 10px 0 0;
    text-align: center;
    text-indent: 0;
    width: 77px;
    -webkit-text-shadow: 0 1px 1px #000;
    text-shadow: 0 1px 1px #000
}

#friends #friendsMoment .icon {
    background: url(images/friend-signs-header.png) no-repeat scroll 0 0 transparent;
    padding-top: 6px
}

#friends .icon h1,
#readAllAboutIt .icon h1 {
    background: url(images/friend-signs-header.png) no-repeat scroll 0 bottom transparent;
    color: #D0A758;
    font-family: Georgia;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 2px 4px 6px;
    position: relative;
    top: 20px
}

html[lang=ja] #readAllAboutIt .icon h1 {
    font-size: 11px;
    padding: 2px 5px 12px;
    width: 93px
}

#readAllAboutIt {
    margin-bottom: 20px;
    position: relative;
    z-index: 20
}

#readAllAboutIt .icon {
    background: url(images/read-about.png) no-repeat scroll 0 0 transparent;
    padding-top: 6px;
    height: auto;
    margin-top: -4px;
    margin-left: 17px
}

#readAllAboutIt .icon h1 {
    background: url(images/read-about.png) no-repeat scroll 0 bottom transparent;
    padding-bottom: 10px;
    width: 96px
}

#friends .more .icon {
    text-indent: -9999em;
    background-position: 0 -93px;
    padding: 0;
    margin: 0;
    width: 120px;
    height: 34px
}

#friends li.owl .icon .avatar {
    margin: 19px 0 0 19px;
    padding: 5px;
    width: 30px
}

#friends .owl .icon {
    background-position: 0 -338px;
    height: 70px;
    margin-bottom: -8px
}

#friends .owl.gryffindor .icon {
    background-position: 0 -121px
}

#friends .owl.ravenclaw .icon {
    background-position: 0 -50px
}

#friends .owl.slytherin .icon {
    background-position: 0 -264px
}

#friends .owl.hufflepuff .icon {
    background-position: 0 -192px
}

*:first-child+html .aside .menu li {
    display: block;
    width: auto
}

*:first-child+html .aside .menu li a {
    position: relative;
    overflow: visible
}

.scroll {
    color: #000;
    width: 425px;
    margin: 70px auto;
    padding-left: 100px;
    text-align: center
}

.scroll .header {
    background: url("../sorting-hat/images/frame-header.png") no-repeat 0 0;
    height: 168px;
    position: relative;
    z-index: 10
}

.scroll .body {
    background: url("../sorting-hat/images/frame-body.png") repeat-y 0 0;
    position: relative;
    *z-index: 12;
    -ms-zoom: 1;
    zoom: 1
}

.scroll .body .inner {
    position: relative;
    padding: 0 50px;
    z-index: 11;
    margin-bottom: -70px;
    margin-top: -150px
}

.scroll .footer {
    background: url("../sorting-hat/images/frame-footer.png") no-repeat 0 0;
    height: 145px;
    z-index: 1
}

.B2C11M1 .scroll .footer {
    z-index: 10
}

.B1C8M2 .scroll {
    width: 408px;
    padding-left: 605px;
    padding-top: 14px
}

.B1C8M2 .scroll .header {
    background-image: url("images/scroll-header.png");
    height: 171px
}

.B1C8M2 .scroll .body {
    background-image: url("images/scroll-body.png")
}

.B1C8M2 .scroll .body .inner {
    padding: 0 65px;
    margin-bottom: -90px
}

.B1C8M2 .scroll .footer {
    background-image: url("images/scroll-footer.png");
    height: 146px
}

.scroll h1 {
    color: #000;
    font-weight: normal;
    font-size: 2.4em
}

.scroll .body h1 .inner {
    display: inline-block;
    margin: 0 auto;
    max-width: 254px;
    padding: 0;
    position: relative
}

.scroll .body h1 .inner .dec {
    background: url("../sorting-hat/images/dec.png") no-repeat scroll 0 0 transparent;
    height: 21px;
    left: -45px;
    position: absolute;
    top: 4px;
    width: 35px;
    padding: 0
}

.scroll .body h1 .inner .dec.beta {
    left: auto;
    right: -45px;
    background-position: -37px 0
}

.scroll p {
    font-family: Georgia;
    margin-bottom: 1em
}

.scroll p.username {
    background: url("../sorting-hat/images/divider.png") no-repeat 50% 0;
    font-size: 1.6em;
    font-weight: bold;
    padding-top: .6em;
    margin-bottom: .4em
}

.scroll p.divide {
    background: url("../sorting-hat/images/divider.png") no-repeat 50% 100%;
    font-size: 1.6em;
    font-weight: bold;
    padding-bottom: .6em;
    margin-bottom: 2.8em
}

.jquery-overlay {
    z-index: 99998
}

.B1C16M3.basic #ui-messaging.no-js {
    display: block
}

.B1C16M3.js #ui-messaging.no-js {
    display: none!important
}

.B1C16M3.basic #puzzle {
    display: block
}

.B1C16M3.js #puzzle {
    display: none
}

.B1C16M3.basic #puzzle {
    width: 654px;
    margin: 0 auto -410px;
    padding-top: 400px;
    height: 10px
}

.B1C16M3.basic #puzzle ul {
    margin: 0
}

.B1C16M3.basic #puzzle ul li {
    margin: 0;
    list-style: none;
    float: left;
    width: 104px;
    text-align: center
}

.B1C16M3.basic #puzzle ul li.potion-2 {
    width: 96px
}

.B1C16M3.basic #puzzle ul li.potion-3 {
    width: 85px
}

.B1C16M3.basic #puzzle ul li.potion-4 {
    width: 80px
}

.B1C16M3.basic #puzzle ul li.potion-5 {
    width: 86px
}

.B1C16M3.basic #puzzle ul li.potion-6 {
    width: 97px
}

.B1C16M3.basic #puzzle ul li.potion-7 {
    width: 86px
}

.B1C16M3.basic #puzzle ul li label {
    padding: 80px 0 0
}

.B1C16M3.basic #puzzle ul li label span {
    display: none
}

.B1C16M3.basic #puzzle .btns {
    text-align: center
}

.B1C8M2 .scroll .copy p:first-child {
    font-weight: bold
}

#body.paused .item,
#body.paused .trigger {
    display: none
}

body,
html {
    -webkit-overflow-scrolling: none
}

.collectionarea .ctabutton.ctaicon .ctainner input {
    padding: 4px 14px;
    font-weight: normal
}

.B2C15M1.basic #obj {
    margin-left: 50px
}

.B3C17M2.basic #obj {
    left: 490px
}

#I19923_4_Desktop {
    top: 120px;
    left: 175px
}