/* stylesheet for CREG examples. Updated for j118.  */

HTML {
  background-color: lavender;
  scroll-behavior: smooth;
}

BODY {
  background-color: white;
  max-width: 700px;
  margin: 20px auto;
  border: 1px solid blue;
  padding: 15px 25px;
  font-family: sans-serif;
  font-size: 14pt; 		/* sys default is 12pt (16px) */
}

H1 {
  color: green;
  line-height: 1.1em;
}

H2 {
  color: green;
}

P {
  line-height: 1.3em;
}

UL.pink	{ background-color: mistyrose;		padding: 5px;	font-size: smaller;				}
P.pink	{ background-color: mistyrose;		padding: 5px;	font-size: smaller;				}
P.green	{ background-color: springGreen;	padding: 5px;	font-size: smaller;	margin-left: 50px;	}

PRE { 
  font-size: smaller; 
  line-height: 1.0em;
  white-space: pre-wrap;	/* preserve spaces; ignore EOL but auto-wrap */
}

INPUT {				/* for text in buttons */
 font-family: monospace;
 width: 8em;
}

P.buttons {			/* for layout of buttons */
  text-indent: -5em;
  padding-left: 5em;
}

.navigation {
  background-color: LemonChiffon;
  border: 1px solid gold;
  margin: 0px -45px;		/* extend banner into margin */
  padding: 5px 45px;
  max-width: inherit;
}




#results {			/* for the results box */
  background-color: AliceBlue;
  border: 1px green solid;
  padding: 10px;
}

#pleasewait {			/* for the 'Program Running' box */
  background-color: LemonChiffon;
  border: 2px solid crimson;	/* 1px solid silver; */
  margin: auto;
  /* display: none; */
  position: fixed; 
  top: 25vh;
  left: 2vw; 
  width: 33vw;
  min-width: 200px;
  padding: 20px; 
  line-height: 1.2em;
  box-shadow:	10px 10px 	/* h & v offset */
  		5px		/* blur radius */
  		0px		/* spread */
		silver; 	/* LemonChiffon; */
} 

SPAN.pseudoLink {			/* text made to look like a hyperlink */
  text-decoration: underline; 
  color: blue; 
  cursor: pointer;
}

A:link 		{ text-decoration: none; }			/* yer actual hyperlink */
A:visited 	{color: blue;}
A:hover 	{color: cornflowerBlue; background-color: whiteSmoke;}
A.gray		{color: silver; text-decoration: none; }

.grabBar {
  background-color: antiqueWhite; /* LemonChiffon; */
  padding: 1px 12px;
  margin: -20px -20px 0px -20px;
  border-bottom: 1px solid crimson;
  cursor: move;
  font-size: smaller;
}


TABLE {				/* for the table in results.html */
  text-align: center;
  border: 3px solid green;
  border-collapse: collapse;
}

TD {				/* for the table in results.html */
  border: 1px solid green;
  padding: 3px;
  min-width: 33px;
}