html, body {
  height: 100%; }

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

p {
  font-size: 1.2em;
  line-height: 1.5em; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
  font-weight: bold; }

h1 {
  font-size: 1.8em; }

h2 {
  font-size: 1.6em; }

h3 {
  font-size: 1.4em; }

h4 {
  font-size: 1.2em; }
  h4 .description {
    font-weight: normal;
    font-size: 90%;
    color: #999999; }

h5 {
  font-size: 1em; }

h6 {
  font-size: 1em;
  text-transform: uppercase; }

a:link, a:visited, a:hover, a:active, a:focus, .link-ish {
  border-bottom: 1px;
  padding-bottom: 1px; }

.link-ish {
  color: #00e;
  text-decoration: underline; }

.link-ish:hover {
  cursor: pointer; }

a:hover, a:active, .link-ish:hover {
  cursor: pointer; }

.ghosted {
  color: #999999; }

.link-ish {
  color: #00e;
  text-decoration: underline;
  background: transparent;
  border: 0;
  font-size: 1em;
  font-family: verdana, "trebuchet MS", helvetica, sans-serif;
  display: inline; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea {
  font-size: 1em; }

select {
  font-size: 1em; }

textarea {
  width: 40em;
  height: 10em; }

ol {
  margin: 1em 0 1em 2em; }
  ol li {
    list-style: decimal outside; }

ul li {
  font-size: 1.0em; }

table {
  font-size: 1.2em; }
  table caption {
    margin-bottom: .5em;
    text-align: center; }
  table th, table td {
    border: 1px solid #999;
    padding: .5em; }
  table th {
    font-weight: bold;
    text-align: center;
    vertical-align: bottom; }

form fieldset {
  margin-bottom: 1em; }
  form fieldset label {
    float: left;
    font-weight: bold;
    margin-right: 1em;
    text-align: right;
    width: 14em; }
  form fieldset .field-info {
    clear: left;
    float: left;
    font-weight: bold;
    margin-right: 1em;
    text-align: right;
    width: 14em;
    color: #bbbbbb; }
  form fieldset .spacer {
    float: left;
    margin: 0em 1em 0em 0em;
    width: 14em; }
  form fieldset .field-detail {
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 0em; }
  form fieldset ul li {
    margin-left: 15em; }

.clear {
  clear: both; }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }

.hover-clickable:hover {
  cursor: pointer; }

.cross-product-symbol {
  padding: 0 0.5em;
  letter-spacing: -0.25em;
  font-size: 0.6em; }

ul.info-list {
  float: left;
  margin: .5em 0; }
  ul.info-list li {
    font-size: 1.1em;
    margin: 1.5em;
    width: 42em; }
    ul.info-list li ul li {
      float: left; }
    ul.info-list li ul li.label {
      clear: both;
      font-weight: bold;
      padding-right: .5em;
      text-align: right;
      width: 12em; }
    ul.info-list li ul li.content {
      width: 22em; }

ul.label-list {
  display: inline; }
  ul.label-list li.label {
    background-color: #eeeeff;
    display: inline;
    font-size: 0.8em;
    margin: 0 .15em !important;
    padding: 0.15em 0.25em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    ul.label-list li.label a.label-link, ul.label-list li.label a.remove-link {
      text-decoration: none; }
    ul.label-list li.label a.label-link:hover, ul.label-list li.label a.remove-link:hover {
      text-decoration: underline; }
    ul.label-list li.label a.label-link {
      color: #114477;
      padding: 0.15em; }
    ul.label-list li.label a.remove-link {
      color: black;
      padding: 0.15em 0.15em 0.15em 0; }

ul.item-list {
  font-size: 1.1em;
  margin: .5em 1em; }
  ul.item-list li {
    list-style-type: disc; }

.hover-editable:hover {
  color: #333333;
  background: #ffffdd;
  cursor: pointer; }

.content-box, .help-box, .standalone-box {
  margin: .5em 0; }
  .content-box h3, .content-box .title, .help-box h3, .help-box .title, .standalone-box h3, .standalone-box .title {
    background-color: #ACE;
    color: #fff;
    font-size: 1.4em;
    min-width: 5em;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    padding: .25em .5em .25em;
    margin: 0; }
    .content-box h3 a, .content-box h3 a:link, .content-box h3 a:visited, .content-box h3 a:hover, .content-box .title a, .content-box .title a:link, .content-box .title a:visited, .content-box .title a:hover, .help-box h3 a, .help-box h3 a:link, .help-box h3 a:visited, .help-box h3 a:hover, .help-box .title a, .help-box .title a:link, .help-box .title a:visited, .help-box .title a:hover, .standalone-box h3 a, .standalone-box h3 a:link, .standalone-box h3 a:visited, .standalone-box h3 a:hover, .standalone-box .title a, .standalone-box .title a:link, .standalone-box .title a:visited, .standalone-box .title a:hover {
      display: inline;
      font-size: 1em;
      color: #FFF;
      text-decoration: none; }
    .content-box h3 a.collapsible, .content-box .title a.collapsible, .help-box h3 a.collapsible, .help-box .title a.collapsible, .standalone-box h3 a.collapsible, .standalone-box .title a.collapsible {
      margin-left: 1em; }
    .content-box h3 span.toggle, .content-box .title span.toggle, .help-box h3 span.toggle, .help-box .title span.toggle, .standalone-box h3 span.toggle, .standalone-box .title span.toggle {
      background-image: url("/cytobank/stylesheets/cytobank-custom/images/ui-icons_ffffff_256x240.png");
      background-position: -64px -16px;
      height: 16px;
      margin: .1em 0 .25em -.25em;
      position: absolute;
      width: 16px; }
    .content-box h3 a.close-button, .content-box h3 a.info-button, .content-box .title a.close-button, .content-box .title a.info-button, .help-box h3 a.close-button, .help-box h3 a.info-button, .help-box .title a.close-button, .help-box .title a.info-button, .standalone-box h3 a.close-button, .standalone-box h3 a.info-button, .standalone-box .title a.close-button, .standalone-box .title a.info-button {
      float: right; }
      .content-box h3 a.close-button span, .content-box h3 a.info-button span, .content-box .title a.close-button span, .content-box .title a.info-button span, .help-box h3 a.close-button span, .help-box h3 a.info-button span, .help-box .title a.close-button span, .help-box .title a.info-button span, .standalone-box h3 a.close-button span, .standalone-box h3 a.info-button span, .standalone-box .title a.close-button span, .standalone-box .title a.info-button span {
        display: block;
        height: 16px;
        width: 16px;
        background-image: url("/cytobank/stylesheets/cytobank-custom/images/ui-icons_ffffff_256x240.png");
        background-position: -64px -16px; }
    .content-box h3 a.close-button span, .content-box .title a.close-button span, .help-box h3 a.close-button span, .help-box .title a.close-button span, .standalone-box h3 a.close-button span, .standalone-box .title a.close-button span {
      background-position: -96px -128px; }
    .content-box h3 a.info-button span, .content-box .title a.info-button span, .help-box h3 a.info-button span, .help-box .title a.info-button span, .standalone-box h3 a.info-button span, .standalone-box .title a.info-button span {
      background-position: -16px -144px; }
    .content-box h3 .closeable .clickable, .content-box .title .closeable .clickable, .help-box h3 .closeable .clickable, .help-box .title .closeable .clickable, .standalone-box h3 .closeable .clickable, .standalone-box .title .closeable .clickable {
      float: left; }
    .content-box h3 .closeable .control, .content-box .title .closeable .control, .help-box h3 .closeable .control, .help-box .title .closeable .control, .standalone-box h3 .closeable .control, .standalone-box .title .closeable .control {
      float: right;
      padding-left: 1em; }
    .content-box h3 .description, .content-box .title .description, .help-box h3 .description, .help-box .title .description, .standalone-box h3 .description, .standalone-box .title .description {
      font-weight: normal;
      font-size: 90%; }
  .content-box .body, .help-box .body, .standalone-box .body {
    border: solid #ACE 2px;
    padding: .5em;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; }
    .content-box .body ul li, .help-box .body ul li, .standalone-box .body ul li {
      margin: 0 0 .25em 0; }
      .content-box .body ul li ul li, .help-box .body ul li ul li, .standalone-box .body ul li ul li {
        margin: 0 0 0 .25em; }
    .content-box .body .text-block, .help-box .body .text-block, .standalone-box .body .text-block {
      margin: .75em 0 .75em 0;
      display: block; }
    .content-box .body .description-text, .help-box .body .description-text, .standalone-box .body .description-text {
      margin: .5em 0;
      font-style: italic; }
    .content-box .body .submit-button, .help-box .body .submit-button, .standalone-box .body .submit-button {
      float: left; }
    .content-box .body .help, .help-box .body .help, .standalone-box .body .help {
      border: solid black 2px;
      border-color: #33aa44;
      background-color: #eee;
      background: url(/cytobank/bitmaps/questionmark.bmp) no-repeat 0 0 #efe;
      margin: .25em;
      padding: .25em;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .content-box .body .help p, .content-box .body .help ul, .help-box .body .help p, .help-box .body .help ul, .standalone-box .body .help p, .standalone-box .body .help ul {
        margin-left: 45px; }
    .content-box .body .content-box, .help-box .body .content-box, .standalone-box .body .content-box {
      border: 0;
      position: relative; }
      .content-box .body .content-box h3, .help-box .body .content-box h3, .standalone-box .body .content-box h3 {
        background-color: white;
        color: #333333;
        font-size: 1.4em; }
      .content-box .body .content-box .body, .help-box .body .content-box .body, .standalone-box .body .content-box .body {
        border: 0; }

.content-box-half {
  width: 49.5%; }

.closed-box h3 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .closed-box h3 span.toggle {
    background-position: -32px -16px; }
.closed-box .body {
  display: none; }

.hidden-box {
  display: none; }

#sidebar .content-box {
  margin: .5em 0; }
  #sidebar .content-box h3 {
    background-color: #64A1CE;
    color: #fff;
    font-size: 1.2em;
    padding: .25em .5em .25em; }
  #sidebar .content-box .body {
    border: solid #64A1CE 1px;
    font-size: 1.1em;
    overflow: hidden;
    padding: .5em; }
    #sidebar .content-box .body input[type='text'], #sidebar .content-box .body input[type='password'], #sidebar .content-box .body select {
      width: 98%; }
    #sidebar .content-box .body h5 .control {
      color: #4488cc;
      cursor: pointer;
      font-size: 0.9em;
      font-weight: normal; }
