@import url(header.css);
@import url(navbar.css);
@import url(footer.css);

body {
  background-color: #000;
  color: #CCC;
}

#wrapper {
  margin: 0 auto;
  width: 100em;
}

#primary-content {
  float: left;
  margin: 1.8em 0 0 20em;
  width: 80em;
}

#side-content {
  float: left;
  margin: 1.8em 0 0 -101em;
  width: 19em;
}

.box div.first,
.box p.first {
  margin-top: 0;
}

.box div.last,
.box p.last {
  margin-bottom: 0;
}

a:active,
a:hover,
a:link,
a:visited {
  color: #58B;
  text-decoration: none;
}

#error,
#output {
  margin: 0 auto;
  max-height: 79em;
  max-width: 79em;
  min-height: 0;
  overflow: auto;
  text-align: center;
}

#output-footer {
  margin: .9em auto;
  text-align: center;
}

.activity-status {
  background-color: #000;
  /* 0.5 * (max-width of #output - width of #activity-status-label) */
  margin-left: 33.7em;
  position: absolute;
  z-index: 1;

  /* CSS 3 */
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  border-radius: .5em;
  opacity: .9;
}

.activity-status img {
  vertical-align: middle;
}

.activity-status-label {
  font-size: 1.4em;
  vertical-align: middle;
}

a.output-image-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

img.output-image {
  border: .2em ridge #888;
  padding: .2em;
  vertical-align: middle;
}

img.color-bar {
  border: .1em solid #888;
  padding: .1em;
  vertical-align: middle;
}

span.color-legend {
  margin: 0 1em;
  text-align: left;
  vertical-align: bottom;
}

img.color-legend-image {
  border: .1em solid #888;
  margin-right: .2em;
  padding: .1em;
  vertical-align: middle;
}

#output-footer table {
  margin: 0 auto;
}

ul#error-list {
  color: #F00;
  list-style: disc inside none;
  margin-bottom: 0;
  margin-left: 1.5em;
  text-align: left;
}

form {
  margin: 1.8em auto;
  width: 61em;
}

input#submit {
  width: 25em;
}

fieldset {
  width: 48.1em;
}

.ps-param-field {
  border: .1em solid #888;
}

.ui-tooltip {
  max-width: 35em !important;
}

.ui-tooltip-content {
  font-size: 1.1em !important;
}