body {
	padding: 0;
    margin: 0;
    background: #8a8472;
    font: 12px/1.85em Helvetica, Arial, sans-serif;
}

form {
	padding: 0;
	margin: 0;
}

div.page {
	width: 953px;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-bg.gif);
}
/********************/
/* Header ***********/
/********************/
div.header-wb {
	float:left;
	margin-left: 19px;
	width: 457px;
	height: 149px;
	background-image: url(/service/images/themes/purpleBlueTheme/welcomeback.gif);
	border-bottom: 1px solid #FFF;
}
div.header-wb-doorswap {
	float:left;
	margin-left: 19px;
	width: 457px;
	height: 149px;
	background-image: url(/service/images/themes/purpleBlueTheme/welcomeback.gif);
	border-bottom: 1px solid #FFF;
}
div.header-info {
	float:left;
	margin-left: 0;
	width: 457px;
	height: 149px;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-hr.gif);
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	color: #f9fafd;
	font-weight: bold;	
}
div.header-logout {
	float: right;
	width: 80px;
	height: 25px;
	margin-top: 5px;
	margin-right: 20px;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-logout.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
div.header-name {
	float: left;
	text-align: left;
	margin-top: 10px;
	margin-left: 20px;
}
div.contentHeader {
	clear: both;
	background: #393939; 
	background-image: url(/service/images/themes/purpleBlueTheme/customer-bg-content.gif);
	background-repeat: repeat-x;
	height: 70px;
	width: 913px;
	margin-left: 19px;
	/*border: 1px solid #1c1d0c;*/
}
div.balance {
	float: left;
	margin-left: 60px;
	margin-top: 22px;
	color: #f7eecf;
	font-weight: bold;
	font-size: 14px;
}
div.makePayment {
	float: left;
	margin-left: 20px;
	margin-top: 14px;
	height:37px;
	width:146px;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-makePayment.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
div.payment {
	float: left;
	height: 100%;
}
input.selectAccountButton {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-selectAccount.gif) no-repeat center top;
	cursor: pointer;
}
input.selectLeaseButton {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-selectLease.gif) no-repeat center top;
	cursor: pointer;
}

/********************/
/* Footer ***********/
/********************/
div.footer {
	width: 914px;
	height: 100px;
	margin-left: 19px;
}

font.footerTradeMark {
	display: none;
}

div.footerBorder {
	clear: both;
	width: 953px;
	height: 26px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-fb.gif);
}
div.footerLogo {
	float: left;
	width: 0px;
	height: 50px;
	margin-left: 30px;
	margin-top: 50px;
}
div.footerContent {
	float: left;
	margin-left: 2px;
	margin-top: 25px;
	height: 60px;
	background: url(/service/images/themes/purpleBlueTheme/customer-footerLogo.gif) no-repeat 0px 10px;
	color: #f9fafd;
	text-align: center;
	width: 868px;
}
a.footerLink:link {
	color: #c5c7c6;
	text-decoration: none;
}
a.footerLink:hover {
	color: #c5c7c6;
	text-decoration: underline;
}
a.footerLink:visited {
	color: #c5c7c6;
	text-decoration: none;
}
a.footerLink:active {
	color: #c5c7c6;
	text-decoration: none;
}

a.headerLink:link {
	color: #c5c7c6;
	text-decoration: none;
}
a.headerLink:hover {
	color: #c5c7c6;
	text-decoration: underline;
}
a.headerLink:visited {
	color: #c5c7c6;
	text-decoration: none;
}
a.headerLink:active {
	color: #c5c7c6;
	text-decoration: none;
}

