Ambassador Code Test
<html><head><base href="https://fs26.formsite.com/rlbourne/" /> <meta http-equiv="cache-control" content="no-cache" /><meta http-equiv="expires" content="0" /><meta name="twitter:card" content="summary" /><meta name="twitter:site" content="@formsite" /><meta property="og:title" content="Ambassador Registration Form" /><meta property="og:type" content="website" /><meta property="og:url" content="https://fs26.formsite.com/rlbourne/form19/index.html" /><meta property="og:site_name" content="FormSite" /><meta property="og:description" content="View this form on Formsite" /><meta property="og:image" content="https://www.formsite.com/apple-touch-icon.png" /><meta property="fb:admins" content="150429050199" /><title>Ambassador Registration Form</title><link rel="stylesheet" type="text/css" media="screen" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" /> <link rel="stylesheet" type="text/css" media="all" href="/include/form/fonts7.css?1603" /> <link rel="stylesheet" type="text/css" media="all" href="/include/form/screen7.css?1603" /> <link rel="stylesheet" type="text/css" media="print" href="/include/form/print7.css?1603" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><link rel="stylesheet" type="text/css" media="screen" href="/include/form/responsive7.css?1603" /><style type="text/css"> /* LOOK AND FEEL */ body{ background: #FCFCFC; background-size: cover; font-family: 'Lato',sans-serif; font-size: 13px; background-position: 50% 50%; } .form_table{ width: 650px; margin-left: auto; margin-right: auto; border-radius: 0; border: 1px solid #D9DDE2; background: #FFFFFF; background-size: cover; color: #36454E; overflow: hidden; box-shadow: none; background-position: 50% 50%; } .form_table a{ color: #0D47A1; } .outside a{ color: #0D47A1; } .form_table a:visited{ color: #0D47A1; } .outside a:visited{ color: #0D47A1; } .segment_header{ width: auto; margin: 1px; color: #FFFFFF; background: #2196F3; background-size: cover; background-repeat: repeat; background-position: 50% 50%; border-radius: 0; } .segment_header h1{ border-radius: 0; padding: 20px 10px; font-family: 'Lato',sans-serif; } .q{ padding: 10px; margin-bottom: 10px; margin-left: 10px; float: left; display: block; } .q .question{ font-weight: bold; } .q .left_question_first{ width: 15em; } .required .icon{ background-image: none; background-position: left; background-repeat: no-repeat; font-size: 13px; padding-left: 14px; } .q .text_field{ /* input:text, input:password, textarea */ background: #FFFFFF; border: 1px solid #D9DDE2; border-radius: 2px; border-width: 1px; color: #36454E; font-family: 'Lato',sans-serif; font-size: 14px; margin: 1px 0; padding: 10px; } .q .file_upload{ /* input:file */ background: #FFFFFF; border: 1px solid #D9DDE2; border-radius: 2px; border-width: 1px; color: #36454E; font-family: 'Lato',sans-serif; font-size: 14px; margin-top: 1px; padding: 10px; } .q .file_upload_button{ /* upload button */ margin-top: 2px; } .q .inline_grid td{ /* multi-choice choices */ padding: 5px; vertical-align: baseline; } .q .drop_down{ /* select */ background: #FFFFFF; border: 1px solid #D9DDE2; border-radius: 2px; border-width: 1px; color: #36454E; font-family: 'Lato',sans-serif; font-size: 14px; margin: 1px 0; padding: 9px; } .q .matrix th{ color: #7A858B; background: #F0F2F4; padding: 5px; font-weight: bold; text-align: center; vertical-align: bottom; } .q .matrix td{ padding: 5px; text-align: center; white-space: nowrap; height: 26px; border-bottom: 1px solid #D9DDE2; border-top: 1px solid #D9DDE2; } .q .matrix td.question{ border-right: 1px solid #D9DDE2; font-weight: normal; } .q .matrix .multi_scale_sub th{ font-weight: normal; border-top: 1px solid #D9DDE2 !important; background: #F4F6F9; } .q .matrix .multi_scale_break{ border-right: 1px solid #D9DDE2; } .q .matrix_row_dark td{ color: #36454E; background: #FCFCFC; } .q .matrix_row_dark td.question{ color: #36454E; background: #FCFCFC; } .q .matrix_row_light td{ color: #36454E; background: #FFFFFF; } .q .matrix_row_light td.question{ color: #36454E; background: #FFFFFF; } .q .rating_ranking td{ padding: 5px; } .q .scroller{ border: 1px solid #D9DDE2; } .highlight{ /* active item highlight */ background: #FFF9C4 !important; } tr.highlight td{ /* active item highlight */ background: #FFF9C4 !important; } .outside{ color: #36454E; } .outside_container{ width: 650px; padding: 1em 0; margin-left: auto; margin-right: auto; text-align: center; color: #36454E; } .outside_container .submit_button{ /* submit buttons */ color: #FFFFFF !important; background: #1795FF; background-size: auto; border-style: none; border-width: 0px; border-color: #FFFFFF; border-radius: 2px; text-align: center; font-family: 'Lato',sans-serif; font-size: 14px; font-weight: normal; min-width: 20%; padding: 10px 20px; text-transform: none; box-shadow: none; } .outside_container .submit_button:hover{ background: #106AB7; border-color: #BBBBBB; background-size: auto; } .progressBarWrapper{ border-radius: 0; background: #FFFFFF; background-size: cover; border-color: #D9DDE2; } .progressBarBack{ color: #FFFFFF; background-color: #1795FF; } .progressBarFront{ color: #36454E; } .ui-widget{ font-family: 'Lato',sans-serif; } .invalid{ background: #FDF1F0; } .invalid .invalid_message{ color: #EC756B; background: #FDF1F0; border: 1px solid #EC756B; border-radius: 2px; } .form_table.invalid{ border: 2px solid #EC756B; } .invalid .matrix .invalid_row{ background: #FDF1F0; } /* END LOOK AND FEEL */</style><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script><script type="text/javascript" src="/include/form/form7.js?1603"></script></head><body> <form method="post" id="FSForm" action="https://fs26.formsite.com/res/submit" enctype="application/x-www-form-urlencoded" onsubmit="return Vromansys.Form.processSubmit(this);"> <div style="display:none;"><input type="hidden" name="locid" value="rlbourne/form19" /> <input type="hidden" name="EParam" value="AT1kKIiyxDwOaJT4xB9lU6eLTfEDMMCuEFfwU9m1YsVjrh1Cf1T0Ir++cVao9Usg" /> <input type="hidden" name="ElapsedTime" id="ElapsedTime" value="0" /> <input type="hidden" name="Referrer" id="Referrer" value="" /> <input type="text" name="subject_line" id="subject_line" autocomplete="off" /><label for="subject_line">subject_line</label></div> <!-- BEGIN_ITEMS --> <div class="form_table"> <div class="clear"></div> <div id="q7" class="q full_width"><a class="item_anchor" name="ItemAnchor0"></a> <div style="text-align:center;"><img src="images/logo.png" alt="" /></div> </div> <div class="clear"></div> <div id="q15" class="q full_width"><a class="item_anchor" name="ItemAnchor1"></a> <div class="segment_header" style="width:auto;text-align:Center;"> <h1 style="font-weight:bold;font-size:16px;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;padding:20px 1em ;">Refer, Vacation, and Earn! Get started on earning your first free vacation.</h1> </div> </div> <div class="clear"></div> <div id="q12" class="q required"><a class="item_anchor" name="ItemAnchor2"></a> <label class="question top_question" for="RESULT_TextField-2">First Name <b class="icon_required" style="color:#FF0000">*</b></label> <input type="text" name="RESULT_TextField-2" class="text_field" id="RESULT_TextField-2" size="25" maxlength="255" value="" /></div> <div id="q16" class="q"><a class="item_anchor" name="ItemAnchor3"></a> <div class="full_width_space"> <h3>EARN REWARDS</h3> <p><span style="font-size: 12px;">Join Vacation Strategy Rewards today for exclusive first</span></p> <p><span style="font-size: 12px;">access to promotions, deals, and ourworld class referral program. </span></p> </div> </div> <div class="clear"></div> <div id="q1" class="q required"><a class="item_anchor" name="ItemAnchor4"></a> <label class="question top_question" for="RESULT_TextField-4">Last Name <b class="icon_required" style="color:#FF0000">*</b></label> <input type="text" name="RESULT_TextField-4" class="text_field" id="RESULT_TextField-4" size="25" maxlength="255" value="" /></div> <div class="clear"></div> <div id="q17" class="q full_width"><a class="item_anchor" name="ItemAnchor5"></a> <br /></div> <div class="clear"></div> <div id="q2" class="q required"><a class="item_anchor" name="ItemAnchor6"></a> <label class="question top_question" for="RESULT_TextField-6">Email <b class="icon_required" style="color:#FF0000">*</b></label> <input type="email" name="RESULT_TextField-6" class="text_field" id="RESULT_TextField-6" size="25" maxlength="255" value="" /></div> <div class="clear"></div> <div id="q18" class="q full_width"><a class="item_anchor" name="ItemAnchor7"></a> <br /></div> <div class="clear"></div> <div id="q3" class="q required"><a class="item_anchor" name="ItemAnchor8"></a> <label class="question top_question" for="RESULT_TextField-8">Phone <b class="icon_required" style="color:#FF0000">*</b></label> <input type="text" name="RESULT_TextField-8" class="text_field number_field" id="RESULT_TextField-8" size="25" maxlength="255" value="" /></div> <div class="clear"></div> <div id="q4" class="q required"><a class="item_anchor" name="ItemAnchor9"></a> <span class="question top_question"> <b class="icon_required" style="color:#FF0000">*</b></span> <table class="inline_grid"> <tr> <td><input type="radio" name="RESULT_RadioButton-9" class="multiple_choice" id="RESULT_RadioButton-9_0" value="Radio-0" /><label for="RESULT_RadioButton-9_0">Check this box to agree to Terms &amp; Conditions and Privacy Policy.</label></td> </tr> </table> </div> <div class="clear"></div> <div id="q5" class="q full_width"><a class="item_anchor" name="ItemAnchor10"></a> <div class="full_width_space" style="text-align:left"><a href="http://https://www.getambassador.com/terms" class="link">Terms &amp; Conditions</a></div> </div> <div class="clear"></div> <div id="q6" class="q full_width"><a class="item_anchor" name="ItemAnchor11"></a> <div class="full_width_space" style="text-align:left"><a href="http://https://www.getambassador.com/privacy" class="link">Privacy Policy</a></div> </div> <div class="clear"></div> <div id="q19" style="display:none" class="q"><a class="item_anchor" name="ItemAnchor12"></a> <input type="hidden" name="RESULT_TextField-12" class="text_field" id="RESULT_TextField-12" size="25" maxlength="255" value="" /></div> <div class="clear"></div> </div> <!-- END_ITEMS --> <input type="hidden" name="EParam" value="FzpUCZwnDno=" /> <div class="outside_container"> <div class="buttons_reverse"><input type="submit" name="Submit" value="Submit" class="submit_button" id="FSsubmit" /></div> </div> </form> </body></html>