﻿/* DEFAULTS
----------------------------------------------------------*/
body, html {
	top: 0px;
    margin-left: 2px;
	width: 100%;
	height: 100%;
    min-width: 940px;
    background-color: #ededed;
}
#body{
    top: 0px;
    margin-left: 0px;
	width: 100%;
	height: 100%;
     min-width: 940px;
    background-color: #ededed;
    padding-bottom: 0px; 
}
iframe{
            width:100%;
            height:100vh;
            overflow:hidden;
            margin:0px;
            padding:0px;
            border:none;
        }
.style5
    {
		top: 0px;
        color:white;
		margin-top: 1px;
		margin-left: 1px;
	    width: auto;
	    height: auto;
        min-width: 940px;
         background-color:dodgerblue;
	    font-size: 24px;
	    font-family:'Times New Roman', 'Times, serif';
        font-style: italic;
        font-weight: bold;
        text-align: center;
    }
.updater
        {
            position: fixed;
            top: 70px;
            background-color: Gray;
            left: 0px;
            z-index: 99;
            opacity: 0.8;
            filter: alpha(opacity=80);
            min-height: 18%;
            width: 7%;
        }
.updater1
        {
            position: relative;
            top: 0px;
            background-color: Gray;
            left: 0px;
            z-index: 99;
            opacity: 0.8;
            filter: alpha(opacity=80);
            min-height: 8%;
            width: 7%;
        }
