API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 25th, 2012
56
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 44.93 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2.  /* LIGHTBOX */
  3.         .overlay{
  4.             display: none;
  5.             position: fixed;
  6.             top: 0%;
  7.             left: 0%;
  8.             width: 100%;
  9.             height: 100%;
  10.             background-color: black;
  11.             z-index:10001;
  12.             -moz-opacity: 0.8;
  13.             opacity:.80;
  14.             filter: alpha(opacity=80);
  15.         }
  16.  
  17.         .lightbox_content {
  18.             display: none;
  19.             position: fixed;
  20.         /* CENTER ON SCREEN */
  21.             top: 50%;
  22.             left: 50%;
  23.             width: 720px; /* width of content */
  24.             margin-left:-350px; /* half width of content */
  25.             height: 450px;  /* height of content */
  26.             margin-top:-240px; /* half height of content */
  27.             background-color: transparent;
  28.             z-index:10002;
  29.             overflow: none;     }
  30.        
  31.         .lightbox_content a,a:visited { font-size:18px; color:white; cursor: hand; cursor: pointer;}
  32.         /*.form-checkbox-item img { cursor: hand; cursor: pointer;} */
  33. </style>
  34.  
  35. <script src="http://www.jotform.com/min/g=jotform?3.0.2938" type="text/javascript"></script>
  36. <script type="text/javascript">
  37.    JotForm.setConditions([{"action":{"field":"15","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"notEquals","value":"Send A Layout"}],"type":"field"},{"action":{"field":"20","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"notEquals","value":"Send A Layout"}],"type":"field"},{"action":{"field":"21","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"notEquals","value":"Send A Layout"}],"type":"field"},{"action":{"field":"22","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"notEquals","value":"Send A Layout"}],"type":"field"},{"action":{"field":"15","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"notEquals","value":"Upload A Layout"}],"type":"field"},{"action":{"field":"20","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"notEquals","value":"Upload A Layout"}],"type":"field"},{"action":{"field":"21","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"notEquals","value":"Upload A Layout"}],"type":"field"},{"action":{"field":"22","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"notEquals","value":"Upload A Layout"}],"type":"field"},{"action":{"field":"72","visibility":"Hide"},"link":"Any","terms":[{"field":"48","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"65","visibility":"Hide"},"link":"Any","terms":[{"field":"74","operator":"notEquals","value":"Yes"}],"type":"field"},{"action":{"field":"51","visibility":"Hide"},"link":"Any","terms":[{"field":"74","operator":"notEquals","value":"Yes"}],"type":"field"},{"action":{"field":"67","visibility":"Hide"},"link":"Any","terms":[{"field":"75","operator":"notEquals","value":"Yes"}],"type":"field"},{"action":{"field":"69","visibility":"Hide"},"link":"Any","terms":[{"field":"75","operator":"notEquals","value":"Yes"}],"type":"field"},{"action":{"field":"75","visibility":"Hide"},"link":"Any","terms":[{"field":"74","operator":"notEquals","value":"Yes"}],"type":"field"},{"action":{"field":"77","visibility":"Hide"},"link":"Any","terms":[{"field":"75","operator":"notEquals","value":"Yes"}],"type":"field"},{"action":{"field":"42","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"equals","value":"Design Online"}],"type":"field"},{"action":{"field":"64","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"notEquals","value":"Design Online"}],"type":"field"},{"action":{"field":"48","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"notEquals","value":"Design Online"}],"type":"field"},{"action":{"field":"68","visibility":"Hide"},"link":"Any","terms":[{"field":"77","operator":"notEquals","value":"Yes"}],"type":"field"},{"action":{"field":"74","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"notEquals","value":"Design Online"}],"type":"field"},{"action":{"field":"68","visibility":"Hide"},"link":"Any","terms":[{"field":"77","operator":"notEquals","value":"Yes"}],"type":"field"},{"action":{"field":"53","visibility":"Hide"},"link":"Any","terms":[{"field":"77","operator":"notEquals","value":"Yes"}],"type":"field"},{"action":{"field":"42","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"notEquals","value":"Upload A Layout"}],"type":"field"},{"action":{"field":"43","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"3","visibility":"Hide"},"link":"All","terms":[{"field":"38","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"13","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"5","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"23","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"4","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"6","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"29","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"40","visibility":"Hide"},"link":"Any","terms":[{"field":"38","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"38","visibility":"Hide"},"link":"Any","terms":[{"field":"47","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"57","visibility":"Hide"},"link":"Any","terms":[{"field":"47","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"100","visibility":"Hide"},"link":"Any","terms":[{"field":"72","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"95","visibility":"Hide"},"link":"Any","terms":[{"field":"100","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"102","visibility":"Hide"},"link":"Any","terms":[{"field":"72","operator":"notEquals","value":"Mens"}],"type":"field"},{"action":{"field":"72","visibility":"Hide"},"link":"Any","terms":[{"field":"48","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"78","visibility":"Hide"},"link":"Any","terms":[{"field":"51","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"97","visibility":"Hide"},"link":"Any","terms":[{"field":"78","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"101","visibility":"Hide"},"link":"Any","terms":[{"field":"97","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"99","visibility":"Hide"},"link":"Any","terms":[{"field":"78","operator":"notEquals","value":"Mens"}],"type":"field"},{"action":{"field":"79","visibility":"Hide"},"link":"Any","terms":[{"field":"69","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"94","visibility":"Hide"},"link":"Any","terms":[{"field":"79","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"98","visibility":"Hide"},"link":"Any","terms":[{"field":"94","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"96","visibility":"Hide"},"link":"Any","terms":[{"field":"79","operator":"notEquals","value":"Mens"}],"type":"field"},{"action":{"field":"80","visibility":"Hide"},"link":"Any","terms":[{"field":"53","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"91","visibility":"Hide"},"link":"Any","terms":[{"field":"80","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"92","visibility":"Hide"},"link":"Any","terms":[{"field":"91","operator":"isEmpty","value":false}],"type":"field"},{"action":{"field":"93","visibility":"Hide"},"link":"Any","terms":[{"field":"80","operator":"notEquals","value":"Mens"}],"type":"field"}]);
  38.    JotForm.init(function(){
  39.       JotForm.description('input_47', 'You can pick multiple materials if you need to!<br /><br />Watch a video for more info!');
  40.       JotForm.description('input_48', 'What layout looks the most like your bathroom?');
  41.       JotForm.description('input_100', 'Urinals do not count as toilets!');
  42.       JotForm.description('input_51', 'What layout looks the most like your bathroom?');
  43.       JotForm.description('input_97', 'Urinals do not count as toilets!');
  44.       JotForm.description('input_69', 'What layout looks the most like your bathroom?');
  45.       JotForm.description('input_94', 'Urinals do not count as toilets!');
  46.       JotForm.description('input_53', 'What layout looks the most like your bathroom?');
  47.       JotForm.description('input_91', 'Urinals do not count as toilets!');
  48.       $('input_4').hint('ex: myname@example.com');
  49.       JotForm.description('input_6', 'Please enter the nearest zip code to where the partitions would ship.');
  50.    });
  51. </script>
  52. <link href="http://www.jotform.com/min/g=formCss?3.0.2938" rel="stylesheet" type="text/css" />
  53. <style type="text/css">
  54.     .form-label{
  55.         width:250px !important;
  56.     }
  57.     .form-label-left{
  58.         width:250px !important;
  59.     }
  60.     .form-line{
  61.         padding:4px;
  62.     }
  63.     .form-label-right{
  64.         width:250px !important;
  65.     }
  66.     .form-all{
  67.         width:1024px;
  68.         color:#002470 !important;
  69.         font-family:Helvetica;
  70.         font-size:17px;
  71.     }
  72.    
  73.     #cid_47 .form-checkbox-item { width:185px; padding-right:10px; !important;}
  74.     .form-all {margin:0 auto !important;}
  75.    
  76.     .grayscale { -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
  77. </style>
  78. <link type="text/css" rel="stylesheet" href="http://www.jotform.com/css/styles/buttons/form-submit-button-simple_blue.css?3.0.2938"/>
  79. <form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" enctype="multipart/form-data" name="form_20685329647968" id="20685329647968" accept-charset="utf-8">
  80.   <input type="hidden" name="formID" value="20685329647968" />
  81.   <div class="form-all">
  82.     <ul class="form-section">
  83.       <li class="form-line" id="id_55">
  84.         <div id="cid_55" class="form-input-wide">
  85.           <img alt="" class="form-image" border="0" src="http://www.jotform.com/uploads/onepoint/form_files/choose_a_new_material.png" height="71" width="980" />
  86.         </div>
  87.       </li>
  88.       <li class="form-line" id="id_47">
  89.         <label class="form-label-top" id="label_47" for="input_47"></label>
  90.         <div id="cid_47" class="form-input-wide">
  91.           <div class="form-multiple-column">
  92.             <span class="form-checkbox-item">
  93.                 <input type="checkbox" class="form-checkbox" id="input_47_0" name="q47_47[]" value="">             
  94.                     <img style="cursor: hand; cursor: pointer;" onmouseover="this.className='grayscale'" onmouseout="this.className=''" onClick="javascript:Lightbox_Show('bOYPZcoYaRg');" src="http://www.jotform.com/uploads/onepoint/form_files/metaltop.png" height="179" width="190">
  95.                     <img src="http://www.jotform.com/uploads/onepoint/form_files/metalbottom.png" height="200" width="192">
  96.             </span>
  97.             <span class="clearfix"></span>              
  98.             <span class="form-checkbox-item">
  99.                 <input type="checkbox" class="form-checkbox" id="input_47_1" name="q47_47[]" value="">                 
  100.                 <img style="cursor: hand; cursor: pointer;" onmouseover="this.className='grayscale'" onmouseout="this.className=''" onClick="javascript:Lightbox_Show('gidumziw4JE');" src="http://www.jotform.com/uploads/onepoint/form_files/lamtop.png" height="179" width="190">
  101.                     <img src="http://www.jotform.com/uploads/onepoint/form_files/lambottom.png" height="200" width="192">
  102.             </span>              
  103.             <span class="clearfix"></span>
  104.             <span class="form-checkbox-item">
  105.                 <input type="checkbox" class="form-checkbox" id="input_47_2" name="q47_47[]" value="">
  106.                 <img style="cursor: hand; cursor: pointer;" onmouseover="this.className='grayscale'" onmouseout="this.className=''" onClick="javascript:Lightbox_Show('gidumziw4JE');" src="http://www.jotform.com/uploads/onepoint/form_files/plastictop.png" height="179" width="190">
  107.                     <img src="http://www.jotform.com/uploads/onepoint/form_files/plasticbottom.png" height="200" width="192">
  108.             </span>                
  109.             <span class="clearfix"></span>
  110.             <span class="form-checkbox-item">
  111.                     <input type="checkbox" class="form-checkbox" id="input_47_3" name="q47_47[]" value="">
  112.                     <img style="cursor: hand; cursor: pointer;" onmouseover="this.className='grayscale'" onmouseout="this.className=''" onClick="javascript:Lightbox_Show('gidumziw4JE');" src="http://www.jotform.com/uploads/onepoint/form_files/phenolictop.png" height="179" width="190">
  113.                     <img src="http://www.jotform.com/uploads/onepoint/form_files/phenolicbottom.png" height="200" width="192">
  114.             </span>
  115.             <span class="clearfix"></span>
  116.             <span class="form-checkbox-item">
  117.                     <input type="checkbox" class="form-checkbox" id="input_47_4" name="q47_47[]" value="">                 
  118.                     <img style="cursor: hand; cursor: pointer;" onmouseover="this.className='grayscale'" onmouseout="this.className=''" onClick="javascript:Lightbox_Show('gidumziw4JE');" src="http://www.jotform.com/uploads/onepoint/form_files/stainlesstop.png" height="179" width="190">
  119.                     <img src="http://www.jotform.com/uploads/onepoint/form_files/stainlessbottom.png" height="200" width="192">
  120.             </span>
  121.             <span class="clearfix"></span>
  122.           </div>
  123.         </div>
  124.       </li>
  125.       <li class="form-line" id="id_57">
  126.         <div id="cid_57" class="form-input-wide">
  127.           <img alt="" class="form-image" border="0" src="http://www.jotform.com/uploads/onepoint/form_files/I_Would_Like_To.png" height="72" width="994" />
  128.         </div>
  129.       </li>
  130.       <li class="form-line" id="id_38">
  131.         <label class="form-label-right" id="label_38" for="input_38"></label>
  132.         <div id="cid_38" class="form-input">
  133.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio" id="input_38_0" name="q38_38" value="Design Online" />
  134.               <label for="input_38_0"> Design Online </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_38_1" name="q38_38" value="Upload A Layout" />
  135.               <label for="input_38_1"> Upload A Layout </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_38_2" name="q38_38" value="Get More Info" />
  136.               <label for="input_38_2"> Get More Info </label></span><span class="clearfix"></span>
  137.           </div>
  138.         </div>
  139.       </li>
  140.       <li class="form-line" id="id_42">
  141.         <div id="cid_42" class="form-input-wide">
  142.           <div style="text-align:center;">
  143.             <img alt="" class="form-image" border="0" src="http://www.jotform.com/uploads/onepoint/form_files/bottomshadow.png" height="9" width="980" />
  144.           </div>
  145.         </div>
  146.       </li>
  147.       <li class="form-line" id="id_15">
  148.         <label class="form-label-right" id="label_15" for="input_15"> Upload Page 1 </label>
  149.         <div id="cid_15" class="form-input">
  150.           <input class="form-upload" type="file" id="input_15" name="q15_uploadPage" file-accept="pdf, doc, docx, xls, csv, txt, rtf, html, zip, mp3, wma, mpg, flv, avi, jpg, jpeg, png, gif" file-maxsize="10240" />
  151.         </div>
  152.       </li>
  153.       <li class="form-line" id="id_20">
  154.         <label class="form-label-right" id="label_20" for="input_20"> Additional Page 1 </label>
  155.         <div id="cid_20" class="form-input">
  156.           <input class="form-upload" type="file" id="input_20" name="q20_additionalPage" file-accept="pdf, doc, docx, xls, csv, txt, rtf, html, zip, mp3, wma, mpg, flv, avi, jpg, jpeg, png, gif" file-maxsize="10240" />
  157.         </div>
  158.       </li>
  159.       <li class="form-line" id="id_21">
  160.         <label class="form-label-right" id="label_21" for="input_21"> Additional Page 2 </label>
  161.         <div id="cid_21" class="form-input">
  162.           <input class="form-upload" type="file" id="input_21" name="q21_additionalPage21" file-accept="pdf, doc, docx, xls, csv, txt, rtf, html, zip, mp3, wma, mpg, flv, avi, jpg, jpeg, png, gif" file-maxsize="10240" />
  163.         </div>
  164.       </li>
  165.       <li class="form-line" id="id_22">
  166.         <label class="form-label-right" id="label_22" for="input_22"> Additional Page 3 </label>
  167.         <div id="cid_22" class="form-input">
  168.           <input class="form-upload" type="file" id="input_22" name="q22_additionalPage22" file-accept="pdf, doc, docx, xls, csv, txt, rtf, html, zip, mp3, wma, mpg, flv, avi, jpg, jpeg, png, gif" file-maxsize="10240" />
  169.         </div>
  170.       </li>
  171.       <li class="form-line" id="id_64">
  172.         <div id="cid_64" class="form-input-wide">
  173.           <img alt="" class="form-image" border="0" src="http://www.jotform.com/uploads/onepoint/form_files/bathroom1.png" height="71" width="980" />
  174.         </div>
  175.       </li>
  176.       <li class="form-line" id="id_48">
  177.         <label class="form-label-right" id="label_48" for="input_48"> .... </label>
  178.         <div id="cid_48" class="form-input">
  179.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio" id="input_48_0" name="q48_48" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/IC_TILE.png&quot; alt=&quot;In Corner&quot;>" />
  180.               <label for="input_48_0"> <img src="http://www.jotform.com/uploads/onepoint/form_files/IC_TILE.png" alt="In Corner"> </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_48_1" name="q48_48" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/BW_TILE.png&quot; alt=&quot;Between Walls&quot;>" />
  181.               <label for="input_48_1"> <img src="http://www.jotform.com/uploads/onepoint/form_files/BW_TILE.png" alt="Between Walls"> </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_48_2" name="q48_48" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/ALC_TILE.png&quot; alt=&quot;Alcove&quot;>" />
  182.               <label for="input_48_2"> <img src="http://www.jotform.com/uploads/onepoint/form_files/ALC_TILE.png" alt="Alcove"> </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_48_3" name="q48_48" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/AP_TILE.png&quot; alt=&quot;Alcove Plus&quot;>" />
  183.               <label for="input_48_3"> <img src="http://www.jotform.com/uploads/onepoint/form_files/AP_TILE.png" alt="Alcove Plus"> </label></span><span class="clearfix"></span>
  184.           </div>
  185.         </div>
  186.       </li>
  187.       <li class="form-line" id="id_72">
  188.         <label class="form-label-right" id="label_72" for="input_72"> What Type Of Bathoom Is This? </label>
  189.         <div id="cid_72" class="form-input">
  190.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio" id="input_72_0" name="q72_whatType72" value="Mens" />
  191.               <label for="input_72_0"> Mens </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_72_1" name="q72_whatType72" value="Womens" />
  192.               <label for="input_72_1"> Womens </label></span><span class="clearfix"></span>
  193.           </div>
  194.         </div>
  195.       </li>
  196.       <li class="form-line" id="id_100">
  197.         <label class="form-label-right" id="label_100" for="input_100"> How Many Toilets Are There? </label>
  198.         <div id="cid_100" class="form-input">
  199.           <select class="form-dropdown" style="width:150px" id="input_100" name="q100_howMany">
  200.             <option>  </option>
  201.             <option value="1"> 1 </option>
  202.             <option value="2"> 2 </option>
  203.             <option value="3"> 3 </option>
  204.             <option value="4"> 4 </option>
  205.             <option value="5"> 5 </option>
  206.             <option value="6"> 6 </option>
  207.             <option value="7"> 7 </option>
  208.             <option value="8"> 8 </option>
  209.           </select>
  210.         </div>
  211.       </li>
  212.       <li class="form-line" id="id_95">
  213.         <label class="form-label-right" id="label_95" for="input_95"> How Many Of Those Are Handicap Stalls? </label>
  214.         <div id="cid_95" class="form-input">
  215.           <select class="form-dropdown" style="width:150px" id="input_95" name="q95_howMany95">
  216.             <option>  </option>
  217.             <option value="1"> 1 </option>
  218.             <option value="2"> 2 </option>
  219.             <option value="3"> 3 </option>
  220.             <option value="4"> 4 </option>
  221.             <option value="5"> 5 </option>
  222.             <option value="6"> 6 </option>
  223.             <option value="7"> 7 </option>
  224.             <option value="8"> 8 </option>
  225.           </select>
  226.         </div>
  227.       </li>
  228.       <li class="form-line" id="id_102">
  229.         <label class="form-label-right" id="label_102" for="input_102"> How Many Urinal Divider Screens ? </label>
  230.         <div id="cid_102" class="form-input">
  231.           <select class="form-dropdown" style="width:150px" id="input_102" name="q102_howMany102">
  232.             <option>  </option>
  233.             <option value="1"> 1 </option>
  234.             <option value="2"> 2 </option>
  235.             <option value="3"> 3 </option>
  236.             <option value="4"> 4 </option>
  237.             <option value="5"> 5 </option>
  238.             <option value="6"> 6 </option>
  239.             <option value="7"> 7 </option>
  240.             <option value="8"> 8 </option>
  241.           </select>
  242.         </div>
  243.       </li>
  244.       <li class="form-line" id="id_74">
  245.         <label class="form-label-right" id="label_74" for="input_74">
  246.           Do You Have Another Bathroom<span class="form-required">*</span>
  247.         </label>
  248.         <div id="cid_74" class="form-input">
  249.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio validate[required]" id="input_74_0" name="q74_doYou74" value="No" />
  250.               <label for="input_74_0"> No </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio validate[required]" id="input_74_1" name="q74_doYou74" value="Yes" />
  251.               <label for="input_74_1"> Yes </label></span><span class="clearfix"></span>
  252.           </div>
  253.         </div>
  254.       </li>
  255.       <li class="form-line" id="id_65">
  256.         <div id="cid_65" class="form-input-wide">
  257.           <img alt="" class="form-image" border="0" src="http://www.jotform.com/uploads/onepoint/form_files/Bathroom_2.png" height="71" width="980" />
  258.         </div>
  259.       </li>
  260.       <li class="form-line" id="id_51">
  261.         <label class="form-label-right" id="label_51" for="input_51"> .... </label>
  262.         <div id="cid_51" class="form-input">
  263.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio" id="input_51_0" name="q51_51" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/IC_TILE.png&quot; alt=&quot;In Corner&quot;>" />
  264.               <label for="input_51_0"> <img src="http://www.jotform.com/uploads/onepoint/form_files/IC_TILE.png" alt="In Corner"> </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_51_1" name="q51_51" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/BW_TILE.png&quot; alt=&quot;Between Walls&quot;>" />
  265.               <label for="input_51_1"> <img src="http://www.jotform.com/uploads/onepoint/form_files/BW_TILE.png" alt="Between Walls"> </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_51_2" name="q51_51" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/ALC_TILE.png&quot; alt=&quot;Alcove&quot;>" />
  266.               <label for="input_51_2"> <img src="http://www.jotform.com/uploads/onepoint/form_files/ALC_TILE.png" alt="Alcove"> </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_51_3" name="q51_51" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/AP_TILE.png&quot; alt=&quot;Alcove Plus&quot;>" />
  267.               <label for="input_51_3"> <img src="http://www.jotform.com/uploads/onepoint/form_files/AP_TILE.png" alt="Alcove Plus"> </label></span><span class="clearfix"></span>
  268.           </div>
  269.         </div>
  270.       </li>
  271.       <li class="form-line" id="id_78">
  272.         <label class="form-label-right" id="label_78" for="input_78"> What Type Of Bathoom Is Ths? </label>
  273.         <div id="cid_78" class="form-input">
  274.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio" id="input_78_0" name="q78_whatType78" value="Mens" />
  275.               <label for="input_78_0"> Mens </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_78_1" name="q78_whatType78" value="Womens" />
  276.               <label for="input_78_1"> Womens </label></span><span class="clearfix"></span>
  277.           </div>
  278.         </div>
  279.       </li>
  280.       <li class="form-line" id="id_97">
  281.         <label class="form-label-right" id="label_97" for="input_97"> How Many Toilets Are There? </label>
  282.         <div id="cid_97" class="form-input">
  283.           <select class="form-dropdown" style="width:150px" id="input_97" name="q97_howMany97">
  284.             <option>  </option>
  285.             <option value="1"> 1 </option>
  286.             <option value="2"> 2 </option>
  287.             <option value="3"> 3 </option>
  288.             <option value="4"> 4 </option>
  289.             <option value="5"> 5 </option>
  290.             <option value="6"> 6 </option>
  291.             <option value="7"> 7 </option>
  292.             <option value="8"> 8 </option>
  293.           </select>
  294.         </div>
  295.       </li>
  296.       <li class="form-line" id="id_101">
  297.         <label class="form-label-right" id="label_101" for="input_101"> How Many Of Those Are Handicap Stalls? </label>
  298.         <div id="cid_101" class="form-input">
  299.           <select class="form-dropdown" style="width:150px" id="input_101" name="q101_howMany101">
  300.             <option>  </option>
  301.             <option value="1"> 1 </option>
  302.             <option value="2"> 2 </option>
  303.             <option value="3"> 3 </option>
  304.             <option value="4"> 4 </option>
  305.             <option value="5"> 5 </option>
  306.             <option value="6"> 6 </option>
  307.             <option value="7"> 7 </option>
  308.             <option value="8"> 8 </option>
  309.           </select>
  310.         </div>
  311.       </li>
  312.       <li class="form-line" id="id_99">
  313.         <label class="form-label-right" id="label_99" for="input_99"> How Many Urinal Divider Screens ? </label>
  314.         <div id="cid_99" class="form-input">
  315.           <select class="form-dropdown" style="width:150px" id="input_99" name="q99_howMany99">
  316.             <option>  </option>
  317.             <option value="1"> 1 </option>
  318.             <option value="2"> 2 </option>
  319.             <option value="3"> 3 </option>
  320.             <option value="4"> 4 </option>
  321.             <option value="5"> 5 </option>
  322.             <option value="6"> 6 </option>
  323.             <option value="7"> 7 </option>
  324.             <option value="8"> 8 </option>
  325.           </select>
  326.         </div>
  327.       </li>
  328.       <li class="form-line" id="id_75">
  329.         <label class="form-label-right" id="label_75" for="input_75">
  330.           Do You Have Another Bathroom<span class="form-required">*</span>
  331.         </label>
  332.         <div id="cid_75" class="form-input">
  333.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio validate[required]" id="input_75_0" name="q75_doYou" value="No" />
  334.               <label for="input_75_0"> No </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio validate[required]" id="input_75_1" name="q75_doYou" value="Yes" />
  335.               <label for="input_75_1"> Yes </label></span><span class="clearfix"></span>
  336.           </div>
  337.         </div>
  338.       </li>
  339.       <li class="form-line" id="id_67">
  340.         <div id="cid_67" class="form-input-wide">
  341.           <img alt="" class="form-image" border="0" src="http://www.jotform.com/uploads/onepoint/form_files/Bathroom_3.png" height="71" width="980" />
  342.         </div>
  343.       </li>
  344.       <li class="form-line" id="id_69">
  345.         <label class="form-label-right" id="label_69" for="input_69"> .... </label>
  346.         <div id="cid_69" class="form-input">
  347.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio" id="input_69_0" name="q69_69" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/IC_TILE.png&quot; alt=&quot;In Corner&quot;>" />
  348.               <label for="input_69_0"> <img src="http://www.jotform.com/uploads/onepoint/form_files/IC_TILE.png" alt="In Corner"> </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_69_1" name="q69_69" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/BW_TILE.png&quot; alt=&quot;Between Walls&quot;>" />
  349.               <label for="input_69_1"> <img src="http://www.jotform.com/uploads/onepoint/form_files/BW_TILE.png" alt="Between Walls"> </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_69_2" name="q69_69" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/ALC_TILE.png&quot; alt=&quot;Alcove&quot;>" />
  350.               <label for="input_69_2"> <img src="http://www.jotform.com/uploads/onepoint/form_files/ALC_TILE.png" alt="Alcove"> </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_69_3" name="q69_69" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/AP_TILE.png&quot; alt=&quot;Alcove Plus&quot;>" />
  351.               <label for="input_69_3"> <img src="http://www.jotform.com/uploads/onepoint/form_files/AP_TILE.png" alt="Alcove Plus"> </label></span><span class="clearfix"></span>
  352.           </div>
  353.         </div>
  354.       </li>
  355.       <li class="form-line" id="id_79">
  356.         <label class="form-label-right" id="label_79" for="input_79"> What Type Of Bathoom Is Ths? </label>
  357.         <div id="cid_79" class="form-input">
  358.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio" id="input_79_0" name="q79_whatType79" value="Mens" />
  359.               <label for="input_79_0"> Mens </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_79_1" name="q79_whatType79" value="Womens" />
  360.               <label for="input_79_1"> Womens </label></span><span class="clearfix"></span>
  361.           </div>
  362.         </div>
  363.       </li>
  364.       <li class="form-line" id="id_94">
  365.         <label class="form-label-right" id="label_94" for="input_94"> How Many Toilets Are There? </label>
  366.         <div id="cid_94" class="form-input">
  367.           <select class="form-dropdown" style="width:150px" id="input_94" name="q94_howMany94">
  368.             <option>  </option>
  369.             <option value="1"> 1 </option>
  370.             <option value="2"> 2 </option>
  371.             <option value="3"> 3 </option>
  372.             <option value="4"> 4 </option>
  373.             <option value="5"> 5 </option>
  374.             <option value="6"> 6 </option>
  375.             <option value="7"> 7 </option>
  376.             <option value="8"> 8 </option>
  377.           </select>
  378.         </div>
  379.       </li>
  380.       <li class="form-line" id="id_98">
  381.         <label class="form-label-right" id="label_98" for="input_98"> How Many Of Those Are Handicap Stalls? </label>
  382.         <div id="cid_98" class="form-input">
  383.           <select class="form-dropdown" style="width:150px" id="input_98" name="q98_howMany98">
  384.             <option>  </option>
  385.             <option value="1"> 1 </option>
  386.             <option value="2"> 2 </option>
  387.             <option value="3"> 3 </option>
  388.             <option value="4"> 4 </option>
  389.             <option value="5"> 5 </option>
  390.             <option value="6"> 6 </option>
  391.             <option value="7"> 7 </option>
  392.             <option value="8"> 8 </option>
  393.           </select>
  394.         </div>
  395.       </li>
  396.       <li class="form-line" id="id_96">
  397.         <label class="form-label-right" id="label_96" for="input_96"> How Many Urinal Divider Screens ? </label>
  398.         <div id="cid_96" class="form-input">
  399.           <select class="form-dropdown" style="width:150px" id="input_96" name="q96_howMany96">
  400.             <option>  </option>
  401.             <option value="1"> 1 </option>
  402.             <option value="2"> 2 </option>
  403.             <option value="3"> 3 </option>
  404.             <option value="4"> 4 </option>
  405.             <option value="5"> 5 </option>
  406.             <option value="6"> 6 </option>
  407.             <option value="7"> 7 </option>
  408.             <option value="8"> 8 </option>
  409.           </select>
  410.         </div>
  411.       </li>
  412.       <li class="form-line" id="id_77">
  413.         <label class="form-label-right" id="label_77" for="input_77">
  414.           Do You Have Another Bathroom<span class="form-required">*</span>
  415.         </label>
  416.         <div id="cid_77" class="form-input">
  417.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio validate[required]" id="input_77_0" name="q77_doYou77" value="No" />
  418.               <label for="input_77_0"> No </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio validate[required]" id="input_77_1" name="q77_doYou77" value="Yes" />
  419.               <label for="input_77_1"> Yes </label></span><span class="clearfix"></span>
  420.           </div>
  421.         </div>
  422.       </li>
  423.       <li class="form-line" id="id_68">
  424.         <div id="cid_68" class="form-input-wide">
  425.           <img alt="" class="form-image" border="0" src="http://www.jotform.com/uploads/onepoint/form_files/Bathroom_4.png" height="71" width="980" />
  426.         </div>
  427.       </li>
  428.       <li class="form-line" id="id_53">
  429.         <label class="form-label-right" id="label_53" for="input_53"> .... </label>
  430.         <div id="cid_53" class="form-input">
  431.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio" id="input_53_0" name="q53_53" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/IC_TILE.png&quot; alt=&quot;In Corner&quot;>" />
  432.               <label for="input_53_0"> <img src="http://www.jotform.com/uploads/onepoint/form_files/IC_TILE.png" alt="In Corner"> </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_53_1" name="q53_53" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/BW_TILE.png&quot; alt=&quot;Between Walls&quot;>" />
  433.               <label for="input_53_1"> <img src="http://www.jotform.com/uploads/onepoint/form_files/BW_TILE.png" alt="Between Walls"> </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_53_2" name="q53_53" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/ALC_TILE.png&quot; alt=&quot;Alcove&quot;>" />
  434.               <label for="input_53_2"> <img src="http://www.jotform.com/uploads/onepoint/form_files/ALC_TILE.png" alt="Alcove"> </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_53_3" name="q53_53" value="<img src=&quot;http://www.jotform.com/uploads/onepoint/form_files/AP_TILE.png&quot; alt=&quot;Alcove Plus&quot;>" />
  435.               <label for="input_53_3"> <img src="http://www.jotform.com/uploads/onepoint/form_files/AP_TILE.png" alt="Alcove Plus"> </label></span><span class="clearfix"></span>
  436.           </div>
  437.         </div>
  438.       </li>
  439.       <li class="form-line" id="id_80">
  440.         <label class="form-label-right" id="label_80" for="input_80"> What Type Of Bathoom Is Ths? </label>
  441.         <div id="cid_80" class="form-input">
  442.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio" id="input_80_0" name="q80_whatType80" value="Mens" />
  443.               <label for="input_80_0"> Mens </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_80_1" name="q80_whatType80" value="Womens" />
  444.               <label for="input_80_1"> Womens </label></span><span class="clearfix"></span>
  445.           </div>
  446.         </div>
  447.       </li>
  448.       <li class="form-line" id="id_91">
  449.         <label class="form-label-right" id="label_91" for="input_91"> How Many Toilets Are There? </label>
  450.         <div id="cid_91" class="form-input">
  451.           <select class="form-dropdown" style="width:150px" id="input_91" name="q91_howMany91">
  452.             <option>  </option>
  453.             <option value="1"> 1 </option>
  454.             <option value="2"> 2 </option>
  455.             <option value="3"> 3 </option>
  456.             <option value="4"> 4 </option>
  457.             <option value="5"> 5 </option>
  458.             <option value="6"> 6 </option>
  459.             <option value="7"> 7 </option>
  460.             <option value="8"> 8 </option>
  461.           </select>
  462.         </div>
  463.       </li>
  464.       <li class="form-line" id="id_92">
  465.         <label class="form-label-right" id="label_92" for="input_92"> How Many Of Those Are Handicap Stalls? </label>
  466.         <div id="cid_92" class="form-input">
  467.           <select class="form-dropdown" style="width:150px" id="input_92" name="q92_howMany92">
  468.             <option>  </option>
  469.             <option value="1"> 1 </option>
  470.             <option value="2"> 2 </option>
  471.             <option value="3"> 3 </option>
  472.             <option value="4"> 4 </option>
  473.             <option value="5"> 5 </option>
  474.             <option value="6"> 6 </option>
  475.             <option value="7"> 7 </option>
  476.             <option value="8"> 8 </option>
  477.           </select>
  478.         </div>
  479.       </li>
  480.       <li class="form-line" id="id_93">
  481.         <label class="form-label-right" id="label_93" for="input_93"> How Many Urinal Divider Screens ? </label>
  482.         <div id="cid_93" class="form-input">
  483.           <select class="form-dropdown" style="width:150px" id="input_93" name="q93_howMany93">
  484.             <option>  </option>
  485.             <option value="1"> 1 </option>
  486.             <option value="2"> 2 </option>
  487.             <option value="3"> 3 </option>
  488.             <option value="4"> 4 </option>
  489.             <option value="5"> 5 </option>
  490.             <option value="6"> 6 </option>
  491.             <option value="7"> 7 </option>
  492.             <option value="8"> 8 </option>
  493.           </select>
  494.         </div>
  495.       </li>
  496.       <li class="form-line" id="id_43">
  497.         <div id="cid_43" class="form-input-wide">
  498.           <div style="text-align:center;">
  499.             <img alt="" class="form-image" border="0" src="http://www.jotform.com/uploads/onepoint/form_files/Tell_Us_About_Yourself.png" height="71" width="980" />
  500.           </div>
  501.         </div>
  502.       </li>
  503.       <li class="form-line" id="id_3">
  504.         <label class="form-label-right" id="label_3" for="input_3">
  505.           Full Name<span class="form-required">*</span>
  506.         </label>
  507.         <div id="cid_3" class="form-input"><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="10" name="q3_fullName3[first]" id="first_3" />
  508.             <label class="form-sub-label" for="first_3" id="sublabel_first"> First Name </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="15" name="q3_fullName3[last]" id="last_3" />
  509.             <label class="form-sub-label" for="last_3" id="sublabel_last"> Last Name </label></span>
  510.         </div>
  511.       </li>
  512.       <li class="form-line" id="id_13">
  513.         <label class="form-label-right" id="label_13" for="input_13"> Company Name </label>
  514.         <div id="cid_13" class="form-input"><span class="form-sub-label-container"><input type="text" class="form-textbox" id="input_13" name="q13_companyName13" size="20" />
  515.             <label class="form-sub-label" for="input_13"> Business Name </label></span>
  516.         </div>
  517.       </li>
  518.       <li class="form-line" id="id_5">
  519.         <label class="form-label-right" id="label_5" for="input_5">
  520.           Phone Number<span class="form-required">*</span>
  521.         </label>
  522.         <div id="cid_5" class="form-input"><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="tel" name="q5_phoneNumber[area]" id="input_5_area" size="3">
  523.             -
  524.             <label class="form-sub-label" for="input_5_area" id="sublabel_area"> Area Code </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="tel" name="q5_phoneNumber[phone]" id="input_5_phone" size="8">
  525.             <label class="form-sub-label" for="input_5_phone" id="sublabel_phone"> Phone Number </label></span>
  526.         </div>
  527.       </li>
  528.       <li class="form-line" id="id_23">
  529.         <label class="form-label-right" id="label_23" for="input_23"> Fax Number </label>
  530.         <div id="cid_23" class="form-input"><span class="form-sub-label-container"><input class="form-textbox" type="tel" name="q23_faxNumber[area]" id="input_23_area" size="3">
  531.             -
  532.             <label class="form-sub-label" for="input_23_area" id="sublabel_area"> Area Code </label></span><span class="form-sub-label-container"><input class="form-textbox" type="tel" name="q23_faxNumber[phone]" id="input_23_phone" size="8">
  533.             <label class="form-sub-label" for="input_23_phone" id="sublabel_phone"> Phone Number </label></span>
  534.         </div>
  535.       </li>
  536.       <li class="form-line" id="id_4">
  537.         <label class="form-label-right" id="label_4" for="input_4"> E-mail </label>
  538.         <div id="cid_4" class="form-input">
  539.           <input type="email" class="form-textbox validate[Email]" id="input_4" name="q4_email4" size="30" />
  540.         </div>
  541.       </li>
  542.       <li class="form-line" id="id_6">
  543.         <label class="form-label-right" id="label_6" for="input_6">
  544.           Ship To Zip:<span class="form-required">*</span>
  545.         </label>
  546.         <div id="cid_6" class="form-input">
  547.           <input type="text" class="form-textbox validate[required]" id="input_6" name="q6_shipTo" size="20" maxlength="20" />
  548.         </div>
  549.       </li>
  550.       <li class="form-line" id="id_29">
  551.         <label class="form-label-right" id="label_29" for="input_29"> How Do You Want Us To Send Your Quote </label>
  552.         <div id="cid_29" class="form-input">
  553.           <div class="form-multiple-column"><span class="form-radio-item"><input type="radio" class="form-radio" id="input_29_0" name="q29_howDo29" checked="checked" value="By Email" />
  554.               <label for="input_29_0"> By Email </label></span><span class="clearfix"></span><span class="form-radio-item"><input type="radio" class="form-radio" id="input_29_1" name="q29_howDo29" value="By Fax" />
  555.               <label for="input_29_1"> By Fax </label></span><span class="clearfix"></span>
  556.           </div>
  557.         </div>
  558.       </li>
  559.       <li class="form-line" id="id_40">
  560.         <div id="cid_40" class="form-input-wide">
  561.           <div style="margin-left:256px" class="form-buttons-wrapper">
  562.             <button id="input_40" type="submit" class="form-submit-button form-submit-button-simple_blue">
  563.               Submit
  564.             </button>
  565.           </div>
  566.         </div>
  567.       </li>
  568.       <li class="form-line" id="id_49">
  569.         <div id="cid_49" class="form-input-wide">
  570.           <div style="text-align:center;">
  571.             <img alt="" class="form-image" border="0" src="http://www.jotform.com/uploads/onepoint/form_files/shaddowupsidedown.jpg" height="90" width="980" />
  572.           </div>
  573.         </div>
  574.       </li>
  575.       <li style="display:none">
  576.         Should be Empty:
  577.         <input type="text" name="website" value="" />
  578.       </li>
  579.     </ul>
  580.   </div>
  581.   <input type="hidden" id="simple_spc" name="simple_spc" value="20685329647968" />
  582.   <script type="text/javascript">
  583.   document.getElementById("si" + "mple" + "_spc").value = "20685329647968-20685329647968";
  584.   </script>
  585. </form>
  586.  
  587.  
  588.  
  589. <!-- LIGHTBOX CONTENT DIV !-->
  590.  
  591. <div id="lightbox" class="lightbox_content">               
  592.              <iframe id="youtube" allowfullscreen="" frameborder="0" height="360" src="" width="640"></iframe>
  593.              <a onClick="document.getElementById('lightbox').style.display='none'; document.getElementById('fade').style.display='none';iframe.src = '';">
  594.                 Close
  595.              </a>
  596. </div>
  597.        
  598.        
  599. <div id="fade" class="overlay"></div>
  600.        
  601. <script type="text/javascript">
  602. var iframe = document.getElementById('youtube');
  603.  
  604.         function Lightbox_Show(video) {
  605.              
  606.         iframe.src = 'http://www.youtube.com/embed/'+video+'?rel=0&autoplay=1';
  607.             document.getElementById('lightbox').style.display='block';
  608.             document.getElementById('fade').style.display='block';                         
  609.         }
  610. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!