@charset "UTF-8";
/* CSS Document */

.controls {
	height: 20px;
	width: 882px;
	margin-top:10px;
}
.controls .play,
.controls .pause,
.controls .mute,
.controls .unmute {
	float: left;
	display: block;
	padding: 20px 0 0 0;
	overflow: hidden;
	background: url(../images/player-controls.gif) no-repeat 0px 0px;
	width: 20px;
	height: 0px !important;
	height /**/: 20px;
}
.controls .pause {
	background-position: -20px 0px;
}
.controls .mute {
	background-position: -40px 0px;
}
.controls .unmute {
	background-position: -60px 0px;
}
.controls .play:hover,
.controls .pause:hover, 
.controls .mut:hover, 
.controls .unmute:hover {
	cursor: pointer;
}
.controls .play:hover {
	background-position: 0px -20px;
}
.controls .pause:hover {
	background-position: -20px -20px;
}
.controls .mute:hover {
	background-position: -40px -20px;
}
.controls .unmute:hover {
	background-position: -60px -20px;
}

.controls .track {
	float: left;
	width: 750px;
	height: 14px;
	margin: 3px 0 3px 4px;
	background-color: #CCCCCC;
}
.controls .track .buffer,
.controls .track .progress  {
	height: 14px;
	position: absolute;
}
.controls .track .buffer {
	background-color: #BCBCBC;
}
.controls .track .progress {
	background-color: #666666;
}
.controls .track .playhead {
	display: none;
}
.controls .time {
	float: left;
	font-family: Helvetica, sans-serif;
	font-size: 10.5px;
	color: #000000;
	padding: 4px 0;
	margin: 0 0 0 12px;
	line-height: 12px;
}
.controls .mute,
.controls .unmute {
	float: right;
}