.user.login {
  box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 6px 0 -3px #fff, 0 7px 1px -3px rgba(0,0,0,0.3), 0 12px 0 -6px #fff, 0 13px 1px -6px rgba(0,0,0,0.3), 0 18px 0 -9px #fff, 0 19px 1px -9px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 6px 0 -3px #fff, 0 7px 1px -3px rgba(0,0,0,0.3), 0 12px 0 -6px #fff, 0 13px 1px -6px rgba(0,0,0,0.3), 0 18px 0 -9px #fff, 0 19px 1px -9px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 6px 0 -3px #fff, 0 7px 1px -3px rgba(0,0,0,0.3), 0 12px 0 -6px #fff, 0 13px 1px -6px rgba(0,0,0,0.3), 0 18px 0 -9px #fff, 0 19px 1px -9px rgba(0,0,0,0.3);
  background: #fff;
}
.user.login h1 {
  margin: 25px 0 0;
  text-align: center;
}
.user.login p.choose-type {
  color: #545454;
  font-size: 17px;
  font-weight: 400;
  margin: 0 0 15px;
  text-align: center;
}
.user.login #formLogin {
  clear: both;
}
.user.login #buttonFacebookLogin {
  margin: 2em 16px;
  float: right;
}
.user.login .problem-login a {
  display: block;
  text-decoration: none;
  color: #067fc9;
  padding: 5px 0 0 0;
}
.user.login .problem-login a:hover {
  text-decoration: underline;
}
.user.login div.item label.left {
  width: 120px;
}
.user.login .signup {
  float: left;
  width: 46%;
}
.user.login .signin {
  float: left;
  width: 49%;
}
.user.login .sign-in-button {
  margin: 8px;
  width: 100%;
  text-align: right;
}
.user.login .account-types {
  display: inline-block;
  margin: 15px 0 0 75px;
}
.user.login .account-types div {
  float: left;
  width: 120px;
  height: 120px;
  margin: 0 48px 0 0;
  cursor: pointer;
}
.user.login .account-types .student {
  background: transparent url("/images/buttons/user_register_english.png") top right no-repeat;
}
.user.login .account-types .student.french {
  background-image: url("/images/buttons/user_register_french.png");
}
.user.login .account-types .student:hover {
  background-position: bottom right;
}
.user.login .account-types .tutor {
  background: transparent url("/images/buttons/user_register_english.png") top left no-repeat;
}
.user.login .account-types .tutor.french {
  background-image: url("/images/buttons/user_register_french.png");
}
.user.login .account-types .tutor:hover {
  background-position: bottom left;
}
.user.login .or-line {
  background-image: url("/images/backgrounds/login/or_english.png");
  background-position: 2px -95px;
  float: left;
  height: 260px;
  margin: 15px 0;
  width: 39px;
  background-repeat: no-repeat;
}
body.french .user.login .or-line {
  background-image: url(/images/backgrounds/login/or_french.png);
  background-position: 2px -95px;
  float: left;
  height: 260px;
  margin: 15px 0;
  width: 39px;
  background-repeat: no-repeat;
}