﻿/* DEFAULTS
----------------------------------------------------------*/
body, html {
	top: 0px;
    margin-left: 2px;
	width: 99%;
	height: 100%;
    background-color: #ededed;
}
#body{
    padding-bottom: 0px; 
}

#footer{
    height: 25px;  
    width:100%;
    position: absolute;
    left: 0;
    bottom: 0px;   
}
    .style4
    {
    	width: 90%;
        color: #A40052;
		margin-top: 2px;
		margin-left: 2px;
	   height: 34px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: x-large;
        text-align:center;
		justify-content: center;
    }
	    .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;
    }
    .style5
    {
		top: 0px;
    	width: 99%;
        color: #A40052;
		margin-top: 1px;
		margin-left: 1px;
	   height: 50px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: medium;
        text-align: center;
		  justify-content: center;

    }
	    .style5b
    {
		top: 0px;
    	width: 99%;
        color: #A40052;
		margin-top: 1px;
		margin-left: 1px;
	   height: 30px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: medium;
        text-align: center;
		justify-content: center;

    }
     .style5b1
    {
		top: 0px;
    	width: 99%;
        color: #A40052;
		margin-top: 1px;
		margin-left: 1px;
	   height: 20px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: medium;
        text-align: center;
		justify-content: center;

    }
	 .style5a
    {
		 top: 0px;
    	width: 99%;
        color: #A40052;
		margin-top: 1px;
		margin-left: 1px;
	   height: 52px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: Large;
        text-align: center;
    }
     	 .style5aa
    {
		 top: 0px;
    	width: 100%;
        min-width: 600px;
        background-color: #ededed;
        color: #A40052;
		margin-top: 0px;
		margin-left: 1px;
	   height: 26px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: small;
        text-align: center;
    }
   .style5aa1
    {
		 top: 0px;
    	width: 98%;
        min-width: 900px;
		margin-top: 0px;
		margin-left: 1px;
        border-style:ridge;
	   height:22px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: small;
        text-align: center;
    }
	 	 .style5d
    {
		 top: 0px;
    	width: 99%;
        color: #A40052;
		margin-top: 1px;
		margin-left: 1px;
	   height: 52px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: medium;
        text-align: center;
    }
	     .style5c
    {
		top: 0px;
    	width: 95%;
        color: #A40052;
		margin-top: 1px;
		margin-left: 1px;
	   height: 70px;
        font-family: "Segoe UI";
        font-style: italic;
        font-size: medium;
        text-align: left;
		  justify-content: center;

    }
	 .style5e
    {
		top: 0px;
    	width: 100%;
        color: #A40052;
		margin-top: 1px;
		margin-left: 1px;
        border-style:inherit;
	   height: 36px;
        font-family: "Segoe UI";
        font-style: italic;
        font-size: medium;
        text-align: left;
		  justify-content: center;

    }
     	 .style5ee
    {
		top: 0px;
    	width: 100%;
        color: #A40052;
        min-width: 900px;
		margin-top: 1px;
		margin-left: 1px;
        border-style:inherit;
	   height: 36px;
        font-family: "Segoe UI";
        font-style: italic;
        font-size: medium;
        text-align: left;
		  justify-content: center;

    }
	    .style6
    {
    	width: 99%;
        color: #A40052;
		background-color:aqua;
		margin-top: 2px;
		margin-left: 2px;
	   height: 28px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: large;
        text-align: center;
    }
	.style6c
    {
		left: 4px;
    	width: 100%;
		background-color: #ededed;
		border-style:inset;
		margin-top: 0px;
		margin-left: 0px;
	   height: 1px;
		float: left;
		padding: 0px;
    }
	 .style6a
    {
    	width: 99%;
        color: #A40052;
		margin-top: 0px;
		margin-left: 0px;
	   height: 24px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: Medium;
        text-align: center;
    }
	.style7
    {
    	width: 60%;
        color: #A40052;
		margin-top: 2px;
		margin-left: 2px;
	   height: 28px;
        font-family: "Segoe UI";
        font-style: italic;
		font-weight:normal;
        font-size: Medium;
        text-align: center;
    }
.loginheader {
    top: 0px;
    height: 12px;
    width: 97%;
    min-width: 600px;
	padding: 0px;
    text-align: right;
    align-content:inherit;
    float:right;
}

