td.menu {
font-size: 16px;
color: #FFFFFF;
line-height: 10px;
font-weight: bold;
text-decoration: none;
}


a.menu {
font-size: 40px;
color: #FFFFFF;
line-height: 80px;
font-weight: bold;
text-decoration: none;
background-color: #298A08;
text-align: center; 
}


a.button {
font-size: 40px;
color: #FFFFFF;
line-height: 40px;
font-weight: bold;
text-decoration: none;
background-color: #cccccc;
text-align: center; 
}


a.index {
font-size: 40px;
color: #FFFFFF;
padding: 10 2px 10 10;
width: 600;

line-height: 50px;
font-weight: bold;
text-decoration: none;
background-color: #298A08;
text-align: center; 

}


td.index {
font-family: sans-serif;
border: thin solid #6495ed;
height: 70;
text-decoration: none;
font-size: 50;
padding: 20px;
text-align: center;
width: 700;
background-color: #298A08;
}

.header {
font-size: 50px;
color: #FFFFFF;
line-height: 60px;
font-weight: bold;
text-decoration: none;
background-color: #298A08;
border: thin solid #FFFFFF;
text-align: center; 
padding: 0 2px 0 0;
}

table.tcell {
border: medium solid #6495ed;
border-collapse: collapse;
width: 90%;
}
th.tcell {
font-family: monospace;
font-size: 30;
border: thin solid #6495ed;
padding: 5px;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}
td.tcell {
font-family: sans-serif;
border: thin solid #6495ed;
height: 60;
text-decoration: bold;
font-size: 50;
padding: 10px;
text-align: left;
background-color: #ffcccc;
}

td.ttcell {
font-family: sans-serif;
border: thin solid #6495ed;
height: 60;
text-decoration: none;
font-size: 30;
padding: 10px;
text-align: right;
background-color: #ffffff;
}

td.scell {
font-family: sans-serif;
border: thin solid #6495ed;
height: 80;
text-decoration: none;
font-size: 50;
padding: 10px;
text-align: right;
background-color: #ffffff;
}
td.rcell {
font-family: sans-serif;
border: thin solid #6495ed;
height: 80;
text-decoration: none;
font-size: 50;
padding: 10px;
text-align: center;
background-color: #ffffff;
}

td.tcell_on {
font-family: sans-serif;
border: thin solid #6495ed;
height: 80;
color: #FFFFFF;
text-decoration: none;
font-size: 50;
padding: 10px;
text-align: left;
background-color: #22CC22;
}

td.tcell_off {
font-family: sans-serif;
border: thin solid #6495ed;
color: #FFFFFF;
height: 80;
text-decoration: none;
font-size: 50;
padding: 10px;
text-align: left;
background-color: #CC2222;
}

td.tcell_on_w {
font-family: sans-serif;
border: thin solid #6495ed;
height: 80;
color: #FFFFFF;
text-decoration: none;
font-size: 50;
padding: 10px;
text-align: left;
background-color: #E8F70E;
}

td.tcell_off_w {
font-family: sans-serif;
border: thin solid #6495ed;
color: #FFFFFF;
height: 80;
text-decoration: none;
font-size: 50;
padding: 10px;
text-align: left;
background-color: #F7A60E;
}

td.tcell_no {
font-family: sans-serif;
border: thin solid #6495ed;
color: #FFFFFF;
height: 80;
text-decoration: none;
font-size: 50;
padding: 10px;
text-align: left;
background-color: #D2D248;
}



a.tcell {
font-family: arial;
text-decoration: none;
font-size: 50;
}


caption {
font-family: sans-serif;
}


.sensor_text {
font-family: arial;
text-decoration: none;
font-size: 30;
 -webkit-appearance: none;
}

.mybutton {
font-family: arial;
border: 1px solid #006;
background: #0000FF;
text-decoration: none;
height: 70;
width: 400;

color: #FFFFFF;
font-size: 50;
 -webkit-appearance: none;
}

.input_date {
font-family: arial;
border: 1px solid #006;
background: #cccccc;
text-decoration: none;
height: 70;
width: 400;
color: #FFFFFF;
font-size: 50;
text-align: center; 
 -webkit-appearance: none;
}



.sensor {
font-family: arial;
font-size: 50px;
font: 24px/36px arial,sans-serif;
}



.myradio {
font-family: arial;
border: 2px solid #006;
background: #0000FF;
text-decoration: none;
font-size: 50px;
width: 60px;
position: center;
height: 80px;
padding: 0 2px 0 0;
font: 24px/36px arial,sans-serif;
}

FONT, TD, BODY, P, DIV, INPUT, TEXTAREA, FORM 
{
	font-family: Arial; 
	font: normal 15px/16px;
	color: #000080;
	line-height: 15px
	}
<!-- Georgia, Garamond, serif-->

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
	
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
	
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
	
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}.CSSTableGenerator table{
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#e5e5e5; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:right;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
