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                 clear:both;
 192                 margin-top:2ex;
 193                 page-break-after:auto;
 194                 page-break-before:auto;
 195                 page-break-inside:avoid;
 196          }
 197         .section > section,
 198         .section > *:first-child {
 199                 margin-left:0em;
 200          }
 201         .section > * {
 202                 margin-left:2em;
 203          }
 204         .section-header {
 205                 border-spacing:0;
 206                 margin:0 0 1ex 0;
 207                 padding:0 0 0 0;
 208                 page-break-after:avoid;
 209          }
 210         .section-header .section-number {
 211                 font-weight:bold;
 212                 padding-right:1ex;
 213          }
 214         .section-title {
 215                 font-family:sans-serif;
 216          }
 217         .section-header > tbody > tr > td {
 218                 vertical-align:top;
 219          }
 220         .alias:target   ~ .section-header        .section-number,
 221         .section:target > .section-header        .section-number,
 222         .section        > .section-header:target .section-number {
 223                 background-color:#BFEFFF;
 224          }
 225         .section-judgment {
 226          }
 227         .section.page-break {
 228                 page-break-before:always;
 229          }
 230         .section.multi-pages {
 231                 page-break-inside:auto;
 232          }
 233         .section.single-page {
 234                 page-break-inside:avoid;
 235          }
 236         hr.section {
 237                 clear:left;
 238          }
 239         hr.pagebreak {
 240                 page-break-before:always;
 241          }
 242         div.title {
 243                 margin-bottom:2ex;
 244                 margin-top:2ex;
 245          }
 246         div.title > h1 {
 247                 font-size:100%;
 248                 margin:0.1ex 0 0 0;
 249                 padding:0 0 0 0;
 250                 text-align:center;
 251          }
 252         div.title > h1:first-child {
 253                 color:green;
 254                 font-size:150%;
 255                 font-weight:bold;
 256                 line-height:18pt;
 257          }
 258         .section .section-header {
 259                 font-size:130%;
 260                 line-height:21pt;
 261          }
 262         .section .section .section-header {
 263                 font-size:120%;
 264                 line-height:15pt;
 265          }
 266         .section .section .section .section-header {
 267                 font-size:115%;
 268          }
 269         .figure-content > .section {
 270                 margin-top:0 !important;
 271          }
 272         .figure-content > .section + .section {
 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                 page-break-before:auto;
 333                 page-break-inside:avoid;
 334                 page-break-after:auto;
 335          }
 336         .section-header + .figure,
 337         .figure:first-child {
 338                 margin-top:0;
 339          }
 340         /*
 341         .para + .figure {
 342                 margin-top:1.5ex;
 343          }
 344         */
 345         .figure:last-child {
 346                 margin-bottom:0;
 347          }
 348         .figure table.figure-caption {
 349                 border-spacing:0;
 350                 margin-top:0;
 351                 /*margin-bottom:0.5ex;*/
 352          }
 353         .figure table.figure-caption > tbody > tr > td {
 354                 padding:0 0 0 0;
 355          }
 356         .figure .figure-caption .figure-number {
 357                 font-weight:bold;
 358                 vertical-align:top;
 359          }
 360         .figure .figure-caption .figure-colon {
 361                 font-weight:bold;
 362                 vertical-align:top;
 363          }
 364         .figure .figure-caption .figure-title {
 365                 padding-left:1ex;
 366                 text-align:left;
 367                 vertical-align:middle;
 368          }
 369         .figure .figure-content {
 370                 border-left:5px solid black;
 371                 /* overflow:auto; */
 372                 padding:0 0 0 1em;
 373          }
 374         .figure:target > table.figure-caption > tbody > tr > td.figure-number > a {
 375                 background-color:#BFEFFF;
 376          }
 377 /* .quote */
 378         .quote {
 379                 border-left: 3px solid blue;
 380                 padding-left: 1ex;
 381          }
 382 /* .index */
 383         .iref:target {
 384                 background-color:#BFEFFF;
 385          }
 386         .index {
 387                 margin-top:2ex;
 388                 page-break-before:avoid;
 389                 display:inline-block;
 390          }
 391         .section-header + .index {
 392                 margin-top:0;
 393          }
 394         .index .index-nav {
 395                 font-weight:bold;
 396                 line-height:150%;
 397                 margin-left:0;
 398                 padding:0 0 0 0;
 399          }
 400         .index .index-chars > dt > a,
 401         .index .index-nav a {
 402                 border:1px solid black;
 403                 display:inline-block;
 404                 margin-bottom:3px;
 405                 padding-bottom:.5ex;
 406                 padding-top:.5ex;
 407                 text-align:center;
 408                 width:3em;
 409          }
 410         .index .index-nav a {
 411                 margin-right:1ex;
 412          }
 413         .index dl.index-chars {
 414                 margin-top:0;
 415          }
 416         .index dl.index-chars > dt {
 417                 clear:left;
 418                 display:inline-block;
 419                 float:left;
 420                 font-weight:bold;
 421                 margin-bottom:3px;
 422                 margin-right:2em;
 423                 margin-top:2ex;
 424                 page-break-after:avoid;
 425          }
 426         .index dl.index-chars > dd {
 427                 display:inline-block;
 428                 float:left;
 429                 margin-left:0;
 430                 margin-top:2ex;
 431          }
 432         .index dl.index-chars > dt > :target {
 433                 background-color:#BFEFFF;
 434          }
 435         .index dl.index-term {
 436          }
 437         .index dl.index-term > dt {
 438          }
 439         .index dl.index-term > dd {
 440                 margin-left:0;
 441                 font-size:70%;
 442          }
 443         .index ul.index-aliases {
 444                 padding-left:0;
 445                 list-style:none;
 446          }
 447         .index ul.index-aliases > li {
 448                 line-height:120%;
 449          }
 450         .index .index-iref {
 451                 background-color:#F4F2E2;
 452                 position:relative;
 453                 vertical-align:baseline;
 454          }
 455         @media print {
 456                 .index {
 457                         column-count:2;
 458                         -moz-column-count:2;
 459                         column-fill:auto;
 460                  }
 461                 .index li li a {
 462                         content:target-counter(attr(href), page);
 463                  }
 464                 .index .index-nav {
 465                         display:none;
 466                  }
 467          }
 468 /* .ul */
 469         .ul {
 470                 padding-left:0;
 471          }
 472         dl.ul > dt {
 473                 float:left;
 474          }
 475         dl.ul > dd {
 476                 margin-left:1.5em;
 477                 clear:none;
 478          }
 479 /* .ol */
 480         .ol {
 481                 padding-left:0;
 482          }
 483         .ol.la {
 484                 list-style-type:lower-alpha;
 485          }
 486         .ol.ua {
 487                 list-style-type:upper-alpha;
 488          }
 489         dl.ol > dt {
 490                 float:left;
 491                 margin-right:1ex;
 492          }
 493         dl.ol > dd {
 494                 margin-left:1.5em;
 495                 clear:none;
 496          }
 497         table.ol {
 498                 border-spacing:1px;
 499          }
 500         table.ol > tbody > tr > td {
 501                 padding:0;
 502                 vertical-align:top;
 503          }
 504         table.ol > tbody > tr > td.name {
 505                 text-align:right;
 506          }
 507         table.ol > tbody > tr > td.value {
 508                 padding-left:1ex;
 509                 clear:none;
 510          }
 511 /* li */
 512         ul.ul > li,
 513         ol.ol > li {
 514                 margin-left:2em;
 515                 text-align:justify;
 516          }
 517 /* .dl */
 518         .dl {
 519          }
 520         dl.dl > dt {
 521                 float:left;
 522                 font-weight:bold;
 523                 margin-right:1em;
 524          }
 525         dl.dl.nohang > dt {
 526                 float:none;
 527          }
 528         dl.dl > dd {
 529                 clear:left;
 530                 margin-bottom:.5em;
 531                 text-align:justify;
 532          }
 533         dl.dl.compact > dd {
 534                 margin-bottom:.0em;
 535          }
 536         dl.dl > dd > dl.dl {
 537                 margin-top:0.5em;
 538          }
 539 /* .notes */
 540         .notes > hr {
 541                 border:none;
 542                 border-top:1px solid black;
 543                 color:black;
 544                 margin-left:0;
 545                 width:33%;
 546          }
 547         .notes {
 548                 margin-left:0;
 549          }
 550         .notes > table > tbody > tr > td {
 551                 vertical-align:top;
 552          }
 553         /* .note-ref */
 554                 .note-ref {
 555                         white-space:pre;
 556                  }
 557         /* .note-numbers */
 558                 sup.note-numbers {
 559                         font-size:66%;
 560                         margin-left:2px;
 561                  }
 562                 sup.note-numbers > a,
 563                 .note-ref > a {
 564                         color:black;
 565                         font-weight:bold;
 566                  }
 567                 @media screen {
 568                         sup.note-numbers > a:visited,
 569                         .note-ref > a:visited {
 570                                 color:gray !important;
 571                          }
 572                         sup.note-numbers > a:hover,
 573                         .note-ref > a:hover {
 574                                 color:black !important;
 575                          }
 576                         sup.note-numbers > :target {
 577                                 background-color:#BFEFFF;
 578                          }
 579                         .notes > table > tbody > tr > td:target .note-number,
 580                         .notes > table > tbody > tr > td > :target.note-number {
 581                                 background-color:#BFEFFF;
 582                          }
 583                  }
 584 /* .ref */
 585         .ref:target {
 586                 background-color:#BFEFFF;
 587          }
 588         .ref-broken {
 589                 border-bottom:1px dotted red;
 590          }
 591 /* .references */
 592         .references {
 593                 margin-top:1ex;
 594          }
 595         .references:first-child {
 596                 margin-top:0;
 597          }
 598         .references > table {
 599                 border-collapse:separate;
 600                 border-spacing:0;
 601          }
 602         .references > table > tbody > tr + tr > td {
 603                 padding-top:1ex;
 604          }
 605         .reference-key {
 606                 padding-left:0;
 607                 padding-right:1em;
 608                 vertical-align:top;
 609          }
 610         .reference-content {
 611                 text-align:justify;
 612          }
 613         .reference-rrefs {
 614                 margin-left:1ex;
 615          }
 616         .reference-rrefs .reference-rref {
 617                 background-color:#F4F2E2;
 618                 font-size:70%;
 619                 line-height:0;
 620                 position:relative;
 621                 vertical-align:baseline;
 622          }
 623         td.reference {
 624                 vertical-align:top;
 625                 white-space:nowrap;
 626                 padding-right:1em;
 627          }
 628 /* .rref */
 629         .rref {
 630                 white-space:pre;
 631          }
 632         .rref:target {
 633                 background-color:#BFEFFF;
 634          }
 635         .rref-broken {
 636                 display:inline-box;
 637                 border-bottom:1px dotted red;
 638          }
 639 /* .shortcuts */
 640         ul.shortcuts {
 641                 list-style-type:none;
 642                 margin:0 0 0 0;
 643                 padding:0 0 0 0;
 644                 position:fixed;
 645                 right:0.5ex;
 646                 top:0.5ex;
 647                 z-index:9999;
 648          }
 649         ul.shortcuts > li {
 650                 text-align:right;
 651                 line-height:1.2;
 652                 margin-bottom:0.5ex;
 653          }
 654         ul.shortcuts > li > a.shortcut {
 655                 background:white;
 656                 border:1px solid black;
 657                 padding:0 1ex 0 1ex;
 658          }
 659         @media print {
 660                 ul.shortcuts {
 661                         display:none;
 662                  }
 663          }
 664 /* .table */
 665         div.table {
 666                 margin-top:1ex;
 667          }
 668         table.table.headers > thead > tr > th {
 669                 border-style:none none solid none;
 670                 border-width:2px;
 671          }
 672         table.table > * > tr:target,
 673         table.table > * > tr > th:target,
 674         table.table > * > tr > td:target {
 675                 background-color:#BFEFFF;
 676          }
 677         table.table > tbody > tr > td {
 678                 text-align:center;
 679                 vertical-align:center;
 680          }
 681         table.table > tbody.left > tr > td,
 682         table.table > tbody > tr.left > td,
 683         table.table > tbody > tr > td.left {
 684                 text-align:left;
 685          }
 686         table.table > tbody.right > tr > td,
 687         table.table > tbody > tr.right > td,
 688         table.table > tbody > tr > td.right {
 689                 text-align:right;
 690          }
 691         table.table > tbody.center > tr > td,
 692         table.table > tbody > tr.center > td,
 693         table.table > tbody > tr > td.center {
 694                 text-align:center;
 695          }
 696         table.table > tbody.top > tr > td,
 697         table.table > tbody > tr.top > td,
 698         table.table > tbody > tr > td.top {
 699                 vertical-align:top;
 700          }
 701         table.table > tbody.bottom > tr > td,
 702         table.table > tbody > tr.bottom > td,
 703         table.table > tbody > tr > td.bottom {
 704                 vertical-align:bottom;
 705          }
 706         table.table > tbody.middle > tr > td,
 707         table.table > tbody > tr.middle > td,
 708         table.table > tbody > tr > td.middle {
 709                 vertical-align:middle;
 710          }
 711         table.table.center {
 712                 margin-left:auto;
 713                 margin-right:auto;
 714          }
 715         table.table.left {
 716                 margin-right:auto;
 717          }
 718         table.table.right {
 719                 margin-left:auto;
 720          }
 721         table.table > caption {
 722                 caption-side:bottom;
 723                 font-size:10pt;
 724                 font-weight:bold;
 725                 margin-top:.5em;
 726          }
 727         table.table > thead {
 728                 display:table-header-group;
 729          }
 730         table.table > tbody {
 731          }
 732         table.table > tfoot {
 733          }
 734         /* table.all */
 735                 table.table.all {
 736                         border-style:solid;
 737                         border-width:2px;
 738                  }
 739                 table.table.all > thead > tr > th {
 740                         border-style:solid;
 741                         border-width:1px;
 742                  }
 743                 table.table.all > tbody > tr > td {
 744                         border-style:solid;
 745                         border-width:1px;
 746                  }
 747         /* table.inside */
 748                 table.table.inside {
 749                         border-collapse:collapse;
 750                  }
 751                 table.table.inside > * > tr > td,
 752                 table.table.inside > * > tr > th {
 753                         border:1px solid black;
 754                         padding:0.5ex 1ex 0.5ex 1ex;
 755                  }
 756                 table.table.inside > * > tr:first-child > td,
 757                 table.table.inside > * > tr:first-child > th {
 758                         border-top:0;
 759                  }
 760                 table.table.inside > *     > tr:last-child > td,
 761                 table.table.inside > tbody > tr:last-child > th {
 762                         border-bottom:0;
 763                  }
 764                 table.table.inside > * > tr > td:first-child,
 765                 table.table.inside > * > tr > th:first-child {
 766                         border-left:0;
 767                  }
 768                 table.table.inside > * > tr > td:last-child,
 769                 table.table.inside > * > tr > th:last-child {
 770                         border-right:0;
 771                  }
 772         /* table.full */
 773                 table.table.full {
 774                  }
 775                 table.table.full > thead > tr > th {
 776                         border-style:solid;
 777                         border-width:1px 1px 2px 1px;
 778                  }
 779                 table.table.full > tbody > tr > td {
 780                         border:1px solid black;
 781                         padding:0 0 0 0;
 782                  }
 783 /* .toc */
 784         .toc {
 785                 background-color:#FFFFF0;
 786                 border:1px solid black;
 787                 /*margin-left:0 !important;*/
 788                 margin-top:1ex;
 789                 padding:1ex 2em 1.5ex 2em;
 790          }
 791         .toc .toc-name {
 792                 font-size:120%;
 793                 font-weight:bold;
 794          }
 795         .toc > ul {
 796                 margin-top:0;
 797          }
 798         .toc li:last-child > ul:last-child {
 799                 padding-bottom:0;
 800          }
 801         .toc ul {
 802                 list-style:none;
 803                 margin-bottom:0;
 804                 margin-left:1em;
 805                 padding-bottom:0;
 806                 padding-left:0em;
 807                 padding-top:0;
 808          }
 809         .toc.no-indent ul > li > ul {
 810                 margin-left:0;
 811          }
 812         .toc ul > li {
 813                 line-height:1.3;
 814                 font-weight:bold;
 815                 margin-left:0em;
 816                 margin-top:0;
 817          }
 818         .toc .toc-entry {
 819                 border-spacing:0;
 820          }
 821         .toc .toc-entry > tbody > tr > td {
 822                 padding:0 0 0 0;
 823                 vertical-align:top;
 824          }
 825         .toc .toc-entry .section-number {
 826                 padding-right:1ex;
 827          }
 828         .toc ul > li > ul {
 829                 padding-bottom:1ex;
 830                 padding-top:1ex;
 831          }
 832         .toc.no-vspace ul > li > ul {
 833                 padding-bottom:0;
 834                 padding-top:0;
 835          }
 836         .toc ul > li > ul > li {
 837                 font-weight:normal;
 838                 line-height:normal;
 839                 margin-left:0em;
 840          }
 841         @media print {
 842                 ul.toc a:last-child::after {
 843                         content:leader('.') target-counter(attr(href), page);
 844                  }
 845          }
 846 /* .tof */
 847         .tof {
 848                 list-style:none;
 849                 padding-left:0;
 850          }
 851         .tof .figure-number {
 852                 vertical-align:top;
 853                 padding-right:1em;
 854          }
 855         .tof h2 {
 856                 margin-bottom:1ex;
 857          }
 858         .tof .figure-number {
 859                 font-weight:bold;
 860                 margin-right:1ex;
 861          }
 862         .tof .figure-title {
 863          }
 864 /* .xml */
 865         pre.xml {
 866                 text-align:left;
 867                 white-space:pre-wrap;
 868          }
 869         .xml .xml-element-close-begin,
 870         .xml .xml-element-close-end,
 871         .xml .xml-element-empty-end,
 872         .xml .xml-element-open-begin,
 873         .xml .xml-element-open-end {
 874                 color:blue;
 875                 font-weight:normal;
 876          }
 877         .xml .xml-element-name {
 878                 color:blue;
 879                 font-weight:normal;
 880          }
 881         .xml .xml-colon {
 882                 color:blue;
 883                 font-weight:normal;
 884          }
 885         .xml .xml-comment-begin,
 886         .xml .xml-comment-end,
 887         .xml .xml-comment-text {
 888                 color:blue;
 889                 font-weight:normal;
 890          }
 891         .xml .xml-pi-begin,
 892         .xml .xml-pi-end {
 893                 color:blue;
 894                 font-weight:normal;
 895          }
 896         .xml .xml-pi-target,
 897         .xml .xml-pi-text {
 898                 color:green;
 899                 font-weight:normal;
 900          }
 901         .xml .xml-attribute-name,
 902         .xml .xml-namespace-declaration,
 903         .xml .xml-namespace-prefix {
 904                 color:green;
 905                 font-weight:normal;
 906          }
 907         .xml .xml-attribute-value,
 908         .xml .xml-namespace-uri,
 909         .xml .xml-attribute-quote {
 910                 color:purple;
 911                 font-weight:normal;
 912          }
 913 /* .headers */
 914         table.headers {
 915                 border-collapse:collapse;
 916                 border-spacing:0;
 917                 border:1px solid black;
 918                 /* color:white; */
 919                 line-height:1.4;
 920                 margin-left:auto;
 921                 margin-right:auto;
 922                 width:100%;
 923          }
 924         table.headers > * > tr:first-child > td,
 925         table.headers > * > tr:first-child > th {
 926                 background-color:#F4F2E2;
 927                 border:1px solid white;
 928                 padding:0;
 929                 /*
 930                 padding-left:0.5em;
 931                 padding-right:0.5em;
 932                 */
 933                 vertical-align:top;
 934          }
 935         table.headers td.left {
 936                 padding:0 0 0 0;
 937                 text-align:left;
 938          }
 939         table.headers td.right {
 940                 padding-left:0;
 941                 padding-right:0.5em;
 942                 text-align:right;
 943          }
 944         /* borders */
 945                 table.headers > * > tr:first-child > td,
 946                 table.headers > * > tr:first-child > th {
 947                         border-top:1px solid black;
 948                  }
 949                 table.headers > * > tr:last-child > td,
 950                 table.headers > * > tr:last-child > th {
 951                         border-bottom:1px solid black;
 952                  }
 953                 table.headers > * > tr > td:first-child,
 954                 table.headers > * > tr > th:first-child {
 955                         border-left:1px solid black;
 956                  }
 957                 table.headers > * > tr > td:last-child,
 958                 table.headers > * > tr > th:last-child {
 959                         border-right:1px solid black;
 960                  }
 961 /* .document-head */
 962         .document-head {
 963                 border:1px solid black;
 964          }
 965         .document-head > table {
 966                 border-collapse:collapse;
 967                 border-spacing:0;
 968                 border:1px solid white;
 969                 background-color:#F4F2E2;
 970                 line-height:1.4;
 971                 margin-left:auto;
 972                 margin-right:auto;
 973                 width:100%;
 974          }
 975         .document-head > table > tbody > tr > td {
 976                 border:1px solid white;
 977                 padding:0;
 978                 vertical-align:top;
 979                 width:50%;
 980          }
 981         .document-head > table > tbody > tr > td.left {
 982          }
 983         .document-head > table > tbody > tr > td.right {
 984          }
 985         .document-head > table > tbody > tr > td.full {
 986          }
 987         .document-head > table div.artwork.artwork-type-image {
 988                 border:0;
 989                 display:inline-block;
 990                 vertical-align:middle;
 991          }
 992         /* .document-headers */
 993                 table.document-headers {
 994                         border-spacing:0;
 995                         border-collapse:collapse;
 996                  }
 997                 table.document-headers > tbody > tr.header {
 998                         border-bottom:1px solid white;
 999                  }
