.mw-600 { max-width: 600px; }
body { font-size: 16px; }
.regPane.hidden { display: none; }
.helpBlock { font-weight: bold; }
label.FieldInvalid { color: red; font-style: italic; display: inline; }
input.FieldInvalid, select.FieldInvalid { border-color: #a94442; background: #ffeeee; }
#myForm { display: inline-block; background-color: #fef9e2; padding: 10px 15px; }
#FormError { display: none;	}
label.valid {
	background: rgba(0, 0, 0, 0) url("images/valid.jpg") no-repeat scroll 0 0;
	display: block;
	height: 16px;
	width: 16px;
}
.NoWrap { white-space: nowrap; }
.tooltip-inner { max-width: 400px; }
#Logo { width: 40%; }
#DBCTag { display: inline-block; font-weight: bold; vertical-align: middle; width: 50%; padding: 7px 0 0 3%; }
#DemoWarn { font-weight: bold; font-size: xx-large; margin: 10px 0 0 0; }
#Covid { font-size: 16px; };
#CorpHeader { font-weight: bold; font-size: xx-large; margin: 10px 0 0 0; }
#CCNum { position: relative; }
#Footer {
	border-top: 1px solid #176fc0;
	font: 8pt tohoma,arial,helvetica;
	margin-top: 3px;
	width: 100%;
	text-align: center;
	position: fixed;
	overflow: hidden;
	bottom: 0;
	background-color: white; /* iPhone rubberband scroll puts text behind */
}
@media screen and (max-width: 640px) {
	#Footer { font-size: 6pt; }
	#DemoWarn { font-size: x-large;}
	#Covid { font-size: 14px; }
}
#AgreeDiv { display:table-row; margin-bottom: 0; }
#AgreeSpan { display:table-cell; vertical-align:middle; }
#AgreeLabel { display:table-cell; padding: 0 0 0 10px; font-size: 12px; }
.tip { margin: 0 0 0 10px; font-size: 10px; }
#AffiliateAdminDiv { display: inline-block; }
#AffiliateAdminLabel { margin: 0; font-weight: normal; }


/* These are for styling the DBC Templates shown */
.DbcContent { width: 200px; height: 400px; margin-top: 10px; background-color: white; border: 4px solid transparent;}
.carousel-caption { position: relative; left: auto; right: auto; padding-bottom: 0; }
.carousel-inner { background-color: grey; }
.DbcSelectDiv { padding-bottom: 10px; }
.DbcSelected { border: 4px solid red; }
/* These are for styling the DBC Templates shown */

#Overlay {
	position: fixed;		/* Sit on top of the page content */
	display: none;			/* Hidden by default */
	width: 100%;			/* Full width (cover the whole page) */
	height: 100%;			/* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);		/* Black background with opacity */
	z-index: 2;
}
#OverlayMsg{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: x-large;
	text-align: center;
	color: black;
	background-color: white;
	padding: 10px;
	border: 3px solid black;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

@media screen and (max-width: 560px) {
	#OverlayMsg { font-size: medium; }
}

@media screen and (min-width: 561px) {
	#OverlayMsg { font-size: large; }
}

/* sm */
@media screen and (min-width: 768px) {
	#OverlayMsg { font-size: x-large; }
}