body.body-album {
     background: none repeat scroll 0% 0% #1A1A1A;
    height: 100%;
}



#album-main {
     background-attachment: scroll;
     background-clip: border-box;
     background-color: #121212;
     background-image: none;
     background-origin: padding-box;
     background-position: 0% 0%;
     background-repeat: repeat;
     background-size: cover;
     height: 100%;
     position: absolute;
     width: 100%;
    min-width: 1024px;
     z-index: 1;
}

#background-container {
     background-attachment: scroll;
     background-clip: border-box;
     background-color: #121212;
     background-image: none;
     background-origin: padding-box;
     background-position: 0% 0%;
     background-repeat: repeat;
     background-size: cover;
     height: 100%;
     overflow: hidden;
     position: absolute;
     width: 100%;
     z-index: 0;
     top:0;
     left:0;
}

.background {
     background-attachment: scroll;
     background-clip: border-box;
     background-color: transparent;
     background-image: none;
     background-origin: padding-box;
     background-position: left top;
     background-repeat: no-repeat;
     background-size: cover;
     height: 100%;
     left: 0px;
     position: absolute;
     top: 0px;
     width: 100%;
}

.button-sprite, #player-controls .control-buttons li, #next-controls .control-buttons li, #timeline div.chapter-wrapper .scrubberIcon, #timeline-scrubber .scrubberIcon, #bt-close, #bt-help, #timeline div.chapter-wrapper .scrollerTimecode, #timeline-scrubber .scrollerTimecode {
     background-image: url("../img/buttons-spritesheet.png");
     background-repeat: no-repeat;

}

#background-next {
    
}

#album-main #audio-player {
     display: none;
}

.orange-bg {
     background-color: #D75509;
}

.dark-bg {
     background-color: #121212;
}

.light-tx {
     color: #FEFEFE;
}

.page-icon {
     background-color: #863200;
     background-position: 50% 50%;
     background-repeat: no-repeat;
}

#header-container {
     position: relative;
     z-index: 12;
}

#album-main h1 {
     border-bottom: 1px solid #D75509;
     clear: both;
     display: inline-block;
     padding: 7px 10px 9px 10px;
}

#album-main h1 span.label {
     padding-right: 4px;
}

#album-main h1 span.timecode {
     display: inline-block;
     padding: 0pt 10px;
     width: 80px;
}
#album-main.complete h1{
    float:left;
    width:433px;
}

#player-controls, #next-controls  {
     display: block;
}

#player-controls .inner, #next-controls  .inner {
     background: none repeat scroll 0% 0% black;
     border-bottom: 1px solid #D75509;
     display: inline-block;
     padding: 10px;
}
#album-main.complete #player-controls  .inner {
    padding:0px;
}

#player-controls li, #next-controls li {
     display: block;
     float: left;
     height: 41px;
     margin: 0pt 0pt 0pt 10px;
     padding: 0pt;
     width: 41px;
}
#album-main.complete #player-controls  li {
    height:38px;
    overflow: hidden;
    margin:0px;
}

#player-controls li:first-child, #next-controls li:first-child {
     margin-left: 0px;
}

#player-controls li a, #next-controls li a {
     border: medium none;
     display: block;
     height: 100%;
     text-indent: -9999px;
     width: 100%;
     overflow:hidden;
     color:#fff;
}

#player-controls #bt-next {
    width:86px;
    height:37px;
    margin-top:-4px;
    background-position: 0px -450px;
    border-bottom: 1px solid #D75509;
    border-top: 1px solid black;
}
#player-controls #bt-play {
    background-position: 0px 0px;
}

#player-controls #bt-volume {
     background-position: -100px 0px;
}
#player-controls #bt-volume.timer {
    display: none;
}

#player-controls #bt-share {
}

#player-controls #bt-share  {
     background-position: -50px 0px;
     display: block;
     height: 41px;
     text-indent: -999px;
     width: 41px;
}

#player-controls #bt-play.active {
     background-position: 0px -50px;
}

#player-controls #bt-volume.active {
     background-position: -100px -50px;
}

#player-controls #bt-share.active {
     background-position: -50px -50px;
}

#player-controls #bt-share-end, #player-controls #bt-replay {
     background-position: -100px -100px;
    width:80px;
    height:39px;
}

#player-controls #bt-replay {
     background-position: 0px -100px;
    width:80px;
    height:39px;
}

