@font-face 
{
    font-family: 'Digital';
    src: url('/fonts/djb_get_digital-webfont.woff2') format('woff2'),
         url('/fonts/djb_get_digital-webfont.woff') format('woff'),
         url('/fonts/DJB Get Digital.ttfwebfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
  
body 
{
	background: #ffcc99;
  	color:#0d500d;	
  	font-family: Verdana, Lucida Sans, Arial Narrow, Helvetica, sans-serif; 
	font-size: 22px;
	width:100%;
	height: 100%;
	margin: 10px;
}
.close
	{
	background: url('/bitmaps/window-close.png');
	background-repeat:no-repeat;
	position: absolute;
	top:5px;
	right: 5px;
	width: 30px;
	height:30px;
	cursor: pointer;
	}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -200px;
  height: 200px; 
  width: 400px;
  background: white;
  border-radius:20px;
  color:#EDAB4F;
  text-align:right;
  padding: 0px;
  }
 .menu
	{
	position: fixed;
	left:50%;
	width: 1024px;
	margin-left: -512px;
	top: 150px;
	z-index: 1;
	}
 .video {
  position: fixed;
  top: 180px;
  left: 50%;
  margin-left: -512px;
  height: 700px; 
  width: 1024px;
  border-radius:20px;
  color:#EDAB4F;
  text-align:right;
  }
  

.tv	
	{
	position: absolute; 
	left:1px; 
	top: 42px;  
	height: 508; 
	aspect-ratio:1.77; 
	object-fit:fill;
	}
.tvold	
	{
	position: absolute; 
	left:110px; 
	top: 42px;  
	height: 508; 
	aspect-ratio:1.33; 
	object-fit:fill;
	}
.tv:picture-in-picture
	{
	aspect-ratio:1.77; 
	object-fit:fill;
	box-shadow: 0 0 0 5px red;
	}
  
 .audio {
  position: fixed;
  background: url('/bitmaps/HiFi.png');
  top: 200px;
  left: 50%;
  margin-left: -500px;
  height: 360px; 
  width: 1000px;
  border-radius:5px;
  color:#EDAB4F;
  text-align:center;
  } 
  .audioplayer
  {
  width: 480px;
  position: absolute;
  top: 25px;
  left: 256px;
  }
 .audiotext
 {
 font-family: 'Digital';
 color:#66d066;
 font-size: 20px;
 margin: 0px;
 padding: 0px;
 border:0px;
 height:22px;
 text-align: left;
 overflow-x: hidden;
 overflow-y: hidden;
 width: 512px;
 } 
 .down
 {
 background: url('/bitmaps/down-button.png');
 height: 16px;
 width: 16px;
 top: 310px;
 left: 700px;
 position: absolute;
 cursor: pointer;
 }
 .up
 {
 background: url('/bitmaps/up-button.png');
 height: 16px;
 width: 16px;
 top: 250px;
 left: 700px;
 position: absolute;
 cursor: pointer;
 }
 .stop
 {
 background: url('/bitmaps/stop-button.png');
 height: 16px;
 width: 16px;
 top: 237px;
 left: 305px;
 position: absolute;
 cursor: pointer;
 } 
 .pause
 {
 background: url('/bitmaps/pause-button.png');
 height: 16px;
 width: 16px;
 top: 237px;
 left: 335px;
 position: absolute;
 cursor: pointer;
 }
.play
 {
 background: url('/bitmaps/play-button.png');
 height: 16px;
 width: 16px;
 top: 237px;
 left: 365px;
 position: absolute;
 cursor: pointer;
 } 
.twiddle
{
cursor: url('/bitmaps/knobcursor.cur') 16 16, pointer;
z-index: 2;
outline: none;
}
 .filmTitle
 {
 text-align: center;
 width: 100%;
 color: #0d500d;
 font-weight: bold;
 }
.custom-file-upload {
    border: none;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    width: 120px;
    text-align: center;
    background: url('/bitmaps/button1.png') no-repeat top;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
    font-family: Verdana, Lucida Sans, Arial Narrow, Helvetica, sans-serif; 
	position: absolute;
	top: 1px;
	left: 120px;
	font-style:normal;
}
.custom-file-submit {
    border: none;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    width: 120px;
    text-align: center;
    background: url('/bitmaps/button1.png') no-repeat top;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
    font-family: Verdana, Lucida Sans, Arial Narrow, Helvetica, sans-serif; 
	position: absolute;
	top: 1px;
	left: 300px;
	font-style:normal;
}
 
.directory
{
	color: #0d500d;
	font-family:  Arial Narrow, Verdana, Helvetica, sans-serif; 
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
	width: 1200px;
	
}
.file
{
	color: #0d500d;
	font-family:  Arial Narrow, Verdana, Helvetica, sans-serif; 
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
	width: 900px;
	
}
input[type="file"] {
    position: absolute;
    left: -1000px;
}
h2  
{
padding: 5px;
margin: 0px;
color:#0d500d;

}
h3
{
padding: 0px;
margin: 0px;
color:#0d500d;

}
.tooltip-body
{
font-family: Arial Narrow, Verdana, Helvetica, sans-serif; 
position: absolute;
top: 300px;
left: 300px;
background-color: #eeeeee;
color: black;
font-size: 14px;
width: 300px;
height: 150px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display: none;
}
.tooltip-banner
{
font-family: Arial Narrow, Verdana, Helvetica, sans-serif; 
position: absolute;
top: 0px;
left: 0px; 
height: 13px;
width: 280px;
padding: 10px;
font-size: 12px;
font-weight: bold;
background-color:#3d3d3d;
color: white;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.vline
	{
	width: 2px;
	background-color: #c00000;
	position: absolute;
	}
.topbar
{
	position: absolute;
	font-family: Arial Narrow, Verdana, Helvetica, sans-serif; 
	left: 15px;
	background-color: black;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	padding-right: 3px;
	padding-top: 4px;
	border: 1px;
	border-style: solid;
	border-color: white;

}
.button {
	text-decoration: none;
	width: 120px;
	height:28px;
    border: none;
    background: url('/bitmaps/button1.png') no-repeat top;
    margin-top: 0px;
    margin-right: 0px;
    text-align: center;
	color: #0d500d;
	font-family: Verdana, Lucida Sans, Arial Narrow, Helvetica, sans-serif; 
	font-weight: bold;
	padding-top: 3px;
	border:0px;
	font-size: 14px;
}

input[type="submit"] {
    color: #0d500d;
}

A
{
text-decoration: none;
color: #0d500d;
}
A:hover
{
text-decoration: none;
cursor: pointer;
}
.pre
{
font-size: 12px;
font-family: "Lucida Console", Monaco, monospace;
}