<style>
	p.alarm {
		color: var(--accentColor);
		border: 2px solid red;
		border-radius: 8px;
		font-family: var(--fontName);
		font-size: var(18px);
		margin: 8px 8px;
		background-color: black;
		}

body {
	border: 1px solid <%=oldGold%>;
	margin: 1px;
	font-family: var(--fontName);
	line-height: 1.6;
	}

figure {
		float:right;
		margin: 5px;
		//width: 60%;
		border: 2px silver solid;
		border-radius: 6px;
		font-family: var(--fontName);
		padding: 0.5em;	
		}

hr.dashed {
	border: 1px dashed darkblue;
	}

table.TOC {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 12px;
	margin-bottom: 2px;
	padding: 8px;
	background-color: white;
	text-align: left;
	vertical-align: top;
	border: none;
    font-size: var(--text16);
    font-family: var(--fontName);
    font-style: normal;
	max-height: 999999px;
	line-height: 1.3;
	//border: 1px solid darkblue;
	}


p.helpText {
   font-size: 18px;
   font-family: Arial;
   font-style: normal;
   color: black;
   display: inline;
   line-height: 1.6;
   max-height: 999999px;
}

/* used in 4 help pages */
p.t2 {
	font-size: var(--text18);
	font-family: var(--fontName);
	font-weight: 600;
	color: black;
	display: inline;
   line-height: 1.6;
	}

/* used in tables of contents */
p.t3 {
	font-size: var(--text12);
	font-family: var(--fontName);
	color: blue;
	display: inline;
	}

p.faq {
	font-family: var(--fontName);
	font-size:  var(--text16);
	color: darkRed;
	display: inline;
	}
	
/* collapsible is the question */
button.collapsible {
  background-color: #f6f6f8;
  cursor: pointer;
  padding: 0 6px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: var(--text16);
  display: inline;
	}

.collapsible:active, .collapsible:hover {
  background-color: #d8d8d8;
	}

/* .collapse is for the answer */
div.collapse {
	font-family: var(--fontName);
	color: black;
	font-size: var(--text14);
	padding: 0 6px;		/* 0 8px */
	display: none;
	overflow: hidden;
	background-color: white;
	line-height: 1.5;	/* 1.4 */
	//display: inline;
	}


td.tdHelp {
	background-color: white;
	text-align: left;
	vertical-align: top;
	border: none;
	color: #000008;
	max-height: 999999px;
	line-height: 1.4;
	font-family: var(--fontName);
	font-size: var(--text14);  /* 5/22/22 was 16 */
	//border-radius: 8px;
	padding: 8px;
	}

div.dLH {
	line-height: 1.1;
	}	

.b-link {
	border:none;
	outline:none;
	background:none;
	cursor:pointer;
	padding:0;
	text-decoration:none;
	font-family: inherit;
	font-size:inherit;
	display: inline;
	}

@media screen {
	p.pIdx1 {
		font-size: var(--text16);
		font-family: var(--fontName);
		font-style: normal;
		display: inline;
		color: darkBlue; /*var(--foreFontColor);*/	
		border-bottom: 1px dotted var(--foreFontColor);
		padding: 0;
		margin-top: 4px;
		}

	p.pIdx1:hover {
		background-color: yellow;
		}
	}	

@media print {
	p.pIdx1 {
		font-size: var(--text16);
		font-family: var(--fontName);
		font-style: normal;
		display: inline;
		color: black;
		}

	p.pIdx1:hover {
		background-color: yellow;
		}
	}	

	p.pIdx2 {
    font-size: var(--text14);
    font-family: var(--fontName);
    font-style: normal;
	display: inline;
	}
	
img.iRight0 {
	border: 2px solid black;
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
	height: auto;
	float: right;
	}	
	
img.iRight {
	border: 2px solid black;
	border-radius: 4px;
	padding: 5px;
	margin: 5px;
	max-width: 50%;
	height: auto;
	float: right;
	}	
	
img.iRight70 {
	border: 2px solid black;
	border-radius: 4px;
	padding: 5px;
	margin: 5px;
	max-width: 70%;
	height: auto;
	float: right;
	}	
	
img.iCenter {
	border: 2px solid black;
	border-radius: 4px;
	align: center;
	padding: 5px;
	margin: 5px;
	max-width: 90%;
	height: auto;
	}	

img.iLeft2 {
	border: 2px solid black;
	border-radius: 4px;
	padding: 5px;
	margin: 5px;
	max-width: 30%;
	height: auto;
	float: left;
	}	

img.iLeft {
	border: 2px solid black;
	padding: 3px;
	margin: 5px;
	//max-width: 100;
	float: left;
	}	
	
p.clearLeft {
	clear: left;
	}	
	
@media screen {	
	a:link {
		color: var(--foreFontColor); //#0000d0;
		display: inline;
		border-bottom: 1px dotted var(--foreFontColor);  //#0000d0;
		text-decoration: none;
		}	
	a:hover {
		background-color: yellow;
		}
	}

@media print {
	a:link {
	border: none;
	text-decoration:none;
	color:black;
	display: inline;
	}
	}
	
body {
	padding: 10px;
	border: 2px solid var(--accentColor);
		}
</style>