#bt-close {
     background-color: #863200;
     background-position: -200px 0px;
     border-bottom: 1px solid #D75509;
     height: 32px;
     position: absolute;
     right: 0px;
     top: 0px;
     width: 32px;
}

#bt-close:active {
     background-color: #642500;
}

#bt-close a {
     display: block;
     height: 100%;
     text-align: center;
     width: 100%;
     text-indent:-9999px;
     overflow:hidden;
     color:#fff;
}

#bt-help {
     background-color: #863200;
     background-position: -150px 0px;
     border-top: 1px solid #D75509;
     bottom: 0px;
     height: 32px;
     left: 0px;
     position: absolute;
     width: 32px;
}

#bt-help:active {
     background-color: #642500;
}

#bt-help a {
     display: block;
     height: 100%;
     width: 100%;
     color: #fff;
     text-indent:-9999px;
     overflow:hidden;
}

#typography {
     background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.75);
     color: #2E2E2D;
     display: inline-block;
     left: 0px;
     top: 200px;
}

#captionbar {
     background-color: rgba(0, 0, 0, 0.5);
     border-bottom: 2px solid #D75509;
     clear: both;
     color: #FFFFFF;
     display: inline-block;
     height: auto;
     width: auto;
}

#captionbar .inner {
     padding: 8px 12px;
}

#captionbar h2, h3, h4 {
     margin: 0pt;
     padding: 0pt;
}

#captionbar h2 {}
#captionbar h4 {}

#filmstrip-container {
     display: none;
}

#filmstrip, #filmstrip-more {
    display: block;
    height: 122px;
    margin: 0px 0px -12px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#footer-container *{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#album-main #filmstrip{

    padding-bottom: 20px;
}

#timeline div.chapter-wrapper , #timeline-more div.chapter-wrapper {
     display: block;
     float: left;
     margin-left: 8px;
     position: relative;
     width: auto;
}

#timeline div.chapter-wrapper , #timeline-more div.chapter-wrapper {
     position: relative;
}

#timeline div.chapter-wrapper .scrollerTrack , #timeline-more div.chapter-wrapper .scrollerTrack {
     background: none repeat scroll 0% 0% #808080;
     display: block;
     height: 2px;
     margin: 0px;
     width: auto;
}

#timeline div.chapter-wrapper .scrollerTrack .progress,#timeline-more div.chapter-wrapper .scrollerTrack .progress {
     background: none repeat scroll 0% 0% #FF4500;
     display: block;
     height: 100%;
}

#timeline div.chapter-wrapper .scrollerTimecode, #timeline-scrubber .scrollerTimecode, #timeline-more div.chapter-wrapper .scrollerTimecode {
     background-position: -254px 0px;
     height: 50px;
     left: -45px;
     pointer-events: none;
     position: absolute;
     top: -20px;
     width: 150px;
     text-align:center;
}

.scrollerTimecode span {
     color: #FDFAFA;
     display: inline-block;
     margin: 4px 0px 0px 12px;
     width: auto;
}

.scrollerTimecode span:first-child {
     margin-left: 15px;
     display:none;
}

#timeline div.chapter-wrapper .scrollerThumb, #timeline-more div.chapter-wrapper .scrollerThumb, #timeline-scrubber {
     display: none;
     height: 82px;
     left: -100px;
     position: absolute;
     top: 55px;
     width: 61px;
     z-index: 10;
}

#timeline div.chapter-wrapper .scrubberIcon,#timeline-more div.chapter-wrapper .scrubberIcon, #timeline-scrubber .scrubberIcon {
     background-position: -400px 0px;
     height: 75px;
     left: 0px;
     position: absolute;
     top: 0px;
     width: 61px;
}

#filmstrip .longblock , #filmstrip-more .longblock {
     height: 122px;
     left: 0px;
     margin: 0px;
     position: relative;
     width: 9999px;
}

#timeline, #timeline-more {
     padding-left: 0px;
     padding-top: 4px;
     position: absolute;
     width: auto;
}

#filmstrip .filmstrip-item , #filmstrip-more .filmstrip-item {
     border: 0px solid white;
     display: inline-block;
     height: auto;
     margin: 0pt;
     padding: 0pt 4px;
}

#filmstrip .chapter-marker {
     display: block;
     left: 0px;
     position: absolute;
     top: 0px;
     width: 100%;
}

