/*
   * --------------------------------------------------------------------
   * The code within this style block would ideally go into an external
   * stylesheet such as:
   * <link rel="stylesheet" href="./css/app.css" />
   * --------------------------------------------------------------------
   */
  html, body {
    width: 100%;
    height: 100%;
    margin: 0;

    overflow:hidden;
  }
  
  
#head{
	position: relative;
	height: 50px;
	display: block;
	background-color: #0b62b3;
	color: black;
	text-shadow: none;
	box-shadow: 2px 2px 3px rgba(0,0,0,.15);
	width: 100%;
	z-index: 99;
/*	min-height: 50px;
	max-height: 80px; */
	 overflow:hidden;
	 padding-left: 5px;
}

#head span{
	display: inline-block;
	padding: 5px 10px;
	font-size: 23pt;
	vertical-align: middle;
	color: #c2c2c2;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#head img{
	vertical-align: middle;
}

  #ui-map-page, #ui-map-content, #ui-map {
    width: 100%;
    height: 100%;

  }
  
  #ui-map-content{
  /*	height: calc(100% - 50px);*/
	position: relative;
}

  #ui-settings-page {
    width: 100%;
    height: 100%;
    padding: 0;
  }

  #ui-settings-content {
    margin: 1.25em;
  }

  .esriSimpleSlider div {
    width: 1.125em;
    height: 1.125em;
    font-size: 1.875em;
    line-height: 0.9375em;
  }

  .esriSimpleSliderHorizontal.esriSimpleSliderBR {
    right: 0.3125em;
    bottom: 1.625em;
  }

  @media screen and (min-width: 768px) {
    .esriSimpleSliderHorizontal.esriSimpleSliderBR {
      bottom: 2.875em;
    }
  }

  .simpleGeocoder .esriGeocoderContainer {
    top: 1.25em;
    left: 0.625em;
    right: 0.625em;
    position: absolute;
    height: 3.75em;
    width: auto;
    font-size: 1em;
    line-height: 1.25em;
    z-index: 3;
  }

  @media (min-device-width: 22.5625em) {
    .simpleGeocoder .esriGeocoderContainer {
      width: 22.5em;
    }
  }

  @media screen and (min-width: 768px) {
    .simpleGeocoder .esriGeocoderContainer {
      margin: 0 auto;
    }
  }

  .simpleGeocoder .esriGeocoderIcon {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0.375em;
    margin-bottom: 0;
  }

  .simpleGeocoder .esriGeocoder {
    background: #FFFFFF;
  }

  .simpleGeocoder .esriGeocoder:hover {
    background: #EEEEEE;
  }

  .simpleGeocoder .esriGeocoder input {
    font-family: HelveticaNeue-Light, Roboto, Helvetica, san-serif;
    line-height: 22px;
    font-size: 1.1875em;
    width: 10.3125em;
  }

  .simpleGeocoder .esriGeocoder .esriGeocoderSearch {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22normal%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-3%20-3%2020%2020%22%20enable-background%3D%22new%20-3%20-3%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%2357585A%22%20d%3D%22M10.7%2C9.1c0.7-1%2C1.1-2.3%2C1.1-3.6C11.8%2C1.9%2C9-1%2C5.4-1S-1%2C1.9-1%2C5.4s2.9%2C6.4%2C6.4%2C6.4c1.3%2C0%2C2.6-0.4%2C3.6-1.1%0A%09l4.3%2C4.3l1.7-1.6L10.7%2C9.1z%20M5.4%2C9.5c-2.3%2C0-4.1-1.8-4.1-4.1s1.8-4.1%2C4.1-4.1s4.1%2C1.8%2C4.1%2C4.1C9.5%2C7.7%2C7.7%2C9.5%2C5.4%2C9.5z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }

  .simpleGeocoder .esriGeocoderHasValue .esriGeocoderReset {
    background: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-3%20-3%2020%2020%22%20enable-background%3D%22new%20-3%20-3%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%2357585A%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }

  .LocateButton .zoomLocateButton {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-3%20-3%2020%2020%22%20enable-background%3D%22new%20-3%20-3%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%2357585A%22%20d%3D%22M7-3C3.8-3%2C1.3-0.4%2C1.3%2C2.7C1.3%2C5.6%2C7%2C17%2C7%2C17s5.7-11.4%2C5.7-14.3C12.7-0.4%2C10.2-3%2C7-3z%20M7%2C5.6%0A%09c-1.6%2C0-2.9-1.3-2.9-2.9S5.4-0.1%2C7-0.1s2.9%2C1.3%2C2.9%2C2.9S8.6%2C5.6%2C7%2C5.6z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 1.5625em;
    position: absolute;
    right: 0.3125em;
    bottom: 4.0625em;
    z-index: 3;
    background-color: #FFFFFF;
    border: 1px solid #57585A;
  }

  @media screen and (min-width: 768px) {
    .LocateButton .zoomLocateButton {
      bottom: 5.3125em;
    }
  }

  .LocateButton .zoomLocateButton:hover {
    background-size: 1.5625em;
    background-color: #EEEEEE;
    color: #4C4C4C;
  }

  .LocateButton .tracking {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-3%20-3%2020%2020%22%20enable-background%3D%22new%20-3%20-3%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22normal%22%20display%3D%22none%22%3E%0A%09%3Cpath%20display%3D%22inline%22%20fill%3D%22%2357585A%22%20d%3D%22M7-3C3.8-3%2C1.3-0.4%2C1.3%2C2.7C1.3%2C5.6%2C7%2C17%2C7%2C17s5.7-11.4%2C5.7-14.3C12.7-0.4%2C10.2-3%2C7-3z%0A%09%09%20M7%2C5.6c-1.6%2C0-2.9-1.3-2.9-2.9S5.4-0.1%2C7-0.1s2.9%2C1.3%2C2.9%2C2.9S8.6%2C5.6%2C7%2C5.6z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22hover%22%3E%0A%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M7-3C3.8-3%2C1.3-0.4%2C1.3%2C2.7C1.3%2C5.6%2C7%2C17%2C7%2C17s5.7-11.4%2C5.7-14.3C12.7-0.4%2C10.2-3%2C7-3z%20M7%2C5.6%0A%09%09c-1.6%2C0-2.9-1.3-2.9-2.9S5.4-0.1%2C7-0.1s2.9%2C1.3%2C2.9%2C2.9S8.6%2C5.6%2C7%2C5.6z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 1.5625em;
    background-color: #EEEEEE;
  }

  #ui-settings-button {
    z-index: 3;
    left: 5px;
    width: 1.875em;
    height: 1.875em;
    position: absolute;
    top: 25%; /*Tom changed*/
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0.125em;
    background-size: 1.5625em;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%2357585A%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E');
    background-color: #FFFFFF;
    border: 1px solid #57585A;
    border-radius: 0.3125em;
  }

  #ui-settings-button:hover {
    background-color: #EEEEEE;
    color: #4C4C4C;
  }


  .basemapOptionSelected {
    background-color: #333333;
    color: #f6f6f6;
  }

  .basemapOptionNormal {
    background-color: #f6f6f6;
    color: #333333;
  }
  @media screen and (min-width: 768px) {

  }


  #ui-features-panel .ui-li-divider {
    padding-bottom: 0.5em;
  }

  #ui-features-panel ul {
    padding: 0.3125em 0.3125em;
  }

  #ui-features-panel li {
    padding: 0.3125em;
  }

  #inner-editor {
    width: 12.5em;
  }

  .esriAttributeInspector .atiLabel {
    padding-right: 0;
  }

  .esriAttributeInspector .dijitTextBox {
    border: solid #57585A 0.0625em;
    border-radius: 0.3125em;
    width: 13.75em;
  }

  .esriAttributeInspector textarea {
    background: transparent none;
  }

  .esriAttributeInspector .dijitButtonNode {
    border: 0.3125em solid #57585A;
  }

  .esriAttributeInspector .dijitButtonNode .ui-input-text {
    border-style: none;
  }

  .esriAttributeInspector .dijitButtonNode .dijitArrowButtonInner {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 1.875em;
  }

  .esriAttributeInspector .dijitArrowButtonContainer {
    padding: 0.125em;
  }

  .dijitInputContainer .ui-input-text {
    margin: 0 0.3125em;
    border-style: none;
  }

  .dijitInputContainer .dijitInputInner {
    padding-left: 0.3125em;
  }

  .dijitComboBoxMenuPopup .dijitComboBoxMenu {
    border: solid #57585A 0.0625em;
    border-radius: 0.3125em;
  }

  .dijitComboBoxMenu .dijitMenuItem {
    padding: 0.3125em 0.1875em;
  }

  .dijitComboBoxMenu .dijitMenuItemHover {
    color: #FFFFFF;
    background-color: #57585A;
    text-shadow: none;
  }

  .esriMobileNavigationBar {
    z-index: 3;
    background: #EEEEEE;
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.right {
    padding-right: 0.3125em;
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.right img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-298%20390%2014%2014%22%20enable-background%3D%22new%20-298%20390%2014%2014%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%2357585A%22%20points%3D%22-289%2C397%20-289%2C390%20-293%2C390%20-293%2C397%20-298%2C397%20-291%2C404%20-284%2C397%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.left {
    padding-left: 0.3125em;
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.left img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-298%20390%2014%2014%22%20enable-background%3D%22new%20-298%20390%2014%2014%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%2357585A%22%20points%3D%22-284%2C393%20-287%2C390%20-291%2C394%20-295%2C390%20-298%2C393%20-294%2C397%20-298%2C401%20-295%2C404%20-291%2C400%20-287%2C404%20%0A%09-284%2C401%20-288%2C397%20%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriMobileNavigationBar .esriMobileNavigationItem.center {
    text-shadow: none;
    color: #4C4C4C;
  }

  .esriPopupMobile {
    box-shadow: none;
    -webkit-box-shadow: none;
  }

  .esriPopupMobile .titlePane {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #57585A;
    border: 1px solid #57585A;
  }

  .esriPopupMobile .pointer.top {
    top: -11px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2024%2012%22%20enable-background%3D%22new%200%200%2024%2012%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22pointer-bottom%22%20display%3D%22none%22%3E%0A%09%3Cg%20display%3D%22inline%22%3E%0A%09%09%3Cpolyline%20points%3D%220%2C-0.5%2011.48108%2C11.5%2024%2C-0.5%200%2C-0.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%20display%3D%22inline%22%3E%0A%09%09%3Cpolyline%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23333333%22%20stroke-miterlimit%3D%2210%22%20points%3D%220%2C-0.5%2011.48108%2C11.5%2024%2C-0.5%200%2C-0.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22pointer-top%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpolyline%20points%3D%2224%2C13.5%2012.51892%2C1.5%200%2C13.5%2024%2C13.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cpolyline%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23333333%22%20stroke-miterlimit%3D%2210%22%20points%3D%2224%2C13.5%2012.51892%2C1.5%200%2C13.5%2024%2C13.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriPopupMobile .titleButton.close {
    background-size: 2.1875em;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22close-button%22%3E%0A%09%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2215.95833%22%20cy%3D%2215.58333%22%20r%3D%2213.25%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.58333%22%20y1%3D%229.58333%22%20x2%3D%2222.45833%22%20y2%3D%2222.45833%22%2F%3E%0A%09%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.58333%22%20y1%3D%2222.45833%22%20x2%3D%2222.45833%22%20y2%3D%229.58333%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriPopupMobile .titleButton.arrow {
    background-position: center;
    background-size: 2.1875em;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22close-button%22%20display%3D%22none%22%3E%0A%09%3Ccircle%20display%3D%22inline%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2216%22%20cy%3D%2215.6%22%20r%3D%2213.2%22%2F%3E%0A%09%0A%09%09%3Cline%20display%3D%22inline%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.6%22%20y1%3D%229.6%22%20x2%3D%2222.5%22%20y2%3D%2222.5%22%2F%3E%0A%09%0A%09%09%3Cline%20display%3D%22inline%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%229.6%22%20y1%3D%2222.5%22%20x2%3D%2222.5%22%20y2%3D%229.6%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22arrow-right%22%3E%0A%09%3Ccircle%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2216%22%20cy%3D%2215.6%22%20r%3D%2213.2%22%2F%3E%0A%09%3Cg%3E%0A%09%09%3Cline%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2216%22%20y1%3D%2216%22%20x2%3D%2222.5%22%20y2%3D%2222.5%22%2F%3E%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2220%22%20y1%3D%2215.5%22%20x2%3D%2212%22%20y2%3D%227.6%22%2F%3E%0A%09%09%3Cline%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2211.8%22%20y1%3D%2223.5%22%20x2%3D%2220.4%22%20y2%3D%2214.7%22%2F%3E%0A%09%09%3Cline%20display%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2357585A%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2222.5%22%20y1%3D%229.6%22%20x2%3D%2216%22%20y2%3D%2216%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriPopupMobile .pointer.bottom {
    bottom: -11px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2018.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2024%2012%22%20enable-background%3D%22new%200%200%2024%2012%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22pointer-bottom%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpolyline%20points%3D%220%2C-0.5%2011.48108%2C11.5%2024%2C-0.5%200%2C-0.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%3E%0A%09%09%3Cpolyline%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23333333%22%20stroke-miterlimit%3D%2210%22%20points%3D%220%2C-0.5%2011.48108%2C11.5%2024%2C-0.5%200%2C-0.5%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22pointer-top%22%20display%3D%22none%22%3E%0A%09%3Cg%20display%3D%22inline%22%3E%0A%09%09%3Cpolyline%20points%3D%2224%2C13%2012.51892%2C1%200%2C13%2024%2C13%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%09%3Cg%20display%3D%22inline%22%3E%0A%09%09%3Cpolyline%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20points%3D%2224%2C13%2012.51892%2C1%200%2C13%2024%2C13%20%09%09%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  }

  .esriMobileInfoView .esriMobileInfoViewSection {
    margin: 0.375em;
    padding: 0.375em;
    border: solid 2px #57585A;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 10px;
    -webkit-box-sizing: border-box;
  }

  .esriMobileInfoViewItem {
    margin: 0px;
    padding-top: 0.5em;
    padding-left: 0.5em;
    color: #262626;
  }

  .infoTemplateContentRowLabel {
    font-weight: bold;
    line-height: 2em;
    vertical-align: middle;
    width: 5em;
    display: inline-block;
  }

  .infoTemplateContentRowItem {
    line-height: 2em;
    padding-left: 0.5em;
    vertical-align: middle;
  }

   #ui-stormcent-button{
  	
  	z-index: 3;
    left: 14px;
    width: 1000px;
    height: 80px;
    position: absolute;
    top: 94%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    padding: 0em;
    background-size: 120px;
    background-repeat: no-repeat;
    background-position: left;
    /*background-image: url("GeoCollaborate_TM_app_icon_RGB_09sm.png");
    background-image: url("gc_badge.png");*/
    background-color: transparent;
    border: 0px solid #57585A;
    border-radius: 0em; 
  }
   #ui-menu-button {
    z-index: 3;
    left: 5px;
    width: 6.575em;
    height: 1.275em;
    position: absolute;
    top: 15%;
    padding: 0.125em;
  }
  #ui-base-button {
    z-index: 3;
    left: 5px;
    width: 6.575em;
    height: 1.275em;
    position: absolute;
    top: 20%;
    padding: 0.125em;
  }
  #ui-info-button {
    z-index: 3;
    left: 5px;
    width: 6.575em;
    height: 1.275em;
    position: absolute;
    top: 25%;
    padding: 0.125em;
  }
  #ui-fback-button{
    z-index: 3;
    left: 5px;
    width: 6.575em;
    height: 1.275em;
    position: absolute;
    top: 30%;
    padding: 0.125em;
  }
   #ui-test-button {
    z-index: 3;
    left: 5px;
    width: 6.575em;
    height: 1.275em;
    position: absolute;
    top: 35%;
    padding: 0.125em;
  }
  #leadinfo{
    z-index: 3;
    right: 5px;
    background-color: khaki;
    width: 280px;
    height: 1.275em;
    position: absolute;
    top: 3%;
    font-size:8pt;
    font-bold:true; 
    display:none; 
  }
 #logind {
  border: 1px solid yello;
  background-color: rgba(255, 255, 255, 0.75);
  position: absolute;
  top: 5%;
  width:230px;
  font-size:16pt;
  font-bold:true; 
}

