﻿.mixin-active {
  outline: none;
  border-color: #0072cf;
}
.mixin-focus {
  outline: none;
  border-color: #333333;
}
.mixin-disabled {
  opacity: 0.5;
}
.mixin-hover {
  border: 1px solid #333333;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.displayInlineBlock {
  display: inline-block !important;
}
.verticalMiddle {
  vertical-align: middle;
}
.noLeftPadding {
  padding-left: 0 !important;
}
.noRightPadding {
  padding-right: 0 !important;
}
body {
  background-color: #eee;
}
.header {
  display: none;
}
.BackgroundHolder {
  height: 100%;
  width: 100%;
  border: 0;
}
.BackgroundHolder .RadForm.rfdTextbox input[type="text"].rfdDecorated,
.BackgroundHolder .RadForm.rfdTextbox input[type="password"].rfdDecorated,
.BackgroundHolder .RadForm.rfdTextbox input[type="search"].rfdDecorated,
.BackgroundHolder .RadForm.rfdTextbox input[type="url"].rfdDecorated,
.BackgroundHolder .RadForm.rfdTextbox input[type="tel"].rfdDecorated,
.BackgroundHolder .RadForm.rfdTextbox input[type="email"].rfdDecorated {
  height: initial !important;
}
.BackgroundHolder input {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #999 !important;
}
.BackgroundHolder .ContentHolder {
  width: 1000px;
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  margin: -227px 0 0 -500px;
  height: 520px;
}
.BackgroundHolder .ContentHolder td {
  border: 0;
  padding-bottom: 15px;
}
.BackgroundHolder .ContentHolder .ImageHolder {
  float: right;
  height: 520px;
  width: 630px;
  border-left: 1px solid #777;
  display: inline-block;
  background-image: url('../Images/image-place-holder.jpg');
  background-repeat: no-repeat;
  background-size: 630px 520px;
}
.BackgroundHolder .ContentHolder .LoginWindow {
  margin: 0 auto;
}
.BackgroundHolder .ContentHolder .LoginDataHolder {
  background-color: white;
  display: block;
  height: 520px;
  margin-right: 600px;
}
.BackgroundHolder .ContentHolder .LoginDataHolder .LogoHolder {
  padding: 45px 0;
}
.BackgroundHolder .ContentHolder .LoginDataHolder .LogoHolder .LogoImg {
  padding-bottom: 20px;
  margin: 0 auto 11px;
  background-repeat: no-repeat;
  height: 130px;
  width: 280px;
}
.BackgroundHolder .ContentHolder .LoginDataHolder .LogoHolder .LogoImgBackground {
  background-image: url('../Images/TZ-2015-Login-02.png');
}
.BackgroundHolder .ContentHolder .LoginDataHolder .LogoHolder .LogoImgBackgroundEss_en {
  background-image: url('../Images/TZ-2016-Login-ESS-EN-02.png');
}
.BackgroundHolder .ContentHolder .LoginDataHolder .LogoHolder .LogoImgBackgroundEss_fr {
  background-image: url('../Images/TZ-2016-Login-ESS-FR-02.png');
}
.BackgroundHolder .ContentHolder .LoginDataHolder .LogoHolder .LogoImgBackgroundEss_sp {
  background-image: url('../Images/TZ-2016-Login-ESS-EN-02.png');
}
.BackgroundHolder .ContentHolder .LoginDataHolder label {
  display: none;
}
.BackgroundHolder .ContentHolder .LoginDataHolder .LoginPageTextBox {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px;
  /* for old Konqueror browsers */
  width: 100% !important;
  box-sizing: border-box !important;
}
.BackgroundHolder .ContentHolder .LoginDataHolder span {
  color: Red;
  position: absolute;
  top: 10px;
  left: -11px;
}
.BackgroundHolder .ContentHolder .ChangePasswordWindow {
  margin-top: -30px;
}
.BackgroundHolder .ContentHolder .ChangePasswordWindow td {
  position: relative;
}
.BackgroundHolder .ContentHolder .ChangePasswordWindow span {
  z-index: 9999;
  font-size: 12px;
}
.BackgroundHolder .ContentHolder .ChangePasswordWindow tbody tr:nth-child(1) span {
  top: -13px;
  left: 2px;
}
.BackgroundHolder .ContentHolder .ChangePasswordWindow tbody tr:nth-child(5) span {
  top: -18px;
  left: 1px;
  text-align: left;
}