#videoPreviewImage{
    width: 614px;
    height: 344px;
    position: absolute;
    top: 0;
    left:0;
    background-color: grey;
}

#videoPreviewOver{
    width: 614px;
    height: 344px;
    position: absolute;
    top: 0;
    left:0;
    background-image: url("../img/basic/videoPreviewOver.png");
}

#videoPreviewOver1{
    width: 614px;
    height: 344px;
    position: absolute;
    top: 0;
    left:0;
}

#videoPreviewOver1.focusCls{
    background-image: url("../img/basic/videoPreviewOver_over.png");
}

#videoInfoPanel{
    width: 614px;
    height: 200px;
    position: absolute;
    left:0;
    top: 345px;
    color: white;
}

#playerInfoPanel{
    width: 614px;
    height: 200px;
    position: absolute;
    left:13px;
    top: -14px;
    color: black;
}

    #DisplayWrapper.size2 #playerInfoPanel{
        top: 11px;
    }
    
    
#videoDiv{
    position: absolute;
    top:0;
    left:0;
}

    #DisplayWrapper.size1 #videoDiv{
        width: 100%;
        height: 480px;
    }
    
    #DisplayWrapper.size2 #videoDiv{
        width: 100%;
        height: 495px;
    }
    
    #DisplayWrapper.size3 #videoDiv{
        width: 100%;
        height: 496px;
    }

.videoPanelDate{
    padding-left:5px;
    width: 609px;
}    

    #DisplayWrapper.size1 .videoPanelDate{
        margin-bottom: 10px;
        margin-top: 20px;
    }
    
    #DisplayWrapper.size2 .videoPanelDate{
        margin-bottom: 5px;
        margin-top: 10px;
    }
    
    #DisplayWrapper.size3 .videoPanelDate{
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    
.videoPanelTitle{
    padding-left:5px;
    width: 609px;
}

    #DisplayWrapper.size1 .videoPanelTitle{
        margin-bottom: 10px;
    }

    #DisplayWrapper.size2 .videoPanelTitle{
        margin-bottom: 10px;
    }
    
    #DisplayWrapper.size3 .videoPanelTitle{
        margin-top: 5px;
    }
   

.videoPanelDescription{
    margin-top: 10px;
    padding-left:5px;
    width: 609px;
}

    #DisplayWrapper.size3 #div_left_video .videoPanelDescription{
        display:none;
    }

#playDescPanel{
    position: absolute;
    bottom: -14px;
    left: -13px;
}

    #DisplayWrapper.size1 #playDescPanel{
        width: 639px;
        height: 275px;
    }
    
    #DisplayWrapper.size2 #playDescPanel{
        width: 639px;
        height: 296px;
    }
    
    #DisplayWrapper.size3 #playDescPanel{
        width: 639px;
        height: 382px;
        
    }
    
#player{
    width: 645px;
    height: 31px;
    position: absolute;
    top:0;
    left:0;
}

.playerBtns{
    width: 207px;
    height: 29px;
    border: 1px solid black;
    background-image: url("../img/basic/playerBtns.png");
    float:left;
}

.playerBtns.focusCls{
    /*background-image: url("../img/basic/playerBtns_over.png");*/
    border: 1px solid #ff7100;
}

#previousBtn, #playPauseBtn{
    margin-right: 6px;
}

#prevImg{
    width: 19px;
    height: 21px;
    position: relative;
    top: 5px;
    left: 95px;
    background-image: url("../img/basic/prevImg.png");
}

.playerBtns.focusCls #prevImg{
    background-image: url("../img/basic/prevImg_over.png");
}

#nextImg{
    width: 19px;
    height: 21px;
    position: relative;
    top: 5px;
    left: 95px;
    background-image: url("../img/basic/nextImg.png");
}

.playerBtns.focusCls #nextImg{
    background-image: url("../img/basic/nextImg_over.png");
}

.pauseCls{
    width: 19px;
    height: 21px;
    position: relative;
    top: 5px;
    left: 95px;
    background-image: url("../img/basic/pauseImg.png");
}

.playerBtns.focusCls .pauseCls{
    background-image: url("../img/basic/pauseImg_over.png");
}

.playCls{
    width: 19px;
    height: 21px;
    position: relative;
    top: 5px;
    left: 95px;
    background-image: url("../img/basic/playImg.png");
}

.playerBtns.focusCls .playCls{
    background-image: url("../img/basic/playImg_over.png");
}

#playerDescPanel{
    background-color: #e3e3e3;
    bottom:0;
    left:0;
    position: absolute;
}

    #DisplayWrapper.size1 #playerDescPanel{
        width: 639px;
        height: 232px;
    }
    
    #DisplayWrapper.size2 #playerDescPanel{
        width: 639px;
        height: 257px;
    }
    
    #DisplayWrapper.size3 #playerDescPanel{
        width: 639px;
        height: 344px;
    }
    

#playerDescPanel .colorButtons{
    width: 614px !important;
    position: absolute;
    bottom: 14px !important;
    left: 13px !important;
}

#div_left_video .colorButtons{
    width: 614px !important;
}

#videoItemsWrapper{
    position: absolute;
}

.videoItem{
    
}

.videoItem.focusCls .itemDescription{
    color: #ff7100 !important;
}

    #DisplayWrapper.size1 .videoItem{
        width: 254px;
        height: 247px;
        margin-right: 1px;
        margin-bottom: 1px;
        float:left;
        background-image: url("../img/basic/videoItem.png");
    }
    
    #DisplayWrapper.size2 .videoItem{
        width: 509px;
        height: 164px;
        margin-bottom: 1px;
        float:left;
        background-image: url("../img/basic/videoItem_size2.png");
    }
    
    #DisplayWrapper.size3 .videoItem{
        width: 509px;
        height: 247px;
        margin-bottom: 1px;
        float:left;
        background-image: url("../img/basic/videoItem_size3.png");
    }
    
    
    
#PlayerWrapper{
    width: 614px;
    height: 344px;
    position: absolute;
    top: 106px;
    left: 64px;
}