html {
  height: 100%;
}

body {
  height:           100%;
  margin:           0;
  padding:          0;
  background-color: #B8B8B8;
}

#app-container {
  position: relative;
  width:    100%;
  height:   100%;
}

#inputArea {
  position: absolute;
  top:      0px;
  bottom:   0px;
  width:    14em;
}

#buttonArea {
  overflow: auto;
  padding-bottom: 18em;
}

#wrap {
  min-height: 100%;
}

#fs-visualization {
  padding-top:    0.5em;
  padding-bottom: 0.5em;
  border-color: black;
  border-style: solid;
  border-width: 2px;
}

.buttonLabel {
  width:  100%;
}

#fs-misc-control {
  margin-top:     0.2em;
  padding-top:    0.8em;
  padding-bottom: 0.8em;
  border-color:   black;
  border-style:   solid;
  border-width:   2px;
}

.misc-control-btn {
  width:  100%;
}

.mapAreaFull {
  position:     absolute;
  top:          0px;
  right:        0px;
  bottom:       0px;
  left:         14em;
}

.mapAreaToolbar {
  position:     absolute;
  top:          0px;
  right:        0px;
  bottom:       3.8em;
  left:         14em;
}

.timeToolbarOn {
  position:     absolute;
  right:        1em;
  bottom:       0px;
  left:         14em;
  height:       3.8em;
}

.timeToolbarOff {
  position:     absolute;
  display:      none;
  right:        1em;
  bottom:       0px;
  left:         14em;
  height:       3.8em;
}

.timeButtons {
  position:     absolute;
  top:          0.5em;
  left:         0px;
  width:        15em;
  height:       3em;
}

.timeLoop {
  position:     absolute;
  top:          0.6em;
  left:         14em;
  width:        3em;
  height:       3em;
}


.timeSlider {
  position:     absolute;
  top:          1.5em;
  right:        0px;
  left:         19em;
  height:       2em;
}

#credits {
  position:      relative;
  width:         16em;
  height:        20em;
  padding-left:  0.5em;
  padding-right: 0.5em;
  margin-top:    -21em;
  clear:         both;
  font-size:    small;
}

#logobox {
  width:        16em;
  height:       20em;
  margin-left:  auto;
  margin-right: auto;
}

#ngchclogo {
  width:          15em;
  height:         50px;
  margin-left:    auto;
  margin-right:   auto;
  margin-bottom:  10px;
}

#nfslogo {
  float:        left;
  height:       90px;
  width:        90px;
  margin-left:  5px;
}

#disllogo {
  float:        right;
  height:       90px;
  width:        90px;
  margin-right: 5px;
}

/*Opera Fix*/
body:before {
  content:    "";
  height:     100%;
  float:      left;
  width:      0;
  margin-top: -32767px;
}

.ui-large-corners {
  -moz-border-radius: 4em 1em 4em 1em !important;
  border-radius:     4em 1em 4em 1em !important;
}

.ui-vis-button {
  -moz-border-radius: 4em 1em 4em 1em !important;
  border-radius:     4em 1em 4em 1em !important;
}

.ui-loop-button {
  -moz-border-radius: 1.25em .5em 1.25em .5em !important;
  border-radius:      1.25em .5em 1.25em .5em !important;
}

.ui-anim-left {
  -moz-border-top-left-radius:     4em  !important;
  -moz-border-bottom-left-radius:  1em  !important;
  border-top-left-radius:          4em  !important;
  border-bottom-left-radius:       1em  !important;
}

.ui-anim-right {
  -moz-border-top-right-radius:    1em  !important;
  -moz-border-bottom-right-radius: 4em  !important;
  border-top-right-radius:         1em  !important;
  border-bottom-right-radius:      4em  !important;
}