body
{
    background-image: url(../../Media/Images/background.jpg);
    background-repeat: repeat-x;
    background-color: #09BDF0;
    font-family: Verdana;
    font-size: 12px;
}

h1 
{ 
    font-family: Verdana;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 8px 0;
}

/************************ WEBSITE LAYOUT ************************/
#website 
{
    width: 985px;
    min-height: 650px;
    padding: 5px;
    background-color: #FFFFFF;
    margin: 0 auto;   
}
* html #website { height: 650px; }

.websiteContent 
{
    margin: 0 22px;
    font-size: 14px;
    font-family: Arial;
}

.contentArea
{
    margin: 22px 0 21px 0; 
    overflow: hidden;
}

.textArea
{
    float: left; 
    width: 600px;
}

/************************ PAGE HEADERS ************************/
.defaultHeader
{
    width: 985px;
    height: 184px;
    display: block;
    background-color: #001E4D;
    background-image: url(../../media/images/headers/default.jpg);
    background-repeat: no-repeat;
    position: relative;
}

.individualsHeader,
.businessesHeader,
.institutionsHeader
{
    width: 985px;
    height: 268px;
    display: block;
    background-repeat: no-repeat;
    position: relative;
}

.individualsHeader
{
    background-color: #C759A2;
    background-image: url(../../Media/Images/Headers/individuals.jpg);
}

.businessesHeader
{
    background-color: #E8D958;
    background-image: url(../../Media/Images/Headers/businesses.jpg);
}

.institutionsHeader
{
    background-color: #09BEF3;
    background-image: url(../../Media/Images/Headers/institutions.jpg);
}

.defaultHeader a.logoLink,
.individualsHeader a.logoLink,
.businessesHeader a.logoLink,
.institutionsHeader a.logoLink
{
    position: absolute;
    top: 50px;
    left: 757px;
    width: 220px;
    height: 88px;
    text-decoration: none;
    display: block;    
}

.individualsHeader .stepPanel,
.businessesHeader .stepPanel,
.institutionsHeader .stepPanel
{
    position: absolute;
    top: 220px;
    left: 720px;
    font-family: Arial;
    font-size: 32px;
}

.individualsHeader .stepPanel .currentStep,
.businessesHeader .stepPanel .currentStep,
.institutionsHeader .stepPanel .currentStep
{
    font-weight: bold;
    text-transform: uppercase;
    color: #004F81;
}

.individualsHeader .stepPanel .totalSteps,
.businessesHeader .stepPanel .totalSteps,
.institutionsHeader .stepPanel .totalSteps
{
    color: #767676;
}

/************************ GENERAL ************************/
.required,
.error,
.highlight 
{  
    font-weight: bold;
    color: #00AEEF;
}

.spacer
{
    height: 0;
    overflow: hidden;
    clear: both;
}

.mandatory
{
    font-family: Arial;
    font-style: italic;
    font-size: 12px;
    color: #001E4D;
}


.validationText 
{
    color: #FF0000;
    margin: 0 0 0 5px;
}

.header
{
    text-transform: uppercase;
    color: #001E4D;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    padding: 0 0 3px 0;
    margin: 0 0 5px 0;
}

.subHeader
{
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    padding: 0 0 3px 0;
    margin: 0 0 5px 0;
    border-bottom: Solid 1px #000000;
}

.description
{
    margin: 0 0 10px 0;
}

.step1Panel
{
    float: left; 
    margin: 0 0 0 55px;
    display: inline;
    background-image: url(../../Media/Images/stepPanel.jpg);
    background-repeat: no-repeat;
    width: 274px;
    height: 98px;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    color: #004F81;
}

.step1Panel .currentStep
{
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 13px 0 3px 0;
}
.step1Panel .totalSteps
{
    text-transform: none;
    font-weight: normal;
    color: #767676;
}

/************************ INSURANCE TYPES ************************/
.insuranceTypes
{
    overflow: hidden;
}

.insuranceTypes .individuals,
.insuranceTypes .businesses,
.insuranceTypes .institutions
{
    width: 300px;
    height: 240px;
    display: block;
    background-repeat: no-repeat;
    float: left;
    position: relative;
}

.insuranceTypes .individuals 
{
    background-image: url(../../Media/Images/individuals.jpg);
    background-color: #C759A2;
    margin: 0 20px 0 0;
}

.insuranceTypes .businesses
{
    background-image: url(../../Media/Images/businesses.jpg);
    background-color: #E8D958;
}

.insuranceTypes .institutions
{
    background-image: url(../../Media/Images/institutions.jpg);
    background-color: #09BEF3;
    margin: 0 21px 0 0;
}

.insuranceTypes .individuals a.start,
.insuranceTypes .businesses a.start,
.insuranceTypes .institutions a.start
{
    position: absolute;
    top: 194px;
}
.insuranceTypes .institutions a.start { left: 226px; }
.insuranceTypes .businesses a.start, .insuranceTypes .individuals a.start { left: 227px; }


/************************ FORMS ************************/
.inputForm, .userDetailsForm { margin: 0 0 5px 0; }

.inputForm td
{ 
    font-size: 11px; 
    font-family: Arial;
}

.inputForm td.headerCell
{
    color: #001E4D;
    font-weight: bold;
    font-size: 12px;
    width: 250px;
    vertical-align: top;
    padding: 5px 0 3px 5px;
    background-color: #D0E7ED;
}

.inputForm td.headerCell .note
{
    font-weight: normal;
    font-size: 11px;
}

.inputForm td.dataCell
{
    background-color: #D0E7ED;
    width: 550px;
    padding: 0 0 0 10px;
}

.inputForm .inputControl
{
    margin: 3px 0;
    border: Solid 1px #002454;
}

.inputFormButtons
{
    margin: 20px 0;
    overflow: hidden;
    width: 820px;
}

.inputFormButtons .button
{
    width: 410px;
    float: left;
}

.subTable td.headerCell,
.institutionsSubTable td.headerCell
{
    vertical-align: top;
    padding: 0;
    background-color: Transparent;
    width: auto;
}
.subTable td.headerCell { height: 30px; }
.institutionsSubTable td.headerCell { height: 25px; }


.subTable td.dataCell,
.institutionsSubTable td.dataCell
{
    font-weight: normal;
    background-color: Transparent;
    width: auto;
    padding: 0;
}
.subTable td.dataCell { height: 28px; }
.institutionsSubTable td.dataCell { height: 35px; }



/************************ BUTTONS ************************/
a.start, a.back, a.next, a.home
{
    text-decoration: none;
    display: block;
    width: 63px;
    height: 38px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

a.start { background-image: url(../../Media/Images/Buttons/start.jpg); }
a.back { background-image: url(../../Media/Images/Buttons/back.jpg); }
a.next { background-image: url(../../Media/Images/Buttons/next.jpg); }
a.home { background-image: url(../../Media/Images/Buttons/home.jpg); }

a.start:hover, a.back:hover, a.next:hover, a.home:hover
{
    background-position: -63px 0;
}

a.right { margin: 0 0 0 346px; }