#window {
  min-height: 400px;
  position: relative;
  font-family: 'Ubuntu', sans-serif;
}
#login {
  width: 495px;
  height: 335px;
  margin-left: -250px;
  position: absolute;
  top:100px;
  left: 50%;
}
#logo {
  top:0;
}
#login .dialog {
  width: 495px;
  height: 243px;
  background: url('../img/login_sprite.png') no-repeat -495px -123px;
  position: absolute;
}
#login #errorForm.dialog {
  background-position: -0px -123px;
}
.dialog .form {
  position: relative;
}
#resetForm {
  display: none;
}
#errorForm, #msgForm  {
  z-index: 11;
}
.overlay {
  z-index: 10;
  background: #ffffff;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.form label {
  position: absolute;
  width: 200px;
  height: 20px;
  font-size: 13px;
  text-transform: uppercase;
  color: #666;
  font-weight: 900;
  left: 44px;
}

#lblUsername, #lblResetIntro, #lblNewPasswordIntro {
  top: 27px;
}
#lblPassword, #lblEmail, #lblNewPassword {
  top: 107px;
}

.form .input {
  position: absolute;
  width: 399px;
  height: 41px;
  background-image: url('../img/login_sprite.png');
  background-repeat: no-repeat;
}
.form .input input {
  width: 350px;
  height: 20px;
  border: none;
  background: transparent;
  padding: 7px 0 7px 3px;
  font-size: 13px;
  margin: 4px 0 0 40px;
}
.form .input.error input {
  color: #fff;
}

.input.ico-user {
  background-position: -0px -0px;
}
.input.ico-pass {
  background-position: -0px -41px;
}
.input.ico-mail {
  background-position: -0px -82px;
}
.input.error.ico-user {
  background-position: -399px -0px;
}
.input.error.ico-pass {
  background-position: -399px -41px;
}
.input.error.ico-mail {
  background-position: -399px -82px;
}

input::-webkit-input-placeholder{color: #888;font-style: italic;}
input::-moz-placeholder{color: #888;font-style: italic;}
input:-ms-input-placeholder{color: #888;font-style: italic;}

.input.error input::-webkit-input-placeholder{color: #edd;font-style: italic;}
.input.error input::-moz-placeholder{color: #edd;font-style: italic;}
.input.error input:-ms-input-placeholder{color: #edd;font-style: italic;}

textarea:focus, input:focus{
  outline: none;
}
#inputUsername {
  left: 44px;
  top: 50px;
}
#inputPassword, #inputResetEmail, #inputNewPassword {
  left: 44px;
  top: 130px;
}

.input .ico-error {
  background: url('../img/login_sprite.png') no-repeat -823px -94px;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 415px;
  top: 12px;
  display: none;
}
.input.error .ico-error {
  display: block;
}

#btnResetPassword {
  color: #888;
  position: absolute;
  height: 24px;
  line-height: 24px;
  width: 100px;
  right: 32px;
  top: 198px;
  cursor: pointer;
  font-size:12px;
  padding-left: 32px;
  background: url('../img/login_sprite.png') no-repeat -820px -49px;
}

input.btn {
  width: 120px;
  height: 38px;
  background: url('../img/login_sprite.png') no-repeat -870px -0px;
  border: none;
  cursor: pointer;
  text-align: center;
  line-height: 38px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 900;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 190px;
  left: 44px;
}
input.btn:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}

.form .description {
  position: absolute;
  width: 435px;
  color: #333;
  font-size: 13px;
  line-height: 140%;
}
#resetForm .description, #newForm .description {
  left: 44px;
  top: 50px;
}
.form .cancel {
  position: absolute;
  top: 198px;
  left: 179px;
  font-size: 12px;
}
.form .cancel a {
  text-decoration: underline;
  font-weight: 900;
  cursor: pointer;
  color: #333;
}

#msgForm .headline {
  position: absolute;
  width: 300px;
  height: 20px;
  font-size: 13px;
  text-transform: uppercase;
  color: #666;
  font-weight: 900;
  left: 44px;
  top: 60px;
}
#msgForm .message {
  position: absolute;
  width: 435px;
  color: #333;
  font-size: 13px;
  line-height: 140%;
  left: 44px;
  top: 90px;
}

#errorForm .headline {
  position: absolute;
  width: 300px;
  height: 24px;
  color: #9d2006;
  font-weight: 900;
  font-size: 16px;
  left: 110px;
  top: 100px;
}
#errorForm .message {
  position: absolute;
  width: 365px;
  color: #333;
  font-size: 13px;
  line-height: 140%;
  left: 110px;
  top: 130px;
}