/* These styles were added by Eric & Frieda
for the Jmol Tutorial Template (JTT) */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.fontSizeLink
{
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding:10px;
}
/*
	margin-top: 30px;
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.templateLink
{
	padding:10px;
	font-size: 85%;
	font-weight: normal;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.fontSizeInstructions
{
	font-size: 0.9em;
	margin: 10px;
	padding: 10px;
	background-color: #606060;
}
/*
//	background-color: #454545;
//	border: 1px solid gray;
//	text-indent: -5px;
*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.details {
	margin: 10px;
	font-size: 85%;
	font-weight: normal;
	border: 1px solid gray;
	padding: 8px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.script {
	margin: 20px;
	font-weight: normal;
	border: 1px solid gray;
	padding: 8px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
Eric's style notes:

No space between number and "px"!

THESE DONT WORK:
	float: center;
	align: center;

THESE WORK:
	margin-left: 10px;
	width: 90%;
	font-style: normal;
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* clockwise: top right bottom left */
.button {
	padding: 12px 6px 6px 10px;
}

/* padding works, but no effect:
	background-color: pink;
	color: green;
*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.buttonSize
{
	font-size: 95%;
	background-color: #e8e8e8; /* WORKS but sharpens button corners */
	border-radius: 4px; /* re-rounds evidently default rounded corners */
/*	border: 3px solid green;  WORKS but button no longer shows click depression border change */
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* .button:hover does the entire text block surrounding the button ??? */
.buttonSize:hover
{
	background-color: #d0d0d0;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.contents
{
	font-size: 1.3em; 
}

/* put space between list items in contents */
.contents li
{ 
	margin-top: 20px;
}

/* line-height: 2.0em; */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
STANDARD LINK ANCHOR COLORS
unvisited 0000FF
visited 551A8B

Mnemonic for order: LoVe/HAte
*/

/* these work well on a black background. link was 9090FF. */
a:link {color: #b0d0FF}
a:visited {color: #d080ff}
a:hover {color: #FF80FF}
a:active {color: #FF0000}

.whitebackground a:link {color: #0000FF}
.whitebackground a:visited {color: #a000d0}
.whitebackground a:hover {color: #FF00FF}
.whitebackground a:active {color: #FF0000}

.whitebackground
{
	color: #000000;
	background-color: #FFFFFF;
}

/* link was 9090FF */
.blackbackground a:link {color: #b0d0FF}
.blackbackground a:visited {color: #d080ff}
.blackbackground a:hover {color: #FF80FF}
.blackbackground a:active {color: #FF0000}

.blackbackground
{
	color: #FFFFFF;
	background-color: #000000;
}

.lightgraybackground
{
	background-color: #c5c5c5;
}

.darkgraybackground
{
	background-color: #252525;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.slabsliderfont
{
	font-family: sans-serif;
	font-size: 1.3em;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.chapterTitle
{
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;

	margin-top: 10px;
	margin-left:10px; 
	margin-right:10px; 
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.chapterSubtitle
{
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;

	margin-left:10px; 
	margin-right:10px; 
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */