﻿.audioPlaylist_Holder .JWPlayer
{
    position: absolute;
    top: 0px;
    left: 0px;
}
.audioPlaylist_Holder .player_controls, .audioPlaylist_Holder .volume_control
{
    float: left;
}
.audioPlaylist_Holder .top, .audioPlaylist_Holder .bottom
{
    width: 370px;
    height:3px;
    background: url(/img/fp_audioplaylist_top_bottom.png) no-repeat left top;
}
.audioPlaylist_Holder .bottom
{
    background-position: 0px -3px;
    margin-top: 48px;  
}
.audioPlaylist_Holder .left, .audioPlaylist_Holder .right
{
    float: left;
    height: 39px;
    width: 353px;
    padding: 9px 0px 0px 15px;
    background: url(/img/fp_audioplaylist_left_right.png) repeat-y -2px top;
}
.audioPlaylist_Holder .right
{
    width: 2px;
    height: 48px;
    padding: 0px;
    background-position: 0px 0px;
}
.audioPlaylist_Holder .left div
{
    cursor: pointer;    
    float: left;
}
.audioPlaylist_Holder .play
{
    background: url(/img/fp_audioplaylist_play.png) no-repeat left top;
    width: 26px; 
    height: 29px;
}
.audioPlaylist_Holder .play:hover
{
     background: url(/img/fp_audioplaylist_play_h.png) no-repeat left top;
}
.audioPlaylist_Holder .pause
{ 
    background: url(/img/fp_audioplaylist_pause.png) no-repeat left top;
    width: 26px; 
    height: 29px;
}
.audioPlaylist_Holder .pause:hover
{
    background: url(/img/fp_audioplaylist_pause_h.png) no-repeat left top;
}
.audioPlaylist_Holder .stop
{
    margin-left: 11px;    
    background: url(/img/fp_audioplaylist_stop.png) no-repeat left top;
    width: 27px; 
    height: 27px;
}
.audioPlaylist_Holder .stop:hover
{
    background: url(/img/fp_audioplaylist_stop_h.png) no-repeat left top;
}
.audioPlaylist_Holder .next
{
    margin: 0px 10px 0px 20px;    
    background: url(/img/fp_audioplaylist_next.png) no-repeat left top;
    width: 46px; 
    height: 29px;
}
.audioPlaylist_Holder .next:hover
{
    background: url(/img/fp_audioplaylist_next_h.png) no-repeat left top;
}
.audioPlaylist_Holder .progress
{
    width: 187px;
    height: 16px;
    background-color: #cccccc;
    display: inline-block; 
    overflow: hidden;   
    position: relative;
    top: 6px;
}
.audioPlaylist_Holder .progress .red
{ 
    width: 187px;
    height: 16px;
    background-color: #cc0000;
    position: relative;
    left: -100px;    
}
.audioPlaylist_Holder .volume_control
{
    background: url(/img/fp_audioplaylist_volumeoff.png) no-repeat left -1px;
    width: 27px;
    height: 21px;
    margin-left: 10px;
    cursor: pointer;
    vertical-align: top;
    position: relative;
    top: 17px;
}
.audioPlaylist_Holder .volume_control:hover
{
    background: url(/img/fp_audioplaylist_volumeoff_h.png) no-repeat left -1px;
}
.audioPlaylist_Holder .playlist_Holder
{
    padding-left: 2px;    
    vertical-align: top;
}
.audioPlaylist_Holder .column
{
    float: left;    
    margin-left: 40px;
    padding-top: 16px;
    vertical-align: top;
}
.audioPlaylist_Holder .column:first-child
{
    margin-left: 0px;    
}
.audioPlaylist_Holder .header
{
    margin-bottom: 13px;
}
.audioPlaylist_Holder .header span
{
    font: bold 15px/24px Arial;   
    color: White;
    padding: 4px 6px 2px 7px;
    background-color: #cc0000;    
}
.audioPlaylist_Holder .header_empty
{
    min-width: 30px;
    min-height: 30px;    
    margin-bottom: 13px;
}
.audioPlaylist_Holder .file
{
    font: bold 12px/18px Arial;    
    color: #666666;
    cursor: pointer;
}
.audioPlaylist_Holder .file.active, .audioPlaylist_Holder .file:hover
{
    color: #cc0000;    
}
.audioPlaylist_Holder .clear
{
    clear:both;
    height:0px;
    overflow:hidden;
}