/* BEGIN: Global Defaults */

* { margin: 0; padding: 0; box-sizing: border-box; }
data { display: none; }
img { border: 0; vertical-align: bottom; }
main, header, nav, section, article, footer { display: block; }
pre, tt, code, kbd, samp, var { font-family: "Courier New", Courier, monospace; font-size: 10pt; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ul { list-style-type: none; margin: 0px; padding: 0px; }
html > body > main form { box-sizing: border-box; }

/* END: Global Defaults */

#code_Debug { color: #FFFFFF; content: "TBD"; font-family: Courier New, Courier, monospace; font-size: 12pt; padding: 2px 4px 2px 4px; }

@media only screen and (min-width: 1920px)
{
#code_Debug::before { content: "1920+"; }
}

@media only screen and (min-width: 1680px) and (max-width: 1919px)
{
#code_Debug::before { content: "1680-1919"; }
}

@media only screen and (min-width: 1440px) and (max-width: 1679px)
{
#code_Debug::before { content: "1440-1679"; }
}

@media only screen and (min-width: 1200px) and (max-width: 1439px)
{
#code_Debug::before { content: "1200-1439"; }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px)
{
#code_Debug::before { content: "1024-1199"; }
}

@media only screen and (min-width: 960px) and (max-width: 1023px)
{
#code_Debug::before { content: "960-1023"; }
}

@media only screen and (min-width: 720px) and (max-width: 959px)
{
#code_Debug::before { content: "720-959"; }
}

@media only screen and (max-width: 719px)
{
#code_Debug::before { content: "-719" }
}