img
{
	border:0;
	outline:0;
}

#player
{
	background:#550055;
	border-radius: .5em;
	margin: 10px auto;
	width:300px;
}

#controls
{
	background: #550055;
	border-radius:1em 1em 0 0;
	height:6em;
	margin:0 auto;
	width:100%;
}

#songTitle
{	color: #E5E5E5;
	border-radius: 1em 1em 0 0;
	display:block;
	font-family:Arial, Helvetica;
	font-size: 0.9em;
	height:25%;
	line-height:1.7em;
	margin: 0 auto;
	overflow: hidden;
	padding:3px;
	text-align:center;
	white-space:nowrap;
	width:90%;
}

#playertrols
{	
	display:block;
	height:40%;
	width:100%;
}

#plauseStop
{
	display:inline-block;
	margin: 0 7% 0 14%;
	height:16px;
	width:50px;
}

#plause
{
	background:url(../img/play.png);
	cursor:pointer;
	display:inline-block;
	height:16px;
	width:17px;
}

#stop
{
	background:url(../img/stop.png);
	cursor:pointer;
	display:inline-block;
	margin-left:5px;
	height:16px;
	width:17px;
}

#progressBar
{
	background:rgba(136,7,7,0.5);
	cursor: pointer;
	display:inline-block;
	height:36px;
	vertical-align:middle;
	width:50%;
}

#timeLoaded
{
	background: rgba(223,6,11,0.5);
	height:36px;
	width:80%;
}

#timePlayed
{
	background: rgba(222,23,27,0.5);
	height:36px;
	margin-top:-36px;
	width: 60%;
}

#volumeTime
{
	display:block;
	float:right;
	margin-right:4%;
	width:90%;
}

#timeStatus
{	color: #E5E5E5;
	display:inline-block;
	font-family:'Viga';	
	font-size:1em;
	margin-left:15%;
}

input[type=range]
{
	width:10px;
}

#playlist
{	color: #E5E5E5;
	margin: 0 auto;
	display:block;
	width:98%;
}

#tracks
{
	margin:1em 0 0 0;
	width:100%;
}

.track
{
	background: rgba(213,213,213,0.3);
	cursor:pointer;
	display:block;
	font-family:Arial, Helvetica;
	height:1.5em;
	line-height:1.5em;
	margin-bottom:0.18em;
	width:100%;
}

.track:hover,.trackPlaying
{
	background: rgba(213,213,213,0.3);
}

.track span
{
	margin-left:0.5em;
}


#playlistControl
{
	background: #550055;
	border-radius:0 0 1em 1em;
	cursor:pointer;
	display:block;
	height:2em;
	line-height:2em;
	margin-top:1em;
	text-align:center;
	width:100%;
}

#currentTime
{	
	background:url(../img/currentTimeBG.png);
	display:block;
	font-size:0.7em;
	height:23px;
	padding:1px 0 1px 0;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:35px;
}

.slider
{	
	background: rgba(190,20,23,0.5);
	border-radius:5px;
	display:inline-block;
	height: 9px;
	margin-top: 5px;
	position: relative;
	width: 50%;
}

.handle
{
	background: rgba(245,245,245,0.5);
	border-radius:60px;
	cursor: pointer;
	display:block;
	height:9px;
	left:25%;
	position: relative;
	width:9px;
}

.range
{
	display:none;
}