style/dtc-html5.css

   1 /* body */
   2         body {
   3                 color:black;
   4                 font-family:sans-serif;
   5                 font-size:9pt;
   6                 /* font-size:0.750em; */
   7                 line-height:1.4;
   8                 margin:2ex auto;
   9                 width:650px;
  10          }
  11 /* break */
  12         .np {
  13                 page-break-before:always;
  14          }
  15         .avoid-break-inside {
  16                 page-break-inside:avoid;
  17          }
  18         .avoid-break-after {
  19                 page-break-after:avoid;
  20          }
  21 .print-only {
  22         display:none;
  23  }
  24 @media print {
  25         .no-print {
  26                 display:none;
  27          }
  28         span.print-only {
  29                 display:inline !important;
  30          }
  31         div.print-only {
  32                 display:block !important;
  33          }
  34  }
  35 @page:first {
  36         @top-center {
  37                 content:normal;
  38          }
  39         @top-left {
  40                 content:normal;
  41          }
  42         @top-right {
  43                 content:normal;
  44          }
  45  }
  46
  47 /* a */
  48         a {
  49                 color:#C4451D;
  50                 text-decoration:none;
  51          }
  52         a:active {
  53                 text-decoration:underline;
  54          }
  55         a:empty {
  56                 margin:0 0 0 0 !important;
  57                 padding:0 0 0 0 !important;
  58          }
  59         @media screen {
  60                 a:hover {
  61                         background-color:#F4F2E2 !important;
  62                         color:#C4451D !important;
  63                         text-decoration:underline !important;
  64                  }
  65                 a:visited {
  66                         color:rgb(171,105,84);
  67                  }
  68                 a:hover[href^="git:"],
  69                 a:hover[href^="http:"],
  70                 a:hover[href^="https:"],
  71                 a:hover[href^="mailto:"],
  72                 a.eref:hover {
  73                         color:blue !important;
  74                         text-decoration:underline;
  75                  }
  76                 a:visited[href^="git:"],
  77                 a:visited[href^="http:"],
  78                 a:visited[href^="https:"],
  79                 a:visited[href^="mailto:"],
  80                 a.eref:visited {
  81                         color:purple !important;
  82                  }
  83          }
  84         .para a, dt a, dd a, li a {
  85                 color:#C4451D;
  86          }
  87         a.smpl {
  88                 color:black;
  89          }
  90         a[href^="git:"],
  91         a[href^="http:"],
  92         a[href^="https:"],
  93         a[href^="mailto:"],
  94         a.eref {
  95                 border-bottom:none;
  96                 color:blue;
  97                 text-decoration:none;
  98          }
  99 /* .bcp14 */
 100         .bcp14 {
 101                 font-style:normal;
 102                 font-variant:small-caps;
 103                 text-transform:lowercase;
 104          }
 105         blockquote > * .bcp14 {
 106                 font-style:italic;
 107          }
 108 /* hi */
 109         span.hi {
 110                 background-color:yellow;
 111          }
 112 /* i */
 113         /* XXX: toggle() somehow included in CSS3,
 114                 but not supported so far by Mozilla/Firefox
 115         em {
 116                 font-style:toggle(italic, normal);
 117          }
 118         */
 119         em.odd {
 120                 font-style:italic;
 121          }
 122         em.even {
 123                 font-style:normal;
 124          }
 125 /* pre */
 126         pre.inline {
 127                 background-color:white;
 128                 padding:0em;
 129                 page-break-inside:auto;
 130          }
 131         pre.text {
 132                 background-color:#f8f8f8;
 133                 border-style:dotted;
 134                 border-width:1px;
 135          }
 136         pre.drawing {
 137                 background-color:#f8f8f8;
 138                 border-style:solid;
 139                 border-width:1px;
 140                 padding:2em;
 141          }
 142         code, pre, samp, tt {
 143                 background-color:#F4F2E2;
 144                 font-family:monospace;
 145                 font-size:90%;
 146                 margin:0 0 0 0;
 147                 /* page-break-inside:avoid; */
 148                 white-space:pre-line;
 149          }
 150         pre {
 151                 white-space:pre;
 152          }
 153         @media print {
 154                 pre {
 155                         white-space:pre-wrap;
 156                  }
 157          }
 158 /* q */
 159         q:after,
 160         q:before {
 161                 content:"";
 162          }
 163 /* cite */
 164         cite {
 165                 font-style:normal;
 166          }
 167 /* .ref-needed */
 168         .ref-needed {
 169                 font-size:50%;
 170                 color:red;
 171          }
 172 /* .sc */
 173         span.sc {
 174                 font-variant:small-caps;
 175          }
 176 /* sub/sup */
 177         sup {
 178                 font-size:80%;
 179          }
 180         sub {
 181                 font-size:80%;
 182          }
 183 /* .tt */
 184         span.tt {
 185                 font-family:monospace;
 186                 /* font-size:95%; */
 187                 font-size:1.3em;
 188          }
 189 /* .section */
 190         .section {
 191                 page-break-before:auto;
 192                 page-break-inside:avoid;
 193                 page-break-after:auto;
 194          }
 195         .section > section,
 196         .section > *:first-child {
 197                 margin-left:0em;
 198          }
 199         .section > * {
 200                 margin-left:2em;
 201          }
 202         .section-header {
 203                 border-spacing:0;
 204                 margin:0 0 1ex 0;
 205                 padding:0 0 0 0;
 206                 page-break-after:avoid;
 207          }
 208         .section-header .section-number {
 209                 font-weight:bold;
 210                 padding-right:1ex;
 211          }
 212         .section-title {
 213                 font-family:sans-serif;
 214          }
 215         .section-header > tbody > tr > td {
 216                 vertical-align:top;
 217          }
 218         .alias:target   ~ .section-header        .section-number,
 219         .section:target > .section-header        .section-number,
 220         .section        > .section-header:target .section-number {
 221                 background-color:#BFEFFF;
 222          }
 223         .section.page-break {
 224                 page-break-before:always;
 225          }
 226         .section.multi-pages {
 227                 page-break-inside:auto;
 228          }
 229         .section.single-page {
 230                 page-break-inside:avoid;
 231          }
 232         hr.section {
 233                 clear:left;
 234                 margin-top:2ex;
 235          }
 236         hr.pagebreak {
 237                 page-break-before:always;
 238          }
 239         div.title {
 240                 margin-bottom:2ex;
 241                 margin-top:2ex;
 242          }
 243         div.title > h1 {
 244                 font-size:100%;
 245                 margin:0.1ex 0 0 0;
 246                 padding:0 0 0 0;
 247                 text-align:center;
 248          }
 249         div.title > h1:first-child {
 250                 color:green;
 251                 font-size:150%;
 252                 font-weight:bold;
 253                 line-height:18pt;
 254          }
 255         .section .section-header {
 256                 font-size:115%;
 257                 line-height:21pt;
 258                 margin-top:2ex;
 259          }
 260         .section .section .section-header {
 261                 font-size:115%;
 262                 line-height:15pt;
 263                 margin-top:2ex;
 264          }
 265         .section .section .section .section-header {
 266                 font-size:115%;
 267                 margin-top:2ex;
 268          }
 269         .figure-content > .section > .section-header {
 270                 margin-top:0 !important;
 271          }
 272         .figure-content > .section + .section > .section-header {
 273                 margin-top:2ex !important;
 274          }
 275         h2, h3, h4, h5, h6 {
 276                 font-size:inherit;
 277                 line-height:inherit;
 278                 margin:0 0 0 0;
 279                 padding:0 0 0 0;
 280          }
 281 /* p */
 282         p {
 283                 margin:0 0 0 0;
 284                 padding:0 0 0 0;
 285          }
 286 /* .para */
 287         .para {
 288                 margin-top:2ex;
 289          }
 290         .para:first-child,
 291         a + .para,
 292         .section-header + .para {
 293                 margin-top:0;
 294          }
 295         .para.center {
 296                 text-align:center;
 297          }
 298         .para > p {
 299                 text-align:justify;
 300          }
 301         .para > * {
 302                 margin-top:0;
 303                 margin-bottom:0;
 304          }
 305         br.para {
 306                 line-height:150%;
 307          }
 308 /* .self */
 309         .self {
 310                 color:#999999;
 311                 font-style:normal;
 312                 margin-left:.3em;
 313                 position:absolute; /* NOTE: avoid bottom margin  */
 314                 text-decoration:none;
 315                 visibility:hidden;
 316                 /* XXX: not standard CSS yet  */
 317                 -moz-user-select:none;
 318                 -ms-user-select:none;
 319                 -webkit-user-select:none;
 320          }
 321         .self:hover {
 322                 text-decoration:none;
 323          }
 324         .para:hover .self,
 325         dt:hover .self {
 326                 visibility:visible;
 327          }
 328 /* .figure */
 329         .figure {
 330                 margin-top:1.5ex;
 331                 margin-bottom:1.5ex;
 332          }
 333         .section-header + .figure,
 334         .figure:first-child {
 335                 margin-top:0;
 336          }
 337         /*
 338         .para + .figure {
 339                 margin-top:1.5ex;
 340          }
 341         */
 342         .figure:last-child {
 343                 margin-bottom:0;
 344          }
 345         .figure table.figure-caption {
 346                 border-spacing:0;
 347                 margin-top:0;
 348                 margin-bottom:0.5ex;
 349          }
 350         .figure table.figure-caption > tbody > tr > td {
 351                 padding:0 0 0 0;
 352          }
 353         .figure .figure-caption .figure-number {
 354                 font-weight:bold;
 355                 vertical-align:top;
 356          }
 357         .figure .figure-caption .figure-colon {
 358                 font-weight:bold;
 359                 vertical-align:top;
 360          }
 361         .figure .figure-caption .figure-title {
 362                 padding-left:1ex;
 363                 text-align:left;
 364                 vertical-align:middle;
 365          }
 366         .figure .figure-content {
 367                 border-left:5px solid black;
 368                 /* overflow:auto; */
 369                 padding:0 0 0 1em;
 370          }
 371         .figure:target > table.figure-caption > tbody > tr > td.figure-number > a {
 372                 background-color:#BFEFFF;
 373          }
 374 /* .quote */
 375         .quote {
 376                 border-left: 3px solid blue;
 377                 padding-left: 1ex;
 378          }
 379 /* .index */
 380         .iref:target {
 381                 background-color:#BFEFFF;
 382          }
 383         .index {
 384                 margin-top:2ex;
 385                 page-break-before:avoid;
 386                 display:inline-block;
 387          }
 388         .section-header + .index {
 389                 margin-top:0;
 390          }
 391         .index .index-nav {
 392                 font-weight:bold;
 393                 line-height:150%;
 394                 margin-left:0;
 395                 padding:0 0 0 0;
 396          }
 397         .index .index-chars > dt > a,
 398         .index .index-nav a {
 399                 border:1px solid black;
 400                 display:inline-block;
 401                 margin-bottom:3px;
 402                 padding-bottom:.5ex;
 403                 padding-top:.5ex;
 404                 text-align:center;
 405                 width:3em;
 406          }
 407         .index .index-nav a {
 408                 margin-right:1ex;
 409          }
 410         .index dl.index-chars {
 411                 margin-top:0;
 412          }
 413         .index dl.index-chars > dt {
 414                 clear:left;
 415                 display:inline-block;
 416                 float:left;
 417                 font-weight:bold;
 418                 margin-bottom:3px;
 419                 margin-right:2em;
 420                 margin-top:2ex;
 421                 page-break-after:avoid;
 422          }
 423         .index dl.index-chars > dd {
 424                 display:inline-block;
 425                 float:left;
 426                 margin-left:0;
 427                 margin-top:2ex;
 428          }
 429         .index dl.index-chars > dt > :target {
 430                 background-color:#BFEFFF;
 431          }
 432         .index dl.index-term {
 433          }
 434         .index dl.index-term > dt {
 435          }
 436         .index dl.index-term > dd {
 437                 margin-left:0;
 438                 font-size:70%;
 439          }
 440         .index ul.index-aliases {
 441                 padding-left:0;
 442                 list-style:none;
 443          }
 444         .index ul.index-aliases > li {
 445                 line-height:120%;
 446          }
 447         .index .index-iref {
 448                 background-color:#F4F2E2;
 449                 position:relative;
 450                 vertical-align:baseline;
 451          }
 452         @media print {
 453                 .index {
 454                         column-count:2;
 455                         -moz-column-count:2;
 456                         column-fill:auto;
 457                  }
 458                 .index li li a {
 459                         content:target-counter(attr(href), page);
 460                  }
 461                 .index .index-nav {
 462                         display:none;
 463                  }
 464          }
 465 /* .ul */
 466         .ul {
 467                 padding-left:0;
 468          }
 469         dl.ul > dt {
 470                 float:left;
 471          }
 472         dl.ul > dd {
 473                 margin-left:1.5em;
 474                 clear:none;
 475          }
 476 /* .ol */
 477         .ol {
 478                 padding-left:0;
 479          }
 480         .ol.la {
 481                 list-style-type:lower-alpha;
 482          }
 483         .ol.ua {
 484                 list-style-type:upper-alpha;
 485          }
 486         dl.ol > dt {
 487                 float:left;
 488                 margin-right:1ex;
 489          }
 490         dl.ol > dd {
 491                 margin-left:1.5em;
 492                 clear:none;
 493          }
 494         table.ol {
 495                 border-spacing:1px;
 496          }
 497         table.ol > tbody > tr > td {
 498                 padding:0;
 499                 vertical-align:top;
 500          }
 501         table.ol > tbody > tr > td.name {
 502                 text-align:right;
 503          }
 504         table.ol > tbody > tr > td.value {
 505                 padding-left:1ex;
 506                 clear:none;
 507          }
 508 /* li */
 509         ul.ul > li,
 510         ol.ol > li {
 511                 margin-left:2em;
 512                 text-align:justify;
 513          }
 514 /* .dl */
 515         .dl {
 516          }
 517         dl.dl > dt {
 518                 float:left;
 519                 font-weight:bold;
 520                 margin-right:1em;
 521          }
 522         dl.dl.nohang > dt {
 523                 float:none;
 524          }
 525         dl.dl > dd {
 526                 clear:left;
 527                 margin-bottom:.5em;
 528                 text-align:justify;
 529          }
 530         dl.dl.compact > dd {
 531                 margin-bottom:.0em;
 532          }
 533         dl.dl > dd > dl.dl {
 534                 margin-top:0.5em;
 535          }
 536 /* .notes */
 537         .notes > hr {
 538                 border:none;
 539                 border-top:1px solid black;
 540                 color:black;
 541                 margin-left:0;
 542                 width:33%;
 543          }
 544         .notes {
 545                 margin-left:0;
 546          }
 547         .notes > table > tbody > tr > td {
 548                 vertical-align:top;
 549          }
 550         /* .note-ref */
 551                 .note-ref {
 552                         white-space:pre;
 553                  }
 554         /* .note-numbers */
 555                 sup.note-numbers {
 556                         font-size:66%;
 557                         margin-left:2px;
 558                  }
 559                 sup.note-numbers > a,
 560                 .note-ref > a {
 561                         color:black;
 562                         font-weight:bold;
 563                  }
 564                 @media screen {
 565                         sup.note-numbers > a:visited,
 566                         .note-ref > a:visited {
 567                                 color:gray !important;
 568                          }
 569                         sup.note-numbers > a:hover,
 570                         .note-ref > a:hover {
 571                                 color:black !important;
 572                          }
 573                         sup.note-numbers > :target {
 574                                 background-color:#BFEFFF;
 575                          }
 576                         .notes > table > tbody > tr > td:target .note-number,
 577                         .notes > table > tbody > tr > td > :target.note-number {
 578                                 background-color:#BFEFFF;
 579                          }
 580                  }
 581 /* .ref */
 582         .ref:target {
 583                 background-color:#BFEFFF;
 584          }
 585         .ref-broken {
 586                 border-bottom:1px dotted red;
 587          }
 588 /* .references */
 589         .references {
 590                 margin-top:1ex;
 591          }
 592         .references:first-child {
 593                 margin-top:0;
 594          }
 595         .references > table {
 596                 border-collapse:separate;
 597                 border-spacing:0;
 598          }
 599         .references > table > tbody > tr + tr > td {
 600                 padding-top:1ex;
 601          }
 602         .reference-key {
 603                 padding-left:0;
 604                 padding-right:1em;
 605                 vertical-align:top;
 606          }
 607         .reference-content {
 608                 text-align:justify;
 609          }
 610         .reference-rrefs {
 611                 margin-left:1ex;
 612          }
 613         .reference-rrefs .reference-rref {
 614                 background-color:#F4F2E2;
 615                 font-size:70%;
 616                 line-height:0;
 617                 position:relative;
 618                 vertical-align:baseline;
 619          }
 620         td.reference {
 621                 vertical-align:top;
 622                 white-space:nowrap;
 623                 padding-right:1em;
 624          }
 625 /* .rref */
 626         .rref {
 627                 white-space:pre;
 628          }
 629         .rref:target {
 630                 background-color:#BFEFFF;
 631          }
 632         .rref-broken {
 633                 display:inline-box;
 634                 border-bottom:1px dotted red;
 635          }
 636 /* .shortcuts */
 637         ul.shortcuts {
 638                 list-style-type:none;
 639                 margin:0 0 0 0;
 640                 padding:0 0 0 0;
 641                 position:fixed;
 642                 right:0.5ex;
 643                 top:0.5ex;
 644                 z-index:9999;
 645          }
 646         ul.shortcuts > li {
 647                 text-align:right;
 648                 line-height:1.2;
 649                 margin-bottom:0.5ex;
 650          }
 651         ul.shortcuts > li > a.shortcut {
 652                 background:white;
 653                 border:1px solid black;
 654                 padding:0 1ex 0 1ex;
 655          }
 656         @media print {
 657                 ul.shortcuts {
 658                         display:none;
 659                  }
 660          }
 661 /* .table */
 662         div.table {
 663                 margin-top:1ex;
 664          }
 665         table.table.headers > thead > tr > th {
 666                 border-style:none none solid none;
 667                 border-width:2px;
 668          }
 669         table.table > * > tr:target,
 670         table.table > * > tr > th:target,
 671         table.table > * > tr > td:target {
 672                 background-color:#BFEFFF;
 673          }
 674         table.table > tbody > tr > td {
 675                 text-align:center;
 676                 vertical-align:center;
 677          }
 678         table.table > tbody.left > tr > td,
 679         table.table > tbody > tr.left > td,
 680         table.table > tbody > tr > td.left {
 681                 text-align:left;
 682          }
 683         table.table > tbody.right > tr > td,
 684         table.table > tbody > tr.right > td,
 685         table.table > tbody > tr > td.right {
 686                 text-align:right;
 687          }
 688         table.table > tbody.center > tr > td,
 689         table.table > tbody > tr.center > td,
 690         table.table > tbody > tr > td.center {
 691                 text-align:center;
 692          }
 693         table.table > tbody.top > tr > td,
 694         table.table > tbody > tr.top > td,
 695         table.table > tbody > tr > td.top {
 696                 vertical-align:top;
 697          }
 698         table.table > tbody.bottom > tr > td,
 699         table.table > tbody > tr.bottom > td,
 700         table.table > tbody > tr > td.bottom {
 701                 vertical-align:bottom;
 702          }
 703         table.table > tbody.middle > tr > td,
 704         table.table > tbody > tr.middle > td,
 705         table.table > tbody > tr > td.middle {
 706                 vertical-align:middle;
 707          }
 708         table.table.center {
 709                 margin-left:auto;
 710                 margin-right:auto;
 711          }
 712         table.table.left {
 713                 margin-right:auto;
 714          }
 715         table.table.right {
 716                 margin-left:auto;
 717          }
 718         table.table > caption {
 719                 caption-side:bottom;
 720                 font-size:10pt;
 721                 font-weight:bold;
 722                 margin-top:.5em;
 723          }
 724         table.table > thead {
 725                 display:table-header-group;
 726          }
 727         table.table > tbody {
 728          }
 729         table.table > tfoot {
 730          }
 731         /* table.all */
 732                 table.table.all {
 733                         border-style:solid;
 734                         border-width:2px;
 735                  }
 736                 table.table.all > thead > tr > th {
 737                         border-style:solid;
 738                         border-width:1px;
 739                  }
 740                 table.table.all > tbody > tr > td {
 741                         border-style:solid;
 742                         border-width:1px;
 743                  }
 744         /* table.inside */
 745                 table.table.inside {
 746                         border-collapse:collapse;
 747                  }
 748                 table.table.inside > * > tr > td,
 749                 table.table.inside > * > tr > th {
 750                         border:1px solid black;
 751                         padding:0.5ex 1ex 0.5ex 1ex;
 752                  }
 753                 table.table.inside > * > tr:first-child > td,
 754                 table.table.inside > * > tr:first-child > th {
 755                         border-top:0;
 756                  }
 757                 table.table.inside > *     > tr:last-child > td,
 758                 table.table.inside > tbody > tr:last-child > th {
 759                         border-bottom:0;
 760                  }
 761                 table.table.inside > * > tr > td:first-child,
 762                 table.table.inside > * > tr > th:first-child {
 763                         border-left:0;
 764                  }
 765                 table.table.inside > * > tr > td:last-child,
 766                 table.table.inside > * > tr > th:last-child {
 767                         border-right:0;
 768                  }
 769         /* table.full */
 770                 table.table.full {
 771                  }
 772                 table.table.full > thead > tr > th {
 773                         border-style:solid;
 774                         border-width:1px 1px 2px 1px;
 775                  }
 776                 table.table.full > tbody > tr > td {
 777                         border:1px solid black;
 778                         padding:0 0 0 0;
 779                  }
 780 /* .toc */
 781         .toc {
 782                 background-color:#FFFFF0;
 783                 border:1px solid black;
 784                 /*margin-left:0 !important;*/
 785                 margin-top:1ex;
 786                 padding:1ex 2em 1.5ex 2em;
 787          }
 788         .toc .toc-name {
 789                 font-size:120%;
 790                 font-weight:bold;
 791          }
 792         .toc > ul {
 793                 margin-top:0;
 794          }
 795         .toc li:last-child > ul:last-child {
 796                 padding-bottom:0;
 797          }
 798         .toc ul {
 799                 list-style:none;
 800                 margin-bottom:0;
 801                 margin-left:1em;
 802                 padding-bottom:0;
 803                 padding-left:0em;
 804                 padding-top:0;
 805          }
 806         .toc.no-indent ul > li > ul {
 807                 margin-left:0;
 808          }
 809         .toc ul > li {
 810                 line-height:1.3;
 811                 font-weight:bold;
 812                 margin-left:0em;
 813                 margin-top:0;
 814          }
 815         .toc .toc-entry {
 816                 border-spacing:0;
 817          }
 818         .toc .toc-entry > tbody > tr > td {
 819                 padding:0 0 0 0;
 820                 vertical-align:top;
 821          }
 822         .toc .toc-entry .section-number {
 823                 padding-right:1ex;
 824          }
 825         .toc ul > li > ul {
 826                 padding-bottom:1ex;
 827                 padding-top:1ex;
 828          }
 829         .toc.no-vspace ul > li > ul {
 830                 padding-bottom:0;
 831                 padding-top:0;
 832          }
 833         .toc ul > li > ul > li {
 834                 font-weight:normal;
 835                 line-height:normal;
 836                 margin-left:0em;
 837          }
 838         @media print {
 839                 ul.toc a:last-child::after {
 840                         content:leader('.') target-counter(attr(href), page);
 841                  }
 842          }
 843 /* .tof */
 844         .tof {
 845                 list-style:none;
 846                 padding-left:0;
 847          }
 848         .tof .figure-number {
 849                 vertical-align:top;
 850                 padding-right:1em;
 851          }
 852         .tof h2 {
 853                 margin-bottom:1ex;
 854          }
 855         .tof .figure-number {
 856                 font-weight:bold;
 857                 margin-right:1ex;
 858          }
 859         .tof .figure-title {
 860          }
 861 /* .xml */
 862         pre.xml {
 863                 text-align:left;
 864                 white-space:pre-wrap;
 865          }
 866         .xml .xml-element-close-begin,
 867         .xml .xml-element-close-end,
 868         .xml .xml-element-empty-end,
 869         .xml .xml-element-open-begin,
 870         .xml .xml-element-open-end {
 871                 color:blue;
 872                 font-weight:normal;
 873          }
 874         .xml .xml-element-name {
 875                 color:blue;
 876                 font-weight:normal;
 877          }
 878         .xml .xml-colon {
 879                 color:blue;
 880                 font-weight:normal;
 881          }
 882         .xml .xml-comment-begin,
 883         .xml .xml-comment-end,
 884         .xml .xml-comment-text {
 885                 color:blue;
 886                 font-weight:normal;
 887          }
 888         .xml .xml-pi-begin,
 889         .xml .xml-pi-end {
 890                 color:blue;
 891                 font-weight:normal;
 892          }
 893         .xml .xml-pi-target,
 894         .xml .xml-pi-text {
 895                 color:green;
 896                 font-weight:normal;
 897          }
 898         .xml .xml-attribute-name,
 899         .xml .xml-namespace-declaration,
 900         .xml .xml-namespace-prefix {
 901                 color:green;
 902                 font-weight:normal;
 903          }
 904         .xml .xml-attribute-value,
 905         .xml .xml-namespace-uri,
 906         .xml .xml-attribute-quote {
 907                 color:purple;
 908                 font-weight:normal;
 909          }
 910 /* .headers */
 911         table.headers {
 912                 border-collapse:collapse;
 913                 border-spacing:0;
 914                 border:1px solid black;
 915                 /* color:white; */
 916                 line-height:1.4;
 917                 margin-left:auto;
 918                 margin-right:auto;
 919                 width:100%;
 920          }
 921         table.headers > * > tr:first-child > td,
 922         table.headers > * > tr:first-child > th {
 923                 background-color:#F4F2E2;
 924                 border:1px solid white;
 925                 padding:0;
 926                 /*
 927                 padding-left:0.5em;
 928                 padding-right:0.5em;
 929                 */
 930                 vertical-align:top;
 931          }
 932         table.headers td.left {
 933                 padding:0 0 0 0;
 934                 text-align:left;
 935          }
 936         table.headers td.right {
 937                 padding-left:0;
 938                 padding-right:0.5em;
 939                 text-align:right;
 940          }
 941         /* borders */
 942                 table.headers > * > tr:first-child > td,
 943                 table.headers > * > tr:first-child > th {
 944                         border-top:1px solid black;
 945                  }
 946                 table.headers > * > tr:last-child > td,
 947                 table.headers > * > tr:last-child > th {
 948                         border-bottom:1px solid black;
 949                  }
 950                 table.headers > * > tr > td:first-child,
 951                 table.headers > * > tr > th:first-child {
 952                         border-left:1px solid black;
 953                  }
 954                 table.headers > * > tr > td:last-child,
 955                 table.headers > * > tr > th:last-child {
 956                         border-right:1px solid black;
 957                  }
 958 /* .document-head */
 959         .document-head {
 960                 border:1px solid black;
 961          }
 962         .document-head > table {
 963                 border-collapse:collapse;
 964                 border-spacing:0;
 965                 border:1px solid white;
 966                 background-color:#F4F2E2;
 967                 line-height:1.4;
 968                 margin-left:auto;
 969                 margin-right:auto;
 970                 width:100%;
 971          }
 972         .document-head > table > tbody > tr > td {
 973                 border:1px solid white;
 974                 padding:0;
 975                 vertical-align:top;
 976                 width:50%;
 977          }
 978         .document-head > table > tbody > tr > td.left {
 979          }
 980         .document-head > table > tbody > tr > td.right {
 981          }
 982         .document-head > table > tbody > tr > td.full {
 983          }
 984         .document-head > table div.artwork.artwork-type-image {
 985                 border:0;
 986                 display:inline-block;
 987                 vertical-align:middle;
 988          }
 989         /* .document-headers */
 990                 table.document-headers {
 991                         border-spacing:0;
 992                         border-collapse:collapse;
 993                  }
 994                 table.document-headers > tbody > tr.header {
 995                         border-bottom:1px solid white;
 996                  }
 997                 table.document-authors > tbody > tr.header:last-child {
 998                         border-top:none;
 999                  }
1000                 table.document-headers > tbody > tr.header > td {
1001                         vertical-align:top;
1002                         line-height:1.2;
1003                  }
1004                 .document-head .header-name,
1005                 table.document-headers > tbody > tr.header > td.header-name {
1006                         padding-left:0.5em;
1007                         font-weight:bold;
1008                  }
1009                 table.document-headers > tbody > tr.header > td.header-value {
1010                         padding-left:1em;
1011                         width:100%;
1012                  }
1013         /* document-authors */
1014                 table.document-authors {
1015                         border-collapse:collapse;
1016                         border-spacing:0;
1017                         width:100%;
1018                  }
1019                 table.document-authors > tbody > tr {
1020                         border-bottom:1px solid white;
1021                  }
1022                 table.document-authors > tbody > tr:first-child {
1023                         border-top:none;
1024                  }
1025                 table.document-authors > tbody > tr > td.author {
1026                         line-height:1.2;
1027                         padding-right:0.5em;
1028                         text-align:right;
1029                         vertical-align:top;
1030                         width:100%;
1031                  }