body{font-size:1em;font-weight:normal;font-family:Verdana,sans-serif;background:#333;color:#fff;text-align:center;}
h1{font-size:1.5em;font-weight:bold;}
h2{clear:both;font-size:1.2em;font-weight:bold;border:1px solid #ff0;width:10em;margin:2em auto 0;padding:.125em 0;background:#fc0;color:#333;}
.pwd{width:12em;border:solid #ff0;border-width:0 1px 1px;margin:0 auto;padding:.5em 0;background:#666;}
.pwd *{font-weight:bold;font-family:Courier New, monospace;border:1px solid #ccc;background:#333;text-align:center;color:#ff0;}
.pwd *:focus{background:#999;}
[value="NOP"]{display:none;}
ul{margin:0 auto;padding:0;display:table;border:solid #ff0;border-width:0 1px 1px;}
li{list-style-type:none;display:inline;display:table-cell;background:blue;width:6em;}
li input{width:6em;font-size:1em;font-weight:normal;border:0 solid #ff0;padding:.5em 0;cursor:pointer;color:#000;}
[value="ON"]{background:lime;border-width:0 1px 0 0;}
[value="OFF"]{background:red;}
[value="ON"].on{font-weight:bold;}
[value="OFF"].off{font-weight:bold;}
[value="ON"]:hover,[value="ON"]:focus{background:#090;}
[value="OFF"]:hover,[value="OFF"]:focus{background:#900;}
p.inp{font-weight:bold;color:#000;margin:0 auto;padding:.5em 0;width:12em;border:solid #ff0;border-width:0 1px 1px;text-transform:uppercase;}
p.on{background:lime;}
p.off{background:red;}
p.ftr{margin:3em 0 1em;font-style:italic;}
a:link{color:#ff0;}
a:visited{color:#f90;}
a:active,a:focus{color:red;}