*{
    margin: 0;
    padding: 0;
}
html{
    /*background-color:#193048;*/  
    font-family:HelveticaNeue-Roman,"iusHelvetica Neue",Helvetica,HelveticaNeue,Arial,sans-serif;
    background-color:white;  

}

body{
  width:100%;
}
#login-bg {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
}


#login-left {
    width: 50%;
    height: 100%;
    float: left;
}
@media (max-width:880px){
    #login-left {
    width: 100%;
    height: 100%;
    float: left;
}
}



#login-right {
        width: 50%;
        height: 100%;
        background-image: url("../images/login-bg2.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        float:left;
}
@media (max-width:880px){
    #login-right {
     display:none; 
  }
}

#login-box{   
  width:100%;
  height:20%;   
}

#login-form{
  width:360px;
  height:300px;   
  background-color :#fff; 
  margin:auto;    
  font-size:14px;
  font-weight:700;
  
}

.login {
 margin-left:40px;
 margin-top:30px;
 color:#404040;
}

#loginName{	
    margin-top: 5px;
    color: #000;
    width: 230px;
    border: 1px solid #d6d6d6;
    padding: 8px 5px;
    outline: 0;  	
}

#password{
	
    margin-top: 5px;
    color: #999;
    width: 230px;
    border: 1px solid #d6d6d6;
    padding: 8px 5px;
    outline: 0;
   
}


#changepassword-bg{
  width:100%;
  height:798px; 
}

#changepassword-box{   
  width:400px;
  height:300px;  
  margin:0px auto; 
}

#changepassword-form{
  width:360px;
  height:400px;  
  margin-top:50px;	
  border-radius:5px;
  background-color :#ffffff;
  box-shadow: 3px 3px 15px #888888;
  float:left; 
  font-size:13px;
  font-weight:700;
}

.changepassword {
 margin-left:50px;
 margin-top:30px; 
 color:#404040;
}

.changepassword .name{
 margin-top:10px;
 width:110px;
 float:left;
}


#oldpassword{
	margin-top: 5px;
    color: #000;
    width: 230px;
    border: 1px solid #d6d6d6;
    padding: 8px 5px;
    outline: 0;  	
}

#newpassword{
	margin-top: 5px;
    color: #000;
    width: 230px;
    border: 1px solid #d6d6d6;
    padding: 8px 5px;
    outline: 0;  	
}
#ChangePasswordBtn{
   cursor: pointer;
    margin:30px auto;
    width: 80px;
    height: 20px;
    text-align: center;
    border: 1px solid #d6d6d6;   
    padding: 6px 15px;
    outline: 0;
    box-shadow: 0 1px 3px rgba(105, 145, 234, 1) inset;
	background-color:rgba(60, 105, 205, 1);	
	color:#ffffff;
}



#footer{
  position:absolute;
  bottom:0px;
  width:100%;
  height:98px;  
  margin-top:20px;	 
  float:left;
}

#footer p{ 
  width:100%;
  line-height:50px;  
  text-align: center; 
  float:left;
  color:#fff;
}