.fl 
{
float:left;
}

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


.col1 {
	float:left;
	width:160px;
	margin-right:20px;
}

.col2 {
	float:left;
	width:160px;
}

.col3 {
	float:right;
	width:160px;
}

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

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

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

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


div.player 
{
    width:140px;
    height:14px;
    margin-top:5px;
    padding-left:20px;
}

div.player.inactive
{	
    margin-top:5px;
    margin-bottom:0px;
    border-top: dashed 1px #222;
}

.item .title 
{
    -vertical-align:middle;
}

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