/* * { outline: 1px red solid !important; visibility: visible !important } */
/* * { outline: 1px red solid; visibility: visible !important } */

/* phones first */
html {
	font-size: 100%;	/* is 18 points with default config */
}
@media screen and (min-width: 350px) {
	html {
		font-size: 1.0625rem;
	}
}

@media screen and (min-width: 590px) {
	html {
		font-size: 1.125rem;
	}
}

body {
	font-family: "MoHPC Sans", Arial,"Helvetica Neue",Helvetica,sans-serif;
	margin-top: 25px;
	background-color: white;
	color: black;
}

p {line-height: 1.4;}

pre {
	white-space: pre;
	overflow: auto;
	font-family:  "MoHPC Keys", "Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace;
	font-size: 85%;
	font-size: 95%;
	line-height: 1.3;
	/* line-height: 1.2; */
	padding-bottom: 6px; /* keeps h scroll from overlapping info which prevents v scroll from appearing */
	/*margin-bottom: -6px; */ /* just tightens it up - could remove - in fact I like it better without */
}

pre.blue {
	border-left: 6px solid #acccec;
	border-radius: 4px;
	padding: 6px 1px 6px 15px;
	background-color: #f4f6f9;
}

/*
 this is an alternate way of stopping the vertical scrolls on subscripts!!!!!! which is better this or class s?!?!?!!!!????
 probably need it on the top for superscripts????
 OK the only real difference here is the negative bottom margin - is that needed?  
 keeps it "tighter" I guess.  Do I care?  and it's perfectly legit.
 but if I'm going to do it - why not just put it in the pre class (above) instead of making myself do an s?!?!?!?!?!
pre {
	padding-bottom: 5px;
}
*/

kbd {
	font-family:  "MoHPC Keys", "Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace;
}

sup, sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em; 
}

sub {
	top: 0.4em; 
}

pre sup, pre sub {
	font-size: 1em;
	top: -0.3em; 
}

pre sub, p.listscroll sub, p.listwrap sub,  p.listscroll sub {
	top: 0.3em; 
}

.integ {
	font-size: 170%;
	line-height: 1.3rem;
	position:relative;
	top: .06em;
}

.sum {
	font-size: 140%;
	line-height: 1.2rem;
	position:relative;
}

.bkt {
	font-size: 220%;
	line-height: 1.4rem;
	position:relative;
	top: .06em;
}

ul li {
	list-style-type: "\00BB   ";	/* » */
} 

ul li::marker {
	font-weight: 700;
	color: #990000;
}

ol li::marker {
	color: #990000;
}

ol.tall, ul.tall, dd {
	line-height: 1.4;
}

ol.math, ul.math {
	line-height: 1.9;
}

ol.math, ul.math li {
    margin-top: 8px;
}

.cols2 {
	column-count: 2;
}

.cols3 {
	column-count: 3;
}

.cols2 p, .cols3 p {
	margin: 0;
	padding-left: 1.5em;
	text-indent: -1.5em;
	break-inside: avoid;
	line-height: normal;
}

.cols2 ul, .cols3 ul {
	margin: 0;
}

.cols2 li, .cols3 li {
	break-inside: avoid;
}

h1, h2, h3, h4, h5,  h6 {
	color : #0040b0;
	font-family: "MoHPC Sans", Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight: bold;
}

