Not found<div style="text-align:left; max-width:1140px; color:#444444; border-bottom:1px solid #0097a7; padding-left:5px; margin-right: 0px; padding-right:0px; padding-top:4px; padding-bottom:8px; font-family: Verdana; font-size:16px; margin:0px auto;margin-bottom:10px;">Shadow Glen HOA - Member Login</div><link rel="stylesheet" type="text/css" href="/css/select2_override.css" media="screen" /><link rel="stylesheet" type="text/css" href="/bootstrap-icons/bootstrap-icons.css" media="screen" />		<link rel="stylesheet" type="text/css" href="/_jquery/js/DataTables/datatables.css" />
		<!-- pageWrapper is loading CSS --><link rel="stylesheet" type="text/css" href="/_jquery/css/jquery.datatables.new.css" /><link rel="stylesheet" type="text/css" href="/_jquery/css/ColVis.css" /><link rel="stylesheet" type="text/css" href="/_jquery/css/TableTools.css" /><link rel="stylesheet" type="text/css" href="/_jquery/css/TableTools_JUI.css" /><link rel="stylesheet" type="text/css" href="/_jquery/css/jquery.gritter.css" /><link rel="stylesheet" type="text/css" href="/_jquery/css/chosen.css" /><link rel="stylesheet" type="text/css" href="/_jquery/css/jquery.datetimepicker.min.css" /><link rel="stylesheet" type="text/css" href="/_jquery/css/select2.min.css" /><link rel="stylesheet" type="text/css" href="/_jquery/css/responsive.dataTables.min.css" /><link rel="stylesheet" type="text/css" href="/_jquery/css/rowReorder.dataTables.min.css" />		
					<link rel="stylesheet" type="text/css" href="/css/mms_custom_style.css?ver=0525" />
							<link rel="stylesheet" type="text/css" href="/css/mms_central_style.css" />
							<script type="text/javascript" src="/_jquery/js/DataTables/datatables.min.js"></script>
		<!-- pageWrapper is loading JS --><script type="text/javascript" src="/_jquery/js/jquery.hoverIntent.minified.js"></script><script type="text/javascript" src="/_jquery/js/jquery.datetimepicker.full.min.js"></script><script type="text/javascript" src="/_jquery/js/TableTools.min.js"></script><script type="text/javascript" src="/_jquery/js/ZeroClipboard.js"></script><script type="text/javascript" src="/_jquery/js/ColVis.min.js"></script><script type="text/javascript" src="/_jquery/js/jquery.gritter.min.js"></script><script type="text/javascript" src="/_jquery/js/chosen.jquery.min.js"></script><script type="text/javascript" src="/_jquery/js/ajax-chosen.min.js"></script><script type="text/javascript" src="/_jquery/js/jquery.form.js"></script><script type="text/javascript" src="/_jquery/js/jquery.sparkline.min.js"></script><script type="text/javascript" src="/_jquery/js/select2.min.js"></script><script type="text/javascript" src="/_jquery/js/dataTables.responsive.min.js"></script><script type="text/javascript" src="/_jquery/js/dataTables.rowReorder.min.js"></script><script type="text/javascript" src="/_jquery/js/dataTables.rowGroup.js"></script><script type="text/javascript" src="/_jquery/js/rowGroup.dataTables.js"></script><script type="text/javascript" src="/_jquery/js/excanvas.js"></script>		<script type="text/javascript">
			if (!window.console) window.console = {};
			if (!window.console.log) window.console.log = function () { };
		</script>
						<style>
			@media (max-width: 500px) {
				#mheader_5_wrapper{
					padding: 15px;
				}
			}
		</style>
				<div id="mheader_5_wrapper" style="margin:0px auto; max-width:100%; padding-top:5px; padding-bottom:20px; min-height:400px;">
		<script type="text/javascript">var salvation_army_logged_in = false;</script><style>
    /* Note: Please prepend any additional styles with the #member-login selector to avoid styling elements outside of the page contents. */
    #member-login {
        display: flex;
        flex-direction: column;
                    gap: clamp(16px, 1rem, 30px) 30px;
            margin-top: clamp(16px, 1rem, 30px);
                
    }
    #member-login>section:empty {
        display: none;
    }
    #member-login #login-form label {
        display: block;
    }
    #member-login #mlogin-show-password  {
        width: 22px;
        height: 22px;
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
    #member-login input[type="text"].invalid-border {
        border: 2px solid red;
        outline: none;
    }
    #member-login #mloginPassword {
        display:inline-block;
    }
    #member-login #Username {
        display:inline-block;
    }
    </style>

