/* z-indexes */
/* page content width */
/* form height margins */
/* colors */
/* content box */
/* field inputs */
/* tables */
/* buttons */
/* preview images */
/* page content width */
/* z-index levels*/
/* common mixins */
.loginForm {
  background-color: #DDDDDD;
  margin: 150px auto 5px auto;
  width: 300px;
  min-height: 478px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  overflow: auto;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.loginForm .formArea {
  margin: 10px 46px 0 46px;
  padding: 0;
  font-family: 'Lato Regular';
}
.loginForm .formArea .loginLogo {
  text-align: center;
  margin: 50px 0;
}
.loginForm .formArea .formItem.loginTitle {
  margin: 50px;
  padding: 0;
  text-align: center;
}
.loginForm .formArea .loginTitle h1 {
  font-size: 24pt;
  color: #7f8c8d;
  margin: 0;
  padding: 0;
}
.loginForm .formArea .formItem {
  margin-bottom: 14px;
  padding: 0;
}
.loginForm .formArea .formItem .loginField {
  background-color: #7f8c8d;
  height: 40px;
  width: 100%;
}
.loginForm .formArea .formItem .loginField div.ui-cst-textbox {
  width: 156px;
  margin-right: 10px;
  height: 40px;
  display: inline-block;
  position: absolute;
}
.loginForm .formArea .formItem .loginField .form-control {
  width: 156px;
  margin-right: 10px;
  height: 40px;
  display: inline-block;
  position: absolute;
}
.loginForm .formArea .formItem .loginField .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #CCCCCC;
}
.loginForm .formArea .formItem .loginField .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #CCCCCC;
}
.loginForm .formArea .formItem .loginField .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #CCCCCC;
}
.loginForm .formArea .formItem .loginField .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #CCCCCC;
}
.ui-login-icon {
  background-color: transparent;
  background-image: url(images/fpf_login_sprite.png);
  height: 22px;
  margin: 0;
  padding: 0;
  width: 22px;
  display: inline-block;
}
.ui-login-icon-username {
  background-position: -14px 122px;
  margin: 9px 10px;
}
.ui-login-icon-password {
  background-position: -36px 122px;
  margin: 9px 10px;
}
.loginForm .formArea .formItem label.checkbox {
  font-size: 7pt;
  color: #7F8C8D;
  display: inline-block;
  vertical-align: top;
}
.loginForm .formArea .formItem input {
  font-size: 11pt;
  color: #CCCCCC;
  background-color: transparent;
  border: 0;
  padding: 0;
  outline: 0;
  width: 100%;
}
.loginForm .formArea .formItem input.ui-cst-textbox-input {
  height: 40px;
}
.loginForm .formArea .formItem input[type=checkbox] {
  background-image: url(images/fpf_login_sprite.png);
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  height: 12px;
  width: 12px;
  margin: 0;
  padding: 0;
  background-position: -82px 113px;
}
.loginForm .formArea .formItem input[type=checkbox]:checked {
  background-position: -63px 113px;
}
.loginForm .formArea .formItem .field-validation-error {
  display: block;
  margin-top: 5px;
}
.loginForm .formArea .formItem input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #7F8C8D inset;
  -moz-box-shadow: 0 0 0 1000px #7F8C8D inset;
  box-shadow: 0 0 0 1000px #7F8C8D inset;
  -webkit-text-fill-color: #CCCCCC;
}
.loginForm .formArea .formItem .loginButton {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-family: 'Lato Regular';
  font-weight: 700;
  font-size: 12pt;
  width: 100%;
  height: 40px;
}
.loginForm .formArea .formItem .validation-summary-errors ul {
  margin: 0;
}
.loginForm .formArea .formItem.center {
  text-align: center;
}
.loginForm .formArea .formItem.buttons {
  text-align: center;
}
.loginForm .formArea .formItem.buttons .default-button {
  font-family: 'Lato Regular';
  font-weight: 700;
  height: 40px;
}