{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
     Lotteries
{% endblock %}

{% block content %}
<p>
    In this task you make 10 choices over pairs of "lotteries". Each pair of lotteries is labeled lottery A and lottery B.
	Each lottery describes two different possible dollar amounts that you could earn with an equal (50%) probability.
</p>
<p>
    For each pair of lotteries, you must choose whether you prefer lottery A or lottery B for possible payment.
	You may choose lottery A for some choices and lottery B for other choices and you may change your decisions or
	make them in any order that you want. Once you have made a lottery choice for all 10 pairs and clicked the
	Next button, the computer program will randomly select one of the 10 lottery pairs and implement your choice for
	that pair. It will then randomly determine whether you got the lower amount or the higher amount for that
    lottery, each with a 50% chance.
</p>

{% formfields %}

{% next_button %}

{% endblock %}



{% block app_styles %}
<style type="text/css">
    th {
        border: 1px solid black;
        font-size: 16pt;
        width: 650px;
        text-align: right;
        font-weight:normal;
        }

    td {
        font-size: 14pt;
        border: 1px solid black;
        text-align: center;
        }
    title {
        font-size: 36pt;
        font-weight: bold;
        }

    body {
        font-size: 14pt;
        }
    table {
        table-layout: fixed;
        width: 800px;
        }

    .history td {
        font-size: 16pt;
        }

    .history th {
        font-weight: bold;
        font-size: 12pt;
        width: 100px;
        text-align: center;
        }

    h3 {
        font-size: 18pt;
        font-weight: bold;
        }

    .important {
        font-size: 14pt;
        font-weight: bold;
    }

    .income {
        display: none;
    }

    .slider {
        -webkit-appearance: none;
        width: 50%;
        height: 15px;
        border-radius: 5px;
        background: #d3d3d3;
        outline: none;
        opacity: 1;
        -webkit-transition: .2s;
        transition: opacity .2s;
        }

    button {
        color: #FFFFFF;
        background-color: #0066BB;
        border-radius: 8px;
        font-size: 20pt;
    }
    .otree-timer
    {
        display: none;
    }

    .equation {
        font-family: "Times New Roman", Times, serif;
        font-size: 28pt;
        font-style: italic;
        }
</style>
{% endblock %}