.audio-player{
	background: #e1e1e1;
}

.audio{
	padding: 11px 20px 25px 65px;
	position: relative;
	color: #333;
	font: 14px/1.2 'TheSansDnevnikPlain', Arial, sans-serif;
}

.audio .play-pause{
	height: 40px; width: 40px;
	position: absolute;
	top: 20px; left: 10px;
}

	.audio .play-pause p{
		position: absolute;
		height: 100%; width: 100%;
		top: 0; left: 0;
		margin: 0;
		cursor: pointer;
		background: #d31b29;
		-webkit-border-radius: 40px;
				border-radius: 40px;
	}
	
	.audio .play-pause p.pause{
		display: none;
	}
	
	.audio .play-pause p i{
		height: 15px; width: 15px;
		position: absolute;
		top: 50%; left: 50%;
		margin: -7px 0 0 -7px;
		background: url('../images/layout/ui.svg') no-repeat -10000px 0;
	}
	
		.audio .play-pause p.play i{
			background-position: -585px 0;
		}
		
		.audio .play-pause p.pause i{
			background-position: -585px -15px;
		}
	
	.audio .playing .play-pause p.play{ display: none; }
	.audio .playing .play-pause p.pause{ display: block; }
	
.audio .track-title{
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
		
.audio .scrubber{
	height: 7px;
	margin: 8px 0 7px;
	position: relative;
	overflow: hidden;
	background: #9b9b9b;
}

	.audio .scrubber .progress,
	.audio .scrubber .loaded{
		position: absolute;
		top: 0; bottom: 0;
		left: 0;
		cursor: pointer;
	}	
	
	.audio .scrubber .progress{
		background: #d31b29;
	}
	
	.audio .scrubber .progress[width^=50]{
		background: gold;
	}
	
.audio .time{
	float: right;
	text-align: right;
}