.mblItemSwitch{
  float:right; 
}
 .switchDiv.mblSwitch{
  float:left; 
   background-color: yello; 
}
 #logind .mblSwitch{
   float:left;
    background-color: yello; 
  }  
  

.switchDiv{
  float:right;
  height: 1.275em;
  display:inline;
  vertical-align:middle;
  background-color: yello; 
}

  #SOsDiv{  
   z-index: 3;
    left: 150px;
   /* width: 7em;
     height: 3.5em;*/
    position: absolute;
    bottom: 0.625em;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    padding: 0em;
 
  }
  .SOcenter{
  transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  position: relative;
  }
  .SOcenterX{
    transform:translate(-50%, 0%);
    -ms-transform:translate(-50%, 0%);
    -webkit-transform:translate(-50%, 0%);
  }
  .SOcenterY{
    /* transform:translate(0%, -50%); */
    -ms-transform:translate(0%, -50%);
    /* -webkit-transform:translate(0%, -50%); */
  }
label.missing  {
  color:#FF0000;
  font-weight:bold;
  font-size: 25px;
}
label.missing1  {
  color:#FF0000;
}
form.responsive label {
    background: #FFFFFF;
    float: left
}
form.responsive span {
    display: block;
    overflow: hidden;
    padding: 0 4px 0 6px
    font-weight: bold
}
form.responsive input {
    width: 100%; 
    font-weight: bold
}
.normalText{ font-weight:normal; }

