body{
color: black;
#background-image: url("/img/UEB_Background.png");
background-repeat: repeat;
font-size: 14pt;
}


.RomanNumeral td{
  padding: 25px;
}

.readingex{
  cursor: pointer;
  color: #449ad4;
}

.readingex:hover{
  cursor: pointer;
  color: #346e9c;
  text-decoration: underline;
}

.brailletable tr, td {
  border: 1px solid;
  padding: 10px;
}

.brlemphasis {
  color: red;
  font-weight: bold;
}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.colcontent {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.matchingtable tr td{
  border: none;
}

label {
  margin-left: 10px;
}

.vertical-radio-buttons div {
  display: block;
  padding: 0 0 5px 5px;
  clear: both;
}

.vertical-radio-buttons span {
  display: block;
  padding-left: 20px;
  cursor: inherit;
}

.vertical-radio-buttons label {
  font-size: rem-calc(16);
}

.vertical-radio-buttons input {
  float: left;
  width: 20px;
  margin-left: -20px;
  margin-top: 6px; // vertically align radio button with text
  padding: 0;
  -webkit-appearance: radio;
}