html{
}
body {
	margin:0;
	padding:0;
	//padding-left:10%;
	background-color: #FFFFFF; //#DAEDFF;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.BACKGROUND {
	position:static;
	overflow: visible;	
	background-color:#FFF;
	width:100%;
	height:100%;
}
/*
.BACKGROUND {
	position:absotute;
	background-color:red;
	transform:translate(50%, 0);
	top:25px;
	left:20%;
	right:20%;	
	bottom:15px;	
}
*/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
#CLIENT {
	display: none;	
	position: fixed;
	border: 0px solid gray;
	background-color: #FFFFFF;	
	top: 100px;
	left: 0px;
	right: 0px;	
	bottom: 0px;
	//height: 85%;
}
.FRAME {
	border: 0px solid green;
	background-color:white;
	width: 100%;
	height: 100%;
}
#DIVCLIENT {
	display: none;
	position: relative;
	border: 0px solid gray;
	background-color: white;	
	padding: 2%;
	margin: 2%;
	top: 100px;
}
#VIEWER-CLIENT {
	background-color: white;
}
#VIEWER-AREA {
	display: none;
	position: fixed;
	border: 1px solid #D0D0D0;
	background-color: transparent;
	top: 3%;
	left: 5%;
	right: 5%;	
	max-height: 90%;
	//bottom: 3%;	
	box-shadow: 5px 10px;
	box-shadow: 5px 5px 2px #7B7B7B; 
  //border-radius: 40px;
  //box-sizing: border-box;	
  overflow:auto;
}
#FRAMEAREA {
	display: none;
	position: fixed;
	background-color: transparent;
	border: 0px solid gray;
	top: 0px;
	left: 0px;
	right: 0px;	
	bottom: 0px;
}
#FRAMEWA{
	background-color: transparent;		
}
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #0b68dd;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}

li div {
	cursor: pointer;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li div:hover {
  background-color: #111;
}

.LOGO {
	position: fixed;
	border: 0px solid gray;
	top:0;
	left:0;
	right:0;		
	height:100px;
	background-color: #0b68dd;
}
.LEFTBAR {
	position: absolute;
	top:0;
	left:0;
	width: 300px;
	border: 0px solid lime;	
}

.RIGHTBAR {
	position: absolute;
	top:40px;
	right:40px;
	border: 0px solid cyan;	
}
