<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.html5videop {
	width:96%; border:0px solid #FFF;
	margin:0 auto;
	overflow:auto;
	}
.vidbox {
	width: 100%;
	margin: 8px auto;
	text-align:center;
	border-radius: 5px;
	background: #111;
	}
#videoarea {
	width: 96%;
	height: auto;
	padding: 8px 0;
	padding-top:10px;
	vertical-align:bottom;
	}
#vidWrapper {
	width:100%;
	height: 160px;
	position:relative;
	z-index:1;
	margin:10px auto;
	padding-bottom:10px;
	border:solid 0px #c5c5c5;
	background:rgba(255,255,255,0.2);
	overflow:hidden;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
#playlist {
    display:table; 
		width:90%;
    height:auto;
    margin:10px auto;
		padding:0;
		list-style:none;
}
#playlist li {
		width:auto;
    cursor:pointer;
		margin:0;
    padding:0;
		border-bottom:1px dotted #ccc;
		clear:both;
		overflow:hidden;
		color:#fff;
}
#playlist li:hover {
    color:#3fa9f5;
		background:rgba(0,0,0,0.2);
		border-bottom:1px dotted #ccc;
}
#playlist .vidPhoto img	{ 
	border-radius: 3px; margin-right:10px;
	width:56px;
	height:42PX;
	}
#playlist .vidPhoto,.vidTitle	{ 
	float:left;
	}
#playlist .vidTitle,#playlist .vidPlay { font:normal 15px/40px Arial,Helvetica,sans-serif; white-space:nowrap;
	}
#playlist .vidPlay { float:right; margin-right:5px;
	}
.html5videop .title { 
	background: url(../img/icon_video.png) no-repeat left;
	height:38px;
	padding:0 0 0 46px;
	font:normal 24px/38px Arial;
	color:#fff;
	margin:10px 0 0 0;
	}

	
/* landscape */
@media only screen and (orientation: landscape) {
	.html5videop {
	width:86%; border:0px solid #FFF;
	margin:0 auto;
	overflow:auto;
	}
}
.pdmbox {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    margin: 15px auto;
    overflow: auto;
    padding: 4px 6px 0 2px;
}</pre></body></html>