#controls {
	position:relative;
	margin-bottom:5px;
}

.control-image, .control-image:active, .control-image:focus {
	background-repeat:no-repeat;   
	outline:none;
	border:none;
	background-color:transparent;
	text-indent: -9999px;
}
.control-image span {
	text-indent: -9999px;
}

#security-error {
	color:red;
}

#play-controls {
	margin-left:10px;
}

#play {
	cursor: pointer;
	width:40px;
	height:41px;
	background-position: -160px 0px;
}
#play:hover {background-position: -430px 0px;}
#play:active {background-position: -200px 0px;}

#pause {
	cursor: pointer;
	display:none;
	width:40px;
	height:41px;
	background-position: 0px 0px;
}
#pause:hover {background-position: -350px 0px;}
#pause:active {background-position: -40px 0px;}

#stop {
	cursor: pointer;
	display:none;
	width:40px;
	height:41px;
	background-position: -80px 0px;
}
#stop:hover {background-position: -390px 0px;}
#stop:active {background-position: -120px 0px;}

#scrubber {
	position:absolute;
	top:9px;
	left:48px;
}

#progress-scrubber-background {
	position:absolute;
	top:9px;
	left:3px;
	width:320px;
	height:15px;
	background-position: 0px -50px;
}

#progress-scrubber-barberpole {
	top:9px;
	left:3px;
	position:absolute;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	clip:rect(5px 317px 20px 3px);
	float:none;
	width:360px;
	height:10px;
	background-position: 0px -100px;
}

#progress-scrubber-playback-bar {
	position:absolute;
	clip:rect(0px 315px 5px 0px);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:none;
	width:315px;
	height:5px;
	left:5px;
	top:14px;
	background-color:#F0006A;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
} 

#progress-scrubber-load-bar {
	position:absolute;
	clip:rect(0px 315px 5px 0px);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float:none;
	width:315px;
	height:5px;
	left:5px;
	top:14px;
	background-color:#F0006A;
	opacity:0.2;
	filter:alpha(opacity=20); /* For IE8 and earlier */
}

#progress-scrubber-handle {
	cursor: pointer;
	top:9px;
	left:3px;
	position:absolute;
	width:18px;
	height:16px;
	background-position: -280px -20px;
}
#progress-scrubber-handle:active {
	background-position: -300px -20px;
}

#duration {
	top:-3px;
	left:4px;
	position:absolute;
	width:200px;
	color:#AAAAAA;
	font-family:"Arial";
	font-size:110%;
	font-weight:bold;
}
#live {
	top:-3px;
	left:4px;
	display:none;
	position:absolute;
	width:25px;
	height:11px;
	background-position: -320px 0px;
}

#volume-1 {
	cursor: pointer;
	display:none;
	top:2px;
	left:353px;
	position:absolute;
	width:18px;
	height:15px;
	background-position: -280px 0px;
}
#volume-2 {
	cursor: pointer;
	display:none;
	top:2px;
	left:353px;
	position:absolute;
	width:18px;
	height:15px;
	background-position: -260px 0px;
}
#volume-3 {
	cursor: pointer;
	display:none;
	top:2px;
	left:353px;
	position:absolute;
	width:18px;
	height:15px;
	background-position: -240px 0px;
}

#mute-button {
	cursor: pointer;
	text-indent: -9999px;
	outline:none;
	border:none;
	background-color:transparent;
}

#volume-mute {
	top:2px;
	left:353px;
	position:absolute;
	width:18px;
	height:15px;
	background-position: -300px 0px; 
}

#volume-scrubber-handle {
	cursor: pointer;
	top:2px;
	left:250px;
	position:absolute;
	width:18px;
	height:15px;
	background-position: -240px -20px;
}
#volume-scrubber-handle:active {
	background-position: -260px -20px;
}

#volume-scrubber-background {
	top:2px;
	left:250px;
	position:absolute;
	width:100px;
	height:15px;
	background-position: 0px -71px;
}
 
/*
v1 spritesheet positioning.
[ 'volume-1',				0,  280, 18,  15 ],
[ 'volume-2',				0,  260, 18,  15 ],
[ 'volume-3',				0,  240, 18,  15 ],
[ 'volume-mute',			0,  300, 18,  15 ],
[ 'volume-scrub-up',		20, 240, 15,  15 ],
[ 'volume-scrub-down',		20, 260, 15,  15 ],
[ 'volume-bar',				71, 0,   100, 15 ],

[ 'pause-up',				0,   0,   40, 41 ],
[ 'pause-down',				0,   40,  40, 41 ],
[ 'pause-hover',            0,   350, 40, 41 ],
[ 'stop-up',				0,   80,  40, 41 ],
[ 'stop-down',				0,   120, 40, 41 ],
[ 'stop-hover',             0,   390, 40, 41 ],
[ 'play-up',				0,   160, 40, 41 ],
[ 'play-down',				0,   200, 40, 41 ],
[ 'play-hover',             0,   430, 40, 41 ],

[ 'scrubber-bar',			50,  0,  320, 15 ],
[ 'scrubber-loading',		100, 0,  360, 10 ],
[ 'scrubber-live',			0,   320, 25, 11 ],
[ 'scrubber-button-up',		20,  280, 16, 16 ],
[ 'scrubber-button-down',	20,  300, 16, 16 ]
*/