@charset "utf-8";
/* CSS Document */

body
{
	font-family:calibri;
	border:0;
	padding:0;
	margin:0;
}


#screen{
	position:relative;
	top:1.5em;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:600px;
	z-index:1;
}

#clockbox{
	position:absolute;
	color:#fff;
	font-size:24px;
	height:4em;
	width:8em;
	top:.8em;
	left:29.8em;
}
	

.onoffbutton{
	position:absolute;
	background-color:rgba(0, 0, 0, 0);
	height:4em;
	width:4em;
	top:4.2em;
	left:4.2em;
	z-index:1;
}

.menu_btn{
	position:absolute;
	background-color:rgba(0, 0, 0, 0);
	height:3.8em;
	width:10.5em;
	top:32.45em;
	left:24.8em;
	z-index:1;
}

.details_btn{
	position:absolute;
	background-color:rgba(0, 0, 0, 0);
	height:3.8em;
	width:10.5em;
	top:32.45em;
	left:13.5em;
	z-index:1;
}

.save_btn{
	position:absolute;
	background-color:rgba(0, 0, 0, 0);
	height:3.8em;
	width:10.5em;
	top:32.45em;
	left:36em;
	z-index:1;
}

.next_btn{
	position:absolute;
	background-color:rgba(0, 0, 0, 0);
	height:3.8em;
	width:10.5em;
	top:32.45em;
	left:36em;
	z-index:1;
}

.back_btn{
	position:absolute;
	background-color:rgba(0, 0, 0, 0);
	height:3.8em;
	width:10.5em;
	top:32.45em;
	left:2.2em;
	z-index:1;
}

.statusbutton{
	position:absolute;
	background-color:rgba(0, 0, 0, 0);
	height:3.8em;
	width:10.5em;
	top:32.45em;
	left:13.5em;
	z-index:1;
}



.outlet_water_temp{
	position:absolute;
	height:2em;
	width:2em;
	top:11.3em;
	left:7.8em;
	font-size:24px;
	z-index:1;
	color:#000;
}

.inlet_water_temp{
	position:absolute;
	height:2em;
	width:2em;
	top:18.5em;
	left:22em;
	font-size:24px;
	z-index:1;
	color:#000;
}

.system_water_temp{
	position:absolute;
	height:2em;
	width:2em;
	top:18.5em;
	left:7.8em;
	font-size:24px;
	z-index:1;
	color:#000;
}

.tank_temp{
	position:absolute;
	height:2em;
	width:2em;
	top:9.3em;
	left:23.1em;
	font-size:24px;
	z-index:1;
	color:#000;
}



#module_btn{
	position:absolute;
	padding:0;
	border:0;
	background:none;
}



#max{
	position:absolute;
	top:26em;
	left:32.3em;
	padding:0;
	border:0;
	background:none;
}

p{
	position:absolute;
	height:1em;
	width:1em;
	top:17.3em;
	left:19.6em;
	font-size:24px;
	z-index:1;
	color:#000;
}

#module2_btn{
	position:absolute;
	padding:0;
	border:0;
	background:none;
}

p2{
	position:absolute;
	height:1em;
	width:1em;
	top:16.7em;
	left:17.7em;
	font-size:24px;
	z-index:1;
	color:#000;
}

#max2{
	position:absolute;
	top:23.85em;
	left:29em;
	padding:0;
	border:0;
	background:none;
}


.line1{
	position:absolute;
	font-size:24px;
	top:3em;
	left:17.2em;
}

.line2{
	position:absolute;
	font-size:24px;
	top:4.2em;
	left:17.2em;
}

.faultline{
	position:absolute;
	font-size:24px;
	top:15.64em;
	left:4.5em;
	color:#ee3524
}


#modulehistory_btn{
	position:absolute;
	padding:0;
	border:0;
	background:none;
}



#maxhistory{
	position:absolute;
	top:1.5em;
	left:13.3em;
	padding:0;
	border:0;
	background:none;
}

phistory{
	position:absolute;
	height:1em;
	width:1em;
	top:1.8em;
	left:7.2em;
	font-size:24px;
	z-index:1;
	color:#000;
}