@charset "utf-8";
/* CSS Document */

#video-library {
	overflow:auto;
}

#video-library a { outline:none; }

#video-library .player {
	height:400px;
}

#video-library .list {
	clear:both;
	overflow:auto;
	border-top:1px solid #cccccc;
	padding-top:10px;
}

#video-library ul.pager {
	clear:both;
	overflow:auto;
	list-style:none;
	margin:0 0 -1px 0;
	padding:0;
}
#video-library ul.pager li {
	float:left;
	display:inline;
}

#video-library ul.pager li a {
	display:block;
	margin:0 0 0 5px;
	padding:5px 20px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	border:1px solid #cccccc;
	border-radius: 5px 5px 0px 0px; 	
	background-color: #fafafa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #dddddd); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #dddddd); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #dddddd); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, #dddddd);
}

#video-library ul.pager li.active a {
	background:#fff;
	border-bottom:1px solid #fff;
}


#video-library .feed-item-container {
	float:left;
	width:50%;
}

#video-library a.feed-item {
	position:relative;
	overflow:auto;
	display:block;
	cursor:pointer;
	color:#000;
	text-decoration:none;
	margin:0 5px 5px 0;
	padding:5px;
	border:1px solid #cccccc;		
	background-color: #fafafa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #dddddd); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #dddddd); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #dddddd); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, #dddddd);
	
}
#video-library a.feed-item:hover {
	background:#fff;
}
#video-library a.feed-item:active {
	background:#eee;
}

#video-library a.feed-item .thumbnail {
	float:left;
	margin-right:10px;
	background:#ccc;
	border:1px solid #cccccc;
}

#video-library a.feed-item .title {
	display:block;
	font-weight:bold;
}

#video-library a.feed-item .duration {
	display:block;
	position:absolute;
	bottom:10px;
	left:10px;
	padding:2px 5px;
	color:#fff;
	font-size:11px;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.9);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
	-moz-border-radius: 5px; /* FF1-3.6 */
	border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}