.color1 .mblSwitchBgLeft {
  background: -webkit-gradient(linear, left top, left bottom,
                               from(#28B159), to(#75FBAC),
                               color-stop(0.5, #3FEB84),
                               color-stop(0.5, #4CEE8E));
}
.color1 .mblSwitchBgRight {
  background: -webkit-gradient(linear, left top, left bottom,
                               from(#CECECE), to(#FDFDFD),
                               color-stop(0.5, #EEEEEE),
                               color-stop(0.5, #F8F8F8));
}
.color1 .mblSwitchKnob {
  background: -webkit-gradient(linear, left top, left bottom,
                               from(#999999), to(#FAFAFA),
                               color-stop(0.5, #BBBBBB),
                               color-stop(0.5, #CACACA));
}

  /* Tom addition */

  #geo-label{
    position: absolute;
    top: 5%;
    left: 4px;
    z-index: 50;
    background-color: white;
    border: 1px solid black;
    border-radius: 5px;
    margin: 0;
    padding: 0 3px;
  }
  #serchAddress{
    position: absolute;
    top: 5%;
    left: 240px;
    z-index: 2;
    
  }
 /* #switch-button{
  	position: absolute;
    top: 15%;
    left: 4px;
    z-index: 2;
 }*/
  #popupLead{
    width:250px;
  }
  
  #login-fail{
    display:none;
    padding:0 0 0 15px;
    color:red;
  }
      
  .ui-header .ui-title{
    margin: 0 10%;
  }
    
  .ui-li-static.ui-collapsible > .ui-collapsible-heading {
    margin: 0;
  }

  .ui-li-static.ui-collapsible {
    padding: 0;
  }

  .ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
    border-top-width: 0;
  }

  .ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
  .ui-li-static.ui-collapsible > .ui-collapsible-content {
    border-bottom-width: 0;
  }
  
  @media screen and (max-width:700px) {
  
  .mobile-scroll{
    height: 100px;
    overflow: auto;
  }
   }
 
#scroller {
   position: absolute;
    z-index: 1;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-overflow-scrolling: touch;

}
/* Joe 6/3/15 */
/* Message table styles  */
.ts {
    font-style: italic;
    font-size: .8em;
    width: 8em;
}

#messageTable tbody th, #messageTable tbody td {
border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
border-bottom: 1px solid rgba(0,0,0,.05);
}

#messageTable thead th, #messageTable tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}


div#popupReviewMessages table {
    overflow-y: scroll;
}


#expLabel, #messageLabel{
  /* display:none; */
  color:red;
  /* bottom: 9px; */
  margin: -4px;
  /* position: relative; */
  display: block;
  float: none;
  text-align: left;
}
#messageTable tbody {
    background: rgb(255, 217, 148);
}
#textWindowBtn {
  position: absolute;
  bottom: 14%;
  left: 1%;
  width:10em;
}

#textPopup {
  margin: auto;
  top: 13%; 
  left: 13%;
  transform: translateX(-50%);
  width: 270px;
  height: 100px;
}
#legendPopup {
	top: 10%;
	left: 50%;
	width: 270px;
	height: 100px;
	margin: auto;
	transform: translateX(-50%);
}
.esriPopup .titlePane {
  cursor:move;
  }
  