/********************/
/* General **********/
/********************/
div.errorMessage {
	font-size: 13px;
	color: #b02c0c;
	font-weight: bold;
	width: 500px;
	margin-bottom: 20px;
}
div.lightRow {
	clear: both;
	width: 853px;
	background: #fbfbfd;
	color: #393939;
}
div.darkRow {
	clear: both;
	width: 853px;
	background: #c5c7c6;
	color: #393939;
}
table.contentTable {
	border-collapse: collapse;
	width: 853px;
}
div.contentTitle {
	margin-top: 0;
	margin-left: 49px;
	height: 25px;
	width: 851px;
	background: #696464;
	border: 1px solid #696464;
}
div.contentTitleText {
	margin-left: 20px;
	margin-top: 2px;
	color: #f9fafd;
	font-size: 14px;
	font-weight: bold;
}
div.contentBody {
	margin-left: 49px;
	width: 833px;
	background: #f7f7f7;
	padding: 10px;
	color: #393939;
}
a.contentBody:link {
	color: #393939;
}
a.contentBody:hover {
	color: #393939;
}
a.contentBody:visited {
	color: #393939;
}
a.contentBody:active {
	color: #393939;
}
div.contentTable {
	clear: both;
	margin-left: 49px;
}
div.tabsAndAccount {
	float: right;
	height:60px;
	width:436px;
	margin-right: 30px;
	margin-top: 10px;
}
div.accountSelect {
	float: right;
	height:30px;
	color: #c5c7c6;
	font-size: 14px;
	font-weight: bold;
}
select.accountSelect {
	background: #c5c7c6;
	border: 1px solid #ecd99e;
}
select.accountSelect::selection {
	background: #ecd99e;
}
select.accountSelect::-moz-selection {
	background: #ecd99e;
}
td.fatWords {
	color: #393939;
	font-size: 14px;
	font-weight: bold;
}
div.fatWords {
	color: #393939;
	font-size: 14px;
	font-weight: bold;
}
input.nextStep {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-nextStep.gif) no-repeat center top;
	cursor: pointer;
}
input.backButton {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-back.gif) no-repeat center top;
	cursor: pointer;
}
/********************/
/* Tabs *************/
/********************/
div.tabs {
	clear:both;
	height:30px;
	width:436px;
	margin-top: 0px;
	cursor: pointer;
}
div.activityTab {
	float: left;
	height:30px;
	width:144px;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-tab-accountActivity.gif);
	background-repeat: no-repeat;
}
div.workOrderTab {
	float: left;
	margin-left: 2px;
	height:30px;
	width:144px;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-tab-serviceRequests.gif);
	background-repeat: no-repeat;
}
div.settingsTab {
	float: left;
	margin-left: 2px;
	height:30px;
	width:144px;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-tab-accountSettings.gif);
	background-repeat: no-repeat;
}

