div.showBlock {
 background: #000;
}

li.notFilter {
  display: block !important;
}

.plrContainer {
  max-width: 320px;
  max-height: 180px;
  overflow: hidden;
  border: black 10px solid;
  border-radius: 10px;
  margin: 0px auto;
}

/* TODO: fill/shrink to fit -tilat, orientation-käsittelyt */
.plrContainer video,
.plrContainer img,
.plrContainer div.slide
{
  width: 100%;
  height: auto;
}

.plrContainerMini {
  max-width: 160px;
  max-height: 90px;
  height: 90px;
}

[class^="plr-part-"] {
  height: 100%;
  border: solid 3px black;
  margin: -3px;
}

.plrContainerMini .plr-part-1 {
  background-color: cyan;
}

.plrContainerMini .plr-part-2 {
  background-color: magenta;
}

.plrContainerMini .plr-part-3 {
  background-color: black;
}

.plrContainerMini .plr-part-4 {
  background-color: rgb(40,40,40);
}

.errorWidget {
  background: red;
  padding: 20px;
  border-radius: 10px;
  position: fixed;
  right: 20px;
  font-weight: bold;
}