/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: Radio Stream by: Explorer Digital
 *
 * Copyright (c) 2012 Explorer Digital
 * For: Explorer Radio, http://www.radioexplorer.rs
 *
 * Author: Explorer Digital, Serbia
 * http://www.www.explorer.rs
 * Skin Version: 0.9.1 Beta (jPlayer 2.2.0)
 * Date: 7 December 2012
 */
body{margin:0px;}
body {
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-bottom: 0px;
}


div.jp-audio {
	width:100px;
	padding:0px;
}

div.jp-audio-stream {
	width:100px;
	padding:0px 0px 0px 0px;
}


div.jp-interface {
	position: relative;
	width:100%;
	/* background-color:#EEEEEE; /* Required for the full screen */
}


div.jp-audio .jp-interface {
	height: 100px;
	padding-top:100px;
}

div.jp-audio-stream .jp-interface {
	height: 100px;
	padding-top:0px;
}

/* @group CONTROLS */



div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding: 0px 0 0px 0px;
	overflow:hidden;
	width: 200px;
	height: 100px;
}

div.jp-audio ul.jp-controls,
div.jp-audio-stream ul.jp-controls {
	margin:0 auto;
}

div.jp-audio-stream ul.jp-controls {
	width: 100px;
}


div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
}
div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height: 100px;
	margin: 0 0px 0px 0;
	padding: 0;
}


/* @group single player controls */

div.jp-type-single  .jp-controls li a{
	width: 100px;
}

div.jp-type-single  .jp-play {
	background: url("play.svg") 0px  no-repeat;
}


div.jp-type-single  .jp-pause {
	background: url("pause.svg") 0px  no-repeat;
}

/* The right border is normally in the ul background image. */
div.jp-audio-stream .jp-play,
div.jp-audio-stream .jp-pause {
	
}


/* @end */

/* @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 {
	background: url("volume-mute.png") 0px  no-repeat;
	position: absolute;
	width: 18px;
	height: 18px;
}

div.jp-audio ul.jp-controls a.jp-mute,
div.jp-audio ul.jp-controls a.jp-unmute,
div.jp-audio-stream ul.jp-controls a.jp-mute,
div.jp-audio-stream ul.jp-controls a.jp-unmute {
	top:7px;
	left: 39px;
}

div.jp-audio ul.jp-controls a.jp-volume-max,
div.jp-audio-stream ul.jp-controls a.jp-volume-max {
	top:8px;
	right: -258px;
}


div.jp-interface ul.jp-controls a.jp-mute:hover {
	background: url("volume-mute-hover.png")  no-repeat;
}

div.jp-interface ul.jp-controls a.jp-unmute {
	background: url("volume-unmute.png")  no-repeat;
}

div.jp-interface ul.jp-controls a.jp-unmute:hover {
	background: url("volume-unmute-hover.png")  no-repeat;
}

div.jp-interface ul.jp-controls a.jp-volume-max {
	background: url("volume-max.png") no-repeat;
}

div.jp-interface ul.jp-controls a.jp-volume-max:hover {
	background: url("volume-max-hover.png")  no-repeat;
}

.jp-volume-bar {
	background: url("jp-volume-bar-bg.png") 0px  repeat-x;
	position: absolute;
	width: 200px;
	height: 20px;
	padding: 2px 2px 1px 2px;
	overflow: hidden;
}

.jp-volume-bar:hover {
	cursor:  pointer;
}


div.jp-audio .jp-interface .jp-volume-bar,
div.jp-audio-stream .jp-interface .jp-volume-bar {
	top:5px;
	left: 62px;
}

div.jp-audio-stream .jp-interface .jp-volume-bar {
	width: 200px;
	padding-right:1px;
}

.jp-volume-bar-value {
	background: url("jp-volume-bar.png")  repeat-x;
	height: 20px;
}

/* @end */