.form-wrap{
  font: normal 18px sans-serif;
  color: #000;
  background-color: #CEECF6;
  border: 2px solid #000;
  width: 100%;
}
  .form-title{
    font: 18px sans-serif;
    padding: 10px;
    margin: 0;
  }
  .login-form{
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 80%;
  }
    .login-form li{
      margin-bottom: 10px;
    }
      .login-form .input-title{
      	float: left;
      	margin-right: 10px;
        text-align: right;
        width: 30%;
        margin-top: 10px;
      }
      .login-form .controls{
        margin-left: 31%;
      }
      .login-form .input-text{
        padding: 10px;
        border: 2px dashed #000;
        width: 50%;
        /* box-sizing: border-box <- I could use this one and have width: 70%*/
      }
      .login-form input[type="checkbox"]{
        -webkit-appearance: none;
	-moz-appearance: none;
      }
      .login-form .input-checkbox{
        height: 18px;
        width: 18px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        border: 1px solid #000;
        background: #fff;
      }
      .login-form .input-submit{
        font: normal 18px sans-serif;
        padding: 10px;
        border: 2px dashed #000;
        background-color: #fff;
      }

.border-small{
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}