body {
  margin: 0px;
}
tablee {
  border-radius: 6px;
}
#Header {
  width: 100%;
  height: 50px;
}
#Logo {
  width: 50px;
  height: 50px;
}
#inf{
	float: right;
	display:inline-block;
	right: 100px;
border: 0px red solid;
	width: 160px;
	overflow: hidden;
	vertical-align: middle;
	font-size: 12px;
}
#Banner {
  left: 50px;
  right: 50px;
  background: url("../Images/banner.png");
  position: absolute;
  top: 0px;
  height: 50px;
  font-weight: bold;
  font-size: 16px;
  text-align: center
}
#Logo2 {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0px;
  right: 0px;
}
#Nav {
  top: 50px;
  width: 100%;
  height: 30px;
  background:#0FCFF9;
  text-align: center;
  vertical-align: middle;
  position: absolute
}
#Main {
    top: 80px;
    width: auto;
    bottom: 25px;
    position: absolute;
    background: white;
    overflow: auto;
    padding: 0 10px 10px;
    text-align: justify;
    border: thin;
    left: 0px;
    right: 0px;
    height: auto;
	floatt: right;
}
#Left{
	top: 0px;
	padding: 5px;
	width: 150px;
	overflow:inherit;
	position: absolute;
	/*background:#C4F9E8;*/
	background: #DDFFFF;
	left: 0px;
	bottom:0px;
	height: auto;
	float: left;
}
#middle {top: 0px;
	padding: 5px;
	border: solid red 0px;
  left: 160px;
  right: 0px;/*215*/
  width: auto;
  position: absolute;
	displayy: block;
bottom: 0px;
	z-indexx: 2;
	backgroundd: yellow;;
	overflow-y: scroll;
	overflow-xx: hidden;
}
#Large2 {top: 0px;
	padding: 5px;
	border: solid red 0px;
  left: 165px;
  right: 0px;/*215*/
  width: auto;
  position: absolute;
	display: block;
	height: auto;		
bottom: 0px;
	
}
#Large {
  left: 10px;
  right: 205px;
  width: auto;
  position: absolute;

	
}
#right {
  width: 190px;
  top: 0px;/*85*/
  position:absolute;
	
  right: 0px;/*15*/
  border: solid 0px gray;
  padding: 5px;
	/*background: #C7F9FD;*/
	bottom: 25px;
	height: auto;

}
#pmnu{display: none}
#rightt{display: none;}

@media screen and (max-width: 1200px) {
	#right{display: none; width: 0px;}
	#Large{left: 10px;right: 10px; width: auto;position: absolute;}
}

@media screen and (max-width: 875px) {.pmmm{display: block; width: 300px;} 
	#menu{display: none; width: 0px;}
	#menu ul, #menu li {
	margin: 0 auto;
	padding: 0;
	width: 300px;
		background: black;
	}
	#menu{
		width: 300px;
		text-align: left;
	}
	#pmnu{display: block;}
	#kkk #pmnu:hover > #menu{display: block;}
	
}

#info {
  width: 190px;
  top: 5px;/*85*/
  position:absolute;
	
  right: 0px;/*15*/
  /*border: solid 1px;*/
  padding: 5px;
}
#Footer {
  width: 100%;
	left:0px;
	right: 0px;
  height: 25px;
  bottom: 0px;
  position: absolute;
  background: #0FCFF9;
  text-align: center;
}
#nt{display:inline;width: 99%;padding: 5px;height: 75vh;}
#note{display: none;}
#srch {
  margin-top: 8px;
	margin-right: 5px
}

#menu {
	
	color: #FFF;
	height: 30px;
	padding-left: 10px;
	border-radius: 5px;
	width:100%;
   background: #4462B3;
	
}

 input [placeholder]{color: #CFF7EF;}
 input [type="text"]{color: #CFF7EF;}
.Act{
	height: 27px;
	color: #FFF;
	border-bottom: yellow solid 3px;

	
}
#menu ul, #menu li {
	margin: 0 auto;
	padding: 0;
	
}

#menu li {
	float: left;
	display: inline;
	position: relative;
}
#btn1,#btn3,#btn4{
	width: 110px;
	border-right: gray solid 1px;
	text-align: center;
	font-weight: bold;
}
#menu hr{margin: 0px; border-color: gray;}
#btn2{width: 135px; border-right: gray solid 1px; font-weight: bold;}
#menu a {
	display: block;
	line-height: 30px;
	padding: 0 14px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 15px;
}
#menu a.dropdown-arrow:after {
	content: "\2BC6";/*25BE*/
	margin-left: 5px;
}
#menu li a:hover {
	color: #0099CC;
	background: #F2F2F2;
}

