html * { 
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	text-size-adjust: none;
	max-height: 100000px; 
}

body { height:100.2vh; width: 100%; margin: 0px; padding: 0px; line-height: 140%; }

body, input, textarea, select, dl  { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:15px; 
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;	
}

* {
  box-sizing: border-box;
  text-align: left; 
}

sub, sup	{ font-size:0.7em; line-height: 0;}

.leftpanel	{ float: left; padding-right: 24px; padding-bottom: 12px;}
.rightpanel	{ display: inline-block; }

.serif	    { font-family: Times, serif; font-size: 110%; }
.symbol     { font-family: Times, serif; font-size: 120%; text-shadow: 0.25px 0 0 currentColor; letter-spacing: 0.08px; font-style: italic; }
.arg		{ color: #007000; font-weight: normal; font-style: italic; text-shadow: 0.25px 0 0 currentColor;  }
.greek 		{ font-family: Arial; font-size: 110%; }
.infinity 	{ font-family: Arial; font-size: 140%; position: relative; top:3px; }

@font-face {
font-family: MathItalic;
src: url("https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.6/fonts/HTML-CSS/TeX/otf/MathJax_Math-Italic.otf") format("opentype");
}

em		{ font-family: MathItalic; font-size:115%}


.small		{ font-size: 85%; }
.left		{ text-align: left; }
.right		{ text-align: right }
.center		{ text-align: center; }
.middle 	{ vertical-align: middle; }
.nowrap		{ white-space: nowrap; }
.bold		{ font-weight: bold; }
.indent		{ margin-left: 0px; }
.white		{ color: #FFFFFF; }
.warning	{ color: #CC0000; }

.smallcaps	{ text-transform: uppercase; font-size:75%; }

.key, .dlgbutton, .dlgdefault { display: inline-block; font-size:95%; text-align: center; position: relative; top:-1px; vertical-align: middle; height:1.85em; border-radius: 5px;} 

.key { min-width: 1.5em; border: 2px solid gray; padding: 1px 4px; background: linear-gradient(160deg, #fefefe, #cccccc); }
.dlgbutton, .dlgdefault	{ border: 2px solid #b8b8b8; padding: 1px 14px;  background: #FDFDFD; min-width:4em;}
.dlgdefault { border-color: #7FBBEB; }

.helpview	{ display: none; }
.helphide	{ display: inline-block; }

.printonly { display: none; }
.nopagebreak { page-break-inside: avoid; }

.mathjaxblock { text-align: center; color: white; max-width:100%; overflow-x: auto; page-break-after: avoid; page-break-before: avoid; page-break-inside: avoid; position:relative}
mjx-container { color: #000022; }

.rainbowline { width:100%; height:1px; border-top:1px solid gray;  } 

p 			{ margin-top: 0px; margin-bottom: 6px; }
.image		{ margin-left: 28px; margin-top: 18px; margin-bottom: 12px; }

/* a,span { display: inline-block; } */
table.center { margin-left:auto; margin-right:auto; margin-top:24px; margin-bottom:32px}

svg, img 	{ border:0; max-width:100%; height: auto;}

.svgdrawing { padding:18px; background: #F9F9F9; } 
.svgdrawing, .graphborder, .graphresult, .borderedpanel  { border: 2px solid #CCCC99; border-radius: 5px; border-collapse: separate;  }

.buttonimg  { width:20px; height:20px; padding:1px; border: 1px solid #888888; position:relative; top:1px; border-radius: 0.2em; }

table		{ border-collapse: collapse; border-spacing: 0; border:0; }
td			{ padding:0; vertical-align:top; }

.borderedtable { border: 2px solid #707070; margin-top:24px; margin-bottom:32px; }
.borderedtable .thicktopborder { border-top: 2px solid #707070;  }
.borderedtable .thickbottomborder { border-bottom: 2px solid #707070;  }
.borderedtable td, .borderedtable th { border: 1px solid #808080; padding: 4px 12px 4px 12px; }
.borderedtable th { background-color: #f0f0f0; }

li>p  { margin-left: 0px; }

#content { 
	padding: 26px 16px 28px 12px; 
	vertical-align: top; 
	min-height:240px; 
	max-width:100%;
	position: relative;
}

#content ul, #content ol { padding-left:0px; margin-top:12px; margin-bottom:12px;}
#content li { margin-left: 20px; margin-top:6px }
#content li.num       { list-style-type: decimal; list-style-image: none}
#content li.none      { list-style-type: none; margin-top: 6px; }

#content ul ul, #content ol ul { margin-left: 24px; padding-left: 14px; }
#content ul ul li, #content ol ul li { list-style-image: url('/common/images/bullet2.png'); padding-left:0px; margin-left:0px; }
#content ul ul ul { margin-left: 24px; padding-left: 14px; }
#content ul ul ul li { list-style-image: url('/common/images/bullet7.png'); }

#content a { color: #0000aa; } 
#content a:Hover { color: #b30000; } 

hr {
	border: 0;
	color: #9E9E9E;
	background-color: #9E9E9E;
	height: 1px;
	width: 100%;
}

h1, .h1      { font-size: 135%; color: #002F50; margin-top: 0px; margin-bottom: 24px; }
h2           { font-size: 110%; color: #002F50; font-weight: bold; margin-top:2em; }
h3           { font-size: 100%; color: #002F50; font-weight: bold; margin-left: 0px; }
h4           { font-size: 100%; color: #002F50; font-weight: bold; margin-left: 25px; }  

h1, h2, h3, h4 { page-break-after: avoid; }
    
a { text-decoration: none; color: #1A1BDE;}

/*
a.externallink {
	background: url("/common/images/external.png") center right no-repeat;
	padding-right: 14px;
}
*/

#contentcontainer {
	position: relative;
	width:100%; /* display:inline-block; float:left; */
}

#header {
	padding: 1.2em 0px 0.3em 12px;
	overflow: hidden;
	white-space:nowrap;
}

#header .headingsub { font-size: 14px; letter-spacing:0.8px; position: relative; top: -8px; }

#medcalcheader  { float:left; display:inline-block; color: #001848; font-size:1.1em; white-space:nowrap; }
#medcalcheader .svgimg { height: 1.2em; width: 6.32em; margin-right:0.2em;}
#medcalcheader a  { font-size:2.8em; font-weight: bold; color: #001848; } 

#darkmodeselect { height: 32px; padding-left:3px; padding-right:3px; border-width:1px; border-color:gray; margin-right:12px; position:relative; top:-1px}

.warningbar { 	
	padding: 8px 24px 8px 12px; 
	overflow-x: hidden; 
}

#breadcrumbs { padding: 26px 0px 0px 0px; margin: 0px 0px 0px 12px; font-size:1em; } 
#breadcrumbs a { color: #000066; }
#breadcrumbs ol { margin:0; padding:0; }
#breadcrumbs li { list-style:none; display: inline-block; }

.button { 
		background-color: #efefef; 
		border: 2px solid #002F50; 
		min-width:100px; 
		height:36px; 
		line-height:36px; 
		display:inline-block;
		text-align: center; 
		white-space:nowrap; 
		border-radius: 6px; 
		padding: 0px 24px 0px 24px; 
		font-weight: bold;
		}

input, textarea, select, .button { outline: none; background: #fafaff; border:2px solid #000066; border-radius:6px }

input[type='image'] { border: 0;}
input[type='button']:Hover, input[type=submit]:Hover, .button:Hover  { background: #e5f1fb; border-color: #0075CC; }

input[type='text'], input[type='email'], input[type='password'], textarea { padding:4px 12px; }
input[type='button'],input[type=submit] { text-align:center; background-color: #efefef; border: 1px solid #002F50; cursor: pointer; }
input[type='text']:nth-of-type(2)::-webkit-input-placeholder { color: gray; }
input[type='text']:nth-of-type(2):-moz-placeholder { color: gray; }
::-webkit-input-placeholder { color: gray; } 
:-ms-input-placeholder { color: gray; }
::placeholder  { color: gray; }

#dialogtable { background: #f4f4f4; border:1px solid #dedeef; padding:0px 12px 12px 12px; margin-top:24px; width: 380px; max-width: 100%; }
#dialogtable p 						{ margin-top:12px; }
#dialogtable input[type='text']		{ width:360px; max-width:100%; }
#dialogtable input[type='submit']	{ min-width:8em; padding:4px 12px;}  
#dialogtable textarea				{ width:360px; max-width:100%;}
#dialogtable select		   			{ height:1.75em; line-height:1.75em;  }

.amzn-native-header-text { font-size:14px; color: #000000; font-weight: bold; }
mjx-container[jax="CHTML"][display="true"] { }
a.booklink { font-weight:bold; color:#bb55ff; }

.bookframe { margin-bottom: 18px; margin-left: 48px; } 
.bookframe img { width:120px; height:auto; border: 1px solid gray } 

div.infotip {
	clear:both;
	margin:12px 60px 12px 0px;
	padding: 12px; 
	min-height:3.4em;
	background-color:#f4f4f4;
	border:1px solid #ddd;
	border-radius:10px;
}

div.infotip p { margin-left:0px; }
div.infotip p:last-child { margin-bottom:0px; padding-bottom:0px }

div.infotip::before {
  content: "";
  width: 2.6em;
  height: 2.6em;
  float:left;
  position: relative; top: -2px;
  display: inline-block;
  background-image: url("/common/images/tip.png");
  background-repeat: no-repeat;
  background-size: 1.8em 1.8em;
}

div.warningtip::before {
	background-image: url("/common/images/warning.png");	
}

@media print {
	body { height: auto; } 	
	.printonly { display: block; }
    .noprint { display: none; }
    .menubar { display: none; }
	nav { display: none; }
    #toolbar, #leftbar, #warningbar { display: none; }
	.leftblock, .rightblock { display: none } 
	.centerblock { max-width: 100%} 
}

@media all and (max-width: 960px) {
	.leftblock, .rightblock { display: none } 
}

@media all and (max-width: 640px) {
	.mathjaxblock { margin-left: 0px; }
	.indent      { margin-left: 0px; }
	.bookframe   { margin-left: 0px; }
	div.infotip { margin-left:0px; margin-right:0px;}
	.maxw1       { display: none; }
	.image      { margin-left: 0px; }
	.formula      { padding-left: 0px; }
	#searchbar { border:none; background-color:transparent; }
	#searchbarinput  { display:none; }		
}

@media all and (max-width: 430px) {
	.mobilehide { display:none; }	
	.indent, .pindent  { margin-left: 0px; }
	h3, h4 { margin-left: 0px; }
}

@keyframes curtainRight {
  0% {
    transform: scaleX(0)
  }
  100% {
    transform: scaleX(1)
  }
}

@keyframes curtainLeft {
  0% {
    transform: scaleX(1)
  }
  100% {
    transform: scaleX(0)
  }
}

@keyframes rolldown {
  0% {
    transform: scaleY(0)
  }
  100% {
    transform: scaleY(1)
  }	
}

@keyframes rollup {
  0% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0); 
  }	
}

.lightmode {
	display: inline-block;
}
.darkmode {
	display: none;
}

/* Modal dialog */

#dialogbox		{ z-index:1000; display:none; position: fixed; float:left; width:100%; height:100%; background: rgba(170, 170, 170, .4);  }
#dialogbox .closewindowicon { float:right; height:16px; width:16px; }
#dialogbusy		{ float: left; display: none; }
.dialogframe1	{ border: 0px; width: 100%; position: fixed; top:22%; bottom:78%; text-align:center; }
.dialogframe2	{ border:2px solid #003f70; background-color:white; white-space:nowrap; margin:0; padding: 0; cursor:default; display:inline-block}
.dialogheader	{ border-bottom:1px solid #555555; padding: 4px 6px 4px 10px; color: white; background-color: #003F70; background: linear-gradient(#003F70, #18517E);}
.dialogbody		{ padding: 16px 10px 16px 10px; background-color:white; }
.dialogfooter	{ text-align:right; padding: 8px 10px 10px 13px; background-color:white; }