.PageAdUnit {
	margin: 0 auto;
	background: transparent; /*repeating-linear-gradient(135deg,rgba(128,128,128,0.2),rgba(128,128,128,0.2) 10px,rgba(128,128,128,0.1) 10px,rgba(128,128,128,0.1) 20px);*/
	border-radius: 4px;
	overflow: hidden;
	max-width: 100%;
	overflow-x: hidden;
}

.PageAdUnit-Deep1 {display: block;}
.PageAdUnit-Deep2 {display: none;}

@media screen and (max-width: 830px) {
	.PageAdUnit-Deep1 {display: none;}
	.PageAdUnit-Deep2 {display: block;}
}


.PageAdUnit-Shallow1 {display: block;}
.PageAdUnit-Shallow2 {display: none;}

@media screen and (max-width: 830px) {
	.PageAdUnit-Shallow1 {display: none;}
	.PageAdUnit-Shallow2 {display: block;}
}


#MobileSessionInterstitial {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(40,40,40,0.7);
	z-index: 10000;
}

#MobileSessionInterstitialLabel {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: white;
	position: fixed;
	top: calc(50% + 250px);
	left: 0;
	width: 100%;
	height: 30px;
}

#MobileSessionInterstitialAdvert {
	background: white;
	position: fixed;
	top: calc(50% - 240px);
	left: calc(50% - 160px);
}

@media screen and (max-width: 500px) {
	BODY.ShowSessionInterstitial #MobileSessionInterstitial {
		display: block;
	}	
}

@media screen and (max-width: 340px) {
	BODY.ShowSessionInterstitial #MobileSessionInterstitial {
		display: none !important;
	}	
}

@media screen and (max-height: 560px) {
	BODY.ShowSessionInterstitial #MobileSessionInterstitial {
		display: none !important;
	}	
}
#BannerContent {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#BannerLogoBlock {
	height: 100px;
	box-sizing: border-box;
	padding-top: 12px;
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 50px;
}

#BannerLogo {
	
}

#BannerLogo IMG {
	width: 135px; height: 32px; border: 0;
}

#BannerSponsoredByHeader {
	font-size: 9px;
	margin: 5px 0 5px 0;
}

#BannerSignIn {
	flex-grow: 0;
	flex-shrink: 0;
	margin-left: 50px;
}

#BannerSignIn BUTTON {
	vertical-align: top;
}

#BannerLinks {
	flex-grow: 1;
	flex-shrink: 1;
	overflow-x: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height: 50px;
}

#BannerLinks H2 {
	display: inline-block;
	font-weight: normal;
	font-size: 16px;
	margin: 0 10px 0 10px;
	padding: 0;
	white-space: nowrap;
}


.BannerLink A {
	color: white;
	text-decoration: none;
}
.BannerLink A:visited {
	color: white;
}

.BannerLink A:hover {
	border-bottom: solid 2px white;
}


#BannerMenuActive {
	position: absolute;
	z-index: 1000;

	background: transparent;

	top: 0;
	left: 0;
}

.BannerMenu {
	background: #104FF7;
	color: white;
	font-size: 16px;
	padding: 20px;
}

.BannerMenu H3 {
	margin: 0;
	padding: 10px 0 10px 0;
	font-weight: normal;
	font-size: 16px;
}

.BannerMenu A {
	color: white;
	text-decoration: none;
	xpadding: 10px 0 10px 0;
}

.BannerMenu A:visited {
	color: white;
}

.BannerMenu A:hover {
	border-bottom: solid 2px white;
}

#BannerHamburger {
	margin: 0 20px 0 20px;
	flex-grow: 1; 
	flex-shrink: 1;
	text-align: right;
	display: none;
}

#BannerHamburger SPAN {
	font-size: 48px;
	cursor: pointer;
}

#BannerAdUnit {
	height: 100%;
}

@media screen and (max-width: 1320px) {
	#BannerLogoBlock {
		margin-right: 30px;
	}
	#BannerSignIn {
		margin-left: 30px;
	}
}

@media screen and (max-width: 1280px) {
	#BannerLinks H2 {
		margin: 0 7px 0 7px;
	}
	#BannerLinks {
		justify-content: left;
	}
}


/* ************************************************************************************************
Scrolling overrides 
************************************************************************************************ */

