@charset "UTF-8";

/*
 * legend
 */
.mapLegends .legend .legendIcon {width: 16px; height: 16px; }
.legend { float:left; padding-left: 5px;}
.legendFooter { clear:both; }

/*
 * timeline for map
 */
.chronologies h2 {color: black; font-weight:bold;}
.chronologies h2.share_methanes_create {color: #FF0000 }
.chronologies h2.share_methanes_update {color: #E36600 }
.chronologies h2.share_human_damages_create {color: #FF0000 }
.chronologies h2.share_human_damages_update {color: #E36600 }
.chronologies .share_methanes_create .create {color: #FF0000 }
.chronologies .share_methanes_update .update {color: #E36600 }
.chronologies .share_human_damages_create .create {color: #FF0000 }
.chronologies .share_human_damages_update .update {color: #E36600 }

.chronologies a {color: #0000FF }
.chronologies div { padding: 2px }
.chronologies .chronology .author {color: #666666 }


/*
 * draw tool
 */
.drawFeatureTool {
  font-size: 1.5em;
  color: #000000;
}
.drawFeatureTool .labelText{
  //color: #000000;
}

/*
 * export_tool
 */

#outPutFormDiv {
    color: #000000;
}
.makeMeScrollable div.scrollableArea *
{
  position: relative;
  display: block
  float: left;
  margin: 0;
  padding: 0;
  //width: 150px;
  //height: 150px;
  /* If you don't want the images in the scroller to be selectable, try the following
    block of code. It's just a nice feature that prevent the images from
    accidentally becoming selected/inverted when the user interacts with the scroller. */
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.makeMeScrollable img{
  vertical-align: top;
  width: 150px;
}

.layerSet .folderMessage {
  position: absolute;
  //top: 50%;
  //right: 10px;
  //display: block;
  width: 16px;
  height: 16px;
  //margin-top: -4px;
  background-image: url(/_common/themes/gis/images/ic/ic-folder_supplement.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}/*
.layerSet .folderMessage:after {
  content: ".";
  position: absolute;
  top: 0;
  left: -8px;
  display: block;
  width: 1px;
  background: #C2C2C2;
}*/