svg { position: absolute; z-index: -1; }
.cell { fill: #EEEEEE; }
.alive { fill: black; }
.icon { stroke: none; fill: black; cursor: hand; cursor: pointer; }
.icon.alive { fill: #EEEEEE; }
.cell, .alive, .icon {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body {
  font-family: 'Roboto Condensed', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-size: 18px;
}
dfn a {
  color: black;
  text-decoration: none;
  border-bottom: 1px dashed black;
  display: inline-block;
  line-height: 20px;
}
img {
  border: 0 none;
}
ul.inlinelist {
  display: inline;
  padding-left: 0px;
  list-style-type: none;
}
ul.inlinelist li { display: inline; }
ul.inlinelist li:after { content: ","; }
ul.inlinelist li:last-child:after { content: ""; }
.avatar {
  float: right;
}
.bubble {
  position: absolute;
  margin: 30px;
  stroke: #666666;
  stroke-width: 4px;
  fill: #EEEEEE;
  fill: rgba(238, 238, 238, 0.9);
}
.bubble-contents {
  position: absolute;
  margin: 30px;
  stroke-width: 4px;
}
.button { stroke: none; fill: #666666; cursor: hand; cursor: pointer; }
.shadow { stroke: none; fill: rgba(0, 0, 0, 0.0); cursor: hand; cursor: pointer; }
.bubble.oneline {
  margin-top: 8px;
  text-align: center;
}
.scrolled .mCSB_container {
  padding: 10px 0 10px 0;
}
.full-view .bubble-contents :first-child {
  margin-top: 0px;
}
.full-view .bubble-contents :last-child {
  margin-bottom: 0px;
}
.block, .small {
  overflow: auto;
}
#license, #conformance {
  text-align: center;
}
.simple-view .full-only,
.nosvg-view .full-only {
  display: none;
}
/* Styles for the simple view */
.simple-view #bubbles, .simple-view #footer {
  text-align: justify;
}
/* Styles for the no-SVG view */
body.nosvg-view {
  background: url("./bg_black.gif");
}
.nosvg-view #bubbles, .nosvg-view #footer {
  margin: 0 auto;
  width: 780px;
  text-align: justify;
  background: rgb(238, 238, 238) transparent;
  background: rgba(238, 238, 238, 0.9);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5EEEEEE, endColorstr=#E5EEEEEE);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5EEEEEE, endColorstr=#E5EEEEEE)";
  border: 4px solid #666666;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-bottom: 60px;
  margin-top: 60px;
  padding: 30px;
}
/* scrollbar theme */
.mCustomScrollBox > .mCSB_scrollTools {
  opacity: 1.0;
}
.mCS-custom > .mCSB_scrollTools .mCSB_draggerRail {
  width: 5px;
  background: #CCCCCC;
  background: rgba(204, 204, 204, 1.0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.mCS-custom > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
  background: #666666;
  background: rgba(102, 102, 102, 1.0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.mCS-custom > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-custom > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-custom > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  width: 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* In case we need a horizontal scrollbar */
.mCS-custom.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 5px;
  margin: 6px 0;
}
.mCS-custom.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 5px;
  margin: 5px auto;
}
.mCS-custom.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-custom.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-custom.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  width: 100%;
  height: 7px;
  margin: 5px auto;
}