div.jp-single-player-wrapper {
	width: 235px;
	border: black 1px solid;
	font-family: microsoft sans serif, arial, sans serif;
     }

div.jp-single-player {
	border: gray 1px solid;
}

div.jp-interface {
	position: relative;
	background-color: #004C20;
	height: 80px;
}

div.jp-interface ul.jp-controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.jp-interface ul.jp-controls li {
	position: absolute;
}

div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

a.jp-play, a.jp-pause {
	top: 13px;
	width: 54px;
	height: 54px;
}

div.jp-single-player a.jp-play, div.jp-single-player a.jp-pause {
	left: 13px;
}

a.jp-play {
	background: url("bg.png") -5px -5px no-repeat;
}

a.jp-play:hover {
	background: url("bg.png") -59px -5px no-repeat;
}

a.jp-pause {
	background: url("bg.png") -5px -59px no-repeat;
	display: none;
}

a.jp-pause:hover {
	background: url("bg.png") -59px -59px no-repeat;
}

div.jp-play-time, div.jp-total-time {
	position:absolute;
  top:49px;
  font-size: 11px;
	color:#019533;
  
}

div.jp-play-time {
  left:80px;
  
}

div.jp-total-time {
	left:160px;
  }



div.jp-playlist-player div.jp-play-time {
	left: 164px;
}

div.jplayer-caption {
background:#00872d;
color:#f0f04f;
padding:3px;
font-size:14px;
text-align:center;
}

div.jplayer-caption p {
	margin:0;
}

div.progressBars {
position: absolute;
left: 80px;
top: 20px;
width: 108px;
height: 30px;
}

div.volLabel {
position:absolute;
left:209px;
top:64px;
color:#019533;
font-size:11px;
font-family:arial;
}








/**************************************JQUERY UI WIDGETS (SLIDERS & LOADERBAR)***********************************/


/* COMMON */

/*starting widget states (handles)*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #fbcb09;
	background:#f0f04f;
	font-weight: bold;
	color: #1c94c4;
}

/*widget hover and active states (handles)*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 1px solid #fbcb09;
	background: yellow;
	font-weight: bold;
	color: #c77405;
}

.ui-widget-content {
	border: none;
	background: #00872d;
}


/* END COMMON */




/* SLIDERS */



.ui-slider-range-min {
	background: #019533;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	cursor: default;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border: 0;
	background-position: 0 0;
}
/* END SLIDERS */




/* HORIZONTAL SLIDER */
.ui-slider-horizontal {
		height: 15px;
    }

.ui-slider-horizontal .ui-slider-handle {
	height: 20px;
	width: 12px;
	top: -2px;
	margin-left: -1px;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
/* END HORIZONTAL SLIDER */




/* VERTICAL SLIDER */
.ui-slider-vertical {
	left: 212px;
	top: 10px;
	height: 50px;
	width: 10px;
}

.ui-slider-vertical .ui-slider-handle {
	left:-2px;
	margin-left: 0;
	margin-bottom: -7px;
  width:12px;
  height:12px;
  font-size:1px; /*ie6 handle height fix*/
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
/* END VERTICAL SLIDER */


/* PROGRESSBAR  */


.ui-progressbar {
  border:1px #00872d solid;
  background:#00872d;
  height:1px;
}

.ui-progressbar .ui-progressbar-value {
  position:absolute; /*fixes 2px gap on right*/
  margin:-1px;
  height:3px;
  background:#f0f04f;
  font-size:1px; /*ie6 height fix*/
  }
/*  END PROGRESSBAR  */


/**********************************END JQUERY UI WIDGETS**********************************************/