*:focus {outline: none;}
div.jp-audio {
    width: 241px;
    height: 19px;
    overflow:hidden;
}
div.jp-progress {
    background-color: #DDDDDD;
    overflow: hidden;
}
div.jp-audio div.jp-progress {
    height: 6px;
    position: relative;
    top: 7px;
}
div.jp-audio div.jp-type-single div.jp-progress {
    left: 5px;
    width: 100px;
    float:left;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
    left: 5px;
    width: 100px;
}
div.jp-seek-bar {
    background: url("song_track.jpg") repeat-x scroll 0 0 transparent;
    cursor: pointer;
    height: 100%;
    width: 0;
}
div.jp-play-bar {
    background: url("song_playing_track.jpg") repeat-x scroll 0 0 transparent;
    height: 100%;
    width: 0;
}
div.jp-seeking-bg {
    background: url("song_pointer_playing_track.jpg") repeat scroll 0 0 transparent;
}

div.jp-current-time {
    color: #B2B3B3;
    float: left;
    font-family: Arial;
    font-size: 11px;
    position:relative;
    left:108px;
    top:-8px;
}

.volume-container {
    float: left;
    position:relative;
    left:110px;
    top:-8px;  
}

.volume {
	width: 8px;
	height: 8px;
	padding:0px;
	border:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

img.volume { margin-bottom:4px; }

	
	@media screen and (max-width: 600px) {
		
	.volume-container {
	top: -7px;
	}

	}
	
	@media screen and (max-width: 500px) {
		
	div.jp-audio {
    width: 241px;
    height: 19px;
    overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	}

	}
		