/* LAYER SWITCHER OL3 */

div[id^=GPlayerSwitcher-] {
  top: 8px;
  right: 8px;
}

/* Showing/hiding layers list */

label[id^=GPshowLayersListPicto] {
  width: 38px;
  height: 38px;
}

span[id^=GPshowLayersListOpen],
span[id^=GPshowLayersListClose] {
  top: 3px;
  left: 3px;
  width: 32px;
  height: 32px;
  background-image: url("img/GPshowLayersList.png");
}

span[id^=GPshowLayersListClose] {
  background-position: -32px 0;
}


div[id^=GPlayerSwitcher-] input[type="checkbox"]:checked + div + label[id^=GPshowLayersListPicto] span[id^=GPshowLayersListOpen] {
  opacity: 0.7;
}

div[id^=GPlayerSwitcher-] input[type="checkbox"]:checked + div + label[id^=GPshowLayersListPicto] span[id^=GPshowLayersListClose] {
  background-color: rgba(0,60,136,0.3);
}

div[id^=GPlayerSwitcher-] input[type="checkbox"]:checked + div + label[id^=GPshowLayersListPicto]:hover span[id^=GPshowLayersListClose] {
  background-color: rgba(0,60,136,0.4);
}

/* Layers list */

.GPlayerVisibility,
.GPshowLayerAdvancedTools,
.GPlayerInfo,
.GPlayerInfoOpened,
.GPlayerRemove {
  background-image: url("img/GPlayerTools.png");
}

/* Opacity slider : Chrome, Safari, Opera */

.GPlayerOpacity input[type="range"]::-webkit-slider-runnable-track {
  background: url("img/GPopacitySlider.png");
}

/* Opacity slider : Firefox */

.GPlayerOpacity input[type="range"]::-moz-range-track {
  background: url("img/GPopacitySlider.png");
}

/* Opacity slider : IE */

.GPlayerOpacity input[type="range"]::-ms-track {
  background: url("img/GPopacitySlider.png");
}

/* Layer info panel */

div[id^=GPlayerInfoPanel] {
  right: 190px;
}

div[id^=GPlayerInfoTitle] {
  color: #366291;
  border-bottom: 1px solid #366291;
}

div[id^=GPlayerInfoQuicklook] {
  background-image: url("img/GPlayerInfo.png");
}

div[id^=GPlayerInfoClose] {
  background-image: url("img/GPlayerInfoClose.png");
}

.GPlayerInfoLink,
.GPlayerInfoPopup {
  background-image: url("img/GPlayerInfo.png");
}