#nav-moments {
    z-index: 25
}

#momentNavigator {
    font-family: Arial;
    font-size: 11px;
    line-height: 100%;
    position: relative;
    z-index: 10;
    overflow: hidden;
    color: #fff;
    width: 1130px
}

.jshide #momentNavigator {
    opacity: 0
}

.jshide #momentNavigator.ready {
    opacity: 1!important
}

#momentNavigator.keyboard {
    display: none!important
}

#momentNavigator.noStorage {
    opacity: 1!important
}

#momentNavigator li {
    margin: 0;
    font-size: 11px;
    display: block;
    float: left
}

#momentNavigator li.isNext .caption,
#momentNavigator li.isNext .mTitleWrapper,
#momentNavigator li.isNext .mTitle,
.basic #momentNavigator li.isNext .mTitle p,
#momentNavigator #chapters li.isNext.isCurrent .mTitle {
    color: #ffd800;
    -webkit-text-shadow: 0 0 0 #fff;
    text-shadow: 0 0 0 #fff
}

#momentNavigator #chapters li.isNext {
    background: transparent url('images/next-arrow.png') 0 50% no-repeat
}

#momentNavigator #chapters li.isNext .mTitleWrapper {
    width: 94%;
    padding-left: 6%
}

#momentNavigator #moments li .isNext {
    background: url('images/next-arrow.png') 0 50% transparent no-repeat;
    z-index: 10;
    width: 133px;
    height: 98px;
    display: block;
    position: absolute
}

#momentNavigator ul {
    margin: 0;
    font-size: 11px;
    display: block;
    overflow: hidden;
    background: #000
}

#moments li,
chapters li {
    display: block;
    cursor: pointer
}

#moments li strong,
#chapters li strong {
    font-weight: 400!important
}

#cContainer,
#bContainer {
    background-color: #000;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0)
}

.scrollNext,
.scrollPrevious {
    position: absolute;
    top: 27px;
    cursor: pointer;
    width: 30px;
    height: 141px;
    display: block;
    z-index: 100;
    -moz-transition: opacity ease 1s;
    -o-transition: opacity ease 1s;
    -webkit-transition: opacity ease 1s;
    transition: opacity ease 1s
}

.scrollNext {
    right: -1px;
    background: transparent url('images/scrollNext.png') 0 3px repeat-y
}

.scrollPrevious {
    left: 0;
    background: transparent url('images/scrollPrevious.png') 0 3px repeat-y
}

#mScroll {
    background-color: #000
}

#moments li {
    border: 2px solid #333;
    border-left: 2px solid #333;
    margin-left: 7px;
    position: relative
}

#moments .mcontent {
    display: block;
    width: 133px;
    height: 97px
}

#moments li.currentMomentPosition {
    border: 2px solid #000;
    border-left: 2px solid #000;
    position: relative
}

#moments li.currentMomentPosition .mcontent {
    width: 133px;
    height: 97px
}

#moments li.mChapterStart {
    border: 2px solid #333
}

#moments li.mBookStart {
    border: 2px solid #333
}

#moments li.currentMomentPosition.mBookStart {
    border: 2px solid #000
}

#moments li.mActiveChapter {
    border: 2px solid #333;
    border-left: 2px solid #333;
    position: relative
}

#moments li.mCurrentChapter {
    border: 2px solid #FFF;
    border-left: 2px solid #FFF;
    position: relative
}

#moments li.mActiveChapter:before {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 8px;
    height: 2px;
    left: -10px;
    content: '\a0';
    background-color: #333
}

#moments li.mCurrentChapter:before {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 8px;
    height: 2px;
    left: -10px;
    content: '\a0';
    background-color: #FFF
}

#moments li.mActiveChapter.mChapterStart:before,
#moments li.mActiveChapter.mBookStart:before,
#moments li.mBookStart:before {
    visibility: hidden
}

#moments li:before {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 8px;
    height: 2px;
    left: -10px;
    content: '\a0';
    background-color: #666
}

