html { height: 100%; }
body {
  display: table;
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #f3f3f1;
  overflow: hidden;
}

.tablecell { 
  display: block; 
  position: relative; 
  left: 50%; 
  top: 50%; 
  width: 300px; 
  height: 300px; 
  -webkit-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%);
}

#login_body {
  position: absolute;
  z-index: 10;
  width: 300px;
  height: auto;
  min-height: 275px;
  margin: 0 auto 0;
  font-family: Arial;
  color: white;
  font-size: small;
  -webkit-transform-style: preserve-3d; 
  transform-style: preserve-3d; 
  -webkit-perspective: 800px;
  perspective: 800px; 
}

#login_body form {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 600ms ease-in; 
  transition: transform 600ms ease-in;
}

#login_body form.frontdeck {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

#login_body.untouched form.backdeck {
  visibility: hidden;
}

#login_body form.backdeck {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#login_body.flipped form.frontdeck {
  -webkit-transform: rotateY(180deg) !important;
  transform: rotateY(180deg) !important;
}

#login_body.flipped form.backdeck {
  -webkit-transform: rotateY(360deg) !important;
  transform: rotateY(360deg) !important;
}

#login_body_inner {
  position: relative;
  min-height: 270px;
  background-color: #27ae61;
}

#login_body_inner
{
  display: inline-block;
  width: 100%;
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#title{
  margin-bottom: 10px;
  font-size: 230%;
  font-family: 'Open Sans',sans-serif;
  font-weight: 200;
}

.lbl{
  font-size:small;
}

.txt{
  width: 100%;
}

.txt_input{
  width: 100%; height: auto; margin-bottom: 10px; padding: 10px; border: 0; background-color: #fff; color: #333; font-size: 110%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none;
}

#btn{
  width:69px; height:24px; padding-left:18px; padding-top:6px;
}


button
{
  float: right;
  width:84px; height:30px;
  margin: 5px 0 0;
  border: 0;
  background: #3496db;
  color: #fff;
  text-transform: uppercase;
  border: 2px #fff solid;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
}

#other_opt{
  float:right;margin-right:15px;margin-top:-30px;
}

#forgot_pwd{
   float:right;
}

#forgot_pwd_link{
  color:white;
}

.login-error { float: left; width: 100%; background: #c93257; color: white; padding: 10px; margin-top: 15px; font-weight: normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#requestform .login-error { display: none; position: relative; left: 0; bottom: 0; width: 100%; background: rgba(255,255,255, .3); font-size: 120%; }

input::-webkit-input-placeholder {
  color: #ddd;
}
input:-moz-placeholder {
  color: #ddd;
}
input:-ms-input-placeholder {
  color: #ddd;
}