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

/**** Upload Audio Progress and Play ****/
span.filesize{color:#007be3; float:left;}

div.audioUploadStatus{font-size:10px; font-weight:bold; position:relative; margin:0 auto; width:130px}



div.progressBarBG{ 
background:url(../images/audio/progressbar-bg.png) no-repeat top left; 
float:right;
height:15px;
margin:2px;
width:64px;
color:#007be3;
}

span.progressBar{
background-color:#ff8400; 
float:left; 
margin:1px; 
z-index:1000;
width:1px;  
height:6px;}

button.cancel{
background:url(../images/btns/x.png) no-repeat top left;
	border:none;
cursor:pointer;
float:right; 
height:12px;
width:12px;
}

.controlsClass{width:120px; font-size:10px; font-weight:bold; position:relative;}

a.play, a.pause, a.audio{
background:url(../images/audio/play.png) no-repeat top left;
cursor:pointer;
height:22px;
position:absolute;
text-indent:-9999px;
width:41px;
left:35px;
	top:0
}

a.pause{background-position:center -22px;}

.track{
background:url(../images/audio/play-progressbar-bg.png) no-repeat top left; 
height:22px;
position:absolute;
width:39px;
left:76px;
top:0
}
.playhead {
	position:absolute;
	cursor:pointer; 
	background-color:#ff8400;
	opacity:0.3;
	filter: alpha(opacity=30);
	top: 6px;
	width:1px;
	height:6px;
	border-right:1px solid #ff8400;
}
.progress{
background-color:#ff8400; 
height:6px;
margin:6px 6px 0 0; 
max-width:38px;
position:absolute;
width:0;
z-index:1000; 
left:0px; 
}

.time, .percentage {color:#007be3; position:absolute; top:2px; font-size:1.2em;}
.mute{display:none}
.percentage{color:#007be3;}