/* start styling */
.border-top {
	border-top: 2px solid #AAA;
	}
.border-bottom {
	border-bottom: 2px solid #AAA;
	}
/* thumbnails */
.rollover {
    position: relative;
    display: block;
	}
	.overlay {
		position: absolute;
		top: 8px;
		left: 14px;
		display: none;
		}
	.overlay-container:hover {
		display: block;
		}
.thumb-row {
	padding-top: 30px;
	padding-bottom: 10px;
	}	
	.thumb-row .thumb {
		background-color: #FFFFFF;
	    box-shadow: 0 0 3px #333333;
	    margin-bottom: 20px;
	    padding: 3px;

		}
		.child-thumbnail{ 
			position: relative;
			display: block;
			border: 3px solid #FFF;
			box-shadow: 0 0 3px #000;
		}
		.child-thumbnail a{ margin-bottom: 20px; display: inline-block; }
		.desc {
			color: #000;
			display: block;
			line-height: 1.4em;
			margin-top: 8px;
			margin-bottom: 20px;
			font-family: "Lato","myriad-pro",sans-serif;font-style: normal;font-weight: 300;
			}
		.runtime {
			background-color: #000000;
		    border-radius: 0 5px 5px 0;
		    bottom: 10%;
		    color: #FFFFFF;
		    display: none;
		    left: 0;
		    font-size: 1rem;
		    opacity: 0.8;
		    padding: 0 10px;
		    position: absolute;
		    text-shadow: 1px 1px #000000;
			}
/* video wrapper */
#video-wrapper{margin-bottom: 30px;}
.videoThumbs{ min-height: 280px; }
#video {
	/*background-color: #000;*/
	}
#video .entra a{
	color:rgb(0, 46, 95);
	border-bottom:1px solid rgb(0, 46, 95);
	}
#video .entra a:hover{
	color: #666;
	}
#video .entra {
	margin-top: 15px;
	}
#video iframe{
	width: 100%;
	max-width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	}
.iframe-wrap {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
#video-details {
	background-color: #F2F2F2;
	overflow-y: hidden;
	color: #5C5C5C;
	font-size: 1.6rem;
	}
.content {
	height: 449px;
	overflow-y:scroll;
	}
/* video details */
.details-header {
	background-repeat: repeat-x;
	background: #111111; /* Old browsers */
	background: -moz-linear-gradient(top,  #111111 0%, #555555 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#555555)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #111111 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #111111 0%,#555555 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #111111 0%,#555555 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #111111 0%,#555555 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
	text-align: center;
	}
	.details-header > div{ padding: 5px 0; }
	.details-header > div:first-child{ border-right:1px solid #666; }
	.details-header a {
		color: #FFF;
		text-decoration: none;
		font-size:1.3rem;
		}
	#video-details h1 {

		color: #5C5C5C;
		font-weight: bold;
		margin-top: 15px;
		margin-bottom: 10px;
		font-size: 1.9rem;
		font-family: "myriad-pro",sans-serif;font-style: normal;font-weight: 300;
		}
	#video-details p{
		font-size: inherit;
		text-align: left;
		}
	.video_description{ display: none; }
	.video_transcript{ display: none; }
.clear{
	clear: both; 
	margin:0; 
	padding: 0 !important;
	}

/* Landscape phones and down */
@media (max-width: 480px) {
	.content {
		height: 200px;
		}
}