/* media Player */

.VideoPlayerFull
{
	width: 915px;
	margin: 0 auto;
}

.VideoPlayerFull .TitleImage
{
    margin: 5px 0 13px 0;
}

.VideoPlayerArea
{
    position: relative;
}

.VideoPlayerArea .holder { position: relative; display: table; width: 915px; height: 600px; top: 0px; left: 0px; background-color : #ffffff;}
.VideoPlayerArea .player  { position: absolute; top: 5px; left: 5px; z-index: 2; }
.VideoPlayerArea .clipInfo  { position: absolute; top: 5px; left: 580px; }

/* We have to give the parent DIV element for the CategoryList
   a specific pixel size using CSS style attributes.  */
.VideoPlayerArea .categoryList  
{ 
    position: absolute; 
    top: 400px; left: 5px; width: 230px; height: 210px; 
    /* The z-index value also guarantees that child category items */
    /* appear above the neighboring components. */                   
	z-index: 3;
}
.VideoPlayerArea .search 
{
   /*In this canvas we're using the hasOverlay property of the ReleaseList to provide
   space for the search and navigation components within the release list borders.*/

	position: absolute;
	top: 365px;
	left: 0px;
}

.VideoPlayerArea .navigation 
{
	position: absolute;
	top: 400px;
	left: 620px;
}

.VideoPlayerArea .releaseList  
{
	position: absolute;
	top: 400px;
	left: 250px;
}