/* CSS Document */

body {
	background: black;
}

span {
	cursor: pointer;
}

a, img{
	border:none;
}

.previous_track, #play_btn, .next_track, #rate1, #rate2, #rate3, #rate4, #rate5{
	float:left;
	cursor: pointer;
}

.display{
	position: absolute;
	top: 0px;
	left: 395px;
	background-color:black;
	width: 450px;
	height: 90px;
	border: solid 1px gray;

}

#display_track_name, #display_artist, #time{
	position:absolute;
	color: white;
	font-family:Tohoma;
	font-size:24px;
	height: 27px;
	overflow: hidden;
	left: 5px;
}

#display_track_name{
	width: 400px;
	top: 25px;
}

#display_artist{
	width: 400px;
	top: 0px;
}

#time{
	top:60px;
	left: 300px;
	width: 260px;
}

#display_time{
	position: absolute;
	text-align: left;
	width: 135px;
}

#display_length{
	position: absolute;
	text-align: right;
	width: 125px;
}

#time_dash{
	position:absolute;
	left: 0px;
	text-align:center;
	width:125px;
}

.player #rating{
	position:absolute;
	top : 50px;
	width: 200px;	
	height: 40px;
	left: 485px;
	cursor: pointer;
	z-index: 10;
}

#volume_up{
	position: absolute;
	top: 55px;
	left: 435px;
	cursor: pointer;
	z-index: 5;
}

#volume_down{
	position: absolute;
	top: 55px;
	left: 395px;
	cursor: pointer;
	z-index: 5;
}


.player {
	position:absolute;
	height: 90px;
	overflow:visible;
}