/* Remove default border-radius from images */
#topic-body img { border-radius: 0px; }

/* Define special "box" subclass for captions that look like Wikipedia thumbnails */
div.box { background-color: #f9f9f9; border: 1px solid #ccc; padding: 8px; max-width: 222px; font-size: 80%; }
div.box img { margin-bottom: 10px; border: 1px solid #ccc }

/* Define other image classes */
#topic-body img.shadow { -webkit-box-shadow: 5px 5px 10px #ddd; }
#topic-body img.outline { border: 1px solid #ccc; }

/* Change color of PRE and CODE to red */
#topic-body pre { color: #d14; }
#topic-body code { color: #d14; }

/* Keep CODE inside paragraphs (P) and tables (TD) from wrapping; but *not* inside PRE */
#topic-body p code { white-space: nowrap; }
#topic-body td code { white-space: nowrap; }

/* Define reference table */
.reference td { vertical-align:top; }

/* Define pill style */
.right-pill-red { background-color:#FAA; color:white; font-size:75%; margin-top:5px; padding:-0 6px; border-radius:4px; float:right }

/* Change colors of prev/next links to match rest of document */
#content .topic-prev-next a { color: #0087da; }
#content .topic-prev-next a:hover { color: #0065b8; }

/* Change banners */
#topic-body .banner { font-size: 80%; }
#topic-body .banner.tip { background-color: #e6f5ff; border-radius: 8px; border: 1px solid #9df; }
#topic-body .banner.tip i { color: #3a87ad; }
#topic-body .banner.important { color: #d00; background-color: #fff0f0; border-radius: 8px; border: 1px solid #fcc; }
#topic-body .banner.important i { color: #d00; }

/* LCD Displays */
div.lcd-display { border:solid 2px gray;border-radius:8px;background-color:#F4FAFF;font-family:Menlo,Monaco,Consolas,'Lucida Console',monospace;font-size:120%;font-weight:bolder;line-height:normal;display:inline-block;padding:10px;margin: 0 0 24px 24px; }

.radius { border-radius:3px !important; }
.radius2x { border-radius:7px !important; }
.hue-180 { filter:hue-rotate(180deg); }


/* CueScript/Rule List Bubbles */
.csbubble {
  display: inline-block;
  width: auto;
  min-width: 20px;
  height: 20px;
  position: relative;
  text-align: center;
  font-size: 11px;
  line-height: 18px;
  padding-top: 0px;
  padding-right: 7px;
  padding-left: 7px;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  cursor: default;
  border-radius: 9px;
  transition: 0.15s ease color;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.csbubble.green {color:rgb(24, 64, 13); background:rgb(230, 253, 224); border-color:rgb(173, 190, 168); }
.csbubble.dark.green {color:rgb(211, 233, 206); background:rgb(62, 143, 43); border-color:rgb(107, 168, 95); }

.csbubble.pink {color:rgb(60, 23, 68); background:rgb(244, 220, 250); border-color:rgb(185, 166, 190); }
.csbubble.dark.pink {color:rgb(230, 207, 235); background:rgb(98, 41, 111); border-color:rgb(155, 99, 168); }

.csbubble.purple {color:rgb(25, 18, 67); background:rgb(230, 225, 254); border-color:rgb(173, 169, 191); }
.csbubble.dark.purple {color:rgb(211, 207, 235); background:rgb(67, 50, 146); border-color:rgb(111, 98, 171); }

table.bg-studio tr > td:last-child { background: #ececec; }