/* NEON LIGHTS THEME */

body
{ 
  text-align: left;
  padding-top:-0px;
  padding-left:-0px;  
  padding-right:-0px;  
  padding-bottom:-0px;
  margin:0px;
  width:100%;
  background-color:transparent;
  color:#ffffff;
  font-family: 'arial';
  margin:auto;
  background:linear-gradient( #000404,#001010, #000404 );
    
/*background-image:url("/img/background-c.png");
background-size:   auto auto;
background-repeat: repeat;
background-position: -370px 0 ;
  	-webkit-filter: brightness(10%);
  	-moz-filter: brigthness(10%);
  	-o-filter: brigthness(10%);
  	-ms-filter: brightness(10%);
  	filter: brightness(10%);
  */
  opacity:1;    
}
#back
{
width:100%;
min-height:100px;
height:100%;
position:absolute;    
left:0px;
top:0px;
background:linear-gradient( #000404,#001010, #000404 );  
background-image:url("/img/background-c.png");
background-size:   auto auto;
background-repeat:repeat;
background-position: -370px 0 ;
-webkit-filter: brightness(20%);
-moz-filter: brigthness(20%);
-o-filter: brigthness(20%);
-ms-filter: brightness(20%);
filter: brightness(20%);
z-index:-1;
/*opacity:0.2;    */
    
}
*
{
padding-left:5px;
padding-right:5px;  
}
#header 
{
position:relative;    
color:#ff00ff;
background-color: transparent;
background-image: url("/img/ico.png");
/*background-image: url("/img/background-c.png");*/
background-size:  auto 20px;
border-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;

background-repeat: no-repeat;
background-position: 0px 0px ;
background-color: transparent;
/*padding-left:10px;
padding-left:10px;*/
min-height: 40px;
/*opacity: 0.2;*/
/*padding-top: 3px;*/
padding:0px;
background: linear-gradient(#440044,#080008);
}
#footer
{
position:relative;    
color:#ff00ff;
background-color: transparent;
background-image: url("/img/ikonka-transparent-300.png"), url("/img/ehouse-logo-light.png"), linear-gradient(transparent, #440044), url("/img/background-c.png");
background-repeat: no-repeat,no-repeat,no-repeat,repeat-y;
background-size:  auto 50px,auto 40px,auto, 0px 0px;
background-position: 30px 60%, 99% 65%, 0px 0px, 0px 0px;
border-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background-color: transparent;
min-height: 80px;
padding:0px;
padding-left:150px;

}
#footer a 
{
text-decoration:none;
color:#ff00ff;

    
}
#footer a:hover
{
background-color: #660066;        
    
}
#header a
{
text-decoration:none;
color:#ff00ff;
}

#header a:hover
{
text-decoration:none;
color:#aa00aa;
}

#pagevis /*main form*/
{
/*background-image:     url("/img/background-c.png");*/
background-position: left top;
background-size:auto 100% ;
background-color:transparent;
border-color: #440044;
border-width: 3px;
border-radius:10px;
border-style: solid;
width:auto;/*1275px;*/
margin:auto;
padding:0px;
/*padding-left:0px;
padding-right:0px;
padding-top:0px;*/
background-color: #000000;
opacity:1;
/*background:linear-gradient( #000018,#000004	,#000004,	#000018);*/
}

#MainForm
{
/*position:absolute;*/

background-color:#000000;
border-color: #440044;
border-width: 3px;
border-radius:10px;
border-style:solid;
margin:auto;
background:linear-gradient( #000018,#000004	,#000004,	#000018);
margin-top:0px;
/*padding:0px;*/
margin-left:5px;
margin-right:5px;
}



/*

#pagevis
{
background-color:#000000;
border-color: #440044;
border-width: 3px;

border-radius:10px;
border:solid #440044;
width:auto;
margin:auto;
background:linear-gradient( #000010,#000004,#000010,#000004,#000010);
display:inline-block;
padding:0px;
background-color:transparent;
}
*/
#vis
{
background-color:#000000;
border-color: #440044;
border-width: 3px;
border-radius:10px;
border:solid #440044;
width:auto;
margin:auto;
/*float:left top;*/
background:linear-gradient( #000010,#000004,#000010,#000004,#000010);
display:inline-block;
padding: 5px;
margin:5px;
margin-top:0px;
opacity:1;
}

table
{
font-family: 'arial';
color: #ffffff;
padding-left:-0px;
padding-right:-0px;
background-color: #330033;
}

table.header
{
    background-image: url('/img/ehouse-diy.png');
    background-repeat: no-repeat;
    background-position:center;
    position: relative;
    padding-top: -0px;
    margin-top: -0px;
    table-layout: fixed;
    width:1260px;
    height: 277px;
    empty-cells: show;
}
table td.empty
{
empty-cells:show;
}
table.mainmenu
{
    display: inline-table;
    padding:0px;
    padding-top: 0px;
    position:relative;
    background-position: top left;
    
    text-align:left;
    border:0;

}

table.submenu
{
    display: inline-table;
    position:relative;
    padding:0px;
    /*padding-left: 5px;*/

    background-position:top left;
    padding-top:0px;
    border-width: 1px;
}

table.mainmenu td
{
padding:1px;
font-size:13px;
border: 1px solid purple;
background-color: #006060;
color:purple;
}


table.mainmenu td:active
{

color:yellow;
background-color:purple;
border: 1px solid aqua;
}
table.mainmenu td a
{
text-decoration: none;
color:#ffffff;
}

table.mainmenu td a:hover
{

color:yellow;
}

table.mainmenu td:hover
{

color:yellow;
background-color:purple;
border: 1px solid aqua;
}

table.submenu td
{
padding:1px;
font-size:13px;
border: 1px solid purple;
background-color: #006060;
color:purple;
}

table.submenu td:active
{

color:yellow;
background-color:purple;
border: 1px solid aqua;
}
table.submenu td a
{
text-decoration: none;
color:aqua;
}

table.submenu td a:hover
{

color:yellow;
}

table.submenu td:hover
{

color:yellow;
background-color:purple;
border: 1px solid aqua;
}

td.mainwindow
{
padding-left:10px;
padding-right:20px;
padding-top:0px;

}



A {color: #7fffba; background-color: transparent}
A:link {color: #7fffba; background-color: transparent}
A:visited {color: #7f007f; background-color: transparent}
A:hover {color: yellow; background-color : transparent}
A:active {color: yellow; background-color: transparent}
    



H1.menu    {color: #99FFFF; text-decoration: none; font-family: impact, serif; font-size:15pt; background-color: transparent}
H2.menu    {color: #99FFFF; text-decoration: none; font-family: impact, serif; font-size:14pt; background-color: transparent}
H3.menu    {color: #99FFFF; text-decoration: none; font-family: impact, serif; font-size:13pt; background-color: transparent}
H4.menu    {color: #99FFFF; text-decoration: none; font-family: impact, serif; font-size:12pt; background-color: transparent}
H5.menu    {color: #99FFFF; text-decoration: none; font-family: impact, serif; font-size:11pt; background-color: transparent}
H6.menu    {color: #99FFFF; text-decoration: none; font-family: impact, serif; font-size:10pt; background-color: transparent}


H1.row    {color: #FFFFFF; text-decoration: none; font-family: arial; font-size:15pt; background-color: transparent;border:0;margin:0;display: inline;}
H2.row    {color: #FFFFFF; text-decoration: none; font-family: arial; font-size:14pt; background-color: transparent;border:0;margin:0;display: inline;}
H3.row    {color: #FFFFFF; text-decoration: none; font-family: arial; font-size:13pt; background-color: transparent;border:0;margin:0;display: inline;}
H4.row    {color: #000080; text-decoration: none; font-family: Arial; font-size:12pt; background-color: transparent;border:0;margin:0;display: inline;}
H5.row    {color: #000080; text-decoration: none; font-family: arial; font-size:11pt; background-color: transparent;border:0;margin:0;display: inline;}
H6.row    {color: #000080; text-decoration: none; font-family: arial; font-size:10pt; background-color: transparent;border:0;margin:0;display: inline;}
H1.tag    {color: #404040; text-decoration: none; font-family: arial; font-size:15pt; background-color: transparent;border:0;margin:0;display: inline;}
H2.tag    {color: #C0C0C0; text-decoration: none; font-family: arial; font-size:14pt; background-color: transparent;border:0;margin:0;display: inline;}
H3.tag    {color: #606060; text-decoration: none; font-family: arial; font-size:13pt; background-color: transparent;border:0;margin:0;display: inline;}
H4.tag    {color: #808080; text-decoration: none; font-family: arial; font-size:12pt; background-color: transparent;border:0;margin:0;display: inline;}
H5.tag    {color: #a0a0a0; text-decoration: none; font-family: arial; font-size:11pt; background-color: transparent;border:0;margin:0;display: inline;}
H6.tag    {color: #c0c0c0; text-decoration: none; font-family: arial; font-size:10pt; background-color: transparent;border:0;margin:0;display: inline;}

H2.row A   {color: #00ffff; text-decoration: none; }
H2.row A:hover,A:active   {color: yellow; text-decoration: none; }
H3.row A   {color: #00ffff; text-decoration: none; }
H3.row A:hover,A:active   {color: yellow; text-decoration: none; }

A.norm {color: #884488;  background-color: transparent}
A.norm:visited {color: #110444; text-decoration: none; background-color: transparent}
A.norm:active  {color: #110444; text-decoration: none; background-color: transparent}
A.norm:hover   {color: yellow; text-decoration: none; background-color: transparent}
A.norm:link    {color: #110444; text-decoration: none; background-color: transparent}
H1.norm {color: #110444;  background-color: transparent}
H2.norm {color: #110444;  background-color: transparent}

A.butonik:visited {color: #110444; background-color : #330066;  background : Blue; }
A.butonik:active  {color: #110444; background-color : #330066;  background : Fuchsia; }
A.butonik:hover   {color: yellow; background-color : #3300FF;  background : Fuchsia; }
A.butonik:link    {color: #110444; background-color : #330066;  background : Blue; }
A.logo {color:#500080;background-color: transparent;}
A.logo:visited {text-decoration: none;  background-color : transparent;margin: 0; padding: 0;border:0;border-color: transparent;}
A.logo:active  {text-decoration: none; background-color : transparent;margin: 0; padding: 0;border:0;border-color: transparent;}
A.logo:hover   {text-decoration: none; background-color : transparent;margin: 0; padding: 0;border:0;border-color: transparent;}
A.logo:link    {text-decoration: none; background-color: transparent;margin: 0; padding: 0;border:0;border-color: transparent;}

h1 a { text-decoration:none; background-color : transparent; color:aqua;} 
h1 a:visited { text-decoration:none; background-color : transparent;color:aqua;} 
h1 a:hover { text-decoration:none; background-color : transparent;color:yellow;} 
h1 a:active { text-decoration:none; background-color : transparent;color:aqua;} 

h2 a { text-decoration:none; background-color : transparent;color:aqua;} 
h2 a:visited { text-decoration:none; background-color : transparent;color:aqua;} 
h2 a:hover { text-decoration:none; background-color : transparent;color:aqua;} 
h2 a:active { text-decoration:none; background-color : transparent;color:aqua;} 
h3 a { text-decoration:none; background-color : transparent;} 
h3 a:visited { text-decoration:none; background-color : transparent;} 
h3 a:hover { text-decoration:none; background-color : transparent;} 
h3 a:active { text-decoration:none; background-color : transparent;} 
h4 a { text-decoration:none; background-color : transparent;} 
h4 a:visited { text-decoration:none; background-color : transparent;} 
h4 a:hover { text-decoration:none; background-color : transparent;} 
h4 a:active { text-decoration:none; background-color : transparent;} 
h5 a { text-decoration:none; background-color : transparent;} 
h5 a:visited { text-decoration:none; background-color : transparent;} 
h5 a:hover { text-decoration:none; background-color : transparent;} 
h5 a:active { text-decoration:none; background-color : transparent;} 
h6 a { text-decoration:none; background-color : transparent;} 
h6 a:visited { text-decoration:none; background-color : transparent;} 
h6 a:hover { text-decoration:none; background-color : transparent;} 
h6 a:active { text-decoration:none; background-color : transparent;} 
tr.menu
{
width:100%;
padding-left:15px;
}

tr.menu  td
{
border-radius: 10px;
border-style: solid;
border-width: 1px;
border-color:#ff0066;    
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
    
background-color: #ff0066;
padding-left:10px;
padding-right:0px;    
width:100%;
}

ul.menulinks
{
text-align:center;
display: inline;
color:red;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
min-height: 55px;
width:1240px;
background-color: #ff0066;
color:  #ffffff;
list-style: none;
}

ul.menulinks li
{
/*list-style-type: �?�;*/
display: inline;
color:#ffffff;
background-color: #ff0066;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
font-size: 1.8em;
}

ul.menulinks li:hover
{
background-color: #330033;
}

ul.menulinks li a
{
text-decoration: none;    
    
}
ul.menulinks li a:hover
{
text-decoration: none;    
color: yellow;
}
ul.menulinks li a:active
{
text-decoration: none;    
color: yellow;
}


div.menulinks
{
position: relative;
padding-left: 0px;
padding-right: 0px;
width:1240px;
color:#ffffff;
background-color: #ff0066;
}

td.header
{
padding-left:0px;
padding-right:0px;
}
td.leftside
{
vertical-align:top;

}
#LeftSide 
    {
     list-style: none;
    background-color: #170008;
    width: 100%;
    color:#e8fff8;
    display:inline-block;
    padding: -0px;
    margin: -0px;
    float:left;
    margin-left: 1px;
    margin-right: 0px;
    border-color:#ff0066;     
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 5px;
	text-decoration:none;
    }
#LeftSide a
	{
	padding-top:5px;
	text-decoration:none;
	}
#LeftSide ul
    {
     margin-top:8px;
     list-style:none;
     margin-bottom:8px;
    }
#LeftSide ul li
	{
	background-color: #7f0033;
	border-color: #ff0066;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	margin: 2px;
	color:#7fffba;
}
#LeftSide ul li:hover
{
    background-color: #ff0066;
    border-color:#ff0066;
}
#LeftSide ul li a
    {
        text-decoration: none;
		color:#7fffba;
        padding-left:5px;
    }
#LeftSide ul li a:hover
    {
        text-decoration: none;
        color: yellow;
        
    }
hr.violet
    {
    border:solid #660066; 
    border-width: 1px 0 0; 
    clear: both;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 4px;
    }
hr.fuchsia
    {
    border:solid #ff0066;
    border-width: 1px 0 0; 
    clear: both;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 4px;
    }
form
    {
	}
form table
	 {
    background-color: #170008;
	}
#MainBody
    {
    background-color: #170008;
    min-width: 100%;
	min-height:208px;
    color:#ffffff;
    display:inline-block;	
    padding: -0px;
    margin: -0px;
	padding-right:7px;
	padding-left:7px;
    float:left;
    border-color:#ff0066;     
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    padding-bottom: 5px;
    }
#MainBody	h1
{
	background-color: #500022;
    min-width: 99%;
    color:#e8fff8;
	padding:0px;
    display:inline-block;
	padding-right:5px;
	padding-left: 5px;
    float:left;
    border-color:#ff0066;     
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
	text-decoration:none;
}
#MainBody a
	{
	padding-top:5px;
	}
#MainBody ul
    {
	padding-left:25px;
	list-style: square inside url('img/ehouse-bullet.png');
    }
#MainBody ul li
{

border-width: 0px;
 
padding: 0px;
padding-left:0px;
}

#MainBody ul li a
    {
/*        text-decoration: none;*/
		color:#7fffba;
        padding-left:5px;
    }
#MainBody ul li a:hover
    {
        text-decoration: none;
        color: #ffffff;
        
    }
table.content	
{
	border-color:#ff0066;     
    border-radius: 10px;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
    border-style: solid;
    border-width: 1px;
  background-color: #000000;
}

span.ReadMore
{
float:right;
background-image: url('img/book_open.png');
background-repeat: no-repeat;
background-position:left;
/*padding:20px;*/
padding-left:20px;
    
}
span.center
{
padding-left:20px;
    
}
#inputscfg
{
    border-color:#00aa00;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #000800;
    color:#ffffff;
    padding:5px;
    /*max-width:1270px;*/
	
	
}
#inputs
{
	line-height: 1.8;
    border-color:#00aa00;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #001800;
    color:#ffffff;
    padding:5px;
    /*max-width:795px;*/
	background:linear-gradient( #002000, #000400);
}
#devnames
{
    border-color:#aa0000;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #180000;
    color:#ffffff;
    padding:5px;
    /*max-width:520px;*/
}


.inputcfg
{
	line-height: 1.8;
	border-color:#005500;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #001800;
    color:#ffffff;
    padding:5px;
	margin-top:4px;
	margin-bottom:4px;
    /*max-width:1260px;*/
	background:linear-gradient( #002000, #000a00);
}
#in5
{
display:none;
}
#in6
{
display:none;
}
#in7
{
display:none;
}
#in8
{
display:none;
}

#outscfg
{
    border-color:#aa00aa;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #080008;
    color:#ffffff;
    padding:5px;
    /*max-width:1270px;*/
	
}
#outputs
{
	line-height: 1.8;
    border-color:#aa00aa;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #180018;
    color:#ffffff;
    padding:5px;
    /*max-width:520px;*/
	background:linear-gradient( #200020, #0a000a);
}


.outcfg
{
	line-height: 1.8;
    border-color:#550055;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
	margin-top:4px;
	margin-bottom:4px;
    background-color: #180018;
    color:#ffffff;
    padding:5px;	
    /*max-width:1260px;*/
	background:linear-gradient( #200020, #0a000a);
}

#out5
{
display:none;
}
#out6
{
display:none;
}
#out7
{
display:none;
}
#out8
{
display:none;
}

#drvscfg
{
    border-color:#00aaaa;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #000808;
    color:#ffffff;
    padding:5px;
    /*max-width:1270px;*/
}
#drives
{
	line-height: 1.8;
    border-color:#00aaaa;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #001818;
    color:#ffffff;
    padding:5px;
    /*max-width:520px;*/
	background:linear-gradient( #002020, #000a0a);
}


.drvcfg
{
	line-height: 1.8;
    border-color:#005555;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #001818;
    color:#ffffff;
    padding:5px;
	margin-top:4px;
	margin-bottom:4px;	
    /*max-width:1260px;*/
	background:linear-gradient( #002020, #000a0a);
}
#drv3
{
display:none;
}
#drv4
{
display:none;
}

#dimmscfg
{
	
    border-color:#aaaa00;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #111100;
    color:#ffffff;
    padding:5px;
    /*max-width:1270px;*/
    background:linear-gradient( #000000, #202000);	
}
#dimmers
{
	line-height: 1.8;
    border-color:#aaaa00;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #181800;
    color:#ffffff;
    padding:5px;
    /*max-width:520px;*/
	background:linear-gradient( #202000, #0a0a00);
}

#dimm1
{
border-color:#aa0000;
background-color: #550000;
background:linear-gradient( #400000, #0a0000);
}
#dimm2
{
border-color:#00aa00;
background-color: #002200;
background:linear-gradient( #004000, #000a00);
}
#dimm3
{
border-color:#0000aa;
background-color: #000022;
background:linear-gradient( #000040, #00000a);
}
#dimm4
{
border-color:#aaaaaa;
background-color: #222222;
background:linear-gradient( #404040, #0a0a0a);
}


.dimmcfg
{
	line-height: 1.8;
    border-color:#550055;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
	margin-top:4px;
	margin-bottom:4px;
    background-color: #180018;
    color:#ffffff;
    padding:5px;
	
    /*max-width:1260px;*/
}


#adcscfg
{
    border-color:#0000aa;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #000008;
    color:#ffffff;
    padding:5px;
    /*max-width:1270px;*/
}
#adcs
{
	line-height: 1.8;
    border-color:#0000aa;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #000018;
    color:#ffffff;
    padding:5px;
    /*max-width:520px;*/
	background:linear-gradient( #000020, #000008);
}


.adccfg
{
	line-height: 1.8;
	margin-top:4px;
	margin-bottom:4px;	
    border-color:#000055;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #001818;
    color:#ffffff;
    padding:5px;
	
    max-width:1260px;
}

#adc1
{
border-color:#aaaa00;
background-color: #222200;
background:linear-gradient( #202000, #0a0a00);
}

#adc2
{
border-color:#0000aa;
background-color: #000011;
background:linear-gradient( #000020, #000008);
}
#adc3
{
border-color:#0000aa;
background-color: #000011;
background:linear-gradient( #000020, #000008);
}

#adc4
{
border-color:#0000aa;
background-color: #000011;
background:linear-gradient( #000020, #000008);
}
input
{
background-color: #202020;
border-color:#808080;
color:#ffffff;
}
select
{
background-color: #202020;
border-color:#808080;
color:#ffffff;
}

input[type="checkbox"] {
  border: 1px solid #808080;
  display: inline-block;
  width: 17px;
  
  background: #222222;
  color: #ffffff;
  background-color: #222222;
  transform: scale(1.4);
}
form
{
display:inline;

}
#programs
{
display:none;
}
#adcprograms
{
display:none;
}

tr.even
{
background-color:#aa00aa;
padding-top:20px;
padding-bottom:20px;
}

tr.odd
{
background-color:#550055;
}
table.buttonsh
{
/*border:none;*/
background-color:#000000;
/*padding-left:0px;
margin-left:0px;*/
display:inline-block;
padding:0px;
border-collapse: separate;
border-spacing: 20px;
border-color: #440044;
border-radius: 10px;
border: solid #440044;
border-width: 3px;
border-top-left-radius:0px;    
border-top-right-radius:0px;    
margin-top:-3px;
/*background:radial-gradient( #030003,#0a000a,#100010,#220022	);*/
background:linear-gradient( #180018,#000404	,#000404,	#180018);
}

table.empty
{
/*border:none;*/
/*background-color:#000000;*/
/*padding-left:0px;
margin-left:0px;*/
display:inline-block;
/*padding:5px;*/
/*border-collapse: separate;
border-spacing: 20px;*/
/*border-color: #440044;
border-radius: 10px;
border: solid #440044;
border-width: 0px;
border-top-left-radius:0px;    
border-top-right-radius:0px;    
margin-top:-3px;*/
/*background:radial-gradient( #030003,#0a000a,#100010,#220022	);*/
background:linear-gradient( #180018,#040004	,#040004,	#180018);
}



table.buttonsh tr td
{
font-size:1.2em;
padding:5px;
border-radius: 7px;
border-style: outset;/*ridge;groove;solid;*/
border-width: 3px;
border-color:#777777;    
background-color: #333333;
text-align:center; 
vertical-align:middle;
border-spacing:10px;
background:radial-gradient( #003333,#000a0a	);
}
table.buttonsh tr td:hover
{
background-color:#555555;
border-color:#999999;
background:radial-gradient( #000a0a,#003333	);
}
input[type="text"]
{
width:200px;
padding-left:2px;
}


input[type="submit"] 
{
font-size:1.2em;
padding:2px;
display: inline-block;
border-radius: 5px;
border-style: outset;/*ridge;groove;solid;*/
border-width: 3px;
padding-left:15px;
padding-right:15px;
background-color:#006666;
float:right;
background:radial-gradient( #003333,#000a0a	);
}

input[type="submit"]:hover
{
background-color:#555555;
border-color:#999999;
background:radial-gradient( #000a0a,#003333	);
}	

#form
{
background-color:#000000;
border-color: #440044;
border-width: 1px;
border-radius:10px;
border-bottom-left-radius:0px;
border:solid #440044;
margin:auto;
background:linear-gradient( #100010,#040004, #100010);
}


#page
{
background-color:#000000;
border-color: #440044;
border-width: 3px;
border-radius:10px;
border:solid #440044;
width:1275px;
margin:auto;
background:linear-gradient( #000018,#000004	,#000004,	#000018);
}

#pagen
{
background-color:#000000;
border-color: #440044;
border-width: 3px;
border-radius:10px;
border:solid #440044;
width:1000px;
margin:auto;
background:linear-gradient( #000010,#000004	,#000010,#000004,	#000010);
}
strong.ctrler
{
text-align:right;
float: right;
right:0px;
top:10px;
color:#ff00ff;
}

#DUPeven
{
font-size:1.0em;
padding:2px;
text-decoration:none;
border-radius: 3px;
border-style: outset;/*ridge;groove;solid;*/
border-width: 1px;
border-color:#777777;    
background-color: #333333;

text-align:center; 
vertical-align:middle;
border-spacing:3px;
background:radial-gradient( #ff00ff,#110011	);
}
#DUPeven a
{
text-decoration:none;

}
#DUPeven:hover
{
background-color:#555555;
border-color:#999999;
background:radial-gradient( #110011,#ff00ff	);
}


#DUPodd
{
font-size:1.0em;
padding:2px;
text-decoration:none;
border-radius: 3px;
border-style: outset;/*ridge;groove;solid;*/
border-width: 1px;
border-color:#777777;    
background-color: #333333;

text-align:center; 
vertical-align:middle;
border-spacing:3px;
background:radial-gradient( #660066,#110011	);
}
#DUPodd a
{
text-decoration:none;

}
#DUPodd:hover
{
background-color:#555555;
border-color:#999999;
background:radial-gradient( #110011,#660066	);
}
/*
////////////////////////////////////////////////////////////////////////////

Visualization HTML

*/


/*.divalarm
.divwarn

.divmonit
.divsilent
.divearly
.divactive
*/
.divdimmers
{
    text-align: center;
	/*margin:auto auto;*/
    padding: 5px;
    padding-top:2px;
    padding-bottom: 2px;
    line-height: 1.1;
    border-color:#555500;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #181800;
    color:#ffffff;
    display:inline-block;
    width:300px;
	min-height:46px;
    background-image:  linear-gradient( #303000, #000000,#000000,#303000);
	background-repeat:no-repeat;
    background-size: 100%;
    background-position: center center;
    background-origin:  border-box;
    position:relative;
	top:50%;
	vertical-align:middle;
}
.divdimmers table
{
padding:0px;    
margin:0px;
border:0px;
background-color: transparent;
display: inline;
}

.dimmtomin
{
    text-align: center;
	margin: auto auto;
    line-height: 2;
    border-color:#ffff00;
    border-radius: 0px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    border-style: solid;
    border-width: 1px;
    background-color: #000000;
	height:100%;
    color:#ffffff;
    min-width:20px;       
	position:relative;
	vertical-align:middle;
	top:50%;
	
}

.dimmminus
{
    text-align: center;
	line-height: 2;
    border-color:#ffff00;
    border-radius: 0px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;    
    border-style: solid;
    border-width: 1px;
    background-color: #181800;
    color:#ffffff;
    min-width:20px;       
    background-image: radial-gradient( #000000,#333300,#aaaa00);
	min-width:20px;       
	margin: auto auto;
	vertical-align:middle;
	top:50%;
	position:relative;
}

.dimmtoggle
{
    text-align: left;
	line-height: 1.1;
    border-color:transparent;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
	background-color: transparent;
    color:#ffff00;
    width:100%;
/*	background-image: url("/images/thermo-big.png");*/
	background-repeat: no-repeat;	
	background-size: 15px;
	background-position: left 5px center;
	background-origin: border-box; 
	background-size:auto 20px ;	
	opacity:1;
	padding-left:30px;
	margin: auto auto;
	vertical-align:middle;
	top:50%;
	position:relative;
}

/*
.dimmtoggle:after
{

background-repeat: no-repeat;	
background-size: 15px;
width:100%;
background-position: left 5px center;
background-origin: border-box; 
background-size:auto 70%;	
opacity:0.1;
}*/
.dimmtoggle *
{
/*color:red;*/
/*text-width:50%;*/
	
}
.dimmplus
{
    text-align: center;
    padding:5px;
    line-height: 2;
    border-color:#ffff00;
    border-radius: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-style: solid;
    border-width: 1px;
    background-color: #ffff00;
    color:#ffffff;
	
    min-width:20px;       
    background-image: radial-gradient(#ffff00,#aaaa00,#555500,#000000);
	/*margin: auto auto;*/
	vertical-align:middle;
	top:50%;
	position:relative;
}
.dimmtomax
{
    text-align: center;
    padding:5px;
    line-height: 2;
    border-color:#ffff00;
    border-radius: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    height:90%;
    border-style: solid;
    border-width: 1px;
    background-color: #ffff00;
    color:#ffffff;
    width:20px;       
    /*background-image: radial-gradient( #ffff00,#cccc00, #aaaa00, #000000);*/
    background-repeat:no-repeat;
    background-size: 100%;    
	margin: auto auto;
	vertical-align:middle;
	top:50%;
	position:relative;
}





.divdimmers:hover
{
    /*opacity: 0.8;*/
    
}
.dimmtoggle:hover
{
    opacity: 0.6;
    
}


.dimmtomax:hover
{
    opacity: 0.6;
    
}
.dimmtomin:hover
{
    opacity: 0.6;
    
}
.dimmminus:hover
{
    opacity: 0.6;
    
}

.dimmplus:hover
{
    opacity: 0.6;
    
}
/*div:not(:pagevis):not(:header):not(:footer)  */
#vis div  {
  margin: 5px;  
}
/*  <td><input class="search" type="text" width="10" id="filtersearch"></input><br/>

span
*/
#filter
{
position:relative;
    border-color: #440044;
    border-width: 0px;
    border-radius:10px;
    padding:0px;
    /*display:inline-block;   */
    display: flex;
  justify-content: center;
    color:#00ffff;
    background-color: #001111;
    width:100%;
    background-image:url("/img/ehouse-logo-light.png"),url("/img/ehouse-logo.png"), url("/img/ikonka2-transparent-300.png"),url("/img/background-b.png"); /*auto 50px,no-repeat,95% center , */
	background-size:   auto 95px, auto 50px, 100px auto , 100%;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
	background-position: 5px 5px, 88% 25%, 100% 0px, 0px -10px;
	left:0px;
	top:0px;
	margin: auto auto;
	display:block;
	vertical-align: bottom;
  	-webkit-filter: brightness(50%);
  	-moz-filter: brigthness(50%);
  	-o-filter: brigthness(50%);
  	-ms-filter: brightness(50%);
  	filter: brightness(50%);
/*opacity:0.2;*/
    min-height: 150px;

}
#filter table
{
/*width:100%;*/
/*left:100px;*/
	/*float:right;*/
    padding:5px;
    padding-top:0px;
    background-color:  transparent;
    margin:auto;
  /*  align-self: center;*/
    
}
#filter table tr td
{
    /*float:top;*/
    color:#00ffff;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
    /*display:inline-block;*/
}
#filter table tr td input
{
color:#00ffff;    
    
}

#filter table tr td select option
{
    color:#00ffff;
    
}

.TDSearch
{
      text-align:left;      

}

.filterbutton
    {
    height:100%;
   
    vertical-align: bottom;
    text-align: center;
    background-color: #005555;
    float:right;    
    border-style: outset;/*ridge;groove;solid;*/
    border-color:#777777;    
    background-color: #333333;
    border-width: 3px;
    border-radius:5px;
    /*line-height: 2em;*/
    padding:5px;
    margin:5px;
/*    border-collapse: separate;*/
    /*padding-left: 30px;*/
    display:inline;   
    background:radial-gradient( #006666, #000808);

    }
.filterbutton:hover
    {
    background:radial-gradient( #000808, #006666);
    }
    
#filter table tr td select    
{
color:violet;    
background-color: #002222;
border-color: #006666;

}

#filter table tr td select option
{
color:#00ffff;
}

#filterarch option:checked
{
background-color: red;    
color:red;
    
}
#hidefilter
{
padding:5px; 
border-width: 1px;
border-radius:5px;
border-style:solid;

/*float:right;    */
/*display:inline-block;    */
}

/*#filter*/
.SearchText
  {
   background-color: #002222;   
  }

#MainButtBottom
{
width:99%;    
position:absolute;
bottom:0px; 
vertical-align: bottom;
margin: auto;
/*float: right;*/
margin-top:2px;
/*display:table-cell;*/
 /*display: flex;
  justify-content: flex-end;
  flex-direction: column;*/
overflow:auto;
}
#Internal
{
position:relative;
overflow: auto;
/*bottom:0px;
right:0px;*/

}
.MainButton
{
color:#00ffff;    
position: relative;
display:inline;
/*display: inline;*/
border-style:solid;
border-width:3px;
border-radius:0px;
border-top-right-radius:10px;
border-top-left-radius:50px;
font-size:20px;
text-align:right;
padding:7px;
padding-right:10px;
padding-left:30px;
margin-bottom:0px;
margin-top: 2px;
margin-left:5px;
margin-right:5px;
text-align: right;
float:right;
background:linear-gradient( #555555,#aaaaaa);
border-color:#ffffff;
border-bottom-width: 1px;
filter:brightness(100%);
opacity:0.75;
font-weight:500;
vertical-align: top;
bottom:0px;
right:0px;  

}

.MainButton:hover
{
background:linear-gradient(#220022,#660066,#aa00aa);    
}
  
  .divoutputs
{
	top:0px;
	left:0px;
	text-align: center;
	/*float: left;*/
	/*margin:auto auto;*/
    padding:0px;
    line-height: 1.1;
    border-color:#aa00aa;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #181800;
    color:#ffffff;
    display:inline-block;
	/*display:flex;
	align-items:center;*/
    width:310px;/*265px;*/
    background-image: url("/images/socket (0).png"), linear-gradient( #202000, #0a0a00);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 30px, 100%;
	background-position: left 8px center, center center;
    background-origin: border-box, border-box;
/*	padding-left:40px;*/
    min-height:50px;
	opacity:1;
	position:relative;
	vertical-align: middle;	
	
	/*transform: translateY(-50%);*/
}

.divoutputs:hover
{
    opacity: 0.6;    
}
  
  
.divinputs
{
	top:0px;
	left:0px;
	text-align: center;
    padding:0px;
    line-height: 1.1;
    border-color:#550055;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #180018;
    color:#ffffff;
    display:inline-block;
	/*display:flex;
	align-items:center;*/
    width:310px;/*265px;*/
    background-image: url("/images/socket (0).png"), linear-gradient( #200020, #0a00a0);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 30px, 100%;
	background-position: left 8px center, center center;
    background-origin: border-box, border-box;
    min-height:50px;
	opacity:0.8;
	position:relative;
	vertical-align: middle;	
}

.divinputs:hover
{
/*    opacity: 0.6;*/
    
}


.divalarminp
{
    text-align: left;
	vertical-align:middle;
    padding:5px;
    line-height: 1.2;
    border-color: #005500;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #180018;
    color:#ffffff;
	min-height:42px;
    display:inline-block;
    width:300px;
    background-image: url("/images/alarmin_(0).png"), linear-gradient( #000000,#001800);
    background-repeat: no-repeat, no-repeat;
    background-size: auto 30px, 100%;
    background-position: left 8px center, center center;
    background-origin: border-box, border-box;
	position:relative;
	/*top:50%;*/
	opacity:0.8;
}

.divalarminp:hover
{
    
}
  

.tabouts
{
	top:0px;
	left:0px;
	position:absolute;
	margin:auto auto;
	/*display:inline-block;*/
	display:flex;
	align-items:center;
	padding:0px;
	border:0px;
	width:100%;
	height:100%;
	background-color:transparent;
	border-width:0px;
  vertical-align:middle;
}

.tabouts tr
{
height:100%;
}
/*   
  .tabouts
  {
  position:absolute;
  
  width:100%;
  height:100%;
  padding:0px;
  background-color:transparent;
  border-width:0px;
  vertical-align:middle;
  border-color:transparent; 
  
  }
  */
  
  .tabouts tr td
  {
  position:relative;
  text-align:left;
  height:100%;
  vertical-align:middle;
  background-color:transparent;
  padding:0px;
  opacity:1;
  }
 
  .tdimg
  {
  width: 40px;
  height: 100%;
  background-color:transparent;
  }  
  .alarmicons
  {  
	margin:0px;
	top: 16px;
	left:60px;
    margin-bottom: auto;
    margin-top:auto;
    border-color:transparent;
    border-style: none;
    border-width: 0px;
    background-color: transparent;
    display:inline-block;
	position:absolute;
	/*float: right;*/	
	min-width:240px;
	opacity:1;
	padding-left:0px;
	padding-right:0px;
  }
  
  .divhorn
{
    /*margin:0px;*/
    /*margin-bottom: auto;
    margin-top:auto;*/
	margin: auto;
    padding:11px;
	padding-left:0px;
	padding-right:0px;
	/*padding-left:1px;
	padding-right:1px;*/
    /*padding-right: 2px;
    padding-left: 2px;
    float:right;*/
	/*height:100%;*/
	/*display:flex;
	align-items:center;*/
    border-color:transparent;
    border-style: none;
    border-width: 0px;
    background-color: transparent;
    color:transparent;
    display:inline-block;
    /*width:25px;*/
    background-image: url("/images/horn_(0).png");
    background-repeat: no-repeat;
    background-size:  auto 20px;
    background-position: center center;
    background-origin: content-box;            
	position:relative;
    opacity:1;
	min-width:20px;
}
.divhorn div
{
padding:0px;	
}	
.inputmenu
    {
    margin:-0px;    
    background-color: #000000;
    border-color:#000000;
    color: #000000;
    padding: -0px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display:none;
    position:absolute;
    top:-5px;
    left:-5px;
    opacity:1;   
    /*order:0;*/
    }
.inputmenu table
{
background-color: #000000;
border-color: #000000;

border-width: 0px;
padding:0px;    
opacity:1;
}
.inputmenu table tr
{
border-width:0px;
padding:0px;
margin:0px;
}
.inputmenu table tr.on
{
/*background-color:#002200;    */
border-color:  #00aa00;
background-image:linear-gradient(#660000,#000000);
}
.inputmenu table tr.off
{
background-image:linear-gradient(#000000,#006600);    
background-color:#220000;
border-color: #aa0000;
}
.inputmenu table tr td
{
margin: 0px;
/*align-items: center;*/
width:30px;    
padding:0px;
border-width: 0px;
}
/*.inputmenu:hover, .inputmenu:focus
    {
    background-color: #2980B9;       
    display:inline-block;
    }
  */  
.emptydiv
  {      
    margin:0px;
    padding:0px;
    display:inline-block;
  }
 
.global
{
background-color:#880000;
/*padding:10px;*/
border-color:  #aaaa00;	
background-image:linear-gradient(#aa0000,#00aa00);    
}