body {
margin: 0;
font-family: Verdana;
font: 0.80em "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

#wrapper 
{
    width: 104em;
   /* width: 85em;
    width: 80em;*/
    /*background-color: #008000;*/
    background-color: #333;
    margin: 0 auto;
    /*border: 1px solid #008000;*/
    border: 1px solid #333;
}

#jjj { 
color:Green;
font-family:Times New Roman;
font-size:medium;
}

#memberHome {
width: 50%;
margin: 0 auto 0 auto;
border: 1px dotted #333;
/*border: 1px solid #ff8c00;*/
border-radius: 20px;
padding: 3em;
text-align: center;
}

#memberHome h1 
{
    font-size: 160%;
}

#memberHome table
{
    width: 74%;
    margin: 0 auto;
}

#memberHome table td
{
    padding: 0.5em;
    font-family: Sans-serif;
}

#memberHome table td img
{
    border: 2px solid #fff;
}

.clear {
margin: 0;
padding: 0;
clear: both;
}

a:link 
{
    color: #CC0000;
/*color: #008000;*/
font-weight: bold;
}


#pageHeader {
width: 100%;
margin-top: 1.5em;
color: #fff;
/*background-color: #008000;*/
background-color: #333;
text-align: center;
}

#headerTable 
{
    margin: 0 auto;
}

#pageHeader h1 {
    font-size: 200%;
}

#pageHeader ul {
    float: right;
    margin-top: 0;
    list-style-type: none;
    margin-right: 3em;
}

#pageHeader ul li {
    display: inline;
    margin-right: 0.7em;
    font-size: 125%;
}

#pageHeader ul li img 
{
    /*border: 2px solid #008000;*/
    border: 2px solid #333;
}

#pageHeader a:link, a:visited {
color: #fff;
font-weight: normal;
}

#pageHeader a:hover, a:active {
text-decoration: none;
 }
 

#menu {
width:100%;
background-color: #333;
}
 
#content {
background-color: #fff;
color: #000;
min-height: 400px;
padding: 2em;
}

#reg 
{
    /*color: #ff8c00;*/
    color: #CC0000;
    font-size: 120%;
    font-family: Verdana, Sans-Serif;
    text-align: center;
    opacity: 0.2;
}


#memberReg h3 {
/*background-color: #008000;*/
background-color: #666;
color: #fff;
width: 100%;
padding: 0.5em;
border-radius: 7px;
}

#memberReg h3 span {
/*color: #ff8c00;*/
color: white;
margin-left: 35em;
font-family: Verdana, Sans-Serif;
}


#memberReg td span {
    /*color: #ff8c00;*/
    color: #CC0000;
}


#memberReg .share {
width: 120px;
}

#FormTable h3 {
background-color:Orange;
}

#statementDiv  {
width: 85%;
margin: auto;
font-family: Verdana, Sans-Serif;
}

#statementDiv h2 {
text-align: center;
/*color: #008000;*/
color: gray;
font-size: 120%;
border-bottom: 1px dotted gray;
}

#statementDiv .contentLabel {
margin: auto;
font-size: small;
width: 100%;
    height: 46px;
}

#statementDiv table .td1 {
font-weight: bold;
}

#statementDiv .contentLabel td {
border: 1px dotted gray;
font-weight:bold;
color: gray;
padding: 0.6em 0.1em 0.6em 0.3em;
text-align: left;
background-color: white;
}

#statementDiv .contentLabel input[type='text']
{
    border: 1px solid #CC0000;
    font-weight: bold;
}

#statementDiv .contentLabel select
{
    border: 1px solid #CC0000;
    font-weight: bold;
}

#statementDiv table .contentLabel2 {
margin-bottom: 0.4em;
font-size: 100%;
font-weight: bold;
background-color: #333;
border: none;
text-align:center;
}

#statementDiv .contentLabel3 {
margin-bottom: 0.4em;
font-size: 110%;
font-weight: bold;
color:White;
background-color:#FF9900;
text-align:center;
}

