@charset "utf-8";
/* CSS File for Metacentre TX Module */
html { height: 100%; }
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
ul, li { margin: 0; padding: 0; height:30px; }
a { text-decoration: none; cursor: pointer; }
h1 { margin: 10px 0; color: #020180; text-align: center; font-size: 1.5em; }
h2 { margin: 0; color: #020180; text-align: center; font-size: 1.2em; }
th, td, table { border-collapse: collapse; font-size: 1.0em; color: #020180; }
p, span, div { cursor:default; margin:0; }
input {display: block; width: 232px; border: 2px solid #020180; color: #020180; height: 18px; text-align:left; padding: 0 0 0 1px; margin : 0 2px 0 2px; cursor:default; }
select {display: block; width: 70px; border: 2px solid #020180; color: #020180; float: left; padding: 0px; margin : 0 2px 0 2px; cursor:default; }
label { cursor:default; }
.editwtxt { width: 272px; }
.editunit { width: 65px; }
.editnone { cursor:default; width: 70px; height: 16px; padding:2px; margin:0 2px 0 2px; border: 2px solid #330099; background-color:#fff; display: block; font-size: 0.9em; }
.editnonear { cursor:default; width: 70px; height: 16px; padding:2px; margin:0 2px 0 2px; border: 2px solid #330099; background-color:#fff; display: block; font-size: 0.9em; text-align:right }
.labeltxt { cursor:default; float:left; width: 150px; font-weight: bold; color: #020180; padding: 4px 0 0 4px; display:block; }
.tablabeltxt { cursor:default; float:left; width: 150px; font-weight: bold; color: #020180; padding: 0 0 0 4px; display:block; }
.labelnwtxt { cursor:default; float:left; font-weight: bold; color: #020180; padding: 4px 0 0 4px; display:block; }
.labelw280txt { cursor:default; float:left; width: 280px; font-weight: bold; color: #020180; height:100%; padding: 4px 0 0 4px; display:block; }
.nrtxt { cursor:default; width: 32px; font-weight: bold; color: #020180; padding: 4px 0 0 0; display:block; }
.viewunit { cursor:default; display: block; float: left; width: 60px; padding: 4px 0 0 0; display:block;}
.btn_disabled {	cursor: default; opacity: 0.38; filter: alpha(opacity=38); background: #BFBDD2; -moz-opacity: 0.38; z-index: 100; }
.btn_enabled { cursor: pointer; z-index: 100;}
img.logsleutel { position: absolute; left: 1130px; top: 8px; cursor: pointer; background-repeat:no-repeat; background-attachment:fixed; width:37px; height:37px; background:url(img/sprite42.gif) -630px -42px; }
img.heartbeat1 { position: absolute; left: 1090px; top: 8px; cursor: default; background-repeat:no-repeat; background-attachment:fixed; width:37px; height:37px; background:url(img/sprite42.gif) -672px 0px; }
img.heartbeat2 { position: absolute; left: 1090px; top: 8px; cursor: default; background-repeat:no-repeat; background-attachment:fixed; width:37px; height:37px; background:url(img/sprite42.gif) -672px -42px; }
img.readdoc { position: absolute; left: 1050px; top: 8px; cursor: pointer; background-repeat:no-repeat; background-attachment:fixed; width:37px; height:37px; background:url(img/sprite42.gif) -630px 0px; }
.ctypediv { display:none; float:left; width:26px; height:26px; }
.cstatimg { position:relative; float:left; left:0px; top:0px; width:30px; height:26px; }
.ccubediv { display:none; position:relative; float:left; left:3px; width:30px; height:26px; }
.cseqcube { position:relative; width: 24px; height: 24px; border: 1px solid #000; }
.cseqlet { position:relative; top:4px;text-align: center; font-weight: bold; }
.cimgdiv { display:none; position:relative; float:left; width:30px; height:26px; }
.cloaddiv { display:none; position:relative; float:left; width: 180px; height:26px; }
 .cloadbarwrap { width:180px; height:25px; }
 .cloadbar { float:left; width:0%; height:26px; background-color: #00ff00; }
 .cloadbar2 { float:left; width:100%; height:26px; background-color: #dfdfdf; }
 .cloadpct { position:relative; top:-21px; left:4px; height:20px; width:50px; background:none; font-weight:normal; }
.imgw32 { width:32px; float:left; display:block; }
.boxw600 {height: 100px; width: 594px; border: 3px solid #dfdfdf; background-color: #fff; display:block; float: left; position:relative; left:0; right:0; }
#btnbottomdiv { background-color: #dfdfdf; height: 85px; width: 700px; }
#submitdiv { position:relative; left:0px; top:0px; width:40px; height:40px; float:right; margin:6px 0 0 0; }
img.btnsubmit { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -127px -1px; }
.datadivpart { position:relative; float:left; left:0px; top:0px; margin:6px 0 0 0; }
/* General
--------------------------------*/
#wrapper { width: 1200px; }
#leftcontainer { width: 160px; height: 855px; background-color: #020180; float: left; display: block; font-weight: bold; text-align: center; }
#contentcontainer { width: 1020px; float: left; font-size: 0.9em; }	
#datadiv { width:700px; left:370px; display:none; position:absolute; top:85px; height: 770px; }
.loading-visible {  left:160px; width:700px; display: block; position: absolute; top:85px; height: 770px; background: #f0f0f0; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; z-index: 100; }
.loading-invisible { display: none; }
#loading div { position:absolute; top: 50%; left: 50%; background-color: #fff; z-index: 101; }
/* Loginarea 
--------------------------------*/
#loginbox { width: 700px; height: 290px; position:absolute; top:320px; left: 300px; background: #fff url(bg_login.gif) left top no-repeat; text-align:right; }
#loginbox p { position: relative; left: 270px; top: 35px; float: left; width:410px; height:40px; }
#loginbox .labeltxt { margin: 4px 4px 0 0; padding: 0; }
/* Mainmenu
--------------------------------*/
#menumain, #menuview { background-color: #020180; }
#menuadmin { background-color: #990000 }
#menumain li a:hover, #menuview li a:hover, #menuadmin li a:hover { text-decoration: underline; }
#menumain li a.menui, #menuview li a.menui {  background-color: #020180 ;color:#fff; }
#menuview li a.menui2 {  background-color: #020180 ;color:#fff; width:75px; float:left; }
#menuview li a.menui3 {  background-color: #020180 ;color:#fff; width:75px; float:right; }
#menumain li a.menuifault, #menuview li a.menuifault {  background-color: #020180 ;color:#ffff00; }
#menuview li a.menui2fault {  background-color: #020180 ;color:#ffff00; width:75px; float:left; }
#menuview li a.menui3fault {  background-color: #020180 ;color:#ffff00; width:75px; float:right; }
#menumain li a.menuinow, #menuview li a.menuinow { background-color: #fff; color: #020180; }
#menuview li a.menui2now { background-color: #fff; color: #020180; width:75px; float:left; }
#menuview li a.menui3now { background-color: #fff; color: #020180; width:75px; float:right; }
#menumain li a.menuinowfault, #menuview li a.menuinowfault {  background-color: #ffff00 ;color:#020180; }
#menuview li a.menui2nowfault {  background-color: #ffff00 ;color:#020180; width:75px; float:left; }
#menuview li a.menui3nowfault {  background-color: #ffff00 ;color:#020180; width:75px; float:right; }
#menuview li a.menuigray, #menuadmin li a.menuigray  { color: #8F8F8F; }
#menuview li a.menuigraynohover, #menuadmin li a.menuigraynohover:hover { color: #6F6F6F; text-decoration:none; }
#menuview li a.menuioff  { color: #020180; cursor:default; }
#menumain li, #menuview li { display: block; height:30px; color: #fff; background-color: #220170; }
#menuview li div.menuidiv { top:0px; width:150px; height:30px; display:inline; }
#menumain li a, #menuview li a { display: block; height: 24px; color: #fff; background-color: #020180; margin: 0 0 0 4px; border-bottom:1px solid #404070; }
#menuview li div.vertline { width:1px; height:24px; float:left; background-color: #404070; position:relative; left:0px }
#menuview li div.vertline2 { width:1px; height:24px; float:left; background-color: #404070; position:relative; left:0px }
#menuadmin li { display: block; height: 30px; color: #fff; background-color: #920000; }
#menuadmin li a { display: block; height: 24px; color: #fff; background-color: #990000; margin: 0 0 0 4px; border-bottom:1px solid #704040; }
#menuadmin li div.vertline { width:1px; height:24px; float:left; background-color: #704040; position:relative; left:0px }
#menuadmin li a.menui {  background-color: #990000 ;color:#fff; }
#menuadmin li a.menuinow { background-color: #fff; color: #990000; }
#menuadmin li a.menuioff  { color: #990000; cursor:default; }
.menulogo { height: 160px; }
.menuline { position:relative; height: 2px; background-color: #fff; margin: 0 0 4px 0; font-size:2px; }
.menukey { height: 58px; background-color: #990000; background: url(menu_key.jpg) left top no-repeat; }
/* Meta sys
--------------------------------*/
#sysrightdiv { position: absolute; left:730px; top:340px; border: 3px solid #dfdfdf; width: 400px; height: 509px; }
.rightai { height: 750px; width: 700px; float: left; }
.rightai .gauge { position: absolute; top: 180px; left: 180px; height: 180px; width: 156px; /*background: url(g_hor2.jpg) left 40px no-repeat;*/ }
.rightai .gauge p { text-align: center; margin: 0; font-size:0.9em; height:18px; overflow:hidden; }
.rightai .ucftxt { text-align: center; margin: 0; font-size:0.9em; height:18px; overflow:hidden; }
.rightai .ucftxtwarn { text-align: center; margin: 0; font-size:0.9em; height:18px; overflow:hidden; background:#ffff00; }
.rightai .gauge strong { font-size:1.2em; position:absolute; left:6px; top:0px; width: 75px; text-align:right; }
.rightai .gauge .gunit { position:absolute; left:84px; top:2px; width: 75px; text-align:left; }
.rightai canvas { position: absolute; top:40px; left:0px; display:none; } 
.rightai .ucfval { position: absolute; top:130px; width:156px; text-align:center; }
.rightai .ucfvalwarn { position: absolute; top:130px; width:156px; text-align:center; background:#ffff00; }
#gauge1 { width: 160px; height: 270px; display: block; }
img.gauge1bg { position: absolute; top:30px; left:-1px; background-repeat:no-repeat; background-attachment:fixed; width:122px; height:240px; background:url(img/gauge12.gif) 0px 0px; }
#gauge2 { width: 160px; height: 270px; display: block; }
img.gauge2bg { position: absolute; top:30px; left:38px; background-repeat:no-repeat; background-attachment:fixed; width:122px; height:240px; background:url(img/gauge12.gif) -123px 0px; }
#sysleftdiv1 p { position:absolute; width: 300px; }
#sysleftdiv2 { position: absolute; left:170px; top:486px; width: 550px; }
#sysleftdiv2 table { position: relative; left:3px; top:3px; width:542px; table-layout: fixed; }
#sysleftdiv2 tr { height: 26px; }
.cnamediv { display:none; float:left; height:26px; width:265px; border-bottom: 2px solid #dfdfdf; border-right: none; border-top: none; border-left: none; }
.cnamewhite { position:relative; height:25px; color:#330099; background-color: #fff; }
.cnamered { position:relative; height:25px; color:#fff; background-color: #ff0000; }
.cnameyellow { position:relative; height:25px; color:#330099; background-color: #ffff00; }
.labelw262txt { cursor:default; float:left; width:262px; font-weight: bold; height:100%; padding: 4px 0 0 4px; display:block; }
img.sysstopped { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; top:-1px; background:url(img/sprite27.gif) 0px 0px; }
img.sysrunning { position: absolute; width:27px; height:27px; left:2px; background:url(img/running.gif) 0px 0px no-repeat; }
img.syserror { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -54px 0px; } 
img.sysmaint { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; top:-1px; background:url(img/sprite27.gif) -81px 0px; } 
img.sysstatv { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; top:-1px; background:url(img/sprite27.gif) -108px 0px; } 
img.sysstatx { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -135px 0px; }  
img.syspage { position: absolute; top:-1px; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -162px 0px; } 
img.sysclock { position: absolute; top:-1px; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -189px 0px; } 
img.sysmode0 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -216px 0px; }
img.sysmode1 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -243px 0px; }
img.sysmode2 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -270px 0px; }
img.sysmode3 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -297px 0px; }
img.sysmode4 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -324px 0px; }
img.sysmode5 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -351px 0px; }
img.sysmode6 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -378px 0px; }
img.gaugetype1 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) -160px 0px; }
img.gaugetype2 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) -160px -80px; }
img.gaugetype3 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) 0px -80px; }
img.gaugetype4 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) -320px 0px; }
img.gaugetype5 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) -320px -80px; }
img.gaugetype6 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) -480px 0px; }
img.gaugetype7 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) -480px -80px; }
img.gaugetype8 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) -640px 0px; }
img.gaugetype9 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) -640px -80px; }
img.gaugetype10 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) -800px 0px; }
img.gaugetype11 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) -800px -80px; }
img.gaugetype12 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) -960px 0px; }
img.gaugetype13 { position: absolute; left:0px; top:40px; margin:0px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:80px; background:url(img/sprite160.gif) -960px -80px; }
img.smallctpiston { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) 0px -27px; }
img.smallctrotary { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -27px -27px; }
img.smallctcentrif { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -54px -27px; }
img.smallctvane { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:27px; height:27px; background:url(img/sprite27.gif) -81px -27px; }
/* Event Log
--------------------------------*/
#datadivlog { position:relative; left:180px; width: 700px; display:none; top:20px; height:610px; border: 3px solid #dfdfdf; }
table.heading { width: 700px; }
table.heading tr { background-color: #dfdfdf; color: #020180; font-weight: bold; text-align: left; font-size:0.9em; }	
#el_table_div { margin: 0px; height: 500px; overflow: auto; width:700px; }
/* Report
--------------------------------*/
#datadivrepo {left: 365px; width: 614px; display:none; position:absolute; top:85px; height: 753px; border: 3px solid #dfdfdf; }
#reportdivtitle { background-color: #dfdfdf; position: relative; height:20px; width:614px; }
#reportDiv1 { position: relative; height:650px; width:614px; }
#reportDiv2 { position: relative; height:650px; overflow:auto; overflow-x:hidden; }
.repvavgd { position: absolute; left: 42px; top: 139px; width: 90px; font-size:12px; font-weight:bold; text-align:center; }
.repvcomp { position:absolute; left: 42px; top: 347px; font-size: 12px; font-weight:bold; }
.repvcname { position:absolute; left: 68px; top: 347px; font-size: 12px; font-weight:bold; }
.repvcrun { position:absolute; left: 294px; top: 347px; font-size: 12px; font-weight:bold; text-align:center; width: 87px; }
.repvcload { position:absolute; left: 386px; top: 347px; font-size: 12px; font-weight:bold; text-align:center; width: 87px; }
.repvcuload { position:absolute; left: 480px; top: 347px; font-size: 12px; font-weight:bold; text-align:center; width: 92px; }
.repvperf { position:absolute; left: 41px; top: 646px; font-size:12px; font-weight:bold; text-align:center; width: 161px; }
.repvtotal { position:absolute; left: 210px; top: 646px; font-size:12px; font-weight:bold; text-align:center; width: 171px; }
.repfailure-visible { position: absolute; left:263px; top:132px; width:805px; height:473px; display: block; background: #f0f0f0; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; z-index: 100; }
.repfailure-invisible { display: none; }
.graphfailure-visible { position: absolute; left:260px; top:85px; width:863px; height:573px; display: block; background: #f0f0f0; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; z-index: 100; }
.knopnavc { position:absolute; left:130px; top:2px; width:424px; height:54px; }
.knopprintc { position:absolute; left:760px; top:20px; width:46px; height:44px; }
.knopreportc { position:absolute; left:680px; top:20px; width:46px; height:44px; }
.knopgraphc { position:absolute; left:600px; top:20px; width:46px; height:44px; }
#reportkader {
	position:absolute;
	top:44px; 
	left:0px;
	width:822px;
	height:473px;
	/*background:#FFFFFF;*/
	overflow:auto;
	overflow-x:hidden;
	/*border:1px solid #73B6EB;*/
	font-weight: bold;
	font-size: 12px;
	cursor:default;	
}
#reportkader .pr_titel { width:546px; height:40px; font-size:16px; font-weight:bold; text-align:center; line-height:40px; vertical-align:middle; color:#fff; background-color:#a5a5a5; text-transform:uppercase; }
#reportkader table { table-layout: fixed; border: 2px solid #a5a5a5; color:#000; margin:16px 0 0 0; border-collapse: collapse;}
#reportkader table tr { border: 1px solid #a5a5a5; color:#000; height:24px; }
#reportkader table td { border: 1px solid #a5a5a5; color:#000; /*border-collapse: collapse;*/ width:94px; text-align:center; }
#reportkader table th { border: 1px solid #fff; color:#fff; /*border-collapse: collapse;*/ width:94px; text-align:center; }
#reportkader .reptitle { background-color:#a5a5a5; color:#fff; text-transform:uppercase; }
#reportkader .reptxt { width:250px; }
#reportkader .reptxt2 { width:248px; text-align:left; padding: 0 0 0 4px; }
#reportkader .reptxt3 { width:250px; }
#reportkader .reptxt4 { width:85px; }
#reportkader .reptxt5 { width:188px; }
/* Graph
------------------------*/
#datadivgraph { position:absolute; left: 260px; width: 822px; display:none; top:85px; height:600px; border: 3px solid #dfdfdf; }
#graphtop { position:absolute; top:0px; background-color: #dfdfdf; height: 44px; width:822px; }
#selectGraph { position:absolute; left:210px; top:8px; width:390px; height:24px; display: block; border: 2px solid #020180; color: #020180; padding: 0 0 0 2px; margin : 0 2px 0 2px; cursor:default; }
#graphdiv { position: absolute; top:40px; height: 440px; }
#graphdiv p { font-size: 12px; font-weight: bold; }
#graphdiv .graphXscale { position: absolute; left:52px; top:377px; width:240px; height:30px; font-weight:normal; }
#graphdiv .graphYscale { display:none; position: absolute; left:4px; top: 34px; width:50px; text-align:right; overflow:hidden; }
#graphdiv .graphYscaleXtra { display:none; position: absolute; left:0px; top: 34px; width:90px; text-align:left; overflow:hidden; cursor:default; height: 16px; font-size: 0.75em; font-weight:normal; }
#graphposdiv { position: absolute; left:0px; top:26px; width:781px; height:460px; }
#graphSlider { position: absolute; left: 49px; top:405px; border: 2px solid #dfdfdf; width: 716px; height: 20px; }
.carpe_horizontal_slider_track { width: 600px; height: 10px; position:absolute; }
.carpe_horizontal_slider_track .carpe_slider { width: 16px; background-color: #666; color: #333; position: absolute; margin: 0; height: 16px; z-index: 1; border: 2px solid; border-color: #999 #333 #333 #999; }
.carpe_slider_display_holder { visibility: hidden; height:10px; }
.carpe_slider_display { visibility: hidden; height:10px; }
#arrow_left { display: none; width: 20px; height: 20px; position: absolute; left:50px;  top: 350px; }
#arrow_right { display: none; width: 20px; height: 20px; position: absolute; left:746px;  top: 350px; }
.timespan { position:absolute; left: 10px; top:10px; width: 98px; font-weight: bold; text-align: center; }
#RedLine { position:absolute; left: 438px; top:34px; background: #ff0000; height:318px; width:1px; }
#graphReadout {	position: absolute; top:10px; 
	text-align:center; font-weight: bold; vertical-align:middle;
	color: #000; background: #fff; cursor:default; 	
	width:118px; }
#graphXtraReadout {	position: absolute; top:40px; border: 2px solid #56BA48;
	font-size: 12px; text-align:center; font-weight: bold; vertical-align:middle;
	height:18px; line-height:18px;	
	color: #000; background: #fff; cursor:default; 	
	width:106px; }
#graphTime { position: absolute; top:352px; 
	font-size: 12px; text-align:center; font-weight: bold; vertical-align:middle;
	height:14px; line-height:14px;	
	color: #000; background: #fff; cursor:default;
	width:126px; }
