billing.precc.com Open in urlscan Pro
66.255.250.61  Public Scan

Submitted URL: https://billing.precc.com/onlineportal/enotify.aspx?viewbill=JHBpfCzEENdSs%2F5juR1RKfrz7zONnQP00ccPmXHAcgh1KJAADW95cmSu56%...
Effective URL: https://billing.precc.com/onlineportal/Customer-Login
Submission: On November 29 via manual from US — Scanned from DE

Form analysis 1 forms found in the DOM

POST /onlineportal/Customer-Login

<form method="post" action="/onlineportal/Customer-Login" id="Form" enctype="multipart/form-data">
  <div class="aspNetHidden">
    <input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="">
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
      value="28c8Xd43uyJYk7E8GepX6F6BJXm/coFdDjp0SfEybGPW4k72io17lktidfvCUbFEviAN6+hjABWc3fPhlRkRc+4D+/JveXYaVoUYgGEDDIvgwYl4dfafeX5nIIms6PcKbuTmsDNB/yGziu1yDUClK1o21YmTMWSuHqcD39mdZymDJHyOO9o27HpR3WM7QllhUmOgZF0dyY7WmPinzay4QxKzh3IwqzvtOtvxm5PPPeTuczf2HeZG1b1Qk7DH5jTawrpSu0z6WGlTFDoqSlB0ka0OzEhdw0Ax/Agw76VNMW5wI/U9FwZAyTHYbf5CVuDJfAZnt1zTj5swUCwXTi5zHk+SvCFp2yjrLlLp0Mnp4HxcgY2xSnAH+oKP5bb9MNebbWS2pXJT9XX02ds4Vt94jDinsPt3NisDBV7+Uud7iOwVlDnpq3O8mjMHvXyyD84NUuJQ0DiZdJvbE28k9GvSBOQnIhi0sVFkBc/OjolN2ovabpzXDZqtzwozPMsN5NZ0Gi8580Zs65TQcLQGijMcLFDNqh7u8QOdW1b3E/3oGbxfkekvCSioa4MHJmNIz7J2jAnT4665NzZz9LEN7z/ee4YWtGYz+Exv4bERGl6c8rZpJpQJEXAYcnPTsldoHNs6o3rYjOJjDpbPfTzU2RZk0qVRssCfA5RMkBmXNK4S0BHFueXiXzEA+RUbU2KzGJX1RzVXrBjyhVQe9fAsHTszt6HjhHAQrQijzKzrzxRHRxHL3SiIUtWyIiB7ldeGY6eqOEdVFo+dDKucBrDmdW0NrYWDql/Oy0n/484Z0Rhl5g1Q7uNywxHVFDLp5WOMGRyARWc/PzT/59PGCqVpKjVODQi7HvKRFgn4BwMJCY1CckWobhAt/rOIn2/zcwL5wt4cfTdi6r49gJvaqFa+OR1GHsWUqK7a/9AiJf3d3b+hwl/uvyZ0H/t6XDlWoNvW1JPiEKNlevXulx8d39MfgMPV1Ja5paF1CJZ7qVye8RntBwFDlAId6r+u0raNy0GJxnUSi+JfPCaJJraF6a3gbnpSX2VaFc94ol3fyspCcRmIyESKyhDpd4B/pse9KxpQdYchqwqXvgiE1pkrsi/k0YWni8jdimiQ5BVY03leTaL0PeJDIoSo/DkGGJ+q7gMpIxl1UGz82giA8CgiGbEc7iefDpF22FAVQjbNdmfoYTMG1tpkJwRa2lu7wNqVk+PHX+9R7u/YLDppAZkX/NKBA0n4XBwvZkeRVM8+6gwymF/6nCHicY+m7KS/uBGioYUgdEJsLG4FJDKpHMVOokOA7ZnLxIGgHZmiRGQZh5gD/MNjbF1ikuNuj5DL8Bp+yhEgI9J6T0rrpUQ+OUp+q8M+pSHqsnlt0K3rgBZd26c2Y+1i1Wsk7R/GXHm+ScPp3QCR3oZE2WkcxBHULZAmGmcbN0XNqsN/wzEGPaxsOrOWKzp1TK4nf5tC7XkXQAg+BY4=">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['Form'];
    if (!theForm) {
      theForm = document.Form;
    }

    function __doPostBack(eventTarget, eventArgument) {
      if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
      }
    }
    //]]>
  </script>
  <script src="/onlineportal/WebResource.axd?d=pynGkmcFUV3VErsN4Ve1BkOJ3DINLA4_USaxtQWdZ3w4IYlPDcu4HgA5kBA1&amp;t=637460765481343508" type="text/javascript"></script>
  <script type="text/javascript" src="/onlineportal/js/ClientAjax.js"></script>
  <script src="/onlineportal/ScriptResource.axd?d=NJmAwtEo3IodXkwyga8pg1xkUmDRN8aiMfggd8bihAPDu0MDyJvbUmECk3QkFgnxPVXwGCvySV4K5_kYh7vWMxSEybr7vI6jZuX9VWIrj0iyImP1qFNqi_7Yk6g-aeArLoyTNw2&amp;t=2fe674eb" type="text/javascript"></script>
  <script src="/onlineportal/ScriptResource.axd?d=dwY9oWetJoIY0bTnKpTfptTq7SSC9Tw59zKqXefvF6DFnsV-X8jsdEIzNSJ-DgbyE7kJLNzSDw-9FxVf7HPyY9AA26ra36Qnwb9XNd49tTdYuH3UJJuRlggmt1W77DLXJUJDsrTNnQ8k98_O0&amp;t=2fe674eb" type="text/javascript"></script>
  <script src="/onlineportal/WebResource.axd?d=JoBkLzP19aR1rVm8m_PxuzWKCDiWjyuhDaJC-miHhF-wQeDsE3gkm7Yp1Jw1&amp;t=637460765481343508" type="text/javascript"></script>
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="F57EDA00">
    <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION"
      value="2RJCESo+MtCUB7FhdJCPuLA4BOZAUMebyhQZcyM/UzmIIWAgyfJhmHbNeMwUW+0rNruQ/tuSnzo7U8lAgEpJzbvijFMEfM6GgrW8CfXLBBIhzhW24MKyjZRR98lgm7gGA4TiFRHWPiHnD3DzX9RtJBrxoqmhS/K3Cc1I20PJ33y5WHaIMENtsSpeHKF2uYAkrZC/nGLbmVx2IX/DFG1Eyieh525Tl0dIKgcWKX03t77fHejbDP8baR/sYObE7r9DIJa8GdJImp5AudDnURKKNGodBJ9oZOHJIIVIMpRHVCHnhZzEsut5GTNgypcGB3v8mwkso3KDduVhj+miUGqNuhsTcLQ6UquDt24lUzrUXB79Cn3J">
  </div>
  <script src="/onlineportal/js/dnn.js?cdv=292" type="text/javascript"></script>
  <script src="/onlineportal/js/dnn.modalpopup.js?cdv=292" type="text/javascript"></script>
  <script src="/onlineportal/js/dnncore.js?cdv=292" type="text/javascript"></script>
  <script src="/onlineportal/Resources/Search/SearchSkinObjectPreview.js?cdv=292" type="text/javascript"></script>
  <script src="/onlineportal/js/dnn.servicesframework.js?cdv=292" type="text/javascript"></script>
  <script src="/onlineportal/Portals/_default/skins/porto/Resources/Menu/menu.min.js?cdv=292" type="text/javascript"></script>
  <script type="text/javascript">
    //<![CDATA[
    Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', ['tdnn$ctr384$CustomerLogin$UpdatePanel1', 'dnn_ctr384_CustomerLogin_UpdatePanel1'], [], [], 90, '');
    //]]>
  </script>
  <link rel="stylesheet" href="/onlineportal/js/CustomStyleSheets/homeCustomStyle.css" type="text/css" media="all">
  <link id="font" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css">
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css">
  <link rel="stylesheet" href="/onlineportal/js/CustomStyleSheets/selectall.css" type="text/css" media="all">
  <script type="text/javascript" src="/onlineportal/js/sharedjs/popper.min.js"></script>
  <script type="text/javascript" src="/onlineportal/js/sharedjs/bootstrap.min.js"></script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" type="text/css" rel="stylesheet" media="all">
  <script type="text/javascript" src="/onlineportal/js/sharedjs/bootstrap-datepicker.js"></script>
  <script type="text/javascript" src="/onlineportal/js/sharedjs/moment-with-locales.min.js"></script>
  <script type="text/javascript" src="/onlineportal/js/sharedjs/jquery.dataTables.min.js"></script>
  <script type="text/javascript" src="/onlineportal/js/sharedjs/dataTables.bootstrap4.min.js"></script>
  <script type="text/javascript" src="/onlineportal/js/sharedjs/dataTables.select.min.js"></script>
  <script type="text/javascript" src="/onlineportal/js/sharedjs/dataTables.buttons.min.js"></script>
  <script type="text/javascript" src="/onlineportal/js/sharedjs/currency.js"></script>
  <script type="text/javascript" src="/onlineportal/js/ClientAjax.js"></script>
  <script type="text/javascript" src="/onlineportal/customizations/ContinueToPayment/AjaxAsyncCallback.js"></script>
  <link rel="stylesheet" href="/onlineportal/js/CustomStyleSheets/headerMenu.css" type="text/css" media="all">
  <link rel="stylesheet" href="/onlineportal/js/CustomStyleSheets/progressBar.css" type="text/css" media="all">
  <style type="text/css">
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      padding: 1px;
      margin-left: 1px;
      display: inline;
      border: 1px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
      border: 1px;
    }

    @media(max-width:768px) {
      .csrlogin {
        display: none;
      }

      .csrloginsmall {
        display: inline;
      }
    }

    @media(min-width:768px) {
      .csrloginsmall {
        display: none;
      }
    }
  </style>
  <noscript>
    <meta http-equiv="refresh" content="0.0;url=JavaScriptNotEnabled.html">
  </noscript>
  <script type="text/javascript">
    window.onload = pageLoad;

    function pageLoad() {
      var sessionAuthenticated = '';
      var url = window.location.pathname;
      if (sessionAuthenticated == 'True' && !url.includes('/Customer-Login')) {
        if (!url.includes('/Account-Profile')) {
          validateAccountInfoRules();
        }
        if (url.includes('/Outage')) {
          document.getElementById("outageBanner").style.display = 'none';
        } else {
          var outage = '';
          var outageViewed = '';
          if (outage != "" && outageViewed != "True") {
            document.getElementById("outageBanner").style.display = 'block';
          } else {
            document.getElementById("outageBanner").style.display = 'none';
          }
        }
      }
      removeMenus();
    }

    function removeMenus() {
      var sessionAuthenticated = '';
      var param554 = '2';
      var param305 = 'E';
      var param308 = 'E';
      if (sessionAuthenticated == 'True') {
        $('li').filter(function() {
          return $.text([this]) === 'Create New user';
        }).remove();
      }
      if (param554 == '0') {
        $('li').filter(function() {
          return $.text([this]) === 'Manage Alerts';
        }).remove();
      }
      //if (param305 != 'E' && param308 != 'E') {
      //    $('li').filter(function () { return $.text([this]) === 'Bill Notification'; }).remove();
      //}
      var Intparam14 = '0';
      if (Intparam14 == '0') {
        $('li').filter(function() {
          return $.text([this]) === 'Payment Arrangements';
        }).remove();
      }
    }

    function routeToOutage() {
      updateOutageAsViewed();
      var outageUrl = window.location.protocol + "//" + window.location.hostname + '/onlineportal//Services/Outage/tabid/56/Default.aspx';
      window.location.href = outageUrl;
    }

    function looksGoodBtn() {
      try {
        var key = '';
        var mbrSep = '';
        var sf = $.dnnSF();
        var rootDirectory = sf.getServiceRoot('PortalApi');
        rootDirectory = rootDirectory.replace("API/PortalApi", "DesktopModules/PortalApi/Api");
        $.ajax({
          type: "POST",
          url: rootDirectory + "HomeController.aspx/UpdateAccountProfileWithoutChanges",
          data: "{'key':'" + key + "','mbrSep':'" + mbrSep + "'}",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function(response) {
            /// success response would be <output>Success</output>
            ///not reading response..assuming user doesn't really care about it at this time                    
            $('#accountProfileModal').modal('hide');
          },
          error: function(xhr, ajaxOptions, thrownError) {
            document.getElementById("progressBar").style.display = 'none';
            WriteLog("Error:" + xhr.status, "UpdateAccountProfileWithoutChanges", thrownError);
          }
        });
      } catch (e) {}
    }

    function btnCloseClick() {
      updateOutageAsViewed();
    }

    function updateOutageAsViewed() {
      try {
        var key = '';
        var sf = $.dnnSF();
        var rootDirectory = sf.getServiceRoot('PortalApi');
        rootDirectory = rootDirectory.replace("API/PortalApi", "DesktopModules/PortalApi/Api");
        $.ajax({
          type: "POST",
          url: rootDirectory + "HomeController.aspx/SetSessionValues",
          data: "{'key':'" + key + "','id':'OutageViewed','value':'true'}",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function(response) {},
          error: function(xhr, ajaxOptions, thrownError) {
            WriteLog("Error:" + xhr.status, "btnCloseClick", thrownError);
          }
        });
      } catch (e) {}
    }

    function makeChangesBtn() {
      var loginUrl = window.location.protocol + "//" + window.location.hostname + "/onlineportal/My-Account/Account-Profile";
      window.location.href = loginUrl;
    }
    var _popupTimer, _countDownTimer;

    function stopTimers() {
      window.clearInterval(_countDownTimer);
      window.clearTimeout(_popupTimer);
    };

    function SessionExpireAlert(timeout) {
      var isAuth = "";
      if (isAuth == "True") {
        var seconds = timeout / 1000;
        _countDownTimer = window.setInterval(function() {
          if (seconds > 0) {
            seconds--;
            document.getElementById("seconds").innerHTML = seconds;
          } else {
            stopTimers();
            $('#sessionWarningModal').hide();
            window.location.href = window.location.protocol + "//" + window.location.hostname + "/onlineportal/Customer-Login";
          }
        }, 1000);
        _popupTimer = window.setTimeout(function() {
          displaySessionWarning();
        }, timeout - (60 * 1000));
      }
    }

    function displaySessionWarning() {
      $("#sessionWarningModal").on('shown.bs.modal', function(event) {
        $("#btnSignIn").focus();
      });
      $("#sessionWarningModal").modal({
        backdrop: 'static',
        keyboard: false,
      });
      $('#sessionWarningModal').on('keypress', function(event) {
        var keycode = (event.keyCode ? event.keyCode : event.which);
        if (keycode == '13') {
          if ($("#btnWarningSessionLogout").is(":focus")) {
            stopTimers();
            $('#sessionWarningModal').hide();
            $("#btnWarningSessionLogout").click();
          }
        }
      });
    }

    function continueSession() {
      stopTimers();
      $('#sessionWarningModal').hide();
      ResetSessionTimeout(); //This methos is from ClientAjax.js
    }

    function LaunchSessionExpiryPopUp() {
      var sessionTimeout = "20";
      var sTimeout = parseInt(sessionTimeout) * 60 * 1000;
      SessionExpireAlert(sTimeout);
    }

    function validateAccountInfoRules() {
      var rules = '1,30';
      var lastUpdated = '';
      var lastUpdateDate = new Date(lastUpdated);
      var currentDate = new Date();
      var minutes = 1000 * 60;
      var hours = minutes * 60;
      var days = hours * 24;
      var diffDate = Math.round((currentDate - lastUpdateDate) / days);
      //diffDate = diffDate - 1;
      var rulesList = rules.split(',');
      var bufferDays = parseInt(rulesList[1]);
      if (rulesList[0] == "1" && bufferDays < diffDate) {
        //condition satisfied for displaying account profile info
        getAccountProfileDetails();
      }
    }

    function getAccountProfileDetails() {
      try {
        var key = '';
        var mbrSep = '';
        var sf = $.dnnSF();
        var rootDirectory = sf.getServiceRoot('PortalApi');
        rootDirectory = rootDirectory.replace("API/PortalApi", "DesktopModules/PortalApi/Api");
        $.ajax({
          type: "POST",
          url: rootDirectory + "HomeController.aspx/GetAccountProfile",
          data: "{'key':'" + key + "','mbrSep':'" + mbrSep + "'}",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function(response) {
            displayAccountProfile(response.d);
          },
          error: function(xhr, ajaxOptions, thrownError) {
            document.getElementById("progressBar").style.display = 'none';
            WriteLog("Error:" + xhr.status, "getAccountProfileDetails", thrownError);
          }
        });
      } catch (e) {}
    }

    function displayAccountProfile(result) {
      try {
        document.getElementById('profileFullName').innerText = result.FullName;
        document.getElementById('profileAddr1').innerText = result.AddressFormatted;
        if (result.BusPhone == "") {
          document.getElementById('profileBusinessPhone').style.display = 'none';
        } else {
          document.getElementById('profileBusinessPhone').innerText = "(B) " + result.BusPhone;
        }
        if (result.Telephone == "") {
          document.getElementById('profileHomePhone').style.display = 'none';
        } else {
          document.getElementById('profileHomePhone').innerHTML = "(H) <span style='color: black'>" + result.Telephone + "</span>";
        }
        if (result.CellPhone == "") {
          document.getElementById('profileMobilePhone').style.display = 'none';
        } else {
          document.getElementById('profileMobilePhone').innerHTML = "(M) <span style='color: black'>" + result.CellPhone + "</span>";
        }
        if (result.OtherPhone == "") {
          document.getElementById('profileOtherPhone').style.display = 'none';
        } else {
          document.getElementById('profileOtherPhone').innerHTML = "(O) <span style='color: black'>" + result.OtherPhone + "</span>";
        }
        if (result.Fax == "") {
          document.getElementById('profileFax').style.display = 'none';
        } else {
          document.getElementById('profileFax').innerHTML = "(F) <span style='color: black'>" + result.Fax + "</span>";
        }
        if (result.EmailAddress == "") {
          document.getElementById('profileEmail1').style.display = 'none';
        } else {
          document.getElementById('profileEmail1').innerHTML = "(E) <span style='color: black'>" + result.EmailAddress + "</span>";
        }
        if (result.EmailAddress1 == "") {
          document.getElementById('profileEmail2').style.display = 'none';
        } else {
          document.getElementById('profileEmail2').innerHTML = "(E) <span style='color: black'>" + result.EmailAddress1 + "</span>";
        }
        if (result.DriversLicense == "") {
          document.getElementById('profileDl').style.display = 'none';
        } else {
          document.getElementById('profileDl').innerHTML = "(DL) <span style='color: black'>" + result.DriversLicense + "</span>";
        }
        if (result.SmallBusNbr == "") {
          document.getElementById('profileSmallBusId').style.display = 'none';
        } else {
          document.getElementById('profileSmallBusId').innerHTML = "(Bus ID) <span style='color: black'>" + result.SmallBusNbr + "</span>";
        }
        if (result.SpouseName == "") {
          document.getElementById('profileSpouseName').style.display = 'none';
        } else {
          document.getElementById('profileSpouseName').innerHTML = "(Spouse) <span style='color: black'>" + result.SpouseName + "</span>";
        }
        $("#accountProfileModal").modal({
          backdrop: 'static'
        });
      } catch (e) {}
    }

    function WriteLog(status, method, message) {
      var sf = $.dnnSF();
      var rootDirectory = sf.getServiceRoot('PortalApi');
      rootDirectory = rootDirectory.replace("API/PortalApi", "DesktopModules/PortalApi/Api");
      $.ajax({
        type: "POST",
        url: rootDirectory + "HomeController.aspx/WriteInLog",
        data: "{'status':'" + status + "','methodName':'" + method + "','message':'" + message + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {},
        failure: function(msg) {}
      });
    }
  </script>
  <script lang="javascript" type="text/javascript">
    //if ((navigator.userAgent.indexOf("MSIE") != -1) || (!!document.documentMode == true))
    //{
    //}
    var dataSet = [
      []
    ];
    var table2;
    var htmltable = "<table id='example2' class='table table-striped table-hover responsive'><thead><tr><th>Name</th><th>Position</th><th>Office</th><th>Age</th><th>Start date</th><th>Salary</th></tr></thead>";
    htmltable = htmltable + "<tbody><tr><td>Tiger Nixon</td><td>System Architect</td><td>Edinburgh</td><td>61</td><td>2011/04/25</td><td>$3,120</td></tr>";
    htmltable = htmltable + "<tr><td>Garrett Winters</td><td>System Architect</td><td>Edinburgh</td><td>61</td><td>2011/04/25</td><td>$3,120</td></tr>";
    htmltable = htmltable + "<tr><td>Ashton Cox</td><td>System Architect</td><td>Edinburgh</td><td>61</td><td>2011/04/25</td><td>$3,120</td></tr></tbody></table>";

    function SendDataToJS(str) {
      dataSet = str.split("^").map(function(x) {
        return x.split("~")
      });
      //$('#myModal .modal-body').html(htmltable);
      table2 = $('#example2').DataTable({
        data: dataSet,
        "infoCallback": function(settings, start, end, max, total, pre) {
          return start + ' to ' + end + ' of ' + total;
        },
        "createdRow": function(row, data, rowIndex) {
          $.each($('td', row), function(colIndex) {
            if (colIndex == 0) $(this).attr('data-title', 'Account');
            else
            if (colIndex == 1) $(this).attr('data-title', 'Name');
            else
            if (colIndex == 2) $(this).attr('data-title', 'Status');
            else
            if (colIndex == 3) $(this).attr('data-title', 'Service Address');
            else
            if (colIndex == 4) $(this).attr('data-title', 'Due Date');
            else
            if (colIndex == 5) $(this).attr('data-title', 'Balance');
          });
        },
        columnDefs: [{
          targets: 0,
          render: function(data, type, row, meta) {
            if (type === 'display') {
              data = '<a  href="#">' + data + '</a>';
            }
            return data;
          }
        }, {
          targets: 5,
          type: 'currency',
          className: 'dt-body-right',
          render: function(data, type, row, meta) {
            if (type === 'display') {
              if (data.indexOf('-') != -1) data = '-$' + data.replace('-', '');
              else data = '$' + data;
            }
            return data;
          }
        }]
      });
      document.getElementById('btnModal').click();
      return false;
    }
    //$('.modal').on('shown.bs.modal', function () {
    //    table.columns.adjust()
    //})
    //function myViewAll() {
    //    document.getElementById('btnModal').click();
    //}
    function flipper(btn) {
      var $card = $(btn).closest('.image-flip');
      $card.toggleClass('hover');
      $card.css('transform, rotateY(180deg)');
    }

    function linksel(idx) {
      document.cookie = "mbrsepSelected=" + idx;
      var btn = document.getElementById("dnn_btnSelMbrSep");
      btn.click();
    }

    function linkViewAll() {
      var btn = document.getElementById("dnn_btnViewAll");
      btn.click();
    }

    function linkUpnLogin() {
      var btn = document.getElementById("dnn_btnUpnLogin");
      btn.click();
    }

    function popupAlert(str) {
      alert(str);
    }

    function getCookie(cname) {
      var name = cname + "=";
      var decodedCookie = decodeURIComponent(document.cookie);
      var ca = decodedCookie.split(';');
      for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
          c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
          return c.substring(name.length, c.length);
        }
      }
      return "";
    }

    function logoutSession() {
      try {
        FinalLogoutSession("12345678001");
        var searchdrop = document.getElementById("dnn_loggedBppUserInfo");
        searchdrop.style.display = "none";
        var searchdrop2 = document.getElementById("dnn_accountList2Select");
        searchdrop2.style.display = "none";
      } catch (err) {
        alert("error : " + err.message);
      }
      var isUpnUserLoggedIn = "";
      if (isUpnUserLoggedIn == 'True') {
        window.parent.top.location.href = "/onlineportal/More/Upn-Login";
      } else {
        window.parent.top.location.href = "/onlineportal/";
      }
    }

    function gotoMyProfile() {
      window.parent.top.location.href = "/onlineportal/Profile";
    }
    //$('.modal').on('shown.bs.modal', function () {
    //    table.columns.adjust()
    //})
    $(document).ready(function() {
      $('#example2').on('click', 'td', function() {
        var visIdx = $(this).index();
        if (visIdx == 0) linksel(table2.cell(this).data());
        //alert("1:" + table2.cell(this).data())
      });
      LaunchSessionExpiryPopUp();
      $('[data-toggle="tooltip"]').tooltip();
      $("#dnn_customerName,#idviewall").hover(function() {
        var dropdownMenu = $(this).children(".dropdown-menu");
        if (dropdownMenu.is(":visible")) {
          dropdownMenu.parent().toggleClass("open");
        }
      });
    });
  </script>
  <div class="wrapper" canvas="containers">
    <div class="body">
      <div id="SkipContent"></div>
      <header class="flat-header ddrheader" id="header" style="min-height: 142px;">
        <div class="header-body" style="min-height: auto;">
          <div class="header-container container">
            <div class="header-row">
              <div class="header-column">
                <div class="header-row">
                  <div class="logo">
                    <a id="dnn_LOGO1_hypLogo" title="OnlinePortal" aria-label="OnlinePortal" href="https://billing.precc.com/onlineportal/"><img id="dnn_LOGO1_imgLogo" src="/onlineportal/Portals/0/Pennyrile%20logo.jpg?ver=nCHasAY5bc8zQQHPrYWolQ%3d%3d" alt="OnlinePortal"></a>
                  </div>
                </div>
              </div>
              <div class="header-column justify-content-end">
                <div class="header-row header-nav">
                  <nav class="header-nav-top">
                    <div class="gtranslator"></div>
                    <div class="language">
                      <div class="language-object">
                      </div>
                    </div>
                    <div id="login">
                    </div>
                  </nav>
                  <input type="button" name="dnn$lnkBPPlogin" value="" onclick="javascript:__doPostBack('dnn$lnkBPPlogin','')" id="dnn_lnkBPPlogin" style="display: none"><input type="button" name="dnn$lnkChangePwd" value=""
                    onclick="javascript:__doPostBack('dnn$lnkChangePwd','')" id="dnn_lnkChangePwd" style="display: none">
                  <div class="search">
                    <div id="dnn_signInButton" class="input-group">
                      <a class="btn btn-success btn-lg text-light" onclick="document.getElementById('dnn_lnkBPPlogin').click()"><i class="fa fa-lock text-light"></i>&nbsp;Sign In</a>
                    </div>
                  </div>
                </div>
                <div class="header-row header-nav-main">
                  <div class="header-nav-main-effect">
                    <div class="navbar-collapse nav-main-collapse collapse">
                      <nav class="nav-main mega-menu ddrmenu">
                        <ul class="nav nav-pills nav-main" id="mainMenu">
                          <li data-col="1" class="dropdown dropdown-full-color dropdown-primary"><a href="https://billing.precc.com/onlineportal/My-Account" class="dropdown-toggle">My Account<i class="fas fa-caret-down"></i></a>
                            <ul class="dropdown-menu">
                              <li><a href="https://billing.precc.com/onlineportal/My-Account/Account-Profile">Account Profile</a></li>
                              <li><a href="https://billing.precc.com/onlineportal/My-Account/Account-History">Account History</a></li>
                              <li><a href="https://billing.precc.com/onlineportal/My-Account/Estimate-My-Bill">Estimate My Bill</a></li>
                              <li><a href="https://billing.precc.com/onlineportal/My-Account/Manage-Alerts">Manage Alerts</a></li>
                              <li><a href="https://billing.precc.com/onlineportal/My-Account/Usage-History">Usage History</a></li>
                            </ul>
                          </li>
                          <li data-col="2" class="dropdown mega-menu-item dropdown-primary"><a href="https://billing.precc.com/onlineportal/Billing-Payments" class="dropdown-toggle">Billing &amp; Payments<i class="fas fa-caret-down"></i></a>
                            <ul class="dropdown-menu" style="width: 370px;">
                              <li>
                                <div class="mega-menu-content">
                                  <div class="row">
                                    <div class="col-md-6 col-mega-1">
                                      <ul class="sub-menu">
                                        <li class=""><a href="https://billing.precc.com/onlineportal/Billing-Payments/Billing" class="mega-menu-sub-title">Billing</a>
                                          <ul class="sub-menu">
                                            <li><a href="https://billing.precc.com/onlineportal/Billing-Payments/Billing/Bill-Notification">Bill Notification</a></li>
                                          </ul>
                                        </li>
                                      </ul>
                                    </div>
                                    <div class="col-md-6 col-mega-2">
                                      <ul class="sub-menu">
                                        <li class=""><a href="https://billing.precc.com/onlineportal/Billing-Payments/Payments" class="mega-menu-sub-title">Payments</a>
                                          <ul class="sub-menu">
                                            <li><a href="https://billing.precc.com/onlineportal/Billing-Payments/Payments/Draft-Payments">Draft Payments</a></li>
                                            <li><a href="https://billing.precc.com/onlineportal/Billing-Payments/Payments/Pay-Multiple-Accounts">Pay Multiple Accounts</a></li>
                                            <li><a href="https://billing.precc.com/onlineportal/Billing-Payments/Payments/Payment-Profile">Payment Profile</a></li>
                                          </ul>
                                        </li>
                                      </ul>
                                    </div>
                                  </div>
                                </div>
                              </li>
                            </ul>
                          </li>
                          <li data-col="" class="dropdown dropdown-full-color dropdown-primary"><a href="https://billing.precc.com/onlineportal/More" class="dropdown-toggle">More<i class="fas fa-caret-down"></i></a>
                            <ul class="dropdown-menu">
                              <li><a href="https://billing.precc.com/onlineportal/More/Create-New-user">Create New user</a></li>
                              <li><a href="https://billing.precc.com/onlineportal/More/Outage">Outage</a></li>
                            </ul>
                          </li>
                        </ul>
                      </nav>
                    </div>
                  </div>
                  <div class="social-icons">
                    <ul class="social-icons new">
                      <li class="facebook"><a href="https://www.facebook.com/pages/Pennyrile-Electric/277410916473" target="_blank" title="Facebook">Facebook Icon</a></li>
                      <li class="twitter"><a href="https://twitter.com/pennyrile_recc" target="_blank" title="Twitter">Twitter Icon</a></li>
                    </ul>
                  </div>
                  <div id="dnn_loginIcon">
                    <button type="button" class="btn mini-search" id="loginResponsiveIcon" onclick="document.getElementById('dnn_lnkBPPlogin').click()">
                      <em class="fa fa-lock text-light"></em>
                    </button>
                  </div>
                  <button type="button" class="btn btn-responsive-nav btn-inverse" data-toggle="collapse" data-target=".nav-main-collapse">
                    <em class="fas fa-bars"></em><span class="btn-text-indent">Button</span>
                  </button>
                  <div class="search-block collapse">
                    <span id="dnn_MiniSearch1_ClassicSearch">
                      <span class="searchInputContainer" data-moreresults="See More Results" data-noresult="No Results Found">
                        <input name="dnn$MiniSearch1$txtSearch" type="text" maxlength="255" size="20" id="dnn_MiniSearch1_txtSearch" class="NormalTextBox" aria-label="Search" autocomplete="off" placeholder="Search...">
                        <a class="dnnSearchBoxClearText" title="Clear search text"></a>
                        <label class="sr-only" for="dnn_MiniSearch1_txtSearch">Mini Search</label></span>
                      <a id="dnn_MiniSearch1_cmdSearch" class="icon-search" href="javascript:__doPostBack('dnn$MiniSearch1$cmdSearch','')" style="text-indent: -9999px;">Search</a>
                    </span>
                    <script type="text/javascript">
                      $(function() {
                        if (typeof dnn != "undefined" && typeof dnn.searchSkinObject != "undefined") {
                          var searchSkinObject = new dnn.searchSkinObject({
                            delayTriggerAutoSearch: 400,
                            minCharRequiredTriggerAutoSearch: 2,
                            searchType: 'S',
                            enableWildSearch: true,
                            cultureCode: 'en-US',
                            portalId: -1
                          });
                          searchSkinObject.init();
                          // attach classic search
                          var siteBtn = $('#dnn_MiniSearch1_SiteRadioButton');
                          var webBtn = $('#dnn_MiniSearch1_WebRadioButton');
                          var clickHandler = function() {
                            if (siteBtn.is(':checked')) searchSkinObject.settings.searchType = 'S';
                            else searchSkinObject.settings.searchType = 'W';
                          };
                          siteBtn.on('change', clickHandler);
                          webBtn.on('change', clickHandler);
                        }
                      });
                    </script>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div>
            <input type="button" name="dnn$btnSelMbrSep" value="" onclick="javascript:__doPostBack('dnn$btnSelMbrSep','')" id="dnn_btnSelMbrSep" style="display: none"><input type="button" name="dnn$btnViewAll" value=""
              onclick="javascript:__doPostBack('dnn$btnViewAll','')" id="dnn_btnViewAll" style="display: none"><input type="button" name="dnn$btnUpnLogin" value="" onclick="javascript:__doPostBack('dnn$btnUpnLogin','')" id="dnn_btnUpnLogin"
              style="display: none">
            <span id="formprogressbar" style="display: none;">
              <span class="bottomProgressBar">
                <div></div>
              </span>
            </span>
          </div>
        </div>
      </header>
      <div class="mt-1" id="outageBanner" style="display: none">
        <div class="alert alert-warning alert-dismissible">
          <button type="button" onclick="btnCloseClick()" class="close" data-dismiss="alert">×</button>
          <div style="font-size: 14px; color: black" class="align-center">An outage has been reported on this account. <span style="cursor: pointer;text-decoration: underline;" onclick="routeToOutage()">Click here </span>to view .</div>
        </div>
      </div>
      <div role="main" class="main">
        <div class="content full">
          <div id="dnn_TopUpperPaneFull" class="DNNEmptyPane">
          </div>
          <div class="container">
            <div class="row">
              <div class="col-md-12">
                <div id="dnn_TopPane">
                  <div class="DnnModule DnnModule-CustomizationsCustomerLogin DnnModule-384"><a name="384"></a>
                    <div id="dnn_ctr384_ContentPane">
                      <!-- Start_Module_384 -->
                      <div id="dnn_ctr384_ModuleContent" class="DNNModuleContent ModCustomizationsCustomerLoginC">
                        <script type="text/javascript" src="/onlineportal/js/ClientAjax.js"></script>
                        <script type="text/javascript" src="/onlineportal/customizations/ContinueToPayment/AjaxAsyncCallback.js"></script>
                        <link rel="stylesheet" href="/onlineportal/js/CustomStyleSheets/customerLogin.css" type="text/css" media="all">
                        <link rel="stylesheet" href="/onlineportal/js/CustomStyleSheets/progressBar.css" type="text/css" media="all">
                        <div class="modal fade" id="passFlagModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                          <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title">Change password</h5>
                              </div>
                              <div class="modal-body">
                                <div class="alert alert-danger alert-dismissible" role="alert" style="display: none" id="currentPwdIncorrectEdit">
                                  <div style="font-size: 14px; color: black" id="chngPwdEditMsg"></div>
                                </div>
                                <div id="dialErrorMessage"></div>
                                <p>
                                  <span class="inputLabel">Current Password</span>
                                  <input type="password" class="inputTextBox" style="width: 100%; height: 2em;" tabindex="7" id="txtCurrPassword" oncopy="return false" ondrag="return false" ondrop="return false" onpaste="return false"
                                    autocomplete="off" maxlength="128" onkeypress="return passwordValidate(event)" oninput="return checkEdits()">
                                  <span class="bar"></span>
                                </p>
                                <p align="left" style="color: red; display: none" id="currpwdMsg"> Please enter your current password.</p>
                                <p>
                                </p>
                                <p class="group">
                                  <span class="inputLabel">New Password</span>
                                  <span toggle="#txtNewPassword" style="line-height: 2em; float: right" class="fa fa-fw fa-eye-slash field-icon toggle-password fa-lg fa_custom"></span>
                                  <input class="inputTextBox input-1" type="password" style="height: 2em; width: 100%;" tabindex="8" id="txtNewPassword" oncopy="return false" ondrag="return false" ondrop="return false" onpaste="return false"
                                    autocomplete="off" maxlength="128" onkeypress="return passwordValidate(event)" oninput="return checkEdits()">
                                  <span class="bar"></span>
                                </p>
                                <h6 align="left" style="color: red; display: none" id="newpwdMsg">Please enter your new password.</h6>
                                <span class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" id="one" style="height: 3px; width: 100%; margin-top: 5px; display: none"></span>
                                <p align="left" style="display: none;" id="ps">Weak.</p>
                                <p></p>
                                <p>
                                  <span class="inputLabel">Confirm New Password</span>
                                  <input type="password" class="inputTextBox" style="width: 100%;" tabindex="9" id="txtCnfPassword" oncopy="return false" ondrag="return false" ondrop="return false" onpaste="return false" autocomplete="off"
                                    maxlength="128" onkeypress="return passwordValidate(event)" oninput="return checkEdits()">
                                  <span class="bar"></span>
                                  <span align="left" style="color: red; display: none" id="confNewPwdMsg">Please confirm your new password.</span>
                                  <span id="pwdMatchEdit" align="left" style="color: red; display: none">New and confirm passwords do not match.</span>
                                </p>
                              </div>
                              <div class="modal-footer">
                                <span class="inputLabel" id="idLengthMsg" align="left" style="color: darkred">Min 10 characters long. A combination of uppercase letters, lowercase letters, numbers, and symbols (!@#$%^&amp;*).</span>
                                <button type="button" id="btnDialClose" tabindex="10" class="btn btn-secondary d-none" data-dismiss="modal">Close</button>
                                <button type="button" id="btnDialSubmit" tabindex="11" class="btn btn-primary" onclick="btnDialSubmit_Click();">Submit</button>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="modal fade" id="passwordChangeSuccessModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                          <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title">Success!</h5>
                              </div>
                              <div class="modal-body">
                                <p class="align-center"><i style="color: #0088cc" class="far fa-check-circle fa-5x"></i></p>
                                <p id="draftSuccessMessage" style="color: black"> Your account password has been successfully updated. Please click <span style="color: #ffc107"><strong>Login</strong></span> button below to login with your updated
                                  password. </p>
                              </div>
                              <div class="modal-footer">
                                <button type="button" class="btn btn-warning" data-dismiss="modal" onclick="reloadPage()">Login</button>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div id="dnn_ctr384_CustomerLogin_UpdatePanel1">
                          <div onkeypress="javascript:return WebForm_FireDefaultButton(event, 'dnn_ctr384_CustomerLogin_btnLogin')">
                            <div class="container col-sm-6">
                              <div class="featured-boxes featured-boxes-style-8">
                                <div class="featured-box featured-box-primary featured-box-text-left" style="width: 100%;">
                                  <div class="box-content">
                                    <h2 class="align-left" style="color: black;">Sign In</h2>
                                    <div>
                                      <label class="pure-material-textfield-outlined" style="width: 100%;">
                                        <input name="dnn$ctr384$CustomerLogin$txtUsername" type="text" value="580135001" maxlength="30" id="dnn_ctr384_CustomerLogin_txtUsername" tabindex="1" placeholder=" " oninput="return checkInputEdits()"
                                          autocomplete="off">
                                        <span>Account Number or User ID</span>
                                        <p align="left" style="color: red; display: none" id="userIDEditMsg">Please enter your account number or user ID.</p>
                                      </label>
                                    </div>
                                    <div>
                                      <label class="pure-material-textfield-outlined" style="width: 100%;">
                                        <input name="dnn$ctr384$CustomerLogin$txtPassword" id="dnn_ctr384_CustomerLogin_txtPassword" tabindex="2" maxlength="128" autocomplete="off" placeholder=" " onpaste="return false"
                                          oninput="return checkInputEdits()" ondrop="return false" type="password" ondrag="return false" onkeypress="return passwordValidate(event);" oncopy="return false">
                                        <span>Password</span>
                                        <p align="left" style="color: red; display: none" id="passwordEditMsg">Please enter your password.</p>
                                      </label>
                                    </div>
                                    <div style="text-align: right; margin-bottom: 2%;">
                                      <input type="submit" name="dnn$ctr384$CustomerLogin$btnLogin" value="Sign In" onclick="return ValidateInputFields();" id="dnn_ctr384_CustomerLogin_btnLogin" tabindex="3" class="btn btn-primary" align="right"
                                        style="font-weight:normal;">
                                    </div>
                                    <div class="row col-sm-12">
                                      <div class="col-sm-6">
                                        <div id="newUser" class="helpText">New User ?
                                          <a id="dnn_ctr384_CustomerLogin_lnkNewUser" tabindex="4" class="pageLinks" href="https://billing.precc.com/onlineportal//Services/CreateNewuser/tabid/46/Default.aspx">Create account</a></div>
                                      </div>
                                      <div class="col-sm-6">
                                        <div id="forgotPwd">
                                          <a id="dnn_ctr384_CustomerLogin_lnkForgotPassword" tabindex="5" class="pageLinks" href="https://billing.precc.com/onlineportal/OnlineServices/ForgotPassword/tabid/48/Default.aspx">Forgot password ?</a>
                                        </div>
                                      </div>
                                    </div>
                                    <div id="dnn_ctr384_CustomerLogin_assistanceLink" class="col-sm-12 helpText card-text" style="margin-top: 2%">
                                      <a href="javascript:popup('');" tabindex="6" data-toggle="modal" data-target="#ModalCenter">Click here</a><span style="color: black"> if you need any assistance logging in.</span>
                                    </div>
                                  </div>
                                  <span id="progressbar" style="display: none">
                                    <span class="bottomProgressBar">
                                      <div></div>
                                    </span>
                                  </span>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="modal fade" id="ModalCenter" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                            <div class="modal-dialog modal-lg" role="document">
                              <div class="modal-content">
                                <div class="modal-header">
                                  <h5 class="modal-title"><strong>Customer Login </strong></h5>
                                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                  </button>
                                </div>
                                <div class="modal-body">
                                  <h5 style="text-align: left">To log in to the <strong>Customer Portal </strong>application:</h5>
                                  <ol style="font-size:15px;">
                                    <li>
                                      <p style="text-align: left">Enter your account number as shown on your bill or enter your user id. If you do not know either, please select the Forgot Password link to reset your credentials or contact your
                                        utility for assistance.</p>
                                      <p style="text-align: left"> The sample format of your account number is <strong>00000000-000</strong>.</p>
                                    </li>
                                    <li>
                                      <p style="text-align: left">Enter your Password in the <strong>Password</strong> field.</p>
                                    </li>
                                  </ol>
                                  <ul style="list-style-type:none;">
                                    <li>
                                      <p style="text-align: left">Upon successful login, user will be navigated to the Account Overview screen.</p>
                                    </li>
                                    <li>
                                      <p style="text-align: left">If you have not previously logged in, you will be prompted to change password screen.</p>
                                    </li>
                                    <li>
                                      <p style="text-align: left">If you have forgotten your password, click <strong>Forgot Password</strong> to receive a password reset link e-mailed to you.</p>
                                    </li>
                                  </ul>
                                </div>
                                <div class="modal-footer">
                                  <button type="button" class="btn btn-warning" data-dismiss="modal">Close</button>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="fillfooter d-flex flex-column">
                          <div class="container-fluid flex-fill">
                            <div class="p-2 flex-grow-1"></div>
                          </div>
                        </div>
                        <script type="text/javascript">
                          function undoModalEdits() {
                            document.getElementById('currpwdMsg').style.display = "none";
                            document.getElementById('newpwdMsg').style.display = "none";
                            document.getElementById('confNewPwdMsg').style.display = "none";
                            document.getElementById('pwdMatchEdit').style.display = "none";
                            document.getElementById('currentPwdIncorrectEdit').style.display = "none";
                          }

                          function displayProgress() {
                            document.getElementById('progressbar').style.display = 'block';
                          }

                          function passwordValidate(evt) {
                            var charCode = (evt.which) ? evt.which : evt.keyCode;
                            if ((charCode == 126 || charCode == 96 || charCode == 94 || charCode == 124 || charCode == 39 || charCode == 34 || charCode == 32)) {
                              return false;
                            }
                            return true;
                          };
                          var stxtPasswordLength = '10';
                          var schkPasswordComplexity = '1';
                          var schkAllowPastingPassw = '0';
                          $(document).ready(function() {
                            //var aftoken = window.top.document.getElementsByName('__RequestVerificationToken')[0].value;
                            //if (aftoken == null || aftoken == "" || aftoken == undefined)
                            //    alert("empty");
                            //else
                            //    alert(aftoken);
                            $("#card1").css("center-block");
                            $(".toggle-password").hover(function() {
                              $(this).toggleClass("fa-eye fa-eye-slash");
                              var input = $($(this).attr("toggle"));
                              if (input.attr("type") == "password") {
                                input.attr("type", "text");
                              } else {
                                input.attr("type", "password");
                              }
                            });
                            $('.input-1').on("input", function() {
                              var pswd = this.value;
                              let len = this.value.length;
                              if (schkPasswordComplexity == "1") {
                                var tmpstrReg = "^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{" + stxtPasswordLength + ",})";
                                var strongRegex = new RegExp(tmpstrReg);
                              } else var strongRegex = new RegExp("^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{8,})");
                              var mediumRegex = new RegExp("^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{7,})");
                              var fairRegex = new RegExp("^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{5,})");
                              $("#one").css("display", "block");
                              if (len == 0) {
                                $("#one").css("width", "0%");
                                $("#one").css("background-color", "#ffffff");
                                document.getElementById("ps").style.display = "none";
                                document.getElementById('newpwdMsg').style.display = "none";
                              } else if (strongRegex.test(pswd)) {
                                $("#one").css("width", "100%");
                                $("#one").css("background-color", "#008000");
                                document.getElementById("ps").style.display = "block";
                                document.getElementById("ps").style.color = "#008000";
                                document.getElementById("ps").innerHTML = "Password Strength: Strong";
                              } else if (mediumRegex.test(pswd)) {
                                $("#one").css("width", "75%");
                                $("#one").css("background-color", "#1e90ff");
                                document.getElementById("ps").style.display = "block";
                                document.getElementById("ps").style.color = "#1e90ff";
                                document.getElementById("ps").innerHTML = "Password Strength: Good";
                              } else if (fairRegex.test(pswd)) {
                                $("#one").css("width", "50%");
                                $("#one").css("background-color", "#ffa500");
                                document.getElementById("ps").style.display = "block";
                                document.getElementById("ps").style.color = "#ffa500";
                                document.getElementById("ps").innerHTML = "Password Strength: Fair";
                              } else {
                                $("#one").css("width", "25%");
                                $("#one").css("background-color", "#ff0000");
                                document.getElementById("ps").style.display = "block";
                                document.getElementById("ps").style.color = "#ff0000";
                                document.getElementById("ps").innerHTML = "Password Strength: Weak";
                              }
                            });
                            if (schkPasswordComplexity == "1") {
                              document.getElementById("idLengthMsg").innerHTML = "Min " + stxtPasswordLength + " characters long. A combination of uppercase letters, lowercase letters, numbers, and symbols (!@#$%^&*).";
                            }
                          });
                          var dialacct = "";

                          function btnDialSubmit_Click() {
                            if (schkPasswordComplexity == "1") {
                              if (document.getElementById("ps").innerHTML != "Password Strength: Strong") {
                                document.getElementById("idLengthMsg").innerHTML = "Password Strength did not meet the requirements.";
                                return;
                              } else document.getElementById("idLengthMsg").innerHTML = "Min " + stxtPasswordLength + " characters long. A combination of uppercase letters, lowercase letters, numbers, and symbols (!@#$%^&*).";
                            }
                            var curPassw = document.getElementById("txtCurrPassword").value;
                            var newPassw = document.getElementById("txtNewPassword").value;
                            var cnfPassw = document.getElementById("txtCnfPassword").value;
                            if (curPassw == "") {
                              document.getElementById('currpwdMsg').style.display = "block";
                              document.getElementById("txtCurrPassword").focus();
                              return;
                            }
                            if (newPassw == "") {
                              document.getElementById('newpwdMsg').style.display = "block";
                              document.getElementById("txtNewPassword").focus();
                              return;
                            }
                            if (cnfPassw == "") {
                              document.getElementById("txtCnfPassword").focus();
                              document.getElementById('confNewPwdMsg').style.display = "block";
                              return;
                            } else if (newPassw != cnfPassw) {
                              document.getElementById("txtCnfPassword").focus();
                              document.getElementById('pwdMatchEdit').style.display = "block";
                              return;
                            }
                            var mbrSep = dialacct;
                            var sf = $.dnnSF();
                            var rootDirectory = sf.getServiceRoot('PortalApi');
                            rootDirectory = rootDirectory.replace("API/PortalApi", "DesktopModules/PortalApi/Api");
                            $.ajax({
                              type: "POST",
                              url: rootDirectory + "HomeController.aspx/ValidateNewPassword",
                              data: "{'AccountNumber':'" + mbrSep + "','CurPassword':'" + curPassw + "','NewPassword':'" + newPassw + "'}",
                              contentType: "application/json; charset=utf-8",
                              dataType: "json",
                              success: function(response) {
                                var bSuccess = "" + response.d.ValidAccount;
                                if (bSuccess == "true") {
                                  $('#passFlagModal').modal('hide');
                                  $("#passwordChangeSuccessModal").modal({
                                    backdrop: 'static'
                                  });
                                } else {
                                  document.getElementById('currentPwdIncorrectEdit').style.display = "block";
                                  document.getElementById('chngPwdEditMsg').innerHTML = response.d.ErrorMessage;
                                  document.getElementById("txtNewPassword").focus();
                                  return false;
                                }
                              },
                              error: function(ajaxOptions, thrownError) {
                                WriteLog("Error:", "ChangePassword", thrownError);
                              }
                            });
                          }

                          function errorAcctEmpty() {
                            alert("Account number is empty.");
                          }

                          function openChangePassword(acctuserid) {
                            dialacct = acctuserid;
                            //document.getElementById('currentPwdIncorrectEdit').style.display = "none";
                            document.getElementById('txtCurrPassword').focus();
                            var sessionchkPassword10 = '0';
                            if (sessionchkPassword10 == "1") {
                              document.getElementById("txtNewPassword").setAttribute('maxLength', 10);
                              document.getElementById("txtCnfPassword").setAttribute('maxLength', 10);
                            } else {
                              document.getElementById("txtNewPassword").setAttribute('maxLength', 128);
                              document.getElementById("txtCnfPassword").setAttribute('maxLength', 128);
                            }
                            $("#passFlagModal").modal({
                              backdrop: 'static'
                            });
                          }
                          //var pass = document.getElementById("txtNewPassword")
                          //pass.addEventListener('keyup', function () {
                          //    checkPassword(pass.value)
                          //})
                          function checkEdits() {
                            var currentPwd = document.getElementById('txtCurrPassword');
                            var newPwd = document.getElementById('txtNewPassword');
                            var confirmNewPwd = document.getElementById('txtCnfPassword');
                            var currpassval = currentPwd.value.replace(/\s/g, "");
                            var passval = newPwd.value.replace(/\s/g, "");
                            var cpassval = confirmNewPwd.value.replace(/\s/g, "");
                            if (currpassval != 0) {
                              document.getElementById('currpwdMsg').style.display = "none";
                            }
                            if (passval != 0) {
                              document.getElementById('newpwdMsg').style.display = "none";
                            }
                            if (cpassval != 0) {
                              document.getElementById('confNewPwdMsg').style.display = "none";
                            }
                          }

                          function reloadPage() {
                            location.reload();
                          }

                          function ValidateInputFields() {
                            document.getElementById('progressbar').style.display = 'block';
                            var userName = document.getElementById('dnn_ctr384_CustomerLogin_txtUsername').value;
                            var passWord = document.getElementById('dnn_ctr384_CustomerLogin_txtPassword').value;
                            var retvalue = true;
                            var ControlToFocus = null;
                            if (userName == "") {
                              document.getElementById('userIDEditMsg').style.display = "block";
                              retvalue = false;
                              if (ControlToFocus == null) {
                                ControlToFocus = userName;
                                $("#dnn_ctr384_CustomerLogin_txtUsername").focus();
                              }
                            }
                            if (passWord == "") {
                              document.getElementById('passwordEditMsg').style.display = "block";
                              retvalue = false;
                              if (ControlToFocus == null) {
                                ControlToFocus = passWord;
                                $("#dnn_ctr384_CustomerLogin_txtPassword").focus();
                              }
                            }
                            var captxt = document.getElementById('dnn_ctr384_CustomerLogin_CaptchaCodeTextBox').value;
                            retvalue = c_default_dnn_ctr384_customerlogin_logincaptcha.Validate(captxt);
                            //alert(retvalue);
                            if (!retvalue) {
                              document.getElementById('progressbar').style.display = 'none';
                              return false;
                            }
                          }

                          function checkInputEdits() {
                            var userName = document.getElementById('dnn_ctr384_CustomerLogin_txtUsername').value;
                            var passWord = document.getElementById('dnn_ctr384_CustomerLogin_txtPassword').value;
                            if (userName != "") {
                              document.getElementById('userIDEditMsg').style.display = "none";
                            }
                            if (passWord != "") {
                              document.getElementById('passwordEditMsg').style.display = "none";
                            }
                          }

                          function OnCaptchaValidate() {
                            document.getElementById('dnn_ctr384_CustomerLogin_CaptchaIncorrectLabel').style.display = 'none';
                          }

                          function OnCaptchaCorrect() {
                            document.getElementById('dnn_ctr384_CustomerLogin_CaptchaIncorrectLabel').style.display = 'none';
                            document.getElementById('dnn_ctr384_CustomerLogin_btnLogin').focus();
                            var btnSubm = document.getElementById('dnn_ctr384_CustomerLogin_btnLogin');
                            btnSubm.click();
                            // __doPostBack('btnLoginCaptcha', 'OnClick');
                          }

                          function OnCaptchaIncorrect() {
                            document.getElementById('dnn_ctr384_CustomerLogin_CaptchaIncorrectLabel').style.display = '';
                            document.getElementById("dnn_ctr384_CustomerLogin_CaptchaCodeTextBox").focus();
                          }
                          var sessionchkPassword10 = '0';
                          if (sessionchkPassword10 == "1") document.getElementById('dnn_ctr384_CustomerLogin_txtPassword').setAttribute('maxLength', 10);
                          else document.getElementById('dnn_ctr384_CustomerLogin_txtPassword').setAttribute('maxLength', 128);
                          if (schkAllowPastingPassw == "1") {
                            document.getElementById('dnn_ctr384_CustomerLogin_txtPassword').setAttribute("onPaste", "return true");
                            document.getElementById("txtNewPassword").setAttribute("onPaste", "return true");
                            document.getElementById("txtCnfPassword").setAttribute("onPaste", "return true");
                          }
                        </script>
                        <style>
                          .inputTextBox {
                            font-size: 14px;
                            background-color: transparent;
                            border: none;
                            border-bottom: 1px solid #757575;
                          }

                          .inputTextBox:focus,
                          select:focus {
                            outline: none;
                            border-bottom: 2px solid #0088CC;
                          }

                          .inputLabel {
                            color: #0088CC;
                          }

                          .fillfooter {
                            min-height: 30vh;
                          }

                          .flex-fill {
                            flex: 1 1 auto;
                          }
                        </style>
                      </div><!-- End_Module_384 -->
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="dnn_TopLowerPaneFull" class="DNNEmptyPane">
          </div>
          <div class="container">
            <div class="row">
              <div class="col-md-3">
                <div id="dnn_TopLeftOuter" class="DNNEmptyPane">
                </div>
              </div>
              <div class="col-md-3">
                <div id="dnn_TopLeftInner" class="DNNEmptyPane">
                </div>
              </div>
              <div class="col-md-3">
                <div id="dnn_TopRightInner" class="DNNEmptyPane">
                </div>
              </div>
              <div class="col-md-3">
                <div id="dnn_TopRightOuter" class="DNNEmptyPane">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4">
                <div id="dnn_TopLeftPane" class="DNNEmptyPane">
                </div>
              </div>
              <div class="col-md-4">
                <div id="dnn_TopMiddlePane" class="DNNEmptyPane">
                </div>
              </div>
              <div class="col-md-4">
                <div id="dnn_TopRightPane" class="DNNEmptyPane">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-3">
                <div id="dnn_TopLeftSidebar" class="DNNEmptyPane">
                </div>
              </div>
              <div class="col-md-9">
                <div id="dnn_TopLeftSidebarOuter" class="DNNEmptyPane">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-9">
                <div id="dnn_TopRightSidebarOuter" class="DNNEmptyPane">
                </div>
              </div>
              <div class="col-md-3">
                <div id="dnn_TopRightSidebar" class="DNNEmptyPane">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4">
                <div id="dnn_LeftSidebar" class="DNNEmptyPane">
                </div>
              </div>
              <div class="col-md-8">
                <div id="dnn_LeftSidebarOuter" class="DNNEmptyPane">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-8">
                <div id="dnn_RightSidebarOuter" class="DNNEmptyPane">
                </div>
              </div>
              <div class="col-md-4">
                <div id="dnn_RightSidebar" class="DNNEmptyPane">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-6">
                <div id="dnn_LeftPane" class="DNNEmptyPane">
                </div>
              </div>
              <div class="col-md-6">
                <div id="dnn_RightPane" class="DNNEmptyPane">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div id="dnn_contentPane" class="DNNEmptyPane">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div id="dnn_ContentLowerPane" class="DNNEmptyPane">
                </div>
              </div>
            </div>
          </div>
          <div id="dnn_BottomPaneFull" class="DNNEmptyPane">
          </div>
        </div>
      </div>
      <footer id="footer">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div id="dnn_FooterTop" class="DNNEmptyPane">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div id="dnn_FooterLeft" class="DNNEmptyPane">
              </div>
            </div>
            <div class="col-md-6">
              <div id="dnn_FooterRight" class="DNNEmptyPane">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4">
              <div id="dnn_FooterLeftPane" class="DNNEmptyPane">
              </div>
            </div>
            <div class="col-md-4">
              <div id="dnn_FooterMiddlePane" class="DNNEmptyPane">
              </div>
            </div>
            <div class="col-md-4">
              <div id="dnn_FooterRightPane" class="DNNEmptyPane">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-3">
              <div id="dnn_FooterLeftOuter" class="DNNEmptyPane">
              </div>
            </div>
            <div class="col-md-3">
              <div id="dnn_FooterLeftInner" class="DNNEmptyPane">
              </div>
            </div>
            <div class="col-md-3">
              <div id="dnn_FooterRightInner" class="DNNEmptyPane">
              </div>
            </div>
            <div class="col-md-3">
              <div id="dnn_FooterRightOuter" class="DNNEmptyPane">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <div id="dnn_FooterBottom" class="DNNEmptyPane">
              </div>
            </div>
          </div>
        </div>
        <div class="footer-copyright">
          <div class="container">
            <div class="row">
              <div class="col-md-12">
                <span class="copyright">©</span>
                <span id="dnn_dnnCopyright_lblCopyright" class="copyright">Copyright 2021 by SEDC</span>
                <a id="dnn_dnnTerms" class="terms" usesubmitbehavior="false" href="javascript:__doPostBack('dnn$dnnTerms','')">Terms Of Use</a>
                <a id="dnn_dnnPrivacy" class="privacy" usesubmitbehavior="false" href="javascript:__doPostBack('dnn$dnnPrivacy','')">Privacy Statement</a>
                <span id="dnn_portalversion" class="float-right">Version:&nbsp;39.50.1193</span>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <div class="layout_trigger">
      </div>
    </div>
    <button type="button" class="btn btn-primary invisible" data-toggle="modal" data-target="#myModal" id="btnModal"> Open modal </button>
    <!-- The Modal -->
    <div class="modal fade" id="myModal">
      <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
          <!-- Modal Header -->
          <div class="modal-header">
            <h4 class="modal-title">Account List</h4>
            <button type="button" class="close" data-dismiss="modal">×</button>
          </div>
          <!-- Modal body -->
          <div class="modal-body">
            <div id="no-more-tables">
              <table class="table table-striped table-bordered cell-border" style="width: 100%" id="example2">
                <thead>
                  <tr id="headerRow">
                    <th>Account</th>
                    <th>Name</th>
                    <th>Status</th>
                    <th>Service Address</th>
                    <th>Due Date</th>
                    <th>Balance</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td data-title="Name">Tiger Nixon</td>
                    <td data-title="Position">System Architect</td>
                    <td data-title="Office">Edinburgh</td>
                    <td data-title="Age">61</td>
                    <td data-title="Start date">2011/04/25</td>
                    <td data-title="Salary">$320,800</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <!-- Modal footer -->
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
    <div class="modal" id="sessionWarningModal" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title">Warning!</h4>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          </div>
          <div class="modal-body">
            <p>Your current session will expire in <span id="seconds"></span> seconds.<br> Please click the "<strong style="color: green">Stay Signed In</strong>" button below to remain active.</p>
          </div>
          <div class="modal-footer">
            <button type="button" id="btnSignIn" class="btn btn-success" data-dismiss="modal" onclick="continueSession();">Stay Signed In</button>
            <button type="button" id="btnWarningSessionLogout" class="btn btn-danger" data-dismiss="modal" onclick="document.getElementById('dnn_lnkBPPlogout').click()">Logout</button>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="modal fade" id="accountProfileModal" tabindex="-1" role="dialog" aria-labelledby="accountProfileModal" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalCenterTitle">Account Profile</h5>
        </div>
        <div class="modal-body">
          <div class="card">
            <div class="card-header">
              <h2 class="align-center"><i class="fas fa-user"></i> &nbsp;<strong id="profileFullName"></strong></h2>
            </div>
            <div class="card-body">
              <div class="row col-sm-12">
                <div class="col-sm-1"></div>
                <div class="col-sm-5">
                  <h4 style="color: #0088cc"><i class="fas fa-envelope"></i> Billing Address</h4>
                  <p id="profileAddr1" style="color: black">
                  </p>
                </div>
                <div class="col-sm-5">
                  <h4 style="color: #0088cc"><i class="fas fa-phone"></i> Phone Numbers</h4>
                  <p id="profileHomePhone">
                  </p>
                  <p id="profileMobilePhone">
                  </p>
                  <p id="profileOtherPhone">
                  </p>
                  <p id="profileBusinessPhone">
                  </p>
                  <p id="profileFax">
                  </p>
                </div>
                <div class="col-sm-1"></div>
              </div>
              <hr>
              <div class="row col-sm-12">
                <div class="col-sm-1"></div>
                <div class="col-sm-5">
                  <h4 style="color: #0088cc"><i class="fas fa-at"></i> Email Address</h4>
                  <p id="profileEmail1">
                  </p>
                  <p id="profileEmail2">
                  </p>
                </div>
                <div class="col-sm-5">
                  <h4 style="color: #0088cc"><i class="fab fa-ethereum"></i> Spouse and Other info</h4>
                  <p id="profileSpouseName">
                  </p>
                  <p id="profileDl">
                  </p>
                  <p id="profileSmallBusId">
                  </p>
                </div>
                <div class="col-sm-1"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" onclick="makeChangesBtn()"><i class="fas fa-pencil-alt"></i>&nbsp;Make changes</button>
          <button type="button" class="btn btn-success" onclick="looksGoodBtn()"><i class="fas fa-check"></i>&nbsp;Looks good</button>
        </div>
      </div>
    </div>
  </div>
  <div class="modal fade" id="popupwarning" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Warning!</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body">
          <p id="prepayThresholdInfoBody" style="color: black">A popup blocker may be preventing from opening the page. Please try disabling it to open the window.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="toClickPopup();">Close</button>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    function toClickPopup() {
      var myTest = window.open("about:blank", "_blank");
      if (!myTest) {
        alert("A popup blocker may be preventing from opening the page. Please try disabling it to open the window.");
      } else {
        var openurl = '';
        myTest.location.href = openurl;
      }
    }
  </script>
  <input name="ScrollTop" type="hidden" id="ScrollTop">
  <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`__scdoff`:`1`,`sf_siteRoot`:`/onlineportal/`,`sf_tabId`:`34`}">
  <input name="__RequestVerificationToken" type="hidden" value="DPIP6fE2jxEpegy13HtWRth670ABo0u8ScnHY5n1DDJPpwDjFmLlX2xAKdhChK1QonBgKA2">
  <script src="/onlineportal/Portals/_default/skins/porto/CustomizeMenu.base.js?cdv=292" type="text/javascript"></script>
  <script src="/onlineportal/Portals/_default/skins/porto/CustomizeMenu.js?cdv=292" type="text/javascript"></script>
  <script type="text/javascript">
    //<![CDATA[
    WebForm_AutoFocus('dnn_ctr384_CustomerLogin_txtUsername'); //]]>
  </script>
