<style>
table {
	width: 100%;
}
.box {
	position: relative;
	display: inline-block;
	border-color: black;
	border-style: solid;
	border-width: 1px;
}
div.TimeOfDay {
	position: absolute;
	right: 0px;
	top: 2px;
	width: 40px;
	text-align: right;
	border-color: green;
	border-style: solid;
	border-width: 1px;
}

div.AmbientTemp_C {
	position: absolute;
	left: 15px;
	top: 2px;
	width: 40px;
	text-align: right;
	border-color: green;
	border-style: solid;
	border-width: 1px;
}
div.AmbientTempIcon {
	position: absolute;
	left: 0px;
	top: 0px;
}

div.ChamberTempIcon {
	position: absolute;
	left: 142px;
	top: 40px;
}
div.ChamberTemp_C {
	position: absolute;
	left: 160px;
	top: 40px;
}
div.ChamberHumi {
	position: absolute;
	left: 160px;
	top: 55px;
}
div.SoilMoisture_X {
	position: absolute;
	left: 135px;
	top: 135px;
	color: white;
}
div.SoilHumiIcon {
	position: absolute;
	left: 140px;
	top: 95px;
}
div.SoilThermoIcon {
	position: absolute;
	left: 175px;
	top: 100px;
}
div.SoilTemp_C {
	position: absolute;
	left: 170px;
	top: 135px;
	color: white;
}
div.SoilHeater {
	position: absolute;
	left: 105px;
	top: 156px;
	color: white;
}
div.SoilHeaterOnIcon {
	position: absolute;
	left: 76px;
	top: 167px;
}
div.SoilHeaterOffIcon {
	position: absolute;
	left: 89px;
	top: 181px;
}

div.DrumState {
	position: absolute;
	transform: rotate(180deg);
	left: 14px;
	top: 0px;
}
div.DrumOpenSensor {
	position: absolute;
	left: 20px;
	top: 96px;
}
div.DrumClosedSensor {
	position: absolute;
	right: 10px;
	top: 96px;
}
div.DrumMotorLabel {
	position: absolute;
	left: 95px;
	top: 260px;
	width: 50px;
	text-align: center;
	color: white;
}
div.DrumMotorStatus {
	position: absolute;
	left: 95px;
	top: 280px;
	width: 50px;
	text-align: center;
	color: white;
}
div.DrumMotor_V {
	position: absolute;
	left: 180px;
	top: 225px;
	width: 50px;
	text-align: right;
	border-color: green;
	border-style: solid;
	border-width: 1px;
	//color: Red;
}
div.DrumMotor_I {
	position: absolute;
	left: 180px;
	top: 245px;
	width: 50px;
	text-align: right;
	border-color: green;
	border-style: solid;
	border-width: 1px;
}
div.DrumMotorOn_sec {
	position: absolute;
	left: 180px;
	top: 315px;
	width: 50px;
	text-align: right;
	border-color: green;
	border-style: solid;
	border-width: 1px;
}

div.WaterInTank {
	position: absolute;
	left: 55px;
	top: 365px;
	width: 80px;
	text-align: center;
}
div.WaterPumpLabel {
	position: absolute;
	left: 124px;
	top: 390px;
	width: 80px;
	text-align: center;
	color: white;
}
div.WaterPumpStatus {
	position: absolute;
	left: 124px;
	top: 410px;
	width: 80px;
	text-align: center;
	color: white;
}
div.WaterLevelIcon {
	position: absolute;
	left: 42px;
	top: 393px;
	z-index: -55;
}
div.WaterMotor_V {
	position: absolute;
	left: 180px;
	top: 350px;
	width: 50px;
	text-align: right;
	border-color: green;
	border-style: solid;
	border-width: 1px;
}
div.WaterCyclePeriod_sec {
	position: absolute;
	left: 182px;
	top: 467px;
	width: 50px;
	text-align: right;
	border-color: green;
	//border-style: solid;
	border-width: 1px;
}
div.WaterCycleOn_sec {
	position: absolute;
	left: 23px;
	top: 467px;
	width: 50px;
	text-align: right;
	border-color: green;
	//border-style: solid;
	border-width: 1px;
}
div.WaterCycle_sec {
	position: absolute;
	left: 180px;
	top: 440px;
	width: 50px;
	text-align: right;
	border-color: green;
	border-style: solid;
	border-width: 1px;
}
div.WaterCycleOnBox {
	position: absolute;
	left: 22px;
	top: 464px;
	width: 50px;
	height: 20px;
	background-color: #BDD7EE;
	z-index: -35;
	border-color: red;
	border-style: solid;
	border-width: 1px;
}
div.WaterCyclePointer_sec {
	position: absolute;
	left: 80px;
	top: 469px;
	width: 24px;
	text-align: center;
	z-index: -25;
	border-color: green;
	border-style: solid;
	border-width: 1px;
}
</style>