https://tcs.adp.com/screen/index.html

ID de exploración:: f2fef60e-cf2d-438a-a048-15b862c4992fFinalizado
URL enviada:: https://tcs.adp.com/screen/index.html
Informe finalizado:: 19 dic 2024, 14:45:59
Enlaces: 3 encontrados

Los enlaces salientes identificados en la página
Enlace	TEXTO
https://www.adp.com/privacy.aspx	Privacy
http://www.adp.com/legal.aspx	Legal
http://get.adobe.com/reader/	Get Adobe Reader
Variables JavaScript: 337 encontradas

Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual
Nombre	Tipo
0	object
1	object
2	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
_dateTime	number
getClientInfo	function
libFuncName	function
$	function
Mensajes de registro de la consola: 1 encontrados

Mensajes registrados en la consola web
Tipo	Categoría	Registrar
log	other	URL https://tcs.adp.com/screen/js/main.js?1734619571417 TEXTO HealthCheck
HTML

El cuerpo HTML sin procesar de la página
<!DOCTYPE html><html class="no-js" lang="en"><head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <!-- <link rel="canonical"
        href="http://www.adp.com/solutions/large-business/services/tax-and-compliance/tax-credits/work-opportunity-tax-credit.aspx"/> -->
  <meta name="robots" content="noindex, nofollow">
  <!--[if !IE]> -->
  <title data-bind="text: MainTitle">Tax Credit Screening</title>
  <!-- <![endif]-->

  <!--[if gte IE 9]>
  <title data-bind="text: MainTitle"></title>
  <![endif]-->
  <!--[if IE 8]>
  <title>Tax Credit Screening</title>
  <![endif]-->
  <!--[if lt IE 9]>
  <script src="js/vendor/html5.js"></script>
  <![endif]-->

  <link rel="stylesheet" href="stylesheets/foundation5.css">
  <link rel="stylesheet" href="stylesheets/font-awesome.css" data-norem="">
  <link rel="stylesheet" href="stylesheets/ui-lightness/jquery-ui-1.10.3.custom.min.css" data-norem="">
  <link rel="stylesheet" href="js/vendor/ladda/ladda-themeless.css" data-norem="">
  <!--[if gte IE 9]>
  <link rel="stylesheet" href="js/vendor/ladda/prism.css" data-norem/>
  <![endif]-->
  <!--[if !IE]> -->
  <link rel="stylesheet" href="js/vendor/ladda/prism.css" data-norem="">
  <!-- <![endif]-->
  <link rel="stylesheet" href="stylesheets/main.css">
  <link rel="stylesheet" href="stylesheets/vdl.css" data-norem="">
  <link rel="stylesheet" href="stylesheets/font.css" data-norem="">
  <!--[if IE]>
  <link rel="stylesheet" type="text/css" href="stylesheets/ie.css"/>
  <![endif]-->
  <!--[if lt IE 9]>
  <link rel="stylesheet" href="stylesheets/ie8.css"/>
  <script src="js/vendor/respond.js"></script>
  <![endif]-->
  <!--[if !IE]> -->
  <style type="text/css" media="screen" data-bind="html: ThemeColor">a { color:#c31f2;}  body { background:#cecece;} #top_bar {color:#c31f25;}#logo img {border-right:1px solid #c31f25; }   #top_message h4 {color:#c31f25; }   #progress_container #completed {color:#c31f25;  }   #off-canvas-nav {color:#c31f25; }   footer a {color:#c31f25;}</style>
  <style type="text/css" media="screen" data-bind="html: CustomStyle"></style>
  <!-- <![endif]-->
  <!--[if gte IE 9]>
  <style type="text/css" media="screen" data-bind="html: ThemeColor"></style>
  <style type="text/css" media="screen" data-bind="html: CustomStyle"></style>
  <![endif]-->
  <!--[if lt IE 9]>
  <style type="text/css" media="screen" data-bind="cssText: ThemeColor"></style>
  <style type="text/css" media="screen" data-bind="html: CustomStyle"></style>
  <![endif]-->

<meta class="foundation-mq-small"><meta class="foundation-mq-medium"><meta class="foundation-mq-large"><style></style><style type="text/css"></style></head>
<body data-bind="css: { home: homePage() == true, en: language() == 'EN', es: language() == 'ES'}" class="en" style="">
<div id="total_cover"></div>
<div id="page-overlay" style="display: none;"></div>
<div id="loading-overlay" data-bind="visible: loading" style="display: none;"></div>

<div id="framework-container">
  <div id="top_bar">
    <div class="row">
      <div id="logo" class="large-6 medium-7 small-7 columns">
        <div class="small-3 medium-0 columns back-button-container" data-bind="visible: !$root.endOfScreening() &amp;&amp; !$root.guid()">
          <a class="show-for-small"> <i id="top-off-back-icon" class="fa fa-chevron-left"></i>&nbsp;<span id="top-off-canvas-nav" data-bind="text: BackButtonText">Back</span> </a>
        </div>
        <div class="small-9 medium-12 columns left">
          <span>&nbsp;</span><img data-bind="attr: { src: logo() }" src="images/adp_med_res.png"> <span id="credit_name" data-bind="text: WelcomeTitle" class="truncate">Tax Credits</span>
        </div>
      </div>
      <div id="language_help" class="large-6 medium-5 small-5 columns right">
        <div class="large-4 medium-4 small-5 columns right" id="top_help_link">
						<span class="right" id="helpButton_topbar" data-bind="text: HelpLink" data-reveal-id="helpModal">Help</span>
        </div>
        <div class="large-8 medium-8 small-7 columns right" id="laguage_dropdown">
          <select data-bind="options: languages, optionsText: 'display', optionsValue: 'value', value: language, disable: endOfScreening()" tabindex="-1"><option value="EN">English</option><option value="ES">Español</option></select>
        </div>
      </div>
    </div>
  </div>


  <ul data-bind="foreach: pages.slice(0).reverse(), visible: !$root.endOfScreening(), css: { disabled: menuDisabled() }" id="top_menu_container" class=""></ul>

  <!-- replacing, since Arjun wants space above progress bar at all times
<div id="top-off-canvas-nav-container"
       data-bind="visible: !$root.endOfScreening()">
</div>
-->
  <div id="top-off-canvas-nav-container"></div>


  <div id="mobile_menu_tip" class="show-for-small">
    <div class="small-8 small-centered columns text-center ">
      <h4 data-bind="text: $root.Navigation_Message(), visible: !$root.guid()">You can navigate to previously completed sections by using the Back button at the top left</h4>
      <button id="btnMobileMenuTip" class="green_button button" data-bind="text: $root.ContinueButtonText()">Continue</button>
    </div>
  </div>

  <!-- <div id="top_message" class="row">
  <h4 data-bind="text: MainMessage, style: { fontFamily: $root.fontFamily() }" ></h4>
</div> -->


  <!-- original progress bar here -->
  <!--<div id="progress_container" class="row" data-bind="visible: percentComplete(), css: { hide: false }">
      <div id="progress" data-bind="style: { width: percentComplete() }, css: { left_edge: _percentComplete() > 12 }">
    <div id="completed"><span data-bind="text: percentComplete"></span> Completed</div>
  </div>
</div>-->

  <!-- second progress bar here with % inside bar, change by Arjun 3/'15 -->
  <!--<div class="row" data-bind="visible: _percentComplete() > 0">
      <div class="progress">
          <div class="progress-bar"
               data-bind="text: percentComplete,
                          css: { progress_bar_mini: _percentComplete() < 10,
                                 progress_full_width: _percentComplete() == 100 },
                          style: { width: _percentComplete() < 100 && _percentComplete() >= 10 ? percentComplete() : 101 }">%
          </div>
      </div>
 </div>-->

  <div>
    <div class="scroller_anchor" data-bind="visible: isMailInSM()" style="display: none;"></div>
    <div class="scroller" data-bind="visible: isMailInSM()" style="display: none;">
      <div id="mailIn_image" data-bind="visible: mailInImageVisible()" class="row" style="display: none;">
        <table class="mailIn_table">
          <tbody><tr>
            <td><img id="img_mailIn" class="large-11 medium-11 columns" data-bind="visible: isMailInSM(), src:  mailInImageClipUrl() , click: showCurrentMailInPage(),
								style: {'height': '450px', 'width': '1150px', 'cursor': 'pointer'}, attr: {'data-zoom-image': mailInImageClipUrl()}" src="" data-zoom-image="" style="display: none; height: 450px; width: 1150px; cursor: pointer; transform: rotate(0deg);">
								<div data-bind="attr: {'zoom': initZoom() }"></div></td>
            <td valign="top"><a data-bind="click: hideImage()" class="large-1 medium-1 mailIn_close"><i class="fa fa-times"></i>
            </a></td>
          </tr>
        </tbody></table>
      </div>
    </div>

    <div id="mail_in_related_links" class="large-12 medium-12 row" data-bind="visible: isMailInSM()" style="display: none;">
      <div class="links">
        <dl class="sub-nav subNav">
          <dd data-bind="text: mailInRelatedFormsLabel">Related Forms:</dd>
          <dd>
            <a href="#" data-bind="click: showMailInPage('p1'), text: mailIn8850P1Label, visible: isMailInPage1Available" style="display: none;">8850 Page 1</a>
          </dd>
          <dd data-bind="visible: isMailInPage2Available" style="display: none;">|</dd>
          <dd>
            <a href="#" data-bind="click: showMailInPage('p2'), text: mailIn8850P2Label, visible: isMailInPage2Available" style="display: none;">8850 Page 2</a>
          </dd>
          <dd data-bind="visible: isMailInPage3Available" style="display: none;">|</dd>
          <dd>
            <a href="#" data-bind="click: showMailInPage('p3'), text: mailIn8850P3Label, visible: isMailInPage3Available" style="display: none;">RFV</a>
          </dd>
          <dd data-bind="visible: isMailInPage4Available" style="display: none;">|</dd>
          <dd>
            <a href="#" data-bind="click: showMailInPage('ltue'), text: mailIn8850P4Label, visible: isMailInPage4Available" style="display: none;">LTUE</a>
          </dd>
        </dl>
      </div>
      <div class="reportProblem">
        <dl class="sub-nav subNav">
          <dd>
            <a href="#" data-bind="click: toggelMailInImageZoom()"> <span data-bind="visible: !mailInImageZoomOn()"><i class="fa fa-search-plus"></i>&nbsp;<span>On</span>
							</span> <span data-bind="visible: mailInImageZoomOn()" style="display: none;"><i class="fa fa-search-minus"></i>&nbsp;<span>Off</span>
							</span> </a>
          </dd>
          <dd>|</dd>
          <dd>
            <a href="#" data-bind="click: showMailInImage(), visible: !mailInImageVisible()">
              <i class="fa fa-external-link"></i>&nbsp;<span data-bind="text: mailInShowImageLabel">Show Image</span> </a>
          </dd>
          <dd data-bind="visible: !mailInImageVisible()">|</dd>
          <dd>
            <a href="#" data-bind="click: resetMailInReportProblem(),  text: mailInReportProblemLabel" data-reveal-id="mailIn_Report_Problem">Report a Problem</a>
          </dd>
          <dd>|</dd>
				  <dd><a href="#" data-bind="click: rotateImage()"> <span> &nbsp; <i class="fa fa-refresh"></i>&nbsp; <span>Rotate Image</span></span></a></dd>
        </dl>
      </div>
    </div>
  </div>

  <!--
 <div id="mailIn_image" data-bind="visible: isMailInSM()" class ="row">
  <hr/>
  <div data-reveal-id="mailInImageDialog" class="large-12 medium-12 columns"
      data-bind="visible: isMailInSM(),
      style: {'height': '300px', 'width': '100%', 'backgroundImage': mailInImageUrlCss(), 'backgroundPositionX': positionLeft(), 'backgroundPositionY': positionTop(), 'backgroundRepeat' : 'no-repeat', 'backgroundSize': '1000px'}">
  </div>
  <hr/>
</div>-->

  <!-- Post Screening File Upload Page START-->
  <!-- ko if: guid() --><!-- /ko -->
  <!-- Post Screening File Upload Page END -->

  <div class="off-canvas-wrap" data-bind="visible: !guid()">
    <div class="inner-wrap">
      <div id="questions_body" class="row" data-bind="visible: !guid()">

        <div class="progress-row" data-bind="visible: _percentComplete() > 0" style="display: none;">
          <div class="progress">
            <div class="progress-bar" data-bind="css: { progress_full_width: _percentComplete() == 100 },
                                        style: { width: _percentComplete() < 100 ? percentComplete() : 101 }">
            </div>
          </div>
          <div class="progress-text" data-bind="text: percentComplete"></div>
        </div>

        <div id="left_nav" class="large-3 medium-3 columns" data-bind="visible: !$root.endOfScreening() &amp;&amp; !SystemErrorText(), css: { disabled: menuDisabled() }">
          <div id="prev_sections_list" class="large-12 columns hide-for-small ">
            <ul data-bind="foreach: pages.slice(0).reverse()"></ul>
          </div>
        </div>

        <div id="splashPage" class="large-12 medium-12 columns hide questions alert-box secondary splash" style="padding: 10px; display: none;">
          <div class="page-note">
            <p class="page-help"> Walmart has changed WOTC vendors effective 2/1/2019. This link is no longer active
              and has been replaced. Please IMMEDIATELY contact <a href="mailto:[email protected]">
                [email protected]</a> or <a href="mailto:[email protected]">[email protected] </a> for
              instructions on how to resolve this issue. Thank you!.</p>
          </div>

        </div>
        <div id="unit" class="large-12 medium-12 columns hide questions" style="padding: 10px;">

          <div id="wss-statement">
            <h3 data-bind="text: WSSStatement, style: { 'background-color': backgroundColor(), 'font-family': fontFamily(), 'font-size': fontSize() }">Please provide your prospective worksite location:</h3>

          </div>
          <div id="unit-state" class="question required">
            <label data-bind="text: StateQuestionText, style: { 'background-color': backgroundColor(), 'font-family': fontFamily(), 'font-size': fontSize() }">State</label>
            <select data-bind="options: $root.states, value: stateSelected, optionsCaption: EmptySelectOption"><option value="">Select ...</option></select>
          </div>
          <div id="unit-city" class="question required" data-bind="visible: $root.cities().length > 0" style="display: none;">
            <label data-bind="text: CityQuestionText,style: { 'background-color': backgroundColor(), 'font-family': fontFamily(), 'font-size': fontSize() }">City</label>
            <select data-bind="options: $root.cities, value: citySelected, optionsCaption: EmptySelectOption"><option value="">Select ...</option></select>
          </div>
          <!-- ko if: $root.worksites().length --><!-- /ko -->
          <!-- <div class="question">
            <label
              data-bind="text: StateCityUnitQuestionText,style: { 'background-color': backgroundColor(), 'font-family': fontFamily(), 'font-size': fontSize() }"></label>
          </div> -->

          <button id="btnUnitContinue" data-bind="visible: worksiteSelected(), text: $root.ContinueButtonText()" class="green_button button" style="display: none;">Continue</button>
        </div>

        <div id="mailIn_endOfScreening" class="large-9 medium-9 columns hide questions">
          <div class="small-12 small-centered columns ">
            <br>
            <h3 data-bind="style: { 'background-color': backgroundColor(), 'font-family': fontFamily(), 'font-size': fontSize() }, text: mailInFinishMsg">Thank you for processing the screening in Orbis, you are safe to close this tab/window and go back to Vista.</h3>
          </div>
        </div>



        <div id="page_header_wrapper" class="large-9 medium-9 columns" data-bind="visible: showCallInHeader()" style="display: none;">
          <div>
							<span><b>Company Name:</b> <span data-bind="text: companyName()"></span>
							</span> &nbsp;&nbsp;<span data-bind="visible: unitSelected().length > 0" style="display: none;"><b>Unit
            Code:</b> <span data-bind="text: unitSelected()"></span>
							</span>
          </div>
          <div data-bind="visible: applicantName().length > 0" style="display: none;">
            <br> <b>Applicant's Name:</b> <span data-bind="text: applicantName().toUpperCase()"></span>
          </div>
        </div>

        <div id="questions" class="large-9 medium-9 columns" data-bind="with: selectedPage, visible: selectedPage" style="display: none;"></div>
        <!-- ends #questions -->

        <!-- moved outside of question container for the scenario when user enters invalid company code in URL for call-in type: see .success callback of ajax function which gets the data from server for where this is handled, as of Dec 14, 2015, this is line: 3687 in main.js -->
        <div id="system-error" class=" error" data-bind="visible: $root.SystemError()" style="display: none;">
          <div data-bind="text: $root.SystemErrorText()"></div>
          <!-- only display this if there is a QE011 and for workday only -->
          <button id="errorredirectbutton" class="ladda-button" data-bind="click: SysWdErrorRedirect, text: WDDoneButtonText(), visible: SysWdErrorRedirectButtonVisible()" data-color="green" data-style="expand-left" style="display: none;">Done</button>
          <!-- only display this if there is a QE014 -->
          <button id="errorredirectbutton" class="ladda-button" data-bind="click: ErrorRedirect, text: ContinueButtonText(), visible: ErrorRedirectButtonVisible()" data-color="green" data-style="expand-left" style="display: none;">Continue</button>
        </div>

      </div>
      <!-- ends .row -->
    </div>
  </div>

</div>
<!-- ends #framework-container -->

<footer class="row" id="footer">
  <div id="footer_links" class="large-5 small-5 columns">
      <!-- ko if: !isTarget() -->
			<span class="footer_external_link">
				<i class="fa fa-external-link"></i>
					<a href="https://www.adp.com/privacy.aspx" target="_blank" data-bind="text: Privacy, attr: { title: PrivacyTooltip }" tabindex="-1" title="Click here for the ADP Web Site Privacy Statement">Privacy</a>
			</span>
			<span class="footer_external_link">
				<i class="footer_external_icon fa fa-external-link"></i>
					<a href="http://www.adp.com/legal.aspx" target="_blank" data-bind="text: Legal, attr: { title: LegalTooltip }" tabindex="-1" title="Click here for the ADP Web Site Legal Terms and Conditions of Use">Legal</a>
			</span>
      <!-- /ko -->
      <!-- ko if: isTarget() --><!-- /ko -->
  </div>
  <div id="copyright" class="large-7 small-7 columns" data-bind="text: CopyrightText">Copyright © 2024 ADP, LLC.  ALL RIGHTS RESERVED.</div>
</footer>






<!-- starts modal -->


<div id="helpModal" class="reveal-modal expand">
  <div class="modal_contents_container">
    <h2 data-bind="text: HelpModal">Help</h2>
			<span id="emailSupportSpan"><i id="emailSupportClass" class="fa fa-envelope"></i><a href="#" id="emailSupport" title="Choose this option only if requested after contacting ADP Technical Support.">Send
        Browser Info</a>
			</span>
    <div id="helpModalText" data-bind="html: HelpText"><p>If you have questions about this application or are experiencing problems, please contact your human resource representative.</p><p>If you are experiencing a technical issue with the application please contact <strong>ADP Technical Support at <a href="tel:866-767-8326">866-767-8326</a>.</strong></p></div>
    <a class="close-reveal-modal">×</a>
  </div>
</div>

	<div id="privacyUrlModal" class="reveal-modal full expand">
		<iframe data-bind="attr: {src: privacyURL}"></iframe>
		<a class="close-reveal-modal">×</a>
	</div>

  <div id="legacyUrlModal" class="reveal-modal full expand">
		<iframe data-bind="attr: {src: legacyURL}"></iframe>
		<a class="close-reveal-modal">×</a>
	</div>

	<div id="wotcModal" class="reveal-modal full expand">
		<iframe data-bind="attr: {src: modalURL}"></iframe>
		<a class="close-reveal-modal">×</a>
	</div>

<div id="selfServiceModal" class="reveal-modal medium" data-reveal="" data-options="close_on_background_click:false">

  <!-- self service -->
  <div id="sstimeout">
    <div id="timeout_message" class="hide error" data-bind="text: SessionExpiredMsg">Your session has timed out.</div>

    <h2 class="text-center" id="welcome-title" data-bind="text: WelcomeTitle">Tax Credits</h2>
    <hr>
    <div class="twelve columns">
      <h5 data-bind="text: SSProcedureTitle">Tax Credit Screening</h5>
      <p data-bind="text: SSProcedureParagraph">For security purposes we have ended this session.</p>
    </div>
  </div>
</div>

<div id="welcomeModal" class="reveal-modal medium open" data-reveal="" data-options="close_on_background_click:false" style="display: block; opacity: 1; visibility: visible; top: 100px;">
  <!-- errors -->
  <div id="error_message" class="hide error large-12 columns"></div>

  <!-- company code -->
  <div id="company_code" class="twelve columns hide" style="display: block;">
    <label data-bind="text: CompanyCodeParagraph">Please enter your assigned company code</label> <input type="text" class="twelve columns" data-bind="value: clientCode, attr: { placeholder: CompanyCodePlaceholder }, valueUpdate: 'afterkeydown'" onkeypress="return checkSubmit(event)" placeholder="Company Code">
    <button id="btnCompanyCode" class="gray_button twelve " data-bind="text: CompanyCodeButton">Get Started</button>
  </div>

  <!-- welcome/timeout/adobe -->
  <div id="welcome" class="hide" style="display: block;">
    <div id="timeout_message" class="hide error" data-bind="text: SessionExpiredMsg">Your session has timed out.</div>

    <h2 class="text-center" id="welcome-title" data-bind="text: WelcomeTitle">Tax Credits</h2>
    <hr>
    <div class="twelve columns">
      <h5 data-bind="text: ProcedureTitle">Tax Credit Screening</h5>
      <p data-bind="text: ProcedureParagraph">Click below if you are an applicant who needs to screen for WOTC and/or Other Tax Credit programs.</p>
      <button id="btnWotc" class="gray_button text-center continue-button" data-bind="text: ProcedureButton">Start</button>
      <!--<a href="" class="twelve columns gray_button text-center close-reveal-modal">Continue</a>-->
    </div>
    <div id="adobeReader" class="twelve columns hide">
      Adobe reader was not detected. <a href="http://get.adobe.com/reader/"> <!--<img src="images/get_adobe_reader.gif" alt="Adobe Reader"/>-->
      Get Adobe Reader </a>

    </div>
  </div>


  <!-- terms of service -->
  <!-- <div id="tos" class="twelve columns" style="background:white;">
  <h4 data-bind="text: TermsTitle"></h4>
  <p data-bind="text: Terms"></p>
</div> -->
</div>

<div id="confirmModal2" class="reveal-modal small text-center" data-reveal="" data-options="closeOnBackgroundClick:false">
  <h5 data-bind="text: ConfirmChangesMsg">Please be aware that this change may affect your answers and future questions. Do you still want to continue?</h5>
  <div class="row">
    <button id="confirm_modal_yes" class="large-5 columns" data-bind="text: TextYes">Yes</button>
    <button id="confirm_modal_no" class="large-5 columns last" data-bind="text: TextNo">No</button>
  </div>
</div>

<div id="blockingNoteModal" class="reveal-modal small text-center" data-reveal="" data-options="closeOnBackgroundClick:false">
  <h5 class="large-12 columns text-center"></h5>
  <button id="blocking_modal_ok" class="large-12 columns" data-bind="text: TextOk">Ok</button>
</div>

<div id="optoutDialog" class="reveal-modal small text-center" data-reveal="" data-options="closeOnBackgroundClick:false">
  <h5 data-bind="html: OptoutText">Are you sure? Failure to participate may result in your (prospective) employer not receiving valuable tax incentives related to your employment. If you would like more information about the purpose of the screening please call 1-866-767-8326.</h5>
  <div class="row">
    <button id="optoutDialog_no" class="large-5 columns" data-bind="text: TextNo">No</button>
    <button id="optoutDialog_yes" class="large-5 columns last" data-bind="text: TextYes">Yes</button>
  </div>
</div>


<div id="notification_message" class="reveal-modal small" data-reveal="">
  <div>
    <div class="eight columns" style="text-align:center;">
      <h5 data-bind="text: SessionAboutExpired">Your session is about to expire.</h5>
    </div>
    <!--
  <div class="eight columns" data-bind="html: sessionNotification">
          <h6 data-bind="text: SessionAboutExpiredTime"></h6>
  </div>
-->
    <div class="four columns">
      <!--			<button id="notification_message_yes" data-bind="text: TextYes"></button>-->
      <button id="notification_message_yes" data-bind="text: TextOk">Ok</button>

    </div>
  </div>
</div>

<div id="mailIn_Report_Problem" class="reveal-modal small" data-reveal="">
  <div class="eight columns">
    <h3 class="text-center" data-bind="text: mailInReportProblemLabel">Report a Problem</h3>
  </div>

  <div class="row">
    <div class="large-12 columns">
      <div class="error" data-bind="visible: mailInReportErrorMessage" style="display: none;">
        <div class="top_triangle"></div>
        <p data-bind="text: mailInReportErrorMessage"></p>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="large-12 columns">
      <div class="question_title">
        <span class="required asterisk">*</span> <span data-bind="style: { 'background-color': $root.backgroundColor(), 'font-family': $root.fontFamily(), 'font-size': $root.fontSize() }, text: mailInReportProblemType">Problem Type</span>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="large-12 columns">
      <select data-bind="options: mailInReportProblemTypes, optionsCaption: 'Select One...', optionsText: 'name',optionsValue: 'value', value : mailInSelectedReportProblemType"><option value="">Select One...</option><option value="UNABLE TO READ NAME">Unable to read name</option><option value="SOCIAL ISSUE">Social Issue</option><option value="QUALIFICATION ERROR">Qualification error</option><option value="DID NOT QUALIFY">Did not qualify</option><option value="INCOMPLETE/MISMATCH LOCATION">Incomplete/mismatch location</option><option value="ENTER NEW LOCATION">Enter new location</option><option value="UNABLE TO VIEW FORM">Unable to view form</option></select>
    </div>
  </div>
  <div class="row">
    <button id="btnMailInReportProblem" class="ladda-button" data-bind="click: mailInReportProblem, enable: mailInSelectedReportProblemType, text: finishButton" data-color="green" data-style="expand-left" disabled="">Finish</button>
  </div>
  <a class="close-reveal-modal">×</a>
</div>


<!--- Scripts Cache busting for vendor file-->
<!--[if !IE]> -->
<script>
  var _dateTime = +new Date();
  document.write('<scr'+'ipt type="text/javascript" src="js/vendor.min.js?'+_dateTime+'"></scr'+'ipt>');
</script><script type="text/javascript" src="js/vendor.min.js?1734619570185"></script>
<!-- <![endif]-->
<!--[if gte IE 9]>
<script>
  var _dateTime = +new Date();
  document.write('<scr'+'ipt type="text/javascript" src="js/vendor.min.js?'+_dateTime+'"></scr'+'ipt>');
</script>
<![endif]-->
<!--[if lt IE 9]>
<script>
  var _dateTime = +new Date();
  document.write('<scr'+'ipt type="text/javascript" src="js/vendor.js?'+_dateTime+'"></scr'+'ipt>');
</script>
<![endif]-->

<script src="js/signature_pad.min.js"></script>
<!-- prism.js doesn't work in IE8, doing conditional load for IE9+ -->
<!--[if gte IE 9]>
<script src="js/vendor/ladda/prism.js"></script>
<![endif]-->
<!--[if !IE]> -->
<script src="js/vendor/ladda/prism.js"></script>
<!-- <![endif]-->
<script type="text/javascript" src="js/logger.js"></script>
  <script>
    var _LTracker = _LTracker || [];
    _LTracker.push({
      'sendConsoleErrors': true,
      'tag': 'loggly-jslogger'
    });
</script>
<script src="js/ga_controller.js"></script>
<script>
  var _dateTime = +new Date();
  document.write('<scr'+'ipt type="text/javascript" src="js/main.js?'+_dateTime+'"></scr'+'ipt>');
</script><script type="text/javascript" src="js/main.js?1734619571417"></script>
<!-- <script src="js/ga_controller.js"></script> -->
<script src="js/pmask.js"></script>
<script>
  $(document).foundation();
</script>



<div class="reveal-modal-bg" style="display: block;"></div></body></html>