/* Structure */
body
{
	background-color: #eee;
	margin: 0;
	padding: 0;
	
	font-family: 'Verdana';
	font-size: 10px;
}
#bar
{
	height: 20px;
	background-color: #666;
	color: #eee;
}

#controls
{
	float: left;
	padding: 2px 5px;
	padding-right: 10px;
}

#listeners
{
	float: left;
	padding: 0px 5px;
	height: 20px;
	line-height: 20px;
	background-color: #444;
}

#playing
{
	float: left;
	padding: 0px 5px;
	height: 20px;
	line-height: 20px;
	background-color: #555;
	font-weight: bold;
}

#player
{
	z-index: 0;
}

/* Controls */
.button
{
	width: 16px;
	height: 16px;
	cursor: pointer;
}

#play
{
	float: left;
	background: url('images/control_play.png') no-repeat;
}

#play:hover
{
	background: url('images/control_play_blue.png') no-repeat;
}

#pause
{
	float: left;
	background: url('images/control_pause.png') no-repeat;
}

#pause:hover
{
	background: url('images/control_pause_blue.png') no-repeat;
}

#stop
{
	float: left;
	background: url('images/control_stop.png') no-repeat;
}

#stop:hover
{
	background: url('images/control_stop_blue.png') no-repeat;
}


#volume
{
	float: left;
	width: 70px;
	height: 10px;
	margin: 2px 5px;
}