#statementDiv .contentLabel4 {
    margin-bottom: 0.4em;
    border-bottom: 1px dotted #ff8c00;
    border-left: 1px dotted #ff8c00;
    font-family: Verdana, Sans-Serif;
    font-size: 75%;
    text-align:center;
}

#statementDiv .contentLabel5 {
    margin-bottom: 0.4em;
    font-family: Verdana, Sans-Serif;
    border-bottom: 1px dotted #ff8c00;
    border-left: 1px dotted #ff8c00;
    font-size: 70%;
    text-align:center;
}

#statementDiv .contentLabel6 {
margin-bottom: 0.4em;
font-size: 110%;
font-weight: bold;
color:White;
font-family:Tahoma;
}

#statementDiv span {
color: #000;
font-weight: normal;
}

#statementDiv .repay_shedule_pop_up h2 {
    color: #CC0000;
    text-align: center;
    border-bottom: dotted 1px #ff8c00;
}

#statementDiv .repay_shedule_pop_up {
    margin: auto;
    font-size: small;
    width: 100%;
}

#statementDiv .repay_shedule_pop_up th {
    border: 1px dotted gray;
    font-weight:bold;
    color: #ffffff;
    padding: 0.6em 0.1em 0.6em 0.3em;
    text-align: center;
    font-size: 90%;
    background-color: #CC0000;
}

#statementDiv .repay_shedule_pop_up td {
    border: 1px dotted gray;
    font-weight:bold;
    color: #ffffff;
    padding: 0.6em 0.1em 0.6em 0.3em;
    text-align: left;
    background-color: #666;
}

.popUpCloseBt 
{
    font-family: Verdana, Sans-serif;
    font-size: 12pt;
    color: #CC0000;
    border-style: none;
    font-weight: bold;
}

#statementTable  table{
width: 900px;
margin: 0 auto 0 auto;
border: 1px solid #000;
border-radius: 10px;
}

#statementTable  table th{
font-size: 110%;
padding: 0.5em;
color: #fff;
background-color: #008000;
font-weight: bold;
}

#statementTable  table td{
padding: 0.005em;
}

#statementDiv p 
{
    color: #666;
    font-weight: bold;
    font-family: Verdana, Sans-Serif;
    font-size: small;
}

.odd {
color: #fff;
}

.basic {
    margin-left: 6em;
    margin: 0 auto;
}

.basic td label {
    /*color: #008000;*/
    color: #666;
    font-weight: bold;
    float: left;
    margin-left: 1em;
    margin-right: 1em;
    width: 160px;
    font-family: Verdana, Sans-Serif;
    padding-bottom: 1em;
}


.basic td input {
    width: 180px;
    padding: 0.5em;
    border-radius: 3px;
    margin-bottom: 0.5em;
    border: 1px solid #CC0000;
}

.basic select {
    width: 200px;
    /*border: 1px solid #666;*/
    border: 1px solid #CC0000;
    border-radius: 2px;
    margin-bottom: 1em;
}

.basic textarea {
    width: 200px;
    border: 1px solid #CC0000;
    border-radius: 2px;
    margin-bottom: 1em;
}

.basic_loan {
    margin-left: 6em;
    margin: 0 auto;
    width: 100%;
}

.basic_loan td label {
    /*color: #008000;*/
    color: #666;
    font-weight: bold;
    float: left;
    margin-left: 1em;
    margin-right: 1em;
    width: 160px;
    font-family: Verdana, Sans-Serif;
    padding-bottom: 1em;
}


.basic_loan td input {
    width: 180px;
    padding: 0.5em;
    border-radius: 3px;
    margin-bottom: 0.5em;
    border: 1px solid #CC0000;
}

.basic_loan select {
    width: 200px;
    /*border: 1px solid #666;*/
    border: 1px solid #CC0000;
    border-radius: 2px;
    margin-bottom: 1em;
}

.basic_loan textarea {
    width: 200px;
    border: 1px solid #CC0000;
    border-radius: 2px;
    margin-bottom: 1em;
}

.basic2 {

}

.basic2 td label {
    color: #CC0000;
    font-weight: bold;
    float: left;
    margin-left: 1.5em;
    margin-right: 1.5em;
    width: 112px;
}


