#form-fields label {
    white-space: nowrap; /* make sure the label and the control stay together */
    float: left; /* allow setting the width of the control */
    text-align: right; /* labels are aligned to the right */
    width: 17em; /* default label size */
    margin-top: 0.5em; /* center the text "vertically" to the controls */
    margin-right: 1em; /* add a space between the label and the control */
    font-weight: bold; /* labels are bold */
    line-height: 12px; /* Fix field organization on IE11 */
}

form #form-fields p {
    padding-bottom: 1em; /* add a vertical space between form lines */
}

/* end of Tiago's costumizations */

.sign-area {
    margin: 50px auto;
    width: 900px;
}

.sign-box {
    width: 700px;
    margin: 20px auto;
}

.sign-box .content {
    background: transparent url('../images/sign-box-content-bck.png') repeat-y;
    padding: 30px 40px;
}

.sign-box content, .sign-box .top, .sign-box .bottom {
    width: 100%;
}

.sign-box .top {
    background: transparent url('../images/sign-box-top-bottom-bck.png') no-repeat 0px 0px;
    height: 16px;
}

.sign-box .bottom {
    background: transparent url('../images/sign-box-top-bottom-bck.png') no-repeat 0px -16px;
    height: 16px;
}

ul.sign-box-actions {
    margin-top: 10px;
}

ul.sign-box-actions li {
    display: inline-block;
    float: right;
    margin: 0px 5px;
}

ul.sign-box-actions {
    font-weight: bold;
}

h1, h2 {
    font-weight: bold;
    text-align: center
}

h1 {
    font-size: 25px;
}

h2 {
    font-size: 19px;
}

.error-message, .success-message {
    width: 80%;
}

form #form-fields input[type="text"],
form #form-fields input[type="password"] {
    width: 45%;
}