body { font-family: 'Microsoft Sans Serif'; font-size: 14px; background-color: #fff; min-width: 305px; }
input[type="text"],input[type="password"]{ border-radius: 3px 3px 3px 3px; font-size: 15px; height: 30px; width: 210px !important; border:none; box-shadow:none; }

.contentDiv { height:500px; margin:0 auto; }
.signIn{ position:relative; padding-left:60px; color: #FFFFFF; font-size: 20px; margin-top: 20px !important; }
.labelposition { margin-top:55px; }
.signInbtn { background-image:url("../Images/sign-in.png"); width:225px; border:none; height:43px; background-color:#52baea; }
.signInForget { width:100px; position:relative; color: #FFFFFF; font-size: 15px; color:#52baea; margin-top: 15px !important; }
.w100px { width: 100px ! important; }
.h100px { height: 100px ! important; }
.lblCls { font-size: 17px; text-align: right; padding: 10px 10px 0px 0px; }
.colorwhite { color: white; }
.textAlign { text-align: center; clear:both; }
.h65px { clear: both; margin-left: 65px; }
.mar6px { margin: 6px 0; }
.w100px { width: 100px ! important; }
.h100px { height: 100px ! important; }
.lblCls { font-size: 17px; text-align: right; padding: 10px 10px 0px 0px; }
.colorwhite { color: white; }
.textAlign { text-align: center; clear:both; }
.h65px { clear: both; margin-left: 65px; }
.mar6px { margin: 6px 0; }
.viFirstDiv { margin-top:130px; }
.libertyLogo{ float: left; margin-left: 15px; }
.h280px { height:280px; }
.validationMsg { padding-left: 100px; font-size: 13px }
.pad3px { padding-left: 3px; }
.avoImg{ margin-left: 20px; padding-top: 30px; }
.viSecondDiv { height:300px; padding: 80px 9% 0; background: #999; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9CCBDE', endColorstr='#262929'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#9CCBDE ), to(#262929)); background: -ms-linear-gradient(top, #9CCBDE,  #262929); background: -moz-linear-gradient(top,  #9CCBDE,  #262929); }
.secDivFirBlock { color:#ffffff; width:50%; float:left; }
.secDivSecBlock { color:#ffffff; float: right; }
.userNameDiv{ font-size: 17px; position:relative; display:table; margin-left:45px }
.passwordDiv { margin-top: 5px; font-size: 17px; display:table; margin-left:45px; }
.secBlockSecDiv{margin-left: 92px;}
.cantAccessAcc {font-size: 11px;margin-top: 10px;}
.footer{color:white;font-size:12px;margin-top: -20px;text-align:center;}
.anchorTagText {color: white;text-decoration: none;}
.forgotPass {font-size: 11px;margin-top: 10px;}
.forgotPass > a {text-decoration: none;color:#BBC7E9}

.nav {
    background: none repeat scroll 0 0 #EE8A1C;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    position: relative;
    z-index: 1;
      width: 100%;
}
.nav ul {}
.headerWrap .header, .nav ul, .banner, .footerWrap .footer {margin: 0 auto;}
.nav ul li.lnk1 {background-color: #EE8A1C;width: 50px;}
.nav ul li.lnk2 {background-color: #E5AA0C;width: 50px;}
.nav ul li.lnk3 {background-color: #E2583D;width: 50px;}
.nav ul li.lnk4 {background-color: #6C9A48;width: 50px;}
.nav ul li.lnk5 {background-color: #3F9BA3;width: 50px;}
.nav ul li.lnk6 {background-color: #4E8BC1;width: 50px;}
.nav ul li.lnk7 {width: 50px;}
.nav ul li {display: block;float: left;position: relative;}
.nav .imgW50 {
    background: none repeat scroll 0 0 #81BCC2;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: -1;
}
.nav ul li a {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-family: Georgia;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.createUserTextFields{
    border-radius: 3px 3px 3px 3px;
    font-size: 15px;
    height: 30px;
    margin-left: 10px;
    padding-left: 5px;
    width: 210px !important;
    border:1px solid black ! important;
    box-shadow:none !important;
}
.zoomcon {margin: 0;}

@media only screen and (max-width: 810px) {
.viSecondDiv {padding: 80px 3% 0;}
}
@media only screen and (max-width: 768px){
.secDivFirBlock {display:none;}
.secDivSecBlock {color: #FFFFFF;float: none; }
.footer {color: #FFFFFF;font-size: 12px; margin-top: -40px;}
.viFirstDiv{margin-top:80px;}
}
@media only screen and (max-width: 360px) {
.secBlockSecDiv {margin-left: 10px;}
.viSecondDiv {padding: 50px 3% 0;}
.footer {margin-top: -50px;}
input[type="text"], input[type="password"] {margin-left: 0px;}
.viFirstDiv{margin-top:50px;}
.field-validation-error {margin-left: -95px;}
}
.loginimg {
    background-image:url("../Images/form-bg.png");
    margin-top:100px;
    padding-right:0px;
    background-repeat:no-repeat;
    height:337px;
    width:295px;
}
.loginposition {
    position:relative;
    margin-top:20px;
}
.forgotpasslogin a{
    color:white;
    position:relative;
    top:5px;
    margin-left:45px;
   
}
.singleline {
    padding-left:30px;
}
.text-box {
    padding-left:30px;
}
.top-border{ 
    margin: 0 auto;
    height:7px;
}
.border { border-left: solid gray 1px; border-right:solid gray 1px; }

.footer-part { margin:0 auto; }
.footer-part .left-text { color: white; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: auto; margin-top: -20px; padding-left: 20px; position: absolute; }
.footer-part .right-text {
    color: #fff;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: auto;
    margin-top: -20px;
    
    position: absolute;
    right: 200px;
    width: auto;
}
.headerFirstDiv {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    height: 115px;
    background-color: white;
    width: 100%;
}
.bannerwrap {
    background: url("../Images/banner-bg.jpg"); 
    background-repeat:no-repeat;
     height: 100%;
     clear:both;
     margin:0 auto;
     
}
.logoposition {
        margin-left: 10px;
    }
.unameiconposition {
    width: 21px; height:18px;  
    float: left; position: absolute; 
    margin-left: 6px;
    
    margin-top:6px;
    
}
.pwdiconposition {
    width: 21px; height:18px;  
    float: left; position: absolute; 
    margin-left: 6px;
    
     margin-top:6px;
}
.topboardersize {
    width:100%;
}
.footerimgsize {
    width:100%;height:123px;
}
.sbposition {
     
    margin-top:10px;
    padding-left:12px;
    text-align:center;
}
@media screen and (max-width:1360px) {
     .bannerwrap {
        background-size:100% 100%;
    }
     .loginimg {
        float:right;
       
        margin-top:108px;
        width:290px !important;

    }
     .banner {
        
        margin:0 auto;padding: 0 4px;
    }
}
@media screen and (max-width:1015px) {
     .bannerwrap {
        background-size:100% 100%;
    }
}
@media screen and (max-width:810px) {
    .top-border {
        width: 100%;
        
    }
    .border {
             
        margin:0 auto;padding: 0 4px;
                
    }
    
    .loginimg {
        float:right;
       
        margin-top:108px;
        width:290px !important;

    }
    .libertyLogo{
    float: left;
    margin-left: 4px;
    margin:0 auto;padding: 0 4px;
}
    .banner {
        
        margin:0 auto;padding: 0 4px;
    }
    
    .secDivSecBlock {
        width:auto;
       
        
    }
    
    .validationMsg {
         width:auto;
        margin-left:4px;
    }
    

    .contentDiv {
        
        margin:0 auto;
    }
   
    .topboardersize {
   width:100%;
   height:7px;
   
    }
    .footerimgsize {
        
    height:109px;
    margin:0 auto;
}
    .unameiconposition {
     position:absolute;
   margin-left: 7px;
     
}
    .pwdiconposition {
    
     position:absolute;
   margin-left: 7px;
}
    .signInbtn {
        margin-left:10px;
    }
    .signIn {
        position:relative;
   /*padding-left:30px;*/
    }
    .bannerwrap {
        background-size:100% 100%;
    }
    .userNameDiv {
        position:relative;
        
    }
    .passwordDiv {
        position:relative;
        
    }
    .right-text {
        right:20px !important;
    }
   .sbposition {
    position:relative;
    padding-left:7px !important; 
    
}
   section {
    border: medium none;
    margin: auto;
    padding: 0;
    width: 100% !important;
}
    .forgotpasslogin a {
        position:relative;
        top:5px;
    }
}


/* Absolute Center Spinner SA */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
.loading:not(:required) {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

@-webkit-keyframes spinner {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes spinner {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes spinner {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spinner {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
/* Absolute Center Spinner EA */