/********************/
/* Account Activity */
/********************/
div.activityTable {
	clear: both;
	margin-left: 49px;
}
div.activityTableHeader {
	height: 40px;
	width: 853px;
	background: #4d60ac;
}
div.activityHeaderDate {
	float: left;
	margin-left: 20px; 
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #f9fafd;
	width: 65px;
}
div.activityHeaderType {
	padding-left: 3px;
	float: left;
	margin-left: 22px;
	width: 40px;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #f9fafd;
}
div.activityHeaderInvoice {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 70px;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #f9fafd;
}
div.activityHeaderDescription {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 330px;
	overflow: hidden;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #f9fafd;
}
div.activityHeaderPayment {
	padding-left: 3px;
	float: left;
	margin-left: 22px;
	width: 55px;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #f9fafd;
}
div.activityHeaderCharge {
	padding-left: 3px;
	float: left;
	margin-left: 22px;
	width: 55px;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #f9fafd;
}
div.activityHeaderBalance {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 70px;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #f9fafd;
}
div.activityDate {
	float: left;
	margin-left: 20px;
	width: 65px;
}
div.activityType {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 40px;
	border-left: 1px solid #393939;
}
div.activityInvoice {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 70px;
	border-left: 1px solid #393939;
}
div.activityDescription {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 330px;
	border-left: 1px solid #393939;
	overflow: hidden;
	height: 22px;
}
div.activityPayment {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 55px;
	border-left: 1px solid #393939;
}
div.activityCharge {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 55px;
	border-left: 1px solid #393939;
}
div.activityBalance {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 70px;
	border-left: 1px solid #393939;
}
div.statements {
	clear: both;
	margin-top: 30px;
	margin-left: 49px;
}
div.statementHeaderTitle {
	float: left;
	margin-left: 20px; 
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #c5c7c6;
	width: 140px;
}
div.statementHeaderDate {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 130px;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #c5c7c6;
}
div.statementHeaderDueDate {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 75px;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #c5c7c6;
}
div.statementHeaderBalance {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 60px;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #c5c7c6;
}
div.statementTitle {
	float: left;
	margin-left: 20px;
	width: 140px;
}
div.statementDate {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 130px;
	border-left: 1px solid #393939;
}
div.statementDueDate {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 75px;
	border-left: 1px solid #393939;
}
div.statementBalance {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 60px;
	border-left: 1px solid #393939;
}
a.statement:link {
	color: #6c3113;
	font-style: italic;
}
a.statement:hover {
	color: #6c3113;
	font-weight: bold;
	font-style: italic;
}
a.statement:visited {
	color: #6c3113;
	font-style: italic;
}
a.statement:active {
	color: #6c3113;
	font-style: italic;
}
/********************/
/* Service Requests */
/********************/
div.serviceTitle {
	margin-left: 49px;
	height: 38px;
	width: 851px;
	background: #7b7a1d;
	border: 1px solid #7b7a1d;
}
div.serviceNewWorkOrder {
	float: left;
	margin-top: 7px;
	margin-left: 20px;
	width: 108px;
	height: 27px;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-submitRequest.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
div.serviceHeaderNumber {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 50px;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #c5c7c6;
}
div.serviceHeaderStartDate {
	padding-left: 3px;
	float: left;
	margin-left: 30px;
	width: 90px;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #c5c7c6;
}
div.serviceHeaderProblem {
	padding-left: 3px;
	float: left;
	margin-left: 10px;
	width: 350px;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #c5c7c6;
}
div.serviceHeaderStatus {
	padding-left: 3px;
	float: left;
	margin-left: 38px;
	width: 50px;
   	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #c5c7c6;
}
td.serviceControls {
	width: 17%;
}
td.serviceNumber {
	width: 10%;
	border-left: 1px solid #7b7a1d;
	padding-left: 3px;
	text-align: left;
	vertical-align: top;
}
td.serviceStartDate {
	width: 12%;
	border-left: 1px solid #7b7a1d;
	padding-left: 3px;
	text-align: left;
	vertical-align: top;
}
td.serviceProblem {
	width: 46%;
	border-left: 1px solid #7b7a1d;
	padding-left: 3px;
	text-align: left;
	vertical-align: top;
}
td.serviceStatus {
	width: 15%;
	border-left: 1px solid #7b7a1d;
	padding-left: 3px;
	text-align: left;
	vertical-align: top;
}
div.serviceCancelRequest {
	clear: both;
	width: 96px;
	height: 17px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-cancelRequest.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
div.serviceEditRequest {
	clear: both;
	width: 87px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-editRequest.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
input.serviceSubmitButton {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-submitRequestButton.gif) no-repeat center top;
	cursor: pointer;
}

/********************/
/* Settings *********/
/********************/
div.settingsTitle {
	margin-left: 49px;
	height: 22px;
	width: 851px;
	background: #ababab;
	border: 1px solid #ababab;
}
div.settingsHeaderAccountInfo {
	padding-left: 3px;
	float: left;
	margin-left: 16px;
	width: 100px;
   	margin-top: 0px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #f9fafd;
}
div.settingsHeaderPaymentInfo {
	padding-left: 3px;
	float: left;
	margin-left: 324px;
	width: 100px;
   	margin-top: 0px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #f9fafd;
}
div.settingsContent {
	margin-left: 49px;
	width: 853px;
	background: #f7f7f7;
	padding: 0px;
	color: #393939;

}
div.settingsContentLeft {
	float: left;
	width: 426px;
}
div.settingsContentRight {
	float: left;
	width: 426px;
	border-left: 1px solid #ababab;
}
div.fatHeader {
	float: left;
	width: 100px;
	color: #393939; 
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid #393939;
}
div.firstFixedColumn {
	float: left;
	width: 100px;
}
div.fixedColumn {
	float: left;
	width: 96px;
	padding-left: 3px;
	border-left: 2px solid #393939;
}
div.settingsLeftTitle {
	clear: both;
	margin-top: 20px;
	height: 22px;
	width: 424px;
	background: #ababab;
	border: 1px solid #ababab;
}
div.settingsBody {
	margin-top: 5px;
	margin-left: 20px;
}
div.contactCaption {
	float: left;
	width: 75px;
	color: #393939; 
	font-size: 14px;
	font-weight: bold;
}
div.contactInfo {
	float: left;
	width: 200px;
	margin-left: 14px;

}
div.contactEdit {
	float: left;
	width: 51px;
	height: 23px;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-editContact.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
div.leftDivider {
	clear: both;
	width: 426px;
	border-top: 1px solid #ababab;
}
div.addAContactButton {
	clear: both;
	width: 108px;
	height: 27px;
	background-image: url(/service/images/themes/purpleBlueTheme/customer-addAContact.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
input.addAccountButton {
	float: right;
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-addAccount.gif) no-repeat center top;
	cursor: pointer;
}
input.savePaymentInfo {
	float: right;
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-savePaymentInfo.gif) no-repeat center top;
	cursor: pointer;
}
input.savePassword {
	float: right;
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-savePassword.gif) no-repeat center top;
	cursor: pointer;
}
input.saveGeneralInfo {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-saveGeneralInfo.gif) no-repeat center top;
	cursor: pointer;
}
input.updateAddressInfo {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-updateAddress.gif) no-repeat center top;
	cursor: pointer;
}
input.updateInsuranceInfo {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-updateInsurance.gif) no-repeat center top;
	cursor: pointer;
}
div.settingsHeaderGeneral {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 400px;
   	margin-top: 0px; 
	font-size: 14px; 
	font-weight: bold; 
	color: #c5c7c6;
}
input.addContact {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-addContact.gif) no-repeat center top;
	cursor: pointer;
}
input.updateContact {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-updateContact.gif) no-repeat center top;
	cursor: pointer;
}
input.deleteContact {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-deleteContact.gif) no-repeat center top;
	cursor: pointer;
}
input.selectLease {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-selectLease.gif) no-repeat center top;
	cursor: pointer;
}
input.submitPayment {
	width: 108px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent url(/service/images/themes/purpleBlueTheme/customer-submitPayment.gif) no-repeat center top;
	cursor: pointer;
}
tr.oddRow {
	color: #644226;
	background-color: #FFFFFF;
}

