.case-title-area-wrapper{
    background-color: #DDDDDD;
    border-radius: 5px;
    height: 116px;
    margin: 2px 0;
    position: relative;
    width: 96%;
    overflow: hidden;
}
#pblceBody div{
    overflow: hidden;
}
#caseName{
    overflow: hidden;
    
}
/*the text/html/iamge*/
.casePETextTitle{margin-top: 15px;}
.casePETextContent{line-height: 1.5em;}

/*the Filelist*/
.tabFilelist{width: 90%;border: 1px dotted #ddd;font-family:sans-serif;}
.tabFilelist p{margin: 0px; padding: 0px}
.tabFilelist tr:hover{
    background-color: #FDD;
}
.trOneFileOdd{background-color: #eee}
.trOneFileEven{background-color: #fff}
.thFLSeq{background-color: #ddd;width: 50px;height: 1.2em;text-align: center;}
.thFLTitle{background-color: #ddd;width: 500px;height: 1.2em;text-align: center;}
/*.thFLDesc{background-color: #ddd;width: 400px;height: 1.2em;text-align: center;font-size: 14px;}*/
.thFLFormat{background-color: #ddd;width: 40px;height: 1.2em;text-align: center;}
.thFLSize{background-color: #ddd;width: 50px;height: 1.2em;text-align: center;}
.thFLPrev{ background-color: #ddd;width: 96px;height: 1.2em;text-align: center;}
.tdFLSeq{text-align: center;font-size: 12px;}
.tdFLTitle{font-size: 12px;}
.tdFLDescription{font-size: 11px;color:#666;}
.tdFLSize{text-align: center;font-size: 12px;}
.tdFLFormat{text-align: left;font-size: 11px;}
.imgFileIcon{width: 18px;height: 18px;margin-right: 3px;vertical-align: bottom}
.imgFileViewIcon{width: 14px;height: 14px;margin-right: 3px;vertical-align: bottom;cursor: pointer}
/*the Filelist*/

/*the video list*/
.divVideosTitle{width:100%;font-size: 100%;font-weight: bold;margin-top: 10px}
.divLeftVideosTitle{width: 50%;text-align: left;
                    float: left;
                    padding-left: 2em;
                    /*background-color: #edd*/}
.divRightVideosTitle{width: 30%;text-align:
                         right;float: right;
                     padding-right: 2em;
                     /*background-color: #eed*/}
.divOneVideo{border-radius:10px;width: 100%;/*background-color: #ffe;*/position: relative;margin: 6px 15px 0px 10px; border-bottom: 1px dashed #ddd; }
.divVideoThumbCapContainer{float: left;width: 220px;text-align: center;/*border: 1px solid #060*/}
.divVideoThumb{width:220px; height: 200px;margin: 2px auto;padding: 0px; overflow: hidden;cursor: pointer;background-color: #eee}
/*.imgVideoThumb{width:120px;height: 120px}*/
.divVideoLinkedThumb{width:220px; height: 200px;margin: 2px auto;padding: 3px; vertical-align: bottom; overflow: hidden;cursor: pointer;background-color: #eee}
.imgVideoLinkedThumb{width:80px;height: 80px;vertical-align: bottom;margin-top: 18px}
/*.divVideoCaption{font-family: sans-serif;width: 100%;text-align: center;font-size: 80%}*/
/*.divVideoDescription{font-family: sans-serif;color: #333;float: left;width:320px;padding:5px 10px;height: 100px;vertical-align: middle;line-height: 1.5em}*/
.divVideoLinkTCContainer/*linked video thumb&caption*/{float: left;width: 220px;text-align: center}
/*the video list*/
.divVideoPlayer{width: 400px;height: 400px;}

#divVideoThumberListContainer{width: 750px;
                              float: left;
                              text-align: left;}
.divOneVideoPair{margin-top: 15px;
                 /*background-color: #EEE;*/
                 position: relative;
                 border-bottom: 1px dotted #999;
                 /*border-top: 1px dotted #999;*/
                 /*padding-left: 10px;*/}
/*Contains: video thumb; caption; HQ button*/
.divOneVideoContainer{float: left;margin: 6px 10px;
                      width: 30%;
                      height: 215px;
                      background-color: #EEE;
                      text-align: center;
                      margin-bottom: 3em;
}
.rightVideo{
  float: right;
}
/*Click to play image and the in=place video*/
.divOneVideoThumb{width: 220px;height:185px;
                  border: 1px solid #CCC;
                  margin: 3px auto;
                  /*background-image: url(img/loadingvideo.png);*/
                  background-position: center;
                  background-repeat: no-repeat;
                  position: relative;
                  cursor: pointer;
}
.ImgVideoThumb{position: relative;
               top:0px;left: 0px;
               width: 100%;height: 100%;z-index: 1;}
.ImgPlayOverlay{position: absolute;
                top:105px;left: 35px;
                width: 150px;height: 100px;
                opacity:0.7;
                filter:alpha(opacity=70); /* For IE8 and earlier */
                z-index: 3;}
.divVideoCaption{width: 88%;text-align: left;
                 font-size: 11px;
                 margin-top: 3px;
                 margin-left: 3px;
                 /*border-bottom: 1px dashed #CCC;*/
                 overflow: hidden;
                 float: left;
}
.divTargetVideoDesc{width: 32%;height:208px;
                    overflow:auto;
                    float: left;
                    padding: 2px;
                    line-height: 1.2em;
                    border-top:1px dotted #CCC;
                    border-bottom:2px dotted #CCC;
                    margin: 10px 7px 0px 7px;}
.BtnVideoHQPlay{float: right;
                cursor: pointer;
                background-color: sandybrown;
                border:1px outset;
                padding: 0px 2px;}
.clearBoth{clear: both;width: 100%;height: 0px;}
.DivHQVideoContainer{
  width: 400px;
  height: 300px;
  z-index: 100;
}