button {border: 0px solid; background: transparent; font-family: verdana; font-weight: bold; font-size: 11px; }
#login-keyboard {width: 90%;}
.loginkeyboard {padding: 8px; border: 0px solid #A1C5E7; }
#login-keyboard TABLE TR TD {margin: 1px; vertical-align: middle; width: 24px; height: 20px; padding-top: 0px; border-radius: 3px; }
#login-keyboard TABLE TR TD BUTTON {width: 24px; height: 20px; border-radius: 3px; }
#login-keyboard TABLE TR TD.halfwidth {vertical-align: middle; width: 10px; padding-top: 0px; }
#login-keyboard TABLE TR TD.clear {vertical-align: middle; width: 24px; height: 20px; padding-top: 0px; border-radius: 3px; }
#login-keyboard-special {padding-top: 0px; }
#login-keyboard-special TABLE {border-spacing: 0px }
#login-keyboard-special TABLE TR TD {width: 24px; height: 100%; border: 0px solid; margin: 0px; }
#login-keyboard-special TABLE TR TD BUTTON {background: #aac1e3; font-size: 12px; width: 24px; height: 100%; border-radius: 3px; }
#login-keyboard-special TABLE TR TD.halfwidth {vertical-align: middle; width: 24px; }
#login-keyboard-special TABLE TR TD.clear {vertical-align: middle; width: 24px; }
#login-keyboard-special TABLE TR TD.halfwidthLgn {vertical-align: middle; width: 24px; }
#login-keyboard-special TABLE TR TD.clearLgn {vertical-align: middle; width: 24px; }
#login-keyboard-alpha {padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; padding-top: 0px; }
#login-keyboard-alpha TABLE {border-spacing: 0px }
#login-keyboard-alpha TABLE TR TD {vertical-align: middle; width: 24px; font-size: 12px; }
#login-keyboard-alpha TABLE TR TD BUTTON {background: #aac1e3; font-size: 12px; width: 24px; height: 100%; border-radius: 3px; }
#login-keyboard-alpha TABLE TR TD.halfwidth {vertical-align: middle; width: 24px; }
#login-keyboard-alpha TABLE TR TD.halfwidthLgn {vertical-align: middle; width: 24px; }
#login-keyboard-alpha TABLE TR TD.clear {vertical-align: middle; width: 24px; }
#login-keyboard-alpha TABLE TR TD.clearLgn {vertical-align: middle; width: 24px; }
#login-keyboard-alpha TABLE TR TD button.clearbutton {width: 72px; }
#login-keyboard-alpha TABLE TR TD button.backbutton {background-color: #85a2cd; width: 47px; white-space: nowrap;}
#login-keyboard-alpha TABLE TR TD button.capslockbutton {width: 124px; }
#login-keyboard-alpha TABLE TR TD button.mixedbutton {width: 102px; }
#login-keyboard-alpha TABLE TR TD button.hoveringbutton {width: 98px; }
#login-keyboard-numeric {float: right; }
#login-keyboard-numeric TABLE {border-spacing: 0px }
#login-keyboard-numeric TABLE TR TD {vertical-align: middle; width: 24px; }
#login-keyboard-numeric TABLE TR TD BUTTON {background: #aac1e3; font-size: 12px; width: 24px; height: 100%; border-radius: 3px; }
#login-keyboard-numeric TABLE TR TD.halfwidth {vertical-align: middle; width: 24px; }
#login-keyboard-numeric TABLE TR TD.halfwidthLgn {vertical-align: middle; width: 24px; }
#login-keyboard-numeric TABLE TR TD.clear {vertical-align: middle; width: 24px; }
#login-keyboard-numeric TABLE TR TD.clearLgn {vertical-align: middle; width: 24px; }
#login-keyboard-controls {float: left; }
#login-keyboard-controls TABLE {border-spacing: 0px }
#login-keyboard-controls TABLE TR TD {padding: 0px; }
#login-keyboard-controls TABLE TR TD BUTTON {background-repeat: no-repeat; padding:0; width: 70px; vertical-align: top; }
#login-keyboard-controls TABLE TR TD.halfwidth {vertical-align: middle; width: 24px; border-bottom-style: none; }
#login-keyboard-controls TABLE TR TD.clear {vertical-align: middle; width: 24px; }
#login-keyboard-controls TABLE TR TD.halfwidthLgn {vertical-align: middle; width: 10px; }
#login-keyboard-controls TABLE TR TD.clearLgn {vertical-align: middle; width: 24px; }
.blue-block {padding-bottom: 16px; margin: 0px 0px 3px; background-color: #ebeff6 }
.blue-block H3 {padding-right: 5px; padding-left: 3px; padding-bottom: 2px; margin: 0px; color: #039; padding-top: 2px; }
.blue-block H4 {margin: 0px 0px 0px 3px; }
.blue-block UL {margin: 12px 0px 0px }
.blue-block P {margin: 0px 3px 0px; }
.blue-block P.with-title {margin: 0px 5px }
BR.clear-both {clear: both; display: block; font-weight: bold; font: 1px monospace }
DIV.clear-both {clear: both; display: block; font-weight: bold; font: 1px monospace }
#main-content {float: left; margin: 0px; width: 500px; padding: 0; position: relative }
.DataLeftAlignedclear {font-weight: normal; font-size: 7pt; vertical-align: middle; }
.DataLeftAligned {font-weight: normal; font-size: 7pt; vertical-align: middle; }
.formtable {font-size: 0.60em; color: #333333; border-color: #3e4095; border-width: 1px; border-style: solid; background-color: #e7edff; }
/*Modal Popup*/
.modalBackground {background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup {height: 100%; top: 118% !important; left: 18% !important; width:390px !important; }
#CancelButtontxtModalOldPassword, #CancelButtontxtModalConfirmPassword, #CancelButtontxtModalNewPassword, #CancelButtontxtModalTrnPass{background: #3e4095; padding: 2px 10px; margin-bottom: 3px; font-size: 12px; font-weight: 600;}
#Panel3txtModalOldPassword, #Panel3txtModalNewPassword, #Panel3txtModalConfirmPassword, #Panel3txtModalTrnPass {background: #3e4095 !important; border: none !important; color: #fff !important; padding: 5px; border-radius: 5px 5px 0 0; font-size: 13px;}
#Panel3txtModalOldPassword p, #Panel3txtModalNewPassword p, #Panel3txtModalConfirmPassword p, #Panel1txtModalTrnPass p{margin-bottom: 0; }
#txtModalTrnPass_backgroundElement{height: 210px !important; width: 412px !important;}


@media (max-width: 576px){
	.modalPopup{left: -2%}
}