#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { font-family: "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 200; color: #fff; }
#sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none; }
#sb-overlay { position: relative; height: 100%; width: 100%; }
#sb-wrapper { position: absolute; visibility: hidden; width: 100px; }
#sb-wrapper-inner { position: relative; border: 1px solid #303030; overflow: hidden; height: 100px; }
#sb-body { position: relative; height: 100%; }
#sb-body-inner { position: absolute; height: 100%; width: 100%; }
#sb-player.html { height: 100%; overflow: auto; }
#sb-body img { border: none; }
#sb-loading { position: relative; height: 100%; }
#sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center; }
    #sb-loading-inner span { background: url(loading.gif) no-repeat; padding-left: 34px; display: inline-block; }
#sb-body, #sb-loading { background-color: #060606; }

#sb-title, #sb-info { margin: 0; padding: 0; overflow: hidden; }

#sb-title, #sb-title-inner { height: 26px; line-height: 26px; }
#sb-title-inner { font-size: 16px; }
#sb-info, #sb-info-inner { height: 20px; line-height: 20px; }
#sb-info-inner { font-size: 12px; }
#sb-nav { float: right; height: 16px; padding: 2px 0; width: 45%; }
    #sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat; }
#sb-nav-close { background-image: url(close.png); }

#sb-nav-next, #sb-nav-previous { text-decoration: none; font: normal normal normal 14px/1 FontAwesome; font-size: 48px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; margin-top: -24px; z-index: 1000; height: auto; width: auto; color: #000; opacity: 0.30; }
    #sb-nav-next:hover, #sb-nav-previous:hover { }
#sb-nav-next { right: 25px; }
    #sb-nav-next:before { content: '\f054'; }
#sb-nav-previous { left: 5px; }
    #sb-nav-previous:before { content: '\f053'; }


#sb-nav-play { background-image: url(play.png); }
#sb-nav-pause { background-image: url(pause.png); }
#sb-counter { float: left; width: 45%; }
    #sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff; }
        #sb-counter a.sb-counter-current { text-decoration: underline; }
div.sb-message { font-size: 12px; padding: 10px; text-align: center; }
    div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; }