.px13 {	FONT-SIZE: 13px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.px12 {	FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.px11 {	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.px9  {	FONT-SIZE: 9px;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

@font-face
{
	font-family: "Digital-7";
	src: url("./digital-7.ttf");
}
.digital	{ font-family:"Digital-7"; 
				# white-space: nowrap; 
				# display:inline-block;
				color:green;
				font-size: 28px;
		}

body		{ background-color:#cfd9da; color: #000000; font-size: 12px; }
.right 		{ text-align:right; }
.center		{ text-align:center; }
.bold		{ font-weight:bold; }
.warning 	{ text-align:right; color:red; }

h1 		{ text-align:center; font-size: 32px;}
h2 		{ text-align:center; font-size: 22px;}
h3 		{ text-align:center; }

table 		{ border:0; width:768px; text-align:left; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;  margin-left:auto; margin-right:auto;}
table.control   { width:850px; }

td.head 	{ color:#ffffff; font-size:18px; font-weight:bold; text-align:left; background-color:#9c3031;} 
tr.row 		{ background-color:#f9f5f5;} 
td.firstcol 	{ width:300px; }
td.nextcol 	{ width:13%; }
td.update	{ font-size: 9px;  font-family: Verdana, Arial, Helvetica, sans-serif }

td.cntrlfirst 	{ width:50%; }
td.cntrlnext 	{ width:25%; }
td.onethird	{ width:33%; font-size: 14px; font-weight:bold;}
tr.links 	{ font-size:18px; }


/* ctrl.php */

//body.ctrl	{ width:450px; min-width:400px; max-width:500px; }
body.ctrl       { }
table.ctrl 	{ margin-left:0; width:100%;}
tr.ctrlpw 	{ background-color:#f9f5f5; text-align:center; font-size: 20px;}
tr.ctrlblankrow { background-color:#f9f5f5; text-align:center; height: 20px ; }
td.ctrl         { text-align:center; }
.ctrlbutton	{ align:center; height: 100px; width:90%; font-size: xx-large}


/* events */

table.events {
  border:0px;  
  #border:0;
  #  width:450px;
  width: 100%;
  text-align:left; 
  border-style:none;
  margin-left:0;
}

tr.title {  
  background-color:#9c3031; 
  font-weight:bold;
  color:#ffffff; 
  font-size:18px;
}

tr.data {
  font-size: 12px;
  background-color:#f9f5f5;
}

td.header1 {  width:150px; font-weight:bold; font-size: 14px; }
td.header2 {  font-weight:bold; font-size: 14px;}
td.on { color:red;}
td.off { color:green }		   
tr.week { font-weight:bold; font-size: 14px; }
tr.blank { }

td.relay_off {
	color:red;
	//font-family:"Courier New", Courier, monospace;
	font-size:small;
}
td.relay_on {
	color: green;
	//font-family:"Courier New", Courier, monospace;
	font-size:small;
}



    .onoffswitch {
        position: relative; width: 54px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
        display: none;
    }
    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #999999; border-radius: 9px;
    }
    .onoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 15px; padding: 0; line-height: 15px;
        font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        box-sizing: border-box;
    }
    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 5px;
        background-color: #34A7C1; color: #FFFFFF;
    }
    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 5px;
        background-color: #EEEEEE; color: #999999;
        text-align: right;
    }
    .onoffswitch-switch {
        display: block; width: 14px; margin: 0.5px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 35px;
        border: 2px solid #999999; border-radius: 9px;
        transition: all 0.3s ease-in 0s; 
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px; 
    }