#menu ul.sub-menus{
	height: auto;
	/*overflow: hidden;*/
	width:auto;
	min-width: 165px;
	white-space: nowrap;
	background: #444444;
	position: absolute;
	z-index: 99;
	display: none;
	text-align: left;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 1px 1px 1px rgba(0,0,10,0.5);
	
}
#menu ul.sub-menus li {
	display:block;
	width: 100%;
	/*border:solid lightblue 1px;*/
}
#menu ul.sub-menus a {
	color: #FFFFFF;
	font-size: 16px;
	/*border:solid red 2px;*/
	display: block;
	white-space: nowrap;
}
#menu li:hover ul.sub-menus {
	display: block;
}
#menu ul.sub-menus a:hover{
	background: #F2F2F2;
	color: #444444;
}
/*#menu ul a:hover,#menu ul.sub-menus a:hover{
	background: #F2F2F2;
	color: #444444;
}*/
#menu .ssm{white-space: nowrap; padding-right: 5px;}
#menu  .sm:after {
	content: "\2BC8";
	position:absolute;
	right: 5px;
}
#menu .sm{ padding-right: 25px;}
#menu ul.sub-menus ul.ssm{
	height: auto;
	width: auto;
	background:#444444;
	display: none;
	text-align: left;
	border: lightblue solid 1px;
	border-radius: 0px 10px 10px 10px;
}

#menu ul.sub-menus ul.ssm a {
	color: white;
	font-size: 16px;
	display: block;
}
#menu ul.sub-menus li:hover > ul {
	left: 100%;
	display: block;
	right:auto;
	top:0px;
		
}
#menu ul.sub-menus li:hover > #menu li a {

	color: #0099CC;
	background: #F2F2F2;
}

		

#menu ul.sub-menus ul.ssm a:hover{
	background: #F2F2F2;
	color: #444444;
}
#menu ul
{
	position: absolute;
	z-index: 4000;
}
/* TSo Style*/
.tso_tbl{
border-radius: 8px;
box-shadow: 0 1px 2px 3px rgba(0, 0 ,0, 0.3);
	padding:2px; 
}
#res1,#lm{
border-radius: 8px 8px 8px 8px;
box-shadow: 0 3px 5px 5px rgba(0, 0 ,0, 0.3);
	padding:5px;border: #24C6F8 1px solid;
	background: #BFFBFC;
}
.tso_tbl select , input{height: 25px; border-radius: 4px; border: #24C6F8 1px solid;}
#lg select , input{height: 25px; border-radius: 4px; border: #24C6F8 1px solid;}
.tso_tbl tr{height: 25px;}
.tso_tbl #rh{height: 5px; background: #950860;}
#act{text-decoration: none; display: block; background:#0B31AB; border-radius: 5px; line-height: 25px;color: white; margin: 1px; padding: 1px; width: 75px; text-align: center;}
#act2{text-decoration: none; display: block; background:#0B31AB; border-radius: 5px; line-height: 25px;color: white; margin: 1px; padding: 1px; width: 100px; text-align: center;}
#act:hover{background:#620405;color: white}
.tso_tbl input:checked{border: #24C6F8 3px solid;}
#qns{
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 2px 3px rgba(0, 0 ,0, 0.3);
	padding:5px;
}
#qns select{height: 22px; border-radius: 4px; border: #24C6F8 1px solid;}
#qns input{height: 22px; border-radius: 4px; border: #24C6F8 1px solid;}
#qns textarea{border-radius: 4px; border: #24C6F8 1px solid; }
#titt{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font: 500;
}
.tso_tbl select:focus,input:focus{border-color:darkblue;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}


#tm{
	display:inline-block;
	width: 200px;
	/*background: red;
	border: solid blue 1px;*/
	white-space: nowrap;
		padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
/* Side bar */
.Admin{
	float:left;
	width:142px;
	height:25px;
	padding-top:5px;
	text-align:center;
	background-color:darkblue;
	display: block;
	margin-left: 2px;
	text-decoration: none;
	font-weight:bold;
	border: solid  lightblue 0px;
	margin: 1px;
	color: white;
}
.Admin a{
	text-decoration:none;
	color: white;
	
}
.Admin:hover{
	color:red;
	background:yellow;
	border:0px solid  darkred;
	display: block;
}
.Atv {
  	float:left;
	width:140px;
	height:23px;
	padding-top:5px;
	text-align:center;
	background-color:white;
	display: block;
	margin-left: 2px;
	text-decoration: none;
	font-weight:bold;
	border: solid  gray 1px;
	margin: 1px;
	color: black;
}
.Actv a {
  text-decoration: none;
}
#lgnnn a{background: white;width: auto;}
#port{padding: 0px;margin-top: 2px; margin-bottom: 3px;}
#tm1 {
	border:0.05em  gray solid;
}

#tm1,#dlt{
	border-collapse: collapse;
	border: none;
}
#tmode{
	border-collapse: collapse;
	border: 0;
}