#BannerAdUnit {flex-grow: 1; flex-shrink: 1; display: none;}
BODY.PageScrolled #BannerAdUnit {display: block;}
BODY.PageScrolled #BannerLinks {display: none;}
BODY.PageScrolled #BannerHamburger {display: block;}
BODY.PageScrolled #BannerSignIn {display: none;}

/* ************************************************************************************************
Mobile 
************************************************************************************************ */

@media screen and (max-width: 800px) {
	#BannerHamburger {display: block;}
	#BannerLinks {display: none;}
	#BannerSignIn {display: none;}

	BODY.PageScrolled #BannerAdUnit {display: none;}
	BODY.PageScrolled #BannerLinks {display: none;}
	BODY.PageScrolled #BannerHamburger {display: block;}
	BODY.PageScrolled #BannerSignIn {display: none;}
}

/* ************************************************************************************************
Also used in mobile sidebar...
************************************************************************************************ */

#BannerSignIn BUTTON, #MobileSidebar BUTTON {
	width: 112px;
	height: 45px;
	border-radius: 5px;
	margin: 0 5px 0 5px;
	font-size: 16px;
	cursor: pointer;
}

#BannerSignIn BUTTON:hover, #MobileSidebar BUTTON:hover {
    box-shadow: 0 0 10px 3px rgba(0, 0, 128, 0.4);
}

.btnBannerLogIn, .btnBannerLogOut {
	background: transparent;
	border: solid 1px white;
	color: white;
}

.btnBannerRegister, .btnBannerMyAccount {
	background: white;
	border: solid 1px white;
	color: #104FF7;
}
/* Placeholder */#DialogBackgroundOverlay {
	display: none;
	flex-direction: column;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	background: rgba(128, 128, 128, 0.5);
	backdrop-filter: sepia(50%);
	opacity: 0;
	transition: opacity 1s;
}

.PageDialog {
	display: none;
	position: relative;
	box-sizing: border-box;
	padding: 20px 20px 40px 20px;
	background: white;
	border-radius: 8px;
	margin: 0 auto;
	max-height: 100%;
	overflow-y: auto;
	box-shadow: 0 0 10px #00000080;
}

.PageDialogCloseIcon {
	font-family: FA6;
	font-size: 32px;
	position: absolute;
	top: 10px;
	right: 20px;
	cursor: pointer;
}

.PageDialogTitle {
	margin: 30px 0 20px 0;
	font-size: 20px;
	text-align: center;
}

@media screen and (max-width: 500px), screen and (max-height: 400px) {
	#DialogBackgroundOverlay .PageDialog {
		border-radius: 0;
		width: 100%;
		height: 100%;
	}
}

#PageDialogLogin {
	width: 400px;
}

#PageDialogLoginForm {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#txtPageDialogLoginUsername, #txtPageDialogLoginPassword {
	border: solid 1px #808080;
	border-width: 1px !important;
	padding: 10px;
	border-radius: 8px;
	font-size: 14px;
	height: 35px;
	box-sizing: border-box;
	width: 150px;
}


#txtPageDialogLoginPassword {
	width: 115px;
}

#txtPageDialogLoginPassword {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#txtPageDialogLoginButton, .ArrowGoButton {
	border-radius: 0;
	display: inline-block;
	width: 30px;
	height: 35px;
	background: #070056;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	font-family: FA6;
	color: white;
	text-align: center;
	font-size: 20px;
	line-height: 35px;
	border: 0;
}

#PageDialogLoginForm1, #PageDialogLoginForm2 {
	flex-grow: 0;
	flex-shrink: 0;
	box-sizing: border-box;
	width: 50%;
	padding: 0 5px 0 5px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

#PageDialogLoginForm1 {
	justify-content: right;
}

#PageDialogLoginPasswordReset, #PageDialogLoginPasswordRegister {
	margin: 20px;
	text-align: center;
}

#PageDialogLoginPasswordRegister {
	margin-top: 60px;
}


.DialogWait {
	width: 12px;
	height: 12px;
	display: inline-block;
}@font-face {
    font-family: "FA6";
    font-style: normal;
    font-weight: 400;
    src: url("/styles/fonts/fa-solid-900.612.woff") format("woff");
}

@font-face {
    font-family: "SiteFont";
    font-style: normal;
    font-weight: 400;
    src: url("/styles/fonts/notosans-regular.woff") format("woff");
}

@font-face {
    font-family: "SiteFont";
    font-style: normal;
    font-weight: 700;
    src: url("/styles/fonts/notosans-semibold.woff") format("woff");
}


