.fl 
{
float:left;
}

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



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

.duration 
{padding-top:5px;
    font-size:10px;
    color:#777;
}

.btn.play 
{
    width:36px;
    height:34px;
    background-image: url(../images/play.jpg);
    display: inline-block;
}

.btn.pause
{
    width:36px;
    height:34px;
    background-image: url(../images/pause.jpg?2);
}

.btn.paused
{
    width:36px;
    height:34px;
    background-image: url(../images/play.jpg?3);
    display: inline-block;
}


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

div.player.inactive
{
    margin-top:5px;
    margin-bottom:0px;
    border-top: solid 2px #efefef;
}

.item .title 
{
    -vertical-align:middle;
	padding-top:5px;
	padding-bottom:10px;
}

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