#interactiveContainer {
	float: right;
	width: 650px;
	height: 583px;
	overflow: hidden
}
#interactiveContainer2 {
	float: right;
	width: 650px;
	height: 543px;
	overflow: hidden
}
#interactiveContainer #interactiveHeader {height: 47px; font-size: 13px}
#interactiveContainer #interactiveHeader h2 {
	margin-top: 1px
}
#interactiveContainer #interactiveInfo {height: 118px}
#interactiveContainer #interactiveInfo .videoDescription {
	color: #FFFFFF;
	height: 387px;
	overflow: auto;
	margin-bottom: 5px
}
#interactiveContainer #interactiveInfo .tags {color: #747474; font-size: 10px; white-space: nowrap; overflow: hidden}
#interactiveContainer #interactiveInfo .tags span {color: #181818}
#interactiveContainer #controlContainer {width: 407px; height: 277px}
.VOD #interactivePane {margin-left: 43px; height: 275px}
#liveButton img {cursor: pointer}
#buttonContainer {
	overflow: hidden;
	height: 85px
}
#buttonControl {width: 407px}
#buttonControl div {padding: 3px}
#buttonControl .hr {margin: 0px; padding: 0px; width: auto}
#buttonControl a {width: 30px; height: 28px; display: block; background: transparent url(../images/interactiveButtons.gif) no-repeat 0px -28px}
#buttonControl h1 {display: block; float: right; width: 350px; margin: 0px; color: #666; font-size: 15px; margin-top: 5px}
#buttonControl h1 img {margin-top: 4px; margin-right: 10px}
#buttonControl .selected {background: transparent url(../images/scheduleSelected.gif) repeat}
#shareButton a {background-position: -60px -28px}
#commentsButton a {background-position: -90px -28px}
#rssButton a {background-position: -210px -28px}
#newsletterButton a {background-position: -270px -28px}
#playlistsButton a:hover, #playlistsButton.selected a {background-position: 0px 0px}
#shareButton a:hover, #shareButton.selected a {background-position: -60px 0px}
#commentsButton a:hover, #commentsButton.selected a {background-position: -90px 0px}
#rssButton a:hover, #rssButton.selected a {background-position: -210px 0px}
#newsletterButton a:hover, #newsletterButton.selected a {background-position: -270px 0px}
#interactiveContainer #controlContainer #blogHighlights {white-space: normal}
#interactiveContainer #controlContainer #blogHighlights h3 {margin-bottom: 5px}
#interactiveContainer #controlContainer #blogHighlights .blogFooterText{ color: #A6A6A6; font-size: 10px; margin: 5px 8px 15px 0px}
#interactiveContainer #controlContainer .answerBarTotal {height: 8px; width: 302px; background-color: black; float: left}
#interactiveContainer #controlContainer .answerBarPercent {margin: 1px; height: 6px; background-image: url(../images/resultBarBg.gif)}
#interactiveContainer #controlContainer #interactivePaneContainer .answerPercent {font-size: 80%; width: 25px}
#interactiveContainer .resultImage {background-position: top center; width: 88px; height: 68px}
#interactiveContainer #videoGridContainer .videoClip {float: left; width: 97px; height: 98px; padding: 10px 0px 0px 15px; font-size: 10px}

