BODY
  {
    font-family:Calibri, sans-serif;
    color:rgb(0,0,0);
    background-color:rgb(255,255,255);
  }

IMG
  {
    border-style:none;
  }

H1.book1
  {
    margin-top:5px;
	margin-bottom:5px;
	font-size:32px;
	color:rgb(255,255,255);
	background-color:rgb(93,49,129);
  }

H1.book2
  {
    margin-top:5px;
	margin-bottom:5px;
	font-size:32px;
	color:rgb(255,255,255);
	background-color:rgb(0,125,214);
  }

H1.book3
  {
    margin-top:5px;
	margin-bottom:5px;
	font-size:32px;
	color:rgb(255,255,255);
	background-color:rgb(0,165,0);
  }
  
H1.book4
  {
    margin-top:5px;
	margin-bottom:5px;
	font-size:32px;
	color:rgb(255,255,255);
	background-color:rgb(255,90,11);
  }

H1.stats7
  {
    margin-top:5px;
	margin-bottom:5px;
	font-size:32px;
	color:rgb(255,255,255);
	background:linear-gradient(315deg, rgb(60,0,99), rgb(118,0,185), rgb(161,0,250), rgb(118,0,185), rgb(60,0,99));
  }
  
TD
  {
	font-size:20px
  }
  
TABLE.answer
  {
	border-collapse: collapse;
  }
  
TABLE.answer, TD.answer
  {
	border: 2px solid black;
	padding: 10px;
  }

TD.option
  {
	border: 2px solid black;
	padding: 10px;
	cursor: pointer;
  }
  
TD.numerator
  {
	height: 16px;
	padding: 0px;
	font-size: 16px;
	vertical-align: text-bottom;
  }
  
TD.denominator
  {
	height: 16px;
	padding: 0px;
	font-size: 16px;
	vertical-align: text-top;
  }
  
TD.fraction
  {
	height: 1px;
	padding: 0px;
  }
  
HR.book1
  {
	height: 3px;
    color: rgb(93,49,129);
    background: rgb(93,49,129);
    font-size: 0;
    border: 0;
  }
  
HR.book2
  {
	height: 3px;
    color: rgb(0,125,214);
    background: rgb(0,125,214);
    font-size: 0;
    border: 0;
  }
  
HR.book3
  {
	height: 3px;
    color: rgb(0,165,0);
    background: rgb(0,165,0);
    font-size: 0;
    border: 0;
  }
  
HR.book4
  {
	height: 3px;
    color: rgb(255,90,11);
    background: rgb(255,90,11);
    font-size: 0;
    border: 0;
  }
  
HR.stats7
  {
	height: 3px;
    color: rgb(161,0,250);
    background: linear-gradient(315deg, rgb(60,0,99), rgb(118,0,185), rgb(161,0,250), rgb(118,0,185), rgb(60,0,99));
    font-size: 0;
    border: 0;
  }
  
INPUT.checkbutton
  {
    padding:0px;
    padding-bottom:2px;
    border-color:rgb(224,224,255);
    color:yellow;
    font-weight:bold;
    font-size:11px;
    height:20px;
    margin-right:4px;
    background-color:rgb(128,128,255);
	cursor: pointer;
  }

INPUT.correctbutton
  {
    padding:0px;
    padding-bottom:2px;
    border-style:none;
    color:green;             
    font-weight:bold;
    font-size:11px;
    height:20px;
    margin-right:4px;
    background-color:rgb(255,255,255);
    text-align:left;
  }

INPUT.tryagainbutton
  {
    padding:0px;
    padding-bottom:2px;
    border-color:rgb(255,255,128);
    color:black;
    font-weight:bold;
    font-size:11px;
    height:20px;
    margin-right:4px;
    background-color:rgb(255,255,0);
	cursor: pointer;
  }

SPAN.frac 
  {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
  }
  
SPAN.frac > sup, SPAN.frac > sub 
  {
	display: block;
	font: inherit;
	padding-right: 0.2em;
	padding-left: 0.2em;
	padding-bottom: 0;
	padding-top: 0;
  }
  
SPAN.frac > sup 
  {
	border-bottom: 0.08em solid;
  }
  
SPAN.frac > SPAN 
  {
	display: none;
  }
  
SPAN.vect 
  {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
  }
  
SPAN.vect > sup  
  {
	display: block;
	font: inherit;
	padding-right: 0.05em;
	padding-left: 0.05em;
	padding-bottom: 0;
	padding-top: 0.5em;
  }

SPAN.vect > sub
	{
		display: block;
		font: inherit;
		padding-right: 0.05em;
		padding-left: 0.05em;
		padding-bottom: 0.5em;
		padding-top: 0;
	}
	
SPAN.vect > SPAN 
  {
	display: none;
  }