@charset "utf-8";

span[class^="footnote"] {display:block;}

.hasJS span[class^="footnote"], .hasJS span[class ='tipContent'] {display:none;} /* prevents page load flicker if JavaScript operative */

.unhideTip {
	display: table-cell !important;
	position:relative;
}

.hideTip {
	display: none;
	position:relative;
}

.invis{ /* Hide visually, but will be read by a screen reader - to work for all browsers*/
	border: 0;
	clip: rect(0,0,0,0);
	clip-path: inset(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	left:-9999px;
	top:auto;
}

.fnNum, .fnNumBase{white-space:nowrap;}

.fnNum {cursor: pointer;} /* make the pointer act as a link cursor over the brackets as well as the footnote reference number */

.tipContent{ /* very basic formatting of the footnote tooltip */
	width: auto;
	border:#000 solid 1px;
}

.fnNum a, .fnNumBase a {
text-decoration:none;
}

/* ############ Formatting of Footnote numbers ############## */
.fnNum, .fnNumBase{
	background-color: #D7E3E3;
	white-space:nowrap;
	z-index:400;
	font-size:0.7em;
}
.fnNumBase {clear: both;
float: left;
font-size:.6em;
padding: 0 0.08em 0.1em 0.08em;
}


.fnTextBase {
	padding-left: 2.5em;
	display:block;
	font-size:.7em;
	padding-bottom:0.312em;
}
.fnNumIn{
	vertical-align: 0;
	position: relative;
	top: .2ex;
}

/* ############ Formatting of Tooltips ############## */
.tipContent{
	width: auto;
	max-width:95%;
	z-index:1080;
	position:relative;
	margin: 0 auto 0.5em auto;
	padding:0.19em 0.375em 0.23em 0.375em;
	border:#76A5A5 solid 0.18em;
	color:#001D47;
	background-color:#E8F0F0;
	box-shadow: 0.5em 1em 1.25em rgba(15, 36, 27, 0.62);
	text-align:left;
	border-radius:0.35em;
}
/* ############ Formatting of SideBox ############## */
#SideBox{
	float:right;
	width:25em;
	max-width:50%;
	padding:1em .5em .75em 1em;
	margin:.3em .2em .5em .5em;
	background-color:#fffcf0;
	border:#eed677 solid .1em;
	border-radius:.6em;
	box-shadow:.25em .5em .7em rgba(15,36,27,0.45)
}

span[id$="_Side"], #FootnotesSide {font-family:Baskerville, "Palatino Linotype", "Century Schoolbook L", "Times New Roman", serif;}
.btn {
text-shadow:0 0.09em 0 #ced9bf;
background:linear-gradient(to bottom,#f9fcf9 0%,#c1c4bf 100%);
box-shadow: inset 0 0.07em 0.62em 0.07em #E9FEE9, 0.5em 1em 1.25em rgba(15, 36, 27, 0.62);
border-top: 0.09em solid rgba(122, 153, 122, 0.9);
border-right: 0.09em solid rgba(153, 190, 153, 0.9);
border-bottom: 0.09em solid rgba(153, 190, 153, 0.9);
border-left: 0.09em solid rgba(122, 153, 122, 0.9);
}
