*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

BODY {font-size:12px; font-family:Arial,Verdana,sans-serif;}
TABLE {font-size:12px; font-family:Arial,Verdana,sans-serif;}
UL {margin-top:4px; margin-bottom:4px;}

.clearfix::after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

#top {display: block; text-align:center;}
#left {background-color: rgb(255, 255, 255); padding:0px; vertical-align:top; height: 50px;}
#wait {padding:0px; vertical-align:middle; height: 19px; margin-right: 20px;}
#login {float: right;background-color:#ffffff;padding: 2px;}

.pull-right {
	float:right;
}

.text-left {
	text-align: left;
}

/* top yellow banner */
#header-container {
	width:100%;
	border-bottom:2px double #2f5aa9;
	background-color:#f4d300;
	text-align: center;
}

#header {
	margin:0 auto;
	text-align: left;
	display: inline-block;
	min-width: 1100px;
}

#header .logo {
	padding:2px;
	float:left;
	width:240px;
	height:65px;
	text-align: center;
}

#header .logo .logoSubtext {
	position:relative;
	top:20px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
	color: #002f87 !important;
	margin-top:11px;
	font-size:12px;
	white-space: nowrap
}

#header .main {
	padding:2px;
	float:left;
	width:220px;
	height:65px;
}

#jobName {
	font-weight: bold;
}

#header .data {
	padding:2px;
	float:left;
	height:65px;
	width:210px;
	border-left: 3px solid #2f5aa9;
}

.top3{border-bottom: 1px solid #778;}
.menuBtn {
	padding-left:7px;
	padding-right:7px;
	border-top:4px solid #FFFFFF;
	border-right:2px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
	border-left:2px solid #FFFFFF;
	white-space:nowrap;
	font-size:14px;
	font-family:Arial,Verdana,sans-serif;
}
body {height:100%; width:100%; margin:0; padding:0; font-family:Arial,Verdana,sans-serif;}
html {height:100%;}

.bw {border-bottom: 1px solid white;}

.fixed{
	position:fixed;
}

#mainTable {
	text-align: center;
}

#content {
	position:relative;
	top:5px;
	left:0px;
	text-align:center;
	margin:0px auto;
	padding-bottom: 20px;
}

#controlTable, #statusTable, #setupTable, #ccTable {
	width: 900px;
	text-align: left;
	margin: 15px auto;
	position: relative;
}

#controlTable.widePanel, #statusTable.widePanel {
	width:965px;
}

#content #ccTable {
	width:1024px;
	padding:10px;
}

#content #setupTable.setup0 { width: 920px; }
#content #setupTable.setup1 { width: 970px; }
#content #setupTable.setup2 { width: 1018px; }
#content #setupTable.setup3 { width: 1065px; }
#content #setupTable.setupNpac { width: 1120px; }

.PrintTable #pans {
	position:relative;
	width: 610px;
	left: 0px;
}

#pans {
	position:absolute;
	width: 610px;
	left: 155px;
}

#pans.widePanel .panelsContainer.withoutCurrent {
	width: 610px;
	position: relative;
	left: 40px;
}

.setup.setupNpac #pans.widePanel .panelsContainer.npac {
	width: 700px;
	position: relative;
	left: 0px;
}

#pans.widePanel { width: 690px; }
.setup.setupNpac #pans.widePanel { width: 700px; }
.setup0 #pans.widePanel { width: 506px; }
.setup1 #pans.widePanel { width: 554px; }
.setup2 #pans.widePanel { width: 602px; }
.setup3 #pans.widePanel { width: 650px; }
.setup0 #pans.widePanel .panelsContainer { width: 506px; }
.setup1 #pans.widePanel .panelsContainer { width: 554px; }
.setup2 #pans.widePanel .panelsContainer { width: 602px; }
.setup3 #pans.widePanel .panelsContainer { width: 650px; }

.setupNpac.setup0 #pans.widePanel .panelsContainer { left: 90px; }
.setupNpac.setup1 #pans.widePanel .panelsContainer { left: 70px; }
.setupNpac.setup2 #pans.widePanel .panelsContainer { left: 50px; }
.setupNpac.setup3 #pans.widePanel .panelsContainer { left: 25px; }

#controls, #zones {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	text-align:left;
}

/* zone table offset to the right, ie. setup1 for one column */
#zones { width:150px; }
.narrowPanel #zones { left: 770px; }
.widePanel #zones { left: 845px; }
.setup #zones { width: 280px; }
.setup0 #zones { left: 660px; }
.setup1 #zones { left: 710px; }
.setup2 #zones { left: 755px; }
.setup3 #zones { left: 805px; }
.setupNpac #zones { left: 852px; }

#city-select, #country-select {
	width: 100%;
}

