@charset "iso-8859-1";

.movie-title
{
	margin-top: 15px;
	font-size: 16pt;
	font-weight: bold;
}

#movie-image
{
	float: right;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 20px;	
}

#movie-image img { border: 1px solid #F2E4AD; }

#movie-about-file { margin-top: 20px; font-size: 11pt; }

#movie-about-file p {	margin-bottom: 10pt; }
#movie-about-file p a {	color: yellow; }
#movie-about-file p a:hover { color: #27EAE3; }

#movie-section-title
{
	padding-top: 25px;
	font-size: 14pt;
}

#movie-instructions { margin-top: 3px; font-size: 10pt; }

.movie-photos-thumbnail { display: inline; margin-right: 14px; }
.movie-photos-thumbnail img { margin-top: 10px; border: 1px solid #F2E4AD; }
.movie-photos-thumbnail a:hover img { border: 1px solid #C97020; }

#movie-media-windows { margin-top: 12px; width: 900px; -webkit-text-size-adjust: none}
#movie-media-quicktime { margin-top: 8px; width: 900px; -webkit-text-size-adjust: none}
#movie-media-apple { margin-top: 8px; width: 900px; -webkit-text-size-adjust: none}

.movie-media-space { height: 12px; }

.movie-media-thumbnail { float: left; border: 1px solid #F2E4AD; }

#movie-media-windows-vert-rule
{
	float: left;
	width: 2px;
	height: 78px;
	margin-left: 10px;
	background-color: white;
}

#movie-media-quicktime-vert-rule
{
	float: left;
	width: 2px;
	height: 78px;
	margin-left: 10px;
	background-color: white;
}

#movie-media-apple-vert-rule
{
	float: left;
	width: 2px;
	height: 78px;
	margin-left: 10px;
	background-color: white;
}

.movie-media-format
{
	float: left;
	padding-left: 10px;
}

.movie-media-title
{
	margin-bottom: 15px;
	font-size: 12pt;
	font-weight: bold;
}

.movie-media-options
{
	margin-left: 13px;
}

.movie-media-speeds-label
{
	margin-bottom: 10px;
	margin-right: 12px;
	font-size: 10pt;
	font-weight: bold;
}

.movie-media-speeds
{
	margin-right: 8px;
	margin-bottom: 10px;
	font-size: 10pt;
}

.movie-media-speeds a { font-weight: bold; color: yellow; }
.movie-media-speeds a:hover { color: #27EAE3; }

#movie-media-windows-help-controls
{
	padding-top: 12px;
	padding-bottom: 5px;
	cursor: pointer;
}

#movie-media-windows-help-controls a { text-decoration: none; }
#movie-media-windows-help-controls a div { color: white; }
#movie-media-windows-help-controls a:hover div { color: yellow; }

#movie-media-windows-help-text { display: inline; font-weight: bold; }

#movie-media-windows-help-expand-gif
{
	padding-left: 5px;
}

#movie-media-windows-help-instructions
{
	display: inline;
	font-size: 8pt;
	padding-left: 15px;
}

#movie-media-windows-help-expand
{
	display: none;
	width: 800px;
}

#movie-media-windows-help-expand p
{
	padding-top: 10px;
	font-size: 10pt;		
}

#movie-media-windows-help-expand a { color: yellow; }
#movie-media-windows-help-expand a:hover { color: #27EAE3; }

#movie-media-quicktime-help-controls
{
	padding-top: 12px;
	padding-bottom: 5px;
	cursor: pointer;
}

#movie-media-quicktime-help-controls a { text-decoration: none; }
#movie-media-quicktime-help-controls a div { color: white; }
#movie-media-quicktime-help-controls a:hover div { color: yellow; }

#movie-media-quicktime-help-text { display: inline; font-weight: bold; }

#movie-media-quicktime-help-expand-gif
{
	padding-left: 5px;
}

#movie-media-quicktime-help-instructions
{
	display: inline;
	font-size: 8pt;
	padding-left: 15px;
}

#movie-media-quicktime-help-expand
{
	display: none;
	width: 800px;
}

#movie-media-quicktime-help-expand p
{
	padding-top: 10px;
	font-size: 10pt;	
}

#movie-media-quicktime-help-expand a { color: yellow; }
#movie-media-quicktime-help-expand a:hover { color: #27EAE3; }

#movie-media-apple-help-controls
{
	padding-top: 12px;
	padding-bottom: 5px;
	cursor: pointer;
}

#movie-media-apple-help-controls a { text-decoration: none; }
#movie-media-apple-help-controls a div { color: white; }
#movie-media-apple-help-controls a:hover div { color: yellow; }

#movie-media-apple-help-text { display: inline; font-weight: bold; }

#movie-media-apple-help-expand-gif
{
	padding-left: 5px;
}

#movie-media-apple-help-instructions
{
	display: inline;
	font-size: 8pt;
	padding-left: 15px;
}

#movie-media-apple-help-expand
{
	display: none;
	width: 800px;
}

#movie-media-apple-help-expand p
{
	padding-top: 10px;
	font-size: 10pt;	
}

#movie-media-apple-help-expand a { color: yellow; }
#movie-media-apple-help-expand a:hover { color: #27EAE3; }

.movie-stills-thumbnail { float: left; }
.movie-stills-thumbnail img { margin-top: 10px; border: 1px solid #F2E4AD; }
.movie-stills-thumbnail a:hover img { border: 1px solid #C97020; }

.movie-stills-hidef-space-1 { float: left; width: 11px; }
.movie-stills-hidef-space-2 { float: left; width: 10px; }

.movie-stills-stdef-space-1 { float: left; width: 12px; }
.movie-stills-stdef-space-2 { float: left; width: 11px; }

#movie-stills-expand
{
	width: 100%;
	display: none;
}

#movie-stills-expand-controls
{
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}

#movie-stills-expand-controls a { text-decoration: none; }
#movie-stills-expand-controls a div { color: white; }
#movie-stills-expand-controls a:hover div { color: yellow; }

#movie-stills-expand-text { display: inline; font-weight: bold; }

#movie-stills-expand-instructions
{
	display: inline;
	font-size: 8pt;
	padding-left: 15px;
}

#movie-stills-expand-gif
{
	padding-left: 5px;
}

#movie-also-description
{
	margin-top: 3px;
	margin-bottom: 10px;
	font-size: 10pt;
}

.movie-also { font-size: 11pt; margin-bottom: 2px; }
.movie-also a {	color: yellow; text-decoration:none; }
.movie-also a:hover { color: #27EAE3; }

#viewer-container { margin: 20px; }
#viewer-image { margin: 0; border: 1px solid black; }
#viewer-navigation
{
	margin-top: 5px;
	margin-bottom: 10px;
	width: 100%;
	height: 15px;
	color: black;
	font-weight: bold;
}
#viewer-navigation a { color: black; text-decoration: none; }
#viewer-navigation a:hover { color: blue; }

#viewer-close { float: left;  width: 50%; text-align: left; }
#viewer-previous-next { float: left; width: 49%; text-align: right; }

#movie-hi-def { padding-top: 20px; }
