<p>${_("You don't seem to have Flash installed. {a_start} Get Flash {a_end} to continue your registration.").format(a_start='<arel="external"href="http://get.adobe.com/flashplayer/">', a_end="</a>")}</p>
<h4class="title">${_("Tips on taking a successful photo")}</h4>
<divclass="copy">
<ulclass="list-help">
<liclass="help-item">${_("Make sure your face is well-lit")}</li>
<liclass="help-item">${_("Be sure your entire face is inside the frame")}</li>
<liclass="help-item">${_("Can we match the photo you took with the one on your ID?")}</li>
<liclass="help-item">${_("Once in position, use the camera button")} <spanclass="example">(<iclass="icon-camera"></i>)</span> ${_("to capture your picture")}</li>
<liclass="help-item">${_("Use the checkmark button")} <spanclass="example">(<iclass="icon-ok"></i>)</span> ${_("once you are happy with the photo")}</li>
</ul>
</div>
</div>
<divclass="help help-faq facefaq">
<h4class="sr title">${_("Common Questions")}</h4>
<divclass="copy">
<dlclass="list-faq">
<dtclass="faq-question">${_("Why do you need my photo?")}</dt>
<ddclass="faq-answer">${_("As part of the verification process, we need your photo to confirm that you are you.")}</dd>
<dtclass="faq-question">${_("What do you do with this picture?")}</dt>
<ddclass="faq-answer">${_("We only use it to verify your identity. It is not displayed anywhere.")}</dd>
<dtclass="faq-question">${_("What if my camera isn't working?")}</dt>
<ddclass="faq-answer">${_("")}</dd>
</dl>
</div>
</div>
</div>
</div>
<navclass="nav-wizard"id="face_next_button_nav">
<spanclass="help help-inline">${_("Once you verify your photo looks good, you can move on to step 2.")}</span>
<olclass="wizard-steps">
<liclass="wizard-step">
<aid="face_next_link"class="next action-primary"href="#next"aria-hidden="true"title="Next">${_("Go to Step 2: Take ID Photo")}</a>
<h4class="title">${_("Tips on taking a successful photo")}</h4>
<divclass="copy">
<ulclass="list-help">
<liclass="help-item">${_("Make sure your ID is well-lit")}</li>
<liclass="help-item">${_("Check that there isn't any glare")}</li>
<liclass="help-item">${_("Ensure that you can see your photo and read your name")}</li>
<liclass="help-item">${_("Try to keep your fingers at the edge to avoid covering important information")}</li>
<liclass="help-item">${_("Acceptable IDs include drivers licenses, passports, or other goverment-issued IDs that include your name and photo")}</li>
<liclass="help-item">${_("Once in position, use the camera button")} <spanclass="example">(<iclass="icon-camera"></i>)</span> ${_("to capture your ID")}</li>
<liclass="help-item">${_("Use the checkmark button")} <spanclass="example">(<iclass="icon-ok"></i>)</span> ${_("once you are happy with the photo")}</li>
</ul>
</div>
</div>
<divclass="help help-faq facefaq">
<h4class="sr title">${_("Common Questions")}</h4>
<divclass="copy">
<dlclass="list-faq">
<dtclass="faq-question">${_("Why do you need a photo of my ID?")}</dt>
<ddclass="faq-answer">${_("We need to match your ID with your photo and name to confirm that you are you.")}</dd>
<dtclass="faq-question">${_("What do you do with this picture?")}</dt>
<ddclass="faq-answer">${_("We encrypt it and send it to our secure authorization service for review. We use the highest levels of security and do not save the photo or information anywhere once the match has been completed.")}</dd>
<spanclass="help help-inline">${_("Once you verify your ID photo looks good, you can move on to step 3.")}</span>
<olclass="wizard-steps">
<liclass="wizard-step">
<aid="photo_id_next_link"class="next action-primary"href="#next"aria-hidden="true"title="Next">${_("Go to Step 3: Review Your Info")}</a>
</li>
</ol>
</nav>
</div><!-- /view -->
</div><!-- /wrapper-view -->
<divid="wrapper-review"class="wrapper-view">
<divclass="review view">
<h3class="title">${_("Verify Your Submission")}</h3>
<divclass="instruction">
<p>${_("Make sure we can verify your identity with the photos and information below.")}</p>
</div>
<divclass="wrapper-task">
<olclass="review-tasks">
<liclass="review-task review-task-photos">
<h4class="title">${_("Review the Photos You've Taken")}</h4>
<divclass="copy">
<p>${_("Please review the photos and verify that they meet the requirements listed below.")}</p>
</div>
<olclass="wrapper-photos">
<liclass="wrapper-photo">
<divclass="placeholder-photo">
<imgid="face_image"src=""/>
</div>
<divclass="help-tips">
<h5class="title">${_("The photo above needs to meet the following requirements:")}</h5>
<ulclass="list-help list-tips copy">
<liclass="tip">${_("Be well lit")}</li>
<liclass="tip">${_("Show your whole face")}</li>
<liclass="tip">${_("The photo on your ID must match the photo of your face")}</li>
</ul>
</div>
</li>
<liclass="wrapper-photo">
<divclass="placeholder-photo">
<imgid="photo_id_image"src=""/>
</div>
<divclass="help-tips">
<h5class="title">${_("The photo above needs to meet the following requirements:")}</h5>
<ulclass="list-help list-tips copy">
<liclass="tip">${_("Be readable (not too far away, no glare)")}</li>
<liclass="tip">${_("The photo on your ID must match the photo of your face")}</li>
<liclass="tip">${_("The name on your ID must match the name on your account below")}</li>
</ul>
</div>
</li>
</ol>
<divclass="msg msg-retake msg-followup">
<divclass="copy">
<p>${_("Photos don't meet the requirements?")}</p>
</div>
<ulclass="list-actions">
<liclass="action action-retakephotos">
<aclass="retake-photos"href="javascript:void(0);"onclick="document.location.reload(true);">${_("Retake Your Photos")}</a>
</li>
</ul>
</div>
</li>
<liclass="review-task review-task-name">
<h4class="title">${_("Check Your Name")}</h4>
<divclass="copy">
<p>${_("Make sure your full name on your edX account ({full_name}) matches your ID. We will also use this as the name on your certificate.").format(full_name="<spanid='full-name'>" + user_full_name + "</span>")}</p>
</div>
<ulclass="list-actions">
<liclass="action action-editname">
<aclass="edit-name"rel="leanModal"href="#edit-name">${_("Edit your name")}</a>
</li>
</ul>
</li>
</ol>
</div>
<navclass="nav-wizard">
<divclass="prompt-verify">
<h3class="title">Before proceeding, please confirm that your details match</h3>
<pclass="copy"> ${_("Once you verify your details match the requirements, you can move on to step 4, payment on our secure server.")}</p>