#moments li.mChapterStart:before {
    visibility: hidden
}

#moments li.mBookStart.mActiveChapter.currentMomentPosition {
    border: 2px solid #ccc
}

#moments .caption {
    width: 121px;
    display: block;
    color: #bbb;
    background: #1b1b1b url('images/progressBarEmpty.jpg') bottom right repeat-x;
    text-align: center;
    position: absolute;
    bottom: 0;
    padding: 5px 6px 9px
}

#moments .mBookStart .caption {
    display: none
}

#moments #COMINGNEXT.mBookStart .caption {
    display: block
}

#momentNavigator #chapters li#chaptercomingnext.isNext {
    background: 0
}

#chaptercomingnext .mTitle {
    display: none
}

body.isMoment #moments .currentMomentPosition .caption,
#moments #COMINGNEXT.mBookStart.currentMomentPosition .caption {
    width: 121px;
    color: #FFF;
    -webkit-text-shadow: -2px 0 10px #FFF, 2px 0 10px #FFF;
    text-shadow: -2px 0 10px #FFF, 2px 0 10px #FFF;
    filter: dropshadow(color=#FFF, offx=0, offy=0)
}

.icons {
    height: 18px;
    width: 15px;
    display: block;
    float: right;
    margin: -3px 3px 0 0
}

.icons.hasAudio {
    background: transparent url('images/hasAudio.png') 0 0 no-repeat
}

.icons.jkr {
    background: transparent url('images/hasJkr.png') 0 0 no-repeat
}

.icons.isGame {
    background: transparent url('images/isGame.png') 0 0 no-repeat
}

.icons.newContent {
    background: transparent url('images/newContent.png') 0 0 no-repeat
}

.percentComplete {
    height: 5px;
    position: absolute;
    bottom: 0;
    display: block;
    background: url('images/progressBar.jpg') 0 0 repeat-x;
    max-width: 133px;
    -moz-transition: ease 1s width;
    -o-transition: ease 1s width;
    -webkit-transition: ease 1s width;
    transition: ease 1s width
}

.isComplete .percentComplete {
    -moz-box-shadow: inset 0 0 10px #ffa;
    -webkit-box-shadow: inset 0 0 10px #ffa;
    box-shadow: inset 0 0 10px #ffa;
    width: 133px!important
}

#moments .bookId1 .mcontent {
    background-image: url('images/sprite-book-1.jpg')
}

#moments .bookId1.isUnvisited .mcontent {
    background-image: url('images/sprite-book-1-unvisited.jpg')
}

#moments .bookId2 .mcontent {
    background-image: url('images/sprite-book-2.jpg')
}

#moments .bookId2.isUnvisited .mcontent {
    background-image: url('images/sprite-book-2-unvisited.jpg')
}

#moments .bookId3 .mcontent {
    background-image: url('images/sprite-book-3.jpg')
}

#moments .bookId3.isUnvisited .mcontent {
    background-image: url('images/sprite-book-3-unvisited.jpg')
}

#moments .bookId4 .mcontent {
    background-image: url('images/sprite-book-4.jpg')
}

#moments .bookId4.isUnvisited .mcontent {
    background-image: url('images/sprite-book-4-unvisited.jpg')
}

#moments .bookId5 .mcontent {
    background-image: url('images/sprite-book-5.jpg')
}

#moments .bookId5.isUnvisited .mcontent {
    background-image: url('images/sprite-book-5-unvisited.jpg')
}

#moments .bookId6 .mcontent {
    background-image: url('images/sprite-book-6.jpg')
}

#moments .bookId6.isUnvisited .mcontent {
    background-image: url('images/sprite-book-6-unvisited.jpg')
}

#moments .bookId7 .mcontent {
    background-image: url('images/sprite-book-7.jpg')
}

#moments .bookId7.isUnvisited .mcontent {
    background-image: url('images/sprite-book-7-unvisited.jpg')
}

