body { font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; font-size:9pt; margin:0; padding:0; }

:focus { outline:none; } 
::-moz-focus-inner { border:0; } 
a { color:#456f9a; }

/*	Paragraph class: hide by positioning text off the page	*/
p.ahiddentext { position:absolute; width:180px; height:75px; z-index:3; 	left:-220px; top:-95px; visibility:visible; }

.Tab { color:rgb(0, 51, 51); }
.TabSelected {	color:White; font-weight:bold; background-color:#606000; }

/*	TABLE TAGS	*/
textarea { font-family:Arial; font-style:normal; font-size:9pt; border-style:solid; border-width:1pt ; color:rgb(0, 0, 0) }

/*	LIST TAGS	*/
li { list-style-type:decimal;	font-family:Arial; font-size:9pt; }
ol { list-style-type:upper-alpha;	font-family:Arial; font-size:9pt; }
ol ol { list-style-type:decimal; font-family:Arial; font-size:9pt; }

/*	HEADER TAGS	*/
h2 { padding-left:10px; padding-top:5px; color:#456f9a; margin:0; font-size:10pt; }
h2 span { font-size:10pt; }
.hReserveTenant { padding-top:20px; padding-left:20px !important; }
h3 { font-size:15px; font-weight:bold; padding:0px; margin:0px; }

p.Message { padding:4px; width:100%; text-align:center; }

/* Start New Site Design */
#imgLogo { display:inline; height:55px; border:none; }
#logoSiteLink { position:absolute; top:1.0em; left:0px; z-index:999; padding-left:1%; }
#lblSite, #MblFooter1_lblSite { font-size: 14pt; font-weight:bold; color:#456F9A; }
#lblAddr, #MblFooter1_lblAddr { padding-bottom:20px; font-size:10pt; }
#divContent, #divContentCCInfo, #divContentCheckInfo { padding-top:2px; }
#divLoginHeader { height:90px; width:100%; background: url('../MobileImg/Login_Header_bk.png'); background-repeat:repeat-x; }
#divHeader { text-align:center; }
#pLoginTitle { display:inline; font-weight:bold; font-size:28pt; color:#ffffff; text-shadow: 0 -1px 1px #254F7A; line-height:97%; }
#pCLoginTitle { display:inline; font-weight:bold; font-size:28pt; color:#ffffff; text-shadow: 0 -1px 1px #254F7A; line-height:97%; }
#spanUnitID, #spanTenant, #spanPayMethod, #spanAccessCode, #spanAmount, #spanPaidThru, #spanLastPaid, #spanCurrentDue { font-size:10pt; }
#Login_lblLoginSite { color:#456F9A; }
#pHonoredMessage { padding:8px 0 10px; text-align:center; }
#lblHonoredMessage { color:Red;font-size:11pt; }
#Login_LogonScreen { width:500px; padding-top:10px; }
.ReserveButton { height:25px; padding:0.8em 0 0.5em 1.35em !important; font-size:11pt !important; font-weight:bold; }

/* Login */
.cLogin { width:500px; margin-top:50px; padding-top:35px; border: 3px solid; border-color: #456F9A; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
.cCLogin { width:500px; height:360px; margin-top:50px; padding-top:60px; border:3px ridge #254F7A; }
.cLoginLabel { width:132px; float:left; text-align:right; padding:0 0.5em 1.5em 0; }
.cLoginTextbox { width:100%; float:left; text-align:center; padding:0 0 1.4em 0; }
.cLoginError { width:500px; text-align:center; float:left; padding: 1em 0 0 0; }
.cLoginButton { width:320px; text-align:center; float:left; padding: 0 0 1em 15.5em; }
.cLoginMessage { height:54px; }

.divFooter { width:100%; height:30px; text-align:center; position:fixed; bottom:0; }
.cLoginFooter { width:100%; text-align:center; float:left; padding-top:4px; height:30px; left:0; }
.cDesktopView { color:#0089c4; font-size:12pt; text-decoration:underline; }
 
.Login_tdLabel { width:57%; text-align:right; font-size:15pt; color:#254F7A; }
.Login_Textbox, .Login_Textbox:focus { font-size:11pt; color:#254F7A; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #5e87b0; width:50%; height:30px; padding-left:3px; }
p.Login_Link { color:#0033ff; padding-top:13px; }
p.Login_Link a { text-decoration:none; }
.Login_BLinks { font-size:14px; }
.popupSite { font-size: 16pt !important; }
.popupAddr, .popupAddr a { font-size: 13pt; }

.cbtnBack { left:5px !important; top:7px !important; }
.cbtnSubmit { right:5px !important; top:7px !important; }
.cbtnLogout { top:7px !important; }
.cConfirm, .cMessage { width:500px; height:515px; margin-top:50px; padding-top:35px; border: 3px solid; border-color: #456F9A; border-radius:5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
.cConfirm h3, .cConfirmSpan { color:#456F9A; font-size:12pt; }
.cMessage h3, .cMessageSpan { color:red; font-size:12pt; }
.cContinueButton { width:100%; text-align:center; float:left; padding: 2em 0 0 0; }
.cPayCurrentPlusLeft { height:25px; display:inline-block !important; width:100%; }
.cPayCurrentPlusRight { position:absolute; top:7px; right:2%; }
.pFPButton { padding-right:10px; }
.Login_lblLogonScreen { text-align:center; font-size:13px; font-weight:bold; position:relative; }

.longText { float:right; }
.shortText { width:50% !important; float:right; }
.spanLabelLeft, .spanLabelLeftShow { height:25px; font-size:10pt; padding:0.6em 10px 0.7em 0.2em; text-align:left; float:left; }
.spanLabelRight { height:25px; font-size:10pt; padding:0.6em 10px 0.7em 0.2em; text-align:right; float:right; }
.spanTextRight { height:25px; font-size:10pt; padding:0 0 0.7em 0.2em; text-align:right; float:right; width:175px; }
.spanTextRightShort { height:25px; font-size:10pt; padding:0 0 0.7em 0.2em; text-align:right; float:right; width:100px; }
.spanDateRight { height:25px; font-size:10pt; float:right; width:200px;  }
.spanDateRight .ui-select:first-child { width:48%; float:left; }
.spanDateRight .ui-select:last-child { width:48%; float:right; }
.date_field { width:75px; height:25px; }
.date_field option { font-size:12pt; height:25px; padding-top:5px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; }
#liExpDate { height:34px; }
#liExpDate .ui-btn { margin:0; }
#liExpDate .ui-btn-text { padding:0; }


.footerLink, .footerEmail { font-size:12pt; color:White !important; }
.footerLink { text-decoration:none; }
.aFooter { width:33%; height:31px; margin:0; padding:0; float:left; text-align:center; text-decoration:none; color:White !important; }
.aFooterLeft { border-right: 1px solid #456f9a; padding-top:1.1em; font-size:11pt; }
.aFooterCenter { border-right: 1px solid #456f9a; padding-top:1.1em; font-size:11pt; }
.aFooterRight { padding-top:0.8em; font-size:11pt; }
.aFooterRight img { }
.aLoginFooter { width:100%; margin:0; padding:0; float:left; text-align:center; text-decoration:none; color:White !important; }
.aLoginFooterLeft { padding-top:0.3em; font-size:11pt; }
.Error_Message { color: Red; padding: 0 5px; }
.Info_Message { color: #456F9A !important;  }
#divPTText { padding-bottom:8px !important; margin-left:15px;  }
#txtPaymentTerms { resize:none; text-align:left; font-size:12pt; color:#7a7a7a; margin:0; overflow: auto; -webkit-overflow-scrolling: touch; 
                   height:70px; width:98%; border:1px solid #d4d4d4; border-radius:15px; padding:10px; }
.PTHide { margin:0; padding;0; display:none; }
.PTShow { margin:0; padding;0; display:block; }

#divAppointment, .divStartOver47 { width:43%; float:left; }
#divSelectUnit, #divReserveUnit { width:43%; float:right; }

/* WebKit CSS */
.aButton { text-decoration: none; color: #456F9A !important;  }
.cTopButton { padding-left:1.0em; }
.rightButton { height:35px; background:linear-gradient(#FDFDFD, #DDDDDD) repeat scroll 0 0 #EEEEEE; border-left: 3px solid #456F9A; border-bottom: 3px solid #456F9A; 
                            border-bottom-left-radius:5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
.leftButton { height:35px; background:linear-gradient(#FDFDFD, #DDDDDD) repeat scroll 0 0 #EEEEEE; border-right: 3px solid #456F9A; border-bottom: 3px solid #456F9A; 
                            border-bottom-right-radius:5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
.divSearch { margin-left:5em !important; }
.divSearchHome { margin-left:1em !important; }
.divButton { padding:0 0 25px 0; } /*position:fixed; width:100%; } */
.pButton { width:110px; }
.aLoginButton { width:125px; }
.spanLoginText { font-size:11pt; }
.logoutIcon {}
.Logout { line-height: 30px; height: 30px; top: 17px; position: absolute; font-size: 12pt; right:2%; font-weight: bold; display: block; color: #fff; text-shadow: rgba(0,0,0,0.6) 0 -1px 0; text-decoration: none; 
                    -webkit-border-image: url("../MobileImg/navbutton.png") 0 5 0 5; border-width: 0 5px; -webkit-border-radius: 6px; z-index:10; }
.lblPRFont { font-size:10pt; font-weight:bold; text-align:right; }       
                    
.jqm .dwv { font-size:14pt; height:25px; }
.dwl, .dw-i { font-size:11pt; }
.ui-btn-inner { font-size:inherit; padding: 0.8em 20px; }                    
.ui-title, .ui-title2 { width:50%; margin-left:26% !important; height:25px; }
.ui-header .ui-title, .ui-title2 { font-size:14pt; height:32px; padding:0px; font-weight:normal; }  
.ui-footer .ui-title { font-size:12pt; height:67px; padding:0px; font-weight:normal; }  
.ui-header .ui-btn-right, .ui-header .ui-btn-left { top:0.2em }  
.ui-header h1 { text-transform:capitalize; }
.ui-content { padding-top: 2px !important; }
.ui-btn-inner-pm { height:auto; font-size:18pt; }
.ui-btn-text { padding-top: 0.3em; font-size:10pt; }
.ui-li .ui-btn-inner a.ui-link-inherit { padding:0.7em 0.3em 0.7em 1.0em; text-align:left; font-size:10pt; }
.ui-content .ui-listview-inset { margin:0.6em 0 0.5em; }
.ui-li-aside { width:20% !important; }
ul.copy-divider { margin:20px -15px 0 -15px !important; }
.ui-li-icon { top:0.4em !important; }
.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { padding-left:47px; }
p.intro { margin-bottom:30px !important; }
.ui-listview-filter { margin-top:20px; }
.ui-grid-b { font-weight:normal;	 }
.ui-li-thumb { top:21px; }
.min-width-480px .ui-controlgroup-controls, .min-width-480px .ui-select { width:100%; }
.ui-datepicker { width:90%; } 
.min-width-480px input.ui-input-text, .min-width-480px textarea.ui-input-text, .min-width-480px .ui-input-search { width: 100% }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-datepicker th, 
        .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size:16pt; }
#divSitesList { width:100% }
#spanTo { width:60%; font-weight:bold; font-size:16px; text-align:center; display:inline-block; }
.ui-collapsible-content {  background: -moz-linear-gradient(center top , #EEEEEE, #DDDDDD) repeat scroll 0 0 #F0F0F0; border: 1px solid #B3B3B3; color: #333333; text-shadow: 0 1px 0 #FFFFFF; 
                           border-bottom-left-radius: 0.6em; border-bottom-right-radius: 0.6em;}
.ui-collapsible-heading a span.ui-btn { display:none !important; }
.ui-controlgroup-controls { width:100% }
.ui-mini { margin-bottom:0.25em; margin-top:0.25em; }
.ui-btn-icon-right .ui-btn-inner { padding-right:23px; }
.ui-btn-icon-right .ui-icon { right:7px; }
.ui-btn-up-c { background: linear-gradient(#FDFDFD, #DDDDDD) repeat scroll 0 0 #EEEEEE; }
.ui-btn-no-border { border:none; }
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 10px; }

.min-width-480px div.ui-slider { width:18%; padding-bottom:0.5%; }
.min-width-480px .ui-field-contain { margin:0; padding-bottom:0.5%; }
div.ui-slider-switch { height:25px; }
.min-width-480px label.ui-slider { width:14%; text-align:right; font-family:Calibri, Arial, Helvetica, Segoe UI Semibold, Sans-Serif, Verdana; font-size:13pt; }
.min-width-480px label.ui-input-text, input.ui-input-text, textarea.ui-input-text { width:100% }

.pnlLeft { width:50%; padding:0; margin:0; float:left; }
.pnlRight { width:50%; padding:0; margin:0; float: left;  }  
span.ui-slider-label { font-family:Calibri, Arial, Helvetica, Segoe UI Semibold, Sans-Serif, Verdana; font-size:13pt; line-height:1.8; }                         
.pWTLabel { width:40%; float:left; text-align:right; padding-bottom:0.5%; margin:0; font-family:Calibri, Arial, Helvetica, Segoe UI Semibold, Sans-Serif, Verdana; font-size:13pt; }                               
.pWTLabelValue { width:56%; height:25px; float:left; padding-left:1%; padding-bottom:0.5%; margin:0; font-weight:bold; font-family:Calibri, Arial, Helvetica, Segoe UI Semibold, Sans-Serif, Verdana; font-size:13pt; }
label.ui-slider { text-align:right; font-family:Calibri, Arial, Helvetica, Segoe UI Semibold, Sans-Serif, Verdana; font-size:13pt; float:left; width:20%; padding-top:0.3em; } 
label.ui-input-text, textarea.ui-input-text { font-family:Calibri, Arial, Helvetica, Segoe UI Semibold, Sans-Serif, Verdana; font-size:13pt; } 
.ui-btn-save { width:13%; height:40px; float:right; }
.ui-btn-inner-save { padding:0.6em; }
.ui-search-text { float:left; width:7em; padding-top:0.2em;padding-left:0.2em; margin:0; }
.ui-collapsible-heading a .ui-btn-inner { padding-left:10px; }
.ui-field-contain label.ui-slider { width:25%; }
.ui-field-contain div.ui-slider { width:70% }
div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text, .ui-input-search input.ui-input-text { padding:0.35em 0; }
.cRegLabel { height:30px; }
/* .ui-li-label { padding:0.9em 15px 0.5em !important; } */

.divButtons { height: 100px; }
.lblHeader { padding-top:10px; font-family:'Open Sans'; font-size:20px; font-weight:bold; }

.ui-btn-active-slider { background: -moz-linear-gradient(center top , #f08080, #e40000) repeat scroll 0 0 #e40000; color:#ffffff; border: 1px solid #e40000; text-shadow: 0 -1px 1px #000000; 
                 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f08080),color-stop(1,#e40000)) } 
.ui-bar-a { background: -moz-linear-gradient(#f0f0f0, #e9eaeb) repeat scroll 0 0 #e9eaeb; border: 1px solid #b3b3b3; color: #FFFFFF; font-weight: bold; text-shadow: 0 -1px 1px #ffffff; }
.ui-bar-a, .ui-bar-a input, .ui-bar-a select, .ui-bar-a textarea, .ui-bar-a button { font-family: Helvetica,Arial,sans-serif; } 
.ui-bar-a .ui-link-inherit { color: #3e3e3e; }
.ui-bar-a .ui-link { color: #7CC4E7; font-weight: bold; }
.ui-bar-a .ui-link:hover, .ui-bar-a .ui-link:active, .ui-bar-a .ui-link:visited { color: #2489CE; }
.ui-body-a, .ui-dialog.ui-overlay-a { background: -moz-linear-gradient(#eeeeee, #dddddd) repeat scroll 0 0 #f0f0f0; border: 1px solid #b3b3b3; color: #FFFFFF; font-weight: normal; text-shadow: 0 1px 0 #ffffff; }
.ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button { font-family: Helvetica,Arial,sans-serif; }
.ui-body-a .ui-link-inherit { color: #333333; }
.ui-body-a .ui-link { color: #2489CE; font-weight: bold; }
.ui-body-a .ui-link:hover, .ui-body-a .ui-link:active, .ui-body-a .ui-link:visited { color: #2489CE; }
.ui-btn-up-a { background: -moz-linear-gradient(#fdfdfd, #eeeeee) repeat scroll 0 0 #eeeeee; border: 1px solid #cccccc; color: #444444; font-weight: bold; text-shadow: 0 -1px 1px #f6f6f6; }
.ui-btn-up-a a.ui-link-inherit { color: #2f3e46; }
.ui-btn-hover-a { background: -moz-linear-gradient(#ededed, #dadada) repeat scroll 0 0 #dadada; border: 1px solid #bbbbbb; color: #101010; font-weight: bold; text-shadow: 0 -1px 1px #ffffff; }
.ui-btn-hover-a a.ui-link-inherit { color: #2f3e46; }
.ui-btn-down-a { background: -moz-linear-gradient(#eeeeee, #fdfdfd) repeat scroll 0 0 #fdfdfd; border: 1px solid #808080; color: #111111; font-weight: bold; text-shadow: 0 -1px 1px #ffffff; }
.ui-btn-down-a a.ui-link-inherit { color: #2F3E46; }
.ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a { font-family: Helvetica,Arial,sans-serif; text-decoration: none; }
.ui-controlgroup, fieldset.ui-controlgroup { margin:0; }
.ui-controlgroup-vertical .ui-btn, .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { height:30px; }
.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { font-size:15pt; }
.ui-checkbox .ui-icon, .ui-radio .ui-icon { top:2.5em; }
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right:20px; }
.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon { background-color:#456F9A; }
.ui-header { height:45px; }
.ui-footer { height:50px; }
.ui-input-search .ui-input-clear { right:1%; }
.ui-input-search, div.ui-input-text { margin:0; height:24px; }
div.ui-input-text { padding: 0 0.5em; }
.ui-disabled { opacity: 0.5; }

.ui-btn-up-e { background:-moz-linear-gradient(center top , #f6f3e5, #eeebcb) repeat scroll 0 0 #f6f3e5; border:1px solid #c4bfa9; color:#565347; text-shadow: 0 1px 1px #ffffff; }
.ui-btn-hover-e { background:-moz-linear-gradient(center top , #eeebcb, #c4bfa9) repeat scroll 0 0 #eeebcb; border:1px solid #c4bfa9; color:#565347; text-shadow: 0 1px 1px #ffffff; }

.ui-li, .ui-li.ui-field-contain { overflow:hidden; }
.ui-btn-icon-right .ui-btn-inner { padding-right:28px; }
input.ui-input-text, textarea.ui-input-text { font-size:10pt; text-align:right; }
.ui-grid-b { padding-top: 0; }
.ui-block-a { font-size:10pt; font-weight: bold; text-align:left; width:30% !important; }
.ui-block-b { font-size:10pt; font-weight: bold; text-align:right; width:30% !important; }
.ui-block-c { font-size:10pt; font-weight: bold; text-align:right; width:40% !important; }
.header-font { font-size:11pt; }
#liHeader div span { display:none; }
.ui-aMinus { float:left; top:50%; width:75px; background: url("../MobileImg/icons-18-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.4); background-position:-36px 50% }
.ui-aPlus { float:left; top:50%; width:75px; } 
.ui-grid-b > *:nth-child(n) { margin-right:-1em; }

@media screen and (orientation:portrait) and (max-width: 520px) {
.cLogin, .cConfirm, .cMessage { width:300px; height:362px; margin:10px 0 10px 0; padding-top:60px; border:none; }
.cCLogin { width:300px; height:310px; margin-top:0px; padding-top:20px; border:none; }
.cLoginLabel { width:140px; float:left; text-align:right; padding:0 0.5em 0.5em 0; }
.cLoginTextbox { width:140px; float:left; text-align:left; padding:0 0 0.5em 0; }
.cLoginButton, .cLoginError { width:200px; text-align:center; float:left; padding: 0 0 0 7em; }
.Login_tdLabel { width:57%; text-align:right; font-size:15pt; color:#254F7A; }
.Login_Textbox, .Login_Textbox focus { font-size:14pt; color:#254F7A; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #5e87b0; width:120px; height:30px; padding-left:3px; }
.aFooterLeft { font-size:10pt; padding-top:1.3em; }
.aFooterCenter { font-size:11pt; }
.divButton { padding:0px 0px 20px 0px; } 
.cLoginTextbox { width:100%; text-align:center; padding:0 0 0.5em 0; }
.Login_Textbox, .Login_Textbox focus { width:80% !important; }
.cLogin { margin-top:10px; padding-top:10px; }
.pFPButton { padding-right:5px; }
#divContent, #divContentCCInfo, #divContentCheckInfo, .ui-content { padding-top:0; }
.ui-btn-inner { padding: 0.8em 10px; }       
.ui-header .ui-btn-icon-left .ui-btn-inner, .ui-footer .ui-btn-icon-left .ui-btn-inner, .ui-mini.ui-btn-icon-left .ui-btn-inner, .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left:12px; }
.ui-header .ui-btn-icon-right .ui-btn-inner, .ui-footer .ui-btn-icon-right .ui-btn-inner, .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right:12px; }
.ui-header .ui-btn-icon-left .ui-icon, .ui-footer .ui-btn-icon-left .ui-icon, .ui-mini.ui-btn-icon-left .ui-icon, .ui-mini .ui-btn-icon-left .ui-icon, 
.ui-header .ui-btn-icon-right .ui-icon, .ui-footer .ui-btn-icon-right .ui-icon, .ui-mini.ui-btn-icon-right .ui-icon, .ui-mini .ui-btn-icon-right .ui-icon { display:none; }
.ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width:0px; }
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height:16px; }
.cPayCurrentPlusLeft { width:67%; }
.cPayCurrentPlusRight { width:40%; right:-26px; }
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding:0.6em 15px; }
#divAppointment, #divStartOver { width:91%; float:left;}
#divSelectUnit, #divReserveUnit { width:91%; float:left;}
.spanTextRight { height:25px; font-size:10pt; padding:0em 0em 0.7em 0.2em; text-align:right; float:right; width:115px; }
.spanLabelLeft, .spanLabelLeftShow { font-size:9pt; padding-left:0; }
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 4px; }
.ui-title, .ui-title2 { margin-left:9% !important; width:80% }
}

@media screen and (orientation:landscape) and (max-width: 620px) {   
.cLogin, .cConfirm, .cMessage { width:300px; height:362px; margin:10px 0 10px 0; padding-top:20px; border:none;}
.cCLogin { width:300px; height:310px; margin-top:0px; padding-top:20px; border:none;}
.cLoginLabel { width:140px; float:left; text-align:right; padding:0 0.5em 0.5em 0; }
.cLoginTextbox { width:140px; float:left; text-align:left; padding:0 0 0.5em 0; }
.cLoginButton, .cLoginError { width:200px; text-align:center; float:left; padding: 0 0 0 7em; }
.Login_tdLabel { width:57%; text-align:right; font-size:15pt; color:#254F7A; }
.Login_Textbox, .Login_Textbox focus { font-size:14pt; color:#254F7A; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #5e87b0; width:120px; height:30px; padding-left:3px; }
.aFooterLeft { font-size:10pt; padding-top:1.3em; }
.aFooterCenter { font-size:11pt; }
.divButton { padding:0px 0px 20px 0px; } 
.cLoginTextbox { width:100%; text-align:center; padding:0 0 0.5em 0; }
.Login_Textbox, .Login_Textbox focus { width:80% !important;}
#divContent, #divContentCCInfo, #divContentCheckInfo, .ui-content { padding-top:0; }
.ui-header .ui-btn-icon-left .ui-btn-inner, .ui-footer .ui-btn-icon-left .ui-btn-inner, .ui-mini.ui-btn-icon-left .ui-btn-inner, .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left:12px; }
.ui-header .ui-btn-icon-right .ui-btn-inner, .ui-footer .ui-btn-icon-right .ui-btn-inner, .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right:12px; }
.ui-header .ui-btn-icon-left .ui-icon, .ui-footer .ui-btn-icon-left .ui-icon, .ui-mini.ui-btn-icon-left .ui-icon, .ui-mini .ui-btn-icon-left .ui-icon, 
    .ui-header .ui-btn-icon-right .ui-icon, .ui-footer .ui-btn-icon-right .ui-icon, .ui-mini.ui-btn-icon-right .ui-icon, .ui-mini .ui-btn-icon-right .ui-icon { display:none; }
.ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width:0px; }
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height:16px; }    
.cPayCurrentPlusLeft { width:70%; }
.cPayCurrentPlusRight { width:30%; right:-15px; }
.spanTextRight { height:25px; font-size:10pt; padding:0em 0em 0.7em 0.2em; text-align:right; float:right; width:250px; }
#divAppointment, .divStartOver47 { width:40%; float:left; }
#divSelectUnit, #divReserveUnit { width:40%; float:right; }
}

@media screen and (orientation:portrait) and (max-width: 320px) {
.cRegLabel { height:60px !important; }
}

/* Portrait for mobile phones - small screen*/
@media screen and (orientation:portrait) and (max-width: 305px) 
{
#liExpDate, #liName, #liAddress { height:78px !important; }
}

@media screen and (orientation:portrait) and (max-width: 243px) 
{
#liCardNumber, #liBillingZip, #liCVV { height:70px !important; }
}

.SurchargeInfoClass {
    background-color: #D5EAFF;
    color: #3D68C4;
    padding: 1% 1% 1% 5%;
    border: 2px solid #AFD0FF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    font-family: Arial;
    font-size: larger
}

.SurchargeInfoClass span {
    font-style: italic;
    font-size: 20px;
    margin-right: 10px;
    background: #3D68C4;
    color: white;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}