<article id="member-login">

    <section id="top-verbiage-section">
            </section>
   
    <section id="top-customizations-section">
        <!-- Customizations can go here -->
    </section>
   
    <section id="login-section">
    
        <h2>Member Login</h2>        
        <form id="login-form" method="POST" name="loginform" action="https://www.memberleap.com/members/gateway.php?org_id=SGH1">
            <input type="hidden" name="gc" value="" />
            <input type="hidden" name="bounce" value="" />
            <input type="hidden" name="f_org_id" value="SGH1">
                        <input type="hidden" name="CSRF_token" value="1e4790559b98c5b090f315c7c985d692c04d33108b8f5c455f94b53245a0a0316e46c1930a856f966021800545ad86c1ecbd5d41ace5bd54e58e2e55fd9218b1">            

            <div class="form-group">
                <label for="Username">Username</label>
                <input type="text" name="Username" id="Username" autocapitalize="off" autocorrect="off" autocomplete="username" value="" class="form-control short-input" required autofocus />
            </div> 
            <div class="form-group">
                <label for="mloginPassword">Password</label>
                <input type="password" name="Password" id="mloginPassword" autocapitalize="off" autocorrect="off" autocomplete="current-password" class="form-control short-input" required />

                <input id="mlogin-show-password" type="checkbox" onclick="showPass()" title="Show Password">
                <svg class="show-password" xmlns="http://www.w3.org/2000/svg" width="21.126" height="14.34" viewBox="0 0 21.126 14.34">
                    <defs>
                        <style>
                        .show-password .cls-1 {
                            stroke-width: 0px;
                        }
                        .show-password .blink {
                            stroke-linecap: round;
                        }
                        .show-password .blink, .show-password .iris {
                            fill: none;
                            stroke: #fff;
                            stroke-miterlimit: 10;
                        }
                        .show-password .iris {
                            stroke-width: 2px;
                        }
                        #mlogin-show-password:checked + svg .iris {
                            display: none;
                        }
                        #mlogin-show-password:not(:checked) + svg .blink {
                            display: none;
                        }
                        </style>
                    </defs>
                    <ellipse class="cls-1" cx="10.563" cy="7.17" rx="10.563" ry="7.17"/>
                    <path class="blink" d="m18.032,7.339s-2.949,1.229-7.469,1.229-7.469-1.229-7.469-1.229"/>
                    <circle class="iris" cx="10.563" cy="7.17" r="4.019"/>
                </svg>
            </div>

            <div class="form-group">
                <input class="btn btn-default" type="submit" value="Login" name="B1" style="display:inline;" />
                &nbsp;&nbsp;&nbsp;
                <a href="https://www.memberleap.com/members/pwd_request.php?org_id=SGH1">Forgot Username or Password?
                                </a>
            </div>
        </form>
    </section>
   
    <section id="bottom-customizations-section">
            </section>
   
    <section id="bottom-verbiage-section">
        <!-- bottom verbiage -->
                <p class="lang_wrap">
            Cookies must be enabled to enter the member's area.
                    </p>
    </section>

</article>

<script>
    // Show/hide password
    function showPass() {
        var x = document.getElementById("mloginPassword");
        const pwEyeToggle = document.getElementById('mlogin-show-password');
        if (x.type === "password") {
            x.type = "text";
            pwEyeToggle.title = 'Hide Password';
        } else {
            x.type = "password";
            pwEyeToggle.title = 'Show Password';
        }
    }

    //Remove link to mms_central_style.css if website is new enough not to need it by looking to see if it includes Bootstrap
    if ($('link[href*="bootstrap"]')) {
        $('link[href*="css/mms_central_style.css"]').remove();
    }

    // Apply Verdana font if no font/browser default font in use (such as on chamberorganizer)
    document.addEventListener("DOMContentLoaded", () => {
        const body = document.body;
        const computedFont = window.getComputedStyle(body).fontFamily;

        // List of browser default fonts (can add more if needed)
        const browserDefaultFonts = [
            'Times New Roman', // Default for most browsers
        ];

        // If the font-family is a browser default or empty, apply Verdana
        if (!computedFont || browserDefaultFonts.some(font => computedFont.includes(font))) {
            body.style.fontFamily = '"Verdana", sans-serif';
        }
            
    });

    
</script>
		</div>
		<script>
			function ApplyStyles(){
				$('.actionBtn').button();
				$('.select2').select2();
				// $('.buttonset, .radios').buttonset(); // deprecated
				$('.datepicker').datepicker();
				$('.datepicker_df').datepicker();
				$('.datepicker_df').datepicker("option", "dateFormat", "m/d/yy");
				$('.datetimepicker').datetimepicker();
				$('.styled_text').addClass('ui-state-default ui-combobox-input ui-autocomplete-input ui-widget ui-widget-content ui-corner-all');
				$('.ttip, .VICON').tooltip();
			}
			$(function(){
				ApplyStyles();
				$(document).ajaxComplete(function(){
					setTimeout(function(){
						ApplyStyles();
					}, 50);
				});
			});
		</script>
		Not found			</body>
		</html>