.FA6 {
	font-family: FA6;
}BODY.FullScreen #PageBanner {display: none;}
BODY.FullScreen #StickyBar {display: none;}
BODY.FullScreen #SiteFooter {display: none;}.LegacyIndent {
	padding-top: 20px;
}

.StripedPageSection {
    display: block;
    padding: 30px 0 30px 0;
}

.StripedPageSection:nth-child(even) {
	background: #f7f7f7;
}

.NoUnderlineA {
	text-decoration: none;
}

A.InfoButton:hover, .StripedPageSection BUTTON.InfoButton:hover, .StripedPageSection SPAN.InfoButton:hover, BUTTON.InfoButton:hover {
    box-shadow: 0 0 10px 3px rgba(0, 0, 128, 0.2);
}

A.InfoButton, BUTTON.InfoButton, SPAN.InfoButton {
    display: inline-block;
    border-radius: 4px;
    padding: 10px 20px 10px 20px;
    margin: 0 20px 10px 0;
    cursor: pointer;
    background: #104FF7;
    border: solid 1px #104FF7;
    color: white;
	font-size: 16px;
	text-decoration: none;
}
A.InfoButton:visited {color: white;}

BUTTON.InfoButton:disabled {
	background: #808080;
	cursor: not-allowed;
	border-color: #808080;
}

.InfoButton.InfoButtonCyan {
	background: #00C4FF;
	border-color: #00C4FF;
}

.InfoButton.InfoButtonDisabled {
	background: #808080;
	border-color: #808080;
	pointer-events: none;
}


.DisplayList LI {
	font-size: 14px;
	line-height: 175%;
}

.InputForm TH {
	text-align: left;
	padding-right: 20px;
}

.InputForm INPUT {
	border: solid 1px #808080;
	border-radius: 4px;
	padding: 5px;
}



.UL175 LI {
	line-height: 175%;
}

BUTTON.GreyButton, A.GreyButton {
    display: inline-block;
    border-radius: 4px;
    padding: 10px 20px 10px 20px;
    margin: 0 20px 10px 0;
    cursor: pointer;
    background: #808080;
    border: solid 1px #808080;
    color: white;
	font-size: 16px;
	text-decoration: none;
	cursor: not-allowed;
}
A.GreyButton:visited {color: white;}

BUTTON.RedButton, A.RedButton {
    display: inline-block;
    border-radius: 4px;
    padding: 10px 20px 10px 20px;
    margin: 0 20px 10px 0;
    cursor: pointer;
    background: crimson;
    border: solid 1px crimson;
    color: white;
	font-size: 16px;
	text-decoration: none;
}
A.RedButton:visited {color: white;}


BUTTON.GoldButton, A.GoldButton {
    display: inline-block;
    border-radius: 5px;
    padding: 6px 15px;
    margin: 0 20px 10px 0;
    cursor: pointer;
    background: #FFD400;
    border: 0;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
    color: #070056;
	text-decoration: none;
	overflow: hidden;
}


/*
REQUIRED BY THE STATS AND RISK PAGES
*/

.StatsBox {
	padding: 10px;
}
.PageSection {
	position: relative;
	background-color: white;
	margin-bottom: 20px;
	border: solid 1px #E0E0E0;
	
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1); 

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.BoxFooter {
    font-size: 11px; padding: 10px; border-top:solid 1px #C0C0C0; 
    background: #FFFFE0;
    background-image: url("/images/bg04.png?");
}

