/* cursive */
@import url('https://fonts.googleapis.com/css?family=Croissant+One|Amita|Syne+Mono');
/*@import url('https://fonts.googleapis.com/css?family=Sunshiney|Charmonman');
@import url('https://fonts.googleapis.com/css?family=Amita|Kurale|Cormorant+Upright|Macondo+Swash+Caps|Croissant+One');*/
/*@font-face {font-family: 'SunshineyLocal'; src: url(./fonts/Sunshiney-Regular.ttf);}
@font-face {font-family: 'CharmonmanLocal'; src: url(./fonts/Charmonman-Regular.ttf);}
@font-face {font-family: 'CharmonmanLocal'; src: url(./fonts/Charmonman-Bold.ttf); font-weight:bold;}
@font-face {font-family: 'MacondoSwashCapsLocal'; src: url(./fonts/MacondoSwashCaps-Regular.ttf);}*/
/*@font-face {font-family: 'MacondoLocal'; src: url(./fonts/Macondo-Regular.ttf)}*/

@font-face {font-family: 'QuintessentialLocal'; src:
	url(./fonts/Quintessential-Regular.ttf), url(http://study.mentorials.com/my_site/fonts/Quintessential-Regular.ttf);
}
@font-face {font-family: 'CroissantOneLocal'; src:
	url(./fonts/CroissantOne-Regular.ttf), url(http://study.mentorials.com/my_site/fonts/CroissantOne-Regular.ttf);
}
@font-face {font-family: 'AmitaLocal'; src:
	url(./fonts/Amita-Regular.ttf), url(http://study.mentorials.com/my_site/fonts/Amita-Regular.ttf);
}
@font-face {font-family: 'AmitaLocal'; src:
	url(./fonts/Amita-Bold.ttf), url(http://study.mentorials.com/my_site/fonts/Amita-Bold.ttf);
	font-weight:bold;
}
@font-face {font-family: 'SyneMonoLocal'; src:
	url(./fonts/SyneMono-Regular.ttf), url(http://study.mentorials.com/my_site/fonts/SyneMono-Regular.ttf);
}
@font-face {font-family: 'FlatstockLocal'; src:
	url(./fonts/Flatstock.ttf), url(http://study.mentorials.com/my_site/fonts/Flatstock.ttf);
}


/*:root {
	--show-soln-display: "a";
}*/

SECTION.compendium {
    counter-reset: h1-counter ex-counter;
	margin-top:5px; padding:15px 15px 15px 30px;
	border-style:solid; border-color:transparent; border-width:1px 1px 1px 0px; border-radius:0 15px 15px 0;
	-moz-box-shadow: 5px 5px 0.8em black, inset 0px 0px 0.5em #dddddd; box-shadow: 5px 5px 0.8em black, inset 0px 0px 0.5em #dddddd;
	background-image: url(./_images/bg_bound_big_1.gif), url(./_images/bg_mentorials_1.png);
	background-repeat: repeat-y, repeat-y;
	background-position: top left, top right;
	background-size: auto, 35%;
	background-color:#ffffff;
}

SECTION.compendium ARTICLE.theory {
	background-image: url(./compendium/_images/section_bg.gif);
	background-repeat: repeat-y; background-position: top right;;
}

SECTION.compendium :is(
    TABLE.prev-next-up-down-links, TABLE.prev-next-up-down-links-bottom
) {
	width:100%; height:35px; background-color: #efefef; border-style:none; border-color:#bbbbbb;
	-moz-box-shadow: inset 0px 0px 0.3em #aaaaaa; box-shadow: inset 0px 0px 0.3em #aaaaaa;
	-moz-border-radius:5px; border-radius:5px; line-height:0.9em
}
SECTION.compendium TABLE.prev-next-up-down-links {border-width:1px 1px 1px 1px; margin:-5px 0px 5px 0px}
SECTION.compendium TABLE.prev-next-up-down-links-bottom {border-width:1px 1px 1px 1px; margin:10px 0 5px 0;}
SECTION.compendium :is(
    TABLE.prev-next-up-down-links TR TD,
    TABLE.prev-next-up-down-links-bottom TR TD
) {font-family: "Times New Roman", Times, serif ; font-size:1em; padding:5px 1px 5px 1px; font-weight:normal; border-style:none;}

SECTION.compendium TABLE TD.updown-left {width:33.33%; text-align:left; border-style:solid !important; border-color:#bbbbbb}
SECTION.compendium TABLE TD.updown-right {width:33.33%; text-align:right; border-style:solid !important; border-color:#bbbbbb}
SECTION.compendium TABLE.prev-next-up-down-links TD.updown-left { border-width: 0 0 1px 0; }
SECTION.compendium TABLE.prev-next-up-down-links-bottom TD.updown-left { border-width: 1px 0 0 0; }
SECTION.compendium TABLE.prev-next-up-down-links TD.updown-right {border-width: 0 0 1px 0; }
SECTION.compendium TABLE.prev-next-up-down-links-bottom TD.updown-right {border-width: 1px 0 0 0; }

SECTION.compendium TABLE TD.prevnext-left {width:33.33%; text-align:right; padding-right:5px !important}
SECTION.compendium :is(
	TABLE.prev-next-up-down-links TD.prevnext-center,
	TABLE.prev-next-up-down-links-bottom TD.prevnext-center
) {
	width:33.33%; text-align:center; background-color:#efefef; font-weight:bold !important;
	-moz-box-shadow: inset 0 0 1em #bbbbbb; box-shadow: inset 0 0 1em #bbbbbb;
	border-style: solid; border-color: #bbbbbb; border-width: 0 1px 0 1px;
}
SECTION.compendium TABLE.prev-next-up-down-links TD.prevnext-center {/*-moz-border-radius: 0.8em 0.8em 0 0; border-radius: 0.8em 0.8em 0 0;*/}
SECTION.compendium TABLE.prev-next-up-down-links-bottom TD.prevnext-center {/*-moz-border-radius: 0 0 0.8em 0.8em; border-radius: 0 0 0.8em 0.8em;*/}
SECTION.compendium TABLE TD.prevnext-right {width:33.33%; text-align:left; padding-left:5px !important}

SECTION.compendium SPAN.prev-next-up-down-text {font-size:1.3em}
SECTION.compendium TABLE TD.updown-left IMG {vertical-align:top;}
SECTION.compendium TABLE TD.updown-right IMG {vertical-align:bottom;}


/* the style attribute "left" for the id selector below is added through javascript function generateStaticTopBackLink() */
div#id-static-links-backward-top-forward {background-color:#ffffff; text-align:center; padding:1px; border:solid 1px; -moz-box-shadow: 3px 3px 1em black, inset 0px 0px 1.5em gold; box-shadow: 3px 3px 1em black, inset 0px 0px 1.5em gold; -moz-border-radius:1px; border-radius:1px; position:fixed; bottom:0px}
div#id-static-links-backward-top-forward img {border-style:none}

/** BEGIN---- Headings **/
SECTION.compendium A {color:blue}
SECTION.compendium :is(
	H1, H2, H3, H4, H5, H6
) {
	font-family: Philosopher, PhilosopherLocal, Courgette, CourgetteLocal, Helvetica, Arial, Sans-serif; font-weight:normal; text-align:left;
	color:#000000; background-color:transparent; padding:4px; padding-left:5px;
	margin-right:20px; margin-bottom:20px; margin-top:30px;
	border-style:solid; border-color:#006600; border-width:0px 0px 0px 0px; clear:both;
}

SECTION.compendium H1 {
	font-weight:bold; color:#ffffff; background-color:#003c78; text-align:center; text-shadow:black 2px 2px 3px; padding-left:8px;
	border-style:none; border-color:#000000; border-width:0px 0px 2px 0px; margin-right:0px; margin-top: 15px;
	-moz-border-radius:40px 40px 0px 0px; border-radius:40px 40px 0px 0px;
}
SECTION.compendium :is(H2, H3, H4, H5) {
	color:#ffffff; text-shadow:black 2px 2px 3px;
}
SECTION.compendium H6 {color:#000000; text-shadow:white 2px 2px 3px;}

/*SECTION.compendium H2 {border-style:solid; border-color:#9E01FD; border-width:0px 0px 0px 0px; margin-right:5px;}*/
SECTION.compendium H2 { background-image:linear-gradient(to right, #003c78, rgba(255, 255, 255, 0)); background-repeat:repeat-y; -moz-border-radius:10px; border-radius:10px;}
SECTION.compendium H3 { background-image:linear-gradient(to right, #003c78, rgba(255, 255, 255, 0)); background-repeat:repeat-y; -moz-border-radius:7px; border-radius:7px}
SECTION.compendium H4 { background-image:linear-gradient(to right, #003c78, rgba(255, 255, 255, 0)); background-repeat:repeat-y; -moz-border-radius:5px; border-radius:5px}
SECTION.compendium H5 { background-image:linear-gradient(to right, #3b7e9e, #3b7e9e, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-repeat:repeat-y; -moz-border-radius:3px; border-radius:3px}
SECTION.compendium H6 { background-image:linear-gradient(to right, #dddddd, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-repeat:repeat-y; -moz-border-radius:3px; border-radius:3px}

SECTION.compendium H1 {font-size:2.5em; counter-reset:H2-counter}
SECTION.compendium H1.LOR-biblio-head:before {content: ""}
SECTION.compendium H2:before {content: counter(H2-counter) ". "; counter-increment: H2-counter; font-size:13px}
SECTION.compendium H2 {font-size:2.2em; font-weight:bold; counter-reset:H3-counter}
SECTION.compendium H3:before {content: counter(H2-counter) "." counter(H3-counter) " "; counter-increment: H3-counter; font-size:12px; font-weight:normal}
SECTION.compendium H3 {font-size:1.8em; font-weight:bold; counter-reset:H4-counter}
SECTION.compendium H4:before {content: counter(H2-counter) "." counter(H3-counter) "." counter(H4-counter) " "; counter-increment: H4-counter; font-size:11px; font-weight:normal}
SECTION.compendium H4 {font-size:1.5em; font-weight:bold}
SECTION.compendium H5 {margin-left:10px; font-size:1.4em; font-weight:bold; padding-left:8px}
SECTION.compendium H6 {margin-left:10px; font-size:1.3em; font-weight:bold; border-style:none; margin-top:10px; margin-bottom:10px; padding-left:8px}
/** END---- Headings **/


SECTION.compendium DIV#id-content {border-style:none; border-color:#CCFF99; border-width:0px 0px 0px 1px}

SECTION.compendium .indent-null {margin-left:inherit !important;}
SECTION.compendium .indent-0 {margin-left:1.4em !important;}
SECTION.compendium .indent-1 {margin-left:2.8em !important;}
SECTION.compendium .indent-2 {margin-left:4.2em !important;}

SECTION.compendium :is(
	P, OL, UL, DIV
) {
	font-family: 'Croissant One', CroissantOneLocal, Snippet, SnippetLocal, Courgette, CourgetteLocal, 'Syne Mono', SyneMonoLocal, FlatstockLocal;
	color:#444444;
	text-shadow: 1px 1px 8px #ffffff; /* for a little clarity of text because of background image */
}
/*
	C7nazara / Yaahowu / Fabada / 'Bryana Aningsih Shara' => needs 1.1em font size [for math block sizing within P tag to be same as Montserrat, which had 1.2em]
	Timeburner / 'Amerika Sans' / Galberik => needs same (1.2em) font size
	MacondoLocal, Macondo, => needs 1.3em font size
	Peignot => needs 1.4em font size
 */
SECTION.compendium :is(
	P, OL, UL, DIV.para, DIV.ex
) {
	font-size:1.2em; line-height:1.7em; letter-spacing: 0.05em;
	margin-left:10px; margin-right:10px;
	/*transform: scaleX(0.9);transform-origin:center left*/
}
SECTION.compendium DIV.para {margin-top:1em; margin-bottom:1em} /* BETA Trial (for spacing between divs like paragraph). Does it affect other areas? */

SECTION.compendium :is(
	OL LI DIV.para, UL LI DIV.para,
	OL LI P, UL LI P,
	DIV.para OL, DIV.para UL
) {font-size: revert; margin-top:0.6em; margin-bottom:0.6em}

SECTION.compendium P.important {
	font-family: Philosopher, PhilosopherLocal, "Times New Roman", Times, serif ; font-size:1.3em; background-color:#ffffee;
	text-align:center; clear:left; padding:10px; margin-top:1.5em; line-height: 1.5em;
	-moz-box-shadow: 0 0 1.5em #ff0000; box-shadow: 0 0 1em #ff0000;
	-moz-border-radius:3em; border-radius:3em;
}

SECTION.compendium :is(
	OL, UL
) {margin-right:25px; margin-bottom:1.5em;}
SECTION.compendium :is(
	OL LI, UL LI
) {margin-top:0.4em; margin-bottom:0.4em; margin-left:0; list-style-position: outside}
SECTION.compendium :is(
	OL LI:first-child, UL LI:first-child
) {/* margin-top:-0.4em */ /* WHY WAS THIS -ve margin done?? */ }


SECTION.compendium :is(
	OL UL, OL OL, UL OL, UL UL
) {font:inherit !important}

SECTION.compendium OL.ques-part-level-1 {list-style-type:lower-alpha; margin-left:-30px}
SECTION.compendium OL.ques-part-level-2 {list-style-type:lower-roman}
SECTION.compendium DL {font-size:13px}
SECTION.compendium DT {font-weight:bold; font-style:italic}

SECTION.compendium DIV.exemplify {position:relative; margin-left: 1.5em; margin-top:0.6em}

SECTION.compendium REF {display: block; margin:-0.7em 0 -1.5em 0;  font-family:'Times New Roman', times, serif; color:#666666; font-size:0.8em; font-weight:normal; letter-spacing: initial; text-align:right}
SECTION.compendium REF.board {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000000; background-color:#CCFF66; padding: 0px 2px 0px 4px} /* Board Exam questions */
SECTION.compendium :is(
	REF.fig, REF.tbl
) {margin:revert; text-align:left}

/*SECTION.compendium REF.fig {margin:0em 0 0em 0; text-align:left}
SECTION.compendium REF.tbl {margin:0em 0 0em 0; text-align:left}*/

SECTION.compendium STRONG.text-emphasis-1 {font-size:105%; font-style:normal; color:#AA00AA;}
SECTION.compendium EM.text-emphasis-2 {font-size:100%; color:#AA00AA; text-shadow: inherit, #AA00AA 0px 0px 1px}
SECTION.compendium EM {font-size:100%; color:#333333; text-shadow: inherit, 0.3pt 0.3pt #000000;} /* corresponds to emphasis-3 */

SECTION.compendium :is(
	DIV#id-article-author,
	DIV#id-create-last-modified
) {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; font-style:italic; margin-top:15px; margin-bottom:-20px}
SECTION.compendium DIV#id-create-last-modified {text-align:left; float:left}
SECTION.compendium DIV#id-article-author {text-align:right; float:right}


/** BEGIN---- Internal TOC related **/
SECTION.compendium DIV#id-content-toc {
	background-color:#ffffff; text-align:left;
	margin-bottom:10px; margin-left:0px; padding:5px;
	border-style:solid; border-width:0px 0px 1px 1px; border-color:#aaaaaa;
	background-image:url(./_images/compendium_page-navigator.png); background-repeat:no-repeat; background-position: top right; background-size: 90%;
	-moz-box-shadow: 2px 2px 0.5em #AA33CC; box-shadow: 2px 2px 0.5em #aaaaaa;
	-moz-border-radius:10px; border-radius:10px;
	/*display:none*/
}

SECTION.compendium UL.toc {
	font-family: Arial, Helvetica, sans-serif; font-size:1em; list-style:none; letter-spacing: normal !important;
	margin-left:-10px; margin-bottom:0;
}
SECTION.compendium :is(
    LI.toc-list-h1,
    LI.toc-list-h1-feedback-lor-biblio
) {margin-left:-10px; line-height:16px; margin-top:2px; margin-bottom:2px;}

SECTION.compendium LI.toc-list-h1 {font-size:115%;}
SECTION.compendium LI.toc-list-h1-feedback-lor-biblio {font-family:"Times New Roman", Times, serif; font-size:13px;}
SECTION.compendium LI.toc-list-h2 {margin-left:-5px; font-size:110%; line-height:15px; margin-top:2px; margin-bottom:2px}
SECTION.compendium LI.toc-list-h3 {margin-left:10px; font-size:103%; line-height:14px; margin-top:2px; margin-bottom:2px}
SECTION.compendium LI.toc-list-h4 {margin-left:25px; font-size:95%; line-height:13px; margin-top:2px; margin-bottom:2px}
SECTION.compendium LI.toc-list-h5 {margin-left:40px; font-size:90%; line-height:12px; margin-top:1px; margin-bottom:1px}
SECTION.compendium LI.toc-list-h6 {margin-left:55px; font-size:85%; line-height:11px; margin-top:0px; margin-bottom:0px}
SECTION.compendium :is(
    LI.toc-list-h1:before,
    LI.toc-list-h2:before,
    LI.toc-list-h3:before
) {color:#aaaaaa}
/*SECTION.compendium LI.toc-list-h1:before {content: "\2937 "; vertical-align:top;}*/
SECTION.compendium LI.toc-list-h2:before {content: "\2013\00A0"}
SECTION.compendium LI.toc-list-h3:before {content: "\2013\00A0"}
SECTION.compendium LI.toc-list-h4:before {content: "\00A0\00A0"}
SECTION.compendium LI.toc-list-h5:before {content: "\00A0\00A0"}
SECTION.compendium LI.toc-list-h6:before {content: "\00A0\00A0"}

SECTION.compendium UL.toc LI {text-shadow:#ffffff 0px 0px 25px; font-weight:normal}
SECTION.compendium UL.toc LI A {background-color:#ffffff; border-radius:5px; padding-right:2px}

SECTION.compendium DIV#id-page-navigator-label {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:1.1em; font-weight:bold;
	color:#ffffff; background-color:#003c78; text-shadow:#000000 2px 1px 1px;
	box-shadow: 0px 0px 15px #ffffff;
	margin-left:-10px; margin-bottom:10px; margin-top:0px; padding:2px 2px 2px 4px; width:25%;
	border-style:solid; border-width:3px 3px 3px 0px; border-color:#ffffff;
	-moz-border-radius:4px; border-radius:4px
}
SECTION.compendium DIV.go-top-go-back {text-align:right; padding-right:5px; border:none 0px; margin-top:-15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
SECTION.compendium H6 + DIV.go-top-go-back {margin-top:-10px;}
SECTION.compendium DIV.go-top-go-back > A {text-decoration:underline;}

/** END---- Internal TOC related **/



/** BEGIN----Tooltip **/
SECTION.compendium SPAN.mngph-tooltip {
	position:relative; text-decoration:none; background-color:#FFFFFF;
	display:inline-block;
	padding-left:2px; padding-right:2px; color:inherit;
	border-style:dotted; border-width:0px 0px 1px 0px; border-color:#0000FF
}
SECTION.compendium SPAN.mngph-tooltip SPAN {
	text-align:left; line-height:1.1em;
	display:none; position:absolute; z-index:1; min-width:180px; overflow:hidden;
	font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-style:normal; font-weight:normal !important;
}
SECTION.compendium SPAN.mngph-tooltip:hover {}
SECTION.compendium SPAN.mngph-tooltip:hover SPAN {
	display:inline-block; left:50%; margin-left:-90px; margin-top:-80px;
	color:#000000; background-color:#ffffff;
	border-style:solid; border-color:red; border-width:2px 2px 2px 2px; padding:4px;
	-moz-box-shadow: 10px 10px 2em red; box-shadow: 10px 10px 2em red;
	-moz-border-radius:5px; border-radius:5px
}
SECTION.compendium SPAN.mngph-tooltip:hover SPAN EM { color:red }
/** END----Tooltip **/

/** BEGIN----Example Box, Facts Box, Definiton Box, Table emphasis  **/
SECTION.compendium DIV.ex:before {
	content: "Ex " counter(ex-counter) '. \00a0'; counter-increment: ex-counter;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold
}
SECTION.compendium DIV.ex {
	font-family: 'Syne Mono', SyneMonoLocal, FlatstockLocal; color:#000000; text-align:left;
	letter-spacing: initial; line-height: 1.7em;
	margin-top:15px; margin-bottom:25px; padding:3px; overflow: auto;
	border-style:solid; border-width:3px 2px 2px 2px; border-color: rgba(0, 87, 207, 0.6); clear:both;
	background-image:
		url(./_images/bg_example_compendium.png), url(./compendium/_images/section_bg1.gif);
	background-repeat:
		no-repeat, no-repeat;
	background-position:
		top left, top right;
	background-size:
		auto, auto;
	-moz-border-radius:5px; border-radius:5px
}

SECTION.compendium DIV.ex :is(
	P, DIV
) {font-family:inherit; font-size:100%;}

SECTION.compendium DIV.ex SPAN.toggle-soln {display: table; color:#0000ff; background-color:#dddddd; margin-top:10px}

SECTION.compendium DIV.ex DIV.ex-soln {
	font-family: FlatstockLocal, 'Syne Mono', SyneMonoLocal; color:#000000; font-size:100%;
	padding:10px 3px 3px 10px; margin-top:20px; overflow: auto;
	border-style:solid; border-width:2px 0 0 0; border-color: rgba(0, 87, 207, 0.6);
	background-image:url(./_images/bg_bulb.png); background-repeat:no-repeat;
	display: none;
}
SECTION.compendium DIV.ex DIV.ex-soln:before {
	content: "\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
	font-family: Amita, AmitaLocal; font-weight:bold;
}

SECTION.compendium DIV.ex DIV.ex-soln :is(
	P, DIV.para
) {
	font-family:inherit; font-size:100%;
	margin-top:8px; margin-bottom:8px;  color:#000000;
}
SECTION.compendium DIV.ex DIV.ex-soln :is(
	P:first-child, DIV.para:first-child
) {
	margin-top:-32px; margin-bottom:8px; text-indent:20px;
}

SECTION.compendium DIV.ex DIV.ex-soln TABLE { font-size:100%;}
SECTION.compendium DIV.ex DIV.ex-soln TABLE TR {vertical-align:top}

SECTION.compendium :is(
	DIV.contents-facts,
	DIV.contents-facts-full
) {font-size:14px; width:50%; float:right; padding:10px; background-color:#FFFFFF; margin:10px 10px 10px 20px; border-style:double; border-width:3px 0px 0px 0px; border-color:gold; -moz-box-shadow: 0px 0px 1em gold; box-shadow: 0px 0px 1em gold}

SECTION.compendium :is(
	DIV.contents-facts P,
	DIV.contents-facts-full P
) { font-size:14px; margin-left:0px; margin-top:0px; margin-bottom:5px;}

SECTION.compendium DIV.contents-facts-full {width:auto; float:none; clear:both}

SECTION.compendium DIV.contents-definition {
	font-family: Philosopher, PhilosopherLocal, "Times New Roman", Times, serif; font-size:1.3em; font-style:normal; background-color:#FFFFdd; color:#000000;
	width:95%; line-height:25px; text-align:left; padding:3px 10px 3px 10px; margin:5px 5px 20px 10px;
	border-style:double; border-width:3px 0 0 0; border-color:#FC0;
	-moz-border-radius:10px; border-radius:10px
}
SECTION.compendium DIV.contents-definition-header {
	text-align:left; text-shadow:#AAAAAA 0 0 0; font-weight:normal; font-style:normal; text-decoration: underline; font-size:120%;
	padding:0 5px 0 5px; margin: 0 0 10px 0; border-style: none; border-width:0 0 2px 0; border-color:#000000;
	-moz-border-radius:0; border-radius:0
}

SECTION.compendium DIV.contents-facts UL {margin-left:-40px}

SECTION.compendium TABLE.emphasis {background-color:#FFFFFF; border-style:solid; border-width:1px; border-color:#9900CC; margin-left:0.25in}

/** END----Example Box, Facts Box, Definiton Box, Table emphasis **/


/** BEGIN----Article Image related **/
@media screen and  (max-width:400px) {
    SECTION.compendium :is(FIGURE.art-image, FIGURE.art-image-only-ref) {width:50%}
    SECTION.compendium :is(FIGURE.art-image IMG, FIGURE.art-image-only-ref IMG) {height:auto}
}
@media screen and (min-width:401px) {
    SECTION.compendium :is(FIGURE.art-image, FIGURE.art-image-only-ref) {}
    SECTION.compendium :is(FIGURE.art-image IMG, FIGURE.art-image-only-ref IMG) {height:auto}
}
SECTION.compendium :is(
	FIGURE.art-image, FIGURE.art-image-only-ref
) {
	display:table; overflow-wrap: break-word;
	background-color:rgba(255, 255, 255, 0.5); margin:5px 5px 10px 5px; border-style:solid; border-width:1px 1px 1px 1px; border-color:#DDAADD;
	padding:0 3px 0 3px; -moz-border-radius:5px; border-radius:5px;
	-moz-box-shadow: 0px 0px 5px #aaaaaa; box-shadow: 0px 0px 5px #aaaaaa
}
/* For preventing overflow of image if floating element is taller than containing element
SECTION.compendium :is(
	FIGURE.art-image:after, FIGURE.art-image-only-ref:after
) { content: ""; clear: both; display: table; }*/

SECTION.compendium FIGURE.art-image FIGCAPTION {
	display: table-caption; caption-side: bottom; background-color:transparent;
	font-family:"Times New Roman", Times, serif; font-size:1.2em; font-weight:normal; text-align:left; color:#000000;
	padding:5px 5px 4px 5px; line-height:1em;
	border-style:solid; border-width:0px 2px 0px 2px; border-color:#DDAADD;
	-moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;
}
SECTION.compendium FIGURE.art-image-only-ref FIGCAPTION {
	display:table-caption; caption-side: bottom;
	font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:0.9em; font-weight:normal;
	padding:0px; line-height:1em; text-align:left
}
SECTION.compendium FIGURE.art-image-only-ref IMG {border-radius:5px}
SECTION.compendium FIGURE.art-image IMG {border-radius:5px;}
/** END----Article Image related **/


/** BEGIN----Article Table related **/
SECTION.compendium DIV.art-table {
	background-color:transparent; text-align:left; padding:4px; margin-left: 3px; margin-right:10px;
	display:grid; justify-content:center; overflow-x:auto;
	/*border-style:solid; border-color: #0065ff; border-width:1px 1px 1px 1px; border-spacing:1px;
	-moz-border-radius:5px; border-radius:5px;
	box-shadow: 0.1em 0.1em 0.1em #aaaaaa*/
}

SECTION.compendium DIV.art-table TABLE.non-labelled {background-color:#ffffff; margin-left:10px;}
SECTION.compendium DIV.art-table TABLE.non-labelled TBODY TR TD {padding:1px; font-size:1.1em; line-height:16px}

SECTION.compendium DIV.art-table TABLE.labelled {
	border-collapse:separate; border-style:solid; border-color: #0065ff; border-width:1px 1px 1px 1px; border-spacing:1px;
	-moz-border-radius:8px; border-radius:8px;
	box-shadow: 0.1em 0.1em 0.1em #aaaaaa
}

SECTION.compendium DIV.art-table TABLE.labelled caption {
	font-family: Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; color:#000000; background-color:#ffffff; text-align:center;
	line-height:14px; padding: 5px 0 5px 0;
	border-style: solid; border-color: #0057cf;
}
SECTION.compendium DIV.art-table TABLE.labelled caption.top {
	border-width:2px 0 0 0; /*-moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; */
/*	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(160, 176, 228, 0)),
		linear-gradient(to right, white, #a0b0e4, white);*/
}
SECTION.compendium DIV.art-table TABLE.labelled caption.bottom {
	border-width:0 0 2px 0; /*-moz-border-radius:0 0 10px 10px ; border-radius:0 0 10px 10px; */
/*	background-image: linear-gradient(rgba(160, 176, 228, 0), rgba(255, 255, 255, 0)),
		linear-gradient(to right, white, #a0b0e4, white);*/
}

SECTION.compendium DIV.art-table TABLE.labelled THEAD TR.thead-row {background-color: #b6cbff; color:black}
SECTION.compendium DIV.art-table TABLE.labelled THEAD TR.thead-row TH {
	font-family: Courgette, CourgetteLocal, Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; line-height:16px;
	padding:5px; border-style:solid; border-width:0 1px 1px 0;
}
SECTION.compendium DIV.art-table TABLE.labelled THEAD TR.thead-row TH:last-child {border-width:0 0 1px 0}

SECTION.compendium DIV.art-table TABLE.labelled TBODY TR TD {
	font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:16px;
	padding:5px;
}
SECTION.compendium DIV.art-table TABLE.labelled TBODY TR TD {border-style:dotted; border-color:#000000; border-width:1px 1px 0 0}
SECTION.compendium DIV.art-table TABLE.labelled TBODY TR TD:last-child {border-width:1px 0 0 0}
SECTION.compendium DIV.art-table TABLE.labelled TBODY TR.data-row-even {background-color:#ffffff; vertical-align:top}
SECTION.compendium DIV.art-table TABLE.labelled TBODY TR.data-row-odd {background-color:#f9f9f9; vertical-align:top}
/** END----Article Table related **/


/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/** BEGIN----MathJax related **/

SECTION.compendium  DIV.math-display-block {text-align:left; margin-left:0.25in; margin-top:0.20in; margin-bottom:0.20in} /*for math display=inline to be presented as a separate block so that extra non-math text can be added on the same line*/

SECTION.compendium DIV.MathJax_Display {
	text-align: left !important;
	padding-left:1em;
}
SECTION.compendium DIV.para DIV.MathJax_Display {margin-top:5px}

SECTION.compendium :is(
	.equation-high-imp DIV.MathJax_Display,
	.equation-low-imp DIV.MathJax_Display
) {
	text-align: left !important; padding-left:0 !important;
	padding-right:10px !important;
	margin-top:4px !important; margin-bottom:3px !important;
}

SECTION.compendium .MathJax .math { font-size:100%; } /* for both block and inline math */
/*SECTION.compendium DIV.ex .MathJax .math {font-size: initial}*/

SECTION.compendium :is(
	.equation-high-imp, .equation-low-imp
) {
	background-color:#fffffa; margin-left:1.4em; border-style:solid; border-width:1px;
	padding: 0 0 0 10px !important; -moz-border-radius:5px; border-radius:5px;
	width: max-content;
	margin-left:1.4em !important;
}
SECTION.compendium :is(
	DIV.equation-high-imp, DIV.equation-low-imp
) {margin-top:0.5em}

SECTION.compendium .equation-high-imp {
	border-style:none; border-color:#ff8800;
	-moz-box-shadow: 0px 0px 0.5em #ff8800;	box-shadow: 0px 0px 0.5em #ff8800; overflow: auto;
}
SECTION.compendium .equation-low-imp {
	border-style:none; border-color:#ffffff;
	-moz-box-shadow: 0px 0px 0.1em #ff8800; box-shadow: 0px 0px 0.1em #ff8800; overflow: auto;
}
SECTION.compendium SPAN.eqn-num {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:initial; color: #004b95; font-style:italic; font-weight:normal;
}

SECTION.compendium P.code-block {
	display: block; margin-left:0.25in; margin-top:0.10in; margin-bottom:0.10in;
	text-align:left;
}

SECTION.compendium :is(
	.MathJax .math, math,
 	VAR, .var, SPAN.num, SPAN.oper, ABBR, SPAN.unit
 ) {
	color: #005588; background-color:rgba(255, 255, 255, 0.6); border-style:solid; border-width:1px; border-color:#ffffff;
	-moz-border-radius:5px; border-radius:5px;
}

/******* Text *******/

/*mtext {font-size:14px; font-family:Arial, Helvetica, sans-serif}
p.ex mtext {font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif}
mfrac mtext.text {font-size:10pt}
p.ex mfrac mtext.text {font-size:9pt}*/

/* For the manual <mtext class="tips"> rendering through MathJax, for helpful tips alongside maths*/
/* works but defective, since it maintains the width to full text size, thus intrducing a horizontal scroll bar.
So, MathML attribute mathcolor and mathsize are being used in the mtext tag, instead of this class
*/
/*SECTION.compendium .MathJax .math span[class='mtext tips'] {
	color:black !important; font-size:0.7em !important;
}*/

/******* Variables *******/
SECTION.compendium :is(
	VAR, .var
) {
	font-family: MathJax_Math, serif; font-size:1.15em !important; font-weight:normal;
	padding-left:1px; padding-right:1px;
}
/*SECTION.compendium VAR:after {content:"\2009"}*/
/*SECTION.compendium VAR.greek-symbol {font-style: normal !important}*/
SECTION.compendium :is(
	VAR SUB, VAR SUP
) {
	font-family: MathJax_Main, serif; font-style:normal !important;	font-size:70.7%;
}
SECTION.compendium VAR SUB {position:relative; bottom:-3px; left:0;}
SECTION.compendium :is(
	STRONG VAR, VAR STRONG
) {font-weight:normal; text-shadow: 0.2pt 0.2pt #0000ff;}

SECTION.compendium FIGURE.art-image FIGCAPTION VAR {font-size:100% !important}

SECTION.compendium .MathJax SPAN.math .mi {font-style:italic !important} /* because, unlike with one letter, more than one letter in <mi> tag does not display in italics by default */


/******* Numbers *******/

SECTION.compendium SPAN.num {
	font-family: MathJax_Main, serif; font-style:normal; font-size:1.2em !important;
	padding-left:2px; padding-right:2px;
}
SECTION.compendium :is(
	SPAN.num SUP, SUP SPAN.num,	SPAN.num SUB, SUB SPAN.num
) {
	font-style:normal; background-color:transparent;
	position:relative;
}

SECTION.compendium SPAN.num SUP {font-size:70.7% !important;}
SECTION.compendium DIV.art-table TABLE TBODY TR TD SPAN.num SUP {font-size:70.7% !important;}

SECTION.compendium SUP SPAN.num {font-size:100% !important;}
SECTION.compendium DIV.art-table TABLE TBODY TR TD SUP SPAN.num {font-size:100% !important;}

SECTION.compendium SPAN.num SUB {font-size:60.7% !important;  bottom:-4px; left:-1px;}
SECTION.compendium DIV.art-table TABLE TBODY TR TD SPAN.num SUB {font-size:60.7% !important;}

SECTION.compendium SUB SPAN.num {font-size:110% !important;  bottom:-4px; left:-1px;}
SECTION.compendium DIV.art-table TABLE TBODY TR TD SUB SPAN.num {font-size:100% !important}


SECTION.compendium :is( /* for numeric subscripts/superscripts of chemical formulae */
	VAR SPAN.num SUB, VAR SPAN.num SUP
) {font-size:65% !important; margin-right: 0}


/*SECTION.compendium .MathJax SPAN.math .mn {font-size: 90% !important}
SECTION.compendium .MathJax SPAN.math .mrow .msup .mn {font-size: 70.7% !important}*/

/******* Operators *******/
SECTION.compendium SPAN.oper {
	font-family: MathJax_Main, serif; font-size:1em !important; font-style:normal;
	padding-left:0px; padding-right:0px; color:#005588;
}
SECTION.compendium :is(
	SUP SPAN.oper, SUB SPAN.oper,
	SPAN.oper SUP, SPAN.oper SUB
) {font-size:0.8em}

SECTION.compendium .MathJax .math .sets-symbol {font-size:1em !important} /* Maybe not needed in case of MathJax */
SECTION.compendium .MathJax .math .mrow .sets-symbol .mo {font-family:sans-serif !important;} /* for special sets symbols like null set ∅, which shows up as thin & tall version character, unless font is made sans-serif */

/******* Units *******/

SECTION.compendium :is(
	ABBR/*, SPAN.unit*/
) {
	font-family: times, MathJax_Main; font-style:italic; font-size:1.15em;
}
SECTION.compendium .MathJax SPAN.math .mrow .unit .mtext { /* for the manual <mrow class="unit"> rendering through MathJax */
	font-family: times, MathJax_Main !important; font-size:100%; font-style:italic !important;
}
SECTION.compendium .MathJax SPAN.math .mrow .unit .mtext span { /* to get above effect, when a unit like the angstorm unit Å makes mathJax include an extra span with another font family (STIXGeneral for the Å case) */
	font-family: times, MathJax_Main !important; font-size:105% !important; font-style:italic !important;
}


/******* Functions *******/

SECTION.compendium CODE.func {font-family: 'Courier New', Courier, monospace; font-size:1.15em; font-style:normal; background-color:#ffffff; color:#005588}
SECTION.compendium .MathJax .math .func .mi {font-family: 'Courier New', Courier, monospace !important; font-size:0.95em !important; font-style:normal}
/*SECTION.compendium .MathJax .math .func .mi::after {content:"\200A"}*/ /* hair-space added after function */

SECTION.compendium :is(
	STRONG > CODE.function,
	STRONG .MathJax .math .func .mtext
) {font-weight:bold}

/** END----MathJax related **/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/



/**#################################**/
/** BEGIN----Maths related **/



/***
(0) Surround each block equation (NOT the numbered equations) with the P tag.
(1) (a) units in mathML:
		enclose the unit section in <mrow class="unit">...</mrow>; Also if <mi> is involved with a single character unit like for newton, change it to <mtext>, otherwise a thin space (&thinsp;) character will have to be added within <mi>
	(b) functions (like tan) in mathML:
		enclose the function name in <mrow class="func">...</mrow>.
(2) middle dot for combined units:
		use &middot; In mathML, combine it with previous identifier in <mi> tag
(3) text in mathML:
		use class "text" for the <mtext> tag
(4) greek symbols entities:
		add mathvariant="normal" to <mi> for mathML, and use <var class="greek-symbol"> for HTML
(5) dimensions like MLT in mathML:
		use class="dimension" for <mi>, and add a thin space (&thinsp;) preferably before the dimension character within the <mi> tag
(6) apostrophes and quotes prefixed to variables:
		move &apos; and &quot; from <mo> into the <mi> for the variable. ordinary characters instead of html entity can be used.
(7) sets symbols:
		use class="sets-symbol" for <mo> element.
(8) For Sets, using <menclose notation='updiagonalstrike'> for a symbol (such as for specifying 'not a subset of' by striking out diagonally the subset symbol) reduces the preceding and succeeding space for the symbol, as opposed to a symbol without the strike. Add <m:mtext>&thinsp;</m:mtext> before and after the menclose tags
(9) For proper spacious formula layouts for elements like mfrac and mroot (inside <mtable> cells, or for inline formula) which typically makes things compact, use <mstyle displaystyle="true"> to surround the elements.

***/

/** END----Maths related **/
/**#################################**/


/** BEGIN---- Feedback, LOR and Bibliography **/
/* Note: form styles are in the the iframe src file */


SECTION.compendium DIV#id-feedback-lor-biblio-section {
	margin-left:0; margin-top:30px; height:100%; margin-bottom:0;
/*	-moz-box-shadow: 1px 1px 1px #006600; box-shadow: 1px 1px 1px #006600;*/
	-moz-border-radius:5px; border-radius:5px;
}

SECTION.compendium DIV#id-feedback-lor-biblio-section H1.feedback:before {content: " "}
SECTION.compendium DIV#id-feedback-lor-biblio-section H1.feedback {
	font-family: Courgette, CourgetteLocal, Times, serif; font-size:1.3em; font-weight:normal;
	color:#000000; text-align:left;
	padding-left:5px; width:100%; clear:both;
	border-style:solid; border-color:#aaaaaa; border-width:3px 0px 0px 3px;
	margin-bottom:0px; text-shadow:none;
	-moz-box-shadow:none; box-shadow:none; -moz-border-radius:5px; border-radius:5px;
	background-image:none
}

SECTION.compendium DIV#id-feedback-lor-biblio-section H1.feedback SPAN {
	font-family: Arial, Helvetica, sans-serif; font-size:0.8em; font-style:italic; color:#000000
}

SECTION.compendium :is(
	DIV#id-feedback-lor-biblio-section,
	DIV#id-feedback-lor-biblio-section H1
) {background-color:transparent}


SECTION.compendium DIV#id-feedback-lor-biblio-section H1.feedback + DIV.go-top {/*background-color:#EEEEEE;*/}
SECTION.compendium DIV#id-feedback-lor-biblio-section DIV.feedback {
	font-family:Arial, Helvetica, sans-serif;/*background-color:#FFFFFF;*/ font-size:1em; text-align:left;
	line-height:14px; margin-right:30px; padding:5px 10px 5px 10px;
	border-style:none; border-color:#000000;; border-width:0px 0px 0px 0px;
}

/*SECTION.compendium DIV#id-feedback-lor-biblio-section DIV.feedback {
    width: 100%;
	min-height:10em;
    padding-bottom: 70%;
    position: relative;
}*/
SECTION.compendium DIV#id-feedback-lor-biblio-section IFRAME.hidden {
    display: block;	width: 0; height: 0; top: 0; left: 0;
}

SECTION.compendium DIV#id-feedback-lor-biblio-section IFRAME.visible {
    display: block;	width: 100%; height: 100%; top: 0; left: 0;
	border-style:solid; border-width:0; border-color:#000000;
	-moz-border-radius:5px; border-radius:0 0 5px 5px;
}

SECTION.compendium div#id-LOR-biblio {text-align:left; border-style:solid; border-width:3px 0px 0px 3px; border-color:#aaaaaa; clear:both;  /*background-color:#FFFFFF*/-moz-border-radius:5px; border-radius:5px;}
SECTION.compendium h1.LOR-biblio-head {
	font-family: Courgette, CourgetteLocal, Times, serif; font-size:1.3em; font-weight:normal; text-decoration:none; text-align:left; color:#333333;
	margin-bottom:25px; margin-top:10px; margin-bottom:8px; text-shadow:none;
	-moz-box-shadow:none; box-shadow:none; background-image:none}
SECTION.compendium div.LOR-biblio-block {margin-right:30px; line-height:1.2em}
SECTION.compendium div.LOR-biblio-item {
	font-family:"Times New Roman", Times, serif; font-size:1em; color:#444444; text-indent:-0.15in;
	margin-left:0.25in; padding:0px 0px 5px 0px}
SECTION.compendium div.LOR-biblio-item i {}

/** END---- Feedback, LOR and Bibliography **/