@charset "utf-8";
/* CSS Document */
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	margin: 0 0 0 0;
}

.dataEntryRowStyle {
	vertical-align: middle;
	margin-botton: 5;
}

.dataEntryLabelStyle {
	vertical-align: middle;
}

h2 {
	text-align: center;
	color: #666666;
	font-size: 18px
}

.style1 {
	font-size: 36px;
}

.style2 {
	font-size: 12px;
	color: #999999
}

.style3 {
	font-size: 10px;
	color: #CC0000;
	font-weight: bold;
	text-align: left;
	margin-left: 20px
}

.style22 {
	font-size: 12px;
	color: #999999
}

.style23 {
	font-size: 14px;
	color: #CC0000;
	font-weight: bold;
}

.style32 {
	color: #999999
}

.style231 {
	font-size: 16px;
	font-weight: bold;
	color: #090
}

.borderStyle {
	border-color: #CCCCCC;
	border-width: 1px;
	border-left-style: none;
	border-right-style: none;
}

.borderBottomOnly {
	border-color: #CCCCCC;
	border-width: 1px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}

.borderRightOnly {
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-left-style: none;
	border-bottom-style: none;
	border-top-style: none;
}

.styleUnit {
	font-size: 11px;
	color: #999999;
	font-weight: bold;
}

.styleReading {
	font-size: 16px;
	font-weight: bold;
	color: #666;
}

.styleON {
	font-size: 16px;
	font-weight: bold;
	color: #090
}

.styleOFF {
	font-size: 16px;
	font-weight: bold;
	color: #CC0000
}

.style32 {
	color: #999999;
	text-align: center;
}

.greenClass12 {
	color: #090;
}

.tLabel {
	font-size: 12px;
	color: #999999
}

.names {
	font-size: 14px;
	color: #CC0000;
	font-weight: bold;
}

.fieldStyle {
	border: 1px solid;
	border-color: #CCC;
	border-radius: 3px
}

.buttonS {
	height: 2em;
	font-size: 11px;
}

.button {
	color: black;
}

.legend {
	color: #666666
}

.sys1 {
	width: 20px;
	height: 16px;
	border-style: none;
	background-color: #CC0000;
	margin: 26px 1px 0 63px;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	display: inline;
	vertical-align: middle
}

.sys2 {
	width: 20px;
	height: 16px;
	border-style: none;
	background-color: #FF4500;
	margin: 26px 1px 0 0;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	display: inline;
	vertical-align: middle
}

.sys3 {
	width: 20px;
	height: 16px;
	border-style: none;
	background-color: #FF9933;
	margin: 26px 1px 0 0;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	display: inline;
	vertical-align: middle
}

.sys4 {
	width: 20px;
	height: 16px;
	border-style: none;
	background-color: #FFCC00;
	margin: 26px 0 0 0;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	display: inline;
	vertical-align: middle
}

.graphControls {
	width: 420px;
	border-style: none;
	float: left;
	text-align: center;
	margin: 0px 5px 0px 20px;
}

#g1 {
	margin-top: 3px;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
}

#g2 {
	margin-top: 5px;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
}

#g3 {
	margin-top: 10px;
}

#tempsDiv {
	display: block;
	width: 315px;
	height: 550px;
	margin: -16px 5px 0px 0px;
	overflow: auto;
	float: right
}

#tempTable {
	width: 273px;
	border: 0;
	border-color: #FFFFFF;
	border-collapse: collapse;
}

#foot {
	overflow: hide;
	margin: 15px 0px 0px 0px;
}

#EGraphs {
	height: 550px;
	margin: 25px 0px 0px 10px
}

#SysGraph {
	display: inline;
	float: left;
	height: 550px;
	margin: 0px 0px 0px 15px
}

.bodyContainer {
	width: 930px;
	background: #FFF;
	margin: 0 auto;
}

