.fl 
{
float:left;
}

.fr 
{
float: right;
}
.clear { clear: both; line-height: 0px !important; font-size: 0px !important; height: 0 !important }


#playlist{
background-color:#000;


}

a 
{
   color:   #FFF; 
   font-weight: bold;
}

b 
{
   color:   #FFF; 
   font-weight: bold;
}

.duration 
{
    font-size:10px;
    color:#FFF;
	padding:0 20px 0 0;
}

.btn.play 
{
    width:16px;
    height:17px;
    background-image: url(i/play.gif);
    display: inline-block;
}

.btn.pause
{
    width:16px;
    height:17px;
    background-image: url(i/pause.gif?2);
}

.btn.paused
{
    width:16px;
    height:17px;
    background-image: url(i/play.gif?3);
    display: inline-block;
}


div.player 
{
    width:357px;
    height:14px;
    margin-top:5px;
    padding-left:10px;

}
.playerabstand1{
	background-color: #EBFFFF;
	height: 98px;
	width: 377px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.playerabstand2{
	background-color: #EBFFFF;
	height: 210px;
	width: 377px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.playerabstand3{
	background-color: #EBFFFF;
	height: 110px;
	width: 377px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.playerabstand4{
	background-color: #EBFFFF;
	height: 133px;
	width: 377px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

div.player.inactive
{
	margin-top:5px;
	margin-bottom:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
.item{
height: 50px;
}
.item.title 
{
    -vertical-align:middle;
}


.item .btn 
{
    display:inline;
    float:left; 
    margin-right:5px;
    cursor:pointer;
}