/*=== MASTER & HEADER ===*/

.VideoBody
{
	background: #474747 url(Images/Video/MainBg.jpg) repeat-x left top;
	color: #ffffff;
}
.VideoContentHolder
{
	margin: 0 auto;
	width: 980px;
	height: 1px;
}

.VideoHeader
{
	float:left;
	width: 980px;
	padding: 11px 0 11px 0;
}
.VideoTitle
{
	float: left;
	padding: 29px 0 0 12px;
	width: 189px;
	height: 42px;
}
.VideoBannerHolder
{
	float: right;
	text-align: right;
	width: 728px;
	height: 90px;
}

/*=== COLUMNS ===*/

.VideoMenuColumn
{
	float: left;
	width: 242px;
	height: 547px;
	margin-right: 1px;
	background: #383838;
}
.VideoDetailsColumn
{
	float: left;
	width: 512px;
	height: 547px;
	margin-right: 1px;
	background: #232323;
}
.VideoFeaturedColumn
{
	float: left;
	width: 224px;
	height: 547px;
	background: #383838;
}

/*=== MENU & FEATURED COLUMNS ===*/

.VideoMenuItem
{
	padding: 8px 10px 0 10px;
	height: 22px;
	border-bottom: solid 1px #444444;
}
.VideoFirstMenuItem {	background: url(Images/Video/FirstItemBg.gif) repeat-x; }
.VideoSecondMenuItem {	background: url(Images/Video/SecondItemBg.gif) repeat-x; }

.VideoMenuItem img
{
	float: left;
	width: 6px;
	height: 6px;
	padding: 4px 8px 0 0;
}
.VideoMenuList
{
	border-bottom: solid 1px #444444;
	padding: 8px 10px 0px 18px;
}
.VideoMenuListItem
{
	height: 22px;
}

.VideoListItem
{
	float: left;
	clear: left;
	background: #272727;
	padding: 11px 4px 11px 11px;
	border-bottom: solid 1px #444444;	
}
.VideoListItemSelected
{
	float: left;
	clear: left;
	background: #383838;
	padding: 11px 4px 11px 11px;
	border-bottom: solid 1px #444444;	
}
.VideoListItemTitle
{
	float:left;
	height: 37px;
	overflow: hidden;
}

.VideoAd
{
	background: url(Images/Video/AdBg.gif) repeat-x;
}

/*=== DETAILS COLUMN ===*/

.VideoDetailsInfo
{
	float: left;
	width: 321px;
}
.VideoDetailsTitle
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;	
}

/*=== FOOTER ===*/

.VideoFooter
{
	float: left;
	width: 980px;
	height: 92px;
	margin: 2px 0 2px 0;
	background: url(Images/Video/FooterBg.gif) repeat-x;
}
.VideoFooterContent
{
	margin: 0 auto;
	width: 726px;
	padding: 27px 0 12px 0;
}
a.VideoFooterNatGeoChannel
{
	display: block;
	float: left;
	width: 92px;
	height: 65px;
	background: url(Images/Video/FooterNatGeoChannel.gif);
}
a.VideoFooterNatGeoChannel:hover
{
	background-position: left -65px;	
}

/*=== GENERAL ===*/

.VideoSection
{
	background: url(Images/Header/Dark.gif) repeat-x;
	padding: 8px 11px 0px 11px;
	height: 22px;
}

a.TopMenuItem
{
	display: block;
	float: left;
	padding: 9px 12px 0 12px;
	height: 21px;
	border-left: solid 1px #0e0e0e;
	font-size: 10px;
	color: #828282;
	text-decoration: none;
}
a.TopMenuItem:hover
{
	text-decoration: none;
	background: url(Images/Video/TopMenuItemBg.jpg) repeat-x;
}

a.Yellow
{
	color: #ffcc00;
}
.VideoGray, a.VideoGray, a.VideoGray:hover
{
	color: #828282;
	text-decoration: none;
}


/*=== SCROLL ===*/

a.jScrollArrowUp {
	background: url(Images/Video/ScrollUp.gif) no-repeat 0 0;
	height: 18px !important;
}
a.jScrollArrowDown {
	background: url(Images/Video/ScrollDown.gif) no-repeat 0 0;
	height: 18px !important;
}

.jScrollPaneTrack {
	background: url(Images/Video/ScrollBg.gif) repeat-y 0 0 !important;
}
.jScrollPaneDrag {
	background: url(Images/Video/ScrollSlider.gif) no-repeat 0 center !important;
}