.yui-gf div.yui-u .yui-gc .yui-u {
  width: 32%; }

.yui-gf div.yui-u .yui-gc div.first {
  width: 65%; }

body {
  background-color: white;
  color: #333333;
  font-family: verdana, "trebuchet MS", helvetica, clean, sans-serif; }

ol, ul, dl {
  margin-left: 0.5em; }

ol li, ul li, dl li {
  margin-left: 1em; }

ul li {
  list-style: none; }

table th {
  border: none; }
table td {
  border: 1px solid #999; }

.yui-u h1 {
  margin: .25em 0; }

.content-box {
  background-color: white;
  margin: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: visible; }
  .content-box h3 {
    color: white;
    background-color: #aaccee;
    margin: 0;
    padding: 0.25em 0.25em 0.35em 0.35em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .content-box .body {
    padding: 1em 0; }
    .content-box .body h3 {
      margin: 1em 0 0 5em; }
    .content-box .body p, .content-box .body .body-text {
      margin: 0 1em 1em 1em; }
    .content-box .body .caption {
      font-style: italic;
      text-align: center;
      margin-bottom: 1.5em; }

.figure-component-content .links, .heading .links, .image-component-content .links, .text-component-content .links, .gating-hierarchy-component-content .links, .protocol-component-content .links {
  text-align: center;
  padding-bottom: 1em; }
  .figure-component-content .links a:link, .figure-component-content .links a:visited, .heading .links a:link, .heading .links a:visited, .image-component-content .links a:link, .image-component-content .links a:visited, .text-component-content .links a:link, .text-component-content .links a:visited, .gating-hierarchy-component-content .links a:link, .gating-hierarchy-component-content .links a:visited, .protocol-component-content .links a:link, .protocol-component-content .links a:visited {
    margin-left: 1em;
    margin-right: 1em; }
.figure-component-content .image-component-img, .heading .image-component-img, .image-component-content .image-component-img, .text-component-content .image-component-img, .gating-hierarchy-component-content .image-component-img, .protocol-component-content .image-component-img {
  display: block;
  margin: 3em auto; }

.heading {
  background-color: #eeeeee;
  margin: 0 0 0.5em 0.5em;
  padding: 0.5em 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .heading h2 {
    margin-top: 0; }
  .heading .authors {
    margin: 1em; }
  .heading .links {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em; }

#title h2 {
  border: 0;
  margin: 0;
  padding: 0;
  text-decoration: none; }
  #title h2 a {
    color: #114477;
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-indent: -9999px; }
#title #cytobank-logo, #title #nolan-lab-qr-code {
  clear: right;
  margin: 0.5em; }
#title #cytobank-logo {
  float: right;
  margin-right: 1em;
  margin-bottom: 1em;
  width: 125px;
  height: 38px;
  background: url(../images/cytobank_powered_by_cmyk_125_33.jpg) no-repeat 0 0; }
  #title #cytobank-logo a {
    width: 125px;
    height: 38px; }
#title #nolan-lab-qr-code {
  float: right;
  width: 100px;
  height: 100px;
  background: url(../images/nolan_lab_qr_code.png) no-repeat 0 0; }
  #title #nolan-lab-qr-code a {
    width: 100px;
    height: 100px; }
#title #qr-code {
  float: left; }

.illustration {
  float: left;
  min-width: 99.5%;
  margin: .5em 0;
  text-align: center; }
  .illustration table {
    font-size: 93%;
    margin: 1em auto; }
    .illustration table th, .illustration table td {
      border: 0;
      text-align: center;
      padding: .25em; }
    .illustration table tr {
      height: 100%; }
  .illustration .heading-cell {
    font-weight: bold;
    height: 100%; }
    .illustration .heading-cell ul {
      margin: 0; }
      .illustration .heading-cell ul li {
        margin: .25em; }
  .illustration th.heading-cell {
    vertical-align: bottom; }
  .illustration .h-border, .illustration .v-border {
    background-color: #000; }
  .illustration .h-border {
    height: 2px;
    width: 85%;
    margin: 2px auto; }
  .illustration .v-border {
    height: 85%;
    width: 2px; }
  .illustration .v-border-cell {
    height: 85%; }
  .illustration .data-table {
    margin: 0.5em auto; }
    .illustration .data-table caption {
      font-weight: normal;
      margin: 2em 0 0 0; }
    .illustration .data-table th {
      border: none; }
    .illustration .data-table td {
      border: 1px solid #999;
      text-align: right; }
    .illustration .data-table td.inner-cell {
      font-weight: normal; }
    .illustration .data-table td.row-label {
      border: none;
      font-weight: bold; }
    .illustration .data-table ul {
      margin: 0; }
  .illustration #plot-message {
    background-color: #ffeedd;
    border-size: 2px;
    border-color: #ffcc00;
    border-style: solid;
    margin: 4em;
    padding: 1em;
    text-align: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .illustration #plot-message ul li {
      font-size: 1.2em;
      list-style-type: disc;
      padding: .5em;
      margin: 0em 3em; }
  .illustration .heatmap-table {
    padding: 1em;
    margin: 0 auto;
    line-height: 9px; }
    .illustration .heatmap-table td {
      padding: 0;
      margin: 0;
      vertical-align: middle;
      border: solid #000 1px !important; }
      .illustration .heatmap-table td a {
        padding: 0;
        margin: 0; }
        .illustration .heatmap-table td a img {
          display: block;
          padding: 0;
          margin: 0; }
    .illustration .heatmap-table td.empty-square, .illustration .heatmap-table td.layers-square {
      width: 25px;
      height: 25px; }
    .illustration .heatmap-table td.heatmap-label {
      border: none !important;
      font-size: 0.8em;
      font-weight: bold;
      padding-right: 1em;
      text-align: right; }
  .illustration .scale {
    padding: 2em 2em 1em 2em; }

.gating-hierarchy-table h2 {
  font-size: 1.5em;
  text-align: left; }
.gating-hierarchy-table td {
  border: 0px;
  font-size: .9em;
  text-align: center; }
.gating-hierarchy-table td.divider {
  border: 5px; }
.gating-hierarchy-table td li {
  margin: .25em; }
  .gating-hierarchy-table td li img {
    margin: 0 auto; }

.protocol-list li {
  margin-top: 1em;
  margin-bottom: 1em; }

#disclaimer p, #notes p, #buffers p {
  margin-left: 1.5em; }

.bd-link {
  color: #ff8811;
  visited: #ff8811; }