#filmstrip .chapter-marker, #filmstrip-more .chapter-marker {
     background:#B8B8B8;
     height: 109px;
     text-align: center;
     width: 22px;
}

#filmstrip .chapter-marker span , #filmstrip-more .chapter-marker span {
     display: block;
     width: 23px;
    margin-top:-10px;
}


#footer-scroller-more.scrollWidget {
    margin:0;
}

#album-main #footer-container{
    position: absolute;
    bottom:0px;
    width: 100%;
}

#filmstrip ul, #filmstrip-more ul {
     height: 84px;
     margin: 0pt 0pt 0pt 30px;
     padding: 0pt;
     position: relative;
}

#filmstrip ul > li.filmstrip-item:first-child , #filmstrip-more ul > li.filmstrip-item:first-child {
     padding-left: 0pt;
}

#filmstrip ul > li.filmstrip-item:last-child, #filmstrip-more ul > li.filmstrip-item:last-child {
     padding-right: 0px;
}

#filmstrip .filmstrip-item a, #filmstrip-more .filmstrip-item a {
     background-attachment: scroll;
     background-clip: border-box;
     background-color: white;
     background-image: none;
     background-origin: padding-box;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     display: inline-block;
     height: 84px;
     opacity: 1;
     text-indent: -9999px;
     width: 142px;
     color:#fff;
}

#filmstrip .filmstrip-item.active a , #filmstrip-more .filmstrip-item.active a {
     box-shadow: 2px 2px 0px #D75509 inset, -2px -2px 0px #D75509 inset;
     opacity: 1;
}

#filmstrip .filmstrip-item a:focus, #filmstrip-more .filmstrip-item a:focus {
}

#filmstrip .filmstrip-item.type-video, #filmstrip-more .filmstrip-item.type-video {
     background-size: 119px 70px ! important;
}

#filmstrip .filmstrip-item.type-video a , #filmstrip-more .filmstrip-item.type-video a {
     background: url("../img/video-thumb-border.png") no-repeat scroll 0% 0% transparent ! important;
     width: 743px;
}

#player1 {
     display: none;
}

#player.video {
     background: none repeat scroll 0% 0% black;
     position: absolute;
}

#timeline-time {
     background: none repeat scroll 0% 0% black;
     color: white;
     display: inline-block;
}

#slidewrapper {
     overflow: hidden;
     padding-top: 0px;
}

#slidewrapper .inner {
     padding: 0px;
}

#footer-scroller {
     display: block;
     margin: 2px 0px;
     width: 100%;
}

#footer-scroller .scrollerTrack , #footer-scroller-more .scrollerTrack {
     background: url("../img/scroller-bg.png") repeat-x scroll 0% 0% transparent;
     display: block;
     height: 20px;
     position: relative;
}

#footer-scroller .scrollerThumb , #footer-scroller-more .scrollerThumb {
     background: url("../img/scroller-thumb.png") no-repeat scroll 0% 0% transparent;
     height: 10px;
     left: 0px;
     position: absolute;
     top: 0px;
     width: 142px;
}

.iScrollbarH {
    height: 10px;
    bottom:0;
    left:0;
    position: absolute;
    width: 100%;
    z-index: 100;
}

.iScrollbarMoreH {
    height: 10px;
    bottom:2px;
    left:0;
    position: absolute;
    width: 100%;
    z-index: 100;
}

.iScrollbarMoreH > #iScrollbarMoreThumb {
    background: url("../img/scroller-thumb-corner.png") no-repeat scroll right top transparent;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 101;
}

#iScrollbarMoreThumb .inner {
    background: url("../img/scroller-thumb-repeat.png") repeat-x scroll right top transparent;
    height: 100%;
    left: -8px;
    position: relative;
    width: 100%;
}

#background-current, #background-next {
    
}

#endframe {
    color: white;
    height: auto;
    left: 0px;
    position: absolute;
    top: 100px;
    width: 613px;
    z-index: 11;
}

#album-main #help-panel {
    z-index: 20;
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.5);
    top:0px;
    left:0px;
}
#album-main #help-panel .inner{
    background:  url("../img/gallery-help.png") no-repeat center center;
    width:811px;
    height:459px;
    position: absolute;
    top:50%;
    left:50%;
    margin: -230px 0px 0px -405px;
    cursor: pointer;
}
#album-main #overlay {
    z-index: 9;
    display: block;
}

