Login

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Login</title>  <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-title" content="Add to Home"/>  <link rel="stylesheet" href="Css/4.3.1/bootstrap.min.css" /> <link rel="stylesheet" href="Css/4.3.1/bootstrap.isd.css"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans" />   <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" ></script>  <link rel="stylesheet" href="Css/background.css" />  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" />  <link rel="shortcut icon" sizes="16x16" href="icon-16x16.png"/> <link rel="shortcut icon" sizes="196x196" href="icon-196x196.png"/> <link rel="apple-touch-icon-precomposed" href="icon-152x152.png"/> <link rel="stylesheet" type="text/css" href="/addtohomescreen.css"/> <script src="/addtohomescreen.js"></script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <style> input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } </style> <style type="text/css"> .modal-static { position: fixed; top: 50% !important; left: 50% !important; margin-top: -100px; margin-left: -100px; overflow: visible !important; } .modal-static, .modal-static .modal-dialog, .modal-static .modal-content { width: 200px; height: 200px; } .modal-static .modal-dialog, .modal-static .modal-content { padding: 0 !important; margin: 0 !important; } .modal-static .modal-content .icon { } </style> <style> .form-group1 input[type="checkbox"] { display: none; } .form-group1 input[type="checkbox"] + .btn-group > label span { } .form-group1 input[type="checkbox"] + .btn-group > label span:first-child { display: none; } .form-group1 input[type="checkbox"] + .btn-group > label span:last-child { display: inline-block; } .form-group1 input[type="checkbox"]:checked + .btn-group > label span:first-child { display: inline-block; } .form-group1 input[type="checkbox"]:checked + .btn-group > label span:last-child { display: none; } </style> <style> /*Cookie Consent Begin*/ #cookieConsent { background-color: rgba(20,20,20,0.8); min-height: 26px; font-size: 14px; color: #ccc; line-height: 26px; padding: 8px 0 8px 30px; /*font-family: "Trebuchet MS",Helvetica,sans-serif;*/ font-family: 'Open Sans'; position: fixed; bottom: 0; left: 0; right: 0; display: none; z-index: 9999; } #cookieConsent a { color: #4B8EE7; text-decoration: none; } #closeCookieConsent { float: right; display: inline-block; cursor: pointer; height: 20px; width: 20px; margin: -15px 0 0 0; font-weight: bold; } #closeCookieConsent:hover { color: #FFF; } #cookieConsent a.cookieConsentOK { background-color: #F1D600; color: #000; display: inline-block; border-radius: 5px; padding: 0 20px; cursor: pointer; float: right; margin: 0 60px 0 10px; } #cookieConsent a.cookieConsentOK:hover { background-color: #E0C91F; } /*Cookie Consent End*/ </style> <script> $(document).ready(function () { setTimeout(function () { $("#cookieConsent").fadeIn(200); }, 4000); $("#closeCookieConsent, .cookieConsentOK").click(function() { $("#cookieConsent").fadeOut(200); }); }); </script> </head> <body class="alert-success2 bckgrd"> <div class="container alert-success" style="max-width:850px; margin:auto;"> <div class="panel-heading text-center img-responsive center-block img-rounded header-bckgrd " style="width:100%" > <img src="images/header.png" class="img-responsive center-block img-rounded" /> </div> <br /> <br /> <div class="text-center"> <h4>Welcome, subscriber!</h4> </div> <div class="hidden-xs hidden-sm hidden-md visible-lg alert-success" > <label id="lblMsg" class="text-center text-justify" name="lblMsg">Log in to our friendly Customer Service Center for an easy way to maintain and manage your subscription on the go. Set up a vacation stop, report a delivery problem or view account payment information – all from your device! If you have questions or comments, please call us at 514-987-2400 or toll free at 1-800-361-8478 local 2400.</label> </div> <br /> <div> <form method="post" action="Login.aspx?menu=6&Submitted=True&c=1" id="frmLogin" class="alert-success" onsubmit="return(ValidateData())"> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="xOYEYUpx9i0g2KAZ6yyb0A4Ql0EIbUIO3iPjNfK1GE/Febm7OGEMp9QOA6Kd8u6smMQjt+wOiwRI2+am9P9zHT4qoqAMoulFdQFMB7XND9Bg3ZPNkM8+CUSrs1vmIngzlcKzirV5w6rzHv4B8dmGd0bMiamh5F8p21sSAwpmFuE7NfYoM8XuZDrYm6eT060qqzHboBBq/83KN0451izLdQLyqIx+z5eiGy+zcspPXbDi4XXl0KYFqQvXXE/Ki3xOH+YsZ21JCsYJJpfRmCZTrrTuYOoSBM7ApXrY5QmL2OUhjc32UazmeocynhASNXRRWCaL14VoQwsP0KwTufbBJiJGxzRfLq8DUGSwA9RgYlmrgsKlVWDD+NcQHnLA5isSoNTBeBhkY/cU+N+xEAeKgnhWMu1djMO6ZvIU6itWcA1dt9Y7rrs+0USuQBzShsk+euQl8GIISZeifej23qQ0qR68oDt+l9VTzt8QJkhsGoaiIQ6cSxDGsXtKpXNglapW3NHUSg7g8q0y9rgIHeqwoL2mk/pbHBvGvYLW2o8NmFuQgW4hqJI59Lrr/4CbSZsJ+PsLB8/q+oMhxhayQot55+GzYnZDmYIg2UiLB8CyYmYT6izGWbKahogpR2xymwGWWvgti1eM4DWGLup4NScnopYNvSXlXKghV+zsEv7MjZIptJHmFWkIrzaxQ4I7b3SXgXzc7P9b0EHXTWyKsoacGw==" /> </div> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="0E3A943C" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="YNv3QT1zWJyxkDoEc/Y2zX5UKQuDBuQkSxujtwvbT0GVxUNM8wHdepoHrG9wOF3IKXqOk/BR1pyTPMuDeI9RCc+qLWDa5g9tfDYLPoBrAv+usl/jgQgDuYtmg8BxLZlMXM+XXUq7HGUoOJarH25S+n8KJ4SheKstCPUkoCxKXy8=" /> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-5 " > <label class="control-label hidden-xs hidden-sm visible-lg alert-success2" style="font-size: medium; margin-left:20%">Name:</label> </div> <div class="col-xs-12 col-sm-12 col-lg-5 input-group"> <span class="input-group-addon alert-success2"> <label class="form-control bckgrd"> <span class="glyphicon glyphicon-user"></span> </label> </span> <input name="name" type="text" id="name" style="width: 200px" class="form-control" placeholder="Enter Name" /> </div> </div> <br /> <div class="row"> <div class=" col-xs-12 col-sm-12 col-md-12 col-lg-5 "> <label class="control-label hidden-xs hidden-sm visible-lg alert-success2" style="font-size: medium; margin-left:20%">Home telephone number:</label> </div> <div class="col-xs-12 col-sm-12 col-lg-5 input-group"> <span class="input-group-addon alert-success2"> <label class="form-control bckgrd"> <span class="glyphicon glyphicon-phone-alt"></span> </label> </span> <input name="phonenumber" type="number" id="phonenumber" pattern="^\d{1,3}$" style="width: 65px" class="form-control" min="0" placeholder="xxx" maxlength="3" /> <input name="phonenumber1" type="number" id="phonenumber1" pattern="^\d{1,3}$" style="width:65px" class="form-control" min="0" placeholder="xxx" maxlength="3" /> <input name="phonenumber2" type="number" id="phonenumber2" pattern="^\d{1,4}$" style="width: 70px" class="form-control" min="0" placeholder="xxxx" maxlength="4" /> </div> </div> <br /> <div class="row"> <div class=" col-xs-12 col-sm-12 col-md-12 col-lg-5 "> <label class="control-label hidden-xs hidden-sm visible-lg alert-success2" style="font-size: medium; margin-left:20%">Numeric portion of address:</label> </div> <div class="col-xs-12 col-sm-12 col-lg-5 input-group"> <span class="input-group-addon alert-success2"> <label class="form-control bckgrd"> <span class="glyphicon glyphicon-home"></span> </label> </span> <input name="housenumber" type="number" id="housenumber" pattern="\d*" style="width:200px; " class="form-control" min="0" placeholder="House #" minlength="1" /> </div> </div> <br /> <div class="row"> <div class=" col-xs-12 col-sm-12 col-md-12 col-lg-5 "> <label class="control-label hidden-xs hidden-sm visible-lg alert-success2" style="font-size: medium; margin-left:20%">Email:</label> </div> <div class="col-xs-12 col-sm-12 col-lg-5 input-group"> <span class="input-group-addon alert-success2"> <label class="form-control bckgrd"> <span class="glyphicon glyphicon-envelope"></span> </label> </span> <input name="email" type="text" id="email" style="width:200px" class="form-control " placeholder="Enter Email" /> </div> </div> <br /> <div class="row"> <div class=" col-xs-12 col-sm-12 col-md-12 col-lg-5 "> </div> <div class="col-xs-12 col-sm-12 col-md-2 col-lg-5 input-group text-right"> <div class="g-recaptcha " data-sitekey="6Lc_arEUAAAAAP-o5xVbzXwxzvvwzUnPy53FAFIB" style="margin-left:30px;"></div> </div> </div> <br /> <div class="row alert-success "> <div class="col-xs-10 col-sm-12 col-md-12 col-lg-5 "> </div> <div class=" col-xs-12 col-sm-12 col-md-12 col-lg-5 "> <div class="[ form-group1 ] text-center"> <input name="chkRememberMe" type="checkbox" id="chkRememberMe" checked="checked" /> <div class="[ btn-group ]"> <label for="chkRememberMe" class="[ btn btn-success-custom-01 ] "> <span class="[ glyphicon glyphicon-ok ]"></span> <span> </span> </label> <label for="chkRememberMe" class="[ btn btn-secondary active ] " > Remember Me </label> </div> </div> </div> </div> <br /> <div class="alert-success"> <input type="submit" class="btn btn-success btn-block btn-success-custom-01" id="Submit" value="Continue" data-toggle="modal" data-target="#processing-modal" /> <a href="TransactionType.aspx" class="btn btn-success btn-block btn-success-custom-01" >Main Menu</a> </div> <br/> <label id="lblMsgFooter" style="font-size:x-small; text-align: justify" name="lblMsgFooter"></label> <br /> <div class="text-center"> <label id="lblVerFooter" style="font-size:xx-small; font-style:italic" name="lblVerFooter">Chatterbox Webgateway Version 6.1.1</label> </div> </form> </div> </div> <div id="cookieConsent"> <div id="closeCookieConsent">x</div> <strong>This website is using cookies.</strong> <em> We use them to give you the best experience. If you continue using our website, we'll assume that you are happy to receive all cookies on this website. </em><a href="cookie.html" target="_blank">More info</a>.<a class="cookieConsentOK">That's Fine</a> </div> <div class="modal modal-static" id="processing-modal" role="dialog" aria-hidden="true"> <div class="modal-dialog text-center"> <img src="spin.gif" class="icon" /> <p style="font-size: medium; color: #FFFFFF">Loading...Please wait</p> </div> </div> </body> </html> <script> addToHomescreen(); </script> <script type="text/javascript"> $(document).ready(function () { $('#phonenumber').keyup(function () { if ($(this).val().length == $(this).attr("maxlength")) { $(phonenumber1).focus(); } }); $('#phonenumber1').keyup(function () { if ($(this).val().length == $(this).attr("maxlength")) { $(phonenumber2).focus(); } }); $('#phonenumber2').keyup(function () { if ($(this).val().length == $(this).attr("maxlength")) { $(housenumber).focus(); } }); $('#phonePop').popover({ trigger: 'hover', html: true, content: 'In order to help you , we need you to enter your 3 digit area code followed by your 7 digit phone number.' }); $('#housePop').popover({ trigger: 'hover', html: true, content: 'The numeric portion of your address is required to verify your account. If you live in an apartment, please enter the building address without any letters. If you have a rural route box number please enter that in place of your house number.' }); }); </script> <script type="text/javascript"> function ValidateData() { if ($('#name').val() == "") { alert("In order to help you please enter your full name."); $('#name').focus(); $('#processing-modal').modal('hide'); return false; }; if ($('#phonenumber').val() == "") { alert('In order to help you , we need you to enter your 3 digit area code followed by your 7 digit phone number.'); $('#phonenumber').focus(); $('#processing-modal').modal('hide'); return false; } else if ($('#phonenumber1').val() == "") { alert('In order to help you , we need you to enter your 3 digit area code followed by your 7 digit phone number.'); $('#phonenumber1').focus(); $('#processing-modal').modal('hide'); return false; } else if ($('#phonenumber2').val() == "") { alert('In order to help you , we need you to enter your 3 digit area code followed by your 7 digit phone number.'); $('#phonenumber2').focus(); $('#processing-modal').modal('hide'); return false; }; if ($('#phonenumber').val().length < 3) { alert('In order to help you , we need you to enter your 3 digit area code followed by your 7 digit phone number.'); $('#phonenumber').focus(); $('#processing-modal').modal('hide'); return false; } else if ($('#phonenumber1').val().length < 3) { alert('In order to help you , we need you to enter your 3 digit area code followed by your 7 digit phone number.'); $('#phonenumber1').focus(); $('#processing-modal').modal('hide'); return false; } else if ($('#phonenumber2').val().length < 3) { alert('In order to help you , we need you to enter your 3 digit area code followed by your 7 digit phone number.'); $('#phonenumber2').focus(); $('#processing-modal').modal('hide'); return false; }; if ($('#phonenumber').val().length > 3) { alert('In order to help you , we need you to enter your 3 digit area code followed by your 7 digit phone number.'); $('#phonenumber').focus(); $('#processing-modal').modal('hide'); return false; } else if ($('#phonenumber1').val().length > 3) { alert('In order to help you , we need you to enter your 3 digit area code followed by your 7 digit phone number.'); $('#phonenumber1').focus(); $('#processing-modal').modal('hide'); return false; } else if ($('#phonenumber2').val().length > 4) { alert('In order to help you , we need you to enter your 3 digit area code followed by your 7 digit phone number.'); $('#phonenumber2').focus(); $('#processing-modal').modal('hide'); return false; }; if ($('#housenumber').val() == "") { alert('The numeric portion of your address is required to verify you account. If you live in an apartment, please enter the building address without any letters. If you have a rural route box number please enter that in place of your house number.'); $('#housenumber').focus(); $('#processing-modal').modal('hide'); return false; }; if ($('#email').val() == "") { alert('In order for us to help you , we require your email address in correct format'); $('#email').focus(); $('#processing-modal').modal('hide'); return false; }; var x = $('#email').val(); var atpos = x.indexOf("@"); var dotpos = x.lastIndexOf("."); if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= x.length) { alert('In order for us to help you , we require your email address in correct format'); $('#email').focus(); $('#processing-modal').modal('hide'); return false; }; if(grecaptcha.getResponse().length == 0){ alert('Please click the reCAPTCHA checkbox'); $('#processing-modal').modal('hide'); return false; }; }; </script>

CINXE.COM

Login