#uvisLayers {
  width:100%;
  height:100%;
}

#uvisLayersContainer {
  overflow: hidden;
  position:absolute;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-perspective:200px; /* Chrome, Safari, Opera */
  -moz-perspective:200px; /* Chrome, Safari, Opera */
  perspective:200px;
  width:100%;
  height:100%;
}

.uvisLayersPopup {
  width:640px;
  position:absolute;
  top:0px;
  left:0px;
  padding:12px;
  border-radius:6px;
  -moz-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
  -webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
  -o-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
  background:#FFF;
  border:1px solid #000;
}
.uvisLayersPopup .uvisLayersComment {
  max-height:200px;
  overflow-y:auto;
  font-size:.9em;
  line-height:1.6em;
}

/* Align images in content area left to the text */
.uvisLayersPopup .uvisLayersComment img {
  float:left;
  clear:left;
  margin:3px 10px 0 0;
  max-width:100%;
  height:auto;
}
.uvisLayersPopupShield {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  padding:0px 12px 6px 12px;
  border-radius:12px;
  cursor:pointer;
}
.uvisLayersPopup.hover {
  opacity:1 !important;
}

h4.uvisLayersTitle {
  margin-top:0;
  font-size: 1.2em;
}
.uvisLayersDate {
  margin-right:10px;
}

.uvisLayersPermalink {
  float:right;
}
.uvisLayersPermalink a, .uvisLayersPermalink a:hover {
  text-decoration:none;
  color:inherit;
}

#uvisLayers.hideArrows img.uvisLayersArrowNext,
#uvisLayers.hideArrows img.uvisLayersArrowPrev {
  display:none !important;
}

img.uvisLayersArrowNext {
  width:5%;
  position: absolute;
  top: 50%;
  left:100%;
  z-index: 10000;
}
img.uvisLayersArrowPrev {
  width:5%;
  position: absolute;
  top: 50%;
  left: 0%;
  z-index: 1000;
  top: calc(50% - 65px);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

img.uvisLayersArrowNext,
img.uvisLayersArrowPrev {
  cursor:pointer;
  max-width:64px;
  min-width: 16px;
  opacity:0.5;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -ms-transition: opacity .5s;
  transition: opacity .5s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
img.uvisLayersArrowNext:hover,
img.uvisLayersArrowPrev:hover {
  opacity:1;
}