body {
  background: black;
  color: white;
  overflow: auto;
}
img.header {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.wonka {
  display: block;
  position: relative;
  width: 65%;
  height: 90%;
  margin-left: auto;
  margin-right: auto;  
}
div.navigator {
   position: absolute;
   top: 150px; #top: 24;
   left: 1%;
   right: 1%;
   bottom: 0%;
   width: 20%;
   height: 70%;
   -moz-border-radius: 0px 0px 50px 50px;
   -webkit-border-radius: 50px;
   border-width: 1%;
   border-style: groove;
}
div.logger {
   position: relative;
   top: 10%;
   left: 5%;
   right: 5%;
   bottom: 0%;
   width: 90%;
   height: 25%;
}
div.state {
  position: relative;
  top: 2%;
  left: 5%;
  right: 5%;
  bottom: 0%;
  width: 90%;
  height: 18%;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px;
  border: 1px solid white;
}
div.state_text {
  position: relative;
  top: 5%;
  left: 5%;
  right: 5%;
  bottom: 5%;
  width: 90%;
  height: 90%;
  font-size: 14px;
}
div.links {
  position: relative;
  top: 12%;
  left: 5%;
  right: 5%;
  bottom: 0%;
  width: 90%;
  height: 33%;
}
div.menu {
   position: relative;
   top: 4%;
   left: 5%;
   right: 5%;
   bottom: 0%;
   width: 90%;
   height: 60%;
}
div.sliding_menu {
   position: relative;
   top: 0%;
   left: 0%;
   right: 0%;
   bottom: 0%;
}
div.content {
   position: absolute;
   top: 150px; #top: 24%;
   left: 25%;
   right: 1%;
   bottom: 0%;
   width: 74%;
   height: 70%;
   -moz-border-radius: 0px 0px 50px 50px;
   -webkit-border-radius: 50px;
   border-width: 1%;
   border-style: groove;
   overflow: auto;
}
div.content_text {
   position: relative;
   top: 10%;
   left: 5%;
   right: 5%;
   bottom: 10%;
   width: 90%;
   height: 80%;
   overflow: hidden;
  color: white;
}
div.downloads {
  display: none;
  position: absolute;
  top: 30%;
  left: 10%;
  right: 50%;
  bottom: 0%;
  width: auto;
  height: auto;
  border: 1px solid white;
  background-color: gray;
  -moz-border-radius: 50px 50px 0px 0px;
}
div.downloads_text {
  display: none;
  position: relative;
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%;
  width: 80%;
  height: 80%;
  text-align: center;
}
div.registrati {
  display: none;
  position: absolute;
  top: 0%;
  left: 5%;
  right: 55%;
  bottom: 25%;
  width: 40%;
  height: auto;
  border: 1px solid white;
  background-color: gray;
  -moz-border-radius: 0px 0px 50px 50px;
}
div.registrati_text {
  display: none;
  position: relative;
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%;
  width: 80%;
  height: 80%;
  text-align: center;
}
div.recuperapsw {
  display: none;
  position: absolute;
  top: 0%;
  left: 55%;
  right: 5%;
  bottom: 65%;
  width: 40%;
  height: auto;
  border: 1px solid white;
  background-color: gray;
  -moz-border-radius: 0px 0px 50px 50px;
}
div.recuperapsw_text {
  display: none;
  position: relative;
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%;
  width: 80%;
  height: 80%;
  text-align: center;
}
div.resoconto {
  position: relative;
  top: 5%;
  left: 0%;
  right: 55%;
  bottom: 20%;
  width: 45%;
  height: 70%;
  border: 1px solid white;
  -moz-border-radius: 50px 0px 50px 0px;
}
div.resoconto_text {
  position: relative;
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%;
  width: 80%;
  height: 80%;
  color: pink;
}
div.alerts {
  position: absolute;
  top: 30%;
  left: 48%;
  right: 10%;
  bottom: 20%;
  width: 42%;
  height: 50%;
  border: 1px solid white;
  -moz-border-radius: 0px 50px 0px 50px;
}
div.alerts_text {
  position: relative;
  top: 5%;
  left: 5%;
  right: 5%;
  bottom: 5%;
  width: 90%;
  height: 90%;
  text-align: center;
}
div.modpasswd {
  position: absolute;
  top: 30%;
  left: 5%;
  right: 53%;
  bottom: 20%;
  width: 42%;
  height: 50%;
  border: 1px solid white;
  -moz-border-radius: 0px 50px 0px 50px;
}
div.modpasswd_text {
  position: relative;
  top: 10%;
  left: 5%;
  right: 5%;
  bottom: 10%;
  width: 90%;
  height: 80%;
  text-align: center;
}
div.modplayerinfo {
  position: absolute;
  top: 25%;
  left: 55%;
  right: 3%;
  bottom: 25%;
  width: 42%;
  height: 50%;
  border: 1px solid white;
  -moz-border-radius: 0px 50px 0px 50px;
}
div.modplayerinfo_text {
  position: relative;
  top: 10%;
  left: 5%;
  right: 5%;
  bottom: 10%;
  width: 90%;
  height: 80%;
  text-align: center;
}
div.wrapper {
   display: none;
   position: absolute;
   top: 20%;
   left: 10%;
   right: 10%;
   bottom: 60%;
   width: 80%;
   height: 20%;
}
div.wrapper_text {
  position: relative;
  top: 10%;
  left: 5%;
  right: 5%;
  bottom: 10%;
  width: 90%;
  height: 80%;
}
table.alerts {
  display: block;
  text-align: center;
}
span.title {
  display: block;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  font-size: 30px;
}
span.error {
  display: block;
  text-align: center;
  font-size: 20px;
  color: red;
}
span.ok {
  color: green;
}
span.ko {
  color: red;
}