body {
  margin: 0 0 0 0;
  padding: 0px;
  font-size: 14px;
  font-family: "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica;
}

input {
  font-size: 14px;
  font-family: "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica;
}

a, a:link, a:visited { color:yellow; }


#background {
  background: #004A82;
  background-image:  -webkit-gradient(linear, left top, left bottom, from(#002B4B), color-stop(33%,#002B4B), color-stop(66%, #004A82), to(#004A82)) !important; /* Saf4+, Chrome */
  background-image:  -webkit-linear-gradient(top, #002B4B, #002B4B, #004A82, #004A82) !important;
  background-image:  -moz-linear-gradient(top, #002B4B, #002B4B, #004A82, #004A82) !important;
  background-image:  -ms-linear-gradient(top, #002B4B, #002B4B, #004A82, #004A82) !important;
  background-image:  -o-linear-gradient(top, #002B4B, #002B4B, #004A82, #004A82) !important;
  background-image:  linear-gradient(top, #002B4B, #002B4B, #004A82, #004A82) !important;
  margin: 0px;
  font-family: Arial;
  color:#000000;
  padding: 0px;
  height: 100%;
  width: 100%;
  position: absolute;
}

#loginbackground {
  position:absolute;
  top:50%;
  left:50%;
  padding:15px;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

#loginbox {
  position:absolute;
  border:1px solid white;
  border-radius:8px;
  top:50%;
  left:50%;
  padding:15px;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background-color:#3D648B;
  -moz-box-shadow: 8px 8px 4px #000;-webkit-box-shadow: 8px 8px 4px #000; box-shadow: 8px 8px 4px #000;
}

#topbar {
  position:absolute;
  top:0;
  left:0;
  right:0;
  width:auto;
  height:80px;
  vertical-align:middle;
  color:white;
  overflow:hidden;
  padding:10px;
  background-color: #003366;
  background-image:  -webkit-gradient(linear, left top, right top, from(#002B4B), color-stop(33%,#002B4B), color-stop(66%, #004A82), to(#004A82)) !important; /* Saf4+, Chrome */
  background-image:  -webkit-linear-gradient(left, #002B4B, #002B4B, #004A82, #004A82) !important;
  background-image:  -moz-linear-gradient(left, #002B4B, #002B4B, #004A82, #004A82) !important;
  background-image:  -ms-linear-gradient(left, #002B4B, #002B4B, #004A82, #004A82) !important;
  background-image:  -o-linear-gradient(left, #002B4B, #002B4B, #004A82, #004A82) !important;
  background-image:  linear-gradient(left, #002B4B, #002B4B, #004A82, #004A82) !important;

}  

#menubar {
  position:absolute;
  top:80px;
  left:0;
  bottom:0;
  width:120px;
  height:auto;
  overflow:hidden;
  color:white;
  padding:10px;
  background-color: #003366;
  background-image:  -webkit-gradient(linear, left top, left bottom, from(#002B4B), color-stop(33%,#002B4B), color-stop(66%, #004A82), to(#004A82)) !important; /* Saf4+, Chrome */
  background-image:  -webkit-linear-gradient(top, #002B4B, #002B4B, #004A82, #004A82) !important;
  background-image:  -moz-linear-gradient(top, #002B4B, #002B4B, #004A82, #004A82) !important;
  background-image:  -ms-linear-gradient(top, #002B4B, #002B4B, #004A82, #004A82) !important;
  background-image:  -o-linear-gradient(top, #002B4B, #002B4B, #004A82, #004A82) !important;
  background-image:  linear-gradient(top, #002B4B, #002B4B, #004A82, #004A82) !important;

}
#content {
  position:fixed;
  top:80px;
  bottom:0px;
  left:120px;
  right:0px;
  /* padding-left:10px; */
  overflow:hidden;
  background-color:white;
}

.headerdiv {
  top:0px;
  right:0px;
  text-align:right;
}  

.paddedcontent {
  padding:10px;
  margin-left:20px;
}  

.yellowbox {
  border: 1px solid #000000;
  background-color: #f0f0f0;
}  
.yellowbox:focus {
  background-color: yellow;
}