.msg-pulse{
-webkit-animation:msg-pulse 1s linear 1s infinite alternate;
-moz-animation:msg-pulse 1s linear 1s infinite alternate;
-ms-animation:msg-pulse 1s linear 1s infinite alternate;
-o-animation:msg-pulse 1s linear 1s infinite alternate;
animation:msg-pulse 1s linear 1s infinite alternate;
border: 1px ridge rgb(117, 117, 117);









    


  }
  @-webkit-keyframes msg-pulse {
    from  {border: 1px soridgelid rgb(117, 117, 117);}
    to  {border: 1px ridge red;background-color:rgb(246,0,0)}     



  }

  @keyframes msg-pulse {
    from  {border: 1px ridge rgb(117, 117, 117);}
    to  {border: 1px ridge red;background-color:rgb(246,0,0)}     


  }
  #textPopup .titleButton.maximize {



  display: none;
}
#ui-reviewmessages-button {
  position: absolute;
  bottom: 23%;
  left: 1em;
  padding: 1em;
  padding-right: 1.5em;
}

  .text-pulse{
    -webkit-animation:text-pulse 1s linear 1s infinite alternate;
    -moz-animation:text-pulse 1s linear 1s infinite alternate;
    -ms-animation:text-pulse 1s linear 1s infinite alternate;
    -o-animation:text-pulse 1s linear 1s infinite alternate;
    animation:text-pulse 1s linear 1s infinite alternate;
    border: 1px solid rgb(117, 117, 117);
    



  }
  @-webkit-keyframes text-pulse {
    from  {border-color:rgb(117, 117, 117);}
    to  {border-color:red;}   






  }

  @keyframes text-pulse {
    from  {border-color:rgb(117, 117, 117);}
    to  {border-color:red;background-color:rgb(246,206,206)}      




  }
  input.dijitReset.dijitInputField.dijitArrowButtonInner {
  width: 10px;
    text-indent: inherit !important;
}
.esriPopup .titlePane {
  background-color: #444444;
  color: #FFFFFF;
  line-height: 2em;
  padding-left: 6px;
  border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  cursor: default;
  font-family: Helvetica;
  font-size: initial;
}
.esriPopup .titleButton.close {
  zoom: 1.4;
}
#kp_btn {
    margin: 0px;
    border: none;
    text-align: left;
}
 #kp_menu_item {
    margin: 0px;
    border-width: 1px 0 0;
    text-align: left;
    padding: 0px;
}
#ld_btn {
    margin: 0px;
    border: none;
    text-align: left;
}
 #ld_menu_item {
    margin: 0px;
    border-width: 1px 0 0;
    text-align: left;
    padding: 0px;
}
#feedbackDiv .ui-field-contain {
    display: inline-block;
    width: 35%;
    max-width: 26em;
    min-width: 15em;
    vertical-align: top;
    text-align: left;
    margin: 1ex 1em 0 0;
}

