.audiojs {
	height: 22px;
	width:290px;
	background: #2e89b3;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
.audiojs .play-pause {
	width: 15px;
	height: 20px;
	padding: 0px 8px 0px 0px;
}
.audiojs div.time {
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:none;
}
.audiojs p {
	width: 25px;
	height: 20px;
	margin: -3px 0px 0px -1px;
}
.audiojs .scrubber {
	background: #5a5a5a;
	width: 140px;
	height: 10px;
	margin: 5px;
}
.audiojs .progress {
	height: 10px;
	width: 0px;
	background: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
	background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%);
}
.audiojs .loaded {
	height: 10px;
	background: #000;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
	background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%);
}
.audiojs .time {
	float: left;
	height: 25px;
	line-height: 25px;
}
.audiojs .error-message {
	height: 24px;
	line-height: 24px;
}
.track-details {
	clear: both;
	height: 20px;
	width: 448px;
	padding: 1px 6px;
	background: #eee;
	color: #222;
	font-family: monospace;
	font-size: 11px;
	line-height: 20px;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15);
}
.track-details em {
	font-style: normal;
	color: #999;
}

@media only screen and (max-width: 360px) {
.audiojs .scrubber {
	width:80px;
}
.audiojs {
	width:230px;
}
}