@charset UTF-8;

#overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(..//img/template/videoplayer/overlayBackground.png);
z-index:10000;
display:none;
}

#videoPlayerWrap {
position:relative;
width:900px;
top:20px;
margin:0 auto;
}

#mediaScreenFrame {
position:relative;
left:0;
top:0;
background-color:#000000;
width:680px;
height:400px;
}

#mediaScreen {
position:absolute;
left:20px;
top:20px;
background-color:#333333;
width:640px;
height:360px;
}

#categoryFrame {
position:absolute;
left:680px;
top:0;
width:200px;
height:400px;
}

#exit {
position:absolute;
height:40px;
width:40px;
top:0;
left:-20px;
background-image:url(..//img/template/videoplayer/exit.png);
background-position:center;
background-repeat:no-repeat;
}

#categories {
position:absolute;
top:40px;
right:40px;
width:150px;
height:auto;
background-color:#333333;
padding-bottom:10px;
cursor:pointer;
}

.category {
position:relative;
background-image:url(..//img/template/videoplayer/categoryButton.png);
width:146px;
height:25px;
left:2px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font:Arial, Helvetica, sans-serif;
font-size:16px;
font-size-adjust:16px;
display:block;
margin-top:5px;
cursor:pointer;
}

#descriptionContainer {
position:relative;
width:660px;
height:auto;
background-color:#000000;
padding:10px;
}

#videoDescription {
font-size:12px;
font-size-adjust:12px;
font:"Times New Roman", Times, serif;
font-family:"Times New Roman", Times, serif;
color:#CCCCCC;
margin:10px;
}

#videoSelectionBar {
position:relative;
width:680px;
height:80px;
background-color:#000000; 
}

#goleft {
position:absolute;
top:0;
left:10px;
width:42px;
height:77px;
background-image:url(..//img/template/videoplayer/left.png);
}

#goright {
position:absolute;
top:0;
left:581px;
width:42px;
height:77px;
background-image:url(..//img/template/videoplayer/right.png);
}

#sliderFrame {
position:absolute;
width:512px;
height:77px;
background-color:#333333;
overflow:hidden;
top:0;
left:55px;
}

#slidingBar {
background-color:#CCCCCC;
position:absolute;
width:614px;
height:54px;
left:0px;
top:12px;
padding:1px;
}

.videoThumbnail {
position:relative;
height:50px;
width:100px;
margin-top:3px;
padding-left:1px;
padding-right:1px;
cursor:pointer;
}
/*----  single video player css  ---*/
#oneVideoOverlay
{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(..//img/template/videoplayer/overlayBackground.png);
z-index:10000;
display:none;
}

#videoPlayerWrap2 {
position:relative;
background-color:#FF0000;
width:750px;
top:20px;
margin:0 auto;
}

#exit2 {
position:absolute;
height:40px;
width:40px;
top:0;
right:0;
background-image:url(..//img/template/videoplayer/exit.png);
background-position:center;
background-repeat:no-repeat;
}

#mediaScreenFrame2 {
position:absolute;
left:0;
top:0;
background-color:#000000;
width:680px;
height:400px;

}

#mediaScreen2 {
position:absolute;
left:20px;
top:20px;
background-color:#333333;
width:640px;
height:360px;
}

#descriptionContainer2 {
position:absolute;
left:0;
top:400px;
width:680px;
height:20px;
}

#videoDescription2 {
font-size:12px;
font-size-adjust:12px;
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
margin:5px;
}