* {
	padding:0;                
	margin:0;
	border-collapse:collapse;
	border-style:none;
	border-width:1px;
}
A {
	text-decoration:none;
}
BODY {
	background-color:#566675;
	font-family:Arial, Verdana;
	text-align:center;
	padding-top:1em;
}
UL {
	border-collapse:collapse;
	list-style:none;
}
SELECT {
	border:1px solid #7F7F7F;
}
.clearit {
	clear:both;
	height:0;
	line-height:0.0;
	font-size:0;
}
.helpable {
	cursor:help;
	text-decoration:underline;
}
.outMost {
	border-style:solid solid none solid;
	border-color:#FFFFFF;
	width:768px;
	margin:0 auto;
}
.stealth {
	width:1px;
	height:1px;
	visibility:hidden;
	position:absolute;
	left:0px;
	top:-500px;
	overflow:hidden;
}
.hidParam {
	color:#566675;
}
.labeled {
	display:inline;
	margin-left:5px;
	vertical-align:-20%;
}
.space1 {
	white-space:nowrap;
	margin:0 0 0 1em;
}
.space3 {
	white-space:nowrap;
	margin:0 0 0 3em;
}
.space5 {
	white-space:nowrap;
	margin:0 0 0 5em;
}
.high {
	line-height:200%;
}
.marker {
	margin:0 5px 0 0;
	border:1px solid;
}
.upper {
	border-bottom:1px dotted #7F7F00;
	display:block;        
} 
INPUT.txtInp {
	text-align:left;   
	border:1px solid #7F7F7F;
	padding:2px 0;
}
INPUT.numInp {
	text-align:right;
	border:1px solid #7F7F7F;
	padding:2px 0;
}
#WEB_LNG_ID_Login {
	margin:auto;
	cursor:pointer;
}
FORM.checkForm {
	float:left;
	margin:0 0 0 10px;
	line-height:200%;
}
FORM.checkForm>DIV>INPUT { 
	white-space:nowrap;
	cursor:pointer;
}
.buttonBox {
	width:95%;
	margin:10px;
	text-align:left;
	color:#000000;
	line-height:200%; 
}
.buttonBox>SPAN {
	white-space:nowrap;
	margin:0 0.5em 0 0;
}
.pushButt, 
.resetButt, 
.createButt, 
.navButt {
	font-size:small;
	font-weight:bold;
	cursor:pointer;
	padding:1px 5px;
	background-repeat:repeat-x;
	color:#000000;
	border:1px solid #000000;
	white-space:nowrap;
}
.resetButt {
	color:#5F0000;
}
.resetButt:hover {
	border-color:#5F0000;
}
.createButt {
	color:#005F00;
}
.createButt:hover {
	border-color:#005F00;
}
.navButt {
	color:#5F3F00;
}
.navButt:hover {
	border-color:#5F3F00;
}
.checkButt {
	cursor:pointer;
	font-size:small;
	font-weight:bold;
	padding:1px;
	color:#566675;
}
.checkButtMOver {
	padding:1px;
	font-size:small;
	font-weight:bold;
}
.lblButt {
	font-size:small;
	font-weight:bold;
	padding:1px;
	color:#000000;
}
.switchButt {
	cursor:pointer;
	float:right;
	border:1px solid;
	margin:1px auto;
	padding:2px auto;
	width:2em;
	text-align:center;
}                     
.switchButt:hover {
	background-color:#FFFFFF;
}
.switchButt IMG {
	width:7px;
	height:7px;
}
.switchButt SPAN {
	font-size:xx-small;
}
.closeButt {
	cursor:pointer;
	float:right;
	font-size:small;
	font-weight:500;
	vertical-align:top;  
	color:#CF0000;
	margin:-2px;
}
.msgDiv {
	line-height:150%;
	background-color:#EEEEEE;
	border:1px solid #7F7F7F;
	text-align:center;
}
#navTbl {
	display:block;
	height:25px;
	background-repeat:repeat-x;
}
#navTbl>LI {
	height:25px;
	float:left;
	font-size:small;
	border-right:1px solid #566675; 
	color:#FFFFFF;
	background-repeat:repeat-x;
}
#navTbl>LI.active>A.trigger {
	color:#FFCF9F; 
	font-weight:bolder;
}
#navTbl>LI.section:hover>A.trigger {
	text-decoration:underline;
}
#navTbl>LI.toolBox {
	float:right;
	border-right-style:none; 
	cursor:pointer;
}
#navTbl>LI.toolBox>A {
	display:block;
	padding:5px;
	font-size:x-small;
	color:#FFFFFF;
}
#navTbl>LI.hidden {
	background-color:#CF0000;
}
#navTbl>LI.toolBox>A:hover {
	color:#FF6633;
}
#navTbl>LI.section>A.trigger {
	display:block;
	padding:5px 15px;
	cursor:default;
	font-variant:small-caps; 
}
#navTbl>LI.section>TABLE TD {
	vertical-align:top;
	padding:0 0 0 -2px;
	margin:0;
}
#navTbl>LI.section>TABLE UL {
	border:1px solid #566675;
	font-size:small;
}
#navTbl>LI.section>TABLE {
	margin:-3px 0 0 5px;
	position:absolute;
	display:none;
	z-index:10000;
}
#navTbl>LI.section:hover>TABLE {
	display:block;
}
#navTbl>LI.section>TABLE UL>LI {
	border:1px solid #E7E7E7; 
	line-height:175%;
	text-align:center;
	cursor:default;
	padding:0;
	font-weight:bolder; 
}
#navTbl>LI.section>TABLE UL>LI.page  {
	text-align:left;
	padding:3px 10px 3px 15px;
	cursor:pointer;
	font-weight:normal; 
}
#navTbl>LI.section>TABLE UL>LI.page>A {
	color:#5F3F00;                                  
}
#navTbl>LI.section>TABLE UL>LI.active>A {
	color:#FFFFFF;                                  
}
#navTbl>LI.section>TABLE UL>LI.hidden>A {
	color:#BF0000;                                  
}
#navTbl>LI.section>TABLE UL>LI.page:hover>A {
	text-decoration:underline;
}
#navTbl>LI.section>TABLE UL>LI.page:hover {
	border:1px solid;
}
#headTbl {
	color:#FFFFFF;
	text-align:left;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:center center;
}
#headTbl>SPAN {
	float:left;
	font-weight:700;
	font-size:x-large;
	margin:0 5px 5px;
	white-space:nowrap;
	padding-top:1em;
}
#headTbl>#compLogoSpc {
	margin:0 1em 1em;
}
#headTbl>#SITE_NAME {
	float:right;
	font-size:large;
	font-weight:500;
	color:#FFFFFF;		
	padding:1em;
}
/*------------------------- Navigation table ---------------------------------*/
#captionCell {
	height:25px;
	font-size:xx-small;
	font-weight:600;
	text-align:left;
	padding:5px 0 0;
	border-bottom:1px solid #7F7F7F;
}
#sectionHdr {
	margin:0 0 0 10px;
	vertical-align:top;
}
#hdrTxt {
	font-variant:small-caps;
	font-size:medium;
	letter-spacing:1pt;
}
.iconButt {
	margin-left:5px; 
}
.iconButt>SPAN {
	cursor:pointer;
}
stateIcon>SPAN {
	border:1pt solid #FFFFFF;
}
#loginIcon {
	border:1px solid #000000;
	margin:0 5px;
	padding:0 2px; 
}
#loginIcon>SPAN {
	font-size:130%;
	letter-spacing:-0.1em;
} 
#BATTERY_STATE>SPAN {
	background-repeat:repeat-x;
}
#BATTERY_STATE>SPAN.fail,
#stateIcon.fail>* {
	background-color:#7F0000;
}
#BATTERY_STATE>SPAN.wait,
#stateIcon.wait>* {
	background-color:#FFCF00;
}
#BATTERY_STATE>SPAN.succ,
#stateIcon.succ>* {
	background-color:#007F00;
}
.winBody {
	background-color:#566675;
	border:1px solid #7F7F7F;
	border-top-style:none;
	position:absolute;
	padding:1px 2px;
	margin-top:25px;
	text-align:left;
	z-index:1000;
}
.winHead {
	font-weight:600;
	color:#FFFFFF;  
	padding:2px;
	margin-bottom:1px;
}
#str_94 {
	font-size:xx-small;
}
#actionLog {
	width:450px;
}
#reLogin {
	width:250px;
	padding:3px 5px;
}
.scroller {                                                                         
	text-align:center;
	margin:0 1px;
	cursor:pointer;
	border:1px solid; 
}
.scroller:hover {
	border:1px solid #E7E7E7; 
	background-color:#FFFFFF;  
}
.logEntry {
	font-weight:500;
	cursor:default;
	border:1px solid; 
	padding:3px;
	margin:0 1px;
}
.logEntry:hover {
	border:1px solid #E7E7E7; 
	background-color:#FFFFFF; 
}
#showCell {
	text-align:left;
	padding-bottom:10px;
}
#footer {
	font-weight:normal;
	font-size:x-small;
	white-space:nowrap;
	padding-top:5px;
	border-color:#FFFFFF;  
	border-style:solid none none;  
}
.txtSign {
	float:right;
	border:1px solid #000000;
	margin:0 5px;
	padding:0 2px; 
	color:#7F0000;
	cursor:default;
}
#BATTERY_STATE {
	padding:0;
}
#PQZIP_STATE {
	cursor:pointer;
}
#SYNC_STATE:hover,
#PQZIP_STATE:hover {
	color:#FF0000;
}                     
#footer SPAN {
	color:#FFFFFF;
	float:left;
}
#footer>.dynData {
	color:#FFCF9F;
	font-weight:800;
	padding:0 15px 0 5px;
}
#footer A:link, 
#footer A:visited {
	color:#FFFFFF;
	float:right;
}
#footer A:hover, 
#footer A:hover SPAN {
	color:#FFCF9F;
	text-decoration:underline;
}
#footer A IMG {
	margin-left:5px;
}
.name {
	font-weight:600;
}
.important {
	font-weight:600;
}
.fail {
	color:#5F0000;
}
.fake {
	color:#5F5F5F;
}
.succ {
	color:#005F00;
}
.wait {
	color:#CF7F00;
}
#showNow>.wait {
	color:#7F7F7F;
}
TABLE.onethird {
	width:30%;
}
TABLE.half {
	width:45%;
}
TABLE.threefourth {
	width:70%;
}
TABLE.wide {
	width:90%;
}
TABLE.full {
	width:95%;
}
.captSpan {
	float:left;
	color:#000000;
	font-size:medium;
	font-weight:600;
	white-space:nowrap;
}
.signalSpan {
	color:#7F0000;
	font-size:xx-small;
	font-weight:500;
	display:none;
	margin:0 0 0 1em;
	text-align:center;
	position:absolute;
}
.scrollDiv  {
	height:500px;
	overflow:auto;
	padding:0;
	margin:10px 10px 0 10px;
}
.dataTable, 
.confTable {
	margin:10px 0 0 10px;
	border:1px solid;
}
.scrollDiv>TABLE  {
 	width:100%;
	margin:0;
}
CAPTION {
	padding:5px;
	height:1.5em;
	text-align:right;
	border:1px solid;
	background-repeat:repeat-x;
}
.confTable .headRow {
	border-top-style:solid;
}
.headRow TD {
	height:3em;
	padding:0 5px;
	text-align:center;
	font-weight:600;
	border-style:solid none none;
}
TR.odd {
	background-color:#FFFFFF;
}
TR.even {
	background-color:#EEEEEE;
}
.dataTable TH, 
.confTable TH {
	height:1.5em;
	padding:2px 5px;
	text-align:center;
	font-weight:600;
	font-size:90%;
	vertical-align:bottom;
	line-height:150%;
	border-style:none solid;
} 
.dataTable TD, 
.confTable TD {
	padding:5px;
	font-size:80%;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	border-right-style:solid;
}
.dataTable TD {
	height:1.5em;
	line-height:150%;
}
.confTable TD {
	height:2em;
	line-height:200%;
}
.confTable TD.name {
	text-align:left;
	border-right-style:none;
	padding-left:1em;
}
.pseudoHeader TD {
	padding:0 5px;
	white-space:normal;
	text-align:center;
	font-weight:600;
	font-size:90%;
	vertical-align:bottom;
	border-style:none solid solid none;
}
.wrappable TD {
	white-space:normal;
}
.columned TD {
	text-align:left;
	width:50%;
	border-style:none;
}
.dblValName {
	font-weight:600;
	border-right-style:none;
	padding:0;
}
.valName {
	font-size:x-small;
	border-left-style:none;
	padding-left:0;
}
TABLE.nolines2, 
TABLE.nolines3 {
	width:95%;
}
TABLE.nolines2 TD {
	border:1px none;
	vertical-align:top;
	width:50%;
}
TABLE.nolines3 TD {
	border:1px none;
	vertical-align:top;
	width:33%;
} 
TABLE.nolines2 TD.left,
TABLE.nolines3 TD.left {
	text-align:left;
}  
.nolines3 TD.center {
	text-align:center;
}  
TABLE.nolines2 TD.right,
TABLE.nolines3 TD.right {
	text-align:right;
}  
TABLE.numControl {     
	width:45px;
	height:14px;
	border:1px solid;
	background-color:#DDDDDD;
}
TABLE.numControl TD {
	height:1px;
	padding:0;
	border-style:none;
}
TABLE.numControl TD.numCtrl {
	line-height:0.25em;
	height:7px;
	width:7px;
	padding:0 1px 0 2px;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
}
TABLE.numControl TD INPUT {
	text-align:right;
	margin:0;
}
/* Individual Tables styles */
/* MONITORING section */
TABLE.largeShow TD {
	line-height:200%;
	text-align:center;
	font-weight:800;
	font-size:large;
	white-space:nowrap;
}
DIV.graphTable {
	vertical-align:top;   
}
#hvPlgn {
	height:auto;
	float:right;
	margin:0 10px;
	text-align:center;
	border:1px solid; 
}
#hvPlgn>DIV {
	margin:auto;
	line-height:250%;
	font-weight:700;
	font-size:xx-large;
	color:#566675;
}
#hvPlgn>OBJECT {
	width:100%;
	height:100%;	
}
#phasorData {
	float:left;
	margin:0 10px;
	border:1px solid;
}
#phasorData TH {
	border-right-style:solid;
}
#phasorData .name {
	text-align:left;
	border-style:none solid;
}
#phasorData .name SUB {
	font-size:xx-small;
}
#msgHint {
	cursor:pointer;
	position:relative;
	visibility:hidden;
	z-index:100;
}
#infoHint {
	position:absolute;
	visibility:hidden;
	z-index:100;
}
#iconHint {
	position:absolute;
	visibility:hidden;
	z-index:100;
	cursor:pointer;
}
#iconHint:hover {
	text-decoration:underline;
}
.hint {
	border:1px solid black;
	color:#FFFFFF;  
	background-color:#1F1F1F;
	width:100%;     
}
#titleBox {
	width:98%;
	padding:5px;
	border:1px solid;
	background-color:#DFDFDF; 
}
#titleBox.fail { 
	border-color:#7F0000;              
}
#titleBox.succ {               
	border-color:#007F00;              
}
#titleBox.wait {               
	border-color:#CF7F00;              
}
#titleTxt {               
	font-size:small;
	font-weight:600;
	padding:2px;
}
.hintTxt {
	font-size:small;
	font-weight:500;
	display:block;
	padding:5px;
}
TABLE.mio TH
{
	line-height:250%;
}
TABLE.mio TD
{
	border-style:none;
	text-align:left;
}
TABLE.mio TD.name
{
	width:25%;
}
TD.underName
{
	padding-left:1em;
}
TABLE.uart TD
{
	text-align:left;
	border-style:none;
}
#PPP_STATUS>DIV
{
	text-align:left;
	border-style:none solid solid;
}
