/* ------------------------------------------------- */
/* -------------------- jplayer -------------------- */
/* ------------------------------------------------- */
.jp-controls {
  list-style-type: none;
}
.jp-audio {
	font-size:1.25em;
	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
}
.jp-audio {
  margin-top: 10px;
}
div.jp-interface {
	background-color: #E0E1E7;
	border:1px solid #3277B3;
	width:280px;
  heigth:50px;
}
div.jp-audio div.jp-type-single div.jp-interface {
	height:50px;
}
.jp-play-table,
.jp-play,
.jp-pause,
.playbox {
	width:40px;
	height:40px;
	z-index:1;
}
.playbox, .jp-play, .jp-play-table {
	background: url("../img/jplayer.blue.gif") 0 0 no-repeat;
}
.jp-play.active, .jp-play-table.active,
.jp-play:hover, .jp-play-table:hover {
	background: url("../img/jplayer.blue.gif") -41px 0 no-repeat;
}
.jp-pause {
	background: url("../img/jplayer.blue.gif") 0 -42px no-repeat;
	display: none; 
}
.jp-pause.active,
.jp-pause:hover {
	background: url("../img/jplayer.blue.gif") -41px -42px no-repeat;
}
.jp-stop {
  margin: 5px 10px;
	background: url("../img/jplayer.blue.gif") 0 -83px no-repeat;
	width:28px;
	height:28px;
	z-index:1;
}
.jp-stop:hover {
	background: url("../img/jplayer.blue.gif") -29px -83px no-repeat;
}
.jp-interface ul.jp-controls {
  margin: 0;
  -moz-padding-start: 0px;
  -webkit-padding-start: 0px;
}
ul.jp-controls li {
  width: auto;
  float: left;
}
.dont-display-text {
  display: none;
}

.jp-mute,
.jp-unmute {
	width:18px;
	height:15px;
}
.jp-mute {
  margin-right: 30px;
	background: url("../img/jplayer.blue.gif") 0 -186px no-repeat;
}
.jp-mute:hover {
	background: url("../img/jplayer.blue.gif") -19px -170px no-repeat;
}
.jp-unmute {
  margin-right: 30px;
	background: url("../img/jplayer.blue.gif") 0 -170px no-repeat;
	display: none;
}
.jp-unmute:hover {
	background: url("../img/jplayer.blue.gif") -19px -186px no-repeat;
}
.jp-progress {
	overflow:hidden;
	background-color: #fff;
	width:122px;
	height:15px;
  margin-top: 5px;
  margin-left: 5px;
}
.jp-volume-bar {
	overflow:hidden;
	background: url("../img/jplayer.blue.gif") 0 -250px repeat-x;
	width:36px;
	height:5px;
	cursor: pointer;
}
div.jp-volume-bar-value {
	background: url("../img/jplayer.blue.gif") 0 -256px repeat-x;
	width:0px;
	height:5px;
}
.jp-current-time,
.jp-duration {
	font-size:.64em;
	font-style:oblique;
	width:30px;
}
.jp-duration {
  text-align: right;
}
div.jp-seek-bar {
	background: url("../img/jplayer.blue.gif") 0 -202px repeat-x;
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("../img/jplayer.blue.gif") 0 -218px repeat-x ;
	width:0px;
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("../../ext/jplayer/pbar-ani.gif");
}
.timewrapper {
  margin-left: 5px;
  width: 122px ;
}
.controlbox-left {
  float: left;
}
.controlbox-right {
  float: right;
}
.controlbox-clear {
  float: both;
}
.glued-player {
  position: fixed;
}
.sticky-player {
  border: 1px solid black;
  border-radius: 5px;
  padding:10px;
  margin-bottom: 10px;
}
.jplayer-cell {
  width:100px;
}
.active-recording {
  background-color:#C0C0C0 !important;
}