
.zbb ul { }
.zbb li { margin-top: 8px; }

.zbb-color-aqua { color: aqua; }
.zbb-color-black { color: black; }
.zbb-color-blue { color: blue; }
.zbb-color-fuchsia { color: fuchsia; }
.zbb-color-gray { color: gray; }
.zbb-color-green { color: green; }
.zbb-color-lime { color: lime; }
.zbb-color-maroon { color: maroon; }
.zbb-color-navy { color: navy; }
.zbb-color-olive { color: olive; }
.zbb-color-purple { color: purple; }
.zbb-color-red { color: red; }
.zbb-color-silver { color: silver; }
.zbb-color-teal { color: teal; }
.zbb-color-white { color: white; }
.zbb-color-yellow { color: yellow; }

.zbb-span-b { color: white; }
.zbb-span-i { font-style: italic; }
.zbb-span-x { text-decoration: line-through; }
.zbb-span-u { text-decoration: underline; }

.zbb-prompt {
  background-color: black;
  border: 1px solid #333;
  color: #888;
  font-family: Courier New, Courier, monospace;
  width: 95%;
  padding: 10px;
  margin-left: 10px;
  margin-top: 10px;
  overflow: auto;
}

.zbb-prompt-dir { color: #99f; }
.zbb-prompt-comment, .zbb-prompt-comment .zbb-prompt-dir { color: #a00; }
.zbb-prompt-prompt, .zbb-prompt-prompt .zbb-prompt-dir { font-weight: bold; color: #0a0; }
.zbb-prompt-input { color: white; font-weight: bold; background-color: #222; }

.zbb-code { 
  font-family: Courier New, Courier, monospace;
  overflow-x: auto;
  color: #888;
  border: 1px solid #333; 
  background-color: #000;
  margin-left: 10px;
  margin-top: 10px;
  padding-left: 10px;
  width: 95%;
}
.zbb-code-lines { }
.zbb-code-altline { background-color: #131310; }
.zbb-code-header { 
  background: #1f0b03; 
  border: 1px solid #333; 
  padding: 3px;
  padding-left: 15px;
  margin-left: -15px;
  color: #999;
}

.zbb-highlight {
  background-color: #1f0b03;
  color: #fff;
}

.zbb-sections {
  float: center;
  width: 100%;
  background-color: #111; /** must have a color to prevent overlap with title backgrounds */
  font-size: medium;
  padding: 5px;
  margin: 10px;
}

.zbb-sections-title {
  background: #ddd;
  font-weight: bold;
  color: white;
}

.zbb-sections-number { font-weight: bold; }

.zbb-sections ul {
  /*margin-left: 5px;*/
  padding-left: 15px;
  /* font-size: 90%; */
}

.zbb-sections a {
  display: block;
}

.zbb-notes { }
.zbb-notes-note { }
.zbb-notes-note a { }

.zbb-nowrap { white-space: nowrap !important; }
.zbb-noscroll { overflow: hidden !important; }