body { text-align: center; }
div.instruct      { text-align: center; }
li.instruct       { text-align: left; max-width: 800px; }
p.instruct        { text-align: center; max-width: 800px; font-size: 24px; margin-left: auto; margin-right: auto;}
p.instruct2        { text-align: left; max-width: 800px; font-size: 28px; margin-left: auto; margin-right: auto; line-height: 42px;}
p.title           { text-align: center; font-size: 36px; padding: 0 0 0 0; font-weight: bold; }
p.title2          { text-align: center; font-size: 36px; line-height: 54px; margin-top: 0px;}
p.subtitle        { text-align: center; font-size: 28px; }
p.subtitle2       { text-align: center; font-size: 28px; line-height: 42px;}
div.clear         { clear: both; }
div.button        { text-align: center; }
div.button        { width:720px; text-align:right; font-style:italic; font-size: 16px; }

.border {
  outline: 6px dashed #4c4c4c;
  outline-offset: -10px;
}

.opacity {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.blank {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: black;
  width: 300px; /* Width of new image */
  height: 300px; /* Height of new image */
  padding-left: 300px; /* Equal to width of new image */
}

div.fix {
  display:inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 72px;
}

#rbox_selected_left {
  display: inline-block;
  position: fixed; top: 20%; left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  width: 300px;
  border: 8px solid steelblue;
  padding: 15px;
}
#rbox_selected_right {
  display: inline-block;
  position: fixed; top: 80%; left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  border: 8px solid purple;
  padding: 15px;
}


.caption {
    display: block;
}

div.value {
  display:inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 200px;
  font-size:2.5em;
  margin-top: -100px;
  margin-bottom: 400px;
}