/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: Pink Flag
 *
 * Copyright (c) 2011 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 1.0 (jPlayer 2.1.0)
 * Date: 1st September 2011
 */
 


div.jp-interface {
	position: relative;
	height:50px;
	overflow:hidden;
	padding:0;
	margin:0;
}

/* @group CONTROLS */

div.jp-controls-holder {
	width:200px;
	height:30px;
	position:absolute;
	left:48px;
	top:0px;
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
}


div.jp-interface ul.jp-controls li {
}
div.jp-interface ul.jp-controls a {
	display:block;
	text-indent:-9999px;
}


/* @group single player controls */


.jp-play {
	background:url(images/play.gif) no-repeat #FFFBFF;
	width:16px;
	height:16px;
	position:absolute;
	left:0px;
	top:0px;
}


.jp-pause {
	background:url(images/stop.gif) no-repeat #FFFBFF;
	width:16px;
	height:16px;
	position:absolute;
	left:0px;
	top:0px;
}

div.jp-type-playlist .jp-controls li a{
	width: 49px;
}




/* @group volume controls */

div.jp-interface ul.jp-controls a.jp-mute,
div.jp-interface ul.jp-controls a.jp-unmute,
div.jp-interface ul.jp-controls a.jp-volume-max {
	position: absolute;
	width: 16px;
	height: 11px;
}


div.jp-video ul.jp-controls a.jp-mute,
div.jp-video ul.jp-controls a.jp-unmute {
	left: 25px;
	top:1px;
}

div.jp-video ul.jp-controls a.jp-mute{
	background: url(images/speaker.gif) 0px 0px no-repeat #FFFBFF;
	width:18px;
	height:14px;
}
div.jp-interface ul.jp-controls a.jp-unmute {
	background:url(images/mute.gif) 0px 2px no-repeat #FFFBFF;
	width:18px;
	height:14px;
}




.jp-volume-bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	width:95px;
	border:2px solid #000;
	margin-top: 4px;
	background:#fff;
}
* html .jp-volume-bar{overflow:hidden;}

.jp-volume-bar:hover {
	cursor:  pointer;
}

.jp-volume-bar-value {
	background:#000;
	height: 4px;
	position:relative;
	text-align:right;
}
.jp-volume-bar-value span{
	height:16px;
	background:#000;
	width:5px;
	display:block;
	margin-left:auto;
	position:relative;
	top:-5px;
	overflow:hidden;
	
	display:none!important;
}

/* @end */

