/* 
*
* This can be reused in as is or even modified freely.
*
*/

body{
	height:1080px;
	width:1920px;
	background-color: rgba(0,0,0,.75);
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px;
    	padding: 0;
	#background-image: url("BG_new.png");
	#background-repeat: no-repeat;
	#background-size: 100%;
	#background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(58,121,165,1));
}
	
header {
	color:white;
	text-align:left;
	padding:5px;	 
}

button {
	#height: 40px;
	font-size:22px;
	#width: 100px;
	#color: #0099cc;
	color: white;
	background: transparent;
	border: 2px solid #0099CC;
	border-radius: 6px; 
}

button:focus{
	background: #0099cc;
}

div.nav{
	line-height:30px;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(58,121,165,1));
	color:white;
	top:0px;
	left:0px;
	height:1080px;
	width:300px;
	float:left;
}

section {
	width:350px;
	float:left;
	padding:10px;	 	 
}

footer {
	#background-color:black;
	color:white;
	clear:both;
	text-align:center;
	padding:5px;	 	 
	vertical-align:bottom;
}

div.nav div.PHILIPS_LOGO {
	position: absolute;
	bottom: 5px;
}

div.JAPITFromTV {
	position: absolute; 
	#left: 1040px;
	right: 20px;  
	top: 0px;
	height:1080px;
	background-color:rgba(0,0,0,0);;
	#visibility:hidden;
}

div.JAPITToTV_Misc {
	position: absolute; 
	#left: 600px; 
	right: 500px;
	top: 0px;
	height:1080px;
	background-color:rgba(0,0,0,0);;
	#visibility:hidden;
}


div.Output {
	position: absolute; 
	left: 200px; 
	top: 0px;
	width: 540px;
	height: 1080px;
	font-size:8px;
	background-color:white;
	border-style: solid;
    border-width: 5px;
}

div.Input_Output{
    	top: 0px;
	left: 200px;
	width:540px;
    	height:1080px;
    	background:blue;
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: 200px; 
	margin-right: 0px;
    	padding: 0;
	color: white;
	font: 20px;
}

.IOContentsColor{
	color: white;
}