/* Sizes */
.html-player.full { width: 585px; }
.html-player.short .meta-cover { display: none; }
.html-player.short { width: 240px; }

/* Shared Style */
.html-player .meta-cover { float: left; margin-right: 10px; width: 63px; height: 63px; }
.html-player .meta-artist { color: #FFF; }
.html-player .meta-album { color: #478A9B; }
.html-player .meta-title { color: #777; }

.html-player .controls {
	background: url( 'player.png' ) no-repeat;
	width: 108px;
	height: 62px;
	float: left;
	margin-right: 10px;
	position: relative;
}

.html-player .back {
	background: url( 'back.png' ) no-repeat;
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 18px;
	left: 10px;
}

.html-player a.back:hover, .html-player a.next:hover {
	background-position: 0 -24px;
}

.html-player .play-pause {
	display: inline-block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 14px;
	left: 38px;
}

.html-player a.play-pause:hover {
	background-position: 0 -32px;
}

.html-player .play-pause.play {
	background: url( 'play.png' ) no-repeat;
}

.html-player .play-pause.pause {
	background: url( 'pause.png' ) no-repeat;
}

.html-player .next {
	background: url( 'next.png' ) no-repeat;
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 18px;
	right: 10px;
}