div#_body_ {
      min-width: 66em;
    }

    div.toToC {
      position: absolute;
      left: 71em;
      text-align: center;
      font-size: .67em;
      line-height: 156%;
    }
    a.toToC {
      color: #ad42a2;
      background-color: white;
      border: thin solid #ad42a2;
      border-radius: 1ex;
      margin-top: 3ex;
      padding: 0 .33em;
      font-family: 'Lucida Grande', Geneva, Helvetica, sans-serif;
      font-weight: bold;
    }
    a.noToC {
      font-weight: normal;
      font-size: .67em;
      vertical-align: 3px;
      background-color: inherit;
      border: none;
    }

    /*  CSS for charts  */
    /*
      Bells
    */
    .b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9, .b0 {
      padding-right: .125em;
    }
    div.B1 span.b1 {  font-weight: bold;  color: #000000;  }
    div.B2 span.b2 {  font-weight: bold;  color: #0000ff;  }
    div.B3 span.b3 {  font-weight: bold;  color: #00cc00;  }
    div.B4 span.b4 {  font-weight: bold;  color: #ff6600;  }
    div.B5 span.b5 {  font-weight: bold;  color: #ff00ff;  }
    div.B6 span.b6 {  font-weight: bold;  color: #c0c0c0;  }
    div.B7 span.b7 {  font-weight: bold;  color: #4689ca;  }
    div.B8 span.b8 {  font-weight: bold;  color: #778899;  }

    /*
      Rows
    */
    .row {
      border-top: thin solid transparent;
    }
    .Back,            .back span.row {  background-color:      #f3f3f3;  }
    .SegtEnd, .segtEnd.back span.row {  background-color:      #e7e7e7;  }
    .LeadEnd, .leadEnd.back span.row {  background-color:      #d7d7d7;
                              border-top: thin solid #777777;
                           }
    .LeadEnd,
    .LeadEnd.Back:first-child,
    .leadEnd.back:first-child span.row {  border-top: none;  }

    /*
      Row numbers
    */
    span.rownum {
      display: inline-block;
      width: 2em;
      padding-right: .67em;
      font-size: 70%;
      text-align: right;
    }
    span.rownum .n        {  vertical-align: .2ex;  }
    span.rownum .n:before {  content: '[';  }
    span.rownum .n:after  {  content: ']';  }
    /*
      Calls
    */
    .stroke span.call {
      display: inline-block;
      width: .67em;
      margin-left: 0.33em;
    }
    /*
      Row types
    */
    div.stroke .rowType {
      display: inline-block;
      width:          9px;
      margin-left:    3px;
      vertical-align: 1px;
    }
    .queens       .rowType,
    .tittums      .rowType,
    .whittingtons .rowType {
      font-size: 70%;
    }
    /*
      Work numbers
    */
    div.stroke span.workNum {
      display: inline-block;
      width: 1em;
      margin-left: 0.33em;
      font-size: 90%;
    }

    /*
      Leads across
    */
    div.leadsAcross div.lead {
      display: inline-block;
    }
    div.leadsAcross div.leadEnd:first-child,
    /*
      Each chart
    */
    div.chart {
      display: inline-block;
      margin-bottom: .5ex;
    }
    /*
      Groups of charts
    */
    div.Chart {
      float: left;
      margin-right: .4em;
      margin-bottom: 1ex;
      border: thin solid gray;
      padding: .8ex .8em;
      page-break-inside: avoid;
    }
    div.Chart:first-child .deleteThisChart {
      display: none;
    }
    div.Charts {  float: left;  }
    div.Charts div.Chart {  float: none;  }
    /*  End of CSS for charts  */


    span.context {
      display: inline-block;
      width: 3em;
      text-align: center;
    }
    span.landmark {
      display: inline-block;
      width: 11em;
      padding: 0 0.33em;
    }

    span.ltca {
      display: inline-block;
      width: 1em;
      text-align: center;
    }


    span.Landmark {
      font-style: italic;
      font-weight: bold;
    }
    span.place, span.places {
      font-family: sans-serif;
    }
    span.places {
      font-size: 95%;
    }
    span.times {
      font-size: 95%;
      padding-left: .25em;
      vertical-align: .2ex;
    }
    span.times:before {  content: '(';  }
    span.times:after  {  content: ' times)';  }

    .PBB {  page-break-before: always;  }

    .button {
      display: inline-block;
      text-align: center;
      cursor: pointer;
      background-color: #eff;
      padding: 1px .42em 0 .42em;
      margin: 1px .5px;
      border: thin solid gray;
      -webkit-border-radius: 1.0ex;
      font-size: 80%;
      font-family: sans-serif;
    }
    .field {
      vertical-align: -30px;
    }
    div.commands {
      float: right;
      font-size: 70%;
      margin-top:   -1.4ex;
      margin-right: -1.3em;
      cursor: pointer;
      /* color: #ccf; */
      color: #286ea0;
    }
    h1, .CR {  clear: right;  }
    span.label {
      display: inline-block;
      text-align: right;
      font-style: italic;
      padding-left:  .25em;
      padding-right: .25em;
    }
    table td {
      text-align: center;
    }
    .b     {  font-weight: bold;  }
    .bk    {  color: black;  }
    .bu    {  color: blue;   }
    .gn    {  color: green;  }
    .rd    {  color: red;    }
    .bggy  {  background-color: #f7f7f7;   }
    .pad0  {  padding: 0;  }

    .disabled, [disabled] {  color: #cccccc;  }

    input[type=text], .OUT {
      font-family: Monaco, 'Courier New', monospace;
    }
    .OUT {
      font-size  : 80%;
    }
    span.OUT {
      display    : inline-block;
    }