/********************************************** studynotes css **********************************************/






/****************************** html elements ******************************/
/****** anchors */
a
{
	margin: 0 1.5em .5em 0;
	cursor: pointer;
	
	text-decoration: none; 
	
}

a:link, a:visited
{
	color: blue;
}

a:hover
{
	color: red;
}

a:first-of-type
{
	margin: 0em 1.5em .5em 3em;
}





/****** buttons */
button
{
	font-size: 0.95em;
	
	color: #222;
	background-color: #ccc; 
	border: 0.15em solid #777; /*#00f;*/ /*#47f; */
	
	padding: 0.15em;
	margin: 0.25em 0.15em 0.25em 0.15em;

	cursor: pointer;
}

button img
{
	width: 30px;
	padding: 0;
	margin: 0;

}







/****************************** area elements ******************************/
/****** body */
body > h1
{
	text-align: center;
}







/****** article */
article
{
	line-height: 2.0;
}

article a
{
	/*white-space:pre-wrap;/*nowrap; /*keep anchor text together (no word wrap)*/
	
	
	
	/*color: #222;*/
	background-color: #eee; 
	border: 0.15em solid #777; /*#00f;*/ /*#47f; */
	
	padding: 0.15em;
	margin: 0.25em 0.15em 0.25em 0.15em;

	display: inline-block;
	width: 10.0em;
	height: 2.3em;
	text-align: center;
	vertical-align: middle;
	line-height:0.9;
	
	cursor: pointer;
}

article a:link, article a:visited
{
	color: #222;
}

article a:hover
{
	color: white;
	background: #0000A0;/*red;*/
	border-color: yellow;
}

article a:first-of-type
{
	margin: 0.25em 0.15em 0.25em 0.15em;
}

article h1
{
	margin: 0 0 0 0;
}

article h2:first-of-type
{
	margin: 0 0 0 0;
}

article h2
{
	margin: 2em 0 0 0;
}






/****** nav */
nav > button
{
	width: 6.0em;
}

nav > a
{
	font-size: 0.95em;
	
	text-align: center;
	
	/*color: #222;*/
	background-color: #ccc; 
	border: 0.15em solid #777; /*#00f;*/ /*#47f; */
	
	padding: 0.15em;
	margin: 0.25em 0.15em 0.25em 0.15em;
	/*margin: 0 1.5em .5em 0;*/

	width: 5.0em;
	
	cursor: pointer;	
	text-decoration: none; 
}

nav a:link, nav a:visited
{
	color: #222;
}

nav a:hover
{
	color: red;
}

nav a:first-of-type
{
	margin: 0.25em 0.15em 0.25em 0.15em;
}












/****************************** page classes ******************************/
.clsLinksList a
{
	color: black;/*default*/
	background-color: transparent; 
	border: none;
	
	width: auto;
	height: auto;
	
	cursor: pointer;
	
	text-decoration: none;
}
.clsLinksList a:link
{
	/*text-decoration: inherit;*/
    color: black;
}

.clsLinksList a:visited
{
	/*text-decoration: inherit;*/
/*    color: blue;*/
}
.clsLinksList a:hover
{
/*	color: ;
	background:  ;
	border-color: ;*/
}








/****************************** formatting classes ******************************/
.clsSuperScriptBlack
{
	color:#333;
	font-weight: bold;
	font-size: 1.25em;
	padding: 0.15em;
	margin: 0.1em;
	line-height: 1.25;
}
.clsSuperScriptBlue
{
	color:#00F;
	font-weight: bold;
	font-size: 1.25em;
	padding: 0.15em;
	margin: 0.1em;
	line-height: 1.25;
}
.clsSuperScriptWhite
{
	color:#FFF;
	font-weight: bold;
	font-size: 1.25em;
	padding: 0.15em;
	margin: 0.1em;
	line-height: 1.25;
}
.clsSubScriptBlack
{
	color:#999;
	font-size: .75em;
	padding: 0.1em;
	margin: 0.1em;
	line-height: .75;
	
}
.clsSubScriptBlue
{
	color:#00F;
	font-size: .70em;
	padding: 0.1em;
	margin: 0.1em;
	line-height: .75;

}
.clsSubScriptWhite
{
	color:#FFF;
	font-size: .70em;
	padding: 0.1em;
	margin: 0.1em;
	line-height: .75;

}
.clsSubScriptEmphasizeBlack
{
	color:#777;
	/*font-weight: bold;*/
	font-size: 0.85em;
	padding: 0.1em;
	margin: 0.1em;
	line-height: .75;
	
}
.clsSubScriptEmphasizeScriptureBlack
{
	color:#777;
	/*font-weight: bold;*/
	font-size: 0.85em;
	padding: 0.1em;
	margin: 0.2em 1.0em 0 1.0em;
	line-height: .9;
	
}
.clsSubScriptEmphasizeScriptureReferenceBlack
{
	color:#777;
	/*font-weight: bold;*/
	font-size: 0.85em;
	padding: 0.1em;
	margin: 0.2em 2.0em 0.2em 2.0em;
	line-height: .9;
	
}
.clsEmphasizeBlack
{
	color:#333;
	font-weight: bold;
	font-size: 1.0em;
	padding: 0.1em;
	margin: 0.1em;
	line-height: 1.0;
}
.clsEmphasizeBlue
{
	color:#00F;
	font-weight: bold;
	font-size: 1.0em;
	padding: 0.1em;
	margin: 0.1em;
	line-height: 1.0;
}
.clsEmphasizeWhite
{
	color:#FFF;
	font-weight: bold;
	font-size: 1.0em;
	padding: 0.1em;
	margin: 0.1em;
	line-height: 1.0;
}
.clsEasyReadMultiDisplay
{
	font-family: sans-serif;
	font-size: .9em;
	line-height: 2.0;
}
.clsEmphasizeMultiDisplay
{
	font-family: sans-serif;
	font-size: .95em;
	line-height: 1.25;
}
.clsCompactField 
{
	margin: .3em 0 0 0 !important;
	padding: 0 0 0 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	border: none !important;

}
.clsQuoteBlock
{
	background-color: #ddd;
	padding: 0.75em;
	margin: 1em 1em 1em 1em;
}







/****************************************************************************************************** Element Display Controls classes */
/**************** Required for Element Display Controller Javascript Functions */
.clsElementDisplayControlActivate
{
	display: block;
}
.clsElementDisplayControlDeactivate
{
	display: none;
}