/*! ZuSa Skin for jPlayer 2.9.2 ~ (c) 2009-2016 Lemm Hard- & Software / Happyworm Ltd ~ MIT License */

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: ZuSa
 * based on Pink Flag Skin
 *
 * Copyright (c) 2009-2016 Lemm Hard- & Software / Happyworm Ltd ~ MIT License
 * Licensed under the MIT license.
 *  - http://www.opensource.org/licenses/mit-license.php
 *
 * Author: Silvia Benvenuti / Gunther Lemm
 * Skin Version: 2.1 (jPlayer 2.8.0)
 * Date: 26th April 2016
 */

.jp-interface {
    position: relative;
    width: 319px;
    height: 90px;
    font-size: 0.88em;
    font-family: tinet;
    text-align: center;
    line-height: 1.1;
    color: #fff;
    background: url("/images/jplayer/player.png") no-repeat;
}

.jp-audio-stream *:focus, {
    /* Disable the browser focus highlighting. */
    outline: none;
}

#jplayer_info {
    position: absolute;
    left: 19px;
    top: 22px;
    width: 280px;
    height: 16px;
    overflow: hidden;
    color: inherit;
    font-size: inherit;
}

.jp-interface .jp-no-solution {
    position: absolute;
    left: 19px;
    top: 22px;
    width: 280px;
    height: 16px;
    color:#d7001c;
    background: black;
    text-shadow: 1px 0px white;
    overflow: hidden;
}

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

.jp-controls {
  position: absolute;
  left: 19px;
  top: 45px;
  width: 97px;
  height: 20px;
}

.jp-type-single .jp-controls:hover {
    top: 44px;
    left: 18px;
    width: 97px;
    height: 20px;
    border: 1px solid #d700c1;
    box-shadow: 10px 10px 10px -5px white;
}

.jp-type-single .jp-controls div {
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    margin: auto;
    text-indent: -9999px;
    border: none;
}

.jp-type-single .jp-controls div {
  background: url("/images/jplayer/icons.png") 0 -24px no-repeat;
}

.jp-type-single .jp-controls:hover div {
  background: url("/images/jplayer/icons.png") -16px -24px no-repeat;
}

.jp-state-playing .jp-type-single .jp-controls div {
  background: url("/images/jplayer/icons.png") -32px -24px no-repeat;
}

.jp-state-playing .jp-type-single .jp-controls:hover div {
  background: url("/images/jplayer/icons.png") -48px -24px no-repeat;
}

.jp-state-no-volume .jp-volume-controls {
  display: none;
}

.jp-audio-stream .jp-volume-controls {
  position: absolute;
  left: 128px;
  top: 44px;
  width: 166px;
  height: 20px;
}

.jp-volume-controls div {
  position: absolute;
  display: block;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  top: -2px;
  width: 25px;
  height: 24px;
  border: none;
  cursor: pointer;
  z-index: 2;
}

.jp-audio-stream .jp-volume-controls .jp-mute {
  left: -1px;
  z-index: 3;
}

.jp-audio-stream .jp-volume-controls .jp-volume-max {
  right: -2px;
  z-index: 3;
}

.jp-volume-controls .jp-mute {
  background: url("/images/jplayer/icons.png") 0 0 no-repeat; }

.jp-volume-controls .jp-mute:hover {
  background: url("/images/jplayer/icons.png") -25px 0 no-repeat; }

.jp-state-muted .jp-volume-controls .jp-mute {
  background: url("/images/jplayer/icons.png") -25px 0 no-repeat; }

.jp-state-muted .jp-volume-controls .jp-mute:hover {
  background: url("/images/jplayer/icons.png") 0 0 no-repeat; }

.jp-volume-controls .jp-volume-max {
  background: url("/images/jplayer/icons.png") -50px 0 no-repeat; }

.jp-volume-controls .jp-volume-max:hover {
  background: url("/images/jplayer/icons.png") -75px 0 no-repeat; }

.jp-audio-stream .jp-interface .jp-volume-bar {
    position: absolute;
    top: 8px;
    left: 20px;
    width: 128px;
    height: 5px;
    background: transparent;
    overflow: hidden;
  }

.jp-audio-stream .jp-interface .jp-volume-bar .jp-volume-bar-value {
    position: relative;
    top: -1px;
    left: 0;
    width: 50px;
    height: 5px;
    background: linear-gradient(white, #d7001c, white);
    background: #d7001c;
    z-index: 1;
}