.video-viewer {
	float: left;
	background: #f7f7f7;
	border: 1px solid #63786e;	
	padding-right: 10px;
	margin-bottom: 2em;
	width: 100%;
}

.video-viewer .video-heading {
	margin: 0 -10px 10px 0;
	background-color: #63786e;
	color: #fff;
	padding: 5px;
}


/* video clip play options */


.play-video {
	position: relative;
	float: left;
	width: 242px;
	m argin: 0 10px 10px 10px;
	padding: 0 10px 10px 10px;
}

.play-video-image {
	position: relative;
	float: left;
	background: #EEEEEE;
	width: 240px;
	height: 180px;
	border: 1px solid #d7d7d7;
	overflow: hidden;
}

.play-video .image-link {
	display: block;
	/*padding: 10px;*/
	text-align: center;
	width: 222px;
	height: 160px;
}

.play-video a.text-link {
	position: relative;
	float: left;
	width: 228px;
	margin: 10px 0;
	padding: 6px;
	background: #bfd7cc;
	border: 1px solid #9cb3a8;
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.play-video a:hover.text-link {
	background: #acc3b8;
	text-decoration: none;
}

.play-video .button-link {
	position: absolute;
	bottom: 5px;
	right: 5px;
}


/* video player */

.video-player {
	margin: 2em 0;
	float: left;
}

.video-player .preview {
	float: left;
	border: 1px solid #ccc;
	background: #eee;
	padding: 0.75em;
	width: 480px;
}

.video-player .preview .inner {
	margin: 0 auto;
}

.video-player div.none {
	display: block;
	margin: 3em;
	width: 320px;
}

.video-player div.transcript {
	display: block;
	margin: 0 auto;
	width: 320px;
}

.video-player div.audio {
	display: block;
	margin: 0 auto;
	width: 320px;
}

.video-player div.small {
	display: block;
	margin: 0 auto;
	width: 240px;
}

.video-player div.medium {
	display: block;
	margin: 0 auto;
	width: 320px;
}

.video-player div.large {
	display: block;
	margin: 0 auto;
	width: 480px;
}

.video-player div.transcript p {
	font-style: italic;
	text-align: center;
	margin: 5em 3em;
	color: #666;
}

.video-player .preview .preview-contents {
	text-align: center;
	padding: 4em 1em;
}

.video-player .duration {
	margin: 0;
	padding: 0;
	margin-top: 0.5em;
	text-align: center;
}

.video-player .links {
	float: left;
}

.video-player .links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.video-player .links li {
	margin: 0;
	padding: 0;
}

.video-player .links .viewing-links li a {
	display: block;
	padding: 0.3em 0.75em 0.4em 0.75em;
	width: 10em;
	margin: 0;
	margin-bottom: 0.2em;
	background: #f6f6f6;
	border: 1px solid #eee;
	border-left: none;
	text-decoration: none;
	color: #000;
}

.video-player .links .viewing-links li a:hover {
	background: #eeeeee;
	border: 1px solid #cccccc;
	border-left: none;
}

.video-player .links .viewing-links li a.current {
	font-weight: bold;
	border: 1px solid #ccc;
	border-left: 1px solid #eee;
	margin-left: -1px;
	background: #eee;
}

.video-player ul.viewing-links a {
}

.video-player ul.other-links {
	margin-top: 2em;	
	margin-left: 2em;
	list-style: none;
}

.video-player ul.other-links li a {
	display: block;
	margin: 0.2em;
	padding: 0.3em 0.75em 0.4em 0.75em;
	width: 5.8em;
	background: #9c9a9b;
	border: 1px solid #777;
	text-decoration: none;
	color: #fff;
}

.video-player ul.other-links li a:hover {
	background: #b6b6b6;
	b order: 1px solid #778316;
}


.sub-title {
	margin-top: 0;
	font-weight: bold;
	font-size: 1.2em;
}

.clr {
	position: relative;
	clear: both;
}

.transcript dt {
	margin: 0;
	padding: 0;
	margin-top: 2em;
	font-weight: bold;
}

.transcript dd {
	margin: 0;
	padding: 0;
	margin-top: 0.1em;
}

.transcript dd p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}