Стиль стандартных кнопок управления OpenLayers CSS

Я использую OpenLayers в скрипте на моей странице, и я пытаюсь использовать CSS для стилизации стандартных кнопок, которые появляются на карте. Я следил за сайтом документации OpenLayers и стилизовал их так:

.olControlNavToolbar div {
  display:block;
  width:  28px;
  height: 28px;
  top: 300px;
  left: 6px;
  position: relative;
}
.olControlNavToolbar .olControlNavigationItemActive {
  background-image: url("img/panning-hand-on.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlNavigationItemInactive {
  background-image: url("img/panning-hand-off.png");
  background-repeat: no-repeat;
}

Но независимо от того, какие настройки CSS я меняю в приведенном выше коде, на карте ничего не меняется.

Есть ли у кого-нибудь идеи относительно того, как я могу стилизовать (переместить / изменить размер / изменить) существующие / стандартные кнопки OpenLayers, которые появляются на данной карте?