/* Form */
form {
margin: 0;
padding: 0;
}
div.form {
width: 798px; /* 800px - 1px ( form.border ) - 1px ( form.border ) */
margin-top: 1px;
margin-left: auto;
margin-right: auto;
background-color: #cfcfcf;
border-top: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
}
div.form div.field {
background-color: #d9d9d9;
border-bottom: 1px solid #cfcfcf;
}
div.form div.field div.description {
width: 314px; /* 320px ( width ) - 5px ( padding ) - 1px ( form.border ) */
float: left;
margin-top: 5px;
margin-right: 5px;
text-align: right;
font-weight: bold;
background-color: transparent;
}
div.form div.field div.input {
width: 473px; /* 480px ( width ) - 5px ( padding ) - 1px ( input.border ) - 1px ( form.border )*/
float: right;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
text-align: left;
background-color: #f2f2f2;
border-left: 1px solid #cfcfcf;
}
div.form div.field div.input p.hint {
margin: 0;
padding-left: 3px;
padding-bottom: 5px;
text-align: left;
font-size: 11px;
}
div.form div.error {
width: 798px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1px;
padding: 7px 0px 7px 0px;
text-align: center;
color: #ff0000;
font-size: 13px;
font-weight: bold;
background-color: #ffd9d9;
}
input.submit {
margin: 20px 0px 60px 0px;
border: 0px solid #ff0000;
}
input.submitFooter {
margin: 30px 0px 20px 0px;
border: 0px solid #ff0000;
} |
