/* KSM VIDEO PLAYER */
#ksm-video {
	width: 560px;
	padding-bottom: 20px;
}
#ksm-video #player { background:url(/images/thinking/teens/background/ksm-player/ksm-video.jpg) no-repeat; }
#ksm-video .title {
	background:url(/images/thinking/teens/images/hdr-teens-dream.gif) no-repeat -4px 0;
	display:block;
	text-indent: -9999px;
	width:595px;
	height:76px;
}
#ksm-video .title h2 {
	margin:0px;
	padding:0px;
}
#ksm-video #extra-content {
	background:url(/images/thinking/teens/background/ksm-player/extra-content.gif) top center no-repeat #f2f2f2;
	width: 570px;
	height: 230px;
	display:block;
	padding: 10px;
	margin:0 auto;
}
#ksm-video #extra-content #playlist {
	width: 310px;
	float:left;
	margin: 0 10px 15px 0;
	position:relative;
}
#ksm-video #extra-content #playlist h3 {
	background:url(/images/thinking/teens/background/ksm-player/webisodes.gif) no-repeat 0 0;
	text-indent: -9999px;
	display:block;
	height: 22px;
	clear:both;
	padding: 0px;
	margin: 0px;
}
/* PLAYLIST with SLIDER */
div.scrollable {
	position:relative;
	overflow:hidden;
	height:180px;
	width: 298px;
	margin: 0 auto;
	display:block;
	margin: 0 0 0 15px;
}
div.scrollable div.items {
	width:20000em;
	height: 180px;
	position:absolute;
}
div.scrollable div.items div { float:left; }
.panel {
	width: 100px;
	float:left;
	padding: 0px;
	margin: 0px;
	display:block;
}
.inside {
	width: 100px;
	display:block;
}
.inside a {
	text-indent: -9999px;
	display:block;
	clear:both;
	width: 90px;
	height:50px;
	border: 4px #f2f2f2 solid;
}
.inside a:hover { border: 4px #3991cd solid; }
.inside h2 {
	font-size: 11px;
	padding:0px;
	margin: 0 0 0 4px;
}
.inside p {
	font-size:10px;
	line-height: 12px;
	margin: 0 0 0 4px;
	width: 80px;
}
a.left, a.right {
	position: absolute;
	top: 45px;
	cursor: pointer;
	z-index: 9999;
}
a.left { left:0px; }
a.right { right:-18px; }
.hide { display: none; }
/* THUMBNAILS */
.music-video { background:url(/video-player/thumbs/thumb-video-01.gif) no-repeat; }
.ksm-video-episode-1 { background:url(/video-player/thumbs/thumb-video-02.gif) no-repeat; }
.ksm-video-episode-2 { background:url(/video-player/thumbs/thumb-video-03.gif) no-repeat; }
.ksm-video-episode-3 { background:url(/video-player/thumbs/thumb-video-04.gif) no-repeat; }
.ksm-video-episode-4 { background:url(/video-player/thumbs/thumb-video-05.gif) no-repeat; }
.ksm-video-episode-5 { background:url(/video-player/thumbs/thumb-video-06.gif) no-repeat; }
.ksm-video-episode-6 { background:url(/video-player/thumbs/thumb-video-07.gif) no-repeat; }
.ksm-video-episode-7 { background:url(/video-player/thumbs/thumb-video-08.gif) no-repeat; }
.ksm-video-episode-8 { background:url(/video-player/thumbs/thumb-video-09.gif) no-repeat; }
/* ACTIVE THUMBNAILS */
.music-video-over { background:url(/video-player/thumbs/thumb-video-01-hover.gif) no-repeat !important; }
.ksm-video-episode-1-over { background:url(/video-player/thumbs/thumb-video-02-hover.gif) no-repeat !important; }
.ksm-video-episode-2-over { background:url(/video-player/thumbs/thumb-video-03-hover.gif) no-repeat !important; }
.ksm-video-episode-3-over { background:url(/video-player/thumbs/thumb-video-04-hover.gif) no-repeat !important; }
.ksm-video-episode-4-over { background:url(/video-player/thumbs/thumb-video-05-hover.gif) no-repeat !important; }
.ksm-video-episode-5-over { background:url(/video-player/thumbs/thumb-video-06-hover.gif) no-repeat !important; }
.ksm-video-episode-6-over { background:url(/video-player/thumbs/thumb-video-07-hover.gif) no-repeat !important; }
.ksm-video-episode-7-over { background:url(/video-player/thumbs/thumb-video-08-hover.gif) no-repeat !important; }
.ksm-video-episode-8-over { background:url(/video-player/thumbs/thumb-video-09-hover.gif) no-repeat !important; }
/* FACEBOOK*/
#ksm-video #extra-content #facebook {
	width: 220px;
	float:left;
	margin: 0 0 25px 20px;
}
#ksm-video #extra-content #facebook h3 {
	background:url(/images/thinking/teens/background/ksm-player/facebook.gif) no-repeat 0 0;
	text-indent: -9999px;
	display:block;
	clear:both;
	height: 22px;
	padding: 0px;
	margin: 0px;
}
#ksm-video #extra-content #facebook p {
	font-size: 11px;
	line-height: 16px;
	margin: 0px !important;
}
#ksm-video #extra-content #facebook .facebook-border {
	padding: 2px;
	margin: 5px 0;
	background-color:#f1effc;
	border: solid 1px #dfd5f8;
}
#ksm-video #extra-content a.take-a-look {
	background:transparent url(../images/bg-touts-link.gif) no-repeat scroll right center;
	font-weight:bold;
	margin:0px;
	padding:0 15px 0 0 !important;
	float:right;
	display:block;
	width:545px;
	text-align:right;
}