/* 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;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.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 */
a:link {color: #9090FF}
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;
}

.blackbackground a:link {color: #9090FF}
.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; 
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
