.loginTitle{
  margin:10px auto;
  text-align:center;
}
.loginSection,
.registerSection{
  width:calc(96% - 4px);
  margin:15px 1%;
  padding:1%;
  border:solid 2px #E4E4E4;
  display:inline-block;
}
.loginForm{
  width:100%;
}
.sectionHeadingWrapper{
  width:100%;
  padding:10px 0;
  text-align:center;
  background-color:#CACACA;
}
.inputWrapper{
  width:100%;
  margin:15px 0;
  display:inline-block;
}
.inputWrapper p{
  width:97%;
  margin:0 auto 15px;
  font-size:18px;
  font-weight:bold;
}
.inputWrapper p span{
  margin-left:10px;
  font-size:12px;
  font-weight:normal;
  vertical-align:top;
}
.inputWrapper input{
  height:24px;
  width:97%;
  font-size:18px;
  margin:0 auto;
  display:block;
}
.loginSection .notes{
  margin-top:5px;
  color:#717171;
  font-size:14px;
  font-weight:normal;
}
.rememberWrapper{
  width:100%;
  margin-bottom:10px;
  color:#717171;
  text-align:center;
}
input[name="remember"]{
  margin-right:10px
}
.submitButton,
.registerButton{
  width:100%;
  font-size:18px;
  font-weight:bold;
}
.submitButton i{
  top:12px;
  right:30px;
  vertical-align:middle;
  float:right;
}
.forgottenWrapper{
  width:100%;
  margin:10px 0;
  text-align:center;
}
.forgotten{
  font-size:14px;
  color:#E30013;
}
.registerSection .notes{
  width:95%;
  margin:15px auto;
  font-size:14px;
  color:#717171;
  font-weight:normal;
}
.userGuideWrapper{
  width:100%;
  margin:10px auto;
  text-align:center;
}
.userGuide{
  font-size:14px;
  color:#25AB3C;
}