#sidebar .sectioned-content-box {
  padding: 0; }
  #sidebar .sectioned-content-box .body {
    padding: 0.5em 0em; }
  #sidebar .sectioned-content-box .section {
    padding: 0em 0.5em; }
  #sidebar .sectioned-content-box .last-section {
    border-bottom: 0; }
#sidebar .back-box, #sidebar .forward-box, #sidebar .action-box, #sidebar .update-illustration {
  background-color: #fed;
  border: solid #000 2px;
  border-color: #ff8811;
  color: #ff8811;
  font-size: 1.1em;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: .5em 0;
  padding: .5em;
  text-align: center; }
  #sidebar .back-box a, #sidebar .back-box a:link, #sidebar .back-box a:visited, #sidebar .forward-box a, #sidebar .forward-box a:link, #sidebar .forward-box a:visited, #sidebar .action-box a, #sidebar .action-box a:link, #sidebar .action-box a:visited, #sidebar .update-illustration a, #sidebar .update-illustration a:link, #sidebar .update-illustration a:visited {
    color: #ff8811;
    text-decoration: none; }
  #sidebar .back-box a:hover, #sidebar .forward-box a:hover, #sidebar .action-box a:hover, #sidebar .update-illustration a:hover {
    text-decoration: underline; }
#sidebar .action-box, #sidebar .forward-box, #sidebar .update-illustration {
  background-color: #eeffee;
  border-color: #33aa44; }
  #sidebar .action-box a, #sidebar .action-box a:link, #sidebar .action-box a:visited, #sidebar .forward-box a, #sidebar .forward-box a:link, #sidebar .forward-box a:visited, #sidebar .update-illustration a, #sidebar .update-illustration a:link, #sidebar .update-illustration a:visited {
    color: #33aa44; }
#sidebar li {
  padding-bottom: .25em; }
#sidebar select {
  width: 18em; }
#sidebar input {
  display: block;
  margin: .5em auto 0; }
#sidebar input.text {
  width: 17.75em; }
#sidebar .input-and-submit-widget input:first-child, #sidebar .input-and-submit-widget select:first-child {
  width: 14em !important;
  display: inline !important; }
#sidebar .input-and-submit-widget input[type='submit'] {
  display: inline !important; }

#messages .content-box h3 {
  background-color: #3a4; }
#messages .content-box .body {
  border-color: #3a4;
  background-color: #efe; }
  #messages .content-box .body ul, #messages .content-box .body ol {
    margin: 1em 0 1em 2em; }
    #messages .content-box .body ul li, #messages .content-box .body ol li {
      font-size: 1.2em;
      padding: .5em; }
  #messages .content-box .body ol li {
    list-style-position: inside; }
  #messages .content-box .body ul li {
    list-style-position: inside;
    list-style-type: disc; }
  #messages .content-box .body p {
    margin: 0.5em 1em; }
#messages .messages li.error, #messages .messages li.notice, #messages .messages li.success {
  background-color: #ffeedd;
  border-color: #ff8811;
  border-style: solid;
  border-width: 2px;
  color: #ff8811;
  font-size: 1.2em;
  margin: .5em auto;
  max-width: 40em;
  padding: 1.25em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
#messages .messages li.notice {
  background-color: #eeeeff;
  border-color: #4488cc;
  color: #4488cc; }
