@font-face {
  font-family: "cmr";
  src: url('mathjax/fonts/HTML-CSS/TeX/otf/MathJax_Main-Regular.otf');
}
@font-face {
  font-family: "cmb";
  src: url('mathjax/fonts/HTML-CSS/TeX/otf/MathJax_Main-Bold.otf');
}
@font-face {
  font-family: "osf";
  src: url('mathjax/fonts/HTML-CSS/TeX/otf/MathJax_Caligraphic-Regular.otf');
}
@font-face {
  font-family: "cmmonospace";
  src: url('mathjax/fonts/HTML-CSS/TeX/otf/MathJax_Typewriter-Regular.otf');
}

html,body {background-color: white; height: 100%; margin: 0; padding: 0;}
* { font-family: cmr, Times, serif; color: black; }
p { font-size:12pt; text-align: justify;}
h1,h2,h3,h4 { font-family: cmb, Times, serif; font-weight: normal;}
h4 {margin-bottom: 0px; }
h5 { font-family: cmr, Times, serif; font-size:12pt; font-weight: normal; font-style: italic; margin-bottom: 7px; text-align: center; }
span.emph { font-style:italic; }
span.questionheader { /*font-variant: small-caps;*/ }
.numbers,span.tocnumbers { font-family: osf, cmr, Times, serif; }
span.tocnumbers { margin-right:7px; }
span.rememberheader { font-family: cmb; }

span.newword { text-decoration: underline; }
span.acronym { font-variant: small-caps; text-transform: lowercase; }
span.title { font-style:italic; }

code { font-family: cmmonospace, Monospace; font-size: 12pt;}

img { vertical-align: middle; }

.display { display: block; margin: 10pt auto; }

li.contents { list-style-type: none; }
li.itemize { list-style-type: disc; }
ol.subquestions { 
	position: relative; top:-10px; list-style-type: lower-alpha; 
    counter-reset: subq;
    list-style-type: none;
}
ol.subquestions > li:before { 
    content: counter(subq,lower-alpha) ") "; 
    counter-increment: subq ;
	position:absolute; left: 1em;
}
div.hidden { display: none; /*border: 1px solid black;*/ padding-left: 10pt; padding-right: 10pt; }
div.remember { 
	border: 1px solid black;
	/*border: 6px solid black;
	border-image: url(border2.png) 6 stretch; */
	padding-left: 10pt; padding-right: 10pt; 
}
a:link, a:link * {color: #800;}
a:visited, a:visited * {color: #644;}
a.hint,a.ans { display: block; text-align: center;}
a.symb { display: block; color: black; text-decoration: none; }
a.symb * {color: black; }

#container {
	min-height:100%;
	position:relative;
}
#tocfooter { 
	font-size:10pt; 
	text-align: center; 
}
#footer { 
	font-size:10pt; 
	text-align: center; 
	position: absolute; 
	height: 8em;
	bottom: 0; 
	width: 100%;
}
div.book {
	max-width: 600px;
	min-width: 320px;
	padding: 10px;
	margin-left: auto; margin-right: auto;
	padding-bottom: 10em; /* including height of footer */
}
div.versal {
	font-size: 50pt;
	float: left;
	display: in-line;
	margin-bottom: -10pt;
	line-height: 45pt;
}

table { border-collapse: collapse; border: none; margin: 15px auto; }
colgroup + colgroup, colgroup.lline { border-left: solid thin; }
table.leftline { border-left: solid thin; }
table.rightline { border-right: solid thin; }
table.bottomline { border-bottom: solid thin; }
tr.hline { border-top: solid thin; }
td { border: none; padding: 0px 6px 3px 6px; margin: 0px;} 
td.r, th.r {text-align: right; }
td.l, th.l {text-align: left; }
td.c, th.c {text-align: center; }

.fb-like,.fb-like span {vertical-align: top !important;}

.progress-bar-container {padding: 2px; border: 1px solid black; width: 200px; height: 14px; display: inline-block; vertical-align: middle; text-align: center;}
.progress-bar {background-color: #800; color: white; font-family: cmb; height: 100%; font-size:10pt; text-align: center;}