.currentB36, .currentB36.b0, .currentB36.b4, .bCurrent, .bCurrent.b0 {
	height:20px;
	width:36px;
	background-image: url(/img/currentButtons.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.currentB36:hover, .currentB36.b0:hover, .currentB36.b4:hover, .bCurrent:hover, .bCurrent.b0:hover {
	background-position: 0px -20px;
}

.currentB36.b1, .bCurrent.b1 {
	background-position: 0px -40px;
}

.currentB36.b1:hover, .bCurrent.b1:hover {
	background-position: 0px -60px;
}

.currentB36.b2, .bCurrent.b2 {
	background-position: 0px -80px;
}

.currentB36.b2:hover, .bCurrent.b2:hover {
	background-position: 0px -100px;
}

.currentB36.b3, .bCurrent.b3 {
	background-position: 0px -120px;
}

.currentB36.b3:hover, .bCurrent.b3:hover {
	background-position: 0px -140px;
}

.bCurrent {
	text-align: center;
	font-size: 12px;
}

.currentB46, .currentB46.b0, .currentB46.b4 {
	height:16px;
	width:46px;
	background-image: url(/img/currentButtons.png);
	background-position: -36px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.currentB46:hover, .currentB46.b0:hover, .currentB46.b4:hover {
	background-position: -36px -17px;
}

.currentB46.b1 {
	background-position: -36px -34px;
}

.currentB46.b1:hover {
	background-position: -36px -51px;
}

.currentB46.b2 {
	background-position: -36px -68px;
}

.currentB46.b2:hover {
	background-position: -36px -85px;
}

.currentB46.b3 {
	background-position: -36px -102px;
}

.currentB46.b3:hover {
	background-position: -36px -119px;
}

.currentB61, .currentB61.b0, .currentB61.b4 {
	height:17px;
	width:61px;
	background-image: url(/img/currentButtons.png);
	background-position: -82px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.currentB61:hover, .currentB61.b0:hover, .currentB61.b4:hover {
	background-position: -82px -17px;
}

.currentB61.b1 {
	background-position: -82px -34px;
}

.currentB61.b1:hover {
	background-position: -82px -51px;
}

.currentB61.b2 {
	background-position: -82px -68px;
}

.currentB61.b2:hover {
	background-position: -82px -85px;
}

.currentB61.b3 {
	background-position: -82px -102px;
}

.currentB61.b3:hover {
	background-position: -82px -119px;
}

.currentB43, .currentB43.b0, .currentB43.b4 {
	height:17px;
	width:43px;
	background-image: url(/img/currentButtons.png);
	background-position: -143px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.currentB43:hover, .currentB43.b0:hover, .currentB43.b4:hover {
	background-position: -143px -17px;
}

.currentB43.b1 {
	background-position: -143px -34px;
}

.currentB43.b1:hover {
	background-position: -143px -51px;
}

.currentB43.b2 {
	background-position: -143px -68px;
}

.currentB43.b2:hover {
	background-position: -143px -85px;
}

.currentB43.b3 {
	background-position: -143px -102px;
}

.currentB43.b3:hover {
	background-position: -143px -119px;
}

table.cc {margin-left: 10px;border-right:1px solid black;border-top:1px solid black;float:left;width:30%;}
table.schedule {margin-left: 10px;border-right:1px solid black;border-top:1px solid black;margin:0 auto;}
table.schedule td, table.schedule th, table.cc td, table.cc th{
	border-bottom:1px solid black;
	border-left:1px solid black;
	padding:2px 0;
	font-size:10px;
	vertical-align: middle;
	text-align: center;
}
.scheduleMerge {border-bottom:0px solid black;}

table.schedule th, table.cc th {
	vertical-align: middle;
	padding: 4px 4px;
}

table.schedule .weekday {
	display: inline-block;
	width: 100px;
	float:left;
}

table.schedule .time {
	width:65px;
}

table.schedule td .on {
	width: 100%;
}

table.schedule td .off {
	width: 100%;
	border-top: 1px solid black;
}

table.schedule td .off input.enable {
	position: relative;
	top: 4px;
}

table input {
  padding-left: 3px;
}

table.network td {
	vertical-align: top;
}

table.network td.column {
	vertical-align: top;
}

table.network td input[type=number] {
	width: 70px;
}

table.network td.mid {
  text-align: center;
}

.ccSelect {width:100px;}

.gAbs, .gStat{
	position:absolute;
	overflow:visible;
	font-size:12px;
	font-family:Arial,Verdana,sans-serif;
	line-height:15px;
	text-decoration:none;
	padding:0px 0px 0px 0px;
}

.gStat {position:static;}

.noPad {
	position:static;
	top:0px;
	left:0px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height:0px;
	font-size:1px;
}
.indicator0, .indicator1, .indicator2, .indLegend{
	position:relative;
	left: 0px;
	width: 124px;
	height: 24px;
	background-color:#ffffff;
	background-image: url(/img/cs.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-family:Arial,Verdana,sans-serif;
}

.zstat0, .zstat1, .zstat2 {background-image:url(/img/zb.gif);background-position:0px 0px;background-repeat:no-repeat;}
.zstat0 {background-color: #006600;color:#FFFFFF} /* zone OFF window */
.zstat1 {background-color: #FFFFFF;color:#000000} /* zone ON window */
.zstat2 {background-color: #0000CC;color:#FFFFFF} /* zone SEQ window - blue */
.indicator0 {background-color: #0000CC;color:#FFFFFF}
.indicator1 {background-color: #FFFFFF;color:#000000}
.indicator2 {background-color: #ffffff;color:#000000;}
.indLegend{width:93px;height:18px;background-image: url(/img/csLeg.gif);font-size:10px}
#setupTable .indLegend{width:92px;height:24px;background-image: url(/img/csLeg.gif);font-size:10px}
#legend .indLegend .label {padding-top: 2px; width:100%;}

table.customDelay {
	padding: 10px 0px 0px 5px;
}

.indicator  {font-size: 12px;overflow: visible;position:relative;left:0px;top:5px;width:120px;height:0px;text-align:center;}

.indicator0.readonly {background-color:#00A3E8;}

.current_controls {
	margin: 4px 0;
}

.power_metric {
	width: 60px;
	display:inline-block;
	border:1px solid black;
	border-radius: 8px;
	text-align: center;
	margin: 2px;
	padding: 4px;
	text-decoration: none;
	font-size: 11px;
}

.power_metric.control {
	color: white;
	background: rgb(0, 0, 180); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(0, 0, 180) 0%, rgb(0, 0, 220) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0, 0, 180)), color-stop(44%,rgb(0, 0, 210)), color-stop(100%,rgb(0, 0, 220))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(0, 0, 180) 0,rgb(0, 0, 220) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(0, 0, 180) 0,rgb(0, 0, 220) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(0, 0, 180) 0,rgb(0, 0, 220) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(0, 0, 180) 0,rgb(0, 0, 220) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000CC', endColorstr='#0000DD',GradientType=0 ); /* IE6-9 */
}

.power_metric.control.active {
	color: black;
	background: rgb(200, 200, 200); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(200, 200, 200) 0%, rgb(250, 250, 250) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(200, 200, 200)), color-stop(44%,rgb(0, 0, 210)), color-stop(100%,rgb(250, 250, 250))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(200, 200, 200) 0,rgb(250, 250, 250) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(200, 200, 200) 0,rgb(250, 250, 250) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(200, 200, 200) 0,rgb(250, 250, 250) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(200, 200, 200) 0,rgb(250, 250, 250) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000CC', endColorstr='#0000DD',GradientType=0 ); /* IE6-9 */
}

.power_metric.status {
	background: rgb(0, 0, 180);
	color:#fff;
	cursor: default;
}

.power_metric.status.active {
	background: #fff;
	color: #000;
}

.zSM {position:relative;left:10px;top:0px;top:0px;height:40px;}
.zLbl{position:relative;
	color:black;
	left:42px;
	top:-0px;
	width:160px;
	text-align:left;
	overflow:visible;
	font-family:Arial,Verdana,sans-serif;
}

.zone, .zone0, .zone1, .zone2, .zone3, .zone4, .zone5, .zone6, .zone7, .zone8, .zone9, .zone9, .zone10, .zone11,
.zone0a, .zone1a, .zone2a, .zone3a, .zone4a, .zone5a, .zone6a, .zone7a, .zone8a, .zone9a, .zone9a, .zone10a, .zone11a{
	position:relative;

	width: 40px;
	height: 40px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top left;
	overflow:visible;
}

.zone {position:relative;top:0px;left:0px;overflow:visible;height:40px;width:40px;}
.zone0,.zone1,.zone2,.zone3,.zone4,.zone5,.zone6,.zone7,.zone8,.zone9,.zone10,.zone11{background-image: url(/img/z.gif);background-repeat:no-repeat;}
.zone0 {background-position: 0px 0px;}
.zone1 {background-position: 0px -40px;}
.zone2 {background-position: 0px -80px;}
.zone3 {background-position: 0px -120px;}
.zone4 {background-position: 0px -160px;}
.zone5 {background-position: 0px -200px;}
.zone6 {background-position: 0px -240px;}
.zone7 {background-position: 0px -280px;}
.zone8 {background-position: 0px -320px;}
.zone9 {background-position: 0px -360px;}
.zone10 {background-position: 0px -400px;}
.zone11 {background-position: 0px -440px;}

.zone0a,.zone1a,.zone2a,.zone3a,.zone4a,.zone5a,.zone6a,.zone7a,.zone8a,.zone9a,.zone10a,.zone11a{background-image: url(/img/za.gif);background-repeat:no-repeat;}
.zone0a {background-position: 0px 0px;}
.zone1a {background-position: 0px -40px;}
.zone2a {background-position: 0px -80px;}
.zone3a {background-position: 0px -120px;}
.zone4a {background-position: 0px -160px;}
.zone5a {background-position: 0px -200px;}
.zone6a {background-position: 0px -240px;}
.zone7a {background-position: 0px -280px;}
.zone8a {background-position: 0px -320px;}
.zone9a {background-position: 0px -360px;}
.zone10a {background-position: 0px -400px;}
.zone11a {background-position: 0px -440px;}

.zone.control {
	cursor: pointer;
	background-image: url(/img/zb.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.zone.control:hover {
	background-position: 0px -40px;
}

.zone.control.active {
	background-position: 0px -80px;
}

/* Status/Control/Setup yellow heading above each panel */
.columnHeader
{
	float:left;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	color:#A0A0A0;
}

.columnHeader.cir { width: 24px; }
.columnHeader.desc { width: 112px; }
.columnHeader.desc.wide { width: 152px; }
.columnHeader.addr { width: 40px; }
.widePanel .columnHeader.powerOffset { width: 40px; }
.widePanel .columnHeader.power { width: 40px; }
.columnHeader.v { width: 23px; }
.columnHeader.l { width: 23px; }
.columnHeader.e { width: 23px; }
.columnHeader.breaker { width: 124px; } /* title header on Status/Control */
.setup .columnHeader.breaker { width: 72px; }	/* blows up @ >100% title header w/ EL only */

.setup .bBreaker.bs0, .setup .bBreaker.bs1, .setup .bBreaker.bs2, .setup .bBreaker.bs5 {
	background-image: url(/img/bss.gif);
	cursor: pointer;
	font-size: 9px;
}

.setup .bBreaker.bs0 .btt, .setup .bBreaker.bs1 .btt,
.setup .bBreaker.bs3 .btt, .setup .bBreaker.bs5 .btt {
	top: 1px;
	left: 4px;
	font-size: 9px;
	width: 74px;
}

.PrintTable.setup .bBreaker .btt {
	top: -2px;
	left: 0px;
	font-size: 9px;
	width: 74px;
}

.PrintTable.setup .bBreaker .btt.btt2r {
	top: -13px;
	left: 0px;
}

.PrintTable.setup .bBreaker .btt.btt2l {
	top: 7px;
	left: 0px;
	z-index: 1;
}

.PrintTable.setupNpac .bBreaker.btt {
	top: 0px;
	left: 0px;
	z-index: 1;
}

.panelsContainer {
	position: relative;
	left: 0px;
	padding: 1px;
	border: 2px solid #BBBBBB;
	margin: 0 0 20px 0;
}

/* Status/Control heading */
.headerDesc {
	width: 50%;
	vertical-align: bottom;
	padding: 2px 10%;
	text-align: center;
	font-size: 1.2em;
}

.panTitle {
	background-color: #BBBBBB;
}

table.panelHeader tr.columns {
	background-color: #FFDF00;
	color: #BBBBBB;
}

.setupPanelDesc {
	width: 110px;
}

.setup0 .panTitle {width: 500px;}
.setup1 .panTitle {width: 548px;} /* Header width */
.setup2 .panTitle {width: 596px;}
.setup3 .panTitle {width: 644px;}
.setupNpac .npac .panTitle {width: 694px; padding:3px;}
.npac .panTitle .type{width: 25%;display:inline-block;padding: 3px 5px;}
.npac .panTitle .description{width: 50%;text-align: center;display:inline-block;}

.panTitleName{
	position:absolute;
	left:0px;
	top:0px;
	font-size: 16px;
	text-align: center;
}

.panContainer {
	overflow: hidden;
	width: 100%;
	clear: both;
}

/** Default to non-setup width */
.pan {
	position:relative;
	top: 0px;
	left: 0px;
	width:302px;
	height:50px;
	display:inline-block;
	padding: 0px;
	margin: 0px;
	background-color:#d0d0d0;
}
.widePanel .withCurrent .pan {
	width: 342px;
}
/** 24 * number of breakers */
.pan.panH4 { height: 96px; }
.pan.panH8 { height: 192px; }
.pan.panH12 { height: 288px; }
.pan.panH16 { height: 384px; }
.pan.panH18 { height: 432px; }
.pan.panH21 { height: 504px; }

.pan .brk {
	position:relative;
	top:0px;
	left:0px;
	width:302px;
	height:24px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.widePanel .withCurrent .pan .brk {
	width: 342px;
}

/** No Power 252 + 22 per count, panel 1/2 width */
.setup .pan.panW0, .setup .pan .brk.brkW0 { width: 250px; }
.setup .pan.panW1, .setup .pan .brk.brkW1 { width: 274px; }
.setup .pan.panW2, .setup .pan .brk.brkW2 { width: 298px; }
.setup .pan.panW3, .setup .pan .brk.brkW3 { width: 322px; }

.bCir, .bAddr, .bPower, .bCurrent{
	position:absolute;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	top:2px;
	left:0px;
	height:20px;
}

.pan .emContainer, .pan .infoContainer {
	position:absolute;
	padding: 0;
	margin: 0;
	overflow: hidden;
	top: 0px;
	left:0px;
	height:22px;
}
.pan .emContainer {top: 1px;}
.setup0 .pan .emContainer { width: 0px; }
.setup1 .pan .emContainer { width: 24px; }
.setup2 .pan .emContainer { width: 48px; }
.setup3 .pan .emContainer { width: 72px; }
.setupNpac .pan .emContainer { width: 72px; }

.pan .bV, .pan .bE, .pan .bL {
	float: left;
	width: 23px;
	height:22px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.pan .infoContainer {width:176px;}
.pan.wideDesc .infoContainer {width:216px;}
.bCir { width: 20px; }
.bLabel { width: 110px; }
.wideDesc .bLabel { width: 150px; }
.bAddr { width: 36px; }
.bCurrent { width: 36px; }
.bBreaker { height: 24px; width: 124px; }
.setup .pan .bBreaker {width: 74px;}

.discreteLink {
	text-decoration: none;
	font-weight: bold;
	color: #0000ff;
}

.blt , .bzt, .bct {
	padding: 0px;
	margin: 0px;
	font-family: Courier New, monospace;
}

.bLabel {
	top: 1px;
	left: 0px;
	height:21px;
	position:absolute;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	border-bottom:1px solid black;
}

.blt, .zstatT{
	position:relative;
	top:3px;
	left:3px;
	font-size: 14px;
	font-family:Arial,Verdana,sans-serif;
}

.zstatT{
	width:40px;
	top:6px;
	left:0px;
	text-align:center;
	font-size:9px;
}

/* status/control left */
.pan.left .infoContainer {left:0px;}
.pan.left .bCir {left: 2px;}
.pan.left .bLabel {left: 26px;}
.pan.left .bAddr {left: 138px;}
.pan.left.wideDesc .bAddr {left: 178px;}
.pan.left .bCurrent {left: 180px;}
.pan.left .bBreaker {left: 176px;}
.widePanel .withCurrent .pan.left .bBreaker {left: 218px;}

/* status/control right */
.pan.right .bBreaker {left: 0px;}
.pan.right .bCurrent {left: 126px;}
.pan.right .infoContainer {left:124px;}
.pan.right .bAddr {left: 2px;}
.pan.right .bLabel {left: 42px;}
.pan.right .bCir {left: 154px;}
.pan.right.wideDesc .bCir {left: 194px;}
.widePanel .withCurrent .pan.right .infoContainer {left:164px;}
.widePanel .pan.right.wideDesc .infoContainer {left:124px;}

/* setup left (defaults to status/control if not specified) */
.setup .pan.left .emContainer {left:176px;}
.setup0 .panContainer .pan.left .bBreaker {left: 176px;}
.setup1 .panContainer .pan.left .bBreaker {left: 200px;}
.setup2 .panContainer .pan.left .bBreaker {left: 222px;}
.setup3 .panContainer .pan.left .bBreaker {left: 246px;}

/* setup right (defaults to status/control if not specified) */
.setup .pan.right .emContainer {left: 74px;}
.setup0 .panContainer .pan.right .infoContainer {left: 74px;}
.setup1 .panContainer .pan.right .infoContainer {left: 96px;}
.setup2 .panContainer .pan.right .infoContainer {left: 120px;}
.setup3 .panContainer .pan.right .infoContainer {left: 144px;}


.bz0, .bz1, .bz2, .bz3, .bz4, .bz5, .bz6, .bz7, .bz8, .bz9, .bz10, .bz11, .bz12 {
	position:absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	overflow: hidden;
	font-size: 14px;
	/*background-image:url(/img/bz2.gif);*/
	border: 1px solid black;
	background-repeat: no-repeat;
	background-position: top left;
}

.bzc0 {background-color: #FFFFFF;}
.bzc1 {background-color: #FF0033;color:white;}
.bzc2 {background-color: #00FF00;}
.bzc3 {background-color: #0099FF;color:white;}
.bzc4 {background-color: #FFFF00;}
.bzc5 {background-color: #FF5D00;color:white;}
.bzc6 {background-color: #9933FF;color:white;}
.bzc7 {background-color: #FFCC99;}
.bzc8 {background-color: #CCFF00;}
.bzc9 {background-color: #FF00CC;}
.bzc10 {background-color: #999900;}
.bzc11 {background-color: #99FFFF;}
.bzc12 {background-color: #996633;}
.bzz {background-color: #999999;color:#000000;/*background-image:url(/img/bz.gif);*/;border:1px solid black;}

.bzzt, .bct{
	padding-top:2px;
	text-align: center;
	width: 100%;
}

.bCurrent.bzzt, .bct{
	padding-top: 4px;
}

.bt0, .bt1, .bt2r, .bt2l, .bt3r, .bt3l, .bt4l, .bt4r, .bt5l, .bt5r, .bt6l, .bt6r, .btt2l, .btt2r , .btt0, .btt1, .btt5r, .btt5l{
	position:absolute;
	top:0px;
	left:0px;
	width: 124px;
	height:24px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-size: 12px;
	font-family:Arial,Verdana,sans-serif;
	left:0px;
}

.setup .bText { width: 74px; left: 3px; }
.setup .pan.left .bText.btt2l { top: 5px; }
.setup .pan.right .bText.btt2r { top: -3px; }

.widePanel .power_metric_header {
	background-color: #DDD;
	color: #000;
	border: 1px solid black;
	padding: 0 2px;
}

.bt0, .bt1, .bt2r, .bt2l, .bt3r, .bt3l, .bt4l, .bt4r, .bt5l, .bt5r, .bt6l, .bt6r{
	background-image:url(/img/bc.png);
}

#controls table.brownout {
	border: 1px solid black;
	width: 148px;
}

.bt1.setup {
	background-image:url(/img/bss.gif);
}

.option-picker,
.option-picker-2 {
	width:90px;
}

.bt5r, .bt5l {background-position:0px -48px;}
.bt2l, .bt3r, .bt4l, .bt6r {background-position:0px -24px;}
.bt2r, .bt3l, .bt6l, .bt4r {background-position:0px -72px;}

.btt0, .btt1{top:0px;margin-top:5px;}
.btt2r {top:0px;margin-top:-5px;}
.btt2l {top:0px;margin-top:8px;}
.btt5r, .btt5l {margin-top:5px;}

.setup .btt {
	left: 4px;
	margin-top: 4px;
}

/* status/control tab breaker and text colors */
.bs0 {background-color: #006600;color:#FFFFFF}	/* OFF - green */
.bs1 {background-color: #FFFFFF;color:#000000}	/* ON - white */
.bs2 {background-color: #990000;color:#FFFFFF}	/* TRIPPED - dark red */
.bs3 {background-color: #000000;color:#FFFFFF}	/* FAILED - black */
.bs4 {background-color: #FAFA11;color:#000000}	/* MANUAL ON - yellow */
.bs5 {background-color: #808080;color:#FFFFFF}	/* NON/EMPTY - dark gray */

.breset {background-color: #be6666;color:#000000}	/* reset button */
.bsave {background-color: #81b377;color:#000000}
.breset, .bsave {cursor: pointer;border-radius: 3px;transition-duration: .7s;}
.breset:hover {background-color: #b18383;color:#FFFFFF}
.bsave:hover {background-color: #628063;color:#FFFFFF}

.bt0.bs0, .bs0.dmx_or_acn {background-color: #23B14D;}

.status {cursor: default;}
.button {cursor: pointer;}

.button.bt1 { background-position: 0px -96px }
.button.bt1.hover { background-position: 0px -120px }
.button.bt1.active { background-position: 0px -144px }

.button.bt2l { background-position: 0px -168px }
.button.bt2l.hover { background-position: 0px -192px }
.button.bt2l.active { background-position: 0px -216px }

.button.bt2r { background-position: 0px -240px }
.button.bt2r.hover { background-position: 0px -264px }
.button.bt2r.active { background-position: 0px -288px }

.button.bt3l { background-position: 0px -240px }
.button.bt3l.hover { background-position: 0px -264px }
.button.bt3l.active { background-position: 0px -288px }

.button.bt3r { background-position: 0px -168px }
.button.bt3r.hover { background-position: 0px -192px }
.button.bt3r.active { background-position: 0px -216px }

.button.bt4l { background-position: 0px -312px }
.button.bt4l.hover { background-position: 0px -336px }
.button.bt4l.active { background-position: 0px -360px }

.button.bt4r { background-position: 0px -456px }
.button.bt4r.hover { background-position: 0px -480px }
.button.bt4r.active { background-position: 0px -504px }

.button.bt5l, .button.bt5r { background-position: 0px -384px }
.button.bt5l.hover, .button.bt5r.hover { background-position: 0px -408px }
.button.bt5l.active, .button.bt5r.active { background-position: 0px -432px }

.button.bt6l { background-position: 0px -456px }
.button.bt6l.hover { background-position: 0px -480px }
.button.bt6l.active { background-position: 0px -504px }

.button.bt6r { background-position: 0px -312px }
.button.bt6r.hover { background-position: 0px -336px }
.button.bt6r.active { background-position: 0px -360px }

.zoneCurrent {
	font-family: Courier New, monospace;
	display:inline-block;
	width:40px;
	height:18px;
	border:1px solid black;
	background-color: white;
	text-align: center;
	position:relative;
	top:4px;
	left:0px;
	padding-top: 4px;
}

.zoneCurrentLabel {
	position:relative;
	top:4px;
	left:2px;
}

/**************** Status Text Colors ***************/
@keyframes errorFrame
{
	from { opacity: 1.0; }
  	to { opacity: 0.0; }
}

@-webkit-keyframes errorFrame /* Safari and Chrome */
{
	from { opacity: 1.0; }
  	to { opacity: 0.0; }
}

.status-disabled {
	color:black;
}
.status-enabled {
	color:green;
}
.status-active {
	background-color:#8f8;
}
.status-busy {
	color:yellow;
	text-shadow:1px 1px #000;

}
.status-error {
	color:red;
	text-shadow:1px 1px #000;
	animation:errorFrame 1s cubic-bezier(1.0,0,0,1.0) infinite;
	-webkit-animation:errorFrame 1s cubic-bezier(1.0,0,0,1.0) infinite;
}

.background-status-enabled {
	background-color:#8f8;
}
.background-status-busy {
	background-color:#ff8;
}
.background-status-error {
	background-color:#fbb;
}

.currentSummary {
	width:684px;
	float:left;
	overflow:hidden;
	margin: 0;
	padding: 4px 0px 0px 0px;
	background-color:#D0D0D0;
}
.currentSummary .total {
	width:150px;
	float:left;
}

.currentSummary .abc {
	width:220px;
	float:left;
}

.currentSummary .avg {
	width: 150px;
	float: left;
}

.currentSummary .phase {
	width: 148px;
	float:left;
}

.currentSummary .phase_chart {
	background: url(/img/phase.png) center center no-repeat;
	width: 100%;
	height:72px;
	padding:0px;
	margin:0px;
	position:relative;
	top:-3px;
	left:0px;
}

.currentSummary .phaseAB,
.currentSummary .phaseBC,
.currentSummary .phaseAC {
	position:absolute;
	width:43px;
	height:17px;
	border:1px solid black;
	background-color: white;
	text-align: center;
}

.currentSummary .phaseAB.currentB43,
.currentSummary .phaseBC.currentB43,
.currentSummary .phaseAC.currentB43 {
	border:0px solid black;
	background-color:transparent;
}

.currentSummary .phaseAB {
	top:21px;
	left:88px;
}
.currentSummary .phaseBC {
	top:56px;
	left:53px;
}
.currentSummary .phaseAC {
	top:21px;
	left:19px;
}


.currentSummary table {
	border-collapse: collapse;
	width:100%;
}

.currentSummary table th {
	text-align: center;
	font-weight: bold;
}

.currentSummary table td {
	padding:0px 2px;
}

.currentSummary table td.right {
	text-align:right;
}

.currentSummary table td.data, .currentSummary table td.data2 {
	border:1px solid black;
	text-align:center;
	background-color:white;
	width:61px;
	font-family: Courier New, monospace;
	padding-top: 4px;
}

.currentSummary table td.data2 {
	width:46px;
}

.currentSummary table td.data2.currentB46, .currentSummary table td.data.currentB61 {
	border:0px solid black;
	background-color:transparent;
}

.currentSummary .data2 > div,
.currentSummary .data > div {
	position: relative;
}

.currentSummary .data2 p,
.currentSummary .data p {
	position: absolute;
	top: -7px;
	left: 2px;
}

.currentSummary p {
	position: relative;
	top: 1px;
	margin:0;
	padding:0;
}

.tabberlive .tabbertab {
  height:300px;
}

.tabberlive .tabbertab {
  height:1200px;
}

table.vOutage {
	border:1px solid black;
}

table.vOutage th {
	border: 1px solid black;
}

table.vOutage td {
	border:1px solid black;
	padding: 2px 2px 2px 2px;
}

table.PrintTable {
	width:600px;
	margin:10px 10px 10px 10px;
	page-break-after: always;
}
table.PrintTable th {text-align:center;font-size:16px;border-bottom:1px solid black;}
table.PrintTable td, table.PrintTable th {padding:2px 2px 2px 2px;vertical-align:top;}
table.PrintTable #pans td {padding:0px;vertical-align:top;}

table.PrintTable .bzc0 {background-color: #fff;color: #000;}
table.PrintTable .bzc1 {background-color: #000;color: #fff;}
table.PrintTable .bzc2 {background-color: #555;color: #fff;}
table.PrintTable .bzc3 {background-color: #AAA;color: #000;}
table.PrintTable .bzc4 {background-color: #333;color: #fff;}
table.PrintTable .bzc5 {background-color: #888;color: #fff;}
table.PrintTable .bzc6 {background-color: #DDD;color: #000;}
table.PrintTable .bzc7 {background-color: #222;color: #fff;}
table.PrintTable .bzc8 {background-color: #777;color: #fff;}
table.PrintTable .bzc9 {background-color: #CCC;color: #000;}
table.PrintTable .bzc10 {background-color: #444;color: #fff;}
table.PrintTable .bzc11 {background-color: #999;color: #fff;}
table.PrintTable .bzc12 {background-color: #EEE;color: #000;}
table.PrintTable .bzz {background-color: #fff;color:#000000;/*background-image:url(/img/bz.gif);*/;border:1px solid black;}

table.PrintTable .zone0, table.PrintTable .zone1, table.PrintTable .zone2,
table.PrintTable .zone3, table.PrintTable .zone4, table.PrintTable .zone5,
table.PrintTable .zone6, table.PrintTable .zone7, table.PrintTable .zone8,
table.PrintTable .zone9, table.PrintTable .zone10, table.PrintTable .zone11{
	background-image: url(/img/zgray.png) !important;
}

@media print {
* {
    -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
    color-adjust: exact !important;  /*Firefox*/
  }
}

.border-top {
	border-top:1px solid black;
}

.border-right {
	border-right:1px solid black;
}

table.PrintTable .brown-out {
	background-color:#222;
}

table.PrintTable .emergency-off {
	background-color:#777;
}

table.PrintTable .emergency-lighting {
	background-color: #bbb;
}

table.PrintTable table.panelHeader tr.columns {
	background-color: #dfdfdf;
	color: #dddddd;
}

table.SchTable {width:5in;border-top:1px solid black;border-right:1px solid black;margin:5px 0px 3px 10px;font-family:Arial,Verdana,sans-serif;}
table.SchTable th {text-align:left;font-size:16px;border-bottom:1px solid black;font-weight:normal;}
table.SchTable td, table.SchTable th {padding:2px 0px 0px 1px;border-left:1px solid black;vertical-align:top;font-size:13px;}
td.SchNum{width:0.25in;border-bottom:1px solid black;}
td.SchChild {width:0.25in;border-bottom:0px solid black;}
td.SchLab {width:2.25in;border-bottom:1px solid black;font-size:10px;}

table.ScanTable {border:1px solid black;margin:5px 0px 3px 10px;font-family:Arial,Verdana,sans-serif;}
table.ScanTable th {text-align:left;font-size:16px;border-bottom:1px solid black;font-weight:normal;border-right:1px solid black;}
table.ScanTable td, table.SchTable th {
	padding:2px 0px 0px 1px;
	height:20px;
	vertical-align:top;font-size:13px;
}
td.ScanNumL, td.ScanNumR, td.ScanEmptyR, td.ScanEmptyL {width:20px;border-bottom:1px solid black;border-left:1px solid black;}
td.ScanChildL, td.ScanChildR {width:20px;border-bottom:0px solid black;border-left:1px solid black;}
td.ScanChildR, td.ScanNumR, td.ScanEmptyR {width:60px;}
td.ScanEmptyR, td.ScanEmptyL, td.NpacEmpty {background-color:#808080;color:#FFFFFF;}
td.ScanFailedR, td.ScanFailedL {background-color:#000000;color:#FFFFFF;}
td.ScanEmpty {background-color:#CCCCCC;}
td.ScanNpacR, td.ScanNpacL {}
td.ScanNpacR.ScanBoxR, td.ScanNpacL.ScanBoxL {
	border: 1px solid black;
	border-radius: 8px;
	box-sizing: border-box;
	height:18px;
}

/* worried about left/right border */
td.ScanLabelL, td.ScanLabelR {text-align: center; width:20px;}
td.ScanLabelL, td.ScanBoxL{border-right:1px solid black;}
td.ScanLabelR{border-left:1px solid black;}

table.Simple td, table.Simple th {padding:2px 2px 2px 2px;vertical-align:top;}

td.bold{font-weight:bold;text-align:right;vertical-align:top;}

.contractor{margin-left:0.25in;font-size:10px;}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 padding-top:5px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: bold 12px Arial,Verdana,sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive2 a
{
 background-color: #fff;
 padding-left:20px;
 border-bottom: 1px solid #fff;
 background-image: url(/img/waiting.gif);
 background-repeat: no-repeat;
 background-position: top left;
}

ul.tabbernav li.tabberactive2 a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
 background-image: url(/img/waiting.gif);
 background-repeat: no-repeat;
 background-position: top left;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
	you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
	scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#mouseOverArrow {
	position:absolute;
	width:9px;
	height:18px;
	background-image: url(/img/mouseover.png);
	z-index:3;
	display: none;
}

#mouseOver {
	z-index: 2;
	width: 200px;
	height: auto;
	background-color: white;
	border: 1px solid black;
	padding: 5px 10px;
	top: 323px;
	left: 698px;
	display: none;
}

.hidden {
	display: none;
}

#mouseOver.alarm {
	width:254px;
	padding:5px;
	margin:0px;
	overflow:hidden;
	border:1px solid #8B8B8B;
}

#confirmation {
	z-index:4;
	left:0px;
	top:0px;
	width:300px;
	height:auto;
	background-color:white;
	border:1px solid black;
	display:none;
	padding:5px 10px 5px 10px;
}

#confirmation.graph {
	width:700px;
}

#alarmGraph {
	width:680px;
	height:400px;
}

table.alarmPopup {
	width:240px;
	border-collapse: collapse;
}

table.alarmPopup th {
	width:70px;
	font-weight: bold;
}

table.alarmPopup td {
	width:50px;
	padding:0px;
}

table.alarmPopup td div {
	width:75%;
	height:17px;
	margin:1px;
	padding:1px;
	border:1px solid black;
	text-align:right;
}

table.alarmPopup td div.wide {
	width:95%;
}

table.alarmPopup thead th {
	text-align: center;
	vertical-align: bottom;
}

table.alarmPopup thead th div {
	border-bottom:1px solid black;
	margin-bottom:2px;
}

table.alarmPopup tbody th {
	text-align: right;
	vertical-align: bottom;
	padding-right:5px;
}

table.alarmPopup tfoot {
	background-color:#D0D0D0;
	padding:5px;
	text-align:right;
}

table.alarmPopup tfoot td {
	height:30px;
}

table.alarmPopup tfoot a {
	background-color:white;
	height:30px;
	border:1px solid gray;
	margin:3px 8px;
	padding:5px 20px;
	text-decoration: none;
	color:black;
}

table.alarmPopup tfoot td.graphOnly {
	text-align:center;
}


/*********** Controls ***********/
#controls #setupSaveChanges {
	width:100%;
	font-weight:bold;
}

#controls #setupUndoChanges ,
#controls #setupScanBreakers {
	width:100%;
}

#controls .header {
	padding:5px 0 0 0;
}

#controls hr {
	color:black;
}

#controls table {
	padding:5px 0 5px 0;
}

#controls td.recovery {
	border-left:1px solid black;
	border-top:1px solid black;
	padding:2px;
}


/*********** Legend ***********/
#legend {
	margin-top:20px;
	border:1px solid black;
	width: 145px;
	padding:5px 0px 5px 5px
}

.setup #legend {
	padding:5px 5px 5px 5px;
	width: 148px;
}

#legend .indLegend div {
	text-align:center;
	padding-top:4px;
	margin-top:3px;
}

#legend .bs1{
	background-image:url(/img/bcs0Leg.gif);
	height:18px;
}

#legend table {
	margin: 0;
	padding:0;
}

.LegendBig,.LegendSm,.TextBig,.TextSm ,.ccSelect{font-family:Arial,Verdana,sans-serif;font-size:14px;padding-top:2px;}
.LegendSm,.TextSm, .ccSelect {font-size:10px;}
.LegendBig,.LegendSm{font-weight:bold;}
.LegendHeader {margin-top:8px;}

table.legend td {
	vertical-align: middle;
}

.bz {
	background-color:#999999;
	border: 1px solid black;
	text-align:center;
}

.bz2-legend {
	/*background-image:url(/img/bz2.gif);*/
	border: 1px solid black;
	text-align:center;

}

.w20 {
	width: 20px;
}

.tac {
	text-align: center;
}

.brown-out {
	background-color:#AAFFAA;
}

.emergency-off {
	background-color:#FFAAAA;
}

.emergency-lighting {
	background-color: #FFFFAA;
}

.brown-out, .emergency-off, .emergency-lighting {
	width:22px;
	margin: 0;
	padding: 0;
}

.pgHdr {font-size:18px; color:#000080; white-space:nowrap; font-weight:bold;}
.pgSec {font-size:16px; color:#000070; white-space:nowrap; font-weight:bold;}

.mxlink {color: #0000FF; text-decoration: underline;}

.ifrmBody {margin-bottom: 50px; padding: 3px;}

.content-center {
	margin: 0 auto;
}

/* Setup Boxes */
.bBox {
	border:2px solid #999999;
	padding: 0px;
}

.bUpload {
	border:3px solid #999999;
	padding: 0px;
}

.bHdr {
	font-size: 16px;
	background: #AAAAAA;
	white-space: nowrap;
	font-weight: bold;
	text-align: left;
}

.bSec {font-size:14px; background:#BBBBBB; padding-left:5; font-weight:bold;}

.bSub {font-size:14px; background:#CCCCCC; padding-left:10; font-weight:bold;}

.bDesc {background:#D0E0F0; padding-left:20;}

.bLbl, .bLblRight {background:#D0D0D0; white-space:nowrap; padding-left:10; padding-right:10;}

.bLbl.wrap {white-space: normal;}

.text-right {text-align:right;}
.text-center {text-align:center;}

.bCtr {background:#DDDDDD; padding-left:10; padding-right:20;vertical-align: middle;}

.bCtr.right {padding-right:5px;text-align:right}

.bCel {background:#DDDDDD; padding: 3px 10px;}

.bBot {background:#DDDDDD; padding-top: 20;}

.w20 {width: 20%;}
.w30 {width: 30%;}
.w80 {width: 80%;}
.w100 {width: 100%;}
.wSmall {width: 50px;}
.wMed {width: 60px;}

.nowrap {white-space:nowrap}

table.port {
	width:100%;
}

.radio {
	text-align: center;
}

.network-label {
	width: 9em;
	text-align: right;
	display: inline-block;
}

.network-range {
	font-size:0.85em;
	text-align: center;
}

#reconnect {
	position: relative;
	overflow: visible;
	height: 20px;
}

#reconnect .offset {
	width: 250px;
	position: absolute;
	left: -180px;
}


.npac .panTitle {
	width: 100%;
}

.npac .panTitle .cell {
	width:40%;
	padding: 3px 0 0 5%;
	float:left;
	height:20px;
}

.npac .status.bs1, .npac .status.bs0, .npac .status.bs2, .npac .status.bs3, .npac .status.bs4, .npac .status.bs5{
	height: 79px;
	width: 94px;
	background-image: url(/img/npac-status-2.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.npac.count-3 .status.bs1,
.npac.count-3 .status.bs0,
.npac.count-3 .status.bs2,
.npac.count-3 .status.bs3,
.npac.count-3 .status.bs4,
.npac.count-3 .status.bs5{
	height: 94px;
	width: 79px;
	background-image: url(/img/npac-3-status-2.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.npac.big .status.bs1,
.npac.big .status.bs0,
.npac.big .status.bs2,
.npac.big .status.bs3,
.npac.big .status.bs4,
.npac.big .status.bs5{
	height: 122px;
	width: 128px;
	background-image: url(/img/npac-big-status.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.setup .npac.big .status.bs1,
.setup .npac.big .status.bs0,
.setup .npac.big .status.bs2,
.setup .npac.big .status.bs3,
.setup .npac.big .status.bs4,
.setup .npac.big .status.bs5{
	background-image: url(/img/npac-big-setup.png);
}

/* when using npac-status.png */
/*.npac .status.bs0 {background-position: 0px -79px;}*/
/*.npac .status.bs2, .npac .status.bs3, .npac .status.bs4 {background-position: 0px -158px;}*/

.npac .bBreaker.button,
#legend .npac .bBreaker {
	background-color: transparent;
}

.npac .btt {
	width: 100%;
	font-size: 2.5em;
    padding-top: 16px;
    text-align: center;
    color: white;
    font-weight: bold;
}

.npac.big .btt {
	font-size:1.5em;
}

.npac.count-3 .btt {
    padding-top: 23px;
}

.npac.big .btt {
    padding-top: 50px;
}

.npac .bs5 .btt {
	padding-top: 25px;
	font-size: 1.2em;
}

.npac .bs0 .btt {
	color: white;
}
.npac .bs1 .btt, .npac .bs4 .btt, .npac .bs5 .btt {
	color: black;
}
.npac .bs2 .btt, .npac .bs3 .btt {
	color: white;
}

.npac .button.bs0,
.npac .button.bs0.hover,
.npac .button.bs0.active,
.npac .button.bs1,
.npac .button.bs1.hover,
.npac .button.bs1.active,
.npac .button.bs2,
.npac .button.bs3 {
	height: 79px;
	width: 94px;
	background-image: url(/img/npac-control.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.npac .button.bs4,
.npac .button.bs5 {
	height: 79px;
	width: 94px;
	background-image: url(/img/npac-status-2.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: default;
}

.npac .button.bs1.hover { background-position: 0px -79px; }
.npac .button.bs1.active { background-position: 0px -158px; }
.npac .button.bs0 { background-position: 0px -237px; }
.npac .button.bs0.hover { background-position: 0px -316px; }
.npac .button.bs0.active { background-position: 0px -395px; }
.npac .button.bs2, .npac .button.bs3, .npac .button.bs4 { background-position: 0px -474px; }
.npac .button.bs5 { background-position: 0px 0px; }

.npac.count-3 .button.bs0,
.npac.count-3 .button.bs0.hover,
.npac.count-3 .button.bs0.active,
.npac.count-3 .button.bs1,
.npac.count-3 .button.bs1.hover,
.npac.count-3 .button.bs1.active,
.npac.count-3 .button.bs2,
.npac.count-3 .button.bs3 {
	height: 94px;
	width: 79px;
	background-image: url(/img/npac-3-control.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.npac.count-3 .button.bs4,
.npac.count-3 .button.bs5 {
	height: 94px;
	width: 79px;
	background-image: url(/img/npac-3-status-2.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: default;
}

.npac.count-3 .button.bs1.hover { background-position: 0px -94px; }
.npac.count-3 .button.bs1.active { background-position: 0px -188px; }
.npac.count-3 .button.bs0 { background-position: 0px -282px; }
.npac.count-3 .button.bs0.hover { background-position: 0px -376px; }
.npac.count-3 .button.bs0.active { background-position: 0px -470px; }
.npac.count-3 .button.bs2, .npac.count-3 .button.bs3, .npac.count-3 .button.bs4 { background-position: 0px -564px; }
.npac.count-3 .button.bs5 { background-position: 0px 0px; }

.npac.big .button.bs0,
.npac.big .button.bs0.hover,
.npac.big .button.bs0.active,
.npac.big .button.bs1,
.npac.big .button.bs1.hover,
.npac.big .button.bs1.active,
.npac.big .button.bs2,
.npac.big .button.bs3 {
	height: 122px;
	width: 128px;
	background-image: url(/img/npac-big-control.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.npac.big .button.bs4,
.npac.big .button.bs5 {
	height: 122px;
	width: 128px;
	background-image: url(/img/npac-big-status.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: default;
}

.npac.big .button.bs1.hover { background-position: 0px -122px; }
.npac.big .button.bs1.active { background-position: 0px -244px; }
.npac.big .button.bs0 { background-position: 0px -366px; }
.npac.big .button.bs0.hover { background-position: 0px -488px; }
.npac.big .button.bs0.active { background-position: 0px -610px; }
.npac.big .button.bs2, .npac.big .button.bs3, .npac.big .button.bs4 { background-position: 0px -732px; }
.npac.big .button.bs5 { background-position: 0px 0px; }

.npac .npacCircuit {
	position:relative;
	float:left;
	width:152px;
	height:106px;
}

.npac .npacSpacer {
	position: relative;
	float: left;
	width:24px;
	height: 50px;
}

.npac .npacCircuit.short {
	height: 82px;
}

.npacCircuit .pCir {
	background-color: #d0d0d0;
	position:absolute;
	left: 0px;
	top:56px;
	height: 24px;
	width: 30px;
}

.npacCircuit .pAddr {
	background-color: #d0d0d0;
	position:absolute;
	left: 0px;
	top:80px;
	width: 40px;
	height: 24px;
}

.npacCircuit .pLabel {
	background-color: #d0d0d0;
	position:absolute;
	top: 80px;
	left: 40px;
	height: 24px;
	width: 114px;
}

.npacCircuit .bCir {
	position: relative;
	left: 2px;
	top: 2px;
	width: 26px;
}

.npacCircuit .bAddr {
	position: relative;
	left: 2px;
	top: 2px;
}

.npacCircuit .bLabel {
	position: relative;
	top: 2px;
	left: 2px;
	height: 20px;
	width: 110px;
}

.npacCircuit .bBreaker {
	position:absolute;
	top: 0px;
	left: 40px;
}

/*count-3 config*/
.npac.count-3 .npacCircuit {
	position:relative;
	float:left;
	width:152px;
	height:130px;
	top: 5px;
}

.npac.count-3 .npacCircuit.short {
	height: 94px;
	width: 75px;
}

.npac.count-3 .npacCircuit .pCir {
	background-color: #d0d0d0;
	position:absolute;
	left: 0px;
	top:71px;
	height: 24px;
	width: 30px;
}

.npac.count-3 .npacCircuit .pAddr {
	background-color: #d0d0d0;
	position:absolute;
	left: 0px;
	top:95px;
	width: 40px;
	height: 24px;
}

.npac.count-3 .npacCircuit .pLabel {
	background-color: #d0d0d0;
	position:absolute;
	top: 95px;
	left: 40px;
	height: 24px;
	width: 114px;
}

.npac.count-3 .npacCircuit .bCir {
	position: relative;
	left: 2px;
	top: 2px;
	width: 26px;
}

.npac.count-3 .npacCircuit .bAddr {
	position: relative;
	left: 2px;
	top: 2px;
}

.npac.count-3 .npacCircuit .bLabel {
	position: relative;
	top: 2px;
	left: 2px;
	height: 20px;
	width: 110px;
}

.npac.count-3 .npacCircuit .bBreaker {
	position:absolute;
	top: 0px;
	left: 40px;
}

.npac.count-3 .npacCircuit.short .bBreaker {
	position:absolute;
	top: 0px;
	left: -30px;
}

/* big config*/
.npac.big .npacCircuit {
	position:relative;
	float:left;
	width:200px;
	height:158px;
	top: 5px;
}

.npac.big .npacCircuit.short {
	height: 94px;
	width: 75px;
}

.npac.big .npacCircuit .pCir {
	background-color: #d0d0d0;
	position:absolute;
	left: 0px;
	top:101px;
	height: 24px;
	width: 30px;
}

.npac.big .npacCircuit .pAddr {
	background-color: #d0d0d0;
	position:absolute;
	left: 0px;
	top: 125px;
	width: 40px;
	height: 24px;
}

.npac.big .npacCircuit .pLabel {
	background-color: #d0d0d0;
	position:absolute;
	top: 125px;
	left: 40px;
	height: 24px;
	width: 114px;
}

.npac.big .npacCircuit .bCir {
	position: relative;
	left: 2px;
	top: 2px;
	width: 26px;
}

.npac.big .npacCircuit .bAddr {
	position: relative;
	left: 2px;
	top: 2px;
}

.npac.big .npacCircuit .bLabel {
	position: relative;
	top: 2px;
	left: 2px;
	height: 20px;
	width: 110px;
}

.npac.big .npacCircuit .bBreaker {
	position:absolute;
	top: 0px;
	left: 40px;
}

.npac.big .npacCircuit.short .bBreaker {
	position:absolute;
	top: 0px;
	left: -30px;
}


#legend .npac .status.bs0, #legend .npac .status.bs1, #legend .npac .status.bs3 {
	width: 42px;
	height: 35px;
	background-image: url(/img/npac-status-legend.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	margin-right:2px;
}

#legend .npac .button.bs0, #legend .npac .button.bs1, #legend .npac .button.bs3 {
	width: 42px;
	height: 35px;
	background-image: url(/img/npac-control-legend.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	margin-right:2px;
}


#legend .npac .status.bs0, #legend .npac .button.bs0 { background-position: 0px -35px; }
#legend .npac .status.bs3 { background-position: 0px -70px; }

#legend .npac .status.bs0 .btt,
#legend .npac .button.bs0 .btt {
	position: relative;
	color: white;
	font-size: 1.2em;
	top: 0px;
	padding-top: 6px;
	width: 100%;
}

#legend .npac .status.bs1 .btt,
#legend .npac .button.bs1 .btt {
	position: relative;
	color: black;
	font-size: 1.2em;
	top: 0px;
	padding-top: 6px;
	width: 100%;
}

#legend .npac .status.bs3 .btt {
	position: relative;
	color: white;
	font-size: 1.2em;
	top: 0px;
	padding-top: 6px;
	width: 100%;
}

.setupNpac .npac .bBreaker .btt {
	font-size: 12px;
	top: 10px;
	left: 0px;
	width: 84px;
}

.setupNpac .npac.count-3 .bBreaker .btt {
	font-size: 12px;
	top: 10px;
	left: 0px;
	width: 79px;
}

.setupNpac .npac.big .bBreaker .btt {
	font-size: 12px;
	top: 0px;
	left: 0px;
	width: 128px;
}

table.admin {
	margin-top: 0.5em;
	width: 875px;
}

.setupNpac .npac .brown-out, .setupNpac .npac .emergency-off {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align: middle;
	text-align: center;
}

#showDebug {
	float:right;
	margin-right: 10px;
	width:15px;
	height:15px;
	border:1px solid black;
	text-align:center;
	cursor:pointer;
	display:none;
}

#debug {
	display:none;
	width: 15px;
	height: 15px;
	overflow: visible;
	float:right;
}

#debug .content {
	position: relative;
	right:290px;
	top:0px;
	width:300px;
	height:500px;
	border:1px solid black;
	background-color:white;
	z-index:1;
	overflow:scroll;
}

#toggleHeader {
	margin-left: 10px;
	width:16px;
	height:16px;
	border:0px solid black;
	text-align:center;
	cursor:pointer;
	background-image: url(down.png);
}

#toggleHeader.hide {
	background-image: url(up.png);
}

.text-right {
	text-align: right;
}

#download-row, #restore-messages {
	display: none;
}

#restore-messages.log {
	max-height: 200px;
	overflow-y: auto;
}

table.restore td, table.restore.th{
	padding:2px;
}

.img-container {
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -50px;
	display: block;
}