#momentThumbB3C22M2 .mcontent {
    background-position: -931px -392px
}

#momentThumbB3C22M1 .mcontent {
    background-position: -798px -392px
}

#momentThumbB3C21M4 .mcontent {
    background-position: -665px -392px
}

#momentThumbB3C21M3 .mcontent {
    background-position: -532px -392px
}

#momentThumbB3C21M2 .mcontent {
    background-position: -399px -392px
}

#momentThumbB3C21M1 .mcontent {
    background-position: -266px -392px
}

#momentThumbB3C20M2 .mcontent {
    background-position: -133px -392px
}

#momentThumbB3C20M1 .mcontent {
    background-position: -0px -392px
}

#momentThumbB3C19M1 .mcontent {
    background-position: -931px -294px
}

#momentThumbB3C18M1 .mcontent {
    background-position: -798px -294px
}

#momentThumbB3C17M2 .mcontent {
    background-position: -665px -294px
}

#momentThumbB3C17M1 .mcontent {
    background-position: -532px -294px
}

#momentThumbB3C16M2 .mcontent {
    background-position: -399px -294px
}

#momentThumbB3C16M1 .mcontent {
    background-position: -266px -294px
}

#momentThumbB3C15M1 .mcontent {
    background-position: -133px -294px
}

#momentThumbB3C14M3 .mcontent {
    background-position: -0px -294px
}

#momentThumbB3C14M2 .mcontent {
    background-position: -931px -196px
}

#momentThumbB3C14M1 .mcontent {
    background-position: -798px -196px
}

#momentThumbB3C13M2 .mcontent {
    background-position: -665px -196px
}

#momentThumbB3C13M1 .mcontent {
    background-position: -532px -196px
}

#momentThumbB3C12M1 .mcontent {
    background-position: -399px -196px
}

#momentThumbB3C11M1 .mcontent {
    background-position: -266px -196px
}

#momentThumbB3C10M3 .mcontent {
    background-position: -133px -196px
}

#momentThumbB3C10M2 .mcontent {
    background-position: -0px -196px
}

#momentThumbB3C10M1 .mcontent {
    background-position: -931px -98px
}

#momentThumbB3C9M1 .mcontent {
    background-position: -798px -98px
}

#momentThumbB3C8M2 .mcontent {
    background-position: -665px -98px
}

#momentThumbB3C8M1 .mcontent {
    background-position: -532px -98px
}

#momentThumbB3C7M1 .mcontent {
    background-position: -399px -98px
}

#momentThumbB3C6M3 .mcontent {
    background-position: -266px -98px
}

#momentThumbB3C6M2 .mcontent {
    background-position: -133px -98px
}

#momentThumbB3C6M1 .mcontent {
    background-position: -0px -98px
}

#momentThumbB3C5M1 .mcontent {
    background-position: -931px -0px
}

#momentThumbB3C4M2 .mcontent {
    background-position: -798px -0px
}

#momentThumbB3C4M1 .mcontent {
    background-position: -665px -0px
}

#momentThumbB3C3M2 .mcontent {
    background-position: -532px -0px
}

#momentThumbB3C3M1 .mcontent {
    background-position: -399px -0px
}

#momentThumbB3C2M1 .mcontent {
    background-position: -266px -0px
}

#momentThumbB3C1M1 .mcontent {
    background-position: -133px -0px
}

#momentThumbB2C18M2 .mcontent {
    background-position: -665px -490px
}

#momentThumbB2C18M1 .mcontent {
    background-position: -532px -490px
}

#momentThumbB2C17M3 .mcontent {
    background-position: -399px -490px
}

#momentThumbB2C17M2 .mcontent {
    background-position: -266px -490px
}

#momentThumbB2C17M1 .mcontent {
    background-position: -133px -490px
}

#momentThumbB2C16M3 .mcontent {
    background-position: -0px -490px
}

