body {
 font-family: Arial, Helvetica, sans-serif;
}

td {
 margin: 0px;
 padding: 2px;
 color: black;
}

tr {
 margin: 0px;
 padding: 0px;
}

table {
 border: 0px;
 color: black;
}

.container{
 width: 500px;
}

.title {
 width: 496px;
 color: #000;
 padding: 2px 0px 3px 5px;
 font-weight: bold;
}

.accessdetails {
 width: 500px;
 margin-bottom: 15px;
}

.accessdetails .title {
}

.contactdetails {
 width: 500px;
 margin-bottom: 15px;
}

.contactdetails .title {
}

.otherdetails {
 width: 500px;
 margin-bottom: 15px;
}

.otherdetails .title {
}

.submitdetails {
 width: 500px;
}

.submitdetails .title {
}

.termsofuse {
 width: 500px;
 margin-bottom: 15px;
 margin-top:15px;
 border:#1FBBC7 solid 1px;
 overflow:scroll;
 height:500px;
 padding: 10px 10px 10px 10px;
}

.row1 {
 background-color: #CCCCFF;
}

.row2 {
 background-color: #CCCCCC;
}

.regtable {
 width: 500px;
}

.clientSite {
 width: 600px;
 border: 1px solid #999999;
 background-color: #FFFFFF;
 padding: 5px;
}

.clientSiteAlt {
 width: 600px;
 border: 1px solid #999999;
 background-color: #EEEEFF;
 padding: 5px;
}

.curBalance {
 width: 300px;
 background: #CCCCFF;
 font-weight: bold;
 padding: 5px;
 clear: left;
 border: 1px solid black;
}

.curBalance b {
 float: right;
 margin-top: -20px;
}

.underCB {
 font-style: italic;
 width: 300px;
 padding-left: 5px;
}

.underCB b {
 float: right;
 margin-top: -20px;
}

.payBalance {
 float: right;
 width: 300px;
 background: #CCCCFF;
 padding: 5px;
 border: 1px solid black;
 font-weight: bold;
 text-align: center;
 margin-top: -50px;
} 

.underPB {
 width: 300px;
 float: left;
 padding-right: 5px;
 margin-top: 0px;
}

.underPB img {
 margin-left: 2px;
 margin-right: 2px;
}

.tblBalance {
 font-family: Arial, Helvetica, sans-serif;
 color: black;
}

.tblBalance .a1 {
 background: #9999FF;
 color: black;
}

.tblBalance .a2 {
 background: #CCCCFF;
 color: black;
}