html > body > main { background-color: #FFFFFF; color: #000000; }

html > body > main a { color: #0000FF; text-decoration: none; }
html > body > main a:hover { color: #FF0000; }
html > body > main form input[type="button"] { padding: 8px; }
html > body > main form input[type="button"]:hover { cursor: pointer; }

html > body > main > form > section { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; margin: 0 0 0 0; padding: 12px 12px 12px 12px; width: 100%; }
html > body > main > form > section > h4 { font-size: 18pt; font-weight: 800; padding: 8px 0 0 0; text-align: center; }
html > body > main > form > section > h5 { font-size: 14pt; font-weight: normal; padding: 8px 0 0 0; text-align: center; }
html > body > main > form > section > h6 { font-size: 12pt; font-weight: normal; padding: 8px 0 0 0; text-align: center; }

html > body > main > form > section.Banner > h6 { color: #FF0000; }
html > body > main > form > section.Banner > h6 > span > b { color: #000000; font-family: Courier New, Courier, monospace; font-size: larger; font-weight: normal; }
html > body > main > form > section.Banner > h6 > span.NewKey { display: block; height: 360px; padding: 16px 0 16px 0; }


html > body > main > form > section.Form { padding: 8px 0 64px 0; }
html > body > main > form > section.Form > h5 { display: none; }
html > body > main > form > section.Form > fieldset { background-color: #F8F8F8; border-radius: 24px; margin: 0 auto 0 auto; max-width: 100%; padding: 24px 24px 24px 24px; width: 50%; }
html > body > main > form > section.Form > fieldset > div { margin: 12px 0 16px 0; text-align: center; width: 100%; }

html > body > main > form > section.Form > fieldset > div > strong { color: #FF0000; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; font-weight: normal; text-align: left; }
html > body > main > form > section.Form > fieldset > div > strong > i { font-family: Courier New, Courier, monospace; font-style: normal; font-weight: normal; }

html > body > main > form > section.Form > fieldset > div > label { color: #000000; display: block; font-size: 9pt; font-style: normal; font-weight: bold; text-align: center; }
html > body > main > form > section.Form > fieldset > div > span { width: 100%; }
html > body > main > form > section.Form > fieldset > div > span > em { display: block; font-family: 'Times New Roman', Times, serif; font-size: 10pt; font-style: italic; font-weight: normal; text-align: left; }
html > body > main > form > section.Form > fieldset > div > span > em > i { font-family: Courier New, Courier, monospace; font-size: 10pt; font-style: normal; font-weight: normal; }
/*
html > body > main > form > section.Form > fieldset > div > span > input[type="number"] { width: 100%; }
*/
html > body > main > form > section.Form > fieldset > div > span > input[type="email"] { width: 100%; }
html > body > main > form > section.Form > fieldset > div > span > input[type="password"] { width: 100%; }
html > body > main > form > section.Form > fieldset > div input[type="button"] { background-color: #021E3B; border: none; border-radius: 8px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; height: auto; padding: 12px 24px 12px 24px; vertical-align: middle; }
html > body > main > form > section.Form > fieldset > div input[type="button"]:hover { opacity: 0.666; }


@media only screen and (min-width: 1920px)
{
html > body > main > form > section.Form > fieldset { width: 40%; }
}

@media only screen and (min-width: 1680px) and (max-width: 1919px)
{
html > body > main > form > section.Form > fieldset { width: 40%; }
}

@media only screen and (min-width: 1440px) and (max-width: 1679px)
{
html > body > main > form > section.Form > fieldset { width: 40%; }
}

@media only screen and (min-width: 1200px) and (max-width: 1439px)
{
html > body > main > form > section.Form > fieldset { width: 40%; }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px)
{
html > body > main > form > section.Form > fieldset { width: 50%; }
}

@media only screen and (min-width: 960px) and (max-width: 1023px)
{
html > body > main > form > section.Form > fieldset { width: 50%; }
}

@media only screen and (min-width: 720px) and (max-width: 959px)
{
html > body > main > form > section.Form > fieldset { width: 70%; }
}

@media only screen and (max-width: 719px)
{
html > body > main > form > section.Form > fieldset { width: 90%; }
}