#momentThumbB2C16M2 .mcontent {
    background-position: -931px -392px
}

#momentThumbB2C16M1 .mcontent {
    background-position: -798px -392px
}

#momentThumbB2C15M2 .mcontent {
    background-position: -665px -392px
}

#momentThumbB2C15M1 .mcontent {
    background-position: -532px -392px
}

#momentThumbB2C14M2 .mcontent {
    background-position: -399px -392px
}

#momentThumbB2C14M1 .mcontent {
    background-position: -266px -392px
}

#momentThumbB2C13M3 .mcontent {
    background-position: -133px -392px
}

#momentThumbB2C13M2 .mcontent {
    background-position: -0px -392px
}

#momentThumbB2C13M1 .mcontent {
    background-position: -931px -294px
}

#momentThumbB2C12M3 .mcontent {
    background-position: -798px -294px
}

#momentThumbB2C12M2 .mcontent {
    background-position: -665px -294px
}

#momentThumbB2C12M1 .mcontent {
    background-position: -532px -294px
}

#momentThumbB2C11M2 .mcontent {
    background-position: -399px -294px
}

#momentThumbB2C11M1 .mcontent {
    background-position: -266px -294px
}

#momentThumbB2C10M3 .mcontent {
    background-position: -133px -294px
}

#momentThumbB2C10M2 .mcontent {
    background-position: -0px -294px
}

#momentThumbB2C10M1 .mcontent {
    background-position: -931px -196px
}

#momentThumbB2C9M2 .mcontent {
    background-position: -798px -196px
}

#momentThumbB2C9M1 .mcontent {
    background-position: -665px -196px
}

#momentThumbB2C8M2 .mcontent {
    background-position: -532px -196px
}

#momentThumbB2C8M1 .mcontent {
    background-position: -399px -196px
}

#momentThumbB2C7M2 .mcontent {
    background-position: -266px -196px
}

#momentThumbB2C7M1 .mcontent {
    background-position: -133px -196px
}

#momentThumbB2C6M3 .mcontent {
    background-position: -0px -196px
}

#momentThumbB2C6M2 .mcontent {
    background-position: -931px -98px
}

#momentThumbB2C6M1 .mcontent {
    background-position: -798px -98px
}

#momentThumbB2C5M3 .mcontent {
    background-position: -665px -98px
}

#momentThumbB2C5M2 .mcontent {
    background-position: -532px -98px
}

#momentThumbB2C5M1 .mcontent {
    background-position: -399px -98px
}

#momentThumbB2C4M3 .mcontent {
    background-position: -266px -98px
}

#momentThumbB2C4M2 .mcontent {
    background-position: -133px -98px
}

#momentThumbB2C4M1 .mcontent {
    background-position: -0px -98px
}

#momentThumbB2C3M3 .mcontent {
    background-position: -931px -0px
}

#momentThumbB2C3M2 .mcontent {
    background-position: -798px -0px
}

#momentThumbB2C3M1 .mcontent {
    background-position: -665px -0px
}

#momentThumbB2C2M2 .mcontent {
    background-position: -532px -0px
}

#momentThumbB2C2M1 .mcontent {
    background-position: -399px -0px
}

#momentThumbB2C1M2 .mcontent {
    background-position: -266px -0px
}

#momentThumbB2C1M1 .mcontent {
    background-position: -133px -0px
}

#momentThumbB1C17M3 .mcontent {
    background-position: -532px -490px
}

#momentThumbB1C17M2 .mcontent {
    background-position: -399px -490px
}

#momentThumbB1C17M1 .mcontent {
    background-position: -266px -490px
}

#momentThumbB1C16M3 .mcontent {
    background-position: -133px -490px
}

#momentThumbB1C16M2 .mcontent {
    background-position: -0px -490px
}

#momentThumbB1C16M1 .mcontent {
    background-position: -931px -392px
}

#momentThumbB1C15M2 .mcontent {
    background-position: -798px -392px
}

