body {
  text-align: center;
/*  font-family: sans-serif;  */
/*  font-family: serif;  */
}

.title {
  font-size: 20pt;
}

.subcard {
  border-color: inherit;
  border: dashed 1px;
  margin: 2mm;
}

.note {
  border-color: inherit;
  border: solid 1px;
  margin: 2mm;
}

.cardlinks {
  border-color: inherit;
  border: dotted 1px;
  margin: 2mm;
}

.main {
  text-align: center;
  border: solid 2px;
  background-color: #EEEEFF;
  border-color: #4444CC;
  color: #000088;
  padding: 1mm;
  margin: 5mm;
}

.right {
  text-align: center;
  border: solid 2px;
  background-color: #EEFFEE;
  border-color: #44CC44;
  color: #008800;
  padding: 1mm;
  margin: 5mm;
}

.wrong {
  text-align: center;
  border: solid 2px;
  background-color: #FFEEEE;
  border-color: #CC4444;
  color: #880000;
  padding: 1mm;
  margin: 5mm;
}

.mainOn {
  color: #4040E8;
} 

.rightOn {
  color: #40C840;
} 

.wrongOn {
  color: #E84040;
} 

.mainOnUnderline {
  color: #4040E8;
  text-decoration: underline;
} 

.rightOnUnderline {
  color: #40C840;
  text-decoration: underline;
} 

.wrongOnUnderline {
  color: #E84040;
  text-decoration: underline;
} 

.report {
  font-size: 10pt;
}

.doubt {
  font-size: 12pt;
  font-weight: bold;
}

#title {
  font-size: x-large;
}

span.hov {
  padding: 1px;
  border: none 1px;
  text-decoration: underline;
  cursor: pointer;
}

span.hov:hover {
  background-color: #CCCCFF;
  border: dotted 1px;
}

span.link {
  text-decoration: underline;
  cursor: pointer;
}

a {
  color: inherit;
}

a:visited {
  color: inherit;
}

table { border: 2px solid ; border-collapse: collapse }

td { border: 1px solid ; padding: 0 5px 0 5px }

@media print {
.main, .right, .wrong {background-color: transparent; border-color: #000000; color: #000000; page-break-inside: avoid;}
.cardlinks, .report { display: none; }
/*.doubt { display: none; }*/ /* Should email doubt links be printed? I Guess so */
.breakBefore {page-break-before: always;}
}