/* PAGE CONTENT */
div.videoContainer {
	position: relative;
	max-width: 592px;
}

div.videoCurrent {
	max-width: 100%;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 56.25%; /* 16:9 */	
	height: 0;  
}
div.videoCurrent object, div.videoCurrent embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div.videoCurrent a {
	/*width: 592px;
	height: 444px;*/
}
/*div.videoCurrent .description {
	clear: both;
	margin: 15px 0px 15px 0px;
}*/

div.videoContainer div.videoCaption {
	clear: both;
	font-size: .8em;
	padding-bottom: 10px;

}
div.videoList {
	max-width: 592px;
	margin-left: 4%;
}
div.videoList .thumb img {
	clear: both;
	/*height: 96px;*/
	margin: 0;
	width: auto;
}

div.videoList .thumb .title {
	padding: 0;
	width: 144px;
	font-size: .8em;
}

/* Scrollable */
.videoContainer div.scrollable {
	float: left;
	overflow: hidden;
	position: relative;
	width: 492px;
	height: 152px;
	margin: 4px 0px 4px 0px;
	padding: 8px 0px 8px 0px;
	background-color: #aaaaaa;
}

.videoContainer div.scrollable div.items {
	width: 20000em;
	position: absolute;
	clear: both;
}

.videoContainer div.scrollable div.items div.thumb {
	float: left;
	width: 144px;
	height: 140px;
	padding: 4px;
	line-height: 1.1em;
	margin: 0px 0px 0px 8px;
	cursor: pointer;
	background-color: #ffffff;
	border: 1px solid #d2d2d2;
}

.videoContainer div.scrollable div.items div.albumTitle {
	padding: 3px 0 0 0;
}

.videoContainer div.scrollable div.items div a {
	color: #047d48;
	font-weight: bold;
}


.videoContainer div.items div.active {
	border-color: #047d48 !important;
}

.videoContainer div.items div.hover {
	border-color: #047d48 !important;
}

/* Position and dimensions of the navigator, plus left/right arrows */
.videoContainer .scrollerNavigation {
	clear: both;
	text-align: center;
	margin: 0px auto;
	width: 100px; /* Property is updated by jQuery */
	height: 7px;
	padding: 10px 8px 0px 0px;
}

/* prev, next, prevPage and nextPage buttons */
.videoContainer a.browse {
	margin: 75px 0px 0px 0px;
	height: 20px;
	width: 10px;
	display: block;
	float: left;
	cursor: pointer;
	font-size: 1px;
}

/* left */
.videoContainer a.left {
	background: url(/necfuture/include/controls/flowplayer/html/images/icon_scroller_prev.gif) no-repeat scroll 0 0 transparent;
	margin-right: 16px;
}

.videoContainer a.left:hover {
	background-position: 0 -20px;
}

.videoContainer a.left:active {
	background-position: 0 -40px;
}

/* right */
.videoContainer a.right {
	background: url(/necfuture/include/controls/flowplayer/html/images/icon_scroller_next.gif) no-repeat scroll 0 0 transparent;
	margin-left: 16px;
}

.videoContainer a.right:hover {
	background-position: 0px -20px;
}

.videoContainer a.right:active {
	background-position: 0px -40px;
}

/* disabled navigational button */
.videoContainer a.disabled {
	visibility: hidden !important;
}

/* Pager dot navigation */
.videoContainer .pagerDots {
	float: left;
}

/* items inside navigator */
.videoContainer .pagerDots a {
	width: 7px;
	height: 7px;
	float: left;
	margin: 3px;
	background: url(/necfuture/include/controls/flowplayer/html/images/icon_pager.gif) 0 0 no-repeat;
	display: block;
	font-size: 1px;
	cursor: pointer;
}

/* mouseover state */
.videoContainer .pagerDots a:hover {
	background-position: 0 -7px;
}

/* active state (current page state) */
.videoContainer .pagerDots a.active {
	background-position: 0 -14px;
}

#videoPlayer_videoLink {
	width: 640px;
	height: 360px;
}

@media only screen and (max-width: 680px) {
	#videoPlayer_videoLink {
		width: 95%;
		max-width: 640px;
	}
}