.PageSection .Heading {
	font-weight: bold;
	padding: 9px 3px 9px 12px;
	border-bottom: solid 1px #D0D0D0;
	position: relative;
	top: 0px; left: 0px;
    font-size: 15px;
    background-image: url("/images/bg04.png?");
	color: #606060;

	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.PageSection .Content {
	position: relative;
	padding: 10px 10px 10px 10px;
}


.PageSection .Heading INPUT {
	font-weight: normal;
}

.PageSection .Heading A {
	font-weight: bold;
	color: #0000A0;
}

.PageSection .Heading .Icon {
	border: 0px;
	width: 40px;
	height: 40px;
	top: -15px;
	left: -15px;
	position: relative;
	margin-bottom: -22px;
	margin-right: -10px;
}

.BoxSubHeader {
	solid 1px #C0C0C0;
	border-bottom: solid 1px #D0D0D0; 
	background-color: #FFFFF0; 
	padding: 8px; 
	font-size: 13px; 
	color: #808080
}

.UserPage H1 {
	font-size: 28px;
	color: black;
}/* Placeholder */
HTML, BODY {
	width: 100%; height: 100%; margin: 0; padding: 0;
	scroll-padding-top: 100px;
}

BODY {
	font-family: SiteFont, Arial, Helvetica;
	font-size: 14px;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

BUTTON, INPUT, SELECT {
	font-family: SiteFont, Arial, Helvetica;
}

P, H1, H2, H3, H4 {
	line-height: 150%;
}

#PageWrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

#PageBanner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: #104FF7;
	color: white;
	z-index: 2;
}

#PageBody {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 100px;
	height: calc(100% - 100px);
	box-sizing: border-box;
	z-index: 0;
	background: white;
}

#PageBodyInner {
	position: relative;
	min-height: 100%;
	width: 100%;
}

#PageBody P {
	line-height: 150%;
	font-size: 16px;
}

.BDPageIndent, .ContentIndent, .PageWidthIndent, .StripedPageSectionIndent, .MarketPageIndent, .LegacyIndent {
	width: calc(100% - 40px);
	max-width: 1324px;
	margin: 0 auto;
}

.ContentTopPadding {
	padding-top: 20px;
}

.ContentDisplayPadding {
	padding: 20px 0 30px 0;
}

H2 A {
	text-decoration: none;
}

#PageBody H3 {
	font-size: 20px;
	line-height: 150%;
}

.AR {
	text-align: right;
}

A {color: #070056;}
A:visited {color: #070056;}

#PageWrapper .ContentDisplayPadding P, #PageWrapper .ContentDisplayPadding LI {
	font-size: 16px;
	line-height: 150%;
}

#PageWrapper .PromoContent, #PageWrapper .PromoContent P, #PageWrapper .PromoContent LI {
	font-size: 18px;
	line-height: 150%;
}

#PageWrapper .SubPromoContent, #PageWrapper .SubPromoContent P, #PageWrapper .SubPromoContent LI {
	font-size: 16px;
	line-height: 150%;
}


.RunningIcon {
	width: 12px;
	height: 12px;
	display: none;
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' viewBox='0 0 128 128' xml:space='preserve'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='transparent' /%3E%3Cg%3E%3Cpath d='M.6 57.54c5.73-6.23 17.33-15.5 33.66-12.35C55.4 48.5 64 63.95 64 63.95S42.42 65 30.28 83.63a38.63 38.63 0 0 0-3.4 32.15 64.47 64.47 0 0 1-5.52-4.44A63.64 63.64 0 0 1 .6 57.54z' fill='%23ffcb02'/%3E%3Cpath d='M65.32 29.05c7.65 19.98-1.44 35.18-1.44 35.18S52.2 46.05 30.03 44.85A38.6 38.6 0 0 0 .56 57.93 63.8 63.8 0 0 1 37.56 6c8.2 1.8 22.26 7.16 27.76 23.05z' fill='%23ff9e02'/%3E%3Cpath d='M94.92 47.7c-13.48 16.63-31.2 16.36-31.2 16.36s9.92-19.2-.13-39a38.6 38.6 0 0 0-26.18-19 63.78 63.78 0 0 1 63.52 6.03c2.56 8 4.98 22.85-6.05 35.6z' fill='%23ff4b42'/%3E%3Cpath d='M93.52 82.53C72.38 79.17 63.75 63.7 63.75 63.7s21.6-1.02 33.7-19.63a38.6 38.6 0 0 0 3.43-32.04 64.33 64.33 0 0 1 5.74 4.6 63.63 63.63 0 0 1 20.82 53.26c-5.62 6.2-17.34 15.8-33.94 12.6z' fill='%23c063d6'/%3E%3Cpath d='M62.5 99c-7.65-19.98 1.44-35.17 1.44-35.17S75.56 81.6 97.74 82.8a39.1 39.1 0 0 0 29.73-13.03 63.8 63.8 0 0 1-37.16 52.3c-8.2-1.8-22.25-7.15-27.8-23.06z' fill='%2317a4f6'/%3E%3Cpath d='M26.64 115.63C24 107.6 21.6 93.06 32.5 80.5c13.48-16.62 31.58-16.55 31.58-16.55s-9.6 19.06.44 38.86a38.82 38.82 0 0 0 26.05 19.17 63.78 63.78 0 0 1-63.93-6.3z' fill='%234fca24'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='2400ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
}

