@import url(https://fonts.googleapis.com/css?family=Open+Sans:400); /* Import google open sans font */

body, img, iframe, div, h1, input /* Remove Padding and margin and line height (Normalize)*/
{	margin: 0 0 0 0; /* top : right :  bottom :  left */
	padding: 0 0 0 0; /* top : right :  bottom :  left */
	line-height: 1.2;
	border: none; }

/* SET FONTS (VARIABLE) */
body, input { font-size: 15px; font-size: 1.5vw; } /*Medium Text */
h1 { font-size: 20px; font-size: 2vw; } /* Large Text */

a {text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	
body
{	font-family: sans-serif, "Open Sans";
	font-style: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	cursor: default;
	overflow: hidden;
	margin-top: 0.25%;
	margin-bottom: 0.25%;
	margin-left: 0.25%;
	margin-right: 0.25%;
	width: 99.5%; width: 99.5vw;
	height: 99.5%; height: 99.5vh;
	background: no-repeat center center fixed; 
	background-image: url("");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; }

h1
{	height: 2.5vw;
	padding: 0.25vw;
	white-space: nowrap;
	overflow: hidden;
	background-image: url("");
	text-align: left; 
	border-bottom: 0.1vw solid;
	-moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }/* Round the top */

iframe, div
{	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	border: 1px solid;
	background-image: url(""); }

input
{	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	border: 1px solid; 
	padding-left: 0.2vw; 
	padding-right: 0.2vw;
	background: transparent;
	cursor: pointer; }

.IconLeft, .IconRight
{	width: 2.5vw; 
	padding-left: 0.3vw; padding-right: 0.3vw;
	cursor: pointer;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.IconLeft { margin-bottom: -0.4vw; margin-right: 0.3vw; }
.IconRight { float: right; margin-left: 0.3vw; }

#LoginDIV
{	position: absolute;
	visibility: visible;
	left: 40%;
	top: 30%;
	width: 20%;
	height: 20vw; }
	
#ResultsFRAME, #DetailsFRAME
{  width: 60.5%;
	height: calc(50% - 0.55vw);
	margin-bottom: 0%;
	
	/*margin-right: 0.25%;
	margin-left: 0.25%;*/
	visibility: hidden;
	/*float: right; */ }
#ResultsFRAME { margin-bottom: 0.1vw; }	


#CommandFRAME
{  width: 19%;
	height: 98.75%;
	/*margin-left: 0.25%;*/
	/*margin-top: 0.25%;*/
	visibility: hidden;
	float: left;  }
	
#RightSideDIV
{  width: 19%;
	height: 98.75%;
	visibility: hidden;
	border: none;
	float: right;  }
	
#WebphoneFRAME
{  width: 100%;
	height: 53%;
	/*margin-right: 0.25%;*/
	/*margin-top: 0.25%;*/
	visibility: hidden;
	float: right;  }

/* Dialer */
#DialerFRAME
{  width: 100%;
	margin-top: 0.3vw;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	height: 45%;
	/*margin-right: 0.25%;*/
	/*margin-top: 0.25%;*/
	visibility: hidden;
	float: right;  }
/* Small Size Displays */	
	
#ExternalAppDIV
{  width: 99.4%;
	height: 98.75%; 
	visibility: hidden;
	position: absolute;
	left: 0.25%;
	top: 0.5%; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#ExternalAppFRAME 
{	height: calc(100% - 2.95vw); 
	width: 100%; 
	border: 0px;
	-moz-border-radius: 0px 0px 5px 5px; 	-webkit-border-radius: 0px 0px 5px 5px; 	border-radius: 0px 0px 5px 5px; } /* Round the bottom */