﻿body {width: 980px; color:#606060; margin-right: auto; margin-left:auto; font-family:Arial, Helvetica, sans-serif; font-size:9pt; margin-top:15px; margin-bottom:25px; background-image:url('images/bodybg.gif');}

a:link{color:#0000ff;text-decoration:underline;}
a:visited{color:#0000ff;text-decoration:underline;}
h1{font-size:9pt;color:#FF0000;letter-spacing:3px;padding-bottom:10px;}
h2{font-size:9pt;color:#666666;letter-spacing:1px;padding-bottom:10px;}
li{list-style-type:square;list-style-position:outside;font-size:8pt;margin-left:15px;}
p{padding-bottom:10px;}

#header{ width: 100%; background-color: White; background-image: url('images/rpBanner_01.jpg'); background-repeat: no-repeat; height:225px;}

#content-container { width: 100%; background-color: White;}
#content-holder { width: 100%; background-color: White;}

#leftSideBar{background-color:white;width:20%;text-align: right;vertical-align:top;padding-right:10px;padding-left:10px;border-right-style:solid;border-right-width:1px;border-right-color:#aaaaaa;}
#contentArea{background-color:white;width:80%;text-align: left;vertical-align:top;padding-right:10px;padding-left:10px;}

#table-register input { width: 300px;}
#table-register .colName {text-align: right;}

.acctUtil { width: 100%;}
.acctUtil div {height: 30px; background-color: #e8e8e8; text-align: center; padding: 5px; width: 80%; margin-right: auto; margin-left: auto;}
.acctUtil div a {font-weight: bold; font-size: 14px;}

.gridData {width: 90%;}

.payment {background-color: #E8E8E8;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #8C8C8C;width: 100%;padding: 8px;margin-top: 4px; height: 30px;}
.recentpayment {float: left; margin-top: 4px;}
.paymentdate {float:right;}
.payment:hover {cursor: pointer;background-color: #8C8C8C;color: #E8E8E8;}

.customer {background-color: #E8E8E8;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #8C8C8C;width: 100%;padding: 8px;margin-top: 4px;height: 30px;}
.customerinfo {float: left;text-transform:capitalize;}
.accountnumber {float:right;text-align: right;}
.customer:hover {cursor: pointer;background-color: #8C8C8C;color: #E8E8E8;}

#footer { width: 100%; height: 60px; background-color: #f5f5f5; padding-top: 30px;}