#graphbtnbottomdiv { position:absolute; top:517px; background-color: #dfdfdf; height: 85px; width: 700px; }
.graphbtnbottom { float: right; margin: 20px; }
img.btnprint { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -336px 0px; }
img.btnreport { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -378px 0px; }
img.btngraph { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -420px 0px; }
img.warning { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -462px 0px; }
img.btnlast { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:31px; background:url(img/sprite42.gif) -504px 0px; }
img.btnprev { position: absolute; left:8px; background-repeat:no-repeat; background-attachment:fixed; width:41px; height:31px; background:url(img/sprite42.gif) -546px 0px; }
img.btnnext { position: absolute; left:49px; background-repeat:no-repeat; background-attachment:fixed; width:41px; height:31px; background:url(img/sprite42.gif) -588px 0px; }
img.arrleft { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:21px; height:21px; background:url(img/sprite42.gif) -294px -21px; }
img.arrright { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:21px; height:21px; background:url(img/sprite42.gif) -314px -21px; }
/* Service 
----------------------------*/
#servicediv table { display: block; position:relative; left:30px; top:100px; }
#servicediv table th { width: 70px; color: #330099; text-align: left; padding: 0 0 0 4px; margin:4px 0 0 4px; font-weight:bold; font-size:0.9em; }
#servicediv table td { border-collapse: collapse; }
#servicediv table tr { height: 38px; }
#servicediv .nrtxt { padding:10px 0 0 0; }
#c_service { height: 620px; width: 710px; }
#servicediv .srvcalc { position:relative; height:28px; float:left; left:15px; top:2px; }
img.btnsvadd { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -378px -42px; }
img.cservice { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:95px; height:90px; background:url(img/sprite95.gif) -190px 0px; }
img.comprimg { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:95px; height:90px; background:url(img/sprite95.gif) -190px -90px; }
/* Table View
--------------------------------*/
#tablemenu a { position:absolute; top:0px; left: 70px; display: block; height: 26px; width: 72px; font-weight: bold; text-align: center; font-size:1.1em; border: 3px solid #020180; color: #fff; background-color: #330099; }
#tablemenu a:hover { text-decoration: underline; }
#tablemenu a.active { background-color: #fff; color: #330099; }
#tableinfo table, #tablepriority table { position:absolute; left:170px; top:12px; font-weight:normal; }
#tableinfo table tr, #tablepriority table tr { height:30px; }
img.systable { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:44px; height:54px; background:url(img/sprite95.gif) -665px -90px; }
/* Schedule
--------------------------------*/
#schedule_div { width:598px; height:420px; }
#schedule_div table { width: 290px; padding: 0; }
#schedule_div table tr { height: 31px; }
#schedule_div table td { float:left; width: 60px; border-collapse: collapse; text-align: center; padding: 0px 0px 2px 5px; }
#schedule_div table td.pentry { width: 15px; font-weight: bold; color: #020180; float:left; }
#schedule_div table td.seperator { width: 5px; float:left; padding:0px; }
#schedule_div table td select { height: 20px; width: 54px; float:left; background-color: #fff; }
/* IO view
--------------------------------*/
#iomaindiv { position: absolute; left:170px; top: 85px; width: 990px; height: 764px; border: 3px solid #dfdfdf; }
#ioleftdiv { position: absolute; left:0px; top:0px; width: 348px; height: 764px; background-color: #dfdfdf; }
.iodig { position:absolute; left:0px; width:326px; height: 40px; overflow:hidden; }
.iodig .iobol_enabled  { float:left; width:32px; height:32px; position:absolute; left:64px; }
.iodig .iobol_disabled { float:left; width:32px; height:32px; position:absolute; left:64px; opacity: 0.38; filter: alpha(opacity=38); background: #DFDFDF; -moz-opacity: 0.38; z-index: 100; }
img.bolcolor0 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:32px; height:32px; background:url(img/sprite32.gif) 0px 0px; }
img.bolcolor1 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:32px; height:32px; background:url(img/sprite32.gif) -32px 0px; }
img.bolcolor2 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:32px; height:32px; background:url(img/sprite32.gif) -64px 0px; }
img.bolcolor3 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:32px; height:32px; background:url(img/sprite32.gif) -96px 0px; }
img.bolcolor4 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:32px; height:32px; background:url(img/sprite32.gif) -128px 0px; }
#iorightdiv { position: absolute; left:348px; top:0px; width: 640px; height: 764px; }
.labelw280multidiv { position:absolute; left:93px; top:-4px; display:table; width:252px; height:40px; }
.labelw280multitxt { cursor:default; font-weight: bold; color: #020180; padding: 0 0 0 4px; display:table-cell; vertical-align:middle; }
.iodig .ioswitchI_hidden { display:none; }
.iodig .ioswitchO_hidden { display:none; }
.iodig .ioswitchI_enabled { position:absolute; left:0px; float:left; display:block; width:32px; height:32px; cursor:pointer; }
.iodig .ioswitchO_enabled { position:absolute; left:32px; float:left; display:block; width:32px; height:32px; cursor:pointer; }
.iodig .ioswitchI_disabled { position:absolute; left:0px; float:left; display:block; width:32px; height:32px; cursor: default; opacity: 0.38; filter: alpha(opacity=38); background: #DFDFDF; -moz-opacity: 0.38; z-index: 100; }
.iodig .ioswitchO_disabled { position:absolute; left:32px; float:left; display:block; width:32px; height:32px; cursor: default; opacity: 0.38; filter: alpha(opacity=38); background: #DFDFDF; -moz-opacity: 0.38; z-index: 100; }
img.ioswitchI { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:32px; height:32px; background:url(img/sprite32.gif) -160px 0px; }
img.ioswitchO { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:32px; height:32px; background:url(img/sprite32.gif) -192px 0px; }
/* Settings 
--------------------------------*/
#setschedulediv { display: block; background-color: #dfdfdf; width: 247px; height: 100%; position:absolute; top: 0px; left: 347px; float: left;}
#setschedulediv p { margin: 0;display: block;height: 20px; width: 200px;}
#settxdiv { width: 600px; height:382px; display: block; float:left; clear: both; margin: 10px 0 0 0; }
#settxdiv p, #settimediv p, #setsysdiv p { font-weight: bold; margin: 4px 0 4px 0; clear: both; display:block; float:left; width:450px;}
#settxdiv span, #settimediv span, #setsysdiv span { color: #020180; margin: 4px 4px 0 4px; display:block; float: left; width: 190px;  } 
#settxdiv span p, #settimediv span p,#setsysdiv span p { width: 190px; }
#settxdiv .select, #settimediv .select, #setsysdiv span { float:right; }
#sys_seq { height:110px; }
#sys_tol table tr { height:30px; }
#sys_tol { background-color: #dfdfdf; height: 78px; }
#tx_info { height: 112px; }
#tx_unit { background-color: #dfdfdf; height: 136px; }
#tx_xtra { height:116px; }
#settimediv { width: 600px; height: 105px; display: block; margin: 10px 0 0 0; position: relative; float: left; }
#settimediv span span { margin: 0 }
#settimediv span.date { width: 130px; position: relative; left:0px; text-align: center; margin:0; }
#settimediv .datedigit { width: 20px; position:absolute; text-align: center; }
img.sync { position: absolute; cursor:pointer; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -798px 0px; }
img.unsync { position: absolute; cursor:pointer; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -798px -42px; }
img.grayenvelop { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:38px; background:url(img/sprite42.gif) 0px -42px; }
img.grayclock { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:38px; height:38px; background:url(img/sprite42.gif) -42px -42px; }
img.clockw { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:84px; height:84px; background:url(img/sprite42.gif) -714px 0px; }
img.sysseqmodel1 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:95px; height:90px; background:url(img/sprite95.gif) -285px 0px; }
img.sysseqmodel3 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:95px; height:90px; background:url(img/sprite95.gif) -285px -90px; }
img.sysseqmodel6 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:95px; height:90px; background:url(img/sprite95.gif) -380px 0px; }
img.sysseqmodel7 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:95px; height:90px; background:url(img/sprite95.gif) -380px -90px; }
img.sysseqmodel8 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:95px; height:90px; background:url(img/sprite95.gif) -475px 0px; }
img.systxbox { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:95px; height:90px; background:url(img/sprite95.gif) -665px 0px; }
/* Compressor view
--------------------------------*/
#comprstatus p {clear: both; height:30px;}
#comprcontrol p {margin: 0;display: block;height: 20px;width: 250px;}
#comprcontrol img {float: right; margin-right: 20px; cursor: pointer; }
.c_imgv {width:50px; height:30px;}
#c_infov { height: 110px; width: 594px; }
#c_control { height: 50px; width: 594px; background-color: #dfdfdf; }
#c_knopdiv { position: absolute; left:384px; top: 5px; width:200px; }
#c_hours { height: 43px; width: 594px; }
#c_cappower { height: 96px; width: 594px;background-color: #dfdfdf; }
#c_minimum { height: 68px; width: 594px; }
#c_interface { height: 40px; width: 594px; background-color: #dfdfdf; }
#c_items { height: 303px; width: 594px; }
#comprinfo span { float: left; display: block; }
#comprinfo p { display: block; position:absolute; left:70px; top: 8px; clear: both; height:30px; width:530px;}
#comprinfo .unit { width: 70px; margin: 5px 0 0 0;}
#compritems p { margin: 4px 0 4px 124px; clear: both; height: 24px; }
#compritems span { float: left; display: block; }
#compritems .labelw280txt { width:277px;}
img.cimg1 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:21px; background:url(img/sprite42.gif) -168px 0px; }
img.cnetwork{ position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:21px; background:url(img/sprite42.gif) -168px -21px; }
img.cimg2 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:21px; background:url(img/sprite42.gif) -210px 0px; }
img.cimg3 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:21px; background:url(img/sprite42.gif) -210px -21px; }
img.cimg4 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:21px; background:url(img/sprite42.gif) -252px 0px; }
img.cimg5 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:21px; background:url(img/sprite42.gif) -252px -21px; }
img.cimg6 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:21px; background:url(img/sprite42.gif) -294px 0px; }
img.btnstart { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) 0px 0px; }
img.btnstop { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -42px 0px; }
img.btnreset { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -84px 0px; }
/* Compressor set
--------------------------------*/
#comprstatus p span { position:absolute; width:170px; display:block; float:left;}
#comprstatus input { width: 65px; position:absolute; left:228px; }
#compritemsedit .bggray { background-color: #dfdfdf; padding:0 4px 0 4px; }
#compritemsedit table { margin: 0 0 0 4px; }
#compritemsedit table th { height: 20px; text-align:left; }
#compritemsedit table tr { height: 24px; }
#compritemsedit table td { padding:0 4px 0 4px;}
#compritemsedit p { margin: 0; clear: both; }
#compritemsedit span { float: left; display: block; }
#compritemsedit .nrtxt { cursor:default; height:18px; width:22px; font-weight: bold; color: #020180; padding: 4px 0 0 4px; display:block; }
img.btncontrol { position: absolute; left:202px; top:81px; background-repeat:no-repeat; background-attachment:fixed; width:74px; height:42px; background:url(img/sprite42.gif) -220px -42px; }
img.ctpiston { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:95px; height:90px; background:url(img/sprite95.gif) 0px 0px; }
img.ctrotary { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:95px; height:90px; background:url(img/sprite95.gif) 0px -90px; }
img.ctcentrif { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:95px; height:90px; background:url(img/sprite95.gif) -95px 0px; }
img.ctvane { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:95px; height:90px; background:url(img/sprite95.gif) -95px -90px; }
.combihidden { width:50px; height:18px; display:none; border:2px solid #ff0000; position:relative; left:0px; top:-5px;}
#compritemsedit input { padding:0px 2px 0px 2px; height:18px; margin:0 2px; }
#compritemsedit .ioatxt { width:204px; margin:0 0 0 2px;}
#compritemsedit .ioaunit { width:60px; display:none; margin:0 0 0 2px;}
#compritemsedit .ioabunit { width:68px; margin:0 4px 0 2px}
#compritemsedit .ioamod { width:70px;}
#compritemsedit .ioanode { width:40px; display:none; float:right;}
#compritemsedit .ioatype {width:157px; display:none; float:left;}
#compritemsedit .ioaaddr { width:48px; display:none; float:left; margin: 0 0 0 2px;}
#compritemsedit .ioadtype { width:54px; display:none; float:left; margin: 0 0 0 2px;}
#compritemsedit .ioadec { width:40px;}
#compritemsedit .ioam {width:50px;}
#compritemsedit .ioastyle { width:40px; display:block; }
#compritemsedit .ioaaddrtxt { width:101px; display:block; font-size:10px; text-align:right; float:left; position:relative; top:4px;}
/* IO system set
--------------------------------*/
#sysitemsetdiv { width:840px; display:block; float:left; }
img.gaugegray { position: absolute; left:0px; top:0px; margin:10px; background-repeat:no-repeat; background-attachment:fixed; width:160px; height:60px; background:url(img/sprite160.gif) 0px 0px; }
#sysitemsetdiv .aisid { display:block; float:left; height:50px; width:100px; top:20px; left:102px; font-weight: bold; color:#dfdfdf; }
#sysitemsetdiv .bggray { background-color: #dfdfdf; }
#sysitemsetdiv table { margin: 0 0 10px 0; border: 3px solid #dfdfdf; text-align:left; }
#sysitemsetdiv th { height: 20px; padding: 0 0 0 8px; }
#sysitemsetdiv tr { height: 28px; }
#sysitemsetdiv td { padding: 4px; }
#sysitemsetdiv td div {display:block; width:174px; height:28px; position:relative; top:3px; float:left;}
#sysitemsetdiv p {clear: both; margin: 4px 10px 4px 10px; height: 25px; }
#sysitemsetdiv span { font-weight: bold; float: left; display: block; height:60px;color: #020180; width: 25px; text-align: right; }
#sysitemsetdiv input { padding:2px; height:14px; margin:0 2px; }
#sysitemsetdiv .ioatxt { width:204px;}
#sysitemsetdiv .ioaunit { width:60px; display:none;}
#sysitemsetdiv .ioabunit { width:68px;}
#sysitemsetdiv .ioamod { width:80px; margin: 0 6px;}
#sysitemsetdiv .ioainp { width:68px; margin: 0 6px;}
#sysitemsetdiv .ioadec { width:40px;}
#sysitemsetdiv .ioam {width:50px;}
#sysitemsetdiv .ioastyle { width:58px; display:block;}
#sysitemsetdiv .ioaclip { position: relative;  height:28px;  width: 60px; top:-2px; left:0px; }
/* IOA set
--------------------------------*/
#ioasetdiv { width:1012px; display:block; float:left; }
#ioasetdiv .ioanr { font-weight: bold; text-align: right; }
#ioasetdiv .bggray { background-color: #dfdfdf; }
#ioasetdiv table { border: 3px solid #dfdfdf; text-align:left; }
#ioasetdiv th { height: 20px; padding: 0 0 0 6px; border-bottom: 3px solid #dfdfdf; }
#ioasetdiv tr { height: 28px; }
#ioasetdiv td { padding: 0 4px 0 4px; }
#ioasetdiv td div {display:block; width:230px; height:28px; position:relative; top:3px; float:left;}
#ioasetdiv p {clear: both; margin: 4px 10px 4px 10px; height: 25px; }
#ioasetdiv span { font-weight: bold; float: left; display: block; height: 20px;color: #020180; width: 25px; text-align: right; }
#ioasetdiv input { padding:2px; height:14px; margin:0 2px; }
#ioasetdiv .ioalinespace { height:7px;}
#ioasetdiv .ioatxt { width:204px;}
#ioasetdiv .ioaunit { width:60px; display:none;}
#ioasetdiv .ioabunit { width:68px;}
#ioasetdiv .ioamod { width:80px;}
#ioasetdiv .ioanode { width:40px; display:none; float:right;}
#ioasetdiv .ioatype {width:157px; display:none; float:left;}
#ioasetdiv .ioaaddr { width:48px; display:none; float:left; margin: 0 0 0 4px;}
#ioasetdiv .ioadtype { width:54px; display:none; float:left; margin: 0 0 0 10px;}
#ioasetdiv .ioadec { width:40px;}
#ioasetdiv .ioam {width:50px;}
#ioasetdiv .ioastyle { width:58px; display:block; }
#ioasetdiv .ioamod2 { width:80px; display:none; float:left; margin: 0 0 0 10px;}
#ioasetdiv .ioafunc { width:40px; display:none; float:left;}
#ioasetdiv .ioaaddrtxt { width:99px; display:none; font-size:10px; text-align:right; }
.ioahidden { width:50px; display:none; border:2px solid #808000; position:relative; left:0px; top:-5px;}
#ioasetdiv .ioaclip { position: relative;  height:28px;  width: 60px; top:-2px; left:0px; }
img.gaugethumb0 { display:none; position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) 0px 0px; }
img.gaugethumb1 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) -60px 0px; }
img.gaugethumb2 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) -60px -30px; }
img.gaugethumb3 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) 0px -30px; }
img.gaugethumb4 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) -120px 0px; }
img.gaugethumb5 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) -120px -30px; }
img.gaugethumb6 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) -180px 0px; }
img.gaugethumb7 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) -180px -30px; }
img.gaugethumb8 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) -240px 0px; }
img.gaugethumb9 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) -240px -30px; }
img.gaugethumb10 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) -300px 0px; }
img.gaugethumb11 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) -300px -30px; }
img.gaugethumb12 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) -360px 0px; }
img.gaugethumb13 { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:60px; height:30px; background:url(img/thumb160.gif) -360px -30px; }
/* IOD set
--------------------------------*/
#iodsetdiv{ width:718px; display:block; float:left; }
#iodsetdiv .ioanr { font-weight: bold; text-align: right; }
#iodsetdiv .bggray { background-color: #dfdfdf; }
#iodsetdiv table { border: 3px solid #dfdfdf; text-align:left; }
#iodsetdiv th { height: 20px; padding: 0 0 0 8px; border-bottom: 3px solid #dfdfdf; }
#iodsetdiv td { padding: 0 4px 0 4px; }
#iodsetdiv tr { height: 30px; }
#iodsetdiv p {clear: both; margin: 4px 10px 4px 10px; height: 25px; }
#iodsetdiv span { font-weight: bold; float: left; display: block; height: 20px;color: #020180; width: 25px; text-align: right; }
#iodsetdiv input {display: block; width: 65px; border: 2px solid #020180; color: #020180; float: left; padding: 0 0 0 1px; margin : 0 2px 0 2px; }
#iodsetdiv select {display: block; width: 70px; border: 2px solid #020180; color: #020180; float: left; padding: 0px; }
#iodsetdiv .unit { width: 70px; margin: 5px 0 0 0; }
#iodsetdiv .tbol { width: 35px; border:0px; } 
/* Accounts 
--------------------------------*/
.userlist { font-weight: normal; padding-bottom: 2px; width: 390px;	}
.userlist td { padding-left: 5px; padding-top: 2px; }
#leftdiv, #rightdiv { width: 500px; height:640px; float: left; margin: 0 10px 0 0; font-size: 1em;}
#listdiv { width: 390px; display: block; float: left; height: 240px; border: 3px solid #dfdfdf; }
#listdiv table td { height: 20px; padding: 0 0 0 4px; font-size: 1em; }
.bgbarnone td  { text-decoration: none; color: #020180; background-color: #fff; }
.bgbarpoint td  { text-decoration: underline; color: #020180; background-color: #fff; font-weight:bold; }
.bgbarmatch td { background-color :#0000ff; color:#fff; font-weight:bold; text-decoration: none; }
#acceditdiv p { font-weight: bold; margin: 4px 0 4px 0; clear: both; display:block; float:left; width:500px; }
#filterdiv p { font-weight: bold; margin: 4px 0 4px 0; clear: both; display:block; float:left; width:184px; }
#acceditdiv span, #filterdiv span { color: #020180; margin: 2px 4px 0 4px; padding: 0 0 0 4px; display:block; float: left; width: 180px; } 
#filterdiv .accfilter { width: 190px; height: 310px; float:left; background-color:#dfdfdf; }
#filterdiv .accfilter input { width: 20px; border:0px; }
img.btnadd { position: absolute; left:0px; top:0px; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -294px -42px; }
img.btndel { position: absolute; left:0px; top:0px; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -336px -42px; }
/* Diagnostic 
--------------------------------*/
#cntsdiv { width: 360px; height: 726px; border: 2px solid #dfdfdf; display:block; float:left; cursor:default; margin: 4px 0 0 4px; }
#cntsdiv table td p { text-align:left; width: 40px; height: 14px; margin: 1px; border: 2px solid #020180; color: #020180; padding: 0 2px 0 2px; }
#cntsdiv table td span { width: 10px; }
#versiondiv, #netlivediv { width: 500px; height:100px; border: 2px solid #dfdfdf; display:block; float:left; cursor:default; margin: 4px 0 0 8px; }
#versiondiv p, #netlivediv p { height: 22px; text-align:left; cursor:default; margin: 4px; }
.diagtab { width:498px; height:294px; border:3px solid #920000; display:block; float:left; cursor:default; margin: 0px 0 0 8px; padding:10px 0 0 0; }
.diagtab p { height: 22px; text-align:left; cursor:default; margin: 4px; }
#diacfg { width:512px; height:726px; float:left; }
#diacfg p span { cursor:default; float:left; width:200px; font-weight: bold; color: #020180; text-align:right; padding: 4px 4px 0 0; display:block; }
#diacfg p span.symbtxt { width:35px; text-align:center; color:#808080; font-weight:bold; font-size:1.2em; }
#diacfg p input { cursor:default; float:left; width:260px; }
.diagtab p input { width: 260px; }
#tabdiv1 p span { width:240px; }
#tabdiv2 p span, #tabdiv3 p span { width:200px; }
.diagtab p select { width:160px; float:left; margin:0 0 0 2px; }
img.graymobile { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -84px -42px; }
img.graymodbus { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -126px -42px; }
img.graymodem { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -168px -42px; }
#diagmenudiv { width: 500px; height:40px; display:block; float:left; cursor:default; margin:3px 0 0 3px; }
.diagsel { width: 500px; height:4px; display:block; float:left; cursor:default; top:37px; }
.diagselactivetop { position:absolute; background-color: #fff; color: #990000; width:74px; margin:0 0 0 5px; height:9px; top:-3px; border-top:0px; border-left:3px solid #920000; border-bottom:0px; border-right: 3px solid #920000; }
.diagselactivebot { position:absolute; background-color: #fff; color: #990000; width:74px; margin:0 0 0 5px; height:9px; top:-3px; border-top:0px; border-left:3px solid #920000; border-bottom:0px; border-right: 3px solid #920000; }
#diagmenu a { position:absolute; top:0px; left:70px; display: block; height:26px; width:74px; font-weight: bold; text-align: center; font-size:1.1em; border: 3px solid #920000; color: #fff; background-color: #990000; }
#diagmenu a:hover { text-decoration: underline; }
#diagmenu a.active { background-color: #fff; color: #990000; }
#dtableinfo table, #dtablepriority table { position:absolute; left:170px; top:12px; font-weight:normal; }
#dtableinfo table tr, #dtablepriority table tr { height:30px; } 
#diagmenudiv2 { width: 500px; height:40px; display:block; float:left; cursor:default; margin:0 0 0 3px; }
#diagmenub a { position:absolute; top:0px; left:70px; display: block; height:26px; width:74px; font-weight: bold; text-align: center; font-size:1.1em; border: 3px solid #920000; color: #fff; background-color: #990000; }
#diagmenub a:hover { text-decoration: underline; }
#diagmenub a.active { background-color: #fff; color: #990000; }
img.grayfunc { position: absolute; background-repeat:no-repeat; background-attachment:fixed; width:42px; height:42px; background:url(img/sprite42.gif) -420px -42px; }