@charset "utf-8";
/* CSS Document */

#wrapper {
	height:100%;
}

#container {
	height:100%;
	border:solid 1px #E2E2E2;
}

#content {
	position:relative;
	height:100%;
}

#topic-container {
	padding:2px 2px 0px 2px;
}

#topic {
	margin:2px 2px 0px 2px;
	padding:3px 0px 3px 8px;
	background: rgb(230, 230, 230);
	background: -moz-linear-gradient(90deg, rgb(230, 230, 230) 30%, rgb(200, 200, 200) 70%);
	background: -webkit-linear-gradient(90deg, rgb(230, 230, 230) 30%, rgb(200, 200, 200) 70%);
	background: -o-linear-gradient(90deg, rgb(230, 230, 230) 30%, rgb(200, 200, 200) 70%);
	background: -ms-linear-gradient(90deg, rgb(230, 230, 230) 30%, rgb(200, 200, 200) 70%);
	background: linear-gradient(180deg, rgb(230, 230, 230) 30%, rgb(200, 200, 200) 70%);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#clip-slide-back-button,
#clip-slide-next-button {
	position:absolute;
	font-size:1.3em;
	top:58px;
	color:#333;
}

#clip-slide-back-button:hover,
#clip-slide-next-button:hover {
	color:#000;
}

#clip-slide-back-button:active,
#clip-slide-next-button:active {
	color:#333;
}

#clip-slide-back-button {
	left:4px;
}

#clip-slide-next-button {
	right:6px;
}

#clip-slide-container {
	height:100%;
	padding:10px 0px 5px 0px;
	padding-left:25px;
	padding-right:25px;
}

.clip-list-carousel li {
	width:200px;
	margin:0px 3px;
}

.clip-list-carousel li .video-image-container {
	width:100%;
	height:120px;
	overflow:hidden;
}

.clip-list-carousel li h2 {
	font-size:1em;
	/* margin:0px; */
	padding:5px;
	height:49px;
	overflow:hidden;
}