#messages .messages li.success {
  background: url('/cytobank/images/icon-success.png') no-repeat 6px 7px transparent;
  background-color: #eeffee;
  border-color: #33aa44;
  color: #33aa44;
  padding-left: 3.5em; }

#yui-main #messages li.error, #yui-main #messages li.notice, #yui-main #messages li.success {
  margin: .5em 0;
  max-width: none; }

.help-box h3 {
  background-color: #3a4; }
.help-box .body {
  border-color: #3a4;
  background-color: #efe; }
  .help-box .body ul li {
    font-size: 1.2em;
    list-style-type: disc;
    padding: .5em;
    margin: 0em 3em; }

.login-box {
  float: none;
  margin: 4em auto;
  width: 30em; }
  .login-box .body {
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center; }
    .login-box .body a, .login-box .body a:link, .login-box .body a:visited {
      color: #4488cc;
      text-decoration: none; }
    .login-box .body a:hover {
      color: #ff8811;
      text-decoration: underline; }
    .login-box .body h4 {
      margin: 0.5em;
      text-align: center; }
    .login-box .body p, .login-box .body p.highlight, .login-box .body p.signup {
      font-size: 1.0em;
      margin: 1em; }
    .login-box .body p.signup {
      margin: 1em auto 2em; }
    .login-box .body p.highlight {
      background-color: #eeeeee;
      font-size: 0.9em;
      padding: .75em;
      text-align: left;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    .login-box .body .providers-wrapper {
      height: 3em;
      margin-left: 6em; }
    .login-box .body fieldset {
      text-align: center;
      padding: 0; }
      .login-box .body fieldset label {
        font-weight: normal;
        margin-left: 4.25em; }

.logout-box {
  margin: 15em auto;
  text-align: center; }
  .logout-box p {
    font-size: 1.5em;
    margin: 3em; }
  .logout-box h2 .login {
    font-weight: normal; }


.signup-box {
  float: none;
  margin: 2em auto;
  width: 52em; }
  .signup-box .body p.highlight {
    margin: .5em .5em 1.5em .5em; }
  .signup-box .body .terms-of-service {
    background-color: #eeeeee;
    font-size: 0.9em;
    margin: 1em;
    padding: .75em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .signup-box .body .terms-of-service a {
      text-decoration: underline;
      font-weight: bold; }
    .signup-box .body .terms-of-service a:hover {
      color: #ff8811; }
    .signup-box .body .terms-of-service fieldset {
      margin: .5em .5em .5em 10em; }
  .signup-box .body fieldset {
    text-align: left; }
    .signup-box .body fieldset label {
      margin-left: 0; }
  .signup-box .body .buttons {
    margin-left: 18em; }
    .signup-box .body .buttons input {
      float: left; }


.compensation-box form {
  margin: 0em 0em 2em 0em; }

table.information-table {
  width: 100%; }
  table.information-table a, table.information-table a:visited, table.information-table a:hover, table.information-table a:active {
    text-decoration: none;
    color: #00f; }
  table.information-table td {
    border: 0px;
    font-size: .9em; }
  table.information-table th {
    border: 0px;
    text-align: left; }

table.reagent-information-table {
  border-collapse: collapse;
  width: 100%; }
  table.reagent-information-table a, table.reagent-information-table a:visited, table.reagent-information-table a:hover, table.reagent-information-table a:active {
    text-decoration: none;
    color: #00f; }
  table.reagent-information-table td {
    border: 0px;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    font-size: .9em; }
  table.reagent-information-table th {
    border: 0px;
    text-align: left; }

table.experiment-information-table th, table.experiment-information-table td {
  vertical-align: top; }
table.experiment-information-table .experiment-product-name {
  font-size: 150%; }
table.experiment-information-table .experiment-product-conjugate {
  font-size: 150%; }
table.experiment-information-table .experiment-product-details .experiment-product-detail-item {
  float: left;
  width: 225px; }
  table.experiment-information-table .experiment-product-details .experiment-product-detail-item label {
    font-weight: bold; }
table.experiment-information-table .experiment-product-details .experiment-keywords {
  margin-bottom: 1em;
  width: auto;
  float: none; }

.ui-dialog .ui-dialog-content {
  max-height: 480px; }

.workspace #dimensions .body .toggle-bar {
  margin: 0.5em;
  line-height: 3.25em; }
  .workspace #dimensions .body .toggle-bar .my-button {
    margin: 0 .5em;
    text-decoration: none; }
  .workspace #dimensions .body .toggle-bar a.my-button {
    background: #0370AC;
    color: #fff;
    cursor: pointer;
    border-top: solid 2px #eaeaea;
    border-left: solid 2px #eaeaea;
    border-bottom: solid 2px #777;
    border-right: solid 2px #777;
    padding: 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap; }
  .workspace #dimensions .body .toggle-bar a.my-button.down {
    color: #fff;
    background: #ff9c2a;
    border-top: solid 2px #777;
    border-left: solid 2px #777;
    border-bottom: solid 2px  #eaeaea;
    border-right: solid 2px #eaeaea; }
  .workspace #dimensions .body .toggle-bar .dimension-editor {
    margin-left: 2em; }
.workspace #dimensions .body .update-plots {
  padding: .5em 0;
  width: 15em;
  margin: 0 auto; }
.workspace #dimensions .body #dimension-change-message {
  display: none;
  width: 45em;
  margin: 0 auto;
  color: #3a4; }
  .workspace #dimensions .body #dimension-change-message input {
    font-size: 1.1em; }
.workspace #dimensions .body #sortlist {
  list-style-type: none;
  padding: 0 0 0 0;
  position: relative; }
  .workspace #dimensions .body #sortlist li {
    position: relative;
    float: left;
    padding: 0 0 0 0; }
  .workspace #dimensions .body #sortlist .ui-state-highlight {
    height: 26em;
    width: 18em;
    background: #eee;
    border: 1px dashed #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
.workspace #dimensions .body .dimension-item {
  height: 30em; }
