.form {
    max-width: 840px;
}


.form .row {
    text-align: center;
    overflow: hidden;
    margin-bottom:10px;
}

.form .title {
    margin-bottom:10px;
}




@media only screen and (min-width: 800px)  {
    .form .row {
        clear:both;
    }

    .form .row .col {
        float: left;
    }

    .form .row .label.col {
        width: 300px;
        text-align: right;
    }

    .form .row .field.col {
        margin-left:10px;
        text-align: left;
    }

    .form .row .field.col input[type="text"],
    .form .row .field.col input[type="password"],
    .form .row .field.col input[type="button"],
    .form .row .field.col select,
    .form .row .field.col .hint 
    {
        float:left;
        margin-right:6px;
    }
}