.myInfoWindow {
  position: absolute;
  z-index: 100;
}

#map {
  background-color:#F5F5F5;
}

.dj_ie .myInfoWindow {
  border: 1px solid black;
}

.myInfoWindow .content {
  position: relative;
  background-color:#EFECCA;
  color:#002F2F;
  overflow: auto;
  padding:2px 2px 2px 2px;
}

.myInfoWindow .close {
  position: absolute; top: 0px; right: 0px;
  cursor: pointer;
  background: url(https://serverapi.arcgisonline.com/jsapi/arcgis/2.6/js/dojo/dijit/themes/claro/layout/images/tabClose.png) no-repeat scroll 0 0 transparent;
  width: 12px; height: 12px;
  margin: 3px 3px 0px 0px;
}

.myInfoWindow .close:hover, .myInfoWindow .toggleOpen:hover , .myInfoWindow .toggleClose:hover  {
  background-color: #F7FCFF;
}

.myInfoWindow .toggleOpen {
  position: absolute; top: 0px; right: 12px;
  cursor: pointer;
  background: url(https://serverapi.arcgisonline.com/jsapi/arcgis/2.6/js/dojo/dijit/themes/claro/form/images/buttonArrows.png);
  background-position: -51px 53%;
  background-repeat: no-repeat;
  width: 15px; height: 15px;
  margin: 3px 3px 0px 0px;
}

.myInfoWindow .toggleClose{
  position: absolute; top: 0px; right: 12px;
  cursor: pointer;
  background: url(https://serverapi.arcgisonline.com/jsapi/arcgis/2.6/js/dojo/dijit/themes/claro/form/images/buttonArrows.png);
  background-position: 0px 53%;
  background-repeat: no-repeat;
  width: 15px; height: 15px;
  margin: 3px 3px 0px 0px;
}


.myInfoWindow .title {
  font-weight: bold;
  padding: 2px 2px 2px 2px;
  background-color:#005480;
  color:#FFFFFF;
}

#home_button {
  position: absolute;
  top: 95px;
  left: 20px;
  z-index: 50;
}

#locate_button {
  position: absolute;
  top: 140px;
  left: 20px;
  z-index: 50;
}

#season_button_container {
  position: absolute;
  top: 185px;
  left: 20px;
  z-index: 50;
}

#legend_button_container {
  position: absolute;
  top: 260px;
  left: 20px;
  z-index: 50;
}

#map {
  position: relative;
  min-height: 520px;
}

#pin_layer image {
  cursor: pointer;
}

@-webkit-keyframes
  pulse
 {
   0%
   {
     opacity: 1.0;

   }
   45%
   {
     opacity: .20;

   }
   100%
   {
     opacity: 1.0;

   }
 }

@-moz-keyframes
  pulse
 {
   0%
   {
     opacity: 1.0;
   }
   45%
   {
     opacity: .20;

   }
   100%
   {
     opacity: 1.0;
   }
 }

#map_graphics_layer {
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: pulse;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-name: pulse;
}

.custom_button,
.LocateButton .zoomLocateButton,
.HomeButton .home {
    padding: 2px;
    width: 26px;
    height: 26px;
    border: 1px solid #57585a;
    background-color: #ffffff;
    color: #4c4c4c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-position: center center;
    background-repeat: no-repeat;
}

.custom_button:hover,
.LocateButton .zoomLocateButton:hover,
.HomeButton .home:hover,
.custom_pill_part_btn:hover {
    background-color: #eee;
}

.custom_button:active,
.LocateButton .zoomLocateButton:active,
.HomeButton .home:active,
.custom_pill_part_btn:active {
    background-color: #ddd;
}

.custom_pill {
    border: 1px solid #57585a;
    background-color: #ffffff;
    color: #4c4c4c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.custom_pill_part + .custom_pill_part {
    border-top: 1px solid #57585a;
}

.custom_pill_part_btn {
    padding: 2px;
    width: 26px;
    height: 26px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
}

.HomeButton .home {
    background-image: url('/themes/custom/threerivers/images/map/home.svg');
}

.LocateButton .zoomLocateButton {
    background-image: url('/themes/custom/threerivers/images/map/crosshair.svg');
}

.LocateButton .zoomLocateButton.loading {
    background-image: url('/themes/custom/threerivers/images/map/loader.gif');
}

#summer_button {
    background-image: url('/themes/custom/threerivers/images/map/summer.svg');
}

#summer_button.isCurrent {
    background-image: url('/themes/custom/threerivers/images/map/summer-highlight.svg');
}

#winter_button {
    background-image: url('/themes/custom/threerivers/images/map/winter.svg');
}

#winter_button.isCurrent {
    background-image: url('/themes/custom/threerivers/images/map/winter-highlight.svg');
}

#legend_button {
    background-image: url('/themes/custom/threerivers/images/map/legend.svg');
}

/* --------------------------------------------------------------------- */
/* Translated Language Styles                                            */
/* --------------------------------------------------------------------- */
.translated-rtl #map_zoom_slider {
    left: auto;
    right: 20px;
}

.translated-rtl #home_button {
    left: auto;
    right: 20px;
}

.translated-rtl #locate_button {
    left: auto;
    right: 20px;
}

.translated-rtl #season_button_container {
    left: auto;
    right: 20px;
}

.translated-rtl #legend_button_container {
    left: auto;
    right: 20px;
}