.workspace #dimensions .body .box-wrap {
  position: relative;
  float: left; }
  .workspace #dimensions .body .box-wrap .box {
    position: relative;
    float: left;
    margin: .5em;
    width: 180px; }
    .workspace #dimensions .body .box-wrap .box h3 {
      font-size: 1.2em;
      background: #ff9c2a url(/cytobank/images/ico_drag_handle_padded.gif) top right no-repeat;
      color: #fff;
      cursor: move;
      padding-top: .4em; }
      .workspace #dimensions .body .box-wrap .box h3:hover {
        background-image: url("/cytobank/images/ico_drag_handle_padded_over.gif"); }
      .workspace #dimensions .body .box-wrap .box h3 a {
        background-color: #fed;
        color: #ff8811;
        float: right;
        font-size: .9em;
        font-weight: bold;
        margin: -.2em 0 0 0;
        padding: .2em .5em .25em;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
      .workspace #dimensions .body .box-wrap .box h3 a:hover {
        text-decoration: underline; }
    .workspace #dimensions .body .box-wrap .box .body {
      background-color: #fff;
      border: solid #ff9c2a 1px;
      height: 22.4em;
      padding: 0;
      overflow: hidden; }
      .workspace #dimensions .body .box-wrap .box .body:hover {
        cursor: pointer; }
      .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list {
        width: 100%;
        height: 21em;
        overflow: hidden; }
        .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list:hover {
          cursor: pointer; }
        .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .visible-list {
          width: 95%;
          height: 19.5em;
          padding: 5px;
          overflow: auto;
          margin-bottom: 5em; }
          .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .visible-list a:link, .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .visible-list a:visited {
            display: block;
            text-decoration: none;
            color: #000;
            border: 0;
            background: #fff !important;
            border-bottom: 1px solid #bbbbbb;
            margin-bottom: 3px;
            padding: 2px 5px !important;
            width: 93%; }
          .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .visible-list h4.available-item {
            color: #999999;
            margin: 1em 0 0;
            font-size: 1em;
            padding: 0px 5px; }
          .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .visible-list a.available-item:link, .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .visible-list a.available-item:visited {
            border: 0;
            padding: 0px 5px !important;
            margin: 0;
            color: #999999; }
      .workspace #dimensions .body .box-wrap .box .body .message {
        color: #f33;
        height: 5.5em;
        padding: .5em;
        text-align: center; }
        .workspace #dimensions .body .box-wrap .box .body .message input {
          margin: 7em  0 0;
          font-size: .8em; }
      .workspace #dimensions .body .box-wrap .box .body .dimension-type {
        font-size: 1.1em;
        font-weight: bold;
        padding: .25em 0;
        text-align: center;
        background: #ffeedd;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        position: absolute;
        left: 0.1em;
        bottom: 0.1em;
        width: 178px; }
  .workspace #dimensions .body .box-wrap .controls {
    position: relative;
    height: 1.5em;
    background: #ffeedd;
    padding: 0.25em 0.5em;
    border-left: solid #ff9c2a 1px;
    border-right: solid #ff9c2a 1px; }
    .workspace #dimensions .body .box-wrap .controls .action-buttons {
      position: absolute;
      top: 2px;
      right: 3px;
      background: #ffeedd;
      padding-left: 5px; }
      .workspace #dimensions .body .box-wrap .controls .action-buttons .divider {
        color: #bbbbbb; }
    .workspace #dimensions .body .box-wrap .controls .status-text {
      float: left;
      color: #999999;
      font-size: 85%;
      padding-top: 2px; }
  .workspace #dimensions .body .box-wrap .empty-dimension h3, .workspace #dimensions .body .box-wrap .empty-dimension .body {
    border-color: #dd4433;
    border-style: solid;
    border-width: 1px; }
  .workspace #dimensions .body .box-wrap .empty-dimension h3 {
    background-color: #dd4433;
    margin-top: 0; }
  .workspace #dimensions .body .box-wrap .empty-dimension .body {
    overflow: hidden; }
  .workspace #dimensions .body .box-wrap .empty-dimension .dimension-body {
    padding-top: 8em;
    padding-bottom: 9.5em;
    min-height: 1em; }
    .workspace #dimensions .body .box-wrap .empty-dimension .dimension-body .message {
      height: 2em; }
      .workspace #dimensions .body .box-wrap .empty-dimension .dimension-body .message a {
        border: solid black 1px;
        border-color: #ff8811;
        background-color: #fed;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        color: #ff8811;
        font-size: 1.0em;
        font-weight: bold;
        padding: .15em .5em .25em; }
  .workspace #dimensions .body .box-wrap .population-empty-dimension .dimension-body {
    padding-top: 0; }
  .workspace #dimensions .body .box-wrap .spacer {
    float: left;
    margin-top: 12em;
    text-align: center; }
.workspace #dimensions .body .clear {
  clear: both; }
.workspace #dimensions .body .dimension-type {
  font-size: .8em; }
.workspace #view {
  float: left;
  min-width: 99.5%;
  margin: .5em 0;
  text-align: center; }
  .workspace #view table {
    font-size: 1em;
    margin: 1em; }
    .workspace #view table th, .workspace #view table td {
      border: 0;
      text-align: center;
      padding: 1em; }
    .workspace #view table tr {
      height: 100%; }
  .workspace #view #placeholder .heading-cell, .workspace #view #illustration .heading-cell {
    font-size: 1em;
    font-weight: bold;
    height: 100%; }
  .workspace #view #placeholder th.heading-cell, .workspace #view #illustration th.heading-cell {
    vertical-align: bottom; }
  .workspace #view #placeholder .h-border, .workspace #view #placeholder .v-border, .workspace #view #illustration .h-border, .workspace #view #illustration .v-border {
    background-color: #000; }
  .workspace #view #placeholder .h-border, .workspace #view #illustration .h-border {
    height: 2px;
    width: 85%;
    margin: 2px auto; }
  .workspace #view #placeholder .v-border, .workspace #view #illustration .v-border {
    height: 85%;
    width: 2px; }
  .workspace #view #placeholder .v-border-cell, .workspace #view #illustration .v-border-cell {
    height: 85%; }
  .workspace #view #placeholder .heading-cell {
    font-size: 1.0em; }
  .workspace #view #placeholder img {
    height: 20px;
    width: 20px; }
  .workspace #view .data-table {
    font-size: 1.0em;
    margin: 0.5em auto; }
    .workspace #view .data-table caption {
      font-weight: normal;
      margin: 2em 0 0 0; }
    .workspace #view .data-table th {
      border: none; }
    .workspace #view .data-table td {
      border: 1px solid #999;
      text-align: right; }
    .workspace #view .data-table td.inner-cell {
      font-weight: normal; }
    .workspace #view .data-table td.row-label {
      border: none;
      font-weight: bold; }
  .workspace #view #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; }
    .workspace #view #plot-message ul li {
      font-size: 1.2em;
      list-style-type: disc;
      padding: .5em;
      margin: 0em 3em; }
  .workspace #view .heatmap-table {
    padding: 1em;
    margin: 0 auto;
    line-height: 9px; }
    .workspace #view .heatmap-table td {
      padding: 0;
      margin: 0;
      vertical-align: middle;
      border: solid #000 1px !important; }
      .workspace #view .heatmap-table td a {
        padding: 0;
        margin: 0; }
        .workspace #view .heatmap-table td a img {
          display: block;
          padding: 0;
          margin: 0; }
    .workspace #view .heatmap-table td.empty-square, .workspace #view .heatmap-table td.layers-square {
      width: 25px;
      height: 25px; }
    .workspace #view .heatmap-table td.heatmap-label {
      border: none !important;
      font-size: 0.8em;
      font-weight: bold;
      padding-right: 1em;
      text-align: right; }
  .workspace #view .data-table {
    font-size: 1.0em;
    margin: 0.5em auto 3em; }
    .workspace #view .data-table caption {
      margin: 1em auto; }
    .workspace #view .data-table th {
      border: none; }
    .workspace #view .data-table td {
      border: 1px solid #999;
      text-align: right;
      padding: .5em; }
    .workspace #view .data-table td.row-label {
      border: none;
      font-weight: bold; }
