
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="robots" content="noindex">
		<title>BrightScope Beacon Login</title>

        <link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,400,600,700" rel="stylesheet" type="text/css">
        <link type="text/css" rel="stylesheet" href="/wsgi-static/bs/beacon/css/beacon/base.css">
        <link type="text/css" rel="stylesheet" href="/wsgi-static/bs/beacon/css/shared/base_simple.css">

        
    </head>
    <body class="beacon base_simple_body">
		<div class="header beacon"></div>
		<div class="content no-client">
            
            
            
                <ul class="errors">
                    
                        <li>You must be logged in to access that page.</li>
                    
                </ul>
            
            
    
    <form method="post">
        <div>
            <img class="dd-logo" src="/wsgi-static/bs/beacon/images/shared/iss_mi_logo.svg" style="width: 200px; height: 90px; ">
            <div class="error-message-placeholder" style="display: none"></div>
        </div>
        <hr>
        <div class="form-title form-group form-group-lg">
            <h1 class="headline text-center" style="font-size: 15px;color:#333; padding-bottom:30px">Sign In</h1>
        </div>
        <input type="hidden" name="csrfmiddlewaretoken" value="Z3xaBktd8lwbFsfuwLFGJdiY0lbIEkJwWvNX9piZyucGZZgD6e4NCj1HCTVzTX96">
        <div style="float:left">Username</div>

        <div class="input-group input-group-lg">
            <input type="text" style="width:300px" class="form-control" style="font-family:Inter,serif" name="email" value="">
        </div>

        <div style="float:left">Password</div>
        <div style="float:right"><a href="/forgot-password/">Forgot?</a></div>

        <div class="input-group input-group-lg" style="padding-bottom: 50px">
            <input type="password" style="width:300px" class="form-control" name="password" autocomplete="off" value="">
        </div>


        <div class="input-group input-group-lg input-group-submit" style="padding-bottom:15px">
            <button type="submit" style="width:300px" class="button-large">Sign In</button>
        </div>

        <div style="padding-bottom:20px">
        <a style="float:left; text-decoration: underline;"  href="mailto:usclientsuccess@issmarketintelligence.com">Need help signing in?</a>
        </div>

    </form>
    <script type="text/javascript">
        var helpLinkComposer = new LoginHelpLinkComposer('.login-help');
        helpLinkComposer.compose();

        var validator = discoveryData.AccountValidator();
        validator.bind('#login-form');

        $(document).ready(function () {

            //  alert("chkRememberMe cookieVal: " + GetCookie("RememberUsernameSelected")); // prints true

            var isRememberUsernameSelected = GetCookie("RememberUsernameSelected");
            if (isRememberUsernameSelected == "true") {
                //   alert("user wants to remmeber");
                $("#chkRememberMe").prop("checked", true);

                var userNameFromCookies = GetCookie("RememberUsernameCookie");
                if (userNameFromCookies != null) {
                    $('#username').val(userNameFromCookies);
                }
            }


            $("#chkRememberMe").on("change", function () {
                SetCookie("RememberUsernameSelected", this.checked, { days: 256 * 99 });
            });



        });

    </script>


		</div>

        
    


        <div class="ie_notice">
    <a href="javascript:void(0);" onclick="closeIeNotice()"><i class="icon-Close"></i></a>
    Your browser is out of date, and will not be compatible with future Beacon updates.
    Please update to the latest version of Internet Explorer using the following link:<br><br>
    <a href="https://windows.microsoft.com/en-us/internet-explorer/download-ie" target="_blank">Update Internet
        Explorer</a>
</div>

<style type="text/css">
    .ie_notice {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        background: #ffd;
        padding: 15px 20%;
        font-size: 16px;
        text-align: left;
    }
    .ie_notice .icon-close {
        position: absolute;
        right: 0;
        top: 0;
        padding: 5px;
    }
    .ie_notice .icon-close:hover {
        border-radius: 12px;
        background-color: lightgrey;
        color: white;
        padding: 5px;
    }
</style>

<script type="text/javascript">
   var myNav = navigator.userAgent.toLowerCase();
   var ieVersion = (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false;
   var ieNotice = document.getElementsByClassName('ie_notice')[0];
   if (ieVersion && ieVersion <= 10) {
       if (sessionStorage.getItem('showIeOnce')) {
           ieNotice.style.display = 'none';
       } else {
           ieNotice.style.display = 'block';
           sessionStorage.setItem('showIeOnce', true);
       }
   }
   var closeIeNotice = function() {
       ieNotice.style.display = 'none';
   }
</script>

    </body>
</html>
