/*
 * main.css
 * copyright (c) HCC. 2015
 */
/*
 * frame tag
 */
html, body {
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  background-color: #FFFFFF; }

iframe#cautionHTML {
  border: 2px #000000 solid; }

span.header_comment {
  color: #FF0000;
  font-size: 0.9em; }

span.titleLayer {
  margin-left: 10px;
  vertical-align: top;
  color: #000000;
  font-size: 32px; }

hr {
  display: none; }

/*
 * frame id
 */
#loading {
  width: 100%;
  height: 100%;
  padding-top: 10em;
  text-align: center;
  cursor: wait; }

#optional-container {
  width: 99%;
  height: 99%;
  margin: 0 auto;
  vertical-align: middle;
  background-color: #FFFFFF; }

#head {
  display: none;
  padding: 10px 0px 0px 0px;
  background-color: #FFFFFF; }

#tail {
  padding: 5px 5px 5px 5px;
  display: none;
  background-color: #FFFFFF; }

#mainPanel {
  background-color: #FFFFFF; }

#mainMap {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%; }

#footerText {
  text-align: center;
  padding: 5px 5px 5px 5px; }

#titleText {
  font-size: 14px; }
  #titleText span {
    margin-left: 10px;
    vertical-align: top; }

#explain {
  background-color: #ffffdd;
  color: #000000;
  height: 1.5em; }

/*
 * frame class
 */
.buttons {
  overflow: auto;
  clear: both;
  position: relative;
  padding: 5px 5px 5px 5px;
  background-image: url(../img/map_bg.png); }

.tablePan {
  background-color: #FFFFFF;
  height: 100%; }

.dialog {
  background-color: #dd0000; }

/*
 * ui class
 */
.ui-layout-pane,
.ui-layout-north,
.ui-layout-south,
.ui-layout-east,
.ui-layout-west {
  background: #FFFFFF;
  overflow: auto; }

.ui-layout-center {
  background: #FFFFFF;
  overflow: auto;
  border: 2px #BBBBBB solid;
  height: 80%; }

.ui-layout-toggler {
  background-color: #187FC4;
  display: none; }
  .ui-layout-toggler:hover {
    background-color: #FFCC66; }
  .ui-layout-toggler .content {
    font: 30px bold Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 0.35ex; }

.ui-layout-toggler-north,
.ui-layout-toggler-south {
  border-width: 0 1px; }

.ui-layout-toggler-west,
.ui-layout-toggler-east {
  border-width: 1px 0; }

.ui-layout-resizer-sliding {
  display: none; }

.ui-tabs {
  position: relative;
  padding: .2em; }
  .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0; }
    .ui-tabs .ui-tabs-nav li {
      list-style: none;
      float: left;
      position: relative;
      top: 0;
      margin: 1px .2em 0 0;
      border-bottom-width: 0;
      padding: 0;
      white-space: nowrap; }
      .ui-tabs .ui-tabs-nav li a {
        float: left;
        padding: .5em 1em;
        text-decoration: none;
        cursor: pointer; }
      .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px; }
        .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
          cursor: text; }
      .ui-tabs .ui-tabs-nav li.ui-state-disabled a {
        cursor: text; }
      .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
        cursor: text; }
  .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 1px 1px;
    padding: 1em 1.4em;
    background: #ffffdd; }

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer; }

/*
.ui-tabs-w1550px {
    @extend .ui-tabs;
    width: 1550px;
}
*/
.ui-widget-header {
  display: block;
  border-width: 1px 1px;
  padding: 0.5em 0.5em;
  color: #800000;
  background: #F5DEB3; }

.ui-dialog {
  background: #FFFFFF; }
  .ui-dialog .ui-dialog-buttonpane {
    background: #FFFFFF; }

/*
 * openlayers class
 */
.olControlAttribution {
  font-size: 8pt !important;
  bottom: 0.5em !important;
  right: 0.5em;
  color: #404040 !important;
  background-color: white;
  padding: 5px;
  border: 2px solid #c0c0c0; }

.olControlMousePosition {
  color: #ff0000;
  bottom: 50px !important;
  left: 1em !important; }

.olControlScaleLine {
  font-weight: bold;
  font-size: 0.8em; }

.olControlLayerSwitcher {
  background-image: url("lib/img/layer-switcher-maximize.png"); }

.olImageLoadError {
  opacity: 0.0 !important;
  filter: alpha(opacity=0) !important; }

/*
 * popup id
 */
table#popup {
  background-color: #FCFCFC; }

/*
 * popup class
 */
td.popup {
  white-space: nowrap;
  border: 1px #C0C0C0 solid;
  font-size: 0.9em;
  padding: 5px 5px 5px 5px;
  background-color: #FFFDFB; }
td.popup_null {
  white-space: nowrap;
  border: 1px #C0C0C0 solid;
  font-size: 0.9em;
  padding: 5px 5px 5px 5px;
  text-align: left; }

th.popup {
  white-space: nowrap;
  border: 1px #C0C0C0 solid;
  font-size: 0.9em;
  padding: 5px 5px 5px 5px;
  background-color: #F1FFC8;
  vertical-align: top; }

/*
 * layertbl id
 */
#layerTable {
  margin: 16px 0;
  width: 100%;
  table-layout: fixed; }
  #layerTable table {
    margin: 10px 10px 0 0;
    overflow: scroll; }
  #layerTable td {
    padding: 5px 10px 5px 10px; }
    #layerTable td.on {
      cursor: pointer;
      border: 1px #444444 solid; }
      #layerTable td.on:hover {
        background-color: #0073ea;
        color: #ffffff; }
    #layerTable td.current {
      background-color: #ff0084;
      color: #ffffff; }
    #layerTable td.off {
      border: 0px; }
    #layerTable td.img {
      width: 30px;
      padding: 2px 3px 2px 3px; }
    #layerTable td.disp {
      padding: 2px 2px 2px 2px; }
  #layerTable tr {
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    border: 1px #444444 solid;
    vertical-align: middle;
    background-color: #FFFDFB; }
    #layerTable tr.head {
      padding: 5px 10px 5px 10px;
      cursor: pointer;
      border: 1px #444444 solid;
      vertical-align: middle;
      background-color: #F1FFC8; }
  #layerTable th {
    width: 12px;
    padding: 2px 2px 2px 2px; }
  #layerTable span.comment {
    color: #ff0000;
    font-size: 0.9em; }