.Container0 {
	top: 0px;
    width: 99%;
    min-width: 900px;
    margin: auto;
	height: 110px;
	padding: 0px;
	 float: left;

}
.Container3 {
	top: 0px;
    width: 900px;
    min-width: 900px;
    margin: auto;
	height: 460px;
	padding: 0px;

}
.Container3a {
	top: 0px;
    width: 99%;
    min-width: 900px;
    max-width: 800px;
    border-style:ridge;
    margin: auto;
	height: 620px;
	padding: 0px;
    float: left;
}
.Container3aa {
	top:2px;
    width: 99%;
    font-size:x-small;
    min-width: 600px;
    margin: auto;
	padding: 3px;
    float: left;
}

.Container4 {
	top: 0px;
    width: 99%;
    min-width: 900px;
   max-width: 1000px;
    border-style:ridge;
    margin: auto;
    max-height: 880px;
	padding: 0px;
    float: left;
}
.Container5 {
	top: 0px;
    width: 99%;
    min-width: 1400px;
    margin: auto;
	height: 540px;
	padding: 0px;
	 float: left;
}
.Container5a {
	top: 0px;
    width: 99%;
    min-width: 1200px;
    margin: auto;
	height: 800px;
	padding: 0px;
	 float: left;
}
.Container1 {
	top: 0px;
    width: 99%;
    border-style:ridge;
    min-width: 900px;
    margin: auto;
	height: 920px;
	padding: 0px;
	 float: left;

}
.Container1aa {
	top: 0px;
    width: 99%;
    border-style:ridge;
    margin: auto;
	height: 100%;
	padding: 0px;

}
.Container1n {
    width: 100%;
    min-width: 600px;
	height: 96%;
	padding: 0px;
	 float: left;
}
.KarContainer1 {
	top: 0px;
    width: 99%;
    margin: auto;
	height: 99%;
	padding: 0px;
	 float: left;
	align-content:inherit;
}
.Container7 {
	top: 0px;
    width: 99%;
    min-width: 900px;
    margin: auto;
	height: 520px;
	padding: 0px;
	 float: left;

}
.Container1a {
	top: 0px;
    width: 99%;
    min-width: 900px;
    margin: auto;
	height: 250px;
	padding: 0px;
	 float: left;

}

