body {
	margin:0px;
	padding:0px;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:normal; 
	overflow-y:scroll;
	color:black; 
	background-color:white;
}

.framecontainer {  
	width:95%;
	height:90%;
	margin:0px auto;
	padding:0px 0px 20px 0px;
	position:relative;
	overflow:hidden;
	border:0px solid red;
}

.logoDiv {
	width:100%;
	margin-top:0px;
	color: #000000;
	text-align:center;
	font-size:30px;
	font-weight:bold;
}

.mainDiv { 
	width:100%; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-width: 2px 2px 0px 2px; border-style: solid; border-color: black;
	padding-bottom:0px;
	background-color:white;
}

.menuDiv { 
	width:100%;
	height:50px;
	line-height:50px;
	color:#757575;
	font-size:20px;
	font-weight:bold; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-width: 0px 2px 2px 2px; border-style: solid; border-color: black;
	background-color:#F0F0F0;
	background-image: url(../img/bar2.gif);
	background-size: 100% 100%;
}

.statusDiv { 
	width:100%;
	height:50px;
	line-height:50px;
	padding-left:0px;
	color:black;
	font-size:15px;
	font-weight:bold; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #a8a8a8;
	background-color:#F0F0F0;
}

.locstatDiv { 
	width:100%;
	height:50px;
	line-height:50px;
	padding-left:10px;
	color:black;
	font-size:15px;
	font-weight:bold; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #a8a8a8;
	background-color:white;
}




.windowBox {
	width:100%;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:0px solid #A8A8A8;
	margin:0px auto 0px auto;
	position:relative;
	text-align:left;
	color:black;
	background-color:white;
}

.winHeadDiv { 
	width:100%; 
	height:27px;
 	line-height:27px;
	border-bottom:1px solid #A8A8A8;
	color:#757575; 
	font-weight:bold; 
	background-color:#F0F0F0;
	background-image:url(../img/bar2.gif);
	background-size: 100% 100%;
}

.windowTitle {
	height:27px;
 	line-height:27px;
	position:relative;
	float:left; 
	text-align:center; 
	font-weight:bold; 
	padding-left:5px;
	border: 0px solid red;
}



/* Position child elements relative to this element */
.aspect-ratio-box {
	position: relative;
}

/* Create a pseudo element that uses padding-bottom to take up space */
.aspect-ratio-box::after {
	display: block;
	content: '';
	/* 16:9 aspect ratio */
	padding-bottom: 56.25%;
}

/* Image is positioned absolutely relative to the parent element */
.aspect-ratio-box img {
	/* Image should match parent box size */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.logo_table				{margin:auto; border-spacing:0px; padding:0px; text-align:center; font-size:25px; table-layout:fixed;}
.logo_table img			{height:25px; display:block; }


.login_table			{width:100%; border-spacing:0px; padding:0px; text-align:left; font-size:25px; table-layout:fixed;}
.login_table td			{width:50%; padding:10px; height:50px; }
.login_table input		{padding:10px; font-size:25px; }
.login_textbox			{width:100%; height:50px; color:black; resize:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:2px solid black; }

.fader5					{background-color:#00ff00; color:black; font-weight: bold; padding-left:10px; vertical-align:middle; border:0px solid red;}
.fader30				{background-color:yellow; color:black; font-weight: bold; padding-left:10px; vertical-align:middle; border:0px solid red;}
.status_red				{background-color:red !important; color:white; }

//.fader_looc				{background-color:white; color:black; font-weight: bold; padding-left:0px; vertical-align:middle; border:0px solid red;}

.trigger_table			{width:100%; border-spacing:0px; padding:0px; text-align:center; font-size:20px; table-layout:fixed;}
.trigger_table td		{padding:0px; height:50px; line-height:50px; }



a:link		{color: #aaaaaa; text-decoration:none; }
a:visited	{color: #aaaaaa; text-decoration:none; }
a:active 	{color: #aaaaaa; text-decoration:none; }
a:hover 	{color: #aaaaaa; text-decoration:underline; }








.br {
	border-right:1px solid #A8A8A8;
}

.clickerButtonLeft {
	text-align:center; 
	font-weight:bold; 
	height:100%;
	width:100%;
	font-size:15px;
	background-color:#D6D6D6;
	background-image:url(../img/bar2.gif);
	background-size: 100% 100%;
}
.clickerButtonLeftOver {
	color:#FFFFFF;
	background-color:#A8A8A8; 
	cursor:pointer; 
	background-image:url(../img/bar2_over.gif);
}


.navButtonLeft {
	float:left; 
	text-align:center; 
	font-weight:bold; 
	padding-left:10px;
	padding-right:10px;
	height:100%;
	border-right:1px solid #A8A8A8;
	background-color:#D6D6D6;
	background-image:url(../img/bar2.gif);
	background-size: 100% 100%;
}
.navButtonLeftOver {
	color:#FFFFFF;
	background-color:#A8A8A8; 
	cursor:pointer; 
	background-image:url(../img/bar2_over.gif);
}

.navButtonRight {
	float:right; 
	text-align:center; 
	font-weight:bold; 
	padding-left:10px;
	padding-right:10px;
	height:100%;
	border-left:1px solid #A8A8A8;
	background-color:#D6D6D6;
	background-image:url(../img/bar2.gif);
	background-size: 100% 100%;
}
.navButtonRightOver {
	color:#FFFFFF;
	background-color:#A8A8A8; 
	cursor:pointer;
	background-image:url(../img/bar2_over.gif);
}