/*! Blue Monday Skin for jPlayer 2.9.2 ~ (c) 2009-2014 Happyworm Ltd ~ MIT License*//* * Skin for jPlayer Plugin (jQuery JavaScript Library) * http://www.jplayer.org * * Skin Name: Blue Monday * * Copyright (c) 2010 - 2014 Happyworm Ltd * Licensed under the MIT license. * - http://www.opensource.org/licenses/mit-license.php * * Author: Silvia Benvenuti * Skin Version: 5.1 (jPlayer 2.8.0) * Date: 13th November 2014*/.jp-audio *:focus,
.jp-audio-stream *:focus,
.jp-video *:focus{/* Disable the browser focus highlighting.*/outline: none;}
.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner{/* Disable the browser CSS3 focus highlighting.*/border: 0;}
.jp-audio,
.jp-audio-stream,
.jp-video{font-size: 16px;line-height: 1.6;color: #666;background-color: #eee;-webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.5);-moz-box-shadow: 0 0px 10px rgba(0,0,0,0.5);box-shadow: 0 0px 10px rgba(0,0,0,0.5);}
.jp-audio{max-width: 420px;border-radius: 5px;}
.jp-audio-stream{max-width: 182px;}
.jp-video-270p{max-width: 480px;}
.jp-video-360p{max-width: 640px;}
.jp-video-360p object,.jp-video-360p .jp-jplayer{width:auto;height:100%;}
.jp-video-270p object,.jp-video-270p .jp-jplayer{width:auto;height: 100%;}
.jp-video-full{/* Rules for IE6 (full-screen)*/width: 480px;height: 270px;/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui.*/position: static !important;position: relative;}
/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles.*/.jp-video-full div div{z-index: 1000;}
.jp-video-full .jp-jplayer{top: 0;left: 0;position: fixed !important;position: relative;/* Rules for IE6 (full-screen)*/overflow: hidden;}
.jp-gui{position: absolute;width:100%;left:0;bottom:0;}
.jp-video-full .jp-gui{position: fixed !important;position: static;/* Rules for IE6 (full-screen)*/top: 0;left: 0;width: 100%;height: 100%;z-index: 1001;/* 1 layer above the others.*/}
.jp-video-full .jp-interface{position: absolute !important;position: relative;/* Rules for IE6 (full-screen)*/bottom: 0;left: 0;}
.jp-interface{position: relative;/* background-color: #eee;background-image: -moz-linear-gradient(top,#f4f4f4,#d3d3d3);background-image: -webkit-gradient(linear,0 0,0 100%,from(#f4f4f4),to(#d3d3d3));background-image: -webkit-linear-gradient(top,#f4f4f4,#d3d3d3);background-image: -o-linear-gradient(top,#f4f4f4,#ddd);background-image: linear-gradient(to bottom,#f4f4f4,#d3d3d3);*/width: 100%;}
.jp-audio .jp-interface{height: 80px;border-radius: 5px;}
.jp-audio-stream .jp-interface{height: 80px;}
.jp-video .jp-interface{height: 54px;overflow: hidden;background:linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0.05));/* border-top: 1px solid #d7d7d7;*/}
/* @group CONTROLS*/.jp-controls-holder{clear: both;width: 100%;margin: 0 auto;position: relative;overflow: hidden;top: -20px;padding: 5px 0;/* This negative value depends on the size of the text in jp-currentTime and jp-duration*/}
.jp-interface .jp-controls{margin: 0;padding: 0;}
.jp-audio .jp-controls{width: 380px;padding: 20px 20px 0 20px;}
.jp-audio-stream .jp-controls{position: absolute;top: 20px;left: 20px;width: 142px;}
.jp-video .jp-type-single{position: relative;}
.jp-video .jp-type-single .jp-controls{width: 78px;margin-left: 200px;}
.jp-video .jp-type-playlist .jp-controls{width: 134px;margin-left: 172px;}
.jp-video .jp-controls{float: left;}
.jp-controls button{display: block;float: left;overflow: hidden;text-indent: -9999px;border: none;cursor: pointer;border-radius: 100%;-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 6px rgba(0,0,0,0.5);box-shadow: 1px 1px 6px rgba(0,0,0,0.5);}
.jp-play{width: 28px;height: 28px;margin-top:9px;}
.jp-play{background: url("../img/jplayer.blue.monday.png") -5px -5px no-repeat;}
.jp-play:focus{background: url("../img/jplayer.blue.monday.png") -46px -5px no-repeat;-webkit-box-shadow: 0px 0px 6px rgba(255, 100, 100, 0.9);-moz-box-shadow: 0px 0px 6px rgba(255, 100, 100, 0.9);box-shadow: 0px 0px 6px rgba(255, 100, 100, 0.9);}
.jp-state-playing .jp-play{background: url("../img/jplayer.blue.monday.png") -7px -46px no-repeat;}
.jp-state-playing .jp-play:focus{background: url("../img/jplayer.blue.monday.png") -48px -46px no-repeat;}
.jp-stop, .jp-previous, .jp-next{width: 28px;height: 28px;margin-top:9px;}
.jp-stop{background: url("../img/jplayer.blue.monday.png") 0 -83px no-repeat;margin-left: 10px;}
.jp-stop:focus{background: url("../img/jplayer.blue.monday.png") -29px -83px no-repeat;-webkit-box-shadow: 1px 2px 6px rgba(255, 100, 100, 0.9);-moz-box-shadow: 1px 2px 6px rgba(255, 100, 100, 0.9);box-shadow: 1px 2px 6px rgba(255, 100, 100, 0.9);}
.jp-previous{background: url("../img/jplayer.blue.monday.png") 0 -112px no-repeat;}
.jp-previous:focus{background: url("../img/jplayer.blue.monday.png") -29px -112px no-repeat;}
.jp-next{background: url("../img/jplayer.blue.monday.png") 0 -141px no-repeat;}
.jp-next:focus{background: url("../img/jplayer.blue.monday.png") -29px -141px no-repeat;}
/* @end*//* @group progress bar*/.jp-progress{background-color: rgba(100,100,100,0.15);-webkit-box-shadow: inset 0 0px 4px rgba(0,0,0,.2);box-shadow: inset 0 0px 4px rgba(0,0,0,.2);border-radius: 50px;}
.jp-audio .jp-progress{position: absolute;top: 34px;height: 10px;}
.jp-audio .jp-type-single .jp-progress{left: 110px;width: 186px;}
.jp-audio .jp-type-playlist .jp-progress{left: 166px;width: 130px;}
.jp-video .jp-progress{top: 10px;left: 0px;width: 96%;height: 4px;margin:0 auto;}
.jp-seek-bar{/*background: url("image/jplayer.blue.monday.png") 0 -202px repeat-x;*/width: 0px;border-radius: 100%;height: 100%;cursor: pointer;}
.jp-play-bar{background: url("../img/jplayer.blue.monday.png") 0 -218px repeat-x;width: 0px;border-radius: 10px;height: 100%;-webkit-box-shadow: 0px 0px 6px rgba(255, 100, 100, 0.9);-moz-box-shadow: 0px 0px 6px rgba(255, 100, 100, 0.9);box-shadow: 0px 0px 6px rgba(255, 100, 100, 0.9);}
/* The seeking class is added/removed inside jPlayer*/.jp-seeking-bg{background: url("image/jplayer.blue.monday.seeking.gif");}
/* @end*//* @group volume controls*/.jp-state-no-volume .jp-volume-controls{display: none;}
.jp-volume-controls{position: absolute;top: 32px;left: 308px;width: 200px;}
.jp-audio-stream .jp-volume-controls{left: 70px;}
.jp-video .jp-volume-controls{top: 24px;left: 40px;}
.jp-volume-controls button{display: block;position: absolute;overflow: hidden;text-indent: -9999px;border: none;cursor: pointer;}
.jp-mute,
.jp-volume-max{width: 19px;height: 15px;}
.jp-volume-max{left: 80px;}
.jp-mute{background: url("../img/jplayer.blue.monday.png") 0 -170px no-repeat;}
.jp-mute:focus{background: url("../img/jplayer.blue.monday.png") -19px -170px no-repeat;}
.jp-state-muted .jp-mute{background: url("../img/jplayer.blue.monday.png") -60px -170px no-repeat;}
.jp-state-muted .jp-mute:focus{background: url("../img/jplayer.blue.monday.png") -79px -170px no-repeat;}
.jp-volume-max{background: url("../img/jplayer.blue.monday.png") 0 -186px no-repeat;}
.jp-volume-max:focus{background: url("../img/jplayer.blue.monday.png") -19px -186px no-repeat;}
.jp-volume-bar{position: absolute;overflow: hidden;/*background: url("image/jplayer.blue.monday.png") 0 -250px repeat-x;*/top: 5px;left: 22px;width: 50px;height: 4px;cursor: pointer;background-color: #ddd;-webkit-box-shadow: inset 0 0px 4px rgba(0,0,0,.2);box-shadow: inset 0 0px 4px rgba(0,0,0,.2);border-radius: 5px;}
.jp-volume-bar-value{background: url("../img/jplayer.blue.monday.png") 0 -256px repeat-x;width: 0px;border-radius: 5px;-webkit-box-shadow: 0px 0px 6px rgba(255, 100, 100, 0.9);-moz-box-shadow: 0px 0px 6px rgba(255, 100, 100, 0.9);box-shadow: 0px 0px 6px rgba(255, 100, 100, 0.9);height: 6px;}
/* @end*//* @group current time and duration*/.jp-audio .jp-time-holder{position: absolute;top: 50px;}
.jp-audio .jp-type-single .jp-time-holder{left: 110px;width: 186px;}
.jp-audio .jp-type-playlist .jp-time-holder{left: 166px;width: 130px;}
.jp-current-time,
.jp-duration{width: 60px;font-size: .64em;font-style: oblique;}
.jp-current-time{float: left;display: inline;cursor: default;}
.jp-duration{float: right;display: inline;text-align: right;cursor: pointer;}
.jp-video .jp-current-time{margin-left: 20px;}
.jp-video .jp-duration{margin-right: 20px;}
/* @end*//* @group playlist*/.jp-details{position: relative;top: -16px;font-weight: bold;text-align: center;cursor: default;}
.jp-details,
.jp-playlist{width: 100%;background-color: #ccc;border-top: 1px solid #009be3;}
.jp-type-single .jp-details,
.jp-type-playlist .jp-details{border-top: none;}
.jp-details .jp-title{margin: 0;padding: 5px 20px;font-size: .72em;font-weight: bold;}
.jp-playlist ul{list-style-type: none;margin: 0;padding: 0 20px;font-size: .72em;}
.jp-playlist li{padding: 5px 0 4px 20px;border-bottom: 1px solid #eee;}
.jp-playlist li div{display: inline;}
/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE*/div.jp-type-playlist div.jp-playlist li:last-child{padding: 5px 0 5px 20px;border-bottom: none;}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current{list-style-type: square;list-style-position: inside;padding-left: 7px;}
div.jp-type-playlist div.jp-playlist a{color: #333;text-decoration: none;}
div.jp-type-playlist div.jp-playlist a:hover{color: #0d88c1;}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current{color: #0d88c1;}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove{float: right;display: inline;text-align: right;margin-right: 10px;font-weight: bold;color: #666;}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover{color: #0d88c1;}
div.jp-type-playlist div.jp-playlist span.jp-free-media{float: right;display: inline;text-align: right;margin-right: 10px;}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{color: #666;}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{color: #0d88c1;}
span.jp-artist{font-size: .8em;color: #666;}
/* @end*/.jp-video-play{width: 100%;overflow: hidden;/* Important for nested negative margins to work in modern browsers*/cursor: pointer;background-color: transparent;/* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area.*/}
.jp-video-270p .jp-video-play,.jp-video-360p .jp-video-play{height: 90px;position: absolute;z-index: 999;top: 26%;}
.jp-video-full .jp-video-play{height: 100%;}
.jp-video-play-icon{position: relative;display: block;width: 112px;height: 100px;margin-left: -56px;margin-top: -50px;left: 50%;top: 50%;background: url("image/jplayer.blue.monday.video.play.png") 0 0 no-repeat;text-indent: -9999px;border: none;cursor: pointer;}
.jp-video-play-icon:focus{background: url("../img/jplayer.blue.monday.video.play.png") 0 -100px no-repeat;}
.jp-jplayer audio,
.jp-jplayer{width: 100%;height: 100%;position: relative;background-color: #000000;}
.jp-video-360p,.jp-jplayer,.jp-jplayer video,.jp-jplayer img{border-top-left-radius:5px;border-top-right-radius:5px}
.jp-jplayer video,.jp-jplayer img{width: 100%;height: 100%;}
/* @group TOGGLES*//* The audio toggles are nested inside jp-time-holder*/.jp-toggles{padding: 0;margin: 0 auto;overflow: hidden;}
.jp-audio .jp-type-single .jp-toggles{width: 25px;}
.jp-audio .jp-type-playlist .jp-toggles{width: 55px;margin: 0;position: absolute;left: 325px;top: 50px;}
.jp-video .jp-toggles{position: absolute;right: 0;margin: 0;margin-top: 15px;width: 80px;}
.jp-toggles button{display: block;float: left;width: 25px;height: 18px;text-indent: -9999px;line-height: 100%;/* need this for IE6*/border: none;cursor: pointer;}
.jp-full-screen{background: url("../img/jplayer.blue.monday.png") 0 -310px no-repeat;margin-left: 20px;}
.jp-full-screen:focus{background: url("../img/jplayer.blue.monday.png") -30px -310px no-repeat;}
.jp-state-full-screen .jp-full-screen{background: url("../img/jplayer.blue.monday.png") -60px -310px no-repeat;}
.jp-state-full-screen .jp-full-screen:focus{background: url("../img/jplayer.blue.monday.png") -90px -310px no-repeat;}
.jp-repeat{background: url("../img/jplayer.blue.monday.png") 0 -290px no-repeat;}
.jp-repeat:focus{background: url("../img/jplayer.blue.monday.png") -30px -290px no-repeat;}
.jp-state-looped .jp-repeat{background: url("../img/jplayer.blue.monday.png") -60px -290px no-repeat;}
.jp-state-looped .jp-repeat:focus{background: url("../img/jplayer.blue.monday.png") -90px -290px no-repeat;background-color: #ddd;border-radius: 3px;-webkit-box-shadow: inset 0 0px 4px rgba(0,0,0,.2);box-shadow: inset 0 0px 4px rgba(0,0,0,.2);}
.jp-shuffle{background: url("../img/jplayer.blue.monday.png") 0 -270px no-repeat;margin-left: 5px;}
.jp-shuffle:focus{background: url("../img/jplayer.blue.monday.png") -30px -270px no-repeat;}
.jp-state-shuffled .jp-shuffle{background: url("../img/jplayer.blue.monday.png") -60px -270px no-repeat;}
.jp-state-shuffled .jp-shuffle:focus{background: url("../img/jplayer.blue.monday.png") -90px -270px no-repeat;}
/* @end*//* @group NO SOLUTION error feedback*/.jp-no-solution{padding: 5px;font-size: .8em;background-color: #eee;border: 2px solid #009be3;color: #000;display: none;}
.jp-no-solution a{color: #000;}
.jp-no-solution span{font-size: 1em;display: block;text-align: center;font-weight: bold;}
/* @end*/@media (max-width:767px){.jp-video-360p, .jp-jplayer, .jp-jplayer video, .jp-jplayer img{border-radius: 0;}
  .jp-audio, .jp-audio-stream, .jp-video{box-shadow: none;}
  .jp-audio{width: 100%;min-width: 380px !important;}
  .jp-audio .jp-interface{border-radius: 0;}
  .jp-audio .jp-progress{width: 96% !important;left: 2% !important;top: 5px;}
  .jp-audio .jp-controls{padding-top: 26px;}
  .jp-volume-controls{top: 39px;right: 10px;width: 105px;display: block;height: 15px;left: inherit;}
  .jp-audio .jp-time-holder{top: 38px;width: auto !important;}}