﻿
.phoneNumbersContent .section,
.emailChangeContent .section,
.addressContent .section,
.preferencesContent .section,
.passwordChangeContent .section,
.accountWizardStepOneContent .section,
.accountWizardStepTwoContent .section,
.accountWizardStepThreeContent .section,
.removeAccountContent .section,
.paymentArrangementContent .section,
.adminContent .section
{
    overflow:auto;
    padding-bottom:10px;
	padding-top:10px;	
}

.phoneNumbersContent .sectionLabel,
.emailChangeContent .sectionLabel,
.addressContent .sectionLabel,
.preferencesContent .sectionLabel,
.passwordChangeContent .sectionLabel,
.accountWizardStepOneContent .sectionLabel,
.accountWizardStepTwoContent .sectionLabel,
.accountWizardStepThreeContent .sectionLabel,
.removeAccountContent .sectionLabel,
.paymentArrangementContent .sectionLabel,
.adminContent .sectionLabel
{
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 12px;
    color: #383d44;
	float:left;
	text-align:right;
	width:250px;
    padding-right:20px;
}

.phoneNumbersContent .sectionData,
.emailChangeContent .sectionData,
.addressContent .sectionData,
.preferencesContent .sectionData,
.passwordChangeContent .sectionData,
.accountWizardStepOneContent .sectionData,
.accountWizardStepTwoContent .sectionData,
.accountWizardStepThreeContent .sectionData,
.removeAccountContent .sectionData,
.paymentArrangementContent .sectionData,
.adminContent .sectionData
{
    float:left;
    /*overflow:auto;*/
}

.emailChangeContent .sectionData div,
.addressContent .sectionData div,
.preferencesContent .sectionData div,
.passwordChangeContent .sectionData div,
.accountWizardStepOneContent .sectionData div,
.accountWizardStepTwoContent .sectionData div,
.accountWizardStepThreeContent .sectionData div,
.removeAccountContent .sectionData div,
.paymentArrangementContent .sectionData div
.adminContent .sectionData div
{
    float:left;
}

.addressContent .ddlCountry
{
    width:80px;
}

.txtPostalCode,
.txtHouseNumber
{
    width:100px;    
}

.txtEmail,
.txtCity,
.txtStreetName
{
    width:240px;
}

.phoneNumbersSection,
.emailSection,
.addressSection,
.preferencesSection,
.passwordSection
{
    padding:10px;
    border-bottom:2px Solid #ffd599;
}

.addAccountWizardSection,
.addAccountStepTwoSection,
.addAccountStepThreeSection,
.registerStepOneSection,
.registerStepTwoSection,
.registerStepThreeSection
{
    padding:10px;
}

.PhoneNumberControlContainer
{
    display:table-cell;
}

.PhoneNumberControlContainer span,
.PhoneNumberControlContainer div,
.PhoneNumberControlContainer input
{
    float:left;
}
.PhoneNumberControlContainer input
{
    width:50px;
}

.PhoneNumbersErrors-PhoneNumbersErrors span
{
    display:none;
}

.PhoneNumbersAreaCodeOpen,
.PhoneNumbersAreaCodeClose
{
    font-size:12px;
    padding-right:2px;
    padding-left:1px;
}
.PhoneNumbersSeparator
{
    font-size:12px;
    padding-right:2px;
    padding-left:2px;    
}

.updateMyAccountContent .buttonContainer,
.updateProfileContent .buttonContainer,
.addAccountContent .buttonContainer,
.removeAccountContent .buttonContainer,
.accountWizardStepOneContent .buttonContainer,
.accountWizardStepTwoContent .buttonContainer,
.paymentArrangementContent .buttonContainer,
.adminContent .buttonContainer
{
    padding-top:20px;
    padding-bottom:20px;
    padding-right:20px;
    overflow:auto;   
}
    
.updateMyAccountContent .buttonContainer .button,
.updateProfileContent .buttonContainer .button,
.addAccountContent .buttonContainer .button,
.removeAccountContent .buttonContainer .button,
.accountWizardStepOneContent .buttonContainer .button,
.accountWizardStepTwoContent .buttonContainer .button,
.paymentArrangementContent .buttonContainer .button,
.adminContent .buttonContainer .button
{
    float:right;
    width:200px  
}

.updateMyAccountContent .buttonContainer .spacer,
.updateProfileContent .buttonContainer .spacer,
.addAccountContent .buttonContainer .spacer,
.removeAccountContent .buttonContainer .spacer,
.accountWizardStepOneContent .buttonContainer .spacer,
.accountWizardStepTwoContent .buttonContainer .spacer,
.paymentArrangementContent .buttonContainer .spacer,
.adminContent .buttonContainer .spacer
{
    float:right;
    width:20px; 
}

.PhoneNumbersError
{
    color: #cc3336;
}