/*
------------------------------------------------------------------------------------------------------------------------
TWO COL LAYOUT
------------------------------------------------------------------------------------------------------------------------
*/
.container-twocol {
	/* !! REQUIRES CLEARFIX CLASS !! */			/* Can't use float or overflow clearing methods, as we can't set the width on this due ot its padding */
	position: relative;
	padding-right: 335px;						/* keep clear area for left column - video-player(fullwidth + margin/padding/border space) */
}
.container-twocol .left-col {
	float: left;
	width: 100%;
}
.container-twocol .right-col {
	float: left;
	width: 325px;
	margin-left: 10px;							/* Need to explicitly set, even if to 0 */
	margin-right: -335px;						/* position outside the containers padding zone */
	display: inline;							/* fixes IE double-float margin bug */
}

/*
========================================================================================================================
VIDEO AND INFO PANELS
========================================================================================================================
*/
.panel-vs {
	position: relative;
	padding: 3px;
	border: 0px solid #4F4F4F;
	/*height: 347px; /* if border is turned on, reduce this by that amount */
	text-align: center;
	/*padding-left:50%;*/
}
.panel-vs div#videoPlayer
{
	margin:0 auto
}
* html .panel-vs div#videoPlayer{ margin:0; }
.panel-vs-info {
	position: relative;
	margin: 0 0 10px 0;
	height: 351px;								/* this needs an explicit height set due to the absolutely positioned footers. */
	border: 1px solid #4F4F4F;
}
.panel-vs.login, .panel-vs.forgotPassword, .panel-vs.register
{
	border: 1px solid #4F4F4F;
}
.panel-vs-info .now-playing-footer dl.next-info dt 
{
	width:55px;
}
/*
------------------------------------------------------------------------------------------------------------------------
VS-INFO TABS - IE6 MODS
------------------------------------------------------------------------------------------------------------------------
*/
/* TAB CONTENT - IE6 MODS */
* html .panel-vs-info .tab-content { 
	position: relative;
	top: 0;
	padding: 0;
	height: 305px; 								/* panel-vs-info available h=345, less 40px tabs, less padding on tab-content = 305px */
}

/* TAB INNER CONTENT - SCROLL AREA - IE6 MODS */
* html .panel-vs-info .tab-content-inner {
	position: relative;
	height: 265px; 								/* total height 305px - tab-footer 30px - 2x5px padding */
}

/*VS-INFO TAB DIALOG - IE6 MODS */
* html .panel-vs-info .tab-dialog {
	height: 265px; 								/* 275-(2x5) padding */
	padding: 5px 0;
	width: 100%;
}

/* VS-INFO TAB: NOW PLAYING - IE6 MODS */
* html .panel-vs-info .tab-content-inner.now-playing {
	height: 215px;								/* normal height from above - 55px for the now-playing-footer (next in playlist) */
}

/*
------------------------------------------------------------------------------------------------------------------------
STYLED FORM MODS FOR TAB DIALOGS
------------------------------------------------------------------------------------------------------------------------
*/
.tab-dialog .styled-form .indent {
	padding-left: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
COMMENTS - Shift name and date
------------------------------------------------------------------------------------------------------------------------
*/
.comment-name {
	float: none;
	display: block;
	line-height: 1em;
	margin-top: 8px;
	margin-bottom: 8px;
}
.comment-date {
	float: none;
	display: block;
	line-height: 0.9em;
}

/*
------------------------------------------------------------------------------------------------------------------------
PLAYLIST - LIST VIEW - Get the text to wrap around the thumbnail rather than 2 columns
------------------------------------------------------------------------------------------------------------------------
*/
ul.playlist-list-view li.menu-item div.vs-container {
	padding-left: 5px;
}
/* THUMB */
ul.playlist-list-view .vs-thumb {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	width: 112px;
	height: 63px;
	margin: 0 5px 5px 0;
}
/* DESCRIPTION */
ul.playlist-list-view .vs-description {
	clear: none;
}

/*
------------------------------------------------------------------------------------------------------------------------
PLAYLIST - GRID VIEW - Extra space between to fit the width better
------------------------------------------------------------------------------------------------------------------------
*/
ul.playlist-grid-view li.menu-item {
	margin-right: 10px;
}

/*
========================================================================================================================
CHANNEL INTRO
========================================================================================================================
*/
.channel-intro {
	display: none;
}

/*
========================================================================================================================
CHANNEL MEDIA - ADD SPACE TO GRID VIEW SO THEY SPACE BETTER AT MAX AND MIN-WiDTH
========================================================================================================================
*/
.channel-media ul.media-menu-grid li.menu-item {
	margin-right: 20px;
}

/*
========================================================================================================================
AD CONTAINER
========================================================================================================================
*/
.ad-container {
	margin: 0 0 10px 0;
}