html, body
{height:100%;}

body 
{
    margin:0;
    padding:0;
    height:100%;
    background-color:#fdffce;
}

.mainContainer
{
    width:965px;
    margin-left:auto;
    margin-right:auto;
}

.headerVideo
{
    width:965px;
    height:120px;
    background: url(images/headerTitle.gif) center center no-repeat;
}

.headerVideo .by a
{
    position:absolute;
    display:block;
    width:511px;
    height:31px;
    margin-left:140px;
    margin-top:85px;
    background: url(images/byText.gif) top left no-repeat;
}

.headerVideo .by a:hover
{
    background: url(images/byText.gif) -38px left no-repeat;
}

.headerVideo .RogerPhoto
{
    position:absolute;
    width:87px;
    height:110px;
    margin-left:865px;
    background: url(images/RogerPouliotPhoto.gif) center center no-repeat;
}

.playerContainer
{
    width:965px;
    height:640px;
    background: url(images/TV.gif) center center no-repeat;
}

.playerContainer .playerInsideContainer
{
    width:765px;
    height:540px;
    padding-left:150px;
    padding-top:55px;
}

.piedPage
{
    height:50px;
    line-height:50px;
    vertical-align:middle;
    text-align:center;
    font-family: Arial, Tahoma, Sans-Serif;
}

.piedPage a:link, .piedPage a:visited, .piedPage a:hover, .piedPage a:active
{
    text-decoration:none;
    color:Black;
}
.playerInsideContainer a:link, .playerInsideContainer a:visited
{
    text-decoration:none;
    color:Black;
}

.playerInsideContainer a:hover
{
    text-decoration:underline;    
}
.rptCatClass
{
    width:600px;  
    margin:10px 0 15px;  
}

.catTitle
{
    width:600px;  
    line-height:25px;
    vertical-align:middle;
    background-color:White; 
    padding-left:5px; 
}

.videoNames
{
    width:600px;  
    height:35px;
    vertical-align:middle;
    margin-left:25px;
}

.videoNameSpan
{
    display:block;
    float:left;
    height:25px;
    line-height:35px;
    vertical-align:middle;
}

a.playButton
{   
    display:block; 
    width:25px;
    height:25px;
    background:url(images/play.gif) top left no-repeat;
    line-height:35px;
    vertical-align:middle;
    margin-left:10px; 
    margin-top:5px; 
    float:left;
}

a.btnCopyClipboard
{
    display:block; 
    width:25px;
    height:25px;
    background:url(images/copyClipboard.gif) top left no-repeat;
    line-height:35px;
    vertical-align:middle;
    margin-left:10px; 
    margin-top:5px; 
    float:left;
}


.configVideo
{
    width:400px;
    line-height:35px;
    vertical-align:middle;
    margin-left:350px;
    position:absolute;
}
.configVideo span
{
    margin-left:15px;
}