.basic2 td input {
    width: 180px;
    border: 1px solid #CC0000;
    padding: 0.5em;
    border-radius: 2px;
    margin-bottom: 0.5em;
}

.basic2 select, textarea {
width: 200px;
border: 1px solid #CC0000;
border-radius: 2px;
margin-bottom: 1em;
}

.deduction 
{
    margin-left: 5em;
}

.deduction td label 
{
    /*color: #008000;*/
    color: #666;
    font-weight: bold;
    float: left;
    font-family : Verdana, Sans-Serif
}


.deduction td input {
    width: 180px;
    /*border: 1px solid #008000;*/
    border: 1px solid #CC0000   ;
    padding: 0.5em;
    border-radius: 2px;
    margin-bottom: 0.5em;
}

.bank {
    font-size: 91%;
    margin: 0 auto;
    font-family: Verdana, Sans-Serif;
}

.bank td label {
    /*color: #008000;*/
    color: #666;
    font-weight: bold;
    font-family: Verdana, Sans-Serif;
    font-size: 105%;
}

.bank td input {
    width: 190px;
    /*border: 1px solid #008000;*/
    border: 1px solid #CC0000;
    padding: 0.5em;
    border-radius: 2px;
    margin-left: 5em;
    margin-bottom: 0.5em;
}

.bank textarea {
    width: 200px;
    /*border: 1px solid #008000;*/
    border: 1px solid #CC0000;
    /*border-radius: 2px;
    margin-bottom: 1em;*/
    border-radius: 2px;
    margin-bottom: 0.5em;
    padding: 0.5em;
    margin-left: 5.5em;
}
}

#beneficiary {
    margin: 0 auto 0 auto;
}

#beneficiary td label {
    /*color: #008000;*/
    color: #666;
    font-weight: bold;
}


#beneficiary td input 
{
    /*border: 1px solid #008000;*/
    border-radius: 2px;
    border: 1px solid #CC0000;
    margin-bottom: 0.5em;
}

#memberReg .share {
width: 120px;
    margin-left: 0px;
}

#memberReg .share2 {
width: 40px;
}


/*.aspNetDisabled {
    background-image: url('../images/32x32_1/Full Size.png');
    background-repeat: no-repeat;
    background-position: center left;
    
    background-color: #008000;
    color: #fff;
    width: 130px;
    padding: 0.3em 0.3em 0.3em 1.5em;
    font-size: 120%;
    margin-top: 3em;
    margin-left: 30em;
    border-radius: 8px; 
}*/



#memberReg .save {
    background-image: url('../images/32x32_1/Save.png');
    background-repeat: no-repeat;
    background-position: center left;
    /*background-color: #008000;*/
    background-color: #333;
    color: #fff;
    width: 110px;
    padding: 0.3em 0.3em 0.3em 1.5em;
    font-size: 120%;
    margin-top: 3em;
    margin-left: 35em;
    border: 2px solid white;
    border-radius: 8px;
}


#memberReg .reset {
    background-image: url('../images/32x32_1/Refresh.png');
    background-repeat: no-repeat;
    background-position: center left;
    /*background-color: #008000;*/
    background-color: #333;
    color: #fff;
    width: 110px;
    padding: 0.3em 0.3em 0.3em 1.5em;
    font-size: 120%;
    margin-top: 3em;
    border: 2px solid white;
    border-radius: 8px;
}


#memberReg .preview {
    background-image: url('../images/32x32_1/Document.png');
    background-repeat: no-repeat;
    background-position: center left;
    /*background-color: #008000;*/
    background-color: #333;
    color: #fff;
    width: 115px;
    padding: 0.3em 0.5em 0.3em 1.5em;
    font-size: 120%;
    margin-top: 3em;
    border: 2px solid white;
    border-radius: 8px;
}


#memberReg .preview:hover {
   /*color: #ff8c00;*/
    color: #CC0000;
}

#memberReg .submit:hover {
    /*color: #ff8c00;*/
    font-weight: bold;
}

#memberReg .reset:hover {
    /*color: #ff8c00;*/
    color: #CC0000;
}

#memberReg .save:hover {
    /*color: #ff8c00;*/
    color: #CC0000;
}

