{{ block title }}Survey{{ endblock }}
{{ block content }}

    <p>
        Please answer the following questions.
    </p>
<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;margin:0px auto;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-zv4m{border-color:#ffffff;text-align:left;vertical-align:top}
.tg .tg-8jgo{border-color:#ffffff;text-align:center;vertical-align:top}
.tg .tg-2bvr{background-color:#ecf4ff;border-color:#ffffff;text-align:center;vertical-align:top}
.tg .tg-yt7c{background-color:#ecf4ff;border-color:#ffffff;font-weight:bold;text-align:center;vertical-align:top}
</style>
<table class="tg">
<thead>
  <tr>
    <th class="tg-yt7c" colspan="2">Option A</th>
    <th class="tg-zv4m"></th>
    <th class="tg-8jgo"></th>
    <th class="tg-zv4m"></th>
    <th class="tg-yt7c" colspan="2">Option B</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td class="tg-2bvr">You will get</td>
    <td class="tg-2bvr">The other player will get</td>
    <td class="tg-zv4m"></td>
    <td class="tg-zv4m">                  </td>
    <td class="tg-zv4m"></td>
    <td class="tg-2bvr">You will get</td>
    <td class="tg-2bvr">The other player will get</td>
  </tr>
  <tr>
    <td class="tg-2bvr">$1.5</td>
    <td class="tg-2bvr">$1.5</td>
    <td class="tg-zv4m"></td>
    <td class="tg-zv4m"></td>
    <td class="tg-zv4m"></td>
    <td class="tg-2bvr">$1.5</td>
    <td class="tg-2bvr">$1.5</td>
  </tr>
</tbody>
</table>    {{ formfields }}

    {{ next_button }}

{{ endblock }}