<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Login Page</title>
<link href="../Styles/app.css" type="text/css" rel="stylesheet" />
<link href="../Styles/Login.css" rel="stylesheet" />
<style>
body {
-webkit-overflow-scrolling: touch;
}
.error{
border : 1px solid red !important;
}
.logerror {
margin-left: 15%;
}
.logerror span {
margin-left: 0%;
}
.customCaptchaPlace {
padding-left: 176px;
width: 314px;
}
.customCaptchaPlace .upper {
width: 100%;
float: left;
background: #FFF;
border: 1px solid #b7b7b7;
margin-bottom: 10px;
padding-left: 42px;
}
.customCaptchaPlace .lower {
float: left;
width: 100%;
}
.customCaptchaPlace .lower input {
width: 359px;
}
.captcha-text {
float: left;
height: 80px;
width: 195px;
}
.captcha-refresh {
width: 20px;
height: 20px;
display: block;
float: left;
margin: 30px 10px !important;
}
.captcha-sound {
width: 20px;
height: 20px;
display: block;
float: left;
margin: 30px 10px !important;
}
.CaptchaTextBox {
padding: 7px;
border: 1px solid #a0a0a0;
width: 62%;
height: 35px;
font-family: 'Lucida Sans Unicode','Lucida Grande',arial,helvetica,sans-serif;
font-size: 14px;
color: #555555;
box-sizing: border-box;
}
.CustomModelMessage {
display: block;
font-size: 12px;
line-height: 20px;
text-align: justify;
}
@media screen and (max-width:640px) {
.customCaptchaPlace .upper {
width: 100% !important;
}
.customCaptchaPlace .lower {
width: 100% !important;
}
.capslockerror {
float: left !important;
}
.logerror {
margin-left: 5%;
}
.customCaptchaPlace {
padding-left: 20px !important;
}
.CustomModelMessage {
margin-left: 0% !important;
font-size: 12px !important;
}
}
</style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-17120743-50"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-17120743-50');
</script>
</head>
<body class="LoginBg">
<noscript class="header-text">
Javascript is not enabled on the browser, please enable it and try again.
</noscript>
<form action="/ReBEACONClaimant/Account/Login" method="post"><input name="__RequestVerificationToken" type="hidden" value="-muIOf87dTB0H3hosWwdvPX-QDkzxX6z0gHDBVwOZTVzIyYQ_sT0LbL7SRUCBIM0Mgs063PRIdcPWiYe9HNbAopb_Z81" />
<input id="antiForgeryToken" type="hidden" value="eDAdjxUBjYTIlvAFtEV9U_kS4A3Vzsl8oFBZc3ztHokbErkInWavLzlNTV2u8vZy04GPQdAZQroqB1z86U4RMiRzahU1:KweqZ2zAvx6svnotNLIsALt9riMJC_EubRncTRLMDlZVid3UQWp3RMlsp1GDkOioarfR7sdv8fLYaXm07T_hFzkMukw1" />
<div>
<div class="LoginBox">
<div class="LoginLogo">
<img id="HeaderImage" src="../Images/MA_Header_top.png" tabindex="0" title="Logo of Maryland Department of Labor , Licensing and Regulation" />
</div>
<div class="clr"></div>
<p tabindex="0">Welcome to the Maryland Department of Labor Unemployment Insurance BEACON system. To login to your account enter your username and password below and select ‘Login’.</p>
<p tabindex="0" class="resRemoveTabindex"><b>Important Notice:</b> The four federal unemployment insurance programs -- PUA, PEUC, FPUC, and MEUC -- will end in Maryland on Saturday, July 3, 2021. For more information, please visit <br /><a href="http://www.labor.maryland.gov/employment/unemployment.shtml" style="line-height:18px;word-break: break-all;" target="_blank">MDUnemployment.com</a></p>
<br/>
<div class="logscreen">
<div class="LoginRow">
<div class="LoginCaption">
<label for="Username" tabindex="0">Username :</label>
</div>
<div class="LoginInput"><input autocomplete="off" data-val="true" data-val-required="The UserName field is required." id="UserName" name="UserName" text="" type="text" value="" /></div>
</div>
<div class="LoginRow">
<div class="LoginCaption">
<label for="Password" tabindex="0">Password :</label></div>
<div class="LoginInput" onkeypress="capLock(event)">
<input autocomplete="new-password" data-val="true" data-val-required="The Password field is required." id="Password" name="Password" type="password" />
<input id="LoginWindowName" name="LoginWindowName" type="hidden" value="187d5d4f-eed4-4586-900f-9096a623faad" />
</div>
</div>
<div class="capslockerror" id="divCapLockErr" style="visibility: hidden">Caps Lock is on.</div>
<input data-val="true" data-val-required="The IsCaptchaRequired field is required." id="IsCaptchaRequired" name="IsCaptchaRequired" type="hidden" value="True" />
<div class="LoginRow customCaptchaPlace" id="div77CCAB3D9F51B762E0F15ECD8B830251FF949B17" style="display: none">
<div class="upper">
<img src="#" id="captchadispaly_img" class="captcha-text" title ="Captcha" tabindex="0" />
<img src="/ReBEACONClaimant/Images/captcha-refresh.png" class="captcha-refresh " id="refresh_img" title ="captcha refresh button" tabindex="0" data-captcha />
<img src="/ReBEACONClaimant/Images/captcha-sound.png" class="captcha-sound " id="audio_img" title ="captcha audio button" tabindex="0" data-captcha />
<input id="SessionPreserveCaptcha" name="SessionPreserveCaptcha" type="hidden" value="cl5fo2h5ksnyfmhb0cjmxwzw" />
<input id="EncryptedCaptchaText" name="EncryptedCaptchaText" type="hidden" value="" />
<input id="Formname" name="Formname" type="hidden" value="" />
<audio id="speak"></audio>
</div>
<div class="lower">
<input autocomplete="off" class="CaptchaTextBox" id="CaptchaTextByUser" name="CaptchaTextByUser" oncopy="return false" oncut="return false" onpaste="return false" placeholder="Captcha" style="margin-right:5%" type="text" value="" />
</div>
</div> <div class="logerror">
<span class="field-validation-valid" data-valmsg-for="UserName" data-valmsg-replace="true"></span>
<span class="field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span>
<div class="CustomModelMessage"></div>
</div>
<div class="LoginRow">
<div class="LoginCaption" style="display: none">Language(s):</div>
<div class="LoginInput" style="display: none">
<select id="Language" name="Language" title="Language"><option value="es-US">Spanish (United States)</option>
<option selected="selected" value="en-US">English (United States)</option>
</select>
</div>
</div>
<div class="LoginRow">
<input type="checkbox" name="RememberMe" id="RememberMe" class="RememberChkbox" tabindex="0" >
<label for="RememberMe">Remember Me</label>
<div class="forgot-link">
<a href="/ReBEACONClaimant/Account/ForgotUsername?Language=en-US">Forgot Username</a>
</div>
<div class="forgot-link">
<a href="/ReBEACONClaimant/Account/ResetPassword?Language=en-US">Forgot Password</a>
</div>
<div class="LoginRow">
<!-- <span id="visualImp">-->
<input type="checkbox" name="iblnVisuallyImpaired" id="iblnVisuallyImpaired" class="VisuallyImpairedChkbox" onclick="isVisuallyImpairedclick(this)" />
<label for="iblnVisuallyImpaired" class="VisuallyImpairedLabel">Web Accessibility Mode <br/> for the Visually Impaired</label><!--</span>-->
</div>
</div>
<div class="LoginRow">
<input id="btnLogin" type="submit" class="neo-action-login-trigger btnLogin" value="Login" />
<div>
<p tabindex="0">Click <a href="/ReBEACONClaimant/home/wfmRegister?Language=en-US#/spa/wfmClaimantRegistrationWizard/0">here</a> to file an unemployment insurance claim if you do not have an existing account.</p>
</div>
<div>
<p tabindex="0">Click <a href="/ReBEACONClaimant/Account/ClaimantAccountActivation?Language=en-US">here</a> to activate your existing unemployment insurance account. If you activated your account in the One-Stop application, you will access your BEACON account with the same username and password.</p>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<script src="../Scripts/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../Scripts/hash.js"></script>
<script type="text/javascript" src="../Scripts/Captcha.min.js"></script>
<script type="text/javascript">
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
$("#audio_img").hide();
}
var username = document.getElementById("UserName").value;
if (username == "") {
document.getElementById("UserName").focus();
}
else {
document.getElementById("Password").focus();
}
document.getElementById("UserName").setAttribute("title", "Username");
//document.getElementById("Password").setAttribute("title", "Password");
var CheckCopmlete = false;
var lblnVisuallyImpaired = false;
if (sessionStorage.getItem("iblnVisuallyImpaired") == true || sessionStorage.getItem("iblnVisuallyImpaired") == "true") {
lblnVisuallyImpaired = true;
}
sessionStorage.clear();
//nsCommon.SetWindowName();
if (document.getElementById("LoginWindowName") != undefined && document.getElementById("LoginWindowName").value != "") {
window.name = document.getElementById("LoginWindowName").value;
sessionStorage.setItem("LoginWindowName", JSON.stringify(window.name));
}
function SetWindowName() {
if (document.getElementById("LoginWindowName").value !== "") {
window.name = document.getElementById("LoginWindowName").value;
sessionStorage.setItem("WindowName", window.name);
}
}
function capLock(e) {
kc = e.keyCode ? e.keyCode : e.which;
sk = e.shiftKey ? e.shiftKey : ((kc == 16) ? true : false);
if (((kc >= 65 && kc <= 90) && !sk) || ((kc >= 97 && kc <= 122) && sk))
document.getElementById('divCapLockErr').style.visibility = 'visible';
else
document.getElementById('divCapLockErr').style.visibility = 'hidden';
}
if (lblnVisuallyImpaired === true || ((document.getElementById("hdnVisuallyImpaired") != null
&& document.getElementById("hdnVisuallyImpaired").value != null
&& document.getElementById("hdnVisuallyImpaired").value.toLowerCase() === "true"))) {
document.getElementById("iblnVisuallyImpaired").checked = true;
document.getElementById("HeaderImage").focus();
sessionStorage.setItem("iblnVisuallyImpaired", true);
}
else {
document.getElementById("iblnVisuallyImpaired").checked = false;
sessionStorage.removeItem("iblnVisuallyImpaired");
}
function isVisuallyImpairedclick(control) {
if (document.getElementById(control.id).checked == true) {
sessionStorage.setItem("iblnVisuallyImpaired", true);
}
else {
sessionStorage.removeItem("iblnVisuallyImpaired");
}
}
function preventBack() { window.history.forward(); }
setTimeout("preventBack()", 0);
window.onunload = function () { null };
$(document).ready(function () {
if ($(".CustomModelMessage").text() == "") {
}
else {
$(".logerror").attr("tabindex", "0");
}
if ($(".field-validation-error").text() == "") {
}
else {
$(".logerror").attr("tabindex", "0");
}
if (($(window).width() < 845)) {
$('#HeaderImage').attr("role", "img");
$('#HeaderImage').attr("title", "Maryland Department of Labor, Licensing and Regulation");
}
});
</script>
</div>
</form>
</body>
</html>