/* Rounded corners are required for video - get the rounded corners styled */
@import "roundedcorners.css";




/* Top */
div#VideoTop
{
     background-image: url('i/video/videotopleftcorner.png');
    background-color: transparent;
       margin: auto auto;
    /*width: 950px;*/
   
    text-align: left;
    position: relative;
    

}


div#VideoTop h2
{
     background-image: url('i/video/videotoprightcorner.png'); 
   background-color: Transparent;
   margin: 0px 0px 0px 0px;
   padding: 5px 0px 0px 0px;
   height: 10px;
   
}

div#VideoBody
{
    border-left: #cae7f7 1px solid;
    border-right: #cae7f7 1px solid;
    /*background-color: #c3dcf1;*/
    /*background-color: #81c9ef;*//*#dbf2fc;*/
    background: url('i/video/videobodybackground.png') top center repeat-x;
    margin-top: 0px;
    height: 100%;
    padding: 10px 10px 0px 10px;
    margin-left: 2px;
    margin-right: 2px;
}

div#VideoContainer
{
    float: left;
    
     
}

div#VideoContainer-nofloat
{
    width: 100%;
    height: 100%;
    text-align: center;
}




div#VideoFooter
{
    background-image: url('i/video/videobottomleftcorner.png');
    background-color: Transparent;
    margin: 0px 0px;
    padding: 0px 0px;
    

}

div#VideoFooter p
{
    background-image: url('i/video/videobottomrightcorner.png');
    background-color: Transparent;
    margin-top: -5px;
    margin: 0px 0px;
    padding: 10px 5px;
}



/* Video Logo */
div#videologo
{
    position: absolute;
    top: 13px;
    left: 10px;
    background: url('i/video/thebestofvideologo.png') center center;
    width: 65px;
    height: 21px;
    

}

/* Right hand text on homepage player */
div.videorighttext
{
    float: right;
    width: 220px;
    background: url('i/video/videoquoteend.png') 93% 69% no-repeat;
    padding: 0px 0px;
   margin: 0px 0px;
}




div.videorighttext blockquote
{
    padding: 0px 0px;
    margin: 0px 0px;
    background: url('i/video/videoquotestart.png') top left no-repeat;
    
}

div.videorighttext blockquote p#first
{
    text-indent: 35px;
    padding-top: 3px;
    margin: 0px 0px;
}

div.videorighttext blockquote p
{
    margin-top: 3px;
    
}


/*  Default content when no video */
div.videorighttext-default
{
    background: url('i/video/videoquoteend.png') 41% 90% no-repeat;
    padding-top: 17%;
    padding-bottom: 10px;
    width: 380px;
    float: right;
    margin-left: 12px;
     
    
    
}

div.videorighttext-default blockquote
{
    padding: 2px 0px 0px 0px;
    margin: 0px 0px;
    background: url('i/video/videoquotestart.png') top left no-repeat;
    height: 75px;
     text-align: justify;
    
}

div.videorighttext-default blockquote p#first
{
    text-indent: 35px;
    padding-top: 3px;
    margin-top: 0px;
}

div#VideoContainer-Default
{
    width: 100%;
    height: 100%;
    background: url('i/video/defaultvideohomepage.png') top left no-repeat transparent;
    margin: -2em 0px 0px 0px;
}