1000                 table.document-authors > tbody > tr.header:last-child {
1001                         border-top:none;
1002                  }
1003                 table.document-headers > tbody > tr.header > td {
1004                         vertical-align:top;
1005                         line-height:1.2;
1006                  }
1007                 .document-head .header-name,
1008                 table.document-headers > tbody > tr.header > td.header-name {
1009                         padding-left:0.5em;
1010                         font-weight:bold;
1011                  }
1012                 table.document-headers > tbody > tr.header > td.header-value {
1013                         padding-left:1em;
1014                         width:100%;
1015                  }
1016         /* document-authors */
1017                 table.document-authors {
1018                         border-collapse:collapse;
1019                         border-spacing:0;
1020                         width:100%;
1021                  }
1022                 table.document-authors > tbody > tr {
1023                         border-bottom:1px solid white;
1024                  }
1025                 table.document-authors > tbody > tr:first-child {
1026                         border-top:none;
1027                  }
1028                 table.document-authors > tbody > tr > td.author {
1029                         line-height:1.2;
1030                         padding-right:0.5em;
1031                         text-align:right;
1032                         vertical-align:top;
1033                         width:100%;
1034                  }
1035 /* judgment */
1036         .judgment {
1037                 /*clear:both;*/
1038                 margin-top:2ex;
1039          }
1040         .judgment .question {
1041                 font-weight:bold;
1042          }
1043         .judgment:first-child,
1044         .section-header + .judgment {
1045                 margin-top:0;
1046          }
1047         .judgment dl.choices {
1048                 width:100%;
1049                 margin:0 0 0 0;
1050                 padding:0 0 0 0;
1051          }
1052         .judgment dl.choices > dt.choice-title {
1053                 clear:left;
1054          }
1055         .judgment dl.choices > dd.choice-merit {
1056                 clear:left;
1057          }
1058         .aside > .judgment dl.choices > dd.choice-merit {
1059                 margin-left:0;
1060          }
1061         .judgment dl.choices > dd.choice-merit:after {
1062                 /* NOTE: clearfix: force an element to self-clear its children */
1063                 content:"";
1064                 display:table;
1065                 clear:both;
1066          }
1067         .judgment dl.choices > dd + dt {
1068                 margin-top:2ex;
1069          }
1070         /* .merit-histogram */
1071                 .merit-histogram {
1072                         border-spacing:0;
1073                         display:inline-block;
1074                         vertical-align:top;
1075                         width:100%;
1076                  }
1077                 .merit-histogram .merit-grade {
1078                         float:left;
1079                         white-space:nowrap;
1080                  }
1081                 .merit-histogram .grade-name {
1082                         color:white;
1083                         font-size:1.2ex;
1084                         font-weight:bold;
1085                         line-height: 2.7ex;
1086                         overflow-x:hidden;
1087                         text-align:center;
1088                         text-overflow:ellipsis;
1089                         text-shadow:1px 1px black;
1090                  }
1091         /* .merit-comments */
1092                 ul.merit-comments {
1093                         margin-top:0.5ex;
1094                         margin-bottom:0.5ex;
1095                         list-style:none;
1096                         padding-left:0;
1097                         padding-right:0;
1098                         font-size:80%;
1099                  }
1100                 ul.merit-comments > li.merit-comment {
1101                         float:left;
1102                         line-height:1.2;
1103                         margin-right:1ex;
1104                  }
1105                 ul.merit-comments > li.merit-comment > .judge {
1106                         font-weight:bold;
1107                  }
1108                 ul.merit-comments > li.merit-comment > .judge.inactive {
1109                         text-decoration:line-through;
1110                         opacity:0.5;
1111                  }
1112                 ul.merit-comments > li.merit-comment > .judge > .section-importance {
1113                         font-size:90%;
1114                  }
1115                 ul.merit-comments > li.merit-comment.judge-comment {
1116                         clear:left;
1117                         width:100%;
1118                  }
1119 /* .aside */
1120         .aside {
1121                 background-color:white;
1122                 border:1px solid black;
1123                 clear:right;
1124                 float:right;
1125                 hyphens:auto;
1126                 margin:1ex 0 1ex 2em !important;
1127                 padding: 0.5ex 1ex 0.5ex 1ex;
1128                 position:relative;
1129                 width:33%;
1130          }
1131         .aside .figure-content {
1132                 border-left:0 !important;
1133                 padding-left:0 !important;
1134          }