{% load otree static %}

 <div class="info_box">
     <div class="header">
         <p class="formatting_header">
             Information:
         </p>
     </div>
     <div class="content">
         <p class="formatting_content">
             In Part 2, we ask you to evaluate certain behaviors that may have occurred in another study.
             Up until this point, the participants of the other study had a very similar experience to you:
             Before participating in the study, they answered the same questionnaire that you answered (more on this
                later), and they were introduced to the same Group A that you were introduced to in Part 1.
             We want you to read the instructions for one of their subsequent tasks.
             While you yourself will <b>not</b> play this game, you should read the instructions carefully.
             After you have read those instructions, you will receive further instructions that will detail your own task.
         </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 class="task_box" style="background-color: #f7f7fa">
     <div style="background: black; border: solid 1px black ; border-radius: 5px 5px 0 0;">
         <p style="font-weight:bold; color: white; margin: 5px auto 5px 25px;">
             Please take a moment to read about the task that you have to evaluate:
         </p>
     </div>
     <div class="task_box" style="background-color: white; margin: 4% 2% 4% 2%;">
         <p class="formatting_content">
             <b>Page 1:</b>
         </p>
         <p class="formatting_content">
             In this part, you are going to play a game.
             You will receive the instructions for this game on the next page.
             Some parts of these instructions have been select by members of Group A.
             In addition to answering the questions that were presented to you in Part 1, the members of Group A
                also were asked to select a description for the game you are about to play.
             The description that was chosen by the majority was included in the instruction you are about to receive.
         </p>
     </div>
     <div class="task_box" style="background-color: white; margin: 4% 2% 4% 2%;">
         <p class="formatting_content">
             <b>Page 2:</b>
         </p>
         <p class="formatting_content">
            In today's study, you will decide how to allocate 20 balls between two buckets.
            Your task is to put each of the balls, one-by-one, into one of the two buckets: the blue bucket or the
                yellow bucket.
            The balls will appear in the center of your screen, and you can allocate each ball by clicking and dragging
                it to the bucket of your choice.
            For each ball you put in the blue bucket, you will receive {{player.RFT_blue_bonus}}, and for each ball
                you put in the yellow bucket, you will receive {{player.RFT_yellow_bonus}}.
         </p>
         <p style="text-align: center; margin: 40px">
             <b> According to the members of Group A, the rule is to put the balls into the blue bucket </b>
         </p>
         <p class="formatting_content">
             Your payment will be based on your decisions: it is the sum of payments from the blue and yellow buckets.
         </p>
     </div>
 </div>