#topmenu{ 				/* done*/
    top:0px;
width:100%;
height:20px;margin-left:-35px;
background-color:#999;position:fixed;z-index:1000;
}

a
{color: black; text-decoration:none; background-color: #EAF2F8 ; font-style:normal;
font-weight:bold;}
a:hover
{color: black; text-decoration:none; background-color: yellow;}



body {
    /*counter-reset: section 0 enumerate 0 bibitem 0; */
    margin-top: 0px; margin-left: 50px;
    margin-right: 50px;
    padding: 0;
    color: #111;
    background: lightyellow;
    font-family: sans-serif; font-size: 20px;
}

h1 { font-size: 30px; color: #070606; padding: .5em 0;}
h2 { font-size: 20px; color: #070606; padding: .5em 0;}
h3 { font-size: 16px; }


p {
text-indent:25px;
}


.chapter:before { 
    content: "Chapter " counter(chapter) " "; 
    
}

.chapter { 
    text-align:center;
    font-style: normal; 
    font-weight: bold; 
    font-size: 130%;
    counter-increment: chapter;
}

.problem:before {
    font-style: normal; 
    font-weight: bold; 
   content: "Problem " counter(problem) " ";  
}

.problem {
   counter-increment: problem ;  
}

.mproblem:before {
    font-style: normal; 
    font-weight: bold; 
   content: "Matched Problem " counter(chapter)"."counter(section)"."counter(mproblem) " ";  
}

.mproblem {
   counter-increment: mproblem ;  
}

.item:before {
    font-style: normal; 
    font-weight: bold; 
   content: counter(item) ". ";  
}

.item {
   counter-increment: item ;  
}



div.title { 
    text-align:center;
    font-style: normal; 
    font-weight: bold; 
    font-size: 150%;
}

div.author {
    text-align:center;
    font-style: normal; 
    font-size: 130%;     
}

div.email {
    text-align:center;
    font-family:monospace,"Courier New", Courier;
    font-style: normal; 
}

div.address {
    text-align:center;
    font-style:normal; 
}

div.date {
    text-align:center;
    font-style: normal; 
    padding-top: 10px;
}

div.abstract {
    font-style: normal;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 10px;
    padding-top: 10px;
}

div.abstract:before {
    content: "Abstract:";     
    font-variant: small-caps;
    font-size: 105%;
} 

div.keywords {
    font-style: normal;
    font-size: 80%; 
}

div.keywords:before {
    content: "Key words and phrases: ";
    font-style: italic;
}

div.subjclass {
    font-style: normal;
    font-size: 80%; 
}

.centered {
    text-align:center;
    margin-left:auto; 
    margin-right:auto;
}

h2.section {
    margin-bottom:0.25em;
    margin-top:1em; counter-increment: section 0;
}

h3.subsection {
    margin-bottom:0.25em;
    margin-top:0.75em;
}

h4.subsubsection {
    margin-bottom:0.25em;
    margin-top:0.5em;
}

div.enumerate {
}

div.itemize {
}

/* vertical spacing */

p.LaTeXMathML {
    font-size: 0.25em;
}

p.smallskip {  
    font-size: 1.5em;
}

p.medskip {
    font-size: 3em;
}

p.bigskip {
    font-size: 4.5em;
}

pre.verb {
    display:inline
}

/* Font-face LaTeX spans */

span.textbf {
    font-weight:bold;
}

span.textit {
    font-style:italic;
}

em {
    font-style:italic;
/*    font-weight:bold;*/
}

span.textsc {
    font-variant:small-caps
}

span.textsl {
    font-style:oblique;
}

span.textsf {
    font-family:sans-serif, Arial, Helvetica;
}

span.texttt {
    font-family:monospace,"Courier New", Courier;
}


/* sections */
/*h2.section { 
    counter-reset: eqn 0 figure 0 subsection 0 subsubsection 0 definition 0 
    proposition 0 lemma 0 theorem 0 corollary 0 example 0 exercise 0 ;  
} 
*/
h2.section:before {
    content: "Unit " counter(chapter) "." counter(section) " ";
    counter-increment: section;  
} 

/* subsections */
h3.subsection {
    counter-reset: subsubsection 0;
}

h3.subsection {
    counter-increment: subsection;  
} 

h3.subsection:before {
    content: counter(chapter) "." counter(section) "." counter(subsection) " "; 
} 



/* subsubsections */
h4.subsubsection:before {
content: counter(section)"."counter(subsection)"."counter(subsubsection)" ";
counter-increment: subsubsection;  
} 

/* definition style, including number */
div.definition:before {
    content: "Definition "counter(section)"."counter(definition)" "; 
    counter-increment: definition 1;
    font-style: normal; 
    font-weight: bold; 
}

div.definition{ font-style:normal }

/* proposition style, including number */
div.proposition:after {
    content: " " counter(proposition)" "; 
    counter-increment: proposition 0;
    font-style: normal; 
    font-weight: bold; 
}

div.proposition{font-weight:bold; margin-left:50px; }

.proposition{counter-increment: proposition; }

/* lemma style, including number */
div.lemma:after {
    content: " " counter(lemma)" "; 
    counter-increment: lemma 0;
    font-style: normal; 
    font-weight: bold; 
}

div.lemma{ font-weight:bold; margin-left:50px; }

.lemma{counter-increment: lemma; }

a.claim:before {
    content: "Claim " counter(claim)" "; 
    counter-increment: claim 0;
    font-style: normal; 
    font-weight: bold; 
}

a.claim{ font-style:italic }

.claim{counter-increment: claim; }

/* theorem style, including number*/

div.theorem:after {
    content: " " counter(theorem)" "; 
    counter-increment: theorem 0;
    font-style: normal; 
    font-weight: bold; 
}

div.theorem{ font-weight:bold; margin-left:50px; }


div.quote{margin-left:50px; }



.theorem{counter-increment: theorem; }

/* corollary style, including number */
div.corollary:before {
    content: "Corollary "counter(section)"."counter(theorem)" "; 
    counter-increment: theorem 1;
    font-style: normal; 
    font-weight: bold; 
}

div.corollary{ font-style:italic }

/* Proof style, including number */
div.proof:before { 
    content: "Proof. "; 
    font-style: italic; 
}

div.proof:after {
   content: "\25A1"; /* use 220E for black square */
/*   float: right;
   float: bottom;*/
   font-weight: bold 
}

/* example style, including number */
div.example:before {
    content: "Example "counter(chapter)"."counter(section)"."counter(example)" "; 
    font-style: normal; 
    font-weight: bold; 
}

div.example {
    font-style: normal;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 10px;
    padding-top: 10px;
     counter-increment: example 1;
}

/* exercise style, including number */
div.exercise:before {
    content: "Exercise "counter(section)"."counter(exercise)" "; 
    counter-increment: exercise 1;
    font-style: normal; 
    font-weight: bold; 
}

div.exercise {
    font-style: normal;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 10px;
    padding-top: 10px;
}

/* exercises style, including number */
div.exercises:before {
    content: "Exercises "counter(section)". "; 
    font-style: normal; 
    font-weight: bold; 
}
/*
div.exercises {
    font-weight: bold; 
    font-style: normal;
}
*/
/* exercises style, including number */
/*span.problem:before {
    content: counter(exercise)". "; 
    counter-increment: exercise 1;
    font-style: normal; 
    font-weight: bold; 
}*/

div.solution:before {
    content: "Solution: ";
    font-style: normal; 
    font-weight: bold; 
}

div.center {
    font-style: normal;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

/* thebibliography style, including number */
div.thebibliography {
    font-style: normal;
    padding-top: 15px;
}

div.thebibliography:before { 
    content: "References"; 
    font-style: normal; 
    font-weight: bold 
}

span.bibitem {
    font-style: normal; 
    font-weight: bold; 
}


/* cites and refs */
a.cite {
    font-style: normal; 
}

a.ref {
    font-style: normal; 
}

a.ref:before{ 
    content: target-text(attr(href),before) 
}

      
a.cite:before{ 
   content: target-text(attr(href),before) 
}



a.basic {color: black; text-decoration:none; background-color: #92F27B ; font-style:normal;
font-weight:bold;}
a.basic:hover
{color: black; text-decoration:none; background-color: #C5F27B;}





/* figures */


.figure:before {
    content: "Figure "counter(chapter)"."counter(section)"."counter(caption)" ";
    font-style:normal; 
    font-weight:bold;  
}

.figure {
    counter-increment: caption; 
}




td.image {
    text-align:center;
}
/*
div.figure:before {
    font-style:normal; 
    font-weight: bold;
}
*/
/* LaTeXtable  configuration */

table.LaTeXtable {
   border-collapse:collapse;
   margin-left:auto; 
   margin-right:auto;
}

table.LaTeXtable td {
   border:1px solid black;
   padding:5px;
}

table.LaTeXtable tbody {
   text-align:center;
   margin-left:auto; 
   margin-right:auto;
}

/*
table.LaTeXtable td.caption:before {
   content: "Table ";
   font-style: normal; 
   font-weight: bold 
}
*/
table.LaTeXtable td.tabular table.tabular {
   text-align:center;	
}

div.LaTeXtable {
   text-align: center;	
   margin-top: 10px; 
   margin-bottom: 10px; 
}

div.LaTeXtable:before {
   content: "Table "counter(section)"."counter(LaTeXtable)": ";
   counter-increment: LaTeXtable;  
   font-style: normal; 
   font-weight: bold;
}



.figref:before {
    content: counter(chapter)"."counter(section)"."counter(figlabel)" ";
    font-style:normal; 
    font-weight:bold;   
}

.figlabel {
    counter-increment: figlabel; 
}

.probref:before {
    content: counter(problem)" ";
    font-style:normal; 
    font-weight:bold;   
}

.problabel {
    counter-increment: problabel; 
}


.itemref:before {
    content: counter(item)" ";
    font-style:normal; 
    font-weight:bold;   
}


.itemlabel {counter-increment: itemlabel;} 

.eqref:before {
    content: " ";
    font-style:normal; 
    font-weight:bold;   
}

.eqlabel {
    counter-increment: eqlabel; 
}






.hotspot {
    position: absolute; 
}
.hotspot + * {
    pointer-events: none;
    opacity: 0;
}
.hotspot:hover + * {
    opacity: 1;
}
.wash {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.6);
}