@charset "UTF-8";

div#audio_player{
	width: 325px;
	height: 47px;
	border-radius: 4px;
	background-image: url(../images/skin2.png);
	background-repeat: no-repeat;
}
div#audio_controls{
	margin-left: 10px;
}
div#audio_controls > button{
	border: none;
	cursor: pointer;
	outline: none;
	cursor: pointer;
	outline: none;
	display: block;
	float: left;
	margin-top: 17px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div#audio_controls > input{
	outline: none;
	display: block;
	float: left;
	margin-top: 17px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
button#playpausebtn{
	background:url(../images/pause.png) no-repeat;
	width:12px;
	height:30px;
}
button#mutebtn{
	background:url(../images/sound.png) no-repeat;
	width:12px;
	height:30px;
}
input#seekslider{
	width: 80px;
}
input#volumeslider{
	width: 70px;
}
div#timebox{
	float: left;
	width: 70px;
	background: #000;
	border-bottom: #333 1px solid;
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
}
input[type='range'] {
    -webkit-appearance: none !important;
	margin:0px;
	padding:0px;
    background: #000;
    height:15px;
	border-bottom:#333 1px solid;
}
input[type='range']::-ms-fill-lower  {
	background:#000;
}
input[type='range']::-ms-fill-upper  {
	background:#000;
}
input[type='range']::-moz-range-track {
	border:none;
    background: #000;
}
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background: radial-gradient(#fff, #333);
    height:11px;
    width:11px;
	border-radius:100%;
	cursor:pointer;
}
input[type='range']::-moz-range-thumb {
    background: radial-gradient(#FFF, #b59b50);
    height:11px;
    width:11px;
	border-radius:100%;
	cursor:pointer;
}
input[type='range']::-ms-thumb {
    -webkit-appearance: none !important;
    background: radial-gradient(#FFF, #333);
    height:11px;
    width:11px;
	border-radius:100%;
	cursor:pointer;
}