/* Slider Animator Styles */
.sliderAnimator div.selection, img.animation {
        border: solid 1px black;
    }
.main.sliderAnimator {
        position: relative;
        margin-right: inherit;
    }
.sliderAnimator div.list {
        overflow: scroll;
        margin: 0 0 0 50%;
        padding: 1px 1px 1px 10px;
        overflow-x: hidden;
    }
.sliderAnimator div.selection {
        clear: both;
        height: 103px;
        background-color: #D8D8D8;
        margin: -1px 0 0 -1px;
        padding: 10px;
        overflow: hidden;
    }
.sliderAnimator img.thumbnail {
    text-align: left;
    float: left;
    margin: 0 10px 0 0;
    width: auto;
}
.sliderAnimator .selection.selected {
        background-color: white;
    }
.sliderAnimator .animation > img {
        width: 100%;
    }
.sliderAnimator .animation {
        float: left;
        width: 50%;
    }
.sliderAnimator #lightBox .animation {
        float:none;
        width:auto;
     }
.sliderAnimator .animation:not(.selected) {
        display: none;
    }

/* Grid layout */
.swpc-animator-wrapper.layout-grid .selector-list td.row-label {
  writing-mode: vertical-rl;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 10px 5px;
}
.swpc-animator-wrapper.layout-grid .selector-thumbnail {
  width: 100%;
  height: auto;
  z-index: 5;
  position: relative;
}

.swpc-animator-wrapper.layout-grid .selector-list .selector-thumbnail img {
  width: 135px;
  height: auto;
}

.swpc-animator-wrapper.layout-grid .sliderAnimator div.selection {
  height: auto;
}