body {
  font-family: Verdana;
  color: #88ADB2;
  border-width: 0px;
  margin: 0px;
  padding: 0px;
}

td {
  font-size: 12px;
}


input[ type=text ] {
  height: 28px;
  border: 2px inset rgb(50,60,100);
  border-radius: 5px;
  background: linear-gradient(to left top, rgb(100,130,150), rgb(150,170, 200));
}

select {
  height: 28px;
  border: 2px inset rgb(50,60,100);
  border-radius: 5px;
  background: linear-gradient(to left top, rgb(100,130,150), rgb(150,170, 200));
}

input[ type=submit ] {
  padding: 10px;
  padding-bottom: 5px;
  padding-top: 3px;
  text-align: center;
  height: 28px;
  border: 2px outset rgb(50,60,100);
  border-radius: 5px;
  background: linear-gradient(to left top, rgb(150,170, 200), rgb(100,130,150));
}

input[ type=file ] {
  position: relative;
  top: -27px;
  left: 0px;
  width: 300px;
  opacity: 0.0;
}

.menu  {
  margin: 0px;
  padding: 2px;
  width: 100px;
  height: 60px;
  border:  1px outset #105566;
  border-radius: 10px;
  color: #88ADB2;
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  float: right;
  position: relative;
  top: 58px;
  text-align: center;
  box-shadow: 8px 5px 10px rgba(0,0,0,0.5);
  background: linear-gradient(to left top, rgb(5,25,35), rgb(20,55,75));
}
 
.activemenu {
  padding: 4px;
  z-index: 100; 
  top: 54px;
  border-color:  #085058;
  background: linear-gradient(to left top, rgb(6,35,45), rgb(25,70,100));
  box-shadow: 10px 10px 10px rgba(0,0,0,0.7);
}

a:hover > div.menu {
  top: 55px;
}

.header {
  border-bottom: 1px solid #001133;
  background: linear-gradient(to left top, #003355, #003355, #050511, #050511, #050511, #050505);
  color: #88ADB2;
  overflow: hidden;
  font-family: Verdana;
  font-weight: bold;
  font-size: 10px;
  valign: center;
}
 
.main {
  font-family: Verdana;
  font-size: 15px;
  background: linear-gradient(to left top, #000520, #000000);
  color: #88ADB2;
  padding: 10px;
  valign: center;
  overflow: hidden;
}
 
.footer {
  font-size: 16px;
  border-top: 1px solid #003355;
  background: linear-gradient(to left top, #050511, #050511, #003355);
  color: gray;
  text-align: center;
  overflow: hidden;
}

td.blon {
  background-image: url("../img/bullet_on.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px 15px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  color: #aaaaaa;
}

td.blof {
  background-image: url("../img/bullet_off.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px 15px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}

td.descr {
  padding-right: 20px;
  color: #888888;
} 

a.link:link {
  color: 8866FF;
  text-decoration: none;
}

a.link:visited  {
  color: 8866FF;
  text-decoration: none;
}

a.link:hover  {
  color: #DDDDDD;
  text-decoration: none;
}

a:link  {
  color: #888888;
  text-decoration: none;
}

a:visited {
  color: #888888;
  text-decoration: none;
}

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

.content {
  height: 300px;
  overflow-y: auto;
}