.ButtonBusy .ButtonText {
	display: none;
}

.ButtonBusy .RunningIcon {
	display: inline-block;
}

.ButtonBusy {
	pointer-events: none;
}

.InfoButtonHasBusyIcon {
	min-width: 100px;
}

.FlexHorizontalSpacer {
	flex-grow: 1;
	flex-shrink: 1;
}.Markdown {visibility: hidden;}

.Markdown blockquote {
	border-left: solid 4px #808080;
	padding: 1px 10px;
	background: #e0e0e0;
	border-radius: 4px;
}

.Markdown P {white-space: pre-wrap;}
.Markdown *:first-child {margin-top: 0;}
.Markdown *:last-child {margin-bottom: 0;}
.Markdown H1 {font-size: 22px;}
.Markdown H2 {font-size: 20px;}
.Markdown H3 {font-size: 18px;}
.Markdown H4, .Markdown H5, .Markdown H6 {font-size: 16px;}

.markdown-alert {
padding: 0 1em;
margin-bottom: 16px;
color: inherit;
border-left: 0.25em solid #444c56;
}

.markdown-alert-title {
display: inline-flex;
align-items: center;
font-weight: 500;
margin-bottom: 0;
}

.markdown-alert-note {
border-left-color: #539bf5;
}

.markdown-alert-tip {
border-left-color: #57ab5a;
}

.markdown-alert-important {
border-left-color: #986ee2;
}

.markdown-alert-warning {
border-left-color: #c69026;
}

.markdown-alert-caution {
border-left-color: #e5534b;
}

.markdown-alert-note > .markdown-alert-title {
color: #539bf5;
}

.markdown-alert-tip > .markdown-alert-title {
color: #57ab5a;
}

.markdown-alert-important > .markdown-alert-title {
color: #986ee2;
}

.markdown-alert-warning > .markdown-alert-title {
color: #c69026;
}

.markdown-alert-caution > .markdown-alert-title {
color: #e5534b;
}

.mr-2 {
margin-right: 0.5rem;
}

.markdown-alert .octicon {
display: inline-block;
overflow: visible !important;
vertical-align: text-bottom;
fill: currentColor;
}#MobileSidebarOverlay {
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(128, 128, 128, 0.3);
}

#MobileSidebar {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	width: 200px;
	left: 100%;
	height: 100%;
	background: #104FF7;
	color: white;
	flex-direction: column;
}

#MobileSidebarBackSection {
	flex-grow: 0;
	flex-shrink: 0;
	padding: 20px 30px 20px 30px;
	text-align: right;
}
#MobileSidebarBackSection SPAN {
	cursor: pointer;
	font-size: 48px;
}

#MobileSidebarContent {
	flex-grow: 1;
	flex-shrink: 1;
	overflow: auto;
}

.MobileSidebarLink {
	padding: 17px 0 17px 0;
	text-align: center;
	font-size: 20px;
}

.MobileSidebarLink A {
	color: white;
	text-decoration: none;
}

.MobileSidebarLink A:hover {
	border-bottom: solid 2px white;
}
.NotMobile {}

.MobileOnly {display: none;}

@media screen and (max-width: 600px) {
	.NotMobile {display: none;}
	.MobileOnly {display: block;}
}#SiteFooter {
	margin: 20px 0 0 0;
	background: #f2f2f2;
	max-width: 100%;
	overflow-x: hidden;
	padding-bottom: 100px;
}

#SiteFooterContent {
	padding: 40px 0 20px 0;
	position: relative;
}

#SiteTerms {
	margin-top: 30px;
	font-size: 11px;
	line-height: 150%;
}

.SiteFooterLink {
	margin: 10px 0 10px 0;
}

.SiteFooterLink A {
	text-decoration: none;
	color: #070056;
}

.SiteFooterLink A:hover {
	text-decoration: underline;
}

#SiteFooterLogo {
	position: absolute;
	top: 50px; left: 0;
}

#SiteFooterLists {
	position: relative;
	left: 250px;
	display: grid;
	grid-row-gap: 15px;
	grid-template-columns: 200px 200px 200px 200px;
}

@media screen and (max-width: 1050px) {
	#SiteFooterLists {
		left: 300px;
		grid-template-columns: 300px 300px;
	}
}