.des {
    text-align: left;
    margin-left: 1px;
	width: 100%;
    min-width: 940px;
    height: 40px;
    background-color: #e9e9e9;
    align-items: center;
    padding: 0px;
    float:left;
}
.box2{
	width: 80%;
   min-width: 700px;
  font:32px 'Times New Roman', 'Times, serif';
  display: flex;
  color:darkmagenta;
  align-items: center;
  justify-content: center;
  float: inherit;
}
.box1 {
	width: 20%;
    margin-left:10px;
  display: flex;
  color:darkmagenta;
  align-items: center;
  justify-content: center;
  float: inherit;
  font:20px 'Times New Roman', 'Times, serif';
}
.box1a {
	width: 20%;
    margin-left:2px;
   text-align:center;
  display: flex;
  color:darkmagenta;
  align-items:inherit;
  justify-content: center;
  float: inherit;
  font:28px 'Times New Roman', 'Times, serif';
}
.box1b {
	width: 90%;
    margin-left:2px;
   text-align:center;
  display: flex;
  color:darkmagenta;
  align-items:inherit;
  justify-content: center;
  float: inherit;
  font:28px 'Times New Roman', 'Times, serif';
}
.menuasp
{
left:2px;
border-bottom-width:1px;
border-bottom-color:#004d7d;
list-style:none;
min-width: 700px;
max-width: 1100px;
padding:0px;
margin:0px;
margin-bottom:1px;
}
.menu-item
{
line-height:0.9em;
min-width:80px;
margin-right:10px;
padding: 1px 1px 1px 1px;
text-decoration:none;
text-align:center;
}
.menu-item1
{
min-width:50px;
margin-right:5px;
padding: 1px 1px 1px 1px;
text-decoration:none;
text-align:center;
}
.menuasp a
{
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
color: #333 !important;
}
.menuasp a.selected
{
background: rgb(0,121,198); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,121,198,1) 0%, rgba(0,77,125,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,121,198,1)), color-stop(100%,rgba(0,77,125,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,121,198,1) 0%,rgba(0,77,125,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,121,198,1) 0%,rgba(0,77,125,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,121,198,1) 0%,rgba(0,77,125,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,121,198,1) 0%,rgba(0,77,125,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079c6', endColorstr='#004d7d',GradientType=0 ); /* IE6-9 */
color: white !important ;
}
.menuasp a:hover
{
background: rgb(226,0,15); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,0,15,1) 0%, rgba(162,0,16,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,0,15,1)), color-stop(100%,rgba(162,0,16,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,0,15,1) 0%,rgba(162,0,16,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,0,15,1) 0%,rgba(162,0,16,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,0,15,1) 0%,rgba(162,0,16,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,0,15,1) 0%,rgba(162,0,16,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2000f', endColorstr='#a20010',GradientType=0 ); /* IE6-8 */
color: white !important ;
}
.loginheader {
    top: 0px;
    height: auto;
    width: auto;
    background-color:transparent;
    min-width: 580px;
	padding: 0px;
    text-align: right;
    align-content:inherit;
    float:left;
}
	    .style4a
    {
    	width: 90%;
        color: #A40052;
		margin-top: 2px;
		margin-left: 2px;
	   height: 30px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: small;
        text-align: center;
    }

	.style6c
    {
		left: 4px;
    	width: 98%;
		background-color: #ededed;
		border-style:inset;
		margin-top: 1px;
		margin-left: 1px;
	   height: 1px;
		float: left;
		padding: 0px;
    }
    	.style6d
    {
		left: 1px;
    	width: 18%;
		background-color: #ededed;
		margin-top: 1px;
		margin-left: 1px;
	   height: 22px;
		float: right;
		padding: 0px;
    }

.Container1 {
    left:2px;
	top: 2px;
    width: 100%;
    border-style:ridge;
    min-width: 940px;
    margin: auto;
	height: 100%;
}
.list_item_large 
{
    font-size: x-small;
    color: #000000;
    padding: 8px 0px 0px 0px;    
    margin: auto;
    display: inline-block;  
    text-align:left;        
    min-height: 32px;      
}
.ifcontainer0 {
	top: 0px;
	left: 0px;
    position: relative;
	width: 65%;
    min-height:120px;
    height:0px;
	padding-top: 20%;
    float: left;
}
.ifcontainera1 {
    position:relative;
	top: 0px;
	left: 0px;
	width: 65%;
    background-color: #ededed;
    min-width: 390px;
	min-height: 300px;
}
.ifcontainera2 {
    position: relative;
	top: 0px;
	left: 600px;
	width: 65%;
    background-color: #ededed;
    min-width: 390px;
	min-height: 300px;
}
.iframe2 {
   background-color: #ededed;
  font-size:x-small;
  float: left;
  width: 100%;
     min-width: 264px;
	height:60%;
    min-height: 290px;
    max-height: 290px;
    	align-content:inherit;
	 float: left;
}
.iframe1 {
	top: 0px;
	left: 0px;
	width: auto;
    height: 99%;
	padding: 0px;
	align-content:inherit;
	 float: :inherit;
}

.iframe3 {
            width:100%;
            height:100vh;
            overflow:hidden;
            margin:0px;
            padding:0px;
            border:none;
}
.ifcontainer51n {
	top: 0px;
	width: 54%;
    min-width: 510px;
	height:290px;
    min-height: 290px;
    max-height: 290px;
	order: 1;
    vertical-align:top;
   align-items:center;
	padding: 0px;
	  float:left;
    }
.ifcontainer51c {
	top: 0px;
	left: 0px;
	width: 38%;
     height:0px;
    min-height:280px;
    position: relative;
	padding-top: -20px;
	align-content:inherit;
	 float: left;
    }
.ifcontainer1 {
	top: 0px;
	left: 0px;
    position: relative;
	width: 65%;
    min-height:120px;
   padding-top: 20%;
    float: left;
}
.drcontainer2a {
	top: 0px;
    left: 3px;
	width: 100%;
    min-width: 264px;
	height:26px;
	border-style:ridge;
     vertical-align:top;
    font:14px Arial, Sans-Serif;
	padding: 0px;
    margin-bottom:auto;
}
.lvcontainer2a {
	top: 0px;
    left: 1px;
	width: 45%;
     min-width: 423px;
	height:300px;
        min-height: 300px;
    max-height: 300px;
	order: 2;
	border-style:ridge;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
    margin-bottom:auto;
	  float: left;
 	 overflow: auto;
}
.videoon1 {
	top: 100px;
	left: 0px;
	width: 280px;
     height:200px;
    position: absolute;
}
.videoon2 {
	top: 100px;
	left: 290px;
	width: 280px;
     height:200px;
    position: absolute;
}
.videoon3 {
	top: 300px;
	left: 0px;
	width: 280px;
     height:200px;
    position: absolute;
}
.lbtextdiv1 {
	top: 0px;
    left: 0px;
    width: 99%;
    min-width: 790px;
	height: 22px;
	padding: 0px;
    align-content:inherit;
     float: left;
}
.lbtextdiv2 {
	top: 0px;
	left: 0px;
   text-decoration:underline;
	width: 99%;
    min-width: 244px;
    color:blue;
	height: 34px;
	padding: 0px;
   vertical-align:central;
     margin-bottom:auto;
    font:30px Arial, Sans-Serif;
	text-align: center;
    align-content:inherit;
	border-style:ridge;
	 float: left;
}
.lbtextdiv1a {
	top: 0px;
	left: 0px;
   text-decoration:underline;
       color:blue;
   	width: 32%;
	height: 14px;
	padding: 0px;
    vertical-align:central;
	border-style:ridge;
    font:14px Arial, Sans-Serif;
     align-content:inherit;
	text-align: center;
	 float: left;
}
.lbtextdiv1b {
	top: 0px;
	left: 0px;
   text-decoration:underline;
       color:blue;
   	width: 66%;
	height: 14px;
	padding: 0px;
    vertical-align:central;
	border-style:ridge;
    font:14px Arial, Sans-Serif;
     align-content:inherit;
	text-align: center;
	 float: left;
}.lbtextdiv1c {
	top: 0px;
    left: 3px;
	width: 66%;
     min-width: 264px;
	height:60%;
    min-height: 290px;
    max-height: 290px;
	order: 2;
	border-style:ridge;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
    margin-bottom:auto;
	  float: left;
 	 overflow: auto;
}
  .listboxdiv1 {
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
    min-width: 940px;
    min-height: 380px;
    max-height: 390px;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	align-content:center;
	 float: left;
	align-content:inherit;
}
    .listboxdiv21 {
	top: 0px;
	left: 0px;
	width: 99%;
	height: 420px;
    min-width: 940px;
    min-height: 420px;
    max-height: 420px;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	align-content:center;
	 float: left;
	align-content:inherit;
}

 .listboxdiv1a {
	top: 0px;
	left: 0px;
	width: 32%;
     min-width: 240px;
	height: 390px;
    min-height: 390px;
    max-height: 390px;
     margin-bottom:2px;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	align-content:inherit;
	 float: left;
      overflow: auto;
}
.listboxdiv1b {
	top: 0px;
	width: 66%;
    min-width: 620px;
	height: 100%;
    min-height: 400px;
    max-height: 400px;
	border-style:ridge;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
         margin-bottom:auto;
	  float: left;
 	 overflow: auto;
}
.listboxdiv1b a {
    display: inline-block;
   text-align: left;
}
.listboxdiv {
	top: 0px;
    width: 99%;
    min-width: 700px;
    margin: auto;
	height: 100%;
    min-height: 360px;
	padding: 0px;
	align-content:inherit;
     float: left;
}
.listboxdiv1c {
	top: 0px;
	width: 27%;
    min-width: 220px;
	height: 240px;
    min-height: 240px;
	order: 3;
	border-style:ridge;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
         margin-bottom:auto;
	  float: left;
 	 overflow: auto;
}
.listboxdiv1c a {
    display: inline-block;
  max-width: 200px;
   text-align: left;
}
.listboxdivn {
	top: 0px;
    width: 100%;
    min-width: 940px;
    margin: auto;
	height: 360px;
	padding: 0px;
	align-content:inherit;
     float: left;
}
 .listboxdiv1 {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
    min-width: 940px;
    min-height: 380px;
    max-height: 390px;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	align-content:inherit;
	 float: left;
      overflow: auto;
}

.Container1b {
	top: 0px;
    left:0px;
    width: 100%;
    min-width: 940px;
    height:auto;
    min-height:360px;
    max-height:360px;
    margin: 0px;
    vertical-align:top;
}
.Container1bb {
	top: 0px;
    left:0px;
    width: 100%;
    min-width: 940px;
    height:auto;
    min-height:460px;
    max-height:460px;
    margin: 0px;
    vertical-align:top;
}
.Container1c {
	top: 0px;
    left:0px;
    width: 100%;
    min-width: 940px;
    height:auto;
    min-height:940px;
    margin: auto;
	align-content:center;
    vertical-align:top;

}

.Container1ab {
	top: 0px;
	left: 0px;
	width: 98%;
    background-color: #ededed;
  height: 96%;
  min-height: 340px ;
	padding: 0px;
    text-align:center;
    float:left;
}

.ifcontainer0 {
	top: 0px;
	left: 0px;
    position: inherit;
	width: 65%;
    min-height:300px;
    height:auto;
	padding-top: 20%;
    float: left;
}
.xsearchab {
	top: 0px;
    width: 99%;
   min-width: 240px;
    height: auto;
    text-align: center;
    background-color: white;
    padding-bottom: 0px;
	font-size: medium;
	font-family:'Times New Roman', 'Times, serif';
    align-content:center;
}
.treeView img { width:38px; height:38px; }
.treeViewm img { width:20px; height:20px; }
.iftexta4 {
	top: 0px;
	left:2px;
    bottom:2px;
	width: 99%;
    font:16px Arial, Sans-Serif;
    min-width: 940px;
	height:42px;
	padding: 0px;
	text-align: center;
	align-content:inherit;
	 float: left;
}
.iftext5a {
	top: 0px;
	left:2px;
    bottom:2px;
	width: 99%;
    font:16px Arial, Sans-Serif;
    min-width: 940px;
	height:32px;
	padding: 0px;
	text-align: center;
	align-content:inherit;
	 float: left;
}
.iftexta4A {
	top: 0px;
	left:0px;
    bottom:0px;
	width: 99%;
    font:14px Arial, Sans-Serif;
    min-width: 940px;
	height:24px;
	 margin: auto;
	padding: 0px;
	text-align: center;
	align-content:center;
	 float: left;
}
.iftexta44 {
	top: 0px;
	left:0px;
    bottom:0px;
	width: 99%;
    font:24px Arial, Sans-Serif;
    min-width: 940px;
    border-style:ridge;
	height:60px;
	 margin: auto;
	padding: 0px;
	text-align: center;
	align-content:center;
	 float: left;
}
.iftext1a {
	top: 0px;
	left:2px;
	margin-top:initial;
	bottom:auto;
	vertical-align:top;
    border-style:ridge;
	width: 99%;
    min-width: 940px;
	height:auto;
	padding: 1px;
	align-content:center;
	 float: left;
}
.iftext1an {
	top: 0px;
	left:2px;
	margin-top:initial;
	bottom:auto;
	vertical-align:top;
    border-style:ridge;
	width: 99%;
    min-width: 940px;
	height:26px;
	padding: 1px;
	align-content:center;
	 float: left;
}
.iftext1b {
	top: 0px;
	left:2px;
	margin-top:initial;
	bottom:auto;
	vertical-align:top;
    border-style:ridge;
	width: 99%;
    min-width: 940px;
	height:26px;
	padding: 1px;
	align-content:center;
	 float: left;
}
 .headerCheckBox input {width:30px; height:30px;}
.rowCheckBox input {width:30px; height:30px;}

.iftext11 {
	top: 0px;
	left:2px;
	margin-top:initial;
	bottom:auto;
	vertical-align:central;
    border-style:ridge;
	width: 99%;
    min-width: 940px;
	height:auto;
	padding: 1px;
	align-content:center;
	 float: left;
}
.iftext4a {
	top: 2px;
	left:0px;
	width: 99%;
    font:14px Arial, Sans-Serif;
    min-width: 940px;
	height:20px;
	 margin: auto;
	padding: 0px;
	text-align: center;
	align-content:inherit;
	 float: left;
}
.iftextC1 {
	top: 1px;
	padding: 0px;
	bottom: 1px;
	font:16px Arial, Sans-Serif, bold;
    color:blue;
	left: 0px;
    min-width: 360px;
	width:  41%;
	height:36px;
	padding: 0px;
	vertical-align:middle;
	 float: left;
}
.iftextC1C {
	top: 1px;
	padding: 0px;
	bottom: 1px;
	font:16px Arial, Sans-Serif, bold;
    color:blue;
	left: 0px;
    min-width: 560px;
	width:  60%;
	height:30px;
	padding: 0px;
	vertical-align:top;
	 float: left;
}
.iftextC {
	top: 1px;
	padding: 0px;
	bottom: 0px;
	font:12px Arial, Sans-Serif, bold;
    color:blue;
	left: 0px;
	width:  60%;
	height:24px;
	padding: 0px;
    text-align:justify;
	vertical-align:middle;
	 float: left;
}
.iftextD1 {
	top: 0px;
	bottom: 0px;
	padding: 0px;
	font:14px Arial, Sans-Serif;
	left: 0px;
	width: 58%;
	height:36px;
    align-content:inherit;
	vertical-align:middle;
	padding: 0px;
	 float: right;
}
.videoInsert {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: inline-block;
}

.wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.iftextD {
	top: 0px;
	bottom: 0px;
	padding: 0px;
	font:12px Arial, Sans-Serif;
	left: 0px;
	width: 36%;
	height:24px;
	vertical-align:middle;
	padding: 0px;
	 float: right;
}
.iftextD3 {
	top: 1px;
	padding: 0px;
	bottom: 1px;
	font:16px Arial, Sans-Serif, bold;
    color:blue;
	left: 0px;
	width: 350px;
    min-width:350px;
	height:30px;
	padding: 0px;
	vertical-align:top;
	 float: left;
}

.cam_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute; /* magic sauce */
}
.videocontainer1 {
	top: 0px;
	width: 100%;
	height:300px;
    display:block;
	padding: 0px;
    vertical-align:top;
   align-items:center;
	padding: 0px;
	  float:left;
}

.videocontainer2 {
	position: absolute;
	width:  100%;
	height: 100%;
    top: 0px;
	left: 0px;
}
.videoInsert {
    position: absolute; 
    right: 0; 
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto; 
    height: auto; 
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}
.videocontainer2 {
	top: 0px;
	width: 320px;
    background-color: #ededed;
    margin:auto;
    display:block;
    border-style:none;
    height: 240px;
    min-height: 100px;
    vertical-align:auto;
    align-items:center;
	padding: 0px;
}
.audiocontainer1 {
	top: 0px;
	width: 100%;
	height:38px;
    display:block;
	order: 1;
	padding: 0px;
    vertical-align:top;
   align-items:center;
	padding: 0px;
	  float:left;
}
.imagecontainer1 {
	top: 0px;
	width: 100%;
	height:80px;
    min-height: 270px;
    max-height: 270px;
	padding: 0px;
    vertical-align:top;
	padding: 0px;
	  float:left;
}
.xsearcha {
	top: 0px;
    width: 99%;
    min-width: 700px;
    height: 24px;
    text-align: center;
    padding-bottom: 0px;
	font-size: small;
	font-family:'Times New Roman', 'Times, serif';
    align-content:center;
}
