/* Llama_VDP
//
//  Laserdisc-like video playback controller in Javascript
//
//	 Scott Lawrence
//	 yorgle@gmail.com
//	 http://umlautllama.com
//

//	version 2.0  2018-12-29 4:3 version
//	version 1.0  2018-08-14 initial version


////////////////////////////////////////////////////////////////////////////////
// MIT License:
//  Copyright 2018 Scott Lawrence
//
//   Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
//   The above copyright notice and this permission notice shall be included 
// in all copies or substantial portions of the Software.
//
//   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.
//////////////////////////////////////////////////////////////////////////////*/

/* main video player */
.VDP-Player {
	background:#000040;
	margin: auto;
	position: relative;
	text-align: center;
	max-height:480px;
	height: 480px;
	width: 640px;
}
.VDP-Video {
	xheight: 480px;
	width: 640px;
}
.VDP-Image {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height: 480px;
	width: 640px;
}

/* bluescreen overlay/squelch */
.VDP-Overlay-Squelch {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: #00F;
}

/* On screen display text */
.VDP-OSD {
	font-family:'VCR OSD Mono';
	font-weight:normal;
	font-size:32px;

	color: white;
	text-shadow:
		-1px -1px 0 black,  
		 1px -1px 0 black,
		-1px  1px 0 black,
		 1px  1px 0 black;

	position: absolute;
	top: 10px;
	transition: opacity .1s linear;
}

.VDP-OSD-Line1 {
	left: 10px;
	right: auto;
}
.VDP-OSD-Line2 { 
	left: auto;
	right: 10px;
}

.VDP-OSD-Line3 { 
	left: 10px;
	bottom: 20px;
	top: unset;
	font-size:18px;
	width: 640px;
}

.VDP-RED 	{ color:red; }
.VDP-ORANGE { color:orange; }
.VDP-YELLOW { color:yellow; }
.VDP-GREEN 	{ color:green; }
.VDP-CYAN 	{ color:cyan; }
.VDP-BLUE 	{ color:blue; }

.VDP-OSD-Hide {
	opacity:0.0;
}



/* classes to style the transport controls */

.VDP-Controls {
	width: 100%;
	margin: auto;
	position: relative;
	text-align: center;
	margin-bottom: 1em;
}
.VDP-Control {
	border: 1px solid white;
	color: white;
	padding: .2em .5em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 0px;
	cursor: pointer;
	background: gray;
	min-width: 3em;
	max-height: 30px;
	height: 30px;
	vertical-align: top;
	text-decoration: none;
}

.VDP-Control:disabled {
	border: gray;
	background: #333;
	color: #555;
}

.VDP-Control a:link, .VDP-Control a:hover, .VDP-Control a:active, .VDP-Control a:visited {
	color:white;
}
.VDP-Control-Plain {
	border: none;
	background: none;
}

.VDP-Input {
	width: 4em;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 28px;
	font-family: "Lucida Console", Monaco, monospace;
}
.VDP-Sliderbox {
	font-size: smaller;
	padding-top: 0px;
	padding-bottom: 0px;
	height:28px;
	max-height:28px;
}
.VDP-SliderControl {
	width: 6em;
	height: 22px;
}
.VDP-SliderControl-50 {
	width: 90%;
}
.VDP-ShuttleControl {
	width: 12em;
	height: 22px;
}
.VDP-Control-Label {
	height: 20px;
	max-height:20px;
}
.VDP-Control-50 {
	width: 50%;
}