/* Main Style Sheet      */
/* Created by Devin Cook */
/* Seriously, there is really nothing to see here */

table, tbody, td, p, th
{
	font-family: arial;
	font-size: 16pt;  /* 2vw; */
}


body
{
	padding: 0vw;
	margin: 0px;
	background-color: #FFFFFF;  /*match main body*/
}

h1
{
	color: #FFFFFF;
	background-color: #4E7CB0;
	padding:  12pt 24pt 12pt 24pt;
	border-radius: 3vw;
	border: 2px solid #0E3C70;
	
	font-family: arial;
	font-size: 24pt;
	font-weight: bold;
	
	margin: 48pt 0vw 24pt 0vw;
	clear: both;
}

h2
{
	color: #606060;
	background-color: #ECECEC;
	padding:  10pt 24pt 10pt 24pt;
	border-radius: 18pt;
	border: 2px solid #C0C0C0;
	
	font-family: arial;
	font-size: 18pt;
	font-weight: bold;
	
	margin: 32pt 1.5vw 18pt 1.5vw;
	clear: both;
}

p         				/* Paragraph */
{
	margin: 24pt 3vw 0pt 3vw;
	line-height: 1.5;
}

.Attention
{
	color: #C00000;
	font-weight: bold;
	font-size: inherit;
}


em
{
	color: #E0CFA0;
	font-weight: bold;
	font-style: italic;
}

strong
{
	color: #001020;
	font-weight: bold;
	font-style: normal;
}

/* ---------------- Lists -------------- */

ol
{
	margin: 24pt 3vw 0pt 3vw;	
}

ul
{
	margin: 24pt 3vw 0pt 3vw;	
	list-style-type: square;
}

li
{
	margin: 0pt 0pt 18pt 0pt;
	line-height: 1.5;
	padding-left: 8pt;
}


li::marker
{
	color: #4E7CB0;
}


li a:hover
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}



a,
a:link,
a:active,
a:visited
{
	color: #5070B0;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

a:hover
{
	color: #80A0E0;
	font-weight: bold;
	text-decoration: none;
}


/*
=======================================
Custom
=======================================
*/

.Icon
{
	width: 32pt;
	height: 32pt;
	vertical-align: middle;

	padding: 0pt 16pt 0pt 0pt;
	border: none;
}


/*
=======================================
Chart
=======================================
*/

.ChartTable,
.ChartTable tbody
{
	border-collapse: collapse;
	/*margin: 12pt 0pt 0pt 12pt;*/
	margin: 24pt 24pt 0pt 24pt;  /* Same as paragraph */

	font-family: arial;
	font-size: 14pt;
	vertical-align: middle;
	text-align: left;
}

.ChartTable ul
{
	margin: 0pt 8px 0pt 8px;
}

.ChartColumn
{
	text-align: center;

	padding: 8pt 16pt 8pt 16pt;
	border: 2px solid #0E3C70;
	color: #FFFFFF;
	background-color: #7EACE0;  /* #306090; */
}

.ChartBody
{
	white-space: nowrap;

	padding: 8pt 16pt 8pt 16pt;
	border: 2px solid #0E3C70;
	color: #202020;
	background-color: #F8F8F8;
}

.ChartBodyName
{
	vertical-align: middle;
	white-space: nowrap;
	
	padding: 8pt 16pt 8pt 16pt;
	border: 2px solid #0E3C70;
	color: #202020;
	background-color: #E8E8E8;
}

.ChartBodyDownload
{
	background-image: url('images/download-icon.png');
	background-size: 16pt 16pt;
	background-position: left 8pt center;
	background-repeat: no-repeat;
	background-padding-left: 16pt;

	vertical-align: middle;
	white-space: nowrap;

	padding: 8pt 16pt 8pt 32pt;
	border: 2px solid #0E3C70;
	color: #202020;
	background-color: #FFF8F8;
}

.ChartBodyNotes
{
	background-image: url('images/down-icon.png');
	background-size: 16pt 16pt;
	background-position: right 8pt center;
	background-repeat: no-repeat;
	background-padding-left: 16pt;

	vertical-align: middle;
	white-space: nowrap;

	padding: 8pt 32pt 8pt 15pt;
	border: 2px solid #0E3C70;
	color: #202020;
	background-color: #FFF8F8;
}