.workspace table.gating-hierarchy-table h2 {
  font-size: 1.5em;
  text-align: left; }
.workspace table.gating-hierarchy-table td {
  border: 0px;
  font-size: .9em;
  text-align: center; }
.workspace table.gating-hierarchy-table td.divider {
  border: 5px; }

.print-gating-plot-list li {
  display: block;
  float: left; }

.lightbox_content div, .lightbox_content ul, .lightbox_content li {
  position: relative; }
.lightbox_content .sorting_ui {
  padding: 0px 20px 20px; }
  .lightbox_content .sorting_ui .controls {
    text-align: center;
    padding: 5px 0px 1px; }
  .lightbox_content .sorting_ui .dimension-drag-handle {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 23px;
    height: 23px;
    background: url("/cytobank/images/btn_drag_handle_padded_up.gif") top right no-repeat; }
  .lightbox_content .sorting_ui .dimension-drag-handle:hover {
    background: url("/cytobank/images/btn_drag_handle_padded_over_v.gif") top right no-repeat;
    cursor: pointer; }
  .lightbox_content .sorting_ui .dimension-sort-and-select-item {
    border: 1px solid #999999;
    margin-top: 5px;
    padding: 5px 10px;
    background: #fff; }
    .lightbox_content .sorting_ui .dimension-sort-and-select-item label {
      padding-left: 3px; }
    .lightbox_content .sorting_ui .dimension-sort-and-select-item .sub-label {
      color: #999999;
      padding-left: 20px; }
  .lightbox_content .sorting_ui .filter_sort_listing {
    float: right;
    width: 10em; }
  .lightbox_content .sorting_ui .filter_sort_listing_hinted {
    background: #fff url("/cytobank/images/filter_field_hint.gif") center left no-repeat; }
  .lightbox_content .sorting_ui .current-selections-list, .lightbox_content .sorting_ui .status-message {
    font-size: 0.9em;
    color: #999999; }
  .lightbox_content .sorting_ui .status-message {
    position: absolute;
    top: 1em;
    left: 0; }
  .lightbox_content .sorting_ui .selection-controls {
    position: absolute;
    top: 0.8em;
    right: 0;
    font-size: 1.1em;
    color: #999999; }
    .lightbox_content .sorting_ui .selection-controls input {
      border: 0;
      background: #fff;
      font-size: 1em;
      text-decoration: underline;
      color: #00c; }
      .lightbox_content .sorting_ui .selection-controls input:hover {
        cursor: pointer; }

.heatmap-wrapper-table {
  padding: 1em;
  margin: 0 auto; }
  .heatmap-wrapper-table td {
    padding: 1em;
    vertical-align: top; }
    .heatmap-wrapper-table td .heatmap-wrapper-table {
      padding: 1em;
      margin: 0 auto; }
      .heatmap-wrapper-table td .heatmap-wrapper-table td {
        vertical-align: top; }
        .heatmap-wrapper-table td .heatmap-wrapper-table td .heatmap-wrapper-table {
          padding: 1em;
          margin: 0 auto; }
          .heatmap-wrapper-table td .heatmap-wrapper-table td .heatmap-wrapper-table td {
            vertical-align: top; }

.heatmap-table {
  padding: 1em;
  margin: 0 auto; }
  .heatmap-table td {
    padding: 0;
    margin: 0;
    vertical-align: middle;
    border: solid #000 1px !important; }
    .heatmap-table td a {
      padding: 0; }
  .heatmap-table td.empty-square {
    width: 25px;
    height: 25px; }

.scale {
  padding: 2em 2em 1em 2em; }

.heatmap-view-through img {
  display: block;
  margin: 0 auto; }

#inbox {
  width: 100%; }
  #inbox .body .label-controls {
    margin: .75em 1em 1em 1em; }
  #inbox .body #inbox-table_length, #inbox .body #inbox-table_filter {
    margin: 1em; }
  #inbox .body table {
    width: 100%; }
    #inbox .body table th, #inbox .body table td {
      border: 0;
      padding-right: 18px; }
    #inbox .body table td {
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      border-color: #bbbbbb; }
    #inbox .body table th {
      color: #114477; }
    #inbox .body table th.empty {
      padding: 0; }
    #inbox .body table td.checkbox {
      width: 1em;
      padding: 0.5em; }
    #inbox .body table td.experiment-name {
      font-size: 1.1em;
      padding-left: 0; }
      #inbox .body table td.experiment-name a.experiment-name {
        text-decoration: none;
        color: #333; }
    #inbox .body table td.experiment-name a:hover, #inbox .body table td.pr a:hover, #inbox .body table td.project a:hover {
      text-decoration: underline; }
    #inbox .body table td.pr, #inbox .body table td.model, #inbox .body table td.kit, #inbox .body table td.num-files, #inbox .body table td.patient-samples, #inbox .body table td.updated_at, #inbox .body table td.dates, #inbox .body table td.project {
      font-size: .9em;
      text-align: center; }
      #inbox .body table td.pr a, #inbox .body table td.model a, #inbox .body table td.kit a, #inbox .body table td.num-files a, #inbox .body table td.patient-samples a, #inbox .body table td.updated_at a, #inbox .body table td.dates a, #inbox .body table td.project a {
        text-decoration: none;
        color: #333; }
    #inbox .body table td.num-files, #inbox .body table td.patient-samples, #inbox .body table td.updated_at, #inbox .body table td.dates {
      text-align: right; }
    #inbox .body table td.public {
      color: #114477;
      font-weight: bold;
      width: 2em; }
    #inbox .body table td.project {
      width: 12em; }
    #inbox .body table td.pr {
      width: 10em; }
    #inbox .body table td.model {
      width: 10em; }
    #inbox .body table td.kit {
      width: 5em; }
    #inbox .body table td.num-files, #inbox .body table td.patient-samples {
      width: 2em; }
    #inbox .body table td.updated_at {
      width: 5em; }

.dataTables_wrapper {
  min-height: 30em;
  position: relative; }

.dataTables_processing {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 11px;
  padding: 2px 0; }

.dataTables_length {
  margin: 0 1em; }

.dataTables_filter {
  margin: 0 1em;
  position: absolute;
  top: -42px;
  right: 1px; }

.dataTables_info {
  width: 60%; }

.dataTables_paginate {
  width: 44px;
  text-align: right; }

table.display {
  margin: 0 auto;
  width: 100%;
  clear: both; }

table.display thead th {
  padding: 3px 18px;
  border-bottom: 1px solid #333;
  font-weight: normal;
  cursor: pointer; }

table.display tfoot th {
  padding: 3px 10px;
  border-top: 1px solid #333;
  font-weight: bold; }

