/* ===  Start CSS reset classes === */

/* === 
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 === */
 
 
/* ===  Font size conversion chart 
10px = 77%
11px  = 85%
12px  =	93%
13px  =	100%
14px  =	108%
15px  = 116%
16px  =	123.1%
17px  =	131%
18px  =	138.5%
19px  =	146.5%
20px  =	153.9%
21px  =	161.6%
22px  =	167%
23px  =	174%
24px  =	182%
25px  =	189%
26px  =	197%
=== */

@font-face {
    font-family: 'Fidelity';
    src:    url('./../fonts/FidelitySans-Regular.eot');
    src:    url('./../fonts/FidelitySans-Regular.eot?#iefix') format('embedded-opentype'),
            url('./../fonts/FidelitySans-Regular.woff') format('woff'),
            url('./../fonts/FidelitySans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;}

/* === 
 * 99% for safari; 100% is too large
 === */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/* === 
 * Bump up !IE to get to 13px equivalent
 === */
pre, code {font:115% monospace;}


/* === Start CSS Reset Classes === */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}


fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* === End CSS reset classes === */


/* === Begin global link treatment === */
a {color: #0066FF; text-decoration: none; font-family: Fidelity, sans-serif;}
a:visited {color:#800080; text-decoration: none;}
a:active, a:focus {color:#E74B00; text-decoration: underline;}
a:hover {text-decoration: underline;}
/* === End global link treatment === */

/* === Begin utility classes === */
.bold {font-weight: bold;}
.unbold	{font-weight: normal;}
.emphasis {font-style: italic;}
.underline	{text-decoration:underline;}
.grey-hr	{border-bottom:1px solid #DBDCDE; clear:both; height:1px; margin:0; padding:0;}
.hr-for-ie {display:none;}
.clear-both	{clear:both;}
.off-screen{position:absolute; left:-5000px;width:1px;height:1px;overflow:hidden;}

p {color:#333333; font-weight:normal; font-size:93%; line-height:146.5%; padding: 0px 0px 13px 0px; margin:0px;}
.dark-grey-hr {border-bottom: 1px solid #DEDFDE; clear: both; height: 1px; margin: 0px; padding: 0px;}
.dotted-grey-hr {border-bottom: 1px dotted #DEDFDE; clear: both; height: 1px; margin: 0px; padding: 0px;}
.hr-for-ie {display:none;}

/* === End utility classes === */
.hidden{ display:none;}
.visibility-none{visibility:hidden;}
.clear-both{clear:both;}

#page-container{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%;}
#layout-main-content-region{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%;}

.header-block{padding:21px 25px 30px 25px; margin:0px 0px 0px 0px;}
.header-block h1{color:#333333; font-family: Fidelity, sans-serif; font-weight:bold; font-size:161.6%; padding: 0px 0px 2px 0px; margin:0px 0px 0px 0px;}
.header-block p{color:#333333; font-family: Fidelity, sans-serif; font-weight:normal; font-size:93%; line-height:130%; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}

.section-block{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.section-block .section-header{padding:0px 0px 0px 0px; margin:0px 0px 6px 0px; width:100%; height:24px; background:url(../images/blue_section_separator.png); background-repeat:repeat-x;}
.section-block .section-header h2{color:#333333; font-family: Fidelity, sans-serif; font-weight:bold; font-size:85%; text-transform:uppercase; padding: 5px 0px 5px 25px; margin:0px 0px 0px 0px;}
.section-block ul{padding:0px 25px 16px 48px; margin:0px 0px 0px 0px; list-style:disc;}
.section-block ul li{color:#333333; font-family: Fidelity, sans-serif; font-weight:normal; font-size:93%; line-height:130%; padding: 0px 0px 13px 2px; margin:0px 0px 0px 0px;}
.section-block ul li.last{padding-bottom:0px;}
.section-block p{color:#333333; font-family: Fidelity, sans-serif; font-weight:normal; font-size:93%; line-height:130%; padding: 0px 0px 9px 35px; margin:0px 0px 0px 0px;}
.section-block ul.sub-content{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style:none;}
.section-block ul.sub-content li{font-size:100%;}

.section-article{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.section-article p.article-header{color:#000; font-family: Fidelity, sans-serif; font-weight:bold; font-size:91%; padding: 0px 0px 1px 25px; margin:0px 0px 0px 0px;}
.section-article p.article-body{color:#000; font-family: Fidelity, sans-serif; font-size:88%; padding: 0px 25px 15px 25px; margin:0px 0px 0px 0px;}

.footnote-block{border-top:1px solid #999999; padding:17px 0px 0px 0px; margin:0px 25px 0px 25px;}
.footnote-block ol{padding:0px 25px 0px 18px; margin:0px 0px 0px 0px; list-style:decimal;}
.footnote-block ol li{color:#666666; font-family: Fidelity, sans-serif; font-size:85%; line-height:140%; padding: 0px 0px 15px 0px; margin:0px 0px 0px 0px;}
.footnote-block p{color:#666666; font-family: Fidelity, sans-serif; font-weight:normal; font-size:85%; line-height:140%; padding: 0px 0px 15px 0px; margin:0px 0px 0px 0px;}
.footnote-block p.last{padding-bottom:0px;}

.cryptobackground {
    background-image: url( '../images/Crypto_Watermark.svg' );
}

@media (prefers-color-scheme: dark)
{
    .header-block h1,.header-block p,.section-block,.section-block ul li,.section-block p
    {
        color: #fff;
    }
    .footnote-block,.footnote-block ol li,.footnote-block p
    {
        color: #8D8D93; 
    }
    .section-article,.section-article p.article-header,.section-article p.article-body{color: #fff;}
    
    body{color: #fff;background: #000000;}
    p{color:#8D8D93; }
    .section-header{background:#333;}
    .section-header h2 { color: #fff;}

    .cryptobackground {
        background-image: url( '../images/Crypto_Watermark_Dark.svg' );
    }
}