body.login > section {
  background:url('../img/login-background.png') !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  min-height:680px;
  overflow: hidden;
}
#chat_sidebar {
  height:162px;
  background:url("../img/chat_hosterdaddy.png") no-repeat scroll left top transparent;
  position:fixed;
  right:-4px;
  top:335px;
  width:46px;
  z-index:999;
}
#chat_sidebar a {
  display:block;
  height:162px;
  width:46px;
  border-bottom:none;
}
@media screen and (max-width: 512px) {
  body.login > section {
    background-image:none !important;
    min-height:0px;
  }
}
.clearfix { *zoom:1; }
.clearfix:before, .clearfix:after {
  display:table;
  content:"";
}
.clearfix:after { clear:both; }
html {
  width:100%;
  height:100%;
}
body { margin:0; }
h4 {
  margin-left:-1em;
  margin-bottom:1em;
  border-bottom:1px solid #888888;
}
.create-form {
  background:rgba(255,255,255,0.8);
  margin-bottom:2em;
  padding:3em;
}
.login-box {
  background:rgba(255,255,255,0.8);
  margin-bottom:2em;
  padding:3em;
}
.login-box label { color:#000000; }
.login-box input {
  font-size:1.2em;
  margin:15px 0;
}
.create-box {
  background:rgba(255,255,255,0.8);
  padding:2em;
  text-align:center;
  font-size:1.2em;
}
.create-box .btn {
  margin-left:2em;
  font-size:1em;
}
.login {
  color:#2e2e31;
  font-family:Arial, sans-serif;
  background:#222222 url("../img/core-bg.jpg") no-repeat;
  background-size:cover;
  background-position:50%;
}
.outer {
  display:table;
  position:absolute;
  height:100%;
  width:100%;
}
.middle {
  display:table-cell;
  vertical-align:middle;
}
.inner {
  margin-left:auto;
  margin-right:auto;
  max-width:960px;
}