/*! Pink Flag 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: Pink Flag
 *
 * Copyright (c) 2012 - 2014 Happyworm Ltd
 * Licensed under the MIT license.
 *  - http://www.opensource.org/licenses/mit-license.php
 *
 * Author: Silvia Benvenuti
 * Skin Version: 2.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 {
  width: 100%;
}

.jp-interface {
  position: relative;
  width: 100%; }

/* @group CONTROLS */
.jp-audio .jp-controls, .jp-audio-stream .jp-controls {
	float:left; }

.jp-controls-holder {
	margin-top: 20px;
	padding: 8px; }

.jp-controls button {
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  height: 34px;
  margin: 0 1px 2px 0;
  padding: 0;
  border: none;
  cursor: pointer;
}

/* @group single player controls */
.jp-type-single .jp-controls {
  overflow: hidden;
  display: block; }

.jp-type-single .jp-controls , .jp-type-single .jp-controls button {
  width: 70px;
  height: 70px; }
/* @end */

.jp-volume-controls {
position: relative;
margin: 44px 0 0 6px;
display: block;
width: 130px;
float: left;
}

/* @end */
/* @group volume controls */
.jp-state-no-volume .jp-volume-controls {
  display: none;
 }

.jp-audio .jp-volume-controls,
.jp-audio-stream .jp-volume-controls {
  height: 26px;
 }

.jp-volume-controls button {
  display: block;
  width: 26px;
  height: 26px;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
}

.jp-audio .jp-interface .jp-volume-bar,
.jp-audio-stream .jp-interface .jp-volume-bar {
  position: relative;	
  display: inline-block;	
  width: 86px;
  height: 4px;
  margin: 0 0 2px 8px;
  overflow: hidden;
  cursor: pointer;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.jp-volume-bar-value {
  height: 4px;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
 }

/* @end */

/* @group playlist */
.jp-details {
  font-size: .7em;
  margin: 0;
  padding: 0;
  clear: both;
  background-color: black; }

.jp-details .jp-title {
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-align: center;
  cursor: default; }

.jp-playlist, .jp-details {
clear: both;
margin-top: 16px; }

.alib-playlist {
list-style-type: none;
margin: 0;
padding: 0 8px; }

.jp-playlist ul.alib-playlist li:not(.jp-playlist-current) {
display: none !important; }

.jp-playlist-item, .jp-playlist-current a, .jp-details li.jp-title {
font-size: 14px;
font-weight: 600;
line-height: 1.8em; }

.jp-artist {
display: block;
font-size: 13px;
font-weight: 400;
font-style: italic; }

.jp-jplayer img {
 display: block !important;
 margin-top: 10px;
 border: 1px dotted #454748;
}

.jp-jplayer, .jp-jplayer img {
width: 100% !important;
height: auto !important;
} 

.jp-jplayer audio {
  width: 0px;
  height: 0px;
}

.jp-toggles {
display: none;
}

/* @group NO SOLUTION error feedback */
.jp-no-solution {
  padding: 5px;
  font-size: .8em;
  background-color: #3a2a45;
  border-top: 2px solid #554461;
  border-left: 2px solid #554461;
  border-right: 2px solid #180a1f;
  border-bottom: 2px solid #180a1f;
  color: #FFF;
  display: none; }

.jp-no-solution a {
  color: #FFF; }

.jp-no-solution span {
  font-size: 1em;
  display: block;
  text-align: center;
  font-weight: bold; }

/* @end */