.dimlux {
	color:white;
    opacity: 0.5;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
.dimluxf {
	color:white;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.dimlux:hover,.dimluxf:hover,.button:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
} 
.vred 
{
    color:#d10d1e;/* abf; /* 86b4f9 d10d1e officially ec192e c22027*/
    font-style:italic;
}
.vgrey
{
	color:#707070;
	font-style:italic;
}
h1
{
	padding: 20px 4px 10px 2px;
	color:#707070;
	font-style:italic;
}

.button {
/*	display: block;*/
	background: #d10d1e;
	padding: 2px 10px 2px 10px;
/*	border-radius: 5px;*/
	color: white;
	text-decoration: none;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

xbutton {
  background-color: #d10d1e; /* Green */
  border: none;
  color: white;
  padding: 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.save {
	transition-duration: 0.0s;
	background-color:#d10d1e;
	border: 1px solid #d10d1e;
	font-size: 16px;
	padding: 6px;
	color: #ddd;
}

.save:hover {
  color: white;
  border: 1px solid white;
  background-color: #ff2736; /*#ff1736;*/
}
/*  background-color:#ff0f24; #920915;*/


select { 
	padding: 2px; 
	background:#333; 
	border: 0px;
	color: #fff;
	opacity: 0.7;
	}
select:hover { 
	opacity: 1.0;
	}
	
input {
	background: #333;
	color: #ddd;
	border: none;
	padding: 2px 2px 2px 2px;
}
input:focus {
	outline: 1px solid #f44;
	xborder: none;
}
.pass {
	color:#333;
}
.pass:focus {
	color:#999;
}

.fname
{
    background:#333;
    color:#eee;
    font-size:18px;
    font-weight:bold;
    border-bottom: 3px solid #a00;
    border-top: 3px solid #333;
} 
.warn
{
	background:#777;
	color:#600;
	font-style:italic;
	font-weight:bold;
	display:none;
}
.restartbtn {
	width:100%;
	color:#600;
	font-weight: bold;
	font-size: 11pt;
}

.al {text-align:left;}
.ar {text-align:right;}
.ac {text-align:center;}
.big {font-size:larger;}
img { border: 0px; }
a { border: 0px;}
a:hover {cursor: pointer;}
div { border: 0px; }
div.datadiv { 
	overflow: auto;
	background:#333;
	height: 25%;
	}
div.float {
	display: inline-block;
	vertical-align: top;
	padding: 4px;
}
code { font-size:14px; }
th { font-style:italic; font-weight: normal; }

html, body 
{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    color:lightgrey;
    font-size:15px;
    font-family:Arial;
    background:black;
}

fieldset { background:#1a0606; } /*#08121A, 1a0606 171717*/

/*fieldset:hover { background:#301010; }*/

input[type="checkbox"]{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari and Chrome */
  -o-transform: scale(1.3); /* Opera */
  padding: 10px;
}
  
legend
{
font-size:25px;
}
/*input { background: #888;}
input:hover { color: #fff; border-style:groove;}
*/
   /* custom player skin */
   .flowplayer { width: 480px; background-color: #222; background-size: cover; max-width: 800px; }
   .flowplayer .fp-controls { background-color: rgba(238, 238, 238, 0)}
   .flowplayer .fp-timeline { background-color: rgba(204, 204, 204, 0)}
   .flowplayer .fp-progress { background-color: rgba(17, 17, 17, 0)}
   .flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 0)}

/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#nav {margin: 0 0 0 0px;}
ul.drop a { display:block; color: #171717; font-family: Verdana; font-size: 14px; text-decoration: none; }
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; border: 0px solid #e23; background: #171717; color: #777;font-weight:bold;}
ul.drop { position: relative; z-index: 597; float: left; border: none; border-color:Black;}
ul.drop li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 10px; }
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background: #444; color: #fff;}
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 195px; background: #555; border: none; }
ul.drop ul li { float: none; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible }

ul.side, ul.side li, ul.side ul { list-style: none; margin: 0; padding: 0; border: 0px solid #e23; background: #171717; color: #777;font-weight:bold;}
ul.side li.hover, ul.side li:hover { position: relative; z-index: 599; cursor: default; background: #444; color: #fff;}
ul.side ul { visibility: hidden; position: relative; top: 100%; left: 0; z-index: 598; width: 195px; background: #555; border: none; }
ul.side li:hover > ul { visibility: visible }

.imgNotouch {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
    background:black;
    outline: 0;
    border:0;
    padding:0;
    margin:0;
}

.notouch {
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-appearance: none;
font-size:25pt;
color:Gray;
background:black;
border:0;
padding:0;
margin:0;
width:50;
height:50;
}

::placeholder {
	background-color: #101010;
	color:gray;
	xfont-style: italic;
	opacity: 0.5;
}
.fname::placeholder {
	font-size: 11pt;
	font-weight: normal;
}

#grad1 
{
    background: -webkit-linear-gradient(black, #400000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(black, #400000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(black, #400000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(black, #400000); /* Standard syntax (must be last) */
}

.tooltip {
    position: relative;
    display: inline-block;
    text-decoration-line: underline;
    text-decoration-style: solid;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 390px;
    background-color: #555;
    color: #fff;
    text-align: left;
    font-weight: normal;
    font-style: normal;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    /*top: -120%;*/
    bottom: 125%;
    left: 50%;
    margin-left: -45px; /* position relative to mouse */
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 15%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* FROM: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav_dropdown */
/* Fixed sidenav, full height */
.sidenav {
	height:100%; 
	width:200px; 
	display:inline-block;
	vertical-align:top;
	top: 0;
	background-color:#111111;
	position: fixed;
	left: 0;
	overflow-x: hidden;
}
/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 4px 4px 4px 4px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: #f1f1f1;
}

/* Main content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
  font-size: 16px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.active {
  background-color: #910718; /*#d10d1e;*/
  color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 12px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

/* Some media queries for responsiveness */
/* @media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}*/

.panel {
	display:none;
}