.lblmsg 
{
    width : 100%;
    text-align:center;
    /*color: #ff8c00;*/
    color: #CC0000;
    font-weight: bold;
    font-size: 120%;
    margin: 0 auto;
}

.lblmsg2 
{
    width : 100%;
    text-align:center;
    /*color: #ff8c00;*/
    color: #CC0000;
    font-weight: bold;
    font-size: 120%;
    margin: 0 auto;
}

.PleaseWait1 {
    margin-left: 45%;
    height: 32px;
    background-image: url(../images/PleaseWait1.gif);
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 32px;
}

.anodasignup
{
    background-image: url('../images/32x32_1/User.png');
    background-repeat: no-repeat;
    background-position: center left; 

}

.formProcess {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 150px;
    /*padding-left: 40px;*/
    margin: 0 auto;
    width: 55%;
    border: 1px dotted #333;
    /*border: 2px dotted #ff8c00;*/
    border-radius: 20px;
}

#formProcess table
{
   /*padding-left:100px;*/
}

.formProcess table table td {
    color: #ff8c00;
    margin-bottom: 10%;
}

.formProcess label {
    float: left;
    /*color: #008000;*/ 
    color: #CC0000;
    font-weight: bold;
    width: 100%;
    text-align: left;
    padding-right: 1em;
}

.formProcess p { 
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.formProcess .login {
    font-family: Sans-serif;
    font-weight: bold;
    background-image: url('../images/32x32_1/Lock.png');
    background-repeat: no-repeat;
    background-position: center left;
    /*color: #FF6600;*/
    color: #333;
    padding: 1em;
    padding-left: 3em;
    margin-left: 17em;
}

.formProcess .signup {
    text-align: center;
    background-repeat: no-repeat;
    background-position: center left;
    /*color: #ff8c00;*/
    color: #CC0000;
    padding: 0.5em;
    font-family: Verdana;
    padding-left: 9em;
}

.formProcess input[type='text'] 
{
    width: 25em;
    border: 1px solid #CC0000;
    /*border: 1px solid #008000;*/
    padding: 0.5em;
    border-radius: 5px;
}

.formProcess input[type='password'] 
{
   width: 25em;
    border: 1px solid #CC0000;
    /*border: 1px solid #008000;*/
    padding: 0.5em;
    border-radius: 5px;
}

.formProcess input[type='submit'] {
    background-repeat: no-repeat;
    background-position: center left; 
    /*background-color: #008000;*/
    background-color: #333;
    color: #fff;
    /*width: 150px;*/
    width: 25%;
    padding: 0.25em;
    padding-left: 2em;
    font-size: 110%;
    text-align: right;
    border-radius: 7px;
    font-weight:bold;
    border: 1px solid #333;
    font-family: Verdana;
    margin-right: 30%;
}

/*.formProcess100 input[type='submit'] {
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #333;
    color: #fff;
    width: 105%;
    padding: 0.25em;
    padding-left: 2em;
    font-size: 110%;
    text-align: right;
    border-radius: 7px;
    font-weight:bold;
    border: 1px solid #333;
    font-family: Verdana;
    margin-right: 30%;
}
*/

.aiit
{
    background-image: url('../images/32x32_1/Lock Open.png');
    background-repeat: no-repeat;
    background-position: center left; 
    /*background-color: #008000;*/
    background-color: #008000;
    color: #fff;
    float: none;
    width: 150px;
    padding: 0.25em;
    font-size: 120%;
    margin-right: 5em;
}

.forgotPassword {
    background-image: url('../images/32x32_1/Mail.png');
    background-repeat: no-repeat;
    background-position: center left; 
    background-color: #008000;
    color: #fff;
    float: none;
    padding: 0.25em;
    font-size: 120%;
    margin-right: 5em;
}

#changePass {
    border: 1px dotted #666;
    border-radius: 8px;
    padding: 3em;
    width: 50%;
    margin: 0 auto;
}

#changePass input[type='password'] {
    width: 18em;
    border: 1px solid #666;
    padding: 0.5em;
    border-radius: 5px; 
    margin-top: 1em;
    margin-bottom: 0.5em;
}

