{% load otree static %}

<div class="info_box">
    <div class="header">
        <p class="formatting_header">
            Information:
        </p>
    </div>
    <div class="content">
        <div style="margin: 25px">
             <p class="formatting_content">
                 But wait, there's more!
                 We don't want you to tell us whether you personally believe that the behavior is socially appropriate
                    or inappropriate.
                 Instead, we want you to guess how most other's from a specific group of people would rate the behavior.
                 In the following, we will call this specific group of people, the <b>“Matching Group”</b>.
                 You should note that the Matching Group and Group A consist of different people.
                 We will tell you more about the Matching Group on the next page.
             </p>
             <p class="formatting_content">
                 Learning about your Matching Group is important because your earnings will depend on it.
                 At the end of the study, we will randomly select  one of the five situations (put 0, 5, 10, 15, or
                    20 balls into the blue bucket) for all participants.
                 Then we will compare your evaluation in this situation with the most frequent evaluation that we
                    received from all members of your Matching Group (this includes you).
                 If you selected the same appropriateness rating as was most frequent in your Matching Group, you
                    will receive a bonus of {{player.NE_bonus}}.
                 If you selected a different rating, you will earn no bonus.
            </p>
            <p class="formatting_content">
                <b> You will be able to reopen these instructions when you make your final decisions! </b>
            </p>
        </div>
    </div>
</div>