#feedbackDiv {
    font-size: 90%;
    background-color: #D8E0FF;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}

#feedbackDiv label {
    font-size: inherit;'
   text-align:left;
    text-align: left;
    font-weight: bold;
}

#sendFeedback {
    width: 20%;
    margin: auto;
    margin-top: 1em;
}
div#legendDiv {
    position: relative;
    /* overflow: visible; */
    width: inherit;
    /* max-height: 90%; */
    /* height: 100%; */
    /* display: block; */
    /* min-width: 12em; */
    /* overflow-y: hidden; */
}

.KMLLeg {
    position: relative;
    /* background-color: #ADADAD; */
}

.KMLLeg > div {
    position: relative !important;
    left: inherit !important;
    bottom: inherit !important;
    /* background-color: #aaa; */
    /* width: inherit; */
}

#popupLegend .ui-corner-bottom.ui-content.ui-body-a {
    /* height: 100%; */
    overflow-y: scroll;
    max-height: 600px;
    position: relative;
}

div#popupLegend {
    /* height: inherit; */
    /* max-height: 90%; */
    /* height: auto; */
    /* overflow-y: hidden; */
    /* display: block; */
}

.KMLLeg img {
    background-color: #bbb;
}
#KMLLegendsDiv{  
   
   position: relative;
    
   
   height: auto;
   max-height: 79%;
   /* overflow-y: hidden; */
   /* display: inline-block; */
   max-width: 22em;
}
 
