/* ======= GENERIC HTML STYLES ======= */ * { box-sizing: border-box; position: relative; font: inherit; text-decoration: inherit; color: inherit; background: transparent; max-width: 100%; margin: 0; padding: 0; border: none; } body { font: normal normal normal medium/1.5em sans-serif; color: #000; background: #FFF; } ul, ol, dl, table, p { margin-bottom: .5em; } p:only-child { margin-bottom: 0; } a { font-style: italic; text-decoration: underline; color: #068; } a.button { font-style: inherit; text-decoration: inherit; color: inherit; } sup { vertical-align: super; } sub { vertical-align: sub; } small { font-size: .75em; } big { font-size: 1.25em; } strike, del, s { text-decoration: line-through; } u {text-decoration: underline; } i, em { font-style: italic; } b, strong { font-weight: bolder; } tt, code, var, samp, kbd { font-family: monospace; } kbd { font-style: italic; } ul, ol { margin-left: 1.125em; } dl dt { font-weight: bolder; } table th { font-weight: bold; } li p + ul, li p + ol { margin-top: -.25em; } hr { border-bottom: 1pt solid; } h1, h2, h3 { font-weight: bold; margin-top: .75em; margin-bottom: .5em; } h4, h5, h6, form legend { font-weight: bolder; margin-bottom: .25em; } h1 { font-size: 1.5em; } h2 { font-size: 1.125em; } select, input, button, textarea, a.button { display: inline-block; color: #000; background-color: #FFF; border: .5pt solid; padding: .25em .75em; vertical-align: text-bottom; border: .5pt solid #000; border-radius: 2pt; } select { padding: .375em 0; } textarea { min-height: 7em; } input[type=radio], input[type=checkbox] { vertical-align: baseline; } input[type=number] { text-align: right; padding-right: 0; } button, input[type=button], a.button { box-shadow: .125em .125em .25em; cursor: pointer; } input[type=radio], input[type=checkbox], label[for] { cursor: pointer; } label { margin-right: .75em; } input + label { margin-left: .375em; } input.search + button.search { width: 2.5em; color: transparent; background-color: #CCC; margin-left: -2pt; border-left: none; border-radius: 0 2pt 2pt 0; white-space: nowrap; } input.search + button.search:before { content: '\1f50d'; color: #000; font-weight: bold; } @media print { @page { margin: 20mm; } h1 { text-align: center; } h1, h2, h3, h4, h5, h6, form legend { page-break-inside: avoid; page-break-after: avoid; page-break-before: auto; } li { page-break-inside: avoid; } th, dt { page-break-after: avoid; } } /* ======= End Generic Styles ======= */ /* ======= Common Styles ======= */ *[tooltip]:hover:after { display: block; position: absolute; min-width: 12em; bottom: 100%; left: 50%; transform: translate(-50%, 0); content: attr(tooltip); padding: .5em; color: #000; background-color: #FFC; border: .5pt solid; z-index: 1; } input[type=radio].tab { display: none; } input[type=radio].tab + label { display: table-cell; padding: .5em 1em; color: #000; background-color: #EEE; border: .5pt solid; } input[type=radio].tab:checked + label { background-color: #FFF; border-bottom: none; box-shadow: .125em -.125em .125em #888; z-index: 1; } input[type=radio].tab ~ *.tab { display: none; width: 100%; margin-top: -.5pt; padding: .25em .75em; border: .5pt solid; border-radius: 0; box-shadow: .125em .125em .125em #888; } /* ======= End Common Styles ======= */