#headerBox
{
 font-size: 120%;
 font-family: serif;
 display: table;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 font-weight: bold;
 padding: 0.5em;
}
#subheaderBox
{
 padding: 0.5em 1em 0px;
 font-family: sans-serif;
 max-width: 34.5em;
 margin-left: auto;
 margin-right: auto;
}
#purchaseBox
{
 font-family: sans-serif;
 max-width: 37.5em;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
.purchaseInput
{
 width: 15.5em;
 display: inline-block;
 margin: 0px 1em;
 text-align: left;
}
.purchaseInput input[type="text"]
{
 max-width: 23em !important;
 min-width: 11.5em !important;
}
#extraBox
{
 font-family: sans-serif;
 max-width: 34.5em;
 margin-left: auto;
 margin-right: auto;
}
.smallText
{
 font-size: 90%;
}
.tinyText
{
 font-size: 75%;
}
.tinyTextGray
{
 font-size: 75%;
 font-style: italic;
 opacity: 0.8;
}
.noteR
{
 text-align: right;
}
.lightboxAnchor
{
 display: none;
}
#viewterms + #lightbox, #viewterms + #lightbox + #termbox
{
 display: none;
}
#viewterms:target + #lightbox, #viewterms:target + #lightbox + #termbox
{
 display: block;
}
#lightbox
{
 opacity: 0.5;
 z-index: 100;
 position: fixed;
 top: 0px;
 left: 0px;
 bottom: 0px;
 right: 0px;
 background-color: rgb(0, 0, 0);
 cursor: default;
}
#termbox
{
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 150;
 position: fixed;
 box-shadow: 2px 2px 4px rgb(0, 0, 0);
 background-color: inherit;
 border-radius: 1em;
}
#termbox dl#terms
{
 margin: 1em;
}
#termbox div
{
 text-align: center;
 margin-bottom: 0.5em;
}
dl#terms
{
 font-family: monospace;
 margin-left: 2em;
 margin-right: 2em;
 border: 1px dashed #808080;
 padding: 0.5em;
 padding-left: 1em;
}
dl#terms dd
{
 margin-top: 0.5em;
 display: list-item;
}
dl#terms dd:nth-child(even)
{
 list-style-type: disc;
}
dl#terms dd:nth-child(odd)
{
 list-style-type: circle;
}