#popupLayers-popup {
	position: absolute;
 
	top: 45% !important;
	left: 15% !important;
	transform: translate(-50%,-50%);
}
 
#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}
#loading-image{
	position:absolute; 
	right:50%; 
	top:5%; 
	z-index:100;
}
#divcanvas{
	width: 260px; 
	z-index: 0; 
	position: absolute; 
	top: 10px; 
	left: 479px;
	background-color:red; 
	display:none;
}
#canvasField{
	height: 55px; 
	width: 55px; 
	float: left; 
	overflow: hidden; 
	margin-right: 6px; 
	margin-top:2px;
}
#timeCanvas{
	cursor: pointer; 
	font-size: 18px; 
	font-weight: bold; 
	color: rgb(255, 255, 255); 
	margin-top:15px;
}
.legend-content{
	padding: 15px 0;
}

.legend-content label{
	font-weight: bold;
	font-size: 17px;
}
#RealTimeList{
    z-index: 3;
    right: 5px;
    background-color: khaki;
    width: 220px;
    height: 100px; 
    position: absolute;
    top: 6%;
    font-size:8pt;
    font-bold:true; 
    display:none; 
  }
  #realtime{
  	overflow: scroll; 
  	height: 100px; 
  	margin:0; 
  	width:220px;
  }
  #ui-measuren-button {
	position: absolute;
	bottom: 15%;
	left: 1em;
	padding: 1em;
	padding-right: 1.5em;
}
 #geoMeasure{
    z-index: 3;
    right: 10px;
    position: absolute;
    background-color: white;
    top: 0.5%;
    display:none;
  }
    #container {
  	z-index: 3;
  	right: 1em;
  	position: absolute;
  	background-color: white;
  	bottom: 5.5em;  
  	height: 380px; 
  	width: 500px; 
  	display:none; 
  	 }