.cp-container {
    position:absolute;
    width:60px; /* 200 - (2 * 48) */
    height:60px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.cp-container :focus {
    border:none;
    outline:0;
}

.cp-buffer-1,
.cp-buffer-2,
.cp-progress-1,
.cp-progress-2 {
    position:absolute;
    top:0;
    left:0;
    width:60px;
    height:60px;
}

/*.cp-buffer-1,
.cp-buffer-2 {
    background:url("buffer.png") 0 0 no-repeat;
	background: #7f7f7f;
}*/


/* FALLBACK for .progress
 * (24 steps starting from 1hr filled progress, Decrease second value by 104px for next step)
 * (It needs the container selector to work. Or use div)
 */

.cp-container .cp-fallback {
    background:url("progress_sprite.jpg") no-repeat;
    background-position:0 44px;
}

.cp-progress-1,
.cp-progress-2 {
/*    background:url("progress.png") 0 0 no-repeat;
	background: #006600;*/
}

.cp-buffer-holder,
.cp-progress-holder,
.cp-circle-control {
    position:absolute;
    width:60px;
    height:60px;
}

.cp-circle-control {
    cursor:pointer;
    /*border-radius: 35px;*/
	/*border: solid 7px #e5e5e5;*/
/*	background: #a90329;
    background: -moz-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#a90329),color-stop(44%,#8f0222),color-stop(100%,#6d0019));
    background: -webkit-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);
    background: -o-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);
    background: -ms-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);
    background: linear-gradient(to bottom,#a90329 0,#8f0222 44%,#6d0019 100%);*/
}

.cp-buffer-holder,
.cp-progress-holder {
    clip:rect(0px,60px,60px,30px);
    display:none;
}


/* This is needed when progress is greater than 50% or for fallback */

.cp-buffer-holder.cp-gt50,
.cp-progress-holder.cp-gt50,
.cp-progress-1.cp-fallback{
    clip:rect(auto, auto, auto, auto);
}

.cp-controls {
    margin:0;
    padding:0;
}

.cp-controls li{
    list-style-type:none;
    display:block;
    top: 0;
    left: 0;

    /*IE Fix*/	
    position:absolute;
}

.cp-controls li label{
    position:relative;
    display:block;
    width:60px;
    height:60px;
    text-indent:-9999px;
    z-index:1;
    cursor:pointer;
    margin: 0;
}

.cp-controls .cp-play{
    background:url("../images/track-preview-play.png") 0 0 no-repeat;
}

.cp-controls .cp-play:hover {
    background:url("../images/track-preview-play.png")no-repeat;
}

.cp-controls .cp-pause {
    background:url("../images/track-preview-pause.png") no-repeat;
}

.cp-controls .cp-pause:hover {
    background:url("../images/track-preview-pause.png") no-repeat;
}

.cp-jplayer {
    width:0;
    height:0;
}