#momentThumbB1C15M1 .mcontent {
    background-position: -665px -392px
}

#momentThumbB1C14M3 .mcontent {
    background-position: -532px -392px
}

#momentThumbB1C14M2 .mcontent {
    background-position: -399px -392px
}

#momentThumbB1C14M1 .mcontent {
    background-position: -266px -392px
}

#momentThumbB1C13M2 .mcontent {
    background-position: -133px -392px
}

#momentThumbB1C13M1 .mcontent {
    background-position: -0px -392px
}

#momentThumbB1C12M3 .mcontent {
    background-position: -931px -294px
}

#momentThumbB1C12M2 .mcontent {
    background-position: -798px -294px
}

#momentThumbB1C12M1 .mcontent {
    background-position: -665px -294px
}

#momentThumbB1C11M2 .mcontent {
    background-position: -532px -294px
}

#momentThumbB1C11M1 .mcontent {
    background-position: -399px -294px
}

#momentThumbB1C10M3 .mcontent {
    background-position: -266px -294px
}

#momentThumbB1C10M2 .mcontent {
    background-position: -133px -294px
}

#momentThumbB1C10M1 .mcontent {
    background-position: -0px -294px
}

#momentThumbB1C9M3 .mcontent {
    background-position: -931px -196px
}

#momentThumbB1C9M2 .mcontent {
    background-position: -798px -196px
}

#momentThumbB1C9M1 .mcontent {
    background-position: -665px -196px
}

#momentThumbB1C8M3 .mcontent {
    background-position: -532px -196px
}

#momentThumbB1C8M2 .mcontent {
    background-position: -399px -196px
}

#momentThumbB1C8M1 .mcontent {
    background-position: -266px -196px
}

#momentThumbB1C7M3 .mcontent {
    background-position: -133px -196px
}

#momentThumbB1C7M2 .mcontent {
    background-position: -0px -196px
}

#momentThumbB1C7M1 .mcontent {
    background-position: -931px -98px
}

#momentThumbB1C6M2 .mcontent {
    background-position: -798px -98px
}

#momentThumbB1C6M1 .mcontent {
    background-position: -665px -98px
}

#momentThumbB1C5M3 .mcontent {
    background-position: -532px -98px
}

#momentThumbB1C5M2 .mcontent {
    background-position: -399px -98px
}

#momentThumbB1C5M1 .mcontent {
    background-position: -266px -98px
}

#momentThumbB1C4M2 .mcontent {
    background-position: -133px -98px
}

#momentThumbB1C4M1 .mcontent {
    background-position: -0px -98px
}

#momentThumbB1C3M2 .mcontent {
    background-position: -931px -0px
}

#momentThumbB1C3M1 .mcontent {
    background-position: -798px -0px
}

#momentThumbB1C2M2 .mcontent {
    background-position: -665px -0px
}

#momentThumbB1C2M1 .mcontent {
    background-position: -532px -0px
}

#momentThumbB1C1M3 .mcontent {
    background-position: -399px -0px
}

#momentThumbB1C1M2 .mcontent {
    background-position: -266px -0px
}

#momentThumbB1C1M1 .mcontent {
    background-position: -133px -0px
}

#momentThumbB4C9M1 .mcontent {
    background-position: -133px -98px
}

#momentThumbB4C6M1 .mcontent {
    background-position: -665px -0px
}

#momentThumbB4C4M1 .mcontent {
    background-position: -532px 0
}

#momentThumbB4C3M2 .mcontent {
    background-position: -931px -0px
}

#momentThumbB4C3M1 .mcontent {
    background-position: -399px -0px
}

#momentThumbB4C1M1 .mcontent {
    background-position: -133px -0px
}

#momentThumbB4C7M1 .mcontent {
    background-position: -798px -0px
}

#momentThumbB4C8M1 .mcontent {
    background-position: -931px -0px
}

#momentThumbB4C5M1 .mcontent {
    background-position: -266px -0px
}

