div.jp-audio {margin:0 auto; float:left; text-align:left; width:99.8%;}
div.jp-interface {position: relative; background-color:#E8E9E9;	width:100%;}
div.jp-audio div.jp-type-single div.jp-interface {border:1px solid #737373; height:74px; -moz-border-radius:5px; border-radius:5px;}
div.jp-playername {padding-top:12px; font-size:8pt; text-align:right; padding-right: 5px; color:#2A353B;}


/* @group CONTROLS------------------------------------------------------------------------------- */
div.jp-interface ul.jp-controls {list-style-type:none; margin:0; padding:0; overflow:hidden;}
div.jp-audio ul.jp-controls {width:98%; height:100%; padding:8px 8px 0 8px;}
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;}

a.jp-play, a.jp-pause {width:40px; height:40px;}

a.jp-play {background: url("jplayer.blue.monday.jpg") 0 0 no-repeat;}
a.jp-play:hover {background: url("jplayer.blue.monday.jpg") -41px 0 no-repeat;}

a.jp-pause {background: url("jplayer.blue.monday.jpg") 0 -42px no-repeat; display:none;}
a.jp-pause:hover {background: url("jplayer.blue.monday.jpg") -41px -42px no-repeat;}

a.jp-stop, a.jp-previous, a.jp-next {width:28px; height:28px; margin-top:6px;}
a.jp-stop {background: url("jplayer.blue.monday.jpg") 0 -83px no-repeat; margin-left:10px;}
a.jp-stop:hover {background: url("jplayer.blue.monday.jpg") -29px -83px no-repeat;}

/* @group progress bar------------------------------------------------------------------------------- */
@media screen and (max-width:695px) { div.jp-audio div.jp-type-single div.jp-progress { width:66%; }}
@media screen and (min-width:696px) { div.jp-audio div.jp-type-single div.jp-progress { width:79%; }}
div.jp-progress {position:absolute; left:100px; top:5px; height:40px; overflow:hidden; background-color:#ddd; -moz-border-radius:5px; border-radius:5px;}
div.jp-seek-bar {width:100%; height:100%; cursor:pointer;}
div.jp-play-bar {position:relative; left:0px; background-color:#018EB1; opacity:0.40; filter:alpha(opacity=40); width:0px; height:100%; border-right:3px solid black;}

/* @group volume controls (mute, unmute, volume-max, volume slider)------------------------------------*/
a.jp-mute, a.jp-unmute, a.jp-volume-max {width:18px; height:15px; margin-top:0px;}
a.jp-mute, a.jp-unmute {margin-left:818px;}
a.jp-volume-max {margin-left:29px;}
a.jp-mute {background: url("jplayer.blue.monday.jpg") 0 -170px no-repeat;}
a.jp-mute:hover {background: url("jplayer.blue.monday.jpg") -19px -170px no-repeat;}
a.jp-unmute {background: url("jplayer.blue.monday.jpg") -60px -170px no-repeat;	display: none;}
a.jp-unmute:hover {background: url("jplayer.blue.monday.jpg") -79px -170px no-repeat;}
a.jp-volume-max {background: url("jplayer.blue.monday.jpg") 0 -186px no-repeat;}
a.jp-volume-max:hover {background: url("jplayer.blue.monday.jpg") -19px -186px no-repeat;}

div.jp-volume-bar {background:url("jplayer.blue.monday.jpg") 0 -250px repeat-x; position:absolute; overflow:hidden; width:56px; height:5px; cursor:pointer;}
@media screen and (max-width:695px) {div.jp-audio div.jp-volume-bar {top:27px; left:90.6%;}}
@media screen and (min-width:696px) {div.jp-audio div.jp-volume-bar {top:27px; left:91.7%;}}
div.jp-volume-bar-value {background: url("jplayer.blue.monday.jpg") 0 -256px repeat-x; width:0px; height:5px;}



/* @group current time and duration-------------------------------------------------------------------------------------------------- */
div.jp-audio div.jp-time-holder {position:absolute;	top:46px; background-color:#CCCCCC;	-moz-border-radius: 5px; border-radius: 5px;}

@media screen and (max-width:695px) {div.jp-audio div.jp-type-single div.jp-time-holder {left:100px; width:66%;}}
@media screen and (min-width:696px) {div.jp-audio div.jp-type-single div.jp-time-holder {left:100px; width:79%;}}

div.jp-current-time, div.jp-duration {width:35px; font-size:9pt; font-family:arial;}
div.jp-current-time {margin-left:5px; float:left; display:inline;}
div.jp-duration {margin-right:5px; float:right;	display:inline;	text-align:right;}


/* @group title-------------------------------------------------------------------------------------------------- */
div.jp-title {font-family:arial; font-size:8pt; text-align:center; width:100%;}
div.jp-type-single div.jp-title {border-top:none;}


div.jp-jplayer audio, div.jp-jplayer {width:0px; height:0px;}
div.jp-jplayer {background-color: #000000;}



/* @group TOGGLES------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:695px) {ul.jp-toggles {position:absolute; top:38px; padding:1px; margin:1px; overflow:hidden; left:83%;}}
@media screen and (min-width:696px) {ul.jp-toggles {position:absolute; top:38px; padding:1px; margin:1px; overflow:hidden; left:89%;}}

div.jp-audio .jp-type-single ul.jp-toggles {width:25px;}

ul.jp-toggles li {display:block; float:left;}

ul.jp-toggles li a {display:block; width:25px; left:1px; height:18px; text-indent:-9999px; 
  line-height:100%; /* need this for IE6 */
}

a.jp-repeat {background: url("jplayer.blue.monday.jpg") 0 -290px no-repeat;}
a.jp-repeat:hover {background: url("jplayer.blue.monday.jpg") -30px -290px no-repeat;}
a.jp-repeat-off {background: url("jplayer.blue.monday.jpg") -60px -290px no-repeat;}
a.jp-repeat-off:hover {background: url("jplayer.blue.monday.jpg") -90px -290px no-repeat;}



/* @group NO SOLUTION error feedback---------------------------------------------------------------------------------- */
.jp-no-solution {position:absolute;	width:390px; margin-left:-202px; left:50%; top:10px; padding:5px; font-size:.8em; background-color:#eee; border:2px solid #009be3; color:#000; display:none;}
.jp-no-solution a {color:#000;}
.jp-no-solution span {font-size:1em; display:block; text-align:center; font-weight:bold;}