.bodyContent {
	float: center;
	border: 1px solid #dfdfdf;
	border-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

a:link {
	color: #999999;
	text-decoration: underline;
}

a:visited {
	color: #990000;
	text-decoration: underline;
}

a:hover {
	color: #CC0000;
	text-decoration: underline;
}

a:active {
	text-decoration: none;
	color: #CC0000;
}

.styleInput {
	vertical-align: middle
	font-size: 11px;
	color: black;
}

input.HL1 {
	width: 2.0em;
	color: #666666;
	text-align: right
}

input.WiFiP1 {
	width: 11.0em;
	color: #666666;
	text-align: left
}

input.hourText {
	width: 1.5em;
	color: #666666;
	text-align: center
}

input.yearText {
	width: 2.8em;
	color: #666666;
	text-align: center
}

input.OneDigit {
	width: 1.0em;
	color: #666666;
	text-align: center
}

input.WiFiP {
	width: 8.0em;
	color: #666666;
	text-align: left
}

input.tempInput {
	width: 4.0em;
	color: #666666;
	text-align: left;
	ng-min: "0";
	ng-max: "200"
}

input.tempDeltaInput {
	width: 4.0em;
	color: #666666;
	text-align: left;
	ng-min: "0";
	ng-max: "80"
}

input.pulseInput {
	width: 4.0em;
	color: #666666;
	text-align: left;
	ng-min: "0";
	ng-max: "1000"
}

input.voltageInput {
	width: 4.0em;
	color: #666666;
	text-align: left;
	ng-min: "120";
	ng-max: "480"
}

input.frequencyInput {
	width: 3.0em;
	color: #666666;
	text-align: left;
	ng-min: "50";
	ng-max: "60"
}

input.ipAddressByteInput {
	width: 3.5em;
	color: #666666;
	text-align: left;
	ng-min: "0";
	ng-max: "255"
}

input.HLcenter {
	width: 2.0em;
	color: #666666;
	text-align: center
}

input.PulseFormat {
	width: 3.0em;
	color: #666666;
	text-align: right
}

input.HL {
	width: 2.0em;
	color: #666666;
	text-align: right
}

input.OneDigit {
	width: 1.0em;
	color: #666666;
	text-align: center
}

input.tLabelBox {
	width: 12.0em;
	text-align: left;
	font-size: 12px;
	color: #666666
}

.oneColElsCtr #container {
	width: 700px;
	float: center;
	background: #FFFFFF;
	margin: 0 auto;
	border: none;
	text-align: left;
}

.oneColElsCtr #mainContent {
	padding: 15px 0px 15px 0px;
	float: center;
}

.AccordionPanelContent1 {
	overflow: auto;
	margin: 4px;
	padding: 4px;
	height: 475px
}

.AccordionPanel {
	margin: 0px;
	padding: 1px;
}

.AccordionPanelTab {
	border-top: solid 1px #CCCCCC;
	margin: 0px;
	padding: 1px;
	cursor: pointer;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 4px;
	padding: 4px;
}

.AccordionPanelClosed {
	background-color: #000000;
	border-top: solid 1px #CC0000;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 3px;
}

.AccordionPanelOpen {
	background-color: #CC0000;
	border-top: solid 1px #CC0000;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 3px;
}

.AccordionPanelTabHover {
	border-top: solid 1px #CC0000;
	color: #CC0000;
}

.AccordionPanelTabHover .AccordionPanelOpen {
	background-color: #CC0000;
	border-top: solid 1px #CC0000;
	color: #FFFFFF;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #FFFFFF;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	color: #FFFFFF;
	font-weight: bold;
	border-top: solid 1px #CC0000;
	background-color: #CC0000;
}

.no-border {
	border: 0 !important
}

#headerNav {
	border-bottom: 6px solid #dfdfdf;
	display: block;
	height: 41px;
	background: #CC0000;
	padding: 9px 0 0 10px;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
}

#menu {
	display: block;
	margin: 0 auto;
	width: 910px;
	height: 40px;
	padding: 0
}

#menu li {
	display: block;
	float: left;
	height: 39px;
	background: #CC0000;
}

#menu li a {
	margin: 2px 0 0 0;
	overflow: hidden;
	background: #990000;
	line-height: 40px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	display: block;
	_display: inline-block;
	text-decoration: none !important;
	height: 39px;
}

#menu li a:hover {
	background: #990000 url(../images/nav_bar.gif) 0px -79px repeat-x;
}

#menu .nav-media {
	background: #990000 url(../images/nav_bar.gif) 0px -39px repeat-x;
}

#menu .nav-on, #menu .nav-on:hover {
	background: #fff url(../images/nav_bar.gif) 0px 0px repeat-x;
	color: #CC0000
}

#menu #nav-system {
	width: 150px;
	border-top-left-radius: 7px
}

#menu #nav-energy {
	width: 150px
}

#menu #nav-settings {
	width: 152px;
	border-top-right-radius: 7px
}

fieldset.config-border {
	border: 1px groove #ddd !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 20 !important;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
	min-width: 0px;
}

legend.config-border {
	font-size: 1.2em !important;
	font-weight: bold !important;
	text-align: left !important;
	width: auto;
	padding: 0 10px;
	border-bottom: none;
}

.system-title {
	font-size: 1.3em !important;
	font-weight: bold !important;
	padding-left: 1px;
	color: red;
}

.system-warning-text {
	font-size: 1em !important;
	font-weight: bold !important;
	padding-left: 1px;
	color: red;
}

.system-data {
	font-size: 1.0;
	padding-left: 1px;
	padding-right: 10x;
	color: gray;
}

.inline-container {
	margin-bottom: 5px;
	padding-left: 40px;
	padding-right: 10px;
}

.form-view {
	
}

.form-view-key {
	padding-right: 50px;
}

.form-view-value {
	padding-left: 80px;
}

.system-chart {
	height: auto;
}

#hdr {
	margin: 0 auto;
	width: auto;
	text-align: center;
	line-height: 11px;
	padding: 0
}

.full button span {
	background-color: limegreen;
	border-radius: 32px;
	color: black;
}

.partially button span {
	background-color: orange;
	border-radius: 32px;
	color: black;
}