#preload-01 { background: url("spinner.gif") no-repeat -9999px -9999px; }
#preload-02 { background: url("stopButton.gif") no-repeat -9999px -9999px; }
#preload-03 { background: url("stopButtonHover.gif") no-repeat -9999px -9999px; }

.cp-container {
	position:relative;
	width:34px; /* 200 - (2 * 48) */
	height:34px;
	background:url("bgr.png") 0 0 no-repeat;
	padding:0px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);	
}

.cp-container :focus {
	border:none;
	outline:0;
}

.cp-circle-control {
	position:absolute;
	width:34px;
	height:34px;
} 

.cp-circle-control {
	cursor:pointer;
}

.cp-controls {	
	margin:0;	
	padding:0;	
}

.cp-controls li {
	list-style-type:none;
	display:block;

	/*IE Fix*/
	position:absolute;
}

.cp-controls li a {
	position:relative;
	display:block;
	width:34px;
	height:34px;
	text-indent:-9999px;
	z-index:1;
	cursor:pointer;	
}

.cp-controls li span {
	position:relative;
	display:block;
	width:34px;
	height:34px;
	text-indent:-9999px;
	left:0px;
	top:0px;
	z-index:2;
	cursor:pointer;	
}

.cp-controls .cp-spinner {	
	background:url("spinner.gif") 0 0 no-repeat;
	width:34px;
	height:34px;	
	-webkit-border-radius: 34;
	-moz-border-radius: 34;
	border-radius: 34px;	
}

.cp-controls .cp-play {	
	background:url("playButtons.png") 0 0 no-repeat;	
	-webkit-border-radius: 34;
	-moz-border-radius: 34;
	border-radius: 34px;
}

.cp-controls .cp-play:hover {
	background:url("playButtons.png") -34px 0 no-repeat;
	-webkit-border-radius: 34;
	-moz-border-radius: 34;
	border-radius: 34px;
}

.cp-controls .cp-pause {
	background:url("stopButton.gif") 0 0 no-repeat;
	/*-webkit-border-radius: 34;
	-moz-border-radius: 34;
	border-radius: 34px;*/
}

.cp-controls .cp-pause:hover {
	background:url("stopButtonHover.gif") 0 0 no-repeat;
	/*-webkit-border-radius: 34;
	-moz-border-radius: 34;
	border-radius: 34px;*/
}

.cp-jplayer {
	width:0;
	height:0;
}