.loginBg {
   background-image: linear-gradient(90deg, rgb(167, 167, 167), #FFFFFF, #FFFFFF, #FFFFFF, rgb(167, 167, 167));
}

.loginControls {
   position: relative;
   top: 0;
   min-height: 680px;
   height: 95%;
}

.loginLogo {
   height: 280px;
   text-align: center;
   padding-top: 50px;
}

.loginForm {
   font-family: verdana, geneva, sans-serif;
   height: 285px;
   width: 100%; 
}

.loginInput {
   font-size: 25px;
   height: 64px;
   background-color: rgb(164, 165, 171);
   border-style: none;
   color: white;
}

.loginIcon {   
   width: 64px;
   background-color: rgb(164, 165, 171);
   border-style: none;
}

.loginButton {
   width: 242px;
   height: 84px;
   font-size: 25pt;        
   background-color: transparent;
   background-image: url("../images/Login.png");
   background-size: initial;
   background-position: center;
   background-repeat: no-repeat;
   border-style: none;
   color: white;
}

.loginButton:active {
   background-image: url("../images/Loginmo.png");
}

.errMessage {
   width: 100%;
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
   color: red;
   background-color: transparent;
   text-align: center;
}

.divInfo {
   position: relative;
   left: 0%;
   right: 0%;
   top: 20px;
   height: 20px;
   text-align: center;     
}

.divInfo a:link {
   color: rgb(90, 90, 90);
}

.loginFormSeparator {
   position: relative;
   left: 0;
   right: 0;
   top: 10px;
   height: 2px;
   background-color: rgb(199, 199, 199);  
}

.tblInfo {
   margin-left: 25%;
   margin-right: 25%;
   width: 50%;
   min-width: 180px;
   text-align: center;   
}

#loader {
   position: absolute;
   left: 0;
   right: 0;
   top: 0; 
   bottom: 0;
   opacity: 0.8;
   filter: alpha(opacity=60);
   background: white url(../images/ajax-loader.gif) no-repeat center center;
}

#loginComponent {
   display: none;
}