</form>

Text Content

 Sign In
 * My Account
   * Account Profile
   * Account History
   * Estimate My Bill
   * Manage Alerts
   * Usage History
 * Billing & Payments
   *  * Billing
        * Bill Notification
     
      * Payments
        * Draft Payments
        * Pay Multiple Accounts
        * Payment Profile
 * More
   * Create New user
   * Outage

 * Facebook Icon
 * Twitter Icon


Button
Mini Search Search

×
An outage has been reported on this account. Click here to view .

CHANGE PASSWORD

Current Password

Please enter your current password.



New Password

PLEASE ENTER YOUR NEW PASSWORD.

Weak.



Confirm New Password Please confirm your new password. New and confirm passwords
do not match.

Min 10 characters long. A combination of uppercase letters, lowercase letters,
numbers, and symbols (!@#$%^&*). Close Submit

SUCCESS!

Your account password has been successfully updated. Please click Login button
below to login with your updated password.

Login


SIGN IN

Account Number or User ID

Please enter your account number or user ID.

Password

Please enter your password.


New User ? Create account
Forgot password ?
Click here if you need any assistance logging in.


CUSTOMER LOGIN

×

TO LOG IN TO THE CUSTOMER PORTAL APPLICATION:

 1. Enter your account number as shown on your bill or enter your user id. If
    you do not know either, please select the Forgot Password link to reset your
    credentials or contact your utility for assistance.
    
    The sample format of your account number is 00000000-000.

 2. Enter your Password in the Password field.

 * Upon successful login, user will be navigated to the Account Overview screen.

 * If you have not previously logged in, you will be prompted to change password
   screen.

 * If you have forgotten your password, click Forgot Password to receive a
   password reset link e-mailed to you.

Close




© Copyright 2021 by SEDC Terms Of Use Privacy Statement Version: 39.50.1193

Open modal

ACCOUNT LIST

×

Account Name Status Service Address Due Date Balance Tiger Nixon System
Architect Edinburgh 61 2011/04/25 $320,800

Close

WARNING!

×

Your current session will expire in seconds.
Please click the "Stay Signed In" button below to remain active.

Stay Signed In Logout

ACCOUNT PROFILE


 

BILLING ADDRESS



PHONE NUMBERS













--------------------------------------------------------------------------------

EMAIL ADDRESS





SPOUSE AND OTHER INFO








 Make changes  Looks good

WARNING!

×

A popup blocker may be preventing from opening the page. Please try disabling it
to open the window.

Close
scroller