/*
	This style sheet is used to override and not conflict with styles on other pages.
	It's intended for the measure library system, so that styled can more or less the
	original documents or the sample ballot pamphlet.
*/

/*

*, DIV {
	font-family: Georgia,"Times Roman",serif;
}
*/

/*	Override the previous behavior for unordered lists. */
UL > LI {
	list-style-type: inherit;
	margin-bottom: 1em; 
}

.b {
	font-weight: Bold;
}

.c {
	text-align: Center;
}

.i {
	font-style: Italic;
}

.m {
	margin-left: 5em;
	margin-right: 5em;
}

.n {
	color: Black;
	font-style: None;
	font-weight: Normal;
}

.u {
	text-decoration: Underline;
}

.hide {
	display: none;
}

@counter-style lower-latin-parens {
	system: extends lower-latin;
	prefix: '(';
	suffix: ')  ';
	fallback: lower-latin;
}

@counter-style lower-roman-parens {
	system: extends lower-roman;
	prefix: '(';
	suffix: ')  ';
	fallback: lower-roman;
}

OL.ll {
	content: initial;
	list-style: lower-latin;
}

OL.ll LI {
	content: initial;
	list-style: lower-latin;
}


OL.lr {
	content: initial;
	list-style: lower-roman;
}

OL.lr LI {
	content: initial;
	list-style: lower-roman;
}


OL.dec {
	content: initial;
	list-style: decimal;
}

OL.dec LI {
	list-style: decimal;
	list-style-type: inherit;
}

OL.decp {
	content: initial;
	list-style: lower-latin-parens;
	list-style: decimal;
}

OL.decp LI {
	list-style: decimal;
	list-style: lower-latin-parens;
	list-style-type: inherit;
}

OL.llp {
	content: initial;
	list-style: lower-latin-parens;
/*	list-style-position: outside;	*/
}

OL.llp LI {
	list-style: lower-latin-parens;
	list-style-type: inherit;
}

OL.lrp {
	content: initial;
	list-style: lower-roman-parens;
/*	list-style-position: outside;	*/
}

OL.lrp LI {
	list-style: lower-roman-parens;
	list-style-type: inherit;
}
/*	2018-03-02:	Added for congruence. */
OL.ul {
	content: initial;
	list-style: upper-latin;
}

OL.ul LI {
	list-style: upper-latin;
	list-style-type: inherit;
}

OL.ulp {
	content: initial;
	list-style: upper-latin-parens;
/*	list-style-position: outside;	*/
}

OL.ulp LI {
	list-style: upper-latin-parens;
	list-style-type: inherit;
}

UL.dash {
	content: initial;
	list-style-type: '– ';
}

UL.dash LI {
	list-style-type: '– ';
	list-style-type: inherit;
}

.SectionDivider {
	background-color: LightCyan;
	border: Navy Dotted thin;
	color: Navy;
	font-weight: Bold;
	text-align: Center;
}

.AuthorBox {
	border: Black solid thin;
	margin-left: 2em;
	margin-top: 2em;
	padding: 1em;
}

.NoArgCon {
	border: Black solid thin;
	color: Red;

	font-weight: Bold;
	margin-left: 2em;
	margin-top: 2em;
	padding: 1em;
}

/*
	Source:
		http://sixrevisions.com/css/css-only-tooltips/
		
		<span class="hl" title="What about no administrative payments?"></span>
	Sample Usage:
		<a class="tooltip" href="#">Proceeds of the bonds may be used to pay or reimburse the District for the cost of District staff<span class="custom warning"><img src="IMG\Warning.png" alt="Error" height="48" width="48" /><em>Critical</em>What was that they said about no administrative payments?</span></a>

		<p>Here are some examples of a <a class="tooltip" href="#">Classic<span class="classic">This is just an example of what you can do using a CSS tooltip, feel free to get creative and produce your own!</span></a>, <a class="tooltip" href="#">Critical<span class="custom critical"><img src="Critical.png" alt="Error" height="48" width="48" /><em>Critical</em>This is just an example of what you can do using a CSS tooltip, feel free to get creative and produce your own!</span></a>, <a class="tooltip" href="#">Help<span class="custom help"><img src="Help.png" alt="Help" height="48" width="48" /><em>Help</em>This is just an example of what you can do using a CSS tooltip, feel free to get creative and produce your own!</span></a>, <a class="tooltip" href="#">Information<span class="custom info"><img src="Info.png" alt="Information" height="48" width="48" /><em>Information</em>This is just an example of what you can do using a CSS tooltip, feel free to get creative and produce your own!</span></a> and <a class="tooltip" href="#">Warning<span class="custom warning"><img src="Warning.png" alt="Warning" height="48" width="48" /><em>Warning</em>This is just an example of what you can do using a CSS tooltip, feel free to get creative and produce your own!</span></a> CSS powered tooltip. This is just an example of what you can do so feel free to get creative and produce your own!</p>
*/

A.tooltip, LABEL.tooltip {
	background-color: Yellow;
	color: Navy;
	font-weight: Bold;
}

.tooltip {
/*	border-bottom: 1px dotted #000000; */
/*	color: #000000; */
	cursor: help;
	outline: none;
	position: relative;
	text-decoration: none;
}

.tooltip span {
	margin-left: -999em;
	position: absolute;
}

.tooltip:hover span {
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	left: 1em;
	margin-left: 0;
	position: absolute;
	top: 2em;
	width: 250px;
	z-index: 99;
}

.tooltip:hover img {
	border: 0;
	float: left;
	margin: -10px 0 0 -55px;
	position: absolute;
}

.tooltip:hover em {
	display: block;
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.2em 0 0.6em 0;
}

.classic {
	padding: 0.8em 1em;
}

.custom {
	padding: 0.5em 0.8em 0.8em 2em;
}

* html a:hover {
	background: transparent;
}

.classic {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}

.critical {
	background: #FFCCAA;
	border: 1px solid #FF3334;
}

.help {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}

.info {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}

.warning {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}

border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);

.col2 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	column-width: 50%;
	background: White;
/*		padding: 0;*/
}

.col3 {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	background: White;
/*		padding: 0;*/
}