#momentThumbB4C10M1 .mcontent {
    background-position: 0 -98px
}

#momentThumbB4C11M1 .mcontent {
    background-position: -266px -98px
}

#momentThumbB4C12M1 .mcontent {
    background-position: -399px -98px
}

#momentThumbB4C13M1 .mcontent {
    background-position: -532px -98px
}

#momentThumbB4C14M1 .mcontent {
    background-position: -665px -98px
}

#momentThumbB4C14M2 .mcontent {
    background-position: -798px -98px
}

#momentThumbB4C15M1 .mcontent {
    background-position: -931px -98px
}

#momentThumbB4C15M2 .mcontent {
    background-position: 0 -196px
}

#momentThumbB4C16M1 .mcontent {
    background-position: -133px -196px
}

#momentThumbB4C17M1 .mcontent {
    background-position: -266px -196px
}

#momentThumbB4C18M1 .mcontent {
    background-position: -399px -196px
}

#momentThumbB4C18M2 .mcontent {
    background-position: -532px -196px
}

#momentThumbB4C19M1 .mcontent {
    background-position: -665px -196px
}

#momentThumbB4C20M1 .mcontent {
    background-position: -798px -196px
}

#momentThumbB4C21M1 .mcontent {
    background-position: -931px -196px
}

#momentThumbB4C21M2 .mcontent {
    background-position: -0px -294px
}

#momentThumbB4C23M1 .mcontent {
    background-position: -133px -294px
}

#momentThumbB4C24M1 .mcontent {
    background-position: -266px -294px
}

#momentThumbB4C24M2 .mcontent {
    background-position: -399px -294px
}

#momentThumbB4C25M1 .mcontent {
    background-position: -532px -294px
}

#momentThumbB4C26M1 .mcontent {
    background-position: -665px -294px
}

#momentThumbB4C27M1 .mcontent {
    background-position: -798px -294px
}

#momentThumbB4C28M1 .mcontent {
    background-position: -931px -294px
}

#momentThumbB4C30M1 .mcontent {
    background-position: 0 -392px
}

#momentThumbB4C31M1 .mcontent {
    background-position: -133px -392px
}

#momentThumbB4C32M1 .mcontent {
    background-position: -266px -392px
}

#momentThumbB4C34M1 .mcontent {
    background-position: -399px -392px
}

#momentThumbB4C35M1 .mcontent {
    background-position: -532px -392px
}

#momentThumbB4C36M1 .mcontent {
    background-position: -665px -392px
}

#momentThumbB4C37M1 .mcontent {
    background-position: -798px -392px
}

#momentThumbB4C37M2 .mcontent {
    background-position: -931px -392px
}

#momentThumbB5C1M1 .mcontent {
    background-position: -133px -0px
}

#momentThumbB5C4M1 .mcontent {
    background-position: -266px -0px
}

#momentThumbB5C6M1 .mcontent {
    background-position: -399px 0
}

#momentThumbB5C7M1 .mcontent {
    background-position: -532px -0px
}

#momentThumbB5C10M1 .mcontent {
    background-position: -665px -0px
}

#momentThumbB5C13M1 .mcontent {
    background-position: -798px -0px
}

#momentThumbB5C23M1 .mcontent {
    background-position: -931px -0px
}

#momentThumbB5C26M1 .mcontent {
    background-position: -0px -98px
}

#momentThumbB5C27M1 .mcontent {
    background-position: -133px -98px
}

#momentThumbB5C27M2 .mcontent {
    background-position: -266px -98px
}

#momentThumbB5C34M1 .mcontent {
    background-position: -399px -98px
}

#momentThumbB5C35M1 .mcontent {
    background-position: -532px -98px
}

#momentThumbB6C2M1 .mcontent {
    background-position: -133px -0px
}

#momentThumbB6C6M1 .mcontent {
    background-position: -266px -0px
}

