/* NEON LIGHTS THEME */

body
{ 
  text-align: left;
  /*padding-top:-0px;
  padding-left:-0px;  
  padding-right:-0px;  
  padding-bottom:-0px;*/
  padding:-0px;
  padding-top:3px;
  padding-bottom:3px;
  
  margin:0px;

  color:#ffffff;
  font-family: 'arial';
  margin:auto;
  background:linear-gradient( #100010,#050005, #100010 );  
width:100%;
  
}
*
{
padding-left:5px;
padding-right:5px;  
font-family: sans-serif;
}
#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,#000000);
}
#footer
{
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-top-left-radius: 0px;
border-top-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(#000000, #440044);
}

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

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

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: #ffff; TEXT-DECORATION: none; }
H2.row A:hover,A:active   {COLOR: yellow; TEXT-DECORATION: none; }
H3.row A   {COLOR: #ffff; 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/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;
    padding-left:0px;
    padding-right:0px;
    line-height: 1.6;
/*    margin-left:5px;
    margin-right:5px;*/
    /*max-width:1270px;*/
	
	
}
#outscfg
{
    border-color:#aa00aa;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #080008;
    color:#ffffff;
    padding:5px;
    padding-left:0px;
    padding-right:0px;
/*    margin-left:5px;
    margin-right:5px;*/
    /*max-width:1270px;*/
	
	
}
#outsscfg
{
    border-color:#aa00aa;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #080008;
    color:#ffffff;
    padding:5px;
    padding-left:0px;
    padding-right:0px;
    
    background: linear-gradient(#100010,transparent);
/*    margin-left:5px;
    margin-right:5px;*/
    /*max-width:1270px;*/
	
	
}
#outsscfg table
{
    background-color: transparent;
    border:0px;
    width:100%;
    /*border-top: 1px solid #400040;
    border-bottom: 1px solid #400040;*/
}
#outsscfg table thead
{
background: linear-gradient(#100010,#400040,#100010);
}

#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,#002000);
}
#inputsn
{
	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,#002000);
}

#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( #000000, #002000, #000000);
}
#in5
{
display:none;
}
#in6
{
display:none;
}
#in7
{
display:none;
}
#in8
{
display:none;
}

#outscfg
{
    border-color:#ff00ff;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #f000f0;
/*#080008;*/
    color:#ffffff;
    padding:0px;
    padding-top:10px;
    padding-bottom:10px;
/*    margin-left:5px;
    margin-right:5px;*/
    /*max-width:1270px;*/

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

}
#secupgmn
{
    line-height: 1.8;
    border-color:#aa0000;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #180000;
    color:#ffffff;
    padding:5px;
    /*width:500px;*/
	background:linear-gradient( #200000, #0a0000,#200000);

}
#zonesn
{
    line-height: 1.8;
    border-color:#770000;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #100000;
    color:#ffffff;
    padding:5px;
    /*width:500px;*/
	background:linear-gradient( #200000, #070000,#200000);

}
#zones
{
    line-height: 1.8;
    border-color:#770000;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #100000;
    color:#ffffff;
    padding:5px;
    /*width:500px;*/
	background:linear-gradient( #200000, #070000,#200000);

}
#programs
{
    line-height: 1.8;
    border-color:#770000;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #100000;
    color:#ffffff;
    padding:5px;
    /*width:500px;*/
	background:linear-gradient( #200000, #100000,#080000);

}

#secupgm
{
    line-height: 1.8;
    border-color:#770000;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #100000;
    color:#ffffff;
    padding:5px;
    /*width:500px;*/
	background:linear-gradient( #202000, #101000,#080800);

}


#programsn
{
    line-height: 1.8;
    border-color:#770077;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #100010;
    color:#ffffff;
    padding:5px;
    /*width:500px;*/
	background:linear-gradient( #200020, #070007,#200020);

}


#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,#200020);
}


.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);
}

#drvscfg
{

   border-color:#00ffff;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #00f0f0;
    color:#ffffff;
    padding:0px;
    padding-top:10px;
    padding-bottom:10px;
    background:linear-gradient( #000a0a,#002020, #000a0a);
    /*margin-left:5px;
    margin-right:5px;*/
}

#drvscfg table
{
width:100%;
border-collapse: collapse;
background-color:transparent;
border:none  !important;

}

#drvscfg table tr td
{
padding:1px;
padding-top:20px;
padding-bottom:20px;
}


#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,#002020);
}

#drivesn
{
	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,#002020);
}




.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
{
position:relative;
    margin:auto;
	
    border-color:#ffff00;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #222200;
    color:#ffffff;
    padding:5px;
    /*max-width:1270px;*/
    /*background:linear-gradient( #101000, #000000);	*/
margin-bottom:10px;
/*margin-left:5px;
margin-right:5px;*/
}
#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,#202000);
}
#indefaults
{
width:100%;
background-color:transparent;
line-height: 1.6;
vertical-align: top;
}
#indefaults tr td
{
vertical-align: top;    
}
#dimmcfg
{
    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( #101000, #040400,#101000);
}
#dimmersn
{
	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,#202000);
}

.dimmscfg div
{
	line-height: 1.8;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
margin:auto;
	margin-top:6px;
	margin-bottom:6px;
    color:#ffffff;
    padding:10px;
    padding-left:0px;	
    padding-right:0px;	

}
.dimmcfg 
{
	line-height: 1.8;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    margin:auto;
	margin-top:6px;
	margin-bottom:6px;
    color:#ffffff;
    padding:10px;
    padding-left:20px;	
    padding-right:20px;	
    background-color:red;
    background: linear-gradient(#404040,#0a0a0a);
    
}


.dimmred
{
border-color:#ff0000;
background-color: #550000;
background:linear-gradient( #400000, #0a0000);
}
.dimmgreen
{
border-color:#00aa00;
background-color: #002200;
background:linear-gradient( #004000, #000a00);
}
.dimmblue
{
border-color:#0000aa;
background-color: #000022;
background:linear-gradient( #000040, #000a);
}
.dimmwhite
{
border-color:#aaaaaa;
background-color: #222222;
background:linear-gradient( #404040, #0a0a0a);
}



#adcscfg
{
display:block;
    margin:auto;
    position:relative;
    border-color:#0000aa;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #000008;
    color:#ffffff;
    padding:5px;
/*    padding-top:10px;
    padding-bottom:10px;*/
    /*max-width:1270px;*/
/*    margin-left:5px;
    margin-right:5px;*/
}

#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,#000020);
}

#adcsn
{
	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,#000020);
}

#adcprogramsn
{
    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,#000020);
}


#adcprogramsn
{
	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,#000020);
}



.adccfg
{
    display:block;
    position:relative;
    border-color:#0000aa;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    color:#ffffff;
    padding:20px;
    line-height: 2em;
    /*padding-top:18px;
    padding-bottom:18px;	*/
    background-color:#000000;
    margin:auto;
    margin-bottom:5px;
}
.adccfg table
{
border-collapse: collapse;
background-color:#000000;
padding:0px;
width:100%;
/*padding-top:10px;
padding-bottom:10px;*/
margin:0px;
border:none  !important;

}

.adccfg table tr
{
/*padding-top:10px;
padding-bottom:10px;
padding:10px;*/
}
.adccfg table tr td
{
/*padding-top:10px;
padding-bottom:10px;*/
padding:10px;
}

.adcok
{
padding:20px;
background:linear-gradient( #000a00,#006000, #000a00);
}
.adcmin
{

padding:20px;
background:linear-gradient( #00000a,#000060, #00000a);
}
.adcmax
{
padding:20px;
background:linear-gradient(#0a0000, #600000, #0a0000);
}


input
{
background-color: #202020;
border-color:#808080;
color:#ffffff;
}
select
{
background-color: #202020;
border-color:#808080;
color:#ffffff;
}

input[type="checkbox"] {
  transform: scale(1.4);
  margin:auto;

  border: 1px solid #808080;
  display: inline-block;
  width: 17px;
  text-align:center;
  vertical-align:middle;
  background: #222222;
  color: #ffffff;
/*  padding-left:4px;
  padding-right:4px;*/
  background-color: #222222;
}
form
{
display:inline;

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

tr.even
{
/*background-color:#aa00aa;*/
padding-top:20px;
padding-bottom:20px;
background:linear-gradient(#040004, #200020,#040004);

}

tr.odd
{
/*background-color:#550055;*/
padding-top:20px;
padding-bottom:20px;
background:linear-gradient( #040004,#500050,#040004);
}



tr.reven

{

/*background-color:#aa00aa;*/
padding-top:20px;
padding-bottom:20px;
background:linear-gradient(#000404, #002020,#000404);

}

tr.rodd
{
/*background-color:#550055;*/
padding-top:20px;
padding-bottom:20px;
background:linear-gradient( #000404,#005050,#000404);
}

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="text"]
{
width:20px;
}
input[type="text"].groups
{
width:200px;
padding-left:2px;
}

input[type="text"].devname
{
width:200px;
padding-left:2px;
}
input[type="text"].output
{
width:200px;
padding-left:2px;
}

input[type="text"].input
{
width:200px;
padding-left:2px;
}
input[type="text"].adc
{
width:200px;
padding-left:2px;
}
input[type="text"].dimmer
{
width:200px;
padding-left:2px;
}
input[type="text"].drives
{
width:200px;
padding-left:2px;
}
input[type="text"].zones
{
width:200px;
padding-left:2px;
}
input[type="text"].program
{
width:200px;
padding-left:2px;
}
input[type="text"].secupgms
{
width:200px;
padding-left:2px;
}



input[type="text"].outputname
{
width:100px;
padding-left:2px;
}
input[type="text"].outname
{
width:400px;
padding-left:2px;
}

input[type="text"].inname
{
width:400px;
padding-left:2px;
}

input[type="text"].adcname
{
width:350px;
padding-left:2px;
}
input[type="text"].dimname
{
width:400px;
padding-left:2px;
}
input[type="text"].drvname
{
width:100px;
padding-left:2px;
}
input[type="text"].zonename
{
width:400px;
padding-left:2px;
}

input[type="text"].pgmname
{
width:400px;
padding-left:2px;
}
input[type="text"].adcpgmname
{
width:400px;
padding-left:2px;
}
input[type="text"].secupgmsname
{
width:400px;
padding-left:2px;
}



input[type="text"].adclowevent, 
input[type="text"].adcokevent, 
input[type="text"].adchighevent
{
width:400px;
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;
margin:auto;
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:99.6%;
margin:auto;
background:linear-gradient( #000000,#000014	,	#000000);
padding:0px;
}
#pagem /*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:1275px;
margin:auto;
padding:0px;
/*padding-left:0px;
padding-right:0px;
padding-top:0px;*/
background-color: #000000;
/*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;
}


#pagen
{
background-color:#000000;
border-color: #440044;
border-width: 3px;
border-radius:10px;
border:solid #440044;
width:1020px;
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	);
}

#timingparams
{
    border-color:#0000aa;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #000000;
    color:#ffffff;
    padding:5px;
    display:inline-block;
    padding-left:0px;
    padding-right:0px;
    /*margin-left:5px;*/
}
#timingparams table {
    border-collapse: collapse;
    background-color:#000000;
padding:0px;
margin:0px;
border:none  !important;

}

#timingparams table, th, tr, td {
border:none;
border-width:0px;
}
#timingparams table 
{
border-width:0px;
border-style:none;
}
#timingparams table tr
{
padding:0px;
padding-top:5px;
padding-bottom:5px;

/*background-color:#000000;*/
}
#timingparams table tr td
{
/*padding-left:0px;*/

}

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

#timingparams table tr.header td
{
border-width:0px;
border-style:none;
border-color: #000080;
background: radial-gradient(  #000080,   #000040,#000010,#000000);

}

#timingparams table tr.header 
{
border-bottom:1px;
border-style:solid;
border-color:#000080;
}

.alarmprmsdiv
{

}
/*#timingparams*/
 table tr.alarm
{
background: linear-gradient(  #000000, #500050, #000000);
}
/*#timingparams*/
 table tr.horn
{
background: linear-gradient(  #000000, #700000, #000000);
}

/*#timingparams*/ 
table tr.warning
{
background: linear-gradient(  #000000, #707000, #000000);
}

/*#timingparams*/ 
table tr.monitoring
{
background: linear-gradient(  #000000, #007070, #000000);
}

/*#timingparams*/ 
table tr.early
{
background: linear-gradient(  #000000, #505050, #000000);
}

/*#timingparams*/ 
table tr.silent
{
background: linear-gradient(  #000000, #000040, #000000);
}

/*#timingparams*/
 table tr.sms
{
background: linear-gradient(  #000000, #500020, #000000);
}

/*#timingparams*/ table tr.input
{
background: linear-gradient(  #000000, #002000, #000000);
}

.updatedefaults
{
border-width:0px;
border-color:#a00080;
border-style:solid;
border-radius: 10px;
background: radial-gradient(  #a00080,   #500030,#180010,#000000);

}

#devname 
{
width:200px;
} 

#inputscfg table
{
width:100%;
background-color:transparent;

}

#outscfg table
{
width:100%;
background-color:transparent;

}



#inputscfg table, th, td
{
padding:0px;
margin:0px;
padding-top:4px;
padding-bottom:4px;
border-width:0px;
border:none  !important;
border-collapse: collapse;
/*background-color:#000000;*/

}
#outsscfg table, th, td
{
padding:0px;
margin:0px;
padding-top:4px;
padding-bottom:4px;
border-width:0px;
border:none  !important;
border-collapse: collapse;
/*background-color:#000000;*/

}
#inputscfg table, tr, th
{
padding-top:10px;
padding-bottom:10px;

}
#outsscfg table, tr, th
{
padding-top:10px;
padding-bottom:10px;

}

#inputscfg table thead
{
background: linear-gradient( transparent, #006000,transparent  );
padding-top:0px;
padding-bottom:0px;
/*border-top: 1px solid #00ff00;*/
}

#inputscfg table thead.bottom
{
border-width:0px;
background: linear-gradient(transparent,#006000, transparent  );
border-bottom: 0px;
}
#outsscfg table thead.bottom
{
border-width:0px;
background: linear-gradient(transparent,#400040, transparent  );

}



#inputscfg table thead.bottom tr
{
    border-width:0px;
}

#inputscfg  td
{
padding-left:5px;
padding-right:5px;
}


#outsscfg table thead
{
background: linear-gradient( transparent  ,#400040,transparent  );
padding-top:-10px;
padding-bottom:-10px;
margin-top:0px;
margin-bottom:0px;
/*border-top:1px #f000f0 solid;
border-bottom:1px #f000f0 solid;*/
}

#outsscfg table thread tr
{
/*border-top:1px;*/
border-bottom:0px;
border-width:1px;
border-style:solid;
/*border-top:1px #f000f0 solid;
border-bottom:1px #f000f0 solid;*/
}

#outscfg table thread tr td
{
padding-top:-20px;
padding-bottom:-20px;
}

#outscfg table thead.bottom
{
border-width:0px;
background: linear-gradient( transparent,#f000f0  );

}


#outsscfg table thead.bottom tr
{
/*border-top:1px;*/
border-bottom:0px;


}

#drvscfg table thead
{
background: linear-gradient( transparent  ,#006060,transparent  );
padding-top:-10px;
padding-bottom:-10px;
margin-top:0px;
margin-bottom:0px;
}

#drvscfg table thread tr
{
/*border-top:1px;
border-bottom:0px;
border-width:1px;
border-style:solid;*/
}

#drvscfg table thread tr td
{
padding-top:-20px;
padding-bottom:-20px;
}

#drvscfg table thead.bottom
{
border-width:0px;
background: linear-gradient( transparent,#00f0f0  );

}

#drvscfg table thead.bottom tr
{
/*border-top:1px;
border-bottom:0px;*/


}






#inputscfg  td
{
padding-left:5px;
padding-right:5px;
}

input[type="text"].event
{
width:100px;
}



input[type="text"].inputname

{
width:100px;
}
#inputscfg table 
{
width:100%;
}

#inputscfg table tr
{
padding:10px;
border:0px;
border-bottom:1px;

border-color:#00a000;
border-style:solid;
border-radius:10px;

}

.inptsalarms {
border-collapse: collapse;
background-color:#000000;
padding:0px;
margin:0px;
border:none  !important;

}

.inptsalarms tr
{
padding:0px;
padding-top:5px;
padding-bottom:5px;

}

.inptsalarms tr td
{
padding:5px;
}
.alarmparams
{
width:100%;

}
.alarmparams tr
{
border-collapse: collapse;
background-color:#000000;
padding:0px;
margin:0px;
border:none  !important;
padding-top:5px;
padding-bottom:5px;
}

.alarmparams tr td
{
word-wrap:no;
}


#outscfg table
{
width:100%;
border-collapse: collapse;
background-color:#000000;
border:none  !important;
background:linear-gradient(#880088,transparent);

}

#outscfg table tr td
{
padding:5px;
padding-top:20px;
padding-bottom:20px;
}
.NamField
{
padding-left:0px;
padding-right:0px;
}


.hiddingparams
{
location:absolute;
top:0px;
left:100px;
display:inline;
}

#currentpgm
{
	line-height: 1.8;
font-size:20px;
	border-color:#AA0000;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    background-color: #180000;
    color:#ffffff;
    padding:5px;
    margin:auto;
    vertical-align:middle;
   background:linear-gradient(  #000000, #330000);
/*margin-left:5px;
margin-right:5px;*/
}
.adcslnk
{
background-color:transparent;
}
.adcslnk tr
{
background-color:transparent;
}

.adcslnk tr td
{
/*    text-align:center; */
vertical-align:middle;
text-align:center;
margin:auto;	
border-collapse:collapse;
background-color:transparent;
/*border-width:1px;
border-style:solid;

border-color:#000044;
border:solid 1px !important;
border-radius:5px;*/
   background:radial-gradient( #004444,#003333,#000808,#000000);


padding:5px;
background-color:#000011;
}


span.prgnr
{
top:0px;
line-height:1;
font-size:30px;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
border-radius:40px;
background-color:transparent;
background:linear-gradient( transparent, #aa0000,transparent);

}

#MainButtons
{
position:relative;    
padding:0px;
padding-bottom:0px;
border:none 0px;
display:block;
background-image:url("/img/ehouse-logo-light.png"), url("/img/background-c.png");
background-size:   auto 70px, auto 100%;
background-repeat: no-repeat, no-repeat;
background-position: 5px 12px, -20px 0 ;
/*min-height: 100px;*/

margin:0px;
left:0px;
top:0px;
margin:auto;
/*height:100%;*/
height:100px;
/*padding-left: 10px;*/
/*margin-right: 0px;*/
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;*/
}

/*#MainButtons img
{
filter: brightness(15%)    ;
    
}*/
#MainButtBottom
{
width:100%;    
position:absolute;
bottom:0px; 
padding-right:30px;
/*opacity:1;*/
/*filter: brightness(10%);*/
}

.MainButton
{
    
position: relative;
display: inline-block;
border-style:solid;
border-width:3px;
border-radius:0px;
border-top-right-radius:10px;
border-top-left-radius:50px;
border-bottom-width:0px;
font-size:20px;
text-align:right;
padding:10px;
padding-right:10px;
padding-left:40px;
/*margin:0px;*/
margin-left:-5px;
margin-right:20px;
/*width:200px;*/
text-align: right;
float:right;
/*min-height:30px;*/
/*background:linear-gradient( #008888,#004444,#000000);*/ /*,#440044,#220022,#110011,#000000);*/
/*background:radial-gradient( #ff00ff,#aa00aa,#660066,#000000);*/
background:linear-gradient( #aaaaaa,#555555);
/*background:linear-gradient( #666666,#333333,#111111,#000000);*/
border-color:#ffffff;

/*vertical-align: bottom;
bottom:0px;    
opacity:90%;*/
filter:brightness(100%);
opacity:0.75;
font-weight:500;
}

.MainButton:hover
{
background:radial-gradient(#006666,#002222,#006666,#002222, #006666,#002222,#006666);
}

div.frontend
{
display:block;
border-style:solid;
border-width:1px;
border-radius:10px;
margin:auto;
margin-bottom:10px;
margin-top:10px;
padding:10px;
align-content:center;

}

div.frontend:hover
{
/*margin:auto;*/

}

#ModIn
{
background:linear-gradient( #008800,#001800,#001100, #001100,#001100);
bacground-color:#001100;
border-color:#00aa00;

}
#ModOut
{
background:linear-gradient( #880088,#180018,#110011, #110011,#110011);
bacground-color:#110011;
border-color:#aa00aa;
}


div.frontend h2
{
position:relative;
top:-25px;
/*left:5px;*/
padding:0px;
padding-top:-10px;
width:100%;
/*margin:-5px;*/
display:inline-block;
font-size:20px;
/*background:linear-gradient( #110011, #660066);*/
valign:top;
}



div.frontend div
{
display:inline-block;
margin:auto;
text-align:center;
font-size:20px;
padding:10px;
border-style:solid;
border-width:1px;
border-radius:8px;
background:radial-gradient(#008800,#001100);
border-color:#00ff00;
min-width:250px;
}
div.frontend div:hover
{
opacity:0.7;    
    
}
#ModOut
{
background:linear-gradient( #880088,#180018,#110011, #110011,#110011);
bacground-color:#110011;
border-color:#aa00aa;
}


#ModOut div
{
background:radial-gradient(#880088,#110011);
border-color:#ff00ff;
}

#ModSecu
{
background:linear-gradient( #880000,#180000,#110000, #110000,#110000);
bacground-color:#110000;
border-color:#aa0000;
}


#ModSecu div
{
background:radial-gradient(#880000,#110000);
border-color:#ff0000;
}

#ModAdc
{
background:linear-gradient( #000088,#000018,#000011, #000011,#000011);
bacground-color:#000011;
border-color:#0000aa;
}


#ModAdc div
{
background:radial-gradient(#000088,#000011);
border-color:#0000ff;
}

input[type="submit"]
{
margin-right:5px;
}
a
{
padding:5px;
border: 1px #888888 solid;
text-decoration: none;
font-family: sans-serif;
color: #ffffff;
border-radius: 5px;
background:linear-gradient(  #444444,#666666);
}
a:hover
{
color: #ffaaff;
background:linear-gradient(  #888888,#444444);
}
a:visited
{
color: #ffffff;
background:linear-gradient(  #444444,#666666);    
}

a.nobut
{
border:0px;
padding:0px;
margin:0px;
background-color:transparent;
background:none;
text-decoration:underline;
color:#ff00ff;
}

a.nobut:hover
{ 
border:0px;
padding:0px;
margin:0px;
background-color:transparent;
background:none;
color:#00ffff;
}


#alloutputs,#allsecu,#allinputs
{ 
/*padding:10px;
margin:10px;*/
margin:auto;
line-height:3.8;
}

a.but
{
display:inline-block;
text-align: center;
vertical-align: middle;
font-size: 15px;
width: 55px; 
height: 55px;
padding:0px;
/*height:40px;*/
/*padding:auto;*/
/*margin:auto;*/
}
div.outleft
{
    position: absolute;
    text-align: left;
    left:20px;
    display:inline;
    color: #ff00ff;
}
div.outright
{
    position: absolute;
    text-align: right;
    right:50px;
    display:inline-block;
    color: #ff00ff;
}
div.outright strong
{
    color:white;
}

div.inleft
{
    position: absolute;
    text-align: left;
    left:20px;
    display:inline;
    color: #00ff00;
}
div.inright
{
    position: absolute;
    text-align: right;
    right:50px;
    display:inline-block;
    color: #00ff00;
}
div.inright strong
{
    color:white;
}

div.drvleft
{
    position: absolute;
    text-align: left;
th    display:inline;
    color: #00ffff;
}
div.drvright
{
    position: absolute;
    text-align: right;
    right:50px;
    display:inline-block;
    color: #00ffff;
}
div.drvright strong
{
    color:white;
}
#adcscfg strong
{
    color: #0000ff;
}
#dimmcfg strong
{
    color: #ffff00;
}