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; }

h5 {
  font-size: 1em; }

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

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

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; }

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;
    -moz-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; }

.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;
    -moz-border-radius: 5px 5px 0px 0px;
    padding: .25em .5em .25em;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    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 .body, .help-box .body, .standalone-box .body {
    border: solid #ACE 2px;
    -moz-border-radius: 0px 0px 5px 5px;
    padding: .5em;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 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 .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;
      -moz-border-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-bottom-right-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; }

.closed-box h3 {
  -moz-border-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-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 .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;
  -moz-border-radius: 5px 5px 5px 5px;
  margin: .5em 0;
  padding: .5em;
  text-align: center;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px; }
  #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 li {
    font-size: 1.2em;
    list-style-type: disc;
    padding: .5em;
    margin: 0em 3em; }
#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.1em;
  margin: .5em auto;
  max-width: 40em;
  padding: 1em;
  -moz-border-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px; }
#messages .messages li.notice {
  background-color: #eeeeff;
  border-color: #4488cc;
  color: #4488cc; }
#messages .messages li.success {
  background-color: #eeffee;
  border-color: #33aa44;
  color: #33aa44; }

#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, .signup-box {
  float: none;
  margin: 4em auto;
  width: 30em; }
  .login-box .body, .signup-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, .signup-box .body a, .signup-box .body a:link, .signup-box .body a:visited {
      color: #4488cc;
      text-decoration: none; }
    .login-box .body a:hover, .signup-box .body a:hover {
      color: #ff8811;
      text-decoration: underline; }
    .login-box .body h4, .signup-box .body h4 {
      margin: 0.5em;
      text-align: center; }
    .login-box .body p, .login-box .body p.highlight, .login-box .body p.signup, .signup-box .body p, .signup-box .body p.highlight, .signup-box .body p.signup {
      font-size: 1.0em;
      margin: 1em; }
    .login-box .body p.signup, .signup-box .body p.signup {
      margin: 1em auto 2em; }
    .login-box .body p.highlight, .signup-box .body p.highlight {
      background-color: #eeeeee;
      font-size: 0.9em;
      padding: .75em;
      text-align: left;
      -moz-border-radius: 5px; }
    .login-box .body .providers-wrapper, .signup-box .body .providers-wrapper {
      height: 3em;
      margin-left: 6em; }
    .login-box .body fieldset, .signup-box .body fieldset {
      text-align: center;
      padding: 0; }
      .login-box .body fieldset label, .signup-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: 7em 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;
    -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 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 th {
    border: 0px;
    text-align: left; }
  table.information-table td {
    border: 0px;
    font-size: .9em; }

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

.workspace #dimensions .body .toggle-bar {
  line-height: 2em;
  margin: 1em; }
  .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;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .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; }
  .workspace #dimensions .body #sortlist li {
    float: left;
    padding: 0 0 0 0; }
  .workspace #dimensions .body #sortlist .ui-state-highlight {
    height: 12em;
    width: 12em; }
.workspace #dimensions .body .box-wrap {
  float: left;
  width: 17.5em; }
  .workspace #dimensions .body .box-wrap .box {
    float: left;
    margin: .5em;
    width: 14em; }
    .workspace #dimensions .body .box-wrap .box h3 {
      font-size: 1.2em;
      background-color: #FF9C2A;
      color: #fff;
      cursor: move;
      padding-top: .4em; }
      .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;
        -moz-border-radius: 5px;
        -webkit-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;
      min-height: 14.5em;
      padding: .5em; }
      .workspace #dimensions .body .box-wrap .box .body select {
        width: 100%;
        height: 14.5em; }
      .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;
        padding-top: .25em;
        text-align: center; }
  .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 .dimension-body {
    min-height: 9.5em; }
    .workspace #dimensions .body .box-wrap .empty-dimension .dimension-body .message {
      margin-top: 5em;
      height: 2em; }
      .workspace #dimensions .body .box-wrap .empty-dimension .dimension-body .message a {
        border: solid black 1px;
        border-color: #ff8811;
        background-color: #fed;
        -moz-border-radius: 5px;
        color: #ff8811;
        font-size: 1.0em;
        font-weight: bold;
        padding: .15em .5em .25em; }
  .workspace #dimensions .body .box-wrap .spacer {
    float: left;
    margin-top: 9em;
    text-align: center;
    width: 2em; }
.workspace #dimensions .body .clear {
  clear: both; }
.workspace #dimensions .body .dimension-body {
  min-height: 14.5em; }
.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; }
    .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;
    -moz-border-radius: 5px;
    -webkit-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 2em; }
    .workspace #view .data-table caption {
      margin: 1em; }
    .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; }

.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: 1em; }
    #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; }
  .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 #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;
      -moz-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 {
      text-decoration: none;
      border: 0;
      width: 176px;
      height: 45px;
      margin: 0;
      padding: 0;
      background: url(../images/logo_bigger.gif) no-repeat 0 0; }
      #hd .logo h1 a {
        color: #114477;
        display: block;
        overflow: hidden;
        text-decoration: none;
        text-indent: -9999px; }
      #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;
    -moz-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;
    -moz-border-radius: 5px;
    -webkit-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;
  -moz-border-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  background-color: #e2e2ff;
  font-size: 1.1em;
  text-align: center; }
  .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;
  -moz-border-radius: 5px 5px 5px 5px;
  padding: 1em;
  text-align: left;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px; }
  .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; }

.signup-box fieldset.openid-provider {
  display: none; }

.project-members li {
  margin-left: 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; }