/* v2.56 */
MAIN H2 { font: 200 46pt Oswald,sans-serif; color: #FFF; border-bottom: 2px solid #FFF; margin: 0px; text-align: center; }
MAIN H3 { font: 400 32pt Oswald,sans-serif; color: #FFF; text-align: center; margin: 0px auto 15px; }
MAIN H4 { font: 400 18pt Monda,sans-serif; color: #FFF; text-align: center; }
MAIN P  { color: #FFF; }
MAIN DIV.Page { background-color: #212121; min-height: 320px; width: 100%; max-width: var(--PageWidth);
    margin: 10px auto; border: 1px solid #666; margin: 20px auto; padding: 20px; }
MAIN DIV.TopNote { max-width: 1010px; border: 1px solid #4C4C4C; padding: 20px; margin: 5px auto 15px auto; color: #FFF;
    text-shadow: 2px 2px #000; background-color: #1E4266; box-shadow: 3px 3px 7px 2px #000; }
MAIN DIV.TopNote P.Link { text-align: center; font: 400 18pt 'Open Sans', sans-serif; text-decoration: underline; }
MAIN DIV.TopNote P B	{ font-weight: 400; color: yellow; }
#Sticker { width: 100%; max-width: 320px; margin: 0px auto; display: block; }

MAIN DIV.Questions { width: 100%; max-width: 840px; margin: 0px auto; }
MAIN DIV.Form,
MAIN DIV.Questions FIELDSET { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap;
    border: 1px solid #999; width: 100%; background-color: #282828; cursor: pointer;
    margin: 20px 0px; padding: 20px; box-shadow: 3px 3px 7px 2px #000; font: 300 15pt 'Open Sans',sans-serif; line-height: 14pt; }
MAIN DIV.Questions FIELDSET:hover { background-color: #333; }
MAIN DIV.Questions FIELDSET U { cursor: pointer; text-shadow: none; font: 500 24px 'Fira Mono',monospace;
	letter-spacing: 2px; display: inline-block; width: 237px; text-align: left; text-decoration: none; color: #FFF;
	text-shadow: 2px 2px 2px #000; padding: 6px 10px; margin: 0px 10px; border-radius: 4px; }

MAIN DIV.Questions FIELDSET:nth-child(1) U { }
MAIN DIV.Questions LABEL{ white-space: nowrap; display: inline-flex; align-items: center; justify-content: flex-start; }
MAIN DIV.Questions IMG	{ width: 42px; height: 42px; padding: 2px; border: 2px inset white; background-color: #E8E8E8; border-radius: 5px; cursor: pointer; }
MAIN DIV.Questions P	{ margin: 0px; }
MAIN DIV.Questions U	{ }
MAIN DIV.Questions U::first-letter	{ background-color: #00000080; padding: 0px 1px 0px 3px; display: inline-block; border-radius: 3px; }
MAIN DIV.Questions B	{ }

@media (max-width: 860px) {
	MAIN DIV.Questions FIELDSET { flex-wrap: wrap; }
	MAIN DIV.Questions P { margin: 15px 0px 0px 0px; }

	MAIN DIV.Questions FIELDSET		{ flex-direction: column; }
	MAIN DIV.Questions FIELDSET P	{ text-align: center; }
}
@media (max-width: 420px) {
	MAIN DIV.Form,
	MAIN DIV.Questions FIELDSET		{ align-items: flex-start; }
	MAIN DIV.Questions LABEL		{ width: 100%; }
	MAIN DIV.Questions IMG			{ width: 36px; height: 36px; }
    MAIN DIV.Questions FIELDSET P	{ text-align: left; }
	MAIN DIV.Questions FIELDSET U	{ font-size: 20px; letter-spacing: 0px; width: auto; flex-grow: 1; }
}
@media (max-width: 360px) {
	MAIN DIV.Questions IMG			{ width: 34px; height: 34px; }
	MAIN DIV.Questions FIELDSET U	{ font-size: 18px; }
}
@media (max-width: 340px) {
	MAIN DIV.Questions LABEL		{ flex-direction: column; width: 100%; }
	MAIN DIV.Questions IMG			{ width: 52px; margin-bottom: 15px; }
	MAIN DIV.Questions FIELDSET U	{ font-size: 20px; width: 100%; text-align: center; margin: 0px; padding: 6px 10px; }
}

MAIN DIV.Form { display: block; max-width: 840px; margin: 0px auto; cursor: auto; }
MAIN DIV.Form BLOCKQUOTE { margin: 0px 0px 18px; font: 14pt 'PT Sans',sans-serif; }
MAIN DIV.Form BLOCKQUOTE.Mode1		{ background-color: #00386f; padding: 15px 20px; border: 1px solid #888; } /* #122939 */
MAIN DIV.Form BLOCKQUOTE.Wrong		{ background-color: #A00000; padding: 15px 20px; border: 1px solid #888; }
MAIN DIV.Form BLOCKQUOTE.Mode1 B,
MAIN DIV.Form BLOCKQUOTE.Wrong B	{ font-weight: normal; color: cyan; text-shadow: #000 1px 1px 0; }
MAIN DIV.Form BLOCKQUOTE.Right		{ background-color: #005000; padding: 15px 20px; border: 1px solid #888; }
MAIN DIV.Form BLOCKQUOTE.Done		{ background-color: #1E4266; padding: 15px 20px; border: 1px solid #888; }
MAIN DIV.Form BLOCKQUOTE I			{ font-style: normal; color: #a6ffff; text-shadow: #000 1px 1px 0; }

MAIN DIV.Form P	{ background: #444; padding: 10px; margin: 5px auto; display: flex; align-items: center; width: fit-content; justify-content: center; }
MAIN DIV.Form LABEL { display: inline-block; text-align: right; min-width: 160px; margin-right: 10px; }
MAIN DIV.Form P.NotesLabel	{ width: 390px; }
MAIN INPUT	{ font: 14pt 'PT Sans',sans-serif; width: 200px; }
TEXTAREA	{ font: 14pt 'PT Sans',sans-serif; width: 390px; margin: 0px auto; display: block; height: 64px; }

#Step2, #Step3 { display: none; }

@media (max-width: 540px) {
	MAIN DIV.Form P	{ flex-direction: column; align-items: flex-start; width: auto; }
	MAIN DIV.Form LABEL { text-align: left; min-width: unset; }
	MAIN DIV.Form P.NotesLabel,
	MAIN INPUT,
	TEXTAREA		{ width: 100%; }
	TEXTAREA		{ height: 96px; }
}

MAIN BUTTON { align-items: center; background: linear-gradient(to bottom, #60A52D, #1B6318); border-radius: 5px; border-width: 0px;
	box-shadow: 2px 2px 3px #000; cursor: pointer; color: #FFF; display: flex; font: 16pt Monda, sans-serif; gap: 15px;
	justify-content: center; line-height: 18pt; margin: 15px auto; padding: 5px 15px; text-decoration: none; text-shadow: #000 1px 1px 0;
	text-transform: uppercase; width: 180px; }

MAIN BUTTON B { font-weight: 400; display: inline-block; }
MAIN BUTTON IMG { width: 24px; height: 24px; display: none; }

MAIN BUTTON.wait { background: linear-gradient(to bottom, #BBB, #999); text-transform: none; font-size: 15pt; cursor: not-allowed; }
MAIN BUTTON.wait IMG { display: inline-block; }

MAIN A.Reset	{ border-bottom: 1px solid #FFFFC0; text-decoration: none; font-size: 13pt; display: block; margin: 40px auto 20px; width: fit-content; }

MAIN IMG.Top { width: 100%; display: block; }

@media (max-width: 760px) {
	MAIN .Large { display: none ! important; }
	MAIN .Small { }
}
@media (min-width: 761px) {
	MAIN .Large { }
	MAIN .Small { display: none ! important; }
}