#changePass input[type='submit'] 
{
    margin-top: 2em;
    width: 7em;
    padding-right: 0.7em;
    margin-left: 5em;
    border-radius: 6px;
    text-align: right;
    border: 1px solid #666;
    font-weight: bold;
    height: 2em;
}

#changePass td 
{
    font-weight: bold;
    color: #333;
    font-family: Verdana, Sans-Serif;
    
}

#changePass label {
    color: #666; 
    font-weight: bold;
    margin-right: 1em;
}

.changePassCancel {
    background-image: url('../images/32x32_1/Cancel.png');
    background-repeat: no-repeat;
    background-position: center left; 
    background-color: #333;
    color: #fff;
    font-size: 120%;
    padding-right: 1em;
}

.changePass {
    background-image: url('../images/32x32_1/Key.png');
    background-repeat: no-repeat;
    background-position: center left; 
    background-color: #333;
    color: #fff;
    font-size: 120%;
}

#statement {
    text-align: center;
    width: 35%;
    margin: 2em auto 0 auto;
    border: dotted 1px #333;
    padding: 1.3em;
    border-radius: 10px;
    min-height: 150px;
    color: #008000;
}


#statement span {
    color: #000;
}


#statement h3 {
    color: #008000;
}

#statement input {
    border: 1px solid #CC0000;
    padding: 0.3em;
    width: 150px;
    border-radius: 5px;
}

#statement table td {
    color: #666;
}

#trans {
    float: left;
    margin-right: 5em;
}


#Menu1n5Items {
    margin-top: 1em;
    margin-left: 0.5em;
}


#Menu1n6 a:link {
    font-size: 84%;
    /*background-color: #008000;*/
    color: #fff;
    padding: 4px;
    line-height: 25px;
    border-radius: 5px;
    border-top: none;
    font-weight: bold;
    font-family: Verdana;
}

#Menu1n6 a:link:hover  {
    /*background-color: #ff8c00;*/
    font-size:84%;
    line-height: 25px;
    color: #fff;
    padding: 4px;
    font-weight: bold;
    font-family: Verdana;
}

.forgothead
{
    /*width:370px;*/
    margin:5px auto;
}

.forgothead .forgothead1
{
    padding-left:100px;
    font-weight:bold;
    color:#CC0000;
}
.forgothead .forgothead2
{
    font-weight:bold;
    color:#333;
    font-family: Sans-serif;
    font-size: 0.9em;
    padding-left: 1em;
}
.forgotsuccmsg
{
    color: #CC0000;
    background-color: #333;
    text-align: center;
    margin-left : 0 auto;
}

.forgotsuccmsg a:link {
    color: #ffffff;
    font-family : Verdana, Sans-Serif;
}

.forgotpass input[type='text'] 
{
    margin-bottom: 10px;
}

.forgotpass input[type='submit'] 
{
    margin-right: 11em;
}

.g
{
color: #ffffff;
}

#memberPreview h3 {
    /*background-color: #008000;*/
    background-color: #666;
    color: #fff;
    width: 100%;
    padding: 0.5em;
    border-radius: 7px;
}

#memberPreview td {
    font-weight: bold;
    padding: 0.5em;
    width: 200px;
}

#memberPreview .noBorder  {
    border-style: none;
}

#memberPreview .print {
    background-image: url('../images/32x32_1/Printer.png');
    background-repeat: no-repeat;
    background-position: center left;
    /*background-color: #008000;*/
    background-color: #333;
    color: #fff;
    width: 110px;
    padding: 0.3em 0.3em 0.3em 1.5em;
    font-size: 120%;
    margin-top: 3em;
    margin-left: 6em;
    border-radius: 8px;
}

#memberPreview .print:hover {
    /*color: #ff8c00;*/
    color: #CC0000;
}

#memberPreview .submit  {
    background-image: url('../images/32x32_1/Full Size.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #333;
    color: #fff;
    width: 130px;
    padding: 0.3em 0.3em 0.3em 1.5em;
    font-size: 120%;
    margin-top: 3em;
    margin-left: 33em;
    border-radius: 8px;
}

