body {
  padding: 0;
  margin: 0;
  background-color: #000000;
  color: #ffffff;
  -webkit-user-select: none;
  -moz-user-select: none;
  khtml-user-select: none;
  user-select: none;
  font-family: "Arial";
}
a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#toolbar {
  position: absolute;
  background-color:yellow;
  top: 0px;
  height: 50px;
}
#pageindex {
  position: absolute;
  background-color: orange;
  margin-left: 0px;
  top: 50px;
  margin-bottom: 30px;
  width: 180px;
  padding: 0;
  overflow: auto;
}
#statusbar {
  position: absolute;
  background-color: yellow;
  height: 30px;
  left: 0px;
  bottom: 30px;
}
#page {
  khtml-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

#popup_background {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 11000;
  background-color: #646464;
  opacity: 0.78;
  visibility: hidden;
}

#popup_close {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  z-index: 11001;
  visibility: hidden;
}

#popup {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 11001;
  visibility: hidden; 
}

#settings {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 50px;
  height: 50px;
  z-index: 11020;
  opacity: 0.7;
  background-image: url('../gfx/settings.png');
}

#dialog_title {
  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(0,0,0)),
      color-stop(0.8, #7e7e7f)
  );
  background-image: -moz-linear-gradient(
      center bottom,
      rgb(143,143,143) 9%,
      rgb(219,219,219) 55%
  );
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}
.project_entry {
  width: 90%;
  height: 50px;
  border: 2px solid #fff;
  text-align: center; 
  font-size: 14pt;
  margin-top: 2px;
}

.hr {
  height: 1px;
  color: #7e7e7f;
  background-color: #7e7e7f;
  margin-top: 10px;
  margin-bottom: 10px;
}

.login_form_container {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

#login {
  position: absolute;
  top: 15%;
  width: 100%;
  visibility: hidden;
  z-index: 2;
}
.dialog {
  border: 1px solid #7e7e7f;
  color: #ffffff;
  background-color: black;
  padding-bottom: 10px;
  width: 300px;
}
.login_input {
  background-color: #000;
  color: white;
  border: 1px solid white;
  width: 100%;
}
.userWithoutPass {
  width: 90%;
  height: 50px;
  border: 2px solid green;
  text-align: center; 
  font-size: 14pt;
  margin-top: 2px;
}
.userWithPass {
  padding-top: 1px;
  width: 90%;
  height: 50px;
  border: 2px solid orange;
  text-align: center; 
  font-size: 14pt;
  margin-top: 2px;
}