/*	Stylesheet for notes, warnings, errors, ads, and code */
/*	*/
/*	Copyright (C) 2021-2023 Charles A Upsdell, All Rights Reserved; www.upsdell.com */


/*	Normal text  */
span.idigit_g, span.idigit_o, span.idigit_s, span.idigit_ss
	{ font-weight:bolder; font-size:0.89em; font-size:0.89rem; }
span.idigit_s, span.idigit_ss
	{ background-color:#04A; color:#fff; padding-left:0.618ex; }
span.idigit_s
	{ padding-right:0.618ex; border:2px solid #04A; }
span.idigit_ss
	{ font-size:1.17em; font-size:1.17rem; padding-right:12px; vertical-align:middle; border-right:0.25ex solid #fff; border:2px solid #04A; }
span.idigit_o
	{ color:#04A; background-color:inherit; padding-left:0.618ex; padding-right:0.618ex; border:2px solid #04A; }
span.idigit_g
	{ color:#960; background-color:#ffcc99; padding-left:0.618ex; padding-right:0.618ex; border:2px solid #960;
	  background:linear-gradient(0deg,#c96,#e6d591,#c96); -webkit-background-clip:none; -webkit-text-fill-color:#000; }

/*	All  */
div.normal, div.notes, div.warnings, div.errors, div.ads, div.code
	{ margin:1em 1em 1.618em 0; padding:0.618ex 1em 0.618ex 1em !important; width:94%; }
div.normal p, div.notes p, div.warnings p, div.errors p, div.ads p, div.code p
	{ margin-bottom:.618ex; padding:0.618ex 1.618em 0 0; }
div.normal p::after, div.notes p::after, div.warnings p::after, div.errors p::after, div.ads p::after, div.code p::after
	{ font-weight:bold; content:"\00b6"; color:inherit; line-height:1; font-size:1.1em; }
em.note::after, em.title::after, div.notes p + em::after, div.notes p + em.title::after, div.warnings p + em::after, div.errors p + em::after, div.warnings p + em.title::after, div.errors p + em.title::after
	{ content:"\200a"; }
em.note, em.title, a.title, div.normal p + em, div.notes p + em, div.warnings p + em, div.errors p + em, div.ads p + em, div.code p + em
	{ font-style:italic; font-weight:600; }
em.title, a.title, div.normal p + em.title, div.notes p + em.title, div.warnings p + em.title, div.errors p + em.title, div.ads p + em.title, div.code p + em.title
	{ font-variant:small-caps; }

/*	Normal  */
div.normal
	{ color:inherit; background-color:#eee; text-align:justify;
	  border-left:1ex solid #999; border-top:1px solid #999; border-bottom:1px solid #999; border-right:1px solid #999;
	  border-top-right-radius:24px; border-bottom-right-radius:24px; }
div.normal ul
	{ margin:0; list-style-image:url("img/ico_ul_normal.png"); }
div.normal p::after, div.normal li::after
	{ font-weight:bold; content:""; color:inherit; line-height:1; font-size:1em; }
div.normal span.idigit_o
	{ border:2px solid #04A; }
div.normal p > em
	{ color:#000; font-weight:700; }
div.normal p + em.nb, div.normal p + em
	{ color:#666; }

/*	Notes  */
div.notes
	{ background-color:#e6eefa; min-height:1.618em; text-align:justify;
	  border-left:1ex solid #04A; border-top:1px solid #04A; border-bottom:1px solid #04A; border-right:1px solid #04A;
	  border-top-right-radius:24px; border-bottom-right-radius:24px; }
div.notes p::before
	{ color:#04A; content:"\261e"; vertical-align:top; font-size:3.5em; line-height:0.4ex; }
p.danger::before, div.notes p.danger::before
	{ content:"\26a0"; vertical-align:top; font-size:2em; line-height:0.4ex; }
div.notes p::after, div.notes li::after
	{ font-weight:bold; content:"\00b6"; color:#04A; line-height:1; font-size:1.1em; }
div.notes span.idigit_o
	{ border:2px solid #04A; }
div.notes p > em
	{ color:#04a; font-weight:700; }
div.notes p + em.nb, div.notes p + em
	{ color:#333; }

/*	Warnings  */
div.warnings
	{ color:#000; background-color:#fff3cc; min-height:1.618em; text-align:justify;
	  border-left:1ex solid #f80; border-top:1px solid #f80; border-bottom:1px solid #f80; border-right:1px solid #f80;
	  border-top-right-radius:24px; border-bottom-right-radius:24px; }
div.warnings p::before
	{ color:#f80; content:"\26a0"; vertical-align:text-top; font-size:2.5em; line-height:0.4ex; }
div.warnings ul
	{ list-style-image:url("img/ico_ul_warnings.png"); }
div.warnings p::after, div.warnings li::after
	{ font-weight:bold; content:"\00b6"; color:#f80; line-height:1; font-size:1.1em; }
div.warnings span.idigit_s
	{ color:#fff; background-color:#f80; }
div.warnings span.idigit_o
	{ border:2px solid #f80; }
div.warnings p > em
	{ color:#f80; font-weight:700; }
div.warnings p + em.nb, div.warnings p + em
	{ color:#630; }

/*	Errors  */
div.errors
	{ color:#000; background-color:#ffe6e6; min-height:1.618em; text-align:justify;
	  border-left:1ex solid #c00; border-top:1px solid #900; border-bottom:1px solid #900; border-right:1px solid #900;
	  border-top-right-radius:24px; border-bottom-right-radius:24px; }
div.errors p::before
	{ color:#c00; content:"\26a0"; vertical-align:text-top; font-size:2.5em; line-height:0.4ex; }
div.errors ul
	{ list-style-image:url("img/ico_ul_errors.png"); }
div.errors p::after, div.errors li::after
	{ font-weight:bold; content:"\00b6"; color:#c00; line-height:1; font-size:1.1em; }
div.errors span.idigit_s
	{ color:#fff; background-color:#c00; }
div.errors span.idigit_o
	{ border:2px solid #c00; }
div.errors p > em
	{ color:#c00; font-weight:700; }
div.errors p + em.nb, div.errors p + em
	{ color:#c00; }

/*	Ads  */
div.ads
	{ color:#000; background-color:#fafae7;
	  border-left:1ex solid #fc0 !important; border-top:1px solid #eb0; border-bottom:1px solid #eb0; border-right:1px solid #eb0;
	  border-top-right-radius:24px; border-bottom-right-radius:24px; }
div.ads ul
	{ list-style-image:url("img/ico_ul_ads.png"); }
div.ads p::after, div.ads li::after
	{ font-weight:bold; content:""; color:inherit; line-height:1; font-size:1.0em; }
div.ads span.idigit_s
	{ color:#000; background-color:#fc0; }
div.ads span.idigit_o
	{ border:2px solid #fc0; }
div.ads em
	{ color:#960; }
div.ads p + em.nb, div.ads p + em
	{ color:#960; }

/*	Code  */
div.code
	{ color:#030; background-color:#efe; tab-size:4; font-variant-ligatures:none; white-space:pre;
	  border-left:1ex solid #060 !important; border-top:1px solid #060; border-bottom:1px solid #060; border-right:1px solid #060;
	  border-top-right-radius:24px; border-bottom-right-radius:24px; }
div.code, pre
	{ overflow:auto; padding:0.5ex; border-left:1px solid #cfc; border-top:1px solid #060; border-right:1px solid #060; border-bottom:1px solid #060; }
div.code.ligatures
	{ font-variant-ligatures:normal; }
div.code.wrap
	{ white-space:pre-wrap; }
div.code em
	{ color:#030; }
div.code p + em.nb, div.code p + em
	{ color:#030; }