@media screen and (max-width: 800px) {
	#SiteFooterLists {
		left: 0;
		top: 60px;
		margin-bottom: 60px;
		grid-template-columns: 100%;
	}
}
#StickyBar {
	position: fixed;
	left: 0;
	width: 100%;
	top: calc(100% - 40px);
	height: 40px;
	z-index: 10;
	background: #104FF7;
}

#StickyBar .ContentIndent {
	height: 40px;
}

#StickyBar IFRAME {
	width: 100%; height: 40px; 
	border: 0; padding: 0; margin: 0 auto; display: block; overflow: hidden;
}


#StickyBar2 {
	position: fixed;
	left: 0;
	width: 100%;
	top: calc(100% - 84px);
	height: 84px;
	z-index: 10;
	background: white;
	visibility: hidden;
}


#StickyBar2 IFRAME {
	width: 100%; height: 100%; 
	border: 0; padding: 0; margin: 0 auto; display: block; overflow: hidden;
}

BODY.FullScreen #StickyBar2, BODY.FullScreen #StickyBar {
	display: none;
}

@media screen and (max-width: 800px), (max-height: 600px) {
	#StickyBar, #StickyBar2 {
		display: none;
	}
}

#PageBody .SubBar {
    padding: 0;
    height: auto;

	display: grid;
	grid-template-columns: 150px 150px 150px 150px 150px 150px;
	border-bottom: solid 1px #040757;
}

#PageBody .SubBar.SubBarWideFirst {
    padding: 0;
    height: auto;

	display: grid;
	grid-template-columns: 200px 130px 130px 130px 130px 130px 130px 130px;
	border-bottom: solid 1px #040757;
}

#PageBody .SubBarButton {
	float: none;
    margin-right: 0;
    border: 0;
    padding: 0;
    border-radius: 0;
	overflow: hidden;

	width: 150px;
	font-size: 16px;
	height: 38px;
	line-height: 40px;
	border-bottom: transparent 2px #040757;
	text-align: center;
	cursor: pointer;
}

#PageBody .SubBarButton.Selected {
	background: #f2f2f2;
	border-bottom: solid 2px #040757;
}

#PageBody .SubBarButton A {
	display: inline-block;
	width: 100%;
	color: black;
	text-decoration: none;
}

@media screen and (max-width: 1150px) {
	#PageBody .SubBar {
		grid-template-columns: 150px 150px 150px 150px 150px;
	}

	#PageBody .SubBar.SubBarWideFirst {
		grid-template-columns: 200px 130px 130px 130px 130px 130px;
	}
}

@media screen and (max-width: 900px) {
	#PageBody .SubBar {
		grid-template-columns: 150px 150px 150px 150px;
	}

	#PageBody .SubBar.SubBarWideFirst {
		grid-template-columns: 200px 130px 130px 130px;
	}
}

@media screen and (max-width: 600px) {
	#PageBody .SubBar {
		grid-template-columns: 150px 150px;
	}

	#PageBody .SubBar.SubBarWideFirst {
		grid-template-columns: 130px 130px 130px;
	}
}

@media screen and (max-width: 450px) {
	#PageBody .SubBar.SubBarWideFirst {
		grid-template-columns: 130px 130px;
	}
}

#PageBody .SubBarButton.SubBarCaption {
	cursor: default;
	text-align: left;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
}

.UserSubBar {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 40px;
	border-bottom: solid 1px #040757;
	margin: 0 0 20px 0;
}

.UserSubBarHeader {
	width: 200px;
	flex-grow: 0;
	flex-shrink: 0;
}

.UserSubBarOptionsContainer {
	flex-grow: 1;
	flex-shrink: 1;
	overflow-y: hidden;
	overflow-x: auto;
	height: 40px;
	white-space: nowrap;
}

.UserSubBarOptionsContainer > DIV {
	display: inline-block;
}.StandardTile:hover {
	filter: contrast(0.97);
}

.StandardTile:hover H2 A {
	color: #104FF7;
}

.StandardTile:hover H2 {
	color: #104FF7;
}

.StandardTile:hover H3 A {
	color: #104FF7;
}

.StandardTile:hover H3 {
	color: #104FF7;
}

.StandardTile:hover .ArticleTitle {
	color: #104FF7;
}

.StandardTile:hover .TileTitle {
	color: #104FF7;
}