#momentThumbB6C9M1 .mcontent {
    background-position: -399px 0
}

#momentThumbB6C12M1 .mcontent {
    background-position: -532px -0px
}

#momentThumbB6C13M1 .mcontent {
    background-position: -665px -0px
}

#momentThumbB6C15M1 .mcontent {
    background-position: -798px -0px
}

#momentThumbB6C18M1 .mcontent {
    background-position: -0px -98px
}

#momentThumbB6C20M1 .mcontent {
    background-position: -133px -98px
}

#momentThumbB6C24M1 .mcontent {
    background-position: -266px -98px
}

#momentThumbB6C26M1 .mcontent {
    background-position: -399px -98px
}

#momentThumbB6C27M1 .mcontent {
    background-position: -532px -98px
}

#momentThumbB6C30M1 .mcontent {
    background-position: -665px -98px
}

#momentThumbB7C4M1 .mcontent {
    background-position: -133px -0px
}

#momentThumbB7C8M1 .mcontent {
    background-position: -266px -0px
}

#momentThumbB7C13M1 .mcontent {
    background-position: -399px 0
}

#momentThumbB7C14M1 .mcontent {
    background-position: -532px -0px
}

#momentThumbB7C16M1 .mcontent {
    background-position: -665px -0px
}

#momentThumbB7C19M1 .mcontent {
    background-position: -798px -0px
}

#momentThumbB7C21M1 .mcontent {
    background-position: -0px -98px
}

#momentThumbB7C23M1 .mcontent {
    background-position: -133px -98px
}

#momentThumbB7C24M1 .mcontent {
    background-position: -266px -98px
}

#momentThumbB7C26M1 .mcontent {
    background-position: -399px -98px
}

#momentThumbB7C32M1 .mcontent {
    background-position: -532px -98px
}

#momentThumbB7C34M1 .mcontent {
    background-position: -665px -98px
}

#momentThumbB7C36M1 .mcontent {
    background-position: -798px -98px
}

#momentThumbB7C36M2 .mcontent {
    background-position: 0 -195px
}

#COMINGNEXT {
    background: url(../coming-next/images/comingNextThumb.png) no-repeat
}

.noJS #chapters {
    height: 49px
}

#chapters {
    background-color: #000
}

#chapters li {
    width: 256px;
    height: 34px;
    border-right: solid 2px #333;
    border-left: 2px solid #000;
    padding: 4px 5px;
    text-align: center;
    cursor: pointer;
    color: #bbb
}

#chapters li.bookChapterStart {
    width: 129px;
    height: 34px;
    text-align: center
}

#chapters li.minWidth {
    min-width: 256px
}

#chapters li.isActive {
    color: #bbb
}

body.chapter #chapters li.isCurrent span,
#chapters li.isCurrent.bookChapterStart.isActive span {
    color: #fff;
    -webkit-text-shadow: -2px 0 10px #FFF, 2px 0 10px #FFF;
    text-shadow: -2px 0 10px #FFF, 2px 0 10px #FFF
}

#chapters li.isCurrent span {
    color: #fff
}

.mTitleWrapper {
    display: table;
    width: 100%
}

.mTitle {
    font-weight: 400!important;
    display: table-cell;
    vertical-align: middle;
    height: 34px
}

a .mTitle {
    color: #fff
}

#bContainer {
    height: 46px
}

#mWrap {
    height: 101px;
    margin-top: 27px;
    background-color: #000;
    -webkit-appearance: none;
    box-shadow: 0 -16px 16px 0 #000;
    -webkit-box-shadow: 0 -16px 16px 0 #000;
    -moz-box-shadow: 0 -16px 16px 0 #000
}

#cWrap {
    height: 49px
}

ul#books {
    position: relative;
    width: 959px;
    margin: 0 0 4px 20px;
    background-color: #000;
    overflow: visible;
    height: 35px;
    -webkit-transform: translate3d(0, 0, 0);
    height: 13px;
    padding-top: 28px;
    float: left;
    cursor: pointer
}