#memberPreview .title {
    color: Gray;
    font-size: 120%;
}

#memberPreview td .share {
    width: 40px;
}

#footer {
    text-align: center;
    color: #fff;
    /*background-color: #008000;*/
    background-color: #333;
    padding: 0.09em;
    /*border-top: solid 10px #ff8c00;*/
    border-top: solid 3px #CC0000;
    font-family: Verdana;
    font-size: 90%;
    width: 89em;
    margin: 0 auto;
}

.MainMenu a:link{
    color: #fff;
    font-size: 80%;
    padding: 2em;
}

.MainMenu a:hover{
    color: #fff;
    background-color: #333;
}

.MainMenu 
{
    width: 100%;
    margin-bottom: 1em;
    font-family:Verdana;
    font-size:small;
    background-color: #CC0000;
}

.MainMenu img 
{
    padding: 0.5em;
}

.SubMenu a:link
{
    font-size: 84%;
    background-color: #666;
    color: #fff;
    padding: 4px;
    line-height: 25px;
    border-radius: 5px;
    border-top: none;
    font-weight: bold;
    font-family: Verdana;
}

.SubMenu a:link:visited
{
    /*background-color: #008000;*/
    background-color: #008000;
}

.SubMenu a:link:hover 
{
    background-color: #cc0000;
    font-size:84%;
    line-height: 25px;
    color: #fff;
    padding: 4px;
    font-weight: bold;
    font-family: Verdana;
}

.Attention
{
  border: 4px solid red;
  padding: 10px 0;
  width: 100px;
  margin: auto;
  display: block;
  text-align: center;
}

.Watermark
{
  position: relative;
  width: 0;
  height: 1.25em;
  vertical-align: top;
}

.Watermark label
{
  position: absolute;
  left: 0;
  top: 2px;
  white-space: nowrap;
  color: #999;
  padding-left: 4px;
  height: 1.25em;
  vertical-align: middle;
}

.signupContinue {
    background-image: url('../images/32x32_1/Arrow1 Right.png');
    background-repeat: no-repeat;
    background-position: center left;
    /*background-color: #008000;*/
    background-color: #333;
    color: #fff;
    width: 45%;
    padding: 0.3em 0.3em 0.3em 1.5em;
    font-size: 120%;
    margin-top: 0.5em;
    border-radius: 8px;
    width: 105%;
}

.chPassContinue {
    background-image: url('../images/32x32_1/Arrow1 Right.png');
    background-repeat: no-repeat;
    background-position: center left;
    /*background-color: #008000;*/
    background-color: #333;
    color: #fff;
    width: 130px;
    padding: 0.3em 0.3em 0.3em 1.5em;
    font-size: 120%;
    margin-top: 0.5em;
    border-radius: 8px;
}

#marq {
    font-family:Verdana;
    font-size:large;
    color:Orange;
}

.scrolling #top
{
    color: #CC0000;
}

.scrolling #bottom
{
    color: #333;
}

.mq1
{
    font-weight : bold;
    /*color : green;*/
    color : #333;
}

.mq2
{
    font-weight : bold;
    /*color : orange;*/
    color : #CC0000;
}

#other_links 
{
    margin: 0 auto;
    padding: 0 auto;
}

.Grid 
{
    margin: 0 auto;
    width: 100%;
}
            
.Grid th {
    /*border: none;
    border-bottom: 1px solid #666666;*/
    font-family: Verdana;
    font-size: small;
    text-align: left;
    /*padding: 0.5em;
    padding-right: 2em;*/
    background-color: #CC0000;
    /*font-weight:bold;*/
    color: White;
    /*padding-right: 1.5em;*/
}

.Grid th a:link
{
    color: White;
}
            
.Grid td {
    font-family: Verdana;
    font-size: 80%;
     /*padding-right: 1.5em;
   padding: 0.5em;*/               
}
            
.columnStyle  {
    text-align: center;
}
                        
.columnLinkStyle a:link
{
    text-decoration: none;
    color: #CC0000;
}
            
.pager a:link
{
    color: #CC0000;
}
            
.pager a:visited
{
    color: #666666;
}