
.mediaGalleryVideo ul {
	margin:0;
	padding:0;
	overflow:hidden;
	background:url(/global_files/backgrounds/vgr/bg_vgr_whitebgrey_60x200.jpg) #eee;
}
.mediaGalleryVideo ul li {
	cursor:pointer;
	overflow:hidden;
	padding:0;
	background:#fff;
	border:1px solid #ccc;
    height:100%;
}
.mediaGalleryVideo ul li.focus {
	background:#000;
	border:2px solid #000;
}
.mediaGalleryVideo ul li a {
	margin:0;
	padding:0;
	border:0;
	height:100%;
	display:block;
}
.mediaGalleryVideo ul li img {
	-moz-opacity:0.70;
	opacity:0.70;
	border:0;
	width:100%;
	height:100%;
}
.mediaGalleryVideo ul li.focus img {
	-moz-opacity:1;
	opacity:1;
}

/* ~~~ layout 01 ~~~ */

.mediaGalleryVideo.layout01 ul {
	height:150px;
}
.mediaGalleryVideo.layout01 ul li {
	width:90px;
	height:50px;
}

/* ~~~ layout 02 ~~~ */

.mediaGalleryVideo.layout02 ul {
	height:250px;
}
.mediaGalleryVideo.layout02 ul li {
	width:230px;
	height:130px;
}

.mediaGalleryVideo.layout02 span.prev,
.mediaGalleryVideo.layout02 span.next
{
	cursor:pointer;
}
.mediaGalleryVideo.layout02 span.prev
{
	background:url(/global_files/icons/fugue/control-180.png) no-repeat left top;
	float:left;
	padding-left:2em;
}
.mediaGalleryVideo.layout02 span.next
{
	background:url(/global_files/icons/fugue/control.png) no-repeat right top;
	padding-right:2em;
	float:right;
}
.mediaGalleryVideo.layout02 .navpanel,
.mediaGalleryVideo.layout02 .infobox
{
	padding:1em;
	background-color:#eee; color:#333;
	line-height:1.5em;	
}
.mediaGalleryVideo.layout02 .infobox
{
	padding-top:0;
}
.mediaGalleryVideo.layout02 .navpanel hr
{
	clear:both;
	margin:0;
	padding-top:7px;
	border:0;
	border-bottom:1px solid #ccc;
}
.mediaGalleryVideo.layout02 .infobox h4
{
	font-weight:bold;
	font-size:1.3em;
	margin:0;
	margin-bottom:.4em;
}