#books li {
    width: 135px;
    height: 6px;
    border-bottom: 4px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999
}

#books a {
    display: block;
    width: 135px
}

#books #b1 {
    margin: -30px 0 0 -10px
}

#books #b2 {
    margin: -30px 0 0 -13px
}

#books #b3 {
    margin: -30px 0 0 -18px
}

#books #b4 {
    margin: -33px 0 0 -9px
}

#books #b5 {
    margin: -32px 0 0 -13px
}

#books #b6 {
    margin: -31px 0 0 -17px
}

#books #b7 {
    margin: -31px 0 0 -15px
}

.signature {
    height: 46px;
    text-align: center;
    width: 130px;
    border: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #000
}

#books li.signature img {
    margin: 0 auto
}

#books li#activePosition,
#books li#currentPosition {
    position: absolute;
    display: block;
    width: 24px;
    height: 32px;
    top: 0;
    border: 0;
    margin-left: -16px
}

#books li#activePosition {
    background: transparent url('images/sliderActive.png') 0 0 no-repeat;
    z-index: 2
}

#books li#activePosition.no-transition {
    -moz-transition: none!important;
    -webkit-transition: none!important;
    -o-transition: color 0 ease-in!important;
    transition: none!important
}

#books li#currentPosition {
    background: transparent url('images/sliderCurrent.png') 0 0 no-repeat;
    z-index: 1
}

.touchDevice #books li#activePosition,
.touchDevice #books li#currentPosition {
    padding: 4px 5px;
    margin: -6px 0 0 -17px;
    background-position: 5px 2px
}

#momentNavigator {
    z-index: 40!important;
    position: fixed!important;
    bottom: 0
}

#momentNavigator.top {
    position: absolute!important;
    top: 564px;
    bottom: auto
}

#momentNavigator.bottom {
    position: relative!important
}

.basic #nav-moments {
    text-align: center;
    width: 100%;
    max-width: 1278px;
    min-width: 1024px;
    margin: 0 auto
}

.basic #momentNavigator {
    position: relative!important;
    margin: 0 auto;
    width: 1278px
}

.basic .scrollNext,
.basic .scrollPrevious {
    display: none
}

.basic ul#moments {
    width: 2016px
}

#nav-moments.noJS ul#moments {
    position: relative;
    left: -88px
}

.no-js #comments .activity-feed.comments.nocomments .label {
    display: none
}

.basic ul#chapters {
    margin-left: -20px;
    width: 1350px
}

.basic ul#books {
    cursor: default
}

.basic #books a {
    width: 30px
}

.basic #books li#activePosition,
.basic #books li#currentPosition {
    display: none
}

#momentNavigator.slim #slim {
    opacity: 1;
    width: 100%;
    text-align: center;
    height: 40px;
    background-color: #000;
    margin-top: 30px;
    font-size: 1.3em;
    padding: 20px;
    -webkit-transform: translate3d(0, 0, 0)
}

#mContainer,
#cContainer {
    -moz-transition: opacity ease 1s;
    -o-transition: opacity ease 1s;
    -webkit-transition: opacity ease 1s;
    transition: opacity ease 1s
}

#momentNavigator.slim #mContainer,
#momentNavigator.slim #cContainer,
#momentNavigator.slim .scrollPrevious,
#momentNavigator.slim .scrollNext {
    opacity: 0
}

#momentNavigator.slim .percentComplete {
    margin: 10px auto;
    width: 300px;
    max-width: 250px;
    height: 8px;
    background-color: #ffa;
    position: static
}

html[lang=fr] #momentThumbB6C30M1 .icons.hasAudio,
html[lang=it] #momentThumbB6C30M1 .icons.hasAudio,
html[lang=ja] #momentThumbB6C30M1 .icons.hasAudio,
html[lang=es] #momentThumbB6C30M1 .icons.hasAudio {
    display: none
}