@import "/xlib/css/forms.css";

.login_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(../img/bg.jpg)  center center / cover no-repeat fixed;
}

div#content {
  border: none;
  background: none;
  margin-left: auto;
  margin-right: auto;
}

#login {
  margin: 80px  auto 0 auto;
  width: 550px;
  text-align: left;
}

#register_login {
  margin: 80px  auto 0 auto;
  width: 750px;
  text-align: left;
}

#logo img {
	max-width: 200px;
	max-height: 90px;
  
}

#login_body {
  background-color: #FAFAFA;
  padding: 30px;
  margin: auto 0px;
  border-radius: 3px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);
}

form div.form_field input.in{
    border:1px solid #878787; 
	background-color:#fff; 
	height:25px; 
	/*line-height: 25px;*/
	/*font-size:16px; */
	width: 240px;
	padding: 0px;
	padding-left: 30px;
}


#login_name{
	background: url(../img/user.png) no-repeat 0 0 white;
}
#password{
	background: url(../img/password.png) no-repeat 0 0 white;
}

#user_login_form {
  display: block;
  position: relative;
  margin: 0px 20px;
}

form#login_form {
  /*width: 550px;*/
  margin: 0px 20px;
}

#admin_login_form {
  display: none;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 310px;
}

#login_form {
  text-align: left;
}

#login_form  div.form_field.aligned label , #forgot_form div.form_field.aligned label {
  display: block;
  padding: 3px 10px 0 0;
  float: left;
  width: 10em;
}
#register_login_form  div.form_field.aligned label  {
  display: block;
  padding: 3px 10px 0 0;
  float: left;
  width: 20em;
}
  
#forgot_pwd {
  text-align: right;
}
#forgot_pwd a:hover{
  color: #FC7A23;
}

#forgot_pwd a{
  color: #1C4A62;
  text-decoration: none;
  cursor: pointer;  
}