#videoplayer {
	width: 774px;
	height: 290px;
	margin-bottom: 8px;
}

/* tabs across top of video */
#videoplayer #channels {
	background: #fff url(/modustv/images/cbg.gif) top left repeat-x;
	font-size: 12px;
	line-height: 22px;
	margin: 0;
	padding: 0;
	clear: both;
	height: 28px;
}

#videoplayer #channels ul {
	padding: 0;
	margin: 0 0 0 20px;
	display: block;
} 

#videoplayer #channels ul li {
	list-style: none;
	float: left;
	display: block;
	padding: 0;	
	margin: 0;
}
			
#videoplayer #channels ul li.active {
}

#videoplayer #channels a {
	background: #eee url(/modustv/images/ctab-0.gif) top center no-repeat;
	display: block;
	width: 115px;
	height: 24px;
	text-align: center;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #333;
}

#videoplayer #channels li.active a {
	background: #eee url(/modustv/images/ctab-1.gif) top center no-repeat;
	font-weight: bold;
}

#videoplayer #channels li a:hover {
	background: #eee url(/modustv/images/ctab-h.gif) top center no-repeat;
	color: #666;
}

/* left panel with playlist, paging and help link */
#videoplayer #videoremote {
	background: #BFDDEE url(/images/video-remote-bg.gif) top left no-repeat;
	width: 256px;
	float: left;
	-moz-border-radius: 5px; 
}

/* playlist containing shows for selected channel */
#videoplayer #playlist {
	width: 248px;
	height: 232px;
	overflow: auto;
	margin: auto;
	margin-top: 24px;
}

/* item in playlist */
#videoplayer #playlist .show {
	overflow: hidden;
	border-bottom: 1px solid #07b;
}

/* background for currently playing show */
#videoplayer #playlist .show-playing {
	background: #D9EBF5;
	overflow: hidden;
	border-bottom: 1px solid #07b;
}

/* play button next to show title - can float left or right */
#videoplayer #playlist a.showplay0 {
	float: left;
	display: block;
	background-image: url(/modustv/images/expand-play.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: 6px 4px 0 4px;
}

/* rollover for play button */
#videoplayer #playlist a:hover.showplay0 {
	background-image: url(/modustv/images/expand-play-1.gif);
	background-repeat: no-repeat;
}

/* rollover for play button when called by javascript for title
rollover - must be same as showplay0 except with rollover-state image */ 

#videoplayer #playlist a.showplay1 {
	float: left;
	display: block;
	background-image: url(/modustv/images/expand-play-1.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: 6px 4px 0 4px;
}

/* stop button - play button changes to this when show is playing */
#videoplayer #playlist a.showplaystop {
	float: left;
	display: block;
	background-image: url(/modustv/images/expand-stop.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: 6px 4px 0 4px;
}

#videoplayer #playlist a.showlock {
	float: left;
	display: block;
	background-image: url(/modustv/images/expand-lock.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: 6px 4px 0 4px;
}

/* title of show */
#videoplayer #playlist a.showtitle {
	display: block;
	float: left;
	font-size: 9pt;
	margin-top: 6px;
	width: 150px;
	font-weight: bold;
	text-decoration: underline;
	overflow: hidden;
	background: none;
	color: #333;
}

#videoplayer #playlist a.showtitle span {
	display: block;
}

/* container for image and text */
#videoplayer #playlist .showsummary {
	clear: both;
}

/* image for show */
#videoplayer #playlist .showsummary .video-show-thumb {
	margin: 0 0 4px 0;
	text-align: center;
}

/* summary text for show */
#videoplayer #playlist .showsummary .teaser {
	margin: 2px 4px 4px 8px;
	overflow: hidden;
	line-height: 16px;
	font-size: 8pt;
}

#videoplayer #playlist .showsummary .teaser p {
	margin: 0;
}

/* help button at bottom of playlist */
#videoplayer .videohelplink {
	float: right; 
	width: 32px;
	height: 16px;
	text-align: right;
	margin-top: 4px;
}

#videoplayer .videohelplink a {
	display: block;
	width: 32px;
	height: 16px;
	background: #bfddee url(/modustv/images/help.gif) top center no-repeat;
}

#videoplayer .videohelplink a span {
	display: none;
}

/* paging for when number of shows in playlist exceeds display limit */
#videoplayer .videopager {
	height: 16px;
	margin: 8px 0;
}

#videoplayer .pagertitle {
	display: block;
	text-align: left;
	float: left;
	width: 32px;
	height: 16px;
	font-size: 11px;
}

#videoplayer .pagercount {
	display: block;
	text-align: left;
	float: left;
	height: 16px;
	font-size: 11px;
}

#videoplayer .pagerbutton {
	display: block;
	text-align: center;
	float: left;
	margin-right: 4px;
	width: 16px;
	height: 16px;
	background-image: url(/modustv/images/expand.gif);
	background-repeat: no-repeat;
	font-size: 11px;
}

#videoplayer .pagerbutton a {
	color: #000;
	text-decoration: none;
	display: block;
}

/* container for flash video player */
#videoplayer #screen.screen {
	width: 512px;
	height: 288px;
	float: right;
}