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; }
body.login {
  background-color:#f0f0f0;
  background-attachment:fixed;
}
body.login .flag-container { width:300px; }
body.login > section {
  margin:0 auto;
  padding-top:8em;
}
body.login > section > header {
  display:block;
  width:363px;
  height:70px;
  margin:0 auto 3.5em auto;
  text-indent:-10000000px;
  background:url("../../img/hosterdaddy.com/login-header.png") no-repeat;
  float:none;
}
body.login > section > aside {
  display:block;
  position:relative;
  width:26em;
  margin:-1em auto 1em auto;
  float:none;
}
body.login > section > article {
  background:#ffffff;
  position:relative;
  width:26em;
  border-radius:7px;
  padding:1.5em 1em 1.5em 1em;
  border:1px solid #d0d0d0;
  box-shadow:0px 0px 10px rgba(20,31,31,0.2);
  margin:0 auto 0 auto;
  display:block;
  float:none;
  font-size:100%;
  *zoom:1;
}
body.login > section > article header {
  color:#f37820;
  font-family:'AllerRegular', 'Helvetica';
  font-size:14pt;
  margin-top:0;
  margin-right:0;
  margin-left:0.5em;
  margin-bottom:1.2em;
  border:none;
  height:auto;
  padding:0;
}
body.login > section > article a:not(.btn) {
  font-weight:bold;
  color:#8c8c8c;
  border-bottom-style:none;
  font-weight:bold;
  font-family:Arial;
  font-size:10pt;
  border-bottom:1px dotted transparent;
}
body.login > section > article a:not(.btn):hover { border-bottom-color:#b2b2b2; }
body.login > section > article label {
  display:block;
  width:100%;
  line-height:1em;
  text-align:left;
  color:#2f2f2f;
  font-weight:bold;
  font-family:Arial;
  font-size:10pt;
  margin:0.4em 0;
  float:left;
  clear:both;
}
body.login > section > article label a { float:right; }
body.login > section > article select {
  float:left;
  clear:both;
}
body.login > section > article input, body.login > section > article textarea {
  display:block;
  background:#f0f0f0;
  border-radius:1px;
  box-shadow:inset 0px 0px 7px rgba(2,3,3,0.15);
  position:relative;
  float:left;
  clear:both;
  width:100%;
  margin:0.4em 0;
}
body.login > section > article aside#ssl {
  opacity:0.8;
  float:right;
  margin-top:2em;
  padding-right:1em;
  width:auto;
  display:inline-block;
  position:relative;
}
body.login > section > article aside#ssl a:hover { border:none; }
body.login > section > article #createaccount {
  clear:both;
  float:right;
  font-size:8pt;
  margin-right:1.5em;
}
body.login > section > article .g-recaptcha {
  clear:both;
  margin-top:1em;
}
body.login > section > article:before, body.login > section > article:after {
  display:table;
  content:"";
}
body.login > section > article:after { clear:both; }
@media screen and (max-width: 512px) {
  body.login > section { padding-top:2em; }
  body.login > section > header {
    margin:0 auto 0 auto;
    width:320px;
    background-size:90%;
    background-position:top center;
    border-bottom:none;
  }
  body.login > section > article {
    width:auto;
    margin-left:1em;
    margin-right:1em;
  }
  body.login > section > article > header { margin:0 0 0.8em 0; }
  body.login > section > article input, body.login > section > article textarea {
    width:100%;
    float:left;
    clear:both;
  }
  body.login > section > article button {
    margin-top:0.5em;
    font-size:12pt;
  }
  body.login > section > article aside#ssl { margin-top:0.8em; }
}