hr { border-top: 1px solid #405ca8; border-bottom: none; }
hr.part {width: 70%}

a:link { color: #026CB1; text-decoration:none;}   /* like forum */
a:visited { color: #660099; text-decoration:none;} /* was 660099 or 4020A8*/
a:active { color: #7600a9; text-decoration:none;}
a:hover {  text-decoration:underline;}

.single, .wide1, .wide2, .wide3, .wide4, .wide5, .wide6, .wide7, .wide8 {
	max-width: 100%;
	margin: 0 auto;
}
.single {width: 36em;}
.wide1 {width: 38em;}
.wide2 {width: 40em;}
.wide3 {width: 42em;}
.wide4 {width: 44em;}
.wide5 {width: 48em;}
.wide6 {width: 52em;}
.wide7 {width: 56em;}
.wide8 {width: 60em;}

.ct {
	text-align: center;
}

img {
	max-width: 100%;
	height: auto;
}

.sdiv {
	overflow-x: auto;
	padding-bottom: 6px; /* keeps h scroll from overlapping info */
	margin-bottom: -6px;
}

.cdiv, .cdive, .cimg, .cimgm { 
	display: block;
	margin: 0 auto;
}

.cimgm {
	margin: 1em auto;
}

.cdive {
	text-align: center;
}

.sk {
	width: 1.2em;
	height: auto;
}

img.nav {
	vertical-align: text-bottom;
	border: none;
}

img, a {border:none; outline: none;}

.fcontainer {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 70em;
	max-width: 100%;
	justify-content: center;
	margin: auto;
}

.fcontent {
	padding: 10px;
	min-width: 11em;	/* tiny phones only */
	-ms-flex: 2;
	-webkit-box-flex: 2;
	flex: 2;  
}

.flinks{
	background-color: #F6F6F6;
	padding: 10px;
	min-width: 8em;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
}

.ftwo {
	padding: 10px;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;  
}

h3.fpalign {
	padding: 0;
	margin: 0;
}


.tc {
	margin-left: auto;
	margin-right: auto;
}

.tat td, .tat th {
	vertical-align: top;
}

.tnb td, .tnb th {
	border: 0;
	padding: .3em .5em;
	line-height: 1.1;
}

.tnbnp td, .tnbnp th {
	border-spacing: 2px;
	border: 0;
	padding: 0 0;
	line-height: 1.1;
}


.tbrd, .tbrds {
	border-collapse: collapse;
	line-height: normal;			/* frac - I was below normal!!!!! - look at all tables !!!!?!?!?!?!? */
}

.tbrd td, .tbrd th  {
	border: 1px solid #c0c0c0;
	padding: .2em .2em;
}

.tbrds td, .tbrds th {
	border: 1px solid #c0c0c0;
	padding: .4em .4em;
}

.tl {
	border-collapse: collapse;
	line-height:    1.1;
}

.tl td, .tl th {
	border: none;
	border-bottom: 1px solid #c8c8c8;
	padding: .1em .3em;
}

.tar {
	border-collapse: collapse;
	line-height: 1.2;
}

.tar td, .tar th {
	border: 0;
	padding: .1em .3em;
}

.tar tr:nth-child(even){
	background-color: #f2f2f2;
}

.tarb {
	border-collapse: collapse;
	/*line-height:    1.1;*/
	line-height: 1.2;
	border: 1px solid #d0d0d0;
}

.tarb td, .tarb th {
	border-left: 1px solid #d0d0d0;
	padding: .1em .2em;
}

.tarb tr:nth-child(even){
	background-color: #f2f2f2;
}

.tf {
	border-collapse: collapse;
	line-height:    1.2;
	margin-left: auto;
	margin-right: auto;
}

.tf td, .tf th {
	border: 1px solid white;
	padding: .2em .25em;
}

.tf tr:nth-child(even){
	background-color: #dedeee;
}
.tf tr:nth-child(odd){
	background-color: #f6e6e6;
}

.tf tr:nth-child(odd) td:nth-child(2n+3) {
	background-color: #eedede;
}

.tf tr:nth-child(even) td:nth-child(2n+3) {
	background-color: #d6d6e6;
}

.tf th {
	background-color: white;
	vertical-align: bottom;
	font-weight: normal;
	height: 3em;
}

td.tfhead {
	background-color: white;
}

.tf th:nth-child(1) {
	text-align: left;
}

.tf th b {
	font-weight: normal;
	font-size: 120%;
}

.tf td:nth-child(1n+2) {
	text-align: center;
}


/* medium or larger phones */
@media screen and (min-width: 350px) {
	.fcontent {
		min-width: 18em;	
	}
	.flinks{
		min-width: 12em;
	}
}

/* tablets and up  */
@media screen and (min-width: 590px) {
	p {line-height: 1.6;}
	kbd {line-height: 1.0;}
	ol.tall, ul.tall, dd {line-height: 1.6;}
}

.f95 {
	font-size: 95%;
}
.f90 {
	font-size: 90%;
}
.f85 {
	font-size: 85%;
}
.f80 {
	font-size: 80%;
}
.f75 {
	font-size: 75%;
}
.f70 {
	font-size: 70%;
}
.f65 {
	font-size: 65%;
}
.f60 {
	font-size: 60%;
}


@media print {

	body {
		font-size: 14px;
	}
	.cols2 {
		font-size: 13px;
	}
	.cols3 {
		font-size: 11px;
	}
	p.listscroll, p.listwrap, pre {
		font-size: 12px;
	}

	p {line-height: 1.4;}
	ol.tall, ul.tall, dd {line-height: 1.4;}

	.single {width: 38em;}
	.wide1 {width: 40em;}
	.wide2 {width: 42em;}
	.wide3 {width: 44em;}
	.wide4 {width: 46em;}
	.wide5 {width: 50em;}
	.wide6 {width: 56em;}
	.wide7 {width: 58em;}
	.wide8 {width: 62em;}

}

@font-face {
  font-family: 'MoHPC Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/mohpcsans-v4.eot');
  src: local(''),
	   url('fonts/mohpcsans-v4.eot?#iefix') format('embedded-opentype'),
	   url('fonts/mohpcsans-v4.woff2') format('woff2'),
	   url('fonts/mohpcsans-v4.woff') format('woff'),
	   url('fonts/mohpcsans-v4.ttf') format('truetype'),
	   url('fonts/mohpcsans-v4.svg#MoHPCSans') format('svg');
}

@font-face {
  font-family: 'MoHPC Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/mohpcsans-italic-v4.eot');
  src: local(''),
	   url('fonts/mohpcsans-italic-v4.eot?#iefix') format('embedded-opentype'),
	   url('fonts/mohpcsans-italic-v4.woff2') format('woff2'),
	   url('fonts/mohpcsans-italic-v4.woff') format('woff'),
	   url('fonts/mohpcsans-italic-v4.ttf') format('truetype'),
	   url('fonts/mohpcsans-italic-v4.svg#MoHPCSans') format('svg');
}

@font-face {
  font-family: 'MoHPC Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/mohpcsans-bold-v4.eot');
  src: local(''),
	   url('fonts/mohpcsans-bold-v4.eot?#iefix') format('embedded-opentype'),
	   url('fonts/mohpcsans-bold-v4.woff2') format('woff2'),
	   url('fonts/mohpcsans-bold-v4.woff') format('woff'),
	   url('fonts/mohpcsans-bold-v4.ttf') format('truetype'),
	   url('fonts/mohpcsans-bold-v4.svg#MoHPCSans') format('svg');
}

@font-face {
    font-family: 'MoHPC Keys';
    font-weight: normal;
    font-style: normal;
	font-display: swap;
    src: url('fonts/mohpckeys-v4.eot');
    src: url('fonts/mohpckeys-v4.eot?#iefix') format('embedded-opentype'),
         url('fonts/mohpckeys-v4.woff2') format('woff2'),
         url('fonts/mohpckeys-v4.woff') format('woff'),
         url('fonts/mohpckeys-v4.ttf') format('truetype'),
         url('fonts/mohpckeys-v4.svg#MoHPCKeys') format('svg');
}