body {margin: 0.5rem}
h1 {font-weight: bolder; margin: 0 0 1rem 0}
table {width: 100%; border-collapse: collapse}
td,th {border: 1px solid #666; padding: 0.5rem}
th {font-weight: bold; background-color: #CCC}
tr:nth-of-type(even) td {background-color: #EEE}
section {margin-top: 2rem}
label {margin: 0.5rem auto; display: block}
.input {margin: 1rem auto}
.link {margin: 1rem auto}
.link a {text-decoration:none}
.ml5 {margin-left: 1rem}
pre {font-size: 130%}
button {border: 0; background: transparent; margin: 0; padding: 0; white-space: nowrap}
.list button {color: #0066ff}
.list button:hover {color: #aa00ff}
.note {background-color: #FFFF66; border: 1px solid #666666; margin-top: 2rem; padding: 1rem; border-radius: 1rem}
.foot {text-align: center; margin: 1rem auto}
.pointer {cursor:pointer}
.unpaid {color:gray;cursor:not-allowed}
.warn {color:red;margin-top:.5rem}
.paycontainer {margin:1rem auto;text-align:center;line-height:300%}
table.order-details {max-width:700px}
.hot {color:red; font-weight:bold; text-transform:uppercase}