.faq {
  position: absolute;
  width:100%;
  top:10px;
  max-height: 400px;
  overflow: hidden;
  display: none;
}

.faq div {
  background:#ccc;
  margin:10px auto;
  width:80%;
  color:black;
  padding:20px;
  max-height: 380px;
  overflow: auto;
}

/* pf theme */
body.pf,
.pf .jumbotron {
  background-color: black;
}

/* mobile first layout styles */
.pf .jumbotron,
.pf .container {
  padding:0;
  margin:0 auto;
}

.above-player-nav, .aleph-nav, .instructions {
  text-align: center;
}
.above-player-nav a {
  padding:7px;
  display: inline-block;
}
.below-player {margin-top:10px;}

.instructions p {
  color:white;
  line-height: 0.5;
}


.pf div.jp-video-360p {width:100%;}

.pf #jquery_jplayer_N img {
  max-height: 270px;
  border-radius: none;
  max-width: 270px;
  display: block;
  margin:0 auto;
}
.pf .container .jp-playlist {
  overflow:auto;
}
.pf .no-overflowscrolling .container .jp-playlist{
  height: auto;
}

/* mobil first end */
.pf .jp-video-display {
  outline: 5px solid red;
}
.pf .jp-gui {
  clear:both;
}

.pf #jquery_jplayer_N img {
  /*height:100%!important;*/
  height:auto!important;
  width:100%!important;
}
.pf .playlist-description {
  margin-left:60px;
  width:72%;
}
.pf .playlist-thumbnail {
  width:50px;
  margin:1% 3% 1% 0;
  float:left;
}
.pf .jp-playlist-item,
.pf .off-player-link {
  font-size:85%;
  word-wrap:break-word;
}
.pf .playlist-title {
  display: block;
  padding-left: 6px;
}
.pf .playlist-duration {
  font-size:70%;
  display: block;
}
.pf .off-player-link:after {
  content:">>>";
  position: absolute;
  top: 0;
  right: 0;
}

body.pf #jp_container_N .jp-video-play {
  position: absolute;
  width:50%;
  outline: 1px solid green;
  top:5%;
  height: 80%;
  margin:0!important;
}



/* mainplayer skin overrides */
.pf div.jp-audio,
.pf div.jp-audio-stream,
.pf div.jp-video {
  font-size: 1.25em;
  font-family: Verdana,Arial,sans-serif;
  line-height: 1.6;
  color: #ffe;
  border-top: 1px solid #554;
  border-left: 1px solid #554;
  border-right: 1px solid #111;
  border-bottom: 1px solid #111;
  background-color: #221;
  /*background-color: #3a2a45;*/
}
.pf div.jp-interface {
  background-color: #332;
  width: 99%;
  margin: 0 auto;
  border-radius: 0 0 10px 10px;
}
.pf div.jp-video .jp-progress {
  border-top: 1px solid #180a1f;
  border-bottom: 1px solid #554560;
  background-image: none;
}
.pf .jp-seek-bar {
  background: url("/vendor/skin/pink.flag/jplayer.pink.flag.jpg") 0px -260px repeat-x;
}
.pf .container .jp-playlist {
  box-shadow: 0 0 20px black inset;
}
.pf div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
  background-color: #554;
  margin: 0 -20px;
  padding: 2px 20px;
  border-top: 1px solid green;
  border-bottom: 1px solid green;
}
.pf div.jp-type-playlist div.jp-playlist li.jp-playlist-current a {
  color: #eed;
}
.pf div.jp-type-playlist div.jp-playlist a:hover {
  color: rgb(111, 148, 111);
}


/* directory page */
.bm .above-player-nav, .bm .below-player {display: none;}
.bm div.jp-audio {
  border:none;
  margin: 10px 0 45px 35px;
  padding:0 10px;
}

.bm div.jp-title {
  border-radius:15px 15px 0 0;
  width:90%;
  margin:auto;
}

.bm .playlist-link {margin:30px 45px;}
.bm .playlist-link.dir{margin:auto;}
.bm #dirlist-wrapper section {

}

.bm .jp-current-time,
.bm .jp-duration {
  margin:15px 30px;
}

.bm .list-header li {
  display: inline-block;
  width: 30%;
  border-bottom: 1px solid #ccc;
}
.bm ul.files {
  height:500px;
  overflow: auto;
  list-style-type: none;
}

.bm li:hover {background-color:#eee;}

.bm ul.files li span{
  width:30%;
  display: inline-block;
}

@media (max-width: 450px) {
.pf div.jp-controls-holder {
    width:auto;
  }
.pf div.jp-video ul.jp-controls {
    display: block;
    float: none;
  }
  .pf #jp_container_N {
    margin-top: 50px;
  }
.pf .jp-gui {
    position: fixed;
    top: 0;
    width: 100%;
  }
}

@media (max-width: 768px) {
.pf .container .jp-jplayer  {
    float:none;
    display: block;
    margin: 0 auto;
    background: none;
  }
  .pf #jquery_jplayer_N {
    width:100%!important;
  }
