/* JPlayer Theme CSS */

.jp-player {
  position: relative;
  height: 60px;
  display: inline-block;
 // margin: 0 auto;
  
}

.jp-coverart {
  position: absolute;
  top: 0;
  left: 0; 
  height: 60px;
  width: 60px;
}   
.jp-coverart img {
  height: 100%;
  width:  100%;
}
.jp-player a.fa {
  color: #eee;
}

#jquery_jplayer_1  {}
#jp_container_1  { 
   //position: absolute;
  // top: 0px;
   //left: 70px; 
   margin-left: 70px;
}
.jp-gui {
	position:relative;
  width:710px;
  height: 60px;
}
.jp-gui.jp-no-volume {
	width:432px;
}
.jp-gui ul {
	margin:0;
	padding:0;
}
.jp-gui ul li {
	position:relative;
	float:left;
	list-style:none;
  margin : 12px 0;
	padding: 4px;
	cursor:pointer;  
  height: 35px;
  width: 35px;
}
.jp-gui ul li a {
	margin: 4px;
}
.jp-gui li:hover, .jp-gui li a:hover{
  color: orange;
  background: #444;
  border: nonel
}

.jp-gui a.fa-play,
.jp-gui a.fa-stop,
.jp-gui a.fa-pause {
  color: #ccc;
  //height: 5px;
  //width: 5px;
}
.jp-gui a.fa-play{
  color: green;
}
.jp-gui li.jp-power-off{
	margin-left:10px;
  border: none;
  color: #a00;
  background: none;
}
.jp-gui li.jp-repeat,
.jp-gui li.jp-repeat-off {
	margin-left:360px;
  border: none;
  color: #a00;
}

.jp-gui .ui-state-active {
  background: #0073e6;
}
.jp-gui li.jp-mute,
.jp-gui li.jp-unmute {
	margin-left:20px;
  background: none;
  border: none;
  color: #fff;
}
.jp-gui li.jp-volume-max {
	margin-left:105px;
  background: none;
  border: none;
  color: #fff;
}

li.jp-pause,
li.jp-repeat-off,
li.jp-unmute,
.jp-no-solution {
	display:none;
}
#jp-track-title a {
  position: absolute;
  top: 0;
  left: 70px;
  font-size: 0.6em;
  font-weight: bold;
  //background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 0 6px;
  z-index: 100;
} 
#jp-wave-img {
	position:absolute;
	top:    0;
	left:   80px;
	width:  320px;
  height: 60px;
}
.jp-progress-slider {
	position:absolute;
	top:23px;
	left:80px;
	width:320px;
  color: red;
  background: rgba(0,0,0,0.5);
  border: 1px solid #000;
  //border-radius: 0;
  cursor:pointer;
}
.ui-slider-handle {
	cursor:pointer;
  background: #eee;
  border: 1px solid #aaa;
}
.jp-volume-slider {
	position:absolute;
	top:26px;
	left:568px;
	width:100px;
	height:.4em;
}
.jp-volume-slider .ui-slider-handle {
	height:.8em;
	width:.8em;
	cursor:pointer;
}
.jp-gui.jp-no-volume .jp-volume-slider {
	display:none;
}
.jp-current-time,
.jp-duration {
	position:absolute;
	bottom: 0px;
	font-size: 0.65em;
	cursor:default;
  color: #fff;
  //background: rgba(0,0,0,0.5);
  padding: 0 2px;
  margin: 0;
  border-radius: 3px;
}
.jp-current-time {
	left:80px;
}
.jp-duration {
	right:310px;
}
.jp-gui.jp-no-volume .jp-duration {
	right:70px;
}
.jp-clearboth {
	clear:both;
}