/* Generic CSS for home-insurance-quote.aspx */
#formData h1
{
}

#formData h2
{
    font-size: 0.85em;
    margin-top: 10px;
}

/* Individual CSS for home-insurance-quote.aspx */
/* Question set 1 */
#formData .addressSelectorGUI
{
    padding: 0px;
}

#formData input.firstName
{
}

#formData input.middleInitial
{
    width: 24px;
}

#formData input.lastName
{
}

#formData input.findAddress
{
    width: 100px;
}

#formData label.addressTitle
{
    width: auto;
    text-align: left;
}

#formData label.wideQuestion
{
    width: 430px;
    text-align: left;
}

#formData select.addressSelector
{
    width: 663px;
    margin: 0px;
}

#formData input.addressL1
{
}

#formData input.addressL2
{
}

#formData input.addressL3
{
}

#formData input.addressL4
{
}

#formData input.dateOfBirth
{
}

#formData input.employersBusiness
{
}

#formData input.addressPostcode
{
     width: 100px;
}

#formData input.emailAddress
{
}

#formData input.telephoneNumber
{
}

#formData input.occupation
{
}

#formData select.calendarDay
{
    width: auto;
}

#formData select.calendarMonth
{
    width: auto;
    margin-left: 3px;
}

#formData select.calendarYear
{
    width: auto;
    margin-left: 3px;
}

/* Question set 2 */
#formData input.yearBuilt
{
    width: 60px;
}

#formData select.numberOfBedrooms
{
    width: 40px;
}

#formData input.interestedParty
{
    width: 180px;
}

#formData input.accountNumber
{
    width: 120px;
}

#formData textarea.valuablesList,
#formData textarea.specifiedItems
{
    width: 180px;
    height: 70px;
}

#formData select.buildingType,
#formData select.wallConstruction,
#formData select.roofConstruction
{
    width: 180px;
}

#formData input.buildingsSumInsured,
#formData input.contentsSumInsured,
#formData input.personalBelongingsSumInsured,
#formData input.pedalCycleSumInsured
{
    width: 100px;
}

#formData input.buildingsSumInsured
{
}

#formData input.contentsSumInsured
{
}

#formData input.personalBelongingsSumInsured
{
}

#formData input.pedalCycleSumInsured
{
}

#formData textarea.additionalInformation
{
    width: 616px;
    height: 100px;
}

#formData input.claimDate,
#formData input.claimDescription,
#formData input.claimCost
{
    display: inline-block;
    margin: 0px;
    padding: 2px 1px;
    width: 96px;
}

#formData input.claimDescription
{
    width: 453px;
}

#formData input.claimCost
{
    text-align: right;
}

#formData label.claimDate,
#formData label.claimDescription,
#formData label.claimCost
{
    display: inline-block;
    width: 100px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    font-weight: bold;
    font-size: 0.70em;
}

#formData label.claimDescription
{
    width: 457px;
}

/* General */
#formData p
{
    border-bottom: 1px dotted #666;
    padding: 3px 0px;
}

#formData span.yesNo
{
    margin-left: 20px;
}

#formData span.yesNo label
{
    padding: 0px;
    margin: 0px;
    margin-right: 20px;
    width: auto;
}

#formData span.additionalInfo
{
    display: block;
    color: #000;
    background-color: inherit;
    font-size: 0.75em;
}

#formControls
{
    display: block;
    margin-top: 15px;
    text-align: center;
    padding: 0px;
}

#formData .formErrorMessage,
#formData .formErrorMessageAddressList,
#formData .formErrorMessageLeftJustified,
#formData .formErrorMessageCentered
{
    color: #c00;
    background-color: inherit;
}

#formData .formErrorMessageAddressList,
#formData .formErrorMessageLeftJustified,
#formData .formErrorMessageCentered
{
    display: block;
    margin: 8px 0px;
    font-size: 0.70em;
    font-weight: bold;
    text-align: right;
}

#formData .formErrorMessageLeftJustified
{
    text-align: left;
    margin: 3px 0px;
    padding: 8px 3px;
    border: 1px solid #c00;
    background-color: #fff871;
}

#formData .formErrorMessageCentered
{
    text-align: center;
    border-bottom: 0px solid #000;
}

#formControls a
{
    color: #000;
    background-color:inherit;
}