tr.evenRow {
	color: #644226;
	background-color: #ECDEAD;
}

/***********************/
/* Payment Summary *****/
/***********************/
div.paymentSummaryHeader {
	margin-top: 5px;
	width:400px;
	height: 20px;
	background: #ababab;
	padding: 0;
}
div.paymentSummaryAccount {
	float: left;
	margin-left: 20px; 
   	margin-top: 0px; 
	font-size: 12px; 
	font-weight: bold; 
	color: #f9fafd;
	width: 380px;
}
div.paymentSummaryItemLeft {
	float: left;
	margin-left: 5px; 
	width:295px;
}
div.paymentSummaryItemRight {
	padding-left: 3px;
	float: left;
	margin-left: 20px;
	width: 70px;
	border-left: 1px solid #393939;
	text-align: right;
}
div.paymentSummaryTotal {
	float: right;
	width: 400px;
	font-size: 14px;
	font-weight: bold; 
	color: #393939;
	border-top: 2px solid #393939;
	text-align: right;
}
/********************/
/* Document Table****/
/********************/
table.activityTable {
	width: 853px;
	background: #4d60ac;
	border-style: none;
}
tr.lightRow {
	background: #fbfbfd;
	color: #393939;
}
tr.darkRow {
	background: #c5c7c6;
	color: #393939;
}
/***********************/
/* Signup **************/
/***********************/
div.contentLeft {
	float: left;
	width: 400px;
}
div.contentRight {
	float: left;
	width: 4000x;
}
span.requiredStar {
	color: #b02c0c;
	font-weight: bold;
}