form.login, form.loginhelp, form.createaccount {
    display: none;
}
#loginbox {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
}
.userpassword {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box
  font-size: 14px;
}
#loginbox button {
  text-transform: uppercase;
  outline: 0;
  background: #4CAF50;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
/*  font-size: 14px;*/
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
#loginbox h2 {
    color:#DC143C;
    text-align: center;
}

/*
#loginbox button:hover,.form button:active,.form button:focus {
    background: #43A047;
}
*/

#loginbox button:hover  {
    background: #43A047;
}
#loginbox button:disabled {
    background: gray;
}


.login-options {
    margin-top: 15px;
    text-align: left;
/*    font-size: 14px;*/
    text-align: center;
}

#overlay {
    background: black;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:.9;
}
#loginpage {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
}