#bottomPane {
}

#profileArea {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 flex-direction: row;
}

#profileForm {
 font-size: 120%;
 padding: 0.5em 0 0 0;
}

.formTable {border-collapse: collapse;
 border: 1px solid #C0C0C0;
 margin-left: auto;
 margin-right: auto;
}

TD {
 padding: 3px 0px;
 border: 1px solid #C0C0C0;
}

TD.labelCell {
 border-right: none;
 text-align: right;
 background: #F0F0FF;
 color: #111188;
 padding-right: 4px;
 padding-left: 0.5em;
}

.usernameCell {
 border-left: none;
 padding-left: 4px;
 font-weight: bold;
 color: #880000;
 background: #F0F0FF;
}

TD.entryCell {
 border-left: none;
 background: #F0F0FF;
 padding-left: 4px;
 padding-right: 0.5em;
}

.formLabel {
 line-height: 20px;
 vertical-align: middle;
 color: #202050;
}

.nameCell {
 text-align: center;
 background: #111188;
 color: #FFFFFF;
 font-weight: bold;
}

.titleCell {
 text-align: center;
 background: #FFF0F0;
}

.buttonCell {
 text-align: center;
 background: #FFFFFF;
 padding-top: 6px;
 padding-bottom: 6px;
}

.txtInput {
 font-size:98%;
 padding: 3px;
 border: 1px solid #D0D0FF;
}

#pwd {
 display:none;
}

.selectInput {
 font-size:98%;
 padding: 0px;
 border: 1px solid #C0C0F0;
}

.submitBtn {
 font-size: 100%;
 background: #D0E0FF;
 color: #0000c0;
 font-weight: bold;
 border: 1px solid #606060;
 padding: 1px 4px 2px;
 border-radius: 6px;
}

.createBtn {
 font-size: 100%;
 background: #D0E0FF;
 color: #202050;
 font-weight: bold;
 border: 1px solid #606060;
 padding: 1px;
 opacity: 0.4;
 border-radius: 6px;
}

.miniMargin {
 margin-top: 6px;
}

.desc {
 font-size: 60%;
 vertical-align: middle;
}

.required{
 font-size: 110%;
 vertical-align: top;
 color: #CC0000;
 font-weight:bold;
}

#payBtn {
}

#payLbl {
}

#payForm {
}

#payForm p {
}

.moneyDiv {
 margin-top:0.5em;
}

.balance {
 font-size:120%;
 font-weight: bold;
}

.owesMoney {
 color:red;
}

.isOwedMoney {
 color:darkgreen;
}

.evenMoney {
 color:black;
}

.greetingD {
 display: none;
 z-index: 2;
 position: relative;
 width: 98%;
 background: #FFFFFB;
 padding: 8px;
 border: 1px solid #000;
 margin-left: auto;
 margin-right: auto;
 max-width: 412px;
}

.greeting {
 font-size: 120%;
 font-weight: bold;
 text-align: center;
 margin-bottom: 6px;
}

#logondiv {
 margin: 1em 5px;
}

#logondiv A {
}

.loginInfo {
 text-align: left;
 font-family: courier, serif;
 margin-left: auto;
 margin-right: auto;
 padding: 3em;
}

.trnxnDIV {
 height: 15em;
 overflow-y: scroll;
 margin-top: 0.2em;
}

.trnxnT {
 border-spacing: 1px 2px;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
}

.trnxnTH
{}

.trnxnTB
{}

.hdrR TH {
 background: #000000;
 color: #FFFFFF;
 font-weight: bold;
 text-align: center;
 padding: 6px 8px;
}

.trnxnT TD {
 padding: 2px 4px;
 border: none;
 text-align: right;
}

.normR TD {
 background: #FFFFFF;
 color: #000000;
 padding-left:4px;
}

.debR TD {
 background: #FFE0E0;
 color: #440000;
 padding-left: 4px;
}

.credR TD {
 background: #E0FFE0;
 color: #004400;
 padding-left: 4px;
}

TD P.checkBoxP {
 font-size: 90%;
}

TD P.checkBoxP * {
 vertical-align: sub;
}

#pwdFld {
 border: none;
 font-size: 100%;
}

#copyPwdBtn {
 margin-left:1em;
 padding:0 6px 2px 6px;
 border-radius: 4px;
 font-size:98%;
}