#loginScreen{
  display: none;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 998;
  background-color: rgba(0,0,0,0.5);
}

.mainDiv{
position:fixed;
left:50%;
top:50%;
border: 3px solid blue;
border-radius:7px;
background:#f8f8f8;
padding:30px 10px 10px 10px;
z-index: 999;
}

#loginDiv{
transform: translate(-50%,-50%);
}

.closeForm {
font-size:36px;
line-height:24px;
position:absolute;
color:red;
cursor:pointer;
top:3px;
right:9px;
}

#usernameDiv, #passwordDiv, #login, #emailDiv, #lostpassSubmit {
padding:2px;
margin-left:5px;
}

#passwordDiv{
float:right;
}

#login, #lostpassSubmit{
clear:both;
text-align:center;
}

#login>input #lostpassSubmit>input{
padding: 0px 10px;
cursor:pointer;
}

#lostpassMsg{
color:red;
text-align:center;
}

#lostpassScreen{
display: none;
}

#lostpassDiv{
transform: translate(-35%,-50%);
}