/* A4 page width, no height fixed */
* { margin: 0; padding: 0; }
html, body { font-family: Arial, Helvetica, sans-serif; }
body { background: white; width: 178mm; padding-left: 16mm; }
body, p, td { font-size: 12pt; }

h1 { font-size: 2em; text-align: center; padding-bottom: 8px; border-bottom: 2px solid black; }
h2 { font-size: 1.6em; text-align: left; padding-top: 10px; padding-bottom: 10px; }
h3 { font-size: 1.2em; text-align: left; padding-top: 8px; padding-bottom: 10px; }
h4 { font-size: 1.1em; text-align: left; padding-top: 8px; padding-bottom: 8px; }

pre { font-size: 10pt; border: 2px solid lightgrey; border-radius: 3px; background: #EEE; }
p { width: 178mm; text-align: justify; padding-bottom: 10px; }
ul, ol { padding-left: 30px; padding-bottom: 10px; }
ul { list-style-type: disc; }

table { border-collapse: collapse; }
table tr td { font-size: 1em; border-color: black; }
table tr td > table tr td { font-size: 1em; padding: 1px; }

table.tests { border: 2px solid #000; }
.tests colgroup { border-left: 2px solid #000; border-right: 2px solid #000; }
.tests td { text-align: center; }

table.xl { font-size: 1.2em; }
.xl th { padding-left: 4px; padding-right: 4px; text-align: center; border-color: black; }
.xl td { padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; text-align: center; border-color: black; min-width: 40px; }

.border-bottom { border-bottom: 2px solid #000; }
.border-top    { border-top:    2px solid #000; }
.border-top-bottom { border-bottom: 2px solid #000; border-top: 2px solid #000; }

.separator {
    width: 100%;
    height: 16px;
    border-bottom: 2px solid black;
}
.emptyline { height: 12px; }

/* abc text highlight */
.abc-text span { }
.abc-macro    { font-weight: bold; color: green; }
.abc-ui-macro { font-weight: bold; color: red;  }

.abc-deco   { font-size: 10pt; color: green; }
.arrow-deco { font-size: 10pt; color: red; }
.color-deco { font-size: 10pt; color: brown; }

/* where is chord */
.chord-name {
    font-weight: bold;
    width: 60px;
    height: 30px;
    display: inline-block;
    text-align: right;
    padding-top: 36px;
}
.xxl {font-size: 1.5em;}
.hs-function li { min-width: 56px; }
.xl td.hs-function { padding: 0; }

p.small  { padding-bottom: 8px; }
ul.small { padding-bottom: 3px; }