Placeholder for the template header for : aff123css

This is a sample template to show how to format the entire form using CSS. All the formatting done on this form is using only CSS.

Click here for the CSS used in this page.

Contact Details
Your Full Name:
Address inc Postcode:
Contact Number:
Mobile/Alternative Number:
Best Time to Call:
Email Address:
Financial/Personal Details
Total Unsecured Debts:
How many creditors do you have?
Current Living Status:
Employment Status:
Do you have children?
Brief Debt History:
Verification: verification image, type it in the box

© Your Name 2007

 
The CSS used in this template
* {
    font-family: verdana;
}

body {
    background-color: #EEE;
}

.Container {
    border: 3px solid white;
    background-color: #AEBFDE;
    width: 600px;
}

.Section {
    font-weight: bold;
    font-size: 16pt;
    height: 60px;
    vertical-align: bottom;
}

.SectionText {
    width: 100%;
    border-bottom: 2px solid white;
    text-align: right;
    padding-right: 50px;
    margin-bottom: 10px;
}

.Field {
    vertical-align: top;
    padding: 2px 5px 2px 5px;
}

.FieldTitle {
    width: 100%;
    text-align: right;
    font-weight: bold;
    font-size: 10pt;
}

.FieldText {
    font-size: 10pt;
}

.FieldSubmit {
    text-align: center;
    padding: 20px 0 20px 0;
}

.Submit {
    border: 2px solid white;
    background: #AEBFDE;
    width: 100px;
    height: 30px;
}

.InputField, .InputBox, .InputArea {
    background: #EEE;
    border: 2px solid white;
    overflow: auto;
    font-size: 8pt;
}

.InputField {
    width: 172px;
}

#VerifBox {
    width: 55px;
}

.InputArea {
    width: 200px;
}

#Address {
    height: 60px;
}

#DebtHistory {
    height: 73px;
}

.InputBox {
    width: 172px;
}