.pf .container .jp-playlist {
    width: 100%!important;
    height: 400px;
    margin:0 auto;
  }
}

@media (max-width: 992px) {
.pf .jp-playlist-item,
.pf .off-player-link {
    font-size:11px;
  }
}

@media (min-width: 768px) {
.pf .container .jp-video {
      width: 100%;
      position: relative;
  }
.pf .container .jp-jplayer,
.pf .container .jp-playlist {
    display: inline-block;
    position: relative;
  }
.pf .container .jp-jplayer {
    float:left;
    border-radius: 20px 0 0 0;
    width: 50%!important;
    height:375px!important;
  }
.pf .container .jp-playlist {
    border-radius:0 20px 0 0;
    width: 49%!important;
    margin-top:1%;
  }
.pf .jp-playlist ul {
    height: 356px;
  }
.pf .container .jp-video {
    border-radius: 5px;
      box-shadow: 0 0 5px #443;
  }
.pf #jquery_jplayer_N img {
    border-radius: 5px 0 0 0;
    max-height: 584px;
    max-width: 584px;
  }
}

@media (min-width: 992px) {
.pf .container .jp-jplayer {
  height:485px!important;
  }
  .pf .jp-playlist ul {
    height: 464px;
  }
}

@media (min-width: 1200px) {
.pf .container .jp-jplayer {
  height:584px!important;
  }
  .pf .jp-playlist ul {
    height: 560px;
  }
}



/* sprites */
/* icons-sprite.png */
.icon {
    background-image: url(/img/icons-sprite.png);
    background-repeat: no-repeat;
    display: block;
}

.icon-a00 {
    width: 30px;
    height: 30px;
    background-position: -3px -3px;
}

.icon-a01 {
    width: 30px;
    height: 30px;
    background-position: -39px -3px;
}

.icon-a02 {
    width: 30px;
    height: 30px;
    background-position: -75px -3px;
}

.icon-a03 {
    width: 30px;
    height: 30px;
    background-position: -111px -3px;
}

.icon-a04 {
    width: 30px;
    height: 30px;
    background-position: -147px -3px;
}

.icon-a05 {
    width: 30px;
    height: 30px;
    background-position: -183px -3px;
}

.icon-a06 {
    width: 30px;
    height: 30px;
    background-position: -219px -3px;
}

.icon-a07 {
    width: 30px;
    height: 30px;
    background-position: -255px -3px;
}

.icon-a08 {
    width: 30px;
    height: 30px;
    background-position: -291px -3px;
}

.icon-a09 {
    width: 30px;
    height: 30px;
    background-position: -327px -3px;
}

.icon-a10 {
    width: 34px;
    height: 30px;
    background-position: -363px -3px;
}

.icon-guide {
    width: 26px;
    height: 31px;
    background-position: -403px -3px;
}

.icon-one {
    width: 35px;
    height: 30px;
    background-position: -435px -3px;
}

.icon-two {
    width: 30px;
    height: 30px;
    background-position: -476px -3px;
}

/* end icons-sprite.png */


/* playlist-sprites */
.list-aleph-null .sprite,
.list-aleph-1 .sprite,
.list-aleph-2 .sprite,
.list-aleph-3 .sprite,
.list-aleph-4 .sprite,
.list-aleph-5 .sprite,
.list-aleph-6 .sprite,
.list-aleph-7 .sprite,
.list-aleph-8 .sprite,
.list-aleph-9 .sprite,
.list-aleph-10 .sprite,
.list-aleph-11 .sprite {
    background-image: url(/img/aleph-sprite.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-aleph0 {
    width: 50px;
    height: 50px;
    background-position: -3px -3px;
}

.sprite-aleph1 {
    width: 50px;
    height: 50px;
    background-position: -3px -59px;
}

.sprite-aleph10 {
    width: 50px;
    height: 50px;
    background-position: -3px -115px;
}

.sprite-aleph11 {
    width: 50px;
    height: 50px;
    background-position: -3px -171px;
}

.sprite-aleph2 {
    width: 50px;
    height: 50px;
    background-position: -3px -227px;
}

.sprite-aleph3 {
    width: 50px;
    height: 50px;
    background-position: -3px -283px;
}

.sprite-aleph4 {
    width: 50px;
    height: 50px;
    background-position: -3px -339px;
}

.sprite-aleph5 {
    width: 50px;
    height: 50px;
    background-position: -3px -395px;
}

.sprite-aleph6 {
    width: 50px;
    height: 50px;
    background-position: -3px -451px;
}

.sprite-aleph7 {
    width: 50px;
    height: 50px;
    background-position: -3px -507px;
}

.sprite-aleph8 {
    width: 50px;
    height: 50px;
    background-position: -3px -563px;
}

.sprite-aleph9 {
    width: 50px;
    height: 50px;
    background-position: -3px -619px;
}

/* end playlist sprites */