.Container2 {
	top: 0px;
    width: 99%;
    min-width: 900px;
    margin: auto;
	height: 380px;
	padding: 0px;
	 float: left;

}
.Container6 {
	top: 0px;
    width: 99%;
    min-width: 900px;
    margin: auto;
	height: 1200px;
	padding: 0px;

}
.box {
	top: 20px;
	 width: 99%;
	 height: 400px;
  align-items: center;
      height: 500px;
  	  float: left;
	 overflow: auto;
}
.box1 {
	 width: 100%;
  display: flex;
  color:darkmagenta;
  align-items: center;
  justify-content: center;
  float: inherit;
}
.box2 {

	 width: 80%;
  display: flex;
  color:aquamarine;
  align-items: center;
  justify-content: center;
}
.box3 {
	font-size: large;
	 width: 96%;
	min-width: 600px;
	margin-bottom: 2px;
	margin-Top: 2px;
  	text-align: center;
  justify-content: center;
}
.box4 {
	font-size: x-large;
	 width: 96%;
	min-width: 600px;
	margin-bottom: 2px;
	margin-Top: 2px;
  	text-align: center;
  justify-content: center;
}
.Container {
	top: 0px;
    width: 99%;
    min-width: 900px;
    margin: auto;
	height: 116px;
	float: left;
}
.desImage {
    order: 1;
    width: 30%;
    height: 80px;
}
.des {
    text-align: left;
    margin-left: 2px;
	width: 100%;
    min-width: 600px;
    height: auto;
    background-color: #e9e9e9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    font-size: large;
    font-family: 'Times New Roman', 'Times, serif';
    float:inherit;
  
}
 .des1 {
	text-align:justify;
    margin-left: 2px;
    width: 96%;
    height: 100px;
    background-color: #e9e9e9;
  display: flex;
  justify-content: center;
  align-items: center;
    padding: 0px;
	font-size: medium;
	font-family:'Times New Roman', 'Times, serif';
	 float: left;

}
.des a {
  text-align: center;
  width: 50%;
}
.design1 {
	text-align:center;
    margin-left: 2px;
    -webkit-box-ordinal-group: 1; /* iOS 6-, Safari, Opera*/
    -moz-box-ordinal-group: 1; /* Firefox*/
    -ms-flex-order: 1; /* IE 10 */
    width: 40%;
    height: 400px;
    background-color: #e9e9e9;
    padding: 2px;
	font-size: 14px;
	font-family:'Times New Roman', 'Times, serif';
	align-content:center
}
.Tab .ajax__tab_header
        {
             min-width: 700px;
            font-family: "Times New Roman" , Arial, Sans-Serif;
            font-size:16px;
                height:24px;
            display: block;
            color: black;
           margin-left:2px;
        }
 .Tab .ajax__tab_active .ajax__tab_tab
{
    color: #ffffff;
    background:url("../tab_active.gif") repeat-x;
    height:24px;
}
.Tab .ajax__tab_active .ajax__tab_inner
{
    color: #ffffff;
    background:url("../tab_left_active.gif") no-repeat left;
    padding-left:5px;
}
.Tab .ajax__tab_active .ajax__tab_outer
{
    color: #ffffff;
    background:url("../tab_right_active.gif") no-repeat right;
    padding-right:5px;
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab
{
    color: #000000;
    background:url("../tab_hover.gif") repeat-x;
    height:24px;
}
.Tab .ajax__tab_hover .ajax__tab_inner
{
    color: #000000;
    background:url("../tab_left_hover.gif") no-repeat left;
    padding-left:5px;
}
.Tab .ajax__tab_hover .ajax__tab_outer
{
    color: #000000;
    background:url("../tab_right_hover.gif") no-repeat right;
    padding-right:5px;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab
{
    color: #666666;
    background:url("../tab_Inactive.gif") repeat-x;
    height:24px;
}
.Tab .ajax__tab_inner
{
    color: #666666;
    background:url("../tab_left_inactive.gif") no-repeat left;
    padding-left:5px;
}
.Tab .ajax__tab_outer
{
    color: #666666;
    background:url("../tab_right_inactive.gif") no-repeat right;
    padding-right:5px;
    margin-right: 2px;
}
        .Tab .ajax__tab_body
        {
            width: 100%;
            height: 100%;
            font-family: verdana,tahoma,helvetica;
            font-size:12px;
            background-color: #ededed;
            border-top-width: 0;
            border-top-color: #ededed;
        }

.xsearcha {
	top: 0px;
    width: 99%;
    min-width: 700px;
    height: 24px;
    text-align: center;
    background-color: #e9e9e9;
    padding-bottom: 0px;
	font-size: small;
	font-family:'Times New Roman', 'Times, serif';
    align-content:center;
}
.xsearcha2 {
    top: 0px;
    position:absolute;
	bottom: 0px;
    width: 99%;
    min-width: 600px;
    max-width: 1000px;
    height: 1%;
    text-align: center;
    background-color: #e9e9e9;
    padding-bottom: 0px;
	font-size: small;
	font-family:'Times New Roman', 'Times, serif';
    align-content:center;
}
.xsearch1 {
	top: 0px;
    width: 99%;
    height: 18px;
    text-align: center;
    background-color: #e9e9e9;
    padding: 0px;
	font-size: large;
	font-family:'Times New Roman', 'Times, serif';
    align-content:center;
}
.xsearcha1 {
	top: 0px;
    width: 99%;
    min-width: 600px;
    height:auto;
    text-align: center;
    background-color: #ededed;
    padding: 0px 1px;
	font-size: large;
	font-family:'Times New Roman', 'Times, serif';
    align-content:center;
}
.x1search {
	top: 0px;
    width: 99%;
    height: 28px;
    background-color: #e9e9e9;
    padding: 0px;
	font-size: x-large;
	font-family:'Times New Roman', 'Times, serif';
}
.xraovat {
	top: 0px;
    width: 99%;
    height: auto;
    background-color: white;
	border-style:double;
	font-size: small;
	padding: 0px 0px;
	font-size: medium;
	color: black;
	font-family:'Times New Roman', 'Times, serif';
}
.lvviewraovat {
	top: 0px;
	width: 98%;
	height:98%;
	align-content:inherit;
    border-style:ridge;
	padding: 0px;
	  float: left;
	 overflow: auto;
}
.raovatitem1 {
	top: 0px;
    width: 99%;
	border-style:initial;
    background-color: white;
	font-size: small;
	padding: 0px 0px;
	font-size: medium;
	color: black;
	font-family:'Times New Roman', 'Times, serif';
	float:left;
}
.raovatitem2 {
	top: 0px;
    width: 40%;
    background-color: white;
	font-size: small;
	padding: 0px 0px;
	font-size: medium;
	font-family:'Times New Roman', 'Times, serif';
	float:right;
}


.ysearch {
    width: 99%;
    background-color: #e9e9e9;
    padding: 0px 0px;
	font-size: x-large;
	font-family:'Times New Roman', 'Times, serif';
}
.ysearcha {
    width: 99%;
    min-width: 900px;
    height: 32px;
    background-color: #ededed;
    padding: 0px 0px;
	font-size: x-large;
	font-family:'Times New Roman', 'Times, serif';
}
.ysearch1 {
    width: 99%;
    background-color: #e9e9e9;
    padding: 0px 0px;
	font-size: medium;
	font-family:'Times New Roman', 'Times, serif';
}
.viewdbtext {
    width: 97%;
    background-color: #e9e9e9;
    padding: 0px 0px;
	font-size: medium;
	font-family:'Times New Roman', 'Times, serif';
    height: 320px;
      text-decoration:underline;
    vertical-align:central;
	border-style:ridge;
     align-content:inherit;
	text-align: center;
	 float: left;
     overflow: auto;
}
.loto {
    width: 66%;
    background-color: #e9e9e9;
    padding: 0px 0px;
	font-size: medium;
	font-family:'Times New Roman', 'Times, serif';
}
.lotocommand {
    width: 99%;
    background-color: #e9e9e9;
    padding: 2px 2px;
	font-size: small;
	font-family:'Times New Roman', 'Times, serif';
}
.lotocommand1 {
    width: 99%;
    background-color: #e9e9e9;
    padding: 2px 2px;
       font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: medium;
        text-align: center;
		justify-content: center;
}
.listboxdiv {
	top: 0px;
    width: 100%;
    min-width: 900px;
    margin: auto;
	height: 250px;
	padding: 0px;
	align-content:inherit;
     float: left;
}
.lbtextdiv1 {
	top: 0px;
    width: 100%;
    min-width: 900px;
    margin: auto;
	height: 24px;
	padding: 0px;
    align-content:inherit;
     float: left;
}

.lbtextdiv1a {
	top: 0px;
	left: 0px;
   text-decoration:underline;
	width: 12%;
	height: 20px;
	padding: 0px;
   vertical-align:central;
     margin-bottom:auto;
    font:14px Arial, Sans-Serif;
	text-align: center;
    align-content:inherit;
	border-style:ridge;
	 float: left;
}
.lbtextdiv1b {
	top: 0px;
	left: 0px;
   text-decoration:underline;
   	width: 30%;
	height: 20px;
	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: 0px;
   text-decoration:underline;
    color:blue;
   	width: 55%;
	height: 20px;
     align-content:inherit;
     vertical-align:central;
    font:14px Arial, Sans-Serif;
	border-style:ridge;
	padding: 0px;
	text-align: center;
	 float: left;
}
 .nclbtextdiv1b {
	top: 0px;
	left: 0px;
   text-decoration:underline;
   	width: 99%;
	height: 24px;
	padding: 0px;
    vertical-align:central;
	border-style:ridge;
    font:14px Arial, Sans-Serif;
     align-content:inherit;
	text-align: center;
	 float: left;
}.nclbtextdiv1c {
	top: 0px;
	left: 0px;
   text-decoration:underline;
   	width: 99%;
	height: 22px;
     align-content:inherit;
     vertical-align:central;
    font:14px Arial, Sans-Serif;
	border-style:ridge;
	padding: 0px;
	text-align: center;
	 float: left;
}
 .listboxdiv1a {
	top: 0px;
	left: 0px;
	width: 12%;
	height: 240px;
	border-style:ridge;
     margin-bottom:2px;
    font:14px Arial, Sans-Serif;
	order: 1;
	padding: 0px;
	align-content:inherit;
	 float: left;
}
.listboxdiv1b {
	top: 0px;
	width: 30%;
	height:240px;
	order: 2;
	border-style:ridge;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
         margin-bottom:auto;
	  float: left;
 	 overflow: auto;
}
.listboxdiv1c {
	top: 0px;
	width: 55%;
	height:240px;
	order: 3;
	align-content:inherit;
	 border-style:ridge;
    font:14px Arial, Sans-Serif;
	padding: 0px;
         margin-bottom:auto;
	  float: left;
	 overflow: auto;
}
.listboxdiv1c a {
    display: inline-block;
  max-width: 600px;
   text-align: left;
}
.nlistboxdiv1b {
	top: 0px;
	width: 99%;
	height:160px;
	order: 2;
	border-style:ridge;
	align-content:inherit;
    font:20px Arial, Sans-Serif;
	padding: 0px;
         margin-bottom:auto;
	  float: left;
 	 overflow: auto;
}
.nlistboxdiv1c {
	top: 0px;
	width: 99%;
	height:440px;
	order: 3;
	align-content:inherit;
	 border-style:ridge;
    font:20px Arial, Sans-Serif;
	padding: 0px;
         margin-bottom:auto;
	  float: left;
	 overflow: auto;

}
.listboxdivn {
	top: 0px;
    width: 100%;
    min-width: 900px;
    margin: auto;
	height: 360px;
	padding: 0px;
	align-content:inherit;
     float: left;
}
.lbtextdiv1n {
	top: 0px;
    width: 99%;
    min-width: 900px;
    margin: auto;
	height: 30px;
	padding: 0px;
    align-content:inherit;
     float: left;
}


.listboxdiv1bn {
	top: 0px;
	width: 34%;
	height:240px;
	order: 2;
	border-style:ridge;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
         margin-bottom:auto;
	  float: left;
 	 overflow: auto;
}
.listboxdiv1cn {
	top: 0px;
	width: 44%;
	height:240px;
	order: 3;
	align-content:inherit;
	 border-style:ridge;
    font:14px Arial, Sans-Serif;
	padding: 0px;
         margin-bottom:auto;
	  float: left;
	 overflow: auto;

}

 .listboxdiv1n {
	top: 0px;
	width: 99%;
	height:80px;
	order: 2;
	border-style:ridge;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	  float: left;
}
 .scrtext {
	top: 1000px;
	left: 0px;
	width: 99%;
	height: 30px;
	padding: 0px;
 
}
.textloto {
	top: 0px;
    width: 50%;
    background-color: #e9e9e9;
    padding: 0px;
	height:510px;
	color: black;
	font-family:'Times New Roman', 'Times, serif';
	float: left;
}


.gvloto {
	top: 2px;
	width: 440px;
	height:510px;
	order: 1;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	  float: left;
	 overflow: auto;
}
.gvloto2 {
	top: 10px;
	width: 99%;
	height:380px;
	order: 1;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	  float: left;
	 overflow: auto;
}
.gvlototext {
	top: 6px;
	width: 440px;
	order: 1;
       color: #A40052;
		margin-top: 1px;
		margin-left: 1px;
	   height: 26px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: medium;
        text-align: center;
		justify-content: center;
}
.gvlototext1 {
	top: 6px;
	width: 99%;
	order: 1;
       color: #A40052;
		margin-top: 1px;
		margin-left: 1px;
	   height: 28px;
        font-family: "Segoe UI";
        font-style: italic;
        font-weight: bold;
        font-size: medium;
        text-align: center;
		justify-content: center;
}

/* TAB MENU   
----------------------------------------------------------*/



/* FORM ELEMENTS   
----------------------------------------------------------*/

/* MISC  
----------------------------------------------------------*/
div.topcontainer {
	width: 99%;
	height:99%;
	background-color: #660066;
	position: inherit;
	 padding: 5px 25px;
	 top: 0px;
	 left: 0px;
	 color: White;
	 align-content:center;
}
div.textcontainer {
	position: inherit;
	top: 0px;
	left: 0px;
	width: 99%;
	height:99%;
	padding: 0px 10px;
	 color: black;
	 align-content:center;
}
.comcontainer {
	position: inherit;
	top: 0px;
	left: 0px;
	width: 99%;
	height:600px;
	padding: 0px 10px;
	 font-size: large;
	 color: black;
	 align-content:center;
}
.iframe-link {
   background-color: #ededed;
  font-size:x-small;
  float: left;
  width: 100%;
  height: auto;
}
.iframea {
  text-decoration:none;
  font-size:x-small;
   background-color: #ededed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.Container1b {
	top: 0px;
    width: 99%;
    margin: auto;
	height:430px;
	padding: 0px;
	align-content:center;
}
.Container1ab {
	top: 0px;
    width: 99%;
    height:90%;
    background-color: #ededed;
    margin: auto;
	padding: 0px;
	align-content:center;
}
.Container1c {
	top: 0px;
    width: 99%;
    margin: auto;
	height:100%;
    min-width:1200px;
	max-height:480px;
	padding: 0px;
	align-content:center;
}
.Container1c1 {
	top: 0px;
    width: 99%;
    margin: auto;
	max-height:400px;
	padding: 0px;
	align-content:center;
}
.ifcontainer {
	position: inherit;
	top: 0px;
	left: 0px;
	width: 99%;
	height: 100%;
	padding: 0px;
	align-content:inherit;
	 float: left;
     resize:both
}
.ifcontainer1 {
	position: inherit;
	top: 0px;
	left: 0px;
	width: 80%;
	height: 100%;
	padding: 0px;
	align-content:inherit;
	 float: left;
}
.ifcontainer2 {
	position: inherit;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 500px;
	padding: 0px;
	align-content:center;
	 float: left;
}
.ifcontainer0 {
	top: 0px;
	left: 0px;
	width: 73%;
	height:420px;
	border-style:initial;
	order: 1;
	padding: 0px;
	align-content:inherit;
	 float: left;
}
.ifcontainer5 {
	top: 0px;
	left: 0px;
	width: 74%;
	height:420px;
	border-style:initial;
	order: 1;
	padding: 0px;
	align-content:inherit;
	 float: left;
}
.ifcontainer51 {
	top: 0px;
	left: 0px;
	width: 98%;
	min-height:480px;
    min-width:720px;
	border-style:initial;
	order: 1;
	padding: 0px;
	align-content:inherit;
	 float: left;
}
.ifcontainer51n {
	top: 0px;
	left: 0px;
	width: 98%;
    height:490px;
	min-height:500px;
    min-width:900px;
	border-style:initial;
	order: 1;
	padding: 0px;
	align-content:inherit;
	 float: left;
}
.ifscreen0 {
	position: absolute;
	top: 10000px;
	left: 10000px;
	width: 10px;
	height: 10px;

}
.ifcontainer1 {
	top: 0px;
	left: 0px;
	width: 80%;
	height: 420px;
	order: 1;
	padding: 0px;
	align-content:inherit;
	 float: left;
}
.ifcontainera1 {
	top: 0px;
	left: 0px;
	width: 75%;
    background-color: #ededed;
  height: auto;
  min-height: 420PX;
  max-height: 100%;
    min-width: 48px;
	order: 1;
	padding: 0px;
	align-content:inherit;
	 float: left;
}
.iframe1 {
   background-color: #ededed;
  font-size:x-small;
  float: left;
  width: 99%;
  height: 92%;
  min-height: 420PX;
  max-height: 100%;
}
.ifcontainera2 {
	top: 0px;
	left: 0px;
	width: 75%;
    min-width: 360px;
    height: 100px;
	min-height: 80px;
    border-style:ridge;
    max-height: 120px;
	order: 1;
	padding: 0px;
	align-content:inherit;
	 float: left;
}
.ifcontainerb2 {
	top: 0px;
	left: 0px;
	width: 75%;
    min-width: 360px;
    height: 100px;
	min-height: 80px;
    border-style:ridge;
    max-height: 120px;
	order: 1;
	padding: 0px;
	align-content:inherit;
	 float: left;
}
.iftext {
	top: 0px;
	left: 0px;
	width: 75%;
	height: auto;
    background-color: #ededed;
	order: 1;
	padding: 0px;
	align-content:inherit;
	 float: left;
     text-align:center;
}
.iftext4a {
	top: 2px;
	left:2px;
	width: 99%;
    font:14px Arial, Sans-Serif;
    min-width: 900px;
	height:14px;
    border-style:ridge;
	 margin: auto;
	padding: 0px;
	text-align: center;
	align-content:inherit;
	 float: left;
}
.iftext4 {
	top: 1px;
	left:1px;
    bottom:2px;
	width: 99%;
    font:18px Arial, Sans-Serif;
    min-width: 900px;
	height:36px;
    border-style:ridge;
	 margin: auto;
	padding: 0px;
	text-align: center;
	align-content:inherit;
	 float: left;
}
.iftexta4 {
	top: 1px;
	left:1px;
    bottom:2px;
	width: 99%;
    font:18px Arial, Sans-Serif;
    min-width: 900px;
	height:30px;
	 margin: auto;
	padding: 0px;
	text-align: center;
	align-content:inherit;
	 float: left;
}
.iftext4b {
	top: 2px;
	left:2px;
    bottom:2px;
	width: 99%;
    font:18px Arial, Sans-Serif;
    min-width: 900px;
	height:36px;
    border-style:ridge;
	 margin: auto;
	padding: 0px;
	text-align: center;
	align-content:inherit;
	 float: left;
}
.iftext5 {
	top: 1px;
	left:1px;
    bottom:1px;
	width: 99%;
    font:18px Arial, Sans-Serif, bold;
    min-width: 1200px;
	height:36px;
    border-style:ridge;
	 margin: auto;
	padding: 0px;
	text-align: center;
	align-content:inherit;
	 float: left;
}
.iftext1a {
	top: 2px;
	left:2px;
	margin-top:initial;
	bottom:auto;
	vertical-align:central;
    border-style:ridge;
	width: 99%;
    min-width: 900px;
	height:auto;
	padding: 1px;
	align-content:center;
	 float: left;
}
.iftextA {
	top: 1px;
	padding: 0px;
	bottom: 0px;
	font:12px Arial, Sans-Serif, bold;
    border-style:ridge;
	left: 0px;
	width:  80%;
	height:32px;
	padding: 0px;
	vertical-align:top;
	 float: left;
}
.iftextUA {
	top: 1px;
	left: 2px;
	bottom: 1px;
	margin: auto;
	font-size:xx-small;
    background-color: #ededed;
	left: 0px;
	width:  74%;
	height: 24px;
	padding: 0px;
	text-align: center;
	align-content:inherit;
	 float: left;
}
.iftextC {
	top: 1px;
	padding: 0px;
	bottom: 0px;
	font:medium
    border-style:ridge;
	left: 0px;
	width:  74%;
	height:32px;
	padding: 0px;
	vertical-align:middle;
	 float: left;
}
.A1iftext {
	top: 1px;
	padding: 0px;
	bottom: 0px;
	margin: auto;
	font-size: medium;
    border-style:ridge;
	left: 0px;
	width:  74%;
	height:36px;
	padding: 0px;
	vertical-align:middle;
    	align-content:center;
	 float: left;
}
.iftextB {
	top: 0px;
	bottom: 0px;
	padding: 0px;
	font:12px Arial, Sans-Serif;
	left: 0px;
	width: 19%;
	height:24px;
    border-style:ridge;
	vertical-align:top;
	padding: 0px;
	 float: right;
}
.iftextUB {
    	top: 0px;
	padding: 0px;
    background-color: #ededed;
	font:12px Arial, Sans-Serif;
	margin-left: 0px;
	width: 23%;
	height:auto;
    align-content:center;
	padding: 0px;
	 float: left;
	order: 2;
}
.iftextD {
	top: 0px;
	bottom: 0px;
	padding: 0px;
	font:14px Arial, Sans-Serif;
	left: 0px;
	width: 24%;
	height:32px;
	vertical-align:middle;
	padding: 0px;
	 float: right;
}
.B1iftext {
	top: 0px;
	bottom: 0px;
	padding: 0px 0;
	margin: auto;
	font-size: medium;
	left: 0px;
	width: 24%;
	height:36px;
    border-style:ridge;
	vertical-align:middle;
	text-align: center;
	padding: 0px;
	align-content:center;
	 float: right;
}
.iftext1 {
	top: 2px;
	bottom: 2px;
	margin: auto;
	font-size: large;
	left: 0px;
	width: 99%;
	height: 50px;
	padding: 2px;
	align-content:inherit;
	 float: left;
}
.iftext2 {
	top: 2px;
	bottom: 2px;
	margin: auto;
	font-size: Medium;
	left: 0px;
	width: 99%;
	height: 40px;
	padding: 2px;
	align-content:inherit;
	 float: left;
}
.iftext2a {
	top: 2px;
	bottom: 2px;
	margin: auto;
	font-size: Medium;
	left: 0px;
	width: 99%;
	height: 20px;
	padding: 2px;
	align-content:inherit;
	 float: left;
}
.videocontainer {
	position: inherit;
	top: 0px;
	left: 0px;
	width: 99%;
	height: 360px;
	padding: 0px;
	align-content:center;
	 float: left;
}
.videocontainer1 {
	top: 0px;
	width: 100%;
	height:100%;
    min-height:420px;
    max-height:430px;
	order: 1;
	padding: 0px;
	align-content:center;
	padding: 0px;
	  float: left;
	 overflow: auto;
}
.audiocontainer1 {
	top: 0px;
	width: 100%;
	height:32px;
	order: 1;
	padding: 0px;
	align-content:center;
	padding: 0px;
	  float: left;
	 overflow: auto;
	 z-index:60;
}
.yt-cover{
  position: absolute;
  top: 0;
  bottom:0;
  right:0;
  left:0;
  z-index:1000;
}
.tvcontainer {
	top: 0px;
	left: 0px;
	position: inherit;
	width: 99%;
	height:200px;
	align-content:inherit;
	 color: black;
	 overflow: auto;
}
.lvcontainer {
	top: 0px;
	width: 25%;
	height:420px;
	order: 2;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	  float: left;
	 overflow: auto;
	 z-index:60;
}
.lvcontainer2 {
	top: 0px;
	width: 20%;
	height:420px;
	order: 2;
	align-content:inherit;
	 border-style:initial;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	  float: left;
	 overflow: auto;
}
.lvcontainera2 {
	top: 0px;
	width: 25%;
    height: auto;
	min-height: 120px;
    max-height: 460px;
    min-width: 48px;
    background-color: #ededed;
    color:red;
	order: 2;
	align-content:inherit;
    font:xx-small;
	padding: 0px;
	 float: left;
	 overflow: auto;
}
.lvcontainera3 {
	top: 0px;
	width: 24%;
    height:100px;
	min-height: 80px;
    max-height: 120px;
    min-width: 48px;
	order: 2;
	align-content:inherit;
	 border-style:ridge;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	  float: left;
	 overflow: auto;
}
.lvcontainerb3 {
	top: 0px;
	width: 23%;
    height:100px;
	min-height: 80px;
    max-height: 120px;
    min-width: 48px;
	order: 2;
     border-style:ridge;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	  float: left;
	 overflow: auto;
}
.lvcontainer2a {
	top: 0px;
    left:0px;
    width:26%;
	max-height:420px;
   order: 2;
	align-content:inherit;
	 border-style:ridge;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	  float: left;
	 overflow: auto;
}
.lvcontainer2a a {
    display: inline-block;
  max-width: 360px;
   text-align: left;
}
.lvcontainer2b {
	top: 0px;
    left:1px;
	width:inherit;
    width:25%;
    min-width:60px;
	max-height:480px;
   order: 2;
	align-content:inherit;
	 border-style:initial;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	  float: left;
	 overflow: auto;
}
.lvcontainer3 {
	top: 0px;
	width: 99%;
	height:200px;
	order: 2;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	  float: left;
	 overflow: auto;
}
.lvcontainer4 {
	top: 0px;
	width: 95%;
	height:30px;
	order: 2;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 2px;
	  float: right;
	 overflow: auto;
}
.gvcontainer {
	top: 0px;
	width: 50%;
	height:380px;
	order: 2;
	align-content:inherit;
    font:14px Arial, Sans-Serif;
	padding: 0px;
	  float: left;
	 overflow: auto;
}

.lvcontainer a {
	width: 99%;
	 font-size: small;
	 color: black;
	 	 float: left;
		  text-align: center
}

.menuasp
{
left:2px;
border-bottom-width:1px;
border-bottom-color:#004d7d;
list-style:none;
min-width:600px;
padding:0px;
margin-bottom:0px;
}
.menu-item
{
line-height:1em;
min-width:20px;
margin-right:1px;
padding: 1px 1px 1px 2px;
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 ;
}
.treeNode
        {
            transition: all .3s;
            padding: 2px 2px;
            text-align: left;
            /*width: 100%;*/
            margin: 0;
            min-width: 150px !important;
            text-decoration:none !important;
            font:16px Sans-Serif,Arial;
        }
     .rootNode
        {
            font-size:18px;
            /*width:100%;*/
            color:#337ab7;
			font-weight: bold;

        }
     .leafNode {
            padding: 10px;
            background-color: #eeeeee;
        }
     .selectNode 
   {
        background-color:red;
        font-weight:bold;
        color:#fff;
    }
	 .rootNodeLinkStyle a:link
{
    color: Black;
}

.rootNodeLinkStyle a:hover
{
    color: pink;
    text-decoration:underline;
}
