﻿div.modalyoutubevideoplayer{
	padding: 10px;
}

div.modalyoutubevideoplayer div.videothumbnailwrapper{
	width: 175px;
	height: 98px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
}

div.modalyoutubevideoplayer div.videothumbnailwrapper span.videothumbnailback{
	width: 130px;
	height: 85px;
	overflow: hidden;
	position: absolute;
	left: 22px;
	top: 4px;
	background: #cccccc;
}

div.modalyoutubevideoplayer div.videothumbnailwrapper span.videothumbnailback img{
	width: 130px;
	height: auto;
}

div.modalyoutubevideoplayer div.videothumbnailwrapper span.videothumbnailfront{
	width: 175px;
	height: 98px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div.modalyoutubevideoplayer div.videothumbnailwrapper span.videothumbnailfront img{
	width: 175px;
	height: 98px;
}

div.modalyoutubevideoplayer div.videodetailswrapper{
	text-align: center;
}

div.modalyoutubevideoplayer div.videodetailswrapper a{
	display: block;
	color: #4a4a4a;
}

div.modalyoutubevideoplayer div.videodetailswrapper h3{
	border: 0px none;
	font-size: 16px;
	color: #4a4a4a;
	margin: 0px;
	padding: 0px;
}

div.modalyoutubevideoplayer div.videodetailswrapper h3 a{
	padding: 5px 0px 0px 0px;
}

div.modalyoutubevideoplayer div.videodetailswrapper p{
	margin: 0px;
	padding: 0px;
}

/* resize for different grid layouts */
div.grid_6 div.modalyoutubevideoplayer div.videothumbnailwrapper, div.grid_6 div.modalyoutubevideoplayer div.videothumbnailwrapper span.videothumbnailfront, div.grid_6 div.modalyoutubevideoplayer div.videothumbnailwrapper span.videothumbnailfront img{
	width: 320px;
	height: 175px;
}

div.grid_6 div.modalyoutubevideoplayer div.videothumbnailwrapper span.videothumbnailback{
	width: 240px;
	height: 158px;
	left: 38px;
	top: 4px;
}

div.grid_6 div.modalyoutubevideoplayer div.videothumbnailwrapper span.videothumbnailback img{
	width: 240px;
	height: 158px;
}