#endframe .module-blocks{
    background:black;
    padding: 10px 15px 0px 15px;
    margin-bottom: 40px;
    border-bottom: 1px solid #D75509;
    width:auto;
    display: inline-block;
}

#endframe a {
     color: white;
}

#endframe .album-list {
     margin: 12px 0px;
     padding: 0pt;
}

#endframe .album-list li {
     background: #121212 url("../img/endframe-list-bg.png") repeat-x;
     display: block;
     float: left;
     height: 84px;
     margin: 0pt 0px 15px 0pt;
     padding: 0pt;
     width: 284px;
}

#endframe .album-list a {
     background: none no-repeat scroll 0% 0% transparent;
}

#endframe .album-list li.row-1, #endframe .album-list li.row-3, #endframe .album-list li.row-5, #endframe .album-list li.row-7, #endframe .album-list li.row-9 {
     margin-left: 15px;
}

#endframe .album-list li.row-3 {
     clear: right;
}

#endframe .more-link {
     background: #121212 url("../img/endframe-more-link-bg.png") repeat-x;
     border-bottom: 1px solid #D75509;
     height: 40px;
     width: 100%;
     margin-bottom: 30px;
    width:100%;
}



#endframe .album-list li a, #endframe .more-link a {
     display: block;
     height: 100%;
     overflow: hidden;
     width: 100%;
     padding:0;
}
#endframe .more-link .inner {
    padding:8px 0px 0px 15px;
}

#endframe .more-link a span {
    padding-left: 8px;
}

#endframe .more-link a span strong {padding-right:4px;}

#endframe .album-list li a span {
     display: block;
     padding: 6px 6px 0px 148px;
}

#video-container {
     height: 100%;
     left: 0px;
     overflow: hidden;
     position: absolute;
     top: 0px;
     width: 100%;
     visibility: hidden;
}

#album-main #video-container {visibility:visible;}

#video-container #track , #video-container #track-audio, #video-container #track-video{
     position: absolute;
     display: block;
     height:100%;
     width:100%;
     top : 0;
     left: 0;
}

#video-container video#track , #video-container video#track-audio , #video-container video#track-video {
     min-height: 100%;
     min-width: 100%;
     height:100%;
     width:100%;
     top : 0;
     right: 0;
     display: block;
    /* set to auto for fullscreen on desktop */

    height:auto;
    width:auto;

}

#help-bar {
     display: block;
     height: 40px;
     position: relative;
     width: 100%;
}

#loader-container {
     height: 100%;
     left: 0px;
     overflow: hidden;
     position: absolute;
     top: 0px;
     width: 100%;
}

#loader-container .spinner {
     height: 100px;
     left: 50%;
     margin-left: -50px;
     margin-top: -50px;
     position: absolute;
     top: 50%;
     width: 100px;
}

.big-play-button {
  /*   border: 1px solid white;
     box-shadow: 4px 4px 8px #000000; */
     cursor: pointer ! important;
     display: none;
     height: 86px;
     left: 50%;
     margin: -43px;
     opacity: 0.95;
     position: absolute;
     text-align: center;
     top: 50%;
     width: 86px;
     z-index: 2;
    width:100px;
    height:100px;
}

.big-play-button .button-sprite {
     display: inline-block;
    background-position: -200px -350px;
    width:100px;
    height:100px;
    margin: -10px 0px 0px -10px;
}

.accessible * {
     background: none repeat scroll 0% 0% black ! important;
     color: white;
}

.accessible img {
     height: auto;
     width: 80%;
}

#share-buttons {
     background-position: 0px -209px;
     clear: both;
     height: 50px;
     position: absolute;
    top:51px;
    left:170px;
     width: 203px;
    z-index: 11; 
}
#album-main.complete #share-buttons, #menuBtn #share-buttons, #bt-menu #share-buttons {top:40px;left:266px;background-position:0 -726px;height:59px;width:189px;}
#menuBtn #share-buttons, #bt-menu #share-buttons {left:auto;right:-1px;}
#share-buttons ul {padding-left:3px;}
#share-buttons li {
     display: block;
     height: 39px;
     width: 40px;
     float:left;
     margin:14px 3px 0;
     background:none;
     border:0;
}

#share-buttons li a {
    text-indent: -9999px;
     display: block;
     height: 100%;
     width: 100%;
     overflow:hidden;
     color:#fff;
}