@media print
{    
    .noprint
    {
        display: none;
    }
}


:root	{
	font-size:3.5mm; 
}
body {
	margin: 0 1em;
	padding:0;
	font-family: Calibri, Verdana, sans-serif;
}
p, h1, h2, h3, ul, li, form {
	margin:0;
	padding:0;
	}

.labels{
	color: blue;
	font-size: 0.9em;
	text-align: right;
	vertical-align: top;
}
.PowerNow	{
	margin-bottom: 1rem;
	font-size: 4rem;
	color: green;
	text-align: center;
}
.MinorData	{
	color: black;
	font-weight: bold;
	text-align: right;
	padding-left: 0.5em;
}
.MinorUnits	{
	color: black;
	font-weight: bold;
	text-align: left;
	padding-right: 0.5em;
}
.confSection1	{
	color: green;
	text-align: left;
	font-size: 1.1rem;
	font-weight: bolder;
}
.confSection2	{
	color: green;
	text-align: left;
	font-size: 1.0rem;
	font-style: italic;
	margin-left: 0rem;
}
.conflabels{
	color: blue;
	font-size: 0.9rem;
	text-align: right;
	vertical-align: top;
	min-width: 15rem;
	margin-left: 1.4rem;
}
.confInput	{
	border: none;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
}
.confInput:hover	{
	background-color: #ffff99;
}
.confInput:focus	{
	border: solid thin blue;
}
.confData	{
	color: black;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	min-width: 8rem;
}
.confUnits	{
	color: black;
	text-align: left;
	vertical-align: top;
}
.confNote	{
	text-align: left;
	vertical-align: top;
	display: none;
}
@media screen and (min-width: 700px) {
	.confNote	{
		display: table-cell;
	}
}


.AutoLED{
    font-size: 10pt;
	font-weight: bolder;
	color: blue;
	text-align: center;
	vertical-align: bottom;
	width: 50px;
    height: 50px;
	margin: auto;
	cursor: pointer;
    position: relative;
    border-radius: 50%;
    background: #eaeaea;
    box-shadow: 
        0 3px 5px rgba(0,0,0,0.25),
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 -5px 5px rgba(100,100,100,0.1),
        inset 0 5px 5px rgba(255,255,255,0.3);

 }

 .AutoLED:after	{
    content: "";
    position: absolute;
    z-index: -1;
    top: -8%; 
    right: -8%; 
    bottom: -8%; 
    left: -8%;
    border-radius: inherit;
    background: #ddd; /* Fallback */
    background: linear-gradient(#ccc, #fff);
    box-shadow: 
        inset 0 2px 1px rgba(0,0,0,0.15),
        0 2px 5px rgba(200,200,200,0.1);	 
 }

.AutoLEDoff {
    display: block;
	cursor: inherit;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: inherit;
    background: #eaeaea;
    box-shadow: 
        0 3px 5px rgba(0,0,0,0.25),
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 -5px 5px rgba(100,100,100,0.1),
        inset 0 5px 5px rgba(255,255,255,0.3);
    content: "";
    position: absolute;
    width: 30%;
    height: 30%; 
    left: 35%;
    top: 35%;
    background: radial-gradient(40% 35%, #ccc, #969696 60%);
    box-shadow:
        inset 0 2px 4px 1px rgba(0,0,0,0.3),
        0 1px 0 rgba(255,255,255,1),
        inset 0 1px 0 white;
}
.AutoLEDorange	{
    display: block;
	cursor: inherit;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: inherit;
    content: "";
    position: absolute;
    width: 30%;
    height: 30%; 
    left: 35%;
    top: 35%;
    background: radial-gradient(40% 35%, #ffcc33, #ff9900 60%);
    box-shadow:
        inset 0 3px 5px 1px rgba(0,0,0,0.1),
        0 1px 0 rgba(255,255,255,0.4),
        0 0 10px 2px rgba(210, 0, 0, 0.5);
}

.AutoLEDblue	{
    display: block;
	cursor: inherit;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: inherit;
    content: "";
    position: absolute;
    width: 30%;
    height: 30%; 
    left: 35%;
    top: 35%;
    background: radial-gradient(40% 35%, #b3b3ff, #0000ff 100%);
    box-shadow:
        inset 0 3px 5px 1px rgba(0,0,0,0.1),
        0 1px 0 rgba(255,255,255,0.4),
        0 0 10px 2px rgba(0, 0, 210, 0.5);
}

.AutoLEDgreen	{
    display: block;
	cursor: inherit;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: inherit;
    content: "";
    position: absolute;
    width: 30%;
    height: 30%; 
    left: 35%;
    top: 35%;
    background: radial-gradient(40% 35%, #5aef5a, #25d025 100%);
    box-shadow:
        inset 0 3px 5px 1px rgba(0,0,0,0.1),
        0 1px 0 rgba(255,255,255,0.4),
        0 0 10px 2px rgba(0, 210, 0, 0.5);
}
.setManButton {
  display: inline;
  cursor: pointer;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 16px;
  color: #ffffff;
  padding: 2px 10px 2px 10px;
  text-decoration: none;
}

.setManButton:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

#netMonitor	{
	background-color:#b3b3b3; 
	width:35px; 
	height: 35px; 
	margin: auto;
}