.wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  background-color: #fff;
}

.wrapper-inner {
  display: table-cell;
  vertical-align: middle;
}

.title-wrapper{
    width: 100%;
    height: 125px;;
    text-align: center;
    margin-bottom: 30px;
}

.main-form-wrapper{
    width:100%;
    text-align: center;
    color:#eee;
}

.info-wrapper{
    width:100%;
    height:20px;
    line-height:20px;
    text-align: center; 
    margin-bottom: -20px;
}

.main-form{
    margin-left:auto;
    margin-right:auto;
    width:300px;    
}
.checkbox > span,
.button-group > span {
    display:inline-block;
    width:50%;
}

.button-group > span > button {
    width:70px;
    text-align:center;
}

.footer-wrapper{
    background-color: transparent;
    border: 0;
    color: #666;
}

a,
a:hover,
a:visited,
.footer-wrapper > a,
.footer-wrapper > a:hover,
.footer-wrapper > a:visited {
    color: #eee;
}