﻿/* NEON LIGHTS THEME */

body
{ 
  text-align: left;
  padding-top:-0px;
  padding-left:-0px;  
  padding-right:-0px;  
  padding-bottom:-0px;
  margin:0px;

  color:#ffffff;
  font-family: 'arial';
  margin:auto;
  background:linear-gradient( #000404,#001010, #000404 );  

  
}
*
{
padding-left:5px;
padding-right:5px;  
}
#header 
{
color:#ff00ff;
}
#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/bms-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/bms-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, #000a);
}
#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: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	);
}