#overTable {
  margin: 16px 0;
  width: 100%;
  table-layout: fixed; }
  #overTable table {
    margin: 10px 10px 0 0;
    overflow: scroll; }
  #overTable td {
    padding: 5px 10px 5px 10px; }
    #overTable td.on {
      cursor: pointer;
      border: 1px #444444 solid; }
      #overTable td.on:hover {
        background-color: #0073ea;
        color: #ffffff; }
    #overTable td.current {
      background-color: #ff0084;
      color: #ffffff; }
    #overTable td.off {
      border: 0px; }
    #overTable td.img {
      width: 30px;
      padding: 2px 3px 2px 3px; }
    #overTable td.disp {
      padding: 2px 2px 2px 2px; }
  #overTable tr {
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    border: 1px #444444 solid;
    vertical-align: middle;
    background-color: #FFFDFB; }
    #overTable tr.head {
      padding: 5px 10px 5px 10px;
      cursor: pointer;
      border: 1px #444444 solid;
      vertical-align: middle;
      background-color: #F1FFC8; }
  #overTable th {
    width: 12px;
    padding: 2px 2px 2px 2px; }
  #overTable span.comment {
    color: #ff0000;
    font-size: 0.9em; }

#symbolTable {
  margin: 16px 0;
  width: 100%;
  table-layout: fixed; }
  #symbolTable table {
    margin: 10px 10px 0 0;
    overflow: scroll; }
  #symbolTable td {
    padding: 5px 10px 5px 10px; }
    #symbolTable td.on {
      cursor: pointer;
      border: 1px #444444 solid; }
      #symbolTable td.on:hover {
        background-color: #0073ea;
        color: #ffffff; }
    #symbolTable td.current {
      background-color: #ff0084;
      color: #ffffff; }
    #symbolTable td.off {
      border: 0px; }
    #symbolTable td.img {
      width: 30px;
      padding: 2px 3px 2px 3px; }
    #symbolTable td.disp {
      padding: 2px 2px 2px 2px; }
  #symbolTable tr {
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    border: 1px #444444 solid;
    vertical-align: middle;
    background-color: #FFFDFB; }
    #symbolTable tr.head {
      padding: 5px 10px 5px 10px;
      cursor: pointer;
      border: 1px #444444 solid;
      vertical-align: middle;
      background-color: #F1FFC8; }
  #symbolTable th {
    width: 12px;
    padding: 2px 2px 2px 2px; }
  #symbolTable span.comment {
    color: #ff0000;
    font-size: 0.9em; }

/*
 * dialog id
 */
#findPanel li.on a {
  background: #FFFFFF;
  font-size: 12px; }
#findPanel li.on:hover a {
  background-color: #87CEFA;
  color: #FFFFFF; }
#findPanel li.current a {
  background-color: #FFFFDD; }

/*
 * dialog class
 */
.ftbl, .ftblfix {
  width: 100%;
  background-color: #FFFFFF; }
  .ftbl table, .ftblfix table {
    margin: 10px 10px 0 0;
    overflow: scroll; }
  .ftbl tr, .ftblfix tr {
    height: 2em; }
    .ftbl tr.on, .ftblfix tr.on {
      cursor: pointer;
      border: 1px #444444 solid; }
      .ftbl tr.on:hover, .ftblfix tr.on:hover {
        background-color: #0073EA;
        color: #FFFFFF; }
  .ftbl th, .ftblfix th {
    font-weight: bold; }
  .ftbl td, .ftblfix td {
    padding: 5px 10px 5px 10px; }
    .ftbl td.on, .ftblfix td.on {
      cursor: pointer;
      border: 1px #444444 solid; }
      .ftbl td.on:hover, .ftblfix td.on:hover {
        background-color: #0073EA;
        color: #FFFFFF; }
    .ftbl td.off, .ftblfix td.off {
      border: 0px; }
    .ftbl td.head, .ftblfix td.head {
      background-color: #EEEEEE;
      border: 1px #444444 solid; }

.ftblfix {
  table-layout: fixed; }

/*# sourceMappingURL=main.css.map */