body {
  background: #fff;
  font-family: MS Sans Serif;
}

  body form {
    margin: 20px;
  }

#loginHint {
  font-size: smaller; 
  margin-top: 20px;
}

#divSignIn {
  width: 100%;
}

#loginDialog {
  background: #fff;
  display: flex;
  flex-direction: column;
}

  #loginDialog div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
  }

    #loginDialog div hr {
      border-top: 1px solid #999;
    }

  #loginDialog input#user,
  #loginDialog input#pass,
  #retreivePasswordReset input#email,
  #passwordReseting input#newPass,
  #passwordReseting input#newPass1 {
    height: 35px;
    border: 2px solid #ddd;
    /*width: 300px;*/
    width: 250px;
  }

  #loginDialog div img {    
    height: 40px;
    width: 30px;
  }

  #loginDialog div label,
  #retreivePasswordReset label,
  #passwordReseting span {
    color: #666;
    font-size: 14px;
  }

#retreivePasswordResetSuccessfull,
#retreivePasswordResetNotSuccessfull {
/*  width: 300px;*/
  width: 250px;
}

.buttonlogin {
  height: 40px;
  font-size: 14px;
  width: 110px;
}

#email {  
  width: 97%;
}

#forgotYourPassword {
  position: relative;
  height: 20px;
}

  #forgotYourPassword a {
    position: absolute;
    font-size: 11px;
    right: 0;
    top: -8px;
  }