.thumbelina {
    list-style:none;
    padding:0px;
    margin:0px;
    position:absolute;
    white-space:nowrap;
    font-size:0;
    -webkit-touch-callout: none; 
    -webkit-user-select: none;     
}
.thumbelina li {
   padding:5px;
   line-height: 0px;
   margin:0px;
}
.thumbelina li img {
     border:1px solid #ccc;
}
.thumbelina li img:hover {
     border:1px solid #aaa;
}
.thumbelina-but {
    position:absolute;
    background-color: #363636;
    z-index: 1;
    cursor:pointer;   
    color:#fff;
    text-align:center;
    vertical-align:middle;
    font-size:14px;
    font-weight: bold;
    font-family:monospace;
}
.thumbelina-but:hover {
    color:#fff;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
}
.thumbelina-but.disabled,
.thumbelina-but.disabled:hover {
    background-color: #efefef;
    color: #ccc;
    cursor:default;
    box-shadow:none;
}
.thumbelina-but.horiz {
    width: 20px;
    height: 119px;
    line-height: 119px;
    top:-1px;

}
.thumbelina-but.horiz.left {
    left:-22px;
    border-radius: 5px 0px 0px 5px;
}
.thumbelina-but.horiz.right {
    right:-22px;
    border-radius: 0px 5px 5px 0px;
}
.thumbelina-but.vert {
    height: 20px;
    line-height: 20px;
    width:100%;
}
.thumbelina-but.vert.top {
    top:0px;
    border-radius: 5px 5px 0px 0px;
}
.thumbelina-but.vert.bottom {
    bottom:0;
    border-radius: 0px 0px 5px 5px;
}