html {
  background: #0b334d;
  background: radial-gradient(circle, #0b334d 0%, #000000 100%) no-repeat #0b334d;
  color: #cccccc;
  min-height: 100%;
  text-align: center;
}
a {
  text-decoration: none;
  color: #006bb6;
  white-space: nowrap;
}
a:hover {
  color: #94bde5;
}
.ubmd-logo {
  margin: 50px 0 40px 0;
}
#main {
  display: inline-block;
  text-align: left;
  width: 15em;
}
#main label {
  display: none;
}
#main input {
  width: 100%;
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid #eeeeee;
}
#main input[type=text], #main input[type=password] {
  background: rgba(255,255,255,.33);
  color: #ffffff;
}
#main input[type=text]:hover, #main input[type=password]:hover {
  background: rgba(255,255,255,.5);
}
#main input::-webkit-input-placeholder { color: #ffffff; }
#main input::-moz-placeholder          { color: #ffffff; }
#main input:-ms-input-placeholder      { color: #ffffff; }
#main input::-ms-input-placeholder     { color: #ffffff; }
#main input[type=submit] {
  text-transform: uppercase;
  border: 2px solid white;
  background: transparent;
  color: white;
  font-weight: bold;
  padding: 10px 5px;
  margin-top: 10px;
  transition: border-color .45s cubic-bezier(0.25,1,0.33,1), background .45s cubic-bezier(0.25,1,0.33,1);
  cursor: pointer;
}
#main input[type=submit]:hover {
  border-color: #006BB6;
  background: #006BB6;
}
#main .errormessage, #main .successmessage {
  border-radius: 5px;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
#main .errormessage   { color:#000000; background-color: #ffcccc; }
#main .successmessage { color:#000000; background-color: #ccffcc; }
#loginform .loginform-formline { position: relative; }
#loginform .loginform-helpbtn {
  position: absolute;
  left: 100%;
  top: 5px;
  margin-left: 1em;
  color: #95bee3;
}
#loginform .loginform-helpbtn-text {
  display: none;
}
#loginform .loginform-helpbtn:hover .loginform-helpbtn-text {
  display: inline-block;
  position: absolute;
  left: 0;
  top: -5px;
  width: 15em;
  background-color: #000000;
  color: #95bee3;
  padding: 5px;
  border-radius: 2px;
}
#loginform .resetpassword { margin-top:15px; text-align:center; }
#loginform .resetpassword a { text-decoration: none; color:white; }
#loginform .resetpassword a:hover { text-decoration: underline; }
#loginform .newuser { margin-top:15px; text-align:center; }
#loginform .newuser a { text-decoration: none; color:white; }
#loginform .newuser a:hover { text-decoration: underline; }
.newuser-info { margin-bottom:15px; }

@media screen and ( max-height: 250px ) {
  .ubmd-logo {display:none;}
}
@media screen and ( max-width: 635px ) {
  #loginform .loginform-helpbtn {display:none;}
}