﻿.videoPlaylist_Holder
{
    position: relative;    
}
.videoPlaylist_Holder .cmsWrapper
{
    position: absolute;
    top: 0px;
    right: 0px;    
    width: 85px;
}
.videoPlaylist_Holder .cmsWrapper .title
{
    background-color: #cc0000;
    color: White;
    font-size: 15px;
    font-weight: bold;   
    text-align: center;
    margin-bottom: 10px;
    padding: 4px 0px;
}
.videoPlaylist_Holder .fileWrapper
{
    float: left;
    margin: 0px 30px 10px 0px;
    vertical-align: top;
}
.videoPlaylist_Holder .fileWrapper div
{
    -ms-word-break: break-all; 
    -ms-word-wrap: break-word; 
    word-wrap: break-word;
    word-break: break-all;    
    font: bold 12px/18px Arial;
    color: #cc0000;
    cursor: pointer;
    text-align: center;
}
.videoPlaylist_Holder .fileWrapper div.text
{
    padding-top: 10px;
}
.videoPlaylist_Holder .fileWrapper div:hover
{
    color: Black;    
}
.videoPlaylist_Holder .file
{    
    background-color: Black;            
    cursor: pointer;
}
.videoPlaylist_Holder .player_controls, .videoPlaylist_Holder .volume_control
{
    float: left;
}
.videoPlaylist_Holder .item_info
{
    margin: 15px 0px;    
}
.videoPlaylist_Holder .item_info .clear
{
    clear: both;
    overflow: hidden;    
}
.videoPlaylist_Holder .item_info .top, .videoPlaylist_Holder .item_info .bottom
{
    width: 370px;
    height:3px;
    background: url(/img/fp_audioplaylist_top_bottom.png) no-repeat left top;
}
.videoPlaylist_Holder .item_info .bottom
{
    background-position: 0px -3px;
}
.videoPlaylist_Holder .item_info .left, .videoPlaylist_Holder .item_info .right
{
    width: 353px;
    padding: 9px 0px 5px 15px;
    background: url(/img/fp_audioplaylist_left_right.png) repeat-y -2px top;
}
.videoPlaylist_Holder .item_info .right
{
    width: 2px;
    padding: 0px;
    background-position: 0px 0px;
}
.videoPlaylist_Holder .name, .videoPlaylist_Holder .description
{
    font: 15px/24px Arial;    
    color: #666666;
}
.videoPlaylist_Holder .name
{
    color: #cc0000;
}
.videoPlaylist_Holder .player_controls_Holder
{
    float: right;    
}
.videoPlaylist_Holder img
{
    cursor: pointer;    
}
.videoPlaylist_Holder .player_controls_Holder .top, .videoPlaylist_Holder .player_controls_Holder .bottom
{
    width: 296px;
    height: 11px;
    background: url(/img/fp_videoplaylist_top_bottom.png) no-repeat left top;
}
.videoPlaylist_Holder .player_controls_Holder .bottom
{
    background-position: 0px -11px;
    margin: 33px 0px 10px 0px;
}
.videoPlaylist_Holder .player_controls_Holder .left, .videoPlaylist_Holder .player_controls_Holder .right
{
    float: left;
    height: 29px;
    width: 266px;
    padding: 4px 0px 0px 22px;
    background: url(/img/fp_videoplaylist_left_right.png) repeat-y -7px top;
}
.videoPlaylist_Holder .player_controls_Holder .right
{
    width: 7px;
    height: 33px;
    padding: 0px;
    background-position: 0px 0px;
}
.videoPlaylist_Holder .player_controls_Holder .volume_control
{
    background: url(/img/fp_videoplaylist_volumeoff.png) no-repeat left -1px;
    width: 31px;
    height: 20px;
    margin-left: 6px;
    cursor: pointer;
}
.videoPlaylist_Holder .player_controls_Holder .progress
{
    width: 138px;
    height: 16px;
    background: url(/img/fp_videoplaylist_progress_bkgr.png) no-repeat left 7px;
    float: left;
    overflow: hidden;   
    position: relative;
    margin-left: 17px;
    top: 4px;
}
.videoPlaylist_Holder .player_controls_Holder .progress .red
{ 
    width: 16px;
    height: 16px;
    background: url(/img/fp_videoplaylist_progress.png) no-repeat left top;
    position: relative;
    left: 0px;    
}
.videoPlaylist_Holder .player_controls_Holder .play, .videoPlaylist_Holder .player_controls_Holder .pause
{
    width: 23px;
    height: 23px;
    background: url(/img/fp_videoplaylist_play.png) no-repeat left top;   
    float: left;
}
.videoPlaylist_Holder .player_controls_Holder .pause
{
    background: url(/img/fp_videoplaylist_pause.png) no-repeat left top;   
}
.videoPlaylist_Holder .player_controls_Holder .stop
{
    float: left;
    width: 23px;
    height: 23px;
    background: url(/img/fp_videoplaylist_stop.png) no-repeat left top;
    margin-left: 9px;    
}
.videoPlaylist_Holder .clear
{
    clear:both;
    height:0px;
    overflow:hidden;
}