table.display tr.heading2 td {
  border-bottom: 1px solid #aaa; }

table.display td {
  padding: 3px 10px; }

table.display td.center {
  text-align: center; }

table.display tr.row_selected.odd td {
  background-color: #B0BED9; }

table.display tr.row_selected.even td {
  background-color: #9FAFD1; }

.sorting_asc {
  background: url('../images/sort_asc.jpg') no-repeat center right; }

.sorting_desc {
  background: url('../images/sort_desc.jpg') no-repeat center right; }

.sorting {
  background: url('../images/sort_both.jpg') no-repeat center right; }







tr.odd {
  background-color: #eeeeee; }

tr.even {
  background-color: white; }

.top, .bottom {
  padding: 15px;
  background-color: #F5F5F5;
  border: 1px solid #CCCCCC; }

.top .dataTables_info {
  float: none; }

tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444; }

tfoot input.search_init {
  color: #999; }

#users-table_filter {
  margin: .5em 1em 1em 1em;
  position: static;
  display: block; }
  #users-table_filter input {
    width: 250px; }

.categorization .content-box {
  float: left;
  margin: .5em 1em .5em 0em; }
  .categorization .content-box .content-box h3 {
    color: #333333; }
.categorization .non-panels .content-box {
  min-width: 30em; }
  .categorization .non-panels .content-box .content-box {
    width: auto;
    text-align: center; }
    .categorization .non-panels .content-box .content-box .body select, .categorization .non-panels .content-box .content-box .body input {
      margin: .25em auto;
      min-width: 29em; }
    .categorization .non-panels .content-box .content-box .file_list {
      height: 10em; }
.categorization .panels .content-box .content-box {
  margin: 0;
  float: left; }
  .categorization .panels .content-box .content-box .body {
    border: 0;
    text-align: center; }
    .categorization .panels .content-box .content-box .body select, .categorization .panels .content-box .content-box .body input {
      min-width: 24em; }
    .categorization .panels .content-box .content-box .body table {
      margin: 0 auto; }
      .categorization .panels .content-box .content-box .body table th, .categorization .panels .content-box .content-box .body table td {
        font-size: .8em; }
      .categorization .panels .content-box .content-box .body table td.editable input {
        width: 7em;
        min-width: 7em;
        border: 0; }
  .categorization .panels .content-box .content-box .light {
    color: #666; }

.tag #add-tags .body {
  padding: 1.5em; }
  .tag #add-tags .body label {
    font-size: 1.2em;
    font-weight: bold;
    width: 40em; }
  .tag #add-tags .body #add_value, .tag #add-tags .body #submit_button {
    font-size: 1.2em; }
  .tag #add-tags .body #add_value {
    width: 40em;
    margin-top: .5em; }
.tag #variables {
  padding: 0 0 2em 0; }
  .tag #variables ul {
    list-style-type: none;
    margin: 1em;
    padding: 0; }
    .tag #variables ul li {
      float: left;
      padding: 0 1em 0 0; }
.tag .unassigned, .tag .assigned {
  width: 20em;
  float: left;
  margin: 1em; }
  .tag .unassigned h3, .tag .assigned h3 {
    font-size: 1.1em; }
  .tag .unassigned #variables_move_to_file_group, .tag .unassigned #move_files, .tag .assigned #variables_move_to_file_group, .tag .assigned #move_files {
    margin: .5em 0 0 2.5em; }
  .tag .unassigned ul, .tag .assigned ul {
    padding: 3px;
    list-style-type: none;
    min-height: 41em; }
    .tag .unassigned ul li, .tag .assigned ul li {
      border: 1px solid #CCCCCC;
      margin: .25em;
      padding: .25em;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      background-color: #e2e2ff; }
    .tag .unassigned ul .assigned_another_variable, .tag .assigned ul .assigned_another_variable {
      background-color: #E2E2E2; }
.tag #tabs, .tag .ui-tabs-panel {
  width: 4000px; }
.tag span.filename {
  font-size: .75em;
  margin: .25em 0 0 0; }

#hd {
  background-color: white;
  color: #114477;
  padding: .25em 0em;
  width: 100%; }
  #hd .logo {
    float: left;
    margin: .5em; }
    #hd .logo h1 {
      background: url(../images/logo_bigger.gif) no-repeat 0 0;
      border: 0;
      height: 45px;
      margin: 0;
      padding: 0;
      text-decoration: none;
      width: 176px; }
      #hd .logo h1 a {
        color: #114477;
        display: block;
        height: 47px;
        overflow: hidden;
        text-decoration: none;
        text-indent: -9999px;
        width: 176px; }
      #hd .logo h1 a:hover {
        color: #ff8811;
        text-decoration: none; }
  #hd .site-name {
    position: absolute;
    top: 43px;
    left: 128px;
    font-weight: normal;
    color: #4488cc; }
  #hd .menu, #hd .sub-menu {
    float: left;
    font-size: 1.4em;
    font-weight: bold;
    padding: 1.35em .5em 1em 3em; }
    #hd .menu a, #hd .sub-menu a {
      margin: 0 1em;
      text-decoration: none; }
    #hd .menu a, #hd .menu a:active, #hd .menu a:visited, #hd .sub-menu a, #hd .sub-menu a:active, #hd .sub-menu a:visited {
      color: #114477; }
    #hd .menu a:hover, #hd .sub-menu a:hover {
      border-bottom: solid #f81 4px;
      border-color: #ff8811;
      color: #ff8811; }
  #hd .sub-menu {
    float: right;
    padding: 1.5em 1em 1em 0em;
    margin-left: 0em;
    font-size: 1.2em; }
  #hd .clear {
    border-bottom: solid #147 2px;
    border-color: #4488cc;
    background-color: white;
    clear: both; }
  #hd ul#sub-header {
    background-color: #4488cc;
    float: left;
    font-size: 1.1em;
    margin-top: .75em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 0.75em 0;
    width: 100%; }
    #hd ul#sub-header a:link, #hd ul#sub-header a:visited {
      color: white; }
    #hd ul#sub-header li {
      background: #4488cc;
      color: white;
      display: inline;
      float: left;
      margin: 0;
      padding: 0 1em;
      width: auto; }
      #hd ul#sub-header li ul.label-list li.label {
        background-color: #eeeeff;
        display: inline;
        float: none;
        padding: 0.25em; }
        #hd ul#sub-header li ul.label-list li.label a {
          color: #114477; }
        #hd ul#sub-header li ul.label-list li.label a:hover {
          text-decoration: underline; }
  #hd p#ie-header-message {
    text-align: center;
    background-color: #eeeeff; }
  #hd p.motd {
    background-color: #eeeeff;
    border-color: #114477;
    border-width: 1px;
    border-style: solid;
    color: #114477;
    margin: .25em 0 0 0;
    padding: .25em;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }

#ft {
  border-top: solid #147 2px;
  border-color: #4488cc;
  color: #114477;
  font-size: 1.1em;
  margin: 1em auto;
  text-align: center; }
  #ft ul {
    list-style: none;
    margin: 1em auto; }
    #ft ul li {
      display: inline;
      margin: 1em; }
  #ft ul.menu, #ft ul.copyright {
    font-weight: bold;
    margin: 1em auto; }
    #ft ul.menu a, #ft ul.copyright a {
      margin: 0.5em 1em;
      text-decoration: none; }
    #ft ul.menu a, #ft ul.menu a:active, #ft ul.menu a:visited, #ft ul.copyright a, #ft ul.copyright a:active, #ft ul.copyright a:visited {
      color: #114477; }
    #ft ul.menu a:hover, #ft ul.copyright a:hover {
      border-bottom: solid #f81 4px;
      border-color: #ff8811;
      color: #ff8811; }
  #ft ul.copyright {
    color: #999999;
    font-size: 0.8em;
    font-weight: normal;
    margin: 0;
    padding: 0; }
    #ft ul.copyright li {
      margin: 0; }

.qtip .ui-tooltip-content p {
  margin: .5em;
  font-size: 1.1em; }
.qtip .ui-tooltip-content ul {
  margin: .5em;
  padding: .5em; }
  .qtip .ui-tooltip-content ul li {
    font-size: 1.1em;
    margin: 1em 0; }

.update-illustration-old {
  display: block;
  margin: 1em 0;
  border: 2px solid #CCCCCC;
  border-color: #666666;
  padding: .5em;
  background-color: #e2e2ff;
  font-size: 1.1em;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .update-illustration-old a:link, .update-illustration-old a:visited, .update-illustration-old a:hover, .update-illustration-old a:active, .update-illustration-old a:focus {
    color: #666666;
    text-decoration: none;
    font-weight: bold; }
  .update-illustration-old a:hover {
    text-decoration: underline; }

.messages .message, .messages-bottom .message {
  background-color: #eeffee;
  border: solid green 2px;
  border-color: #33aa44;
  color: #33aa44;
  font-size: 1.1em;
  font-weight: bold;
  margin: .5em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 1em;
  text-align: left; }
  .messages .message a, .messages .message a:link, .messages .message a:visited, .messages-bottom .message a, .messages-bottom .message a:link, .messages-bottom .message a:visited {
    color: #00e; }

#user-invite-form {
  margin: 1em; }
  #user-invite-form input[type="text"], #user-invite-form textarea {
    width: 40em; }
  #user-invite-form p {
    margin: 1em 0em 1em 12.5em;
    width: 35em; }
  #user-invite-form fieldset > p:first-child {
    margin-top: 0em !important; }

.project-members li {
  margin: 0.5em 0em 0.5em 2em; }

.legal-copy {
  padding: 1em; }
  .legal-copy h2 {
    font-size: 1.4em; }
  .legal-copy p {
    margin: 1em 0; }
  .legal-copy ul {
    margin: 1em 2em; }
    .legal-copy ul li {
      font-size: 1.2em; }

#pdf-window {
  border: 1px solid #FFF; }

.illustration {
  float: left;
  min-width: 99.5%;
  margin: .5em 0;
  text-align: center; }
  .illustration table {
    font-size: 1em;
    margin: 1em; }
    .illustration table th, .illustration table td {
      border: 0;
      text-align: center;
      padding: 1em; }
    .illustration table tr {
      height: 100%; }
  .illustration .heading-cell {
    font-size: 1em;
    font-weight: bold;
    height: 100%; }
  .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 {
    font-size: 1.0em;
    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 #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 .data-table {
    font-size: 1.0em;
    margin: 0.5em auto 3em; }
    .illustration .data-table caption {
      margin: 1em auto; }
    .illustration .data-table th {
      border: none; }
    .illustration .data-table td {
      border: 1px solid #999;
      text-align: right;
      padding: .5em; }
    .illustration .data-table td.row-label {
      border: none;
      font-weight: bold; }

.general-forms form input[type="submit"] {
  margin: 30px 0px 10px; }
.general-forms form label {
  display: block;
  font-weight: bold; }
.general-forms .controls a:link, .general-forms .controls a:visited {
  text-decoration: none;
  margin-right: 10px;
  font-size: 1.2em; }
.general-forms .controls a:hover {
  text-decoration: underline; }
.general-forms .content-box form label {
  display: block;
  float: left;
  width: 150px; }
.general-forms .content-box form input, .general-forms .content-box form textarea {
  float: left; }
.general-forms .content-box form .field {
  clear: both; }
.general-forms .content-box form .note {
  clear: both;
  margin-left: 150px;
  color: #777; }
.general-forms .content-box form .indented-text {
  clear: both;
  margin-left: 150px; }
.general-forms .content-box .body .controls {
  margin-top: 1.5em; }

.layout-table td.layout-column, .layout-table th.layout-column {
  vertical-align: top;
  text-align: left;
  border: 0;
  padding: 1em; }

.information-table .secondary-info {
  color: #999999; }

.protocols-table td {
  vertical-align: top; }
.protocols-table th {
  white-space: nowrap; }
.protocols-table .filename label {
  display: inline;
  font-weight: bold; }
.protocols-table .note {
  text-align: center;
  padding: 10px;
  color: #999999; }
.protocols-table .protocol-date {
  white-space: nowrap; }
.protocols-table .protocol-text {
  border: 1px solid #bbbbbb;
  padding: 5px;
  margin-right: 18px; }
  .protocols-table .protocol-text .text-preview:hover {
    cursor: pointer; }
.protocols-table .protocol-item-delete {
  float: right; }

.add-protocols-form {
  margin-top: 10px; }
  .add-protocols-form input[type="text"] {
    width: 90%; }
  .add-protocols-form textarea {
    width: 90%;
    height: 10em; }
  .add-protocols-form .controls {
    margin: 10px 0px; }
    .add-protocols-form .controls label {
      margin-right: 10px; }

.experiment-products-page .page-title {
  border: 3px solid #bbbbbb;
  padding: 0px;
  margin-top: 7px;
  margin-bottom: 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .experiment-products-page .page-title h1 {
    font-weight: bold;
    font-size: 1.8em;
    background: #eeeeee;
    display: block;
    padding: 0.25em;
    border-bottom: 1px solid #bbbbbb;
    margin: 0; }
  .experiment-products-page .page-title .controls {
    padding: 0.25em 0.5em 0.5em; }
.experiment-products-page .reagent-search {
  margin: 2em 0; }
  .experiment-products-page .reagent-search td, .experiment-products-page .reagent-search th {
    border: 0;
    padding: 0 1em 1em 0;
    vertical-align: top;
    text-align: left; }
  .experiment-products-page .reagent-search th {
    width: 150px; }
  .experiment-products-page .reagent-search input[type="text"] {
    width: 400px; }
  .experiment-products-page .reagent-search .add-reagent-form {
    margin-top: 1em; }
  .experiment-products-page .reagent-search .note {
    color: #bbbbbb; }
  .experiment-products-page .reagent-search .search-results {
    margin-top: 1em; }
    .experiment-products-page .reagent-search .search-results td {
      padding: 0px 1em 0.25em 0px; }
    .experiment-products-page .reagent-search .search-results .description {
      color: #999999; }
    .experiment-products-page .reagent-search .search-results .catalog-id {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      font-size: 90%;
      font-weight: normal;
      padding: 1px 5px;
      background: #999999;
      color: white; }
    .experiment-products-page .reagent-search .search-results .title {
      font-weight: bold;
      white-space: nowrap; }

.illustrations-page .split-by-channel-form {
  margin-top: 2em;
  margin-bottom: 1em; }
  .illustrations-page .split-by-channel-form table {
    margin: 1em 0em; }
  .illustrations-page .split-by-channel-form input[type="text"], .illustrations-page .split-by-channel-form textarea {
    width: 300px; }
  .illustrations-page .split-by-channel-form label {
    display: block; }
  .illustrations-page .split-by-channel-form .checkbox-field input {
    float: left; }
  .illustrations-page .split-by-channel-form .checkbox-field label {
    margin-left: 20px; }
  .illustrations-page .split-by-channel-form .field {
    clear: both;
    margin-top: 3px; }
  .illustrations-page .split-by-channel-form .section {
    margin-bottom: 2em; }
  .illustrations-page .split-by-channel-form .text-field label {
    font-weight: bold;
    font-size: 0.8em; }
  .illustrations-page .split-by-channel-form .text-field textarea {
    margin-top: 5px; }
  .illustrations-page .split-by-channel-form .disabled {
    color: #999999;
    background-color: #eeeeee; }

.publications-page .page-title {
  border: 3px solid #bbbbbb;
  padding: 0px;
  margin-top: 7px;
  margin-bottom: 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .publications-page .page-title h1 {
    font-weight: bold;
    font-size: 1.8em;
    background: #eeeeee;
    display: block;
    padding: 0.25em;
    border-bottom: 1px solid #bbbbbb;
    margin: 0; }
  .publications-page .page-title .controls {
    padding: 0.25em 0.5em 0.5em; }
.publications-page .publications-table {
  width: 100%;
  border-collapse: collapse; }
  .publications-page .publications-table td {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    padding: 5px 10px; }
  .publications-page .publications-table th {
    border: 0; }
  .publications-page .publications-table .actions {
    width: 120px;
    text-align: center; }
  .publications-page .publications-table .title {
    border: 0;
    padding: 0;
    background: 0;
    font-size: 150%; }
  .publications-page .publications-table a:link, .publications-page .publications-table a:visited {
    color: #114477; }

.lightbox-blocker {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #181818;
  background: rgba(0,0,0,0.8); }
  .lightbox-blocker .player-holder {
    text-align: center; }

.lightbox-video {
  overflow: hidden;
  width: 140px; }
  .lightbox-video .thumbnail img {
    border: 1px solid #666666; }
  .lightbox-video .title {
    font-weight: normal;
    font-size: 90%;
    color: #666666;
    padding: 0;
    background: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.2em;
    width: 120px;
    white-space: nowrap; }

.lightbox-video-link {
  padding-left: 20px;
  background: url("/cytobank/images/icon-movie-projector-mini.gif") 0px 4px no-repeat; }

#messages .content-box .body .getting-started-messages {
  font-size: 1.2em; }
  #messages .content-box .body .getting-started-messages ul.help-items {
    margin: 0;
    padding: 0em 3em; }
    #messages .content-box .body .getting-started-messages ul.help-items li {
      list-style: square outside;
      padding: 0;
      margin: 0px 1em 0.2em 0px; }
    #messages .content-box .body .getting-started-messages ul.help-items li.important {
      font-weight: bold; }
  #messages .content-box .body .getting-started-messages .main-content {
    border-left: 1px solid #33aa44;
    margin-left: 180px;
    padding-left: 1em; }
  #messages .content-box .body .getting-started-messages .video-boxes {
    float: left; }
    #messages .content-box .body .getting-started-messages .video-boxes .more-videos {
      text-align: center; }
  #messages .content-box .body .getting-started-messages .lightbox-video {
    display: inline-block;
    margin: 0 0.5em 0.5em 0.5em; }

.lightbox_blocker {
  background: #000;
  filter: alpha(opacity=80);
  opacity: 0.8;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5000; }

.lightbox_holder {
  position: absolute;
  left: 0px;
  z-index: 5100; }
  .lightbox_holder div, .lightbox_holder h4 {
    position: relative; }
  .lightbox_holder .lightbox_content {
    width: 500px;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    text-align: left; }
    .lightbox_holder .lightbox_content h4 {
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      padding: 5px 20px;
      background: #FF9C2A;
      color: #fff; }
    .lightbox_holder .lightbox_content .closer_button {
      position: absolute;
      top: 5px;
      right: 20px;
      width: 8em; }

.pdf-illustrations-page h1, .pdf-illustrations-page p {
  margin-bottom: 20px; }
.pdf-illustrations-page .big-text-field {
  font-size: 125%;
  width: 400px; }
.pdf-illustrations-page .back-link {
  margin-top: 40px; }

.signup-box {
  float: none;
  margin: 2em auto;
  width: 52em; }
  .signup-box .body {
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center; }
    .signup-box .body a, .signup-box .body a:link, .signup-box .body a:visited {
      color: #4488cc;
      text-decoration: none; }
    .signup-box .body a:hover {
      color: #ff8811;
      text-decoration: underline; }
    .signup-box .body h4 {
      margin: 0.5em;
      text-align: center; }
    .signup-box .body p, .signup-box .body p.highlight, .signup-box .body p.signup {
      font-size: 1.0em;
      margin: 1em; }
    .signup-box .body p.signup {
      margin: 1em auto 2em; }
    .signup-box .body p.highlight {
      background-color: #eeeeee;
      font-size: 0.9em;
      padding: .75em;
      text-align: left;
      -moz-border-radius: 5px;
      margin: .5em .5em 1.5em .5em; }
    .signup-box .body fieldset {
      text-align: center;
      padding: 0;
      text-align: left; }
      .signup-box .body fieldset label {
        font-weight: normal;
        margin-left: 0; }
    .signup-box .body fieldset.openid-provider {
      display: none; }
    .signup-box .body fieldset.referral-text {
      display: none; }
    .signup-box .body .buttons {
      margin-left: 18em; }
      .signup-box .body .buttons input {
        float: left; }
    .signup-box .body .providers-wrapper {
      height: 3em;
      margin-left: 6em; }
    .signup-box .body .terms-of-service {
      background-color: #eeeeee;
      font-size: 0.9em;
      margin: 1em;
      padding: .75em;
      -moz-border-radius: 5px; }
      .signup-box .body .terms-of-service a {
        text-decoration: underline;
        font-weight: bold; }
      .signup-box .body .terms-of-service a:hover {
        color: #ff8811; }
      .signup-box .body .terms-of-service fieldset {
        margin: .5em .5em .5em 10em; }
      .signup-box .body .terms-of-service .tos-check-box-label {
        float: none;
        position: relative;
        font-weight: bold;
        padding: 0;
        margin: 0;
        display: inline; }