.thumbelina {
    list-style:none;
    padding:0px;
    margin:0px;
    position:absolute;
    white-space:nowrap;
    /* font-size:0 stop gaps between display-inline li elemets */
    /* Either do this, or remove all white space in HTML beween li elements */
    font-size:0;    
    /* prevent annoying iPad cut/paste actions */
    -webkit-touch-callout: none; 
    -webkit-user-select: none;     
}

/* Style for the list items that surround the thumbnails */
.thumbelina li {
   padding:3px;
   line-height: 0px;
   margin:0px;
}

/* Add a border to the thumbnails. */
.thumbelina li img {
     border:1px solid #ccc;
	 width:80px;
	 height:80px;
}

/* Hover effect for the images */
.thumbelina li img:hover {
     border:1px solid #aaa;
}

/* Common style for the buttons */
.thumbelina-but {
    position:absolute;
    background-color: #ccc;
    border:1px solid #aaa;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
    z-index: 1;
    cursor:pointer;   
    
    /* Font related items for the symbols used on buttons */
    /* Obviously not needed if you're just using images */
    color:#888;
    text-align:center;
    vertical-align:middle;
    font-size:14px;
    font-weight: bold;
    font-family:monospace;
}

/* Hover style for active button */    
.thumbelina-but:hover {
    color:#fff;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
}

/* Disabled style when button is not active due to extents being reached. */
/* You could do other things e.g. make buttons dissapear completely. */
.thumbelina-but.disabled,
.thumbelina-but.disabled:hover {
    background-color: #efefef;
    color: #ccc;
    cursor:default;
    box-shadow:none;
}

/* Horizontal buttons. */
.thumbelina-but.horiz {
    width: 20px;
    height: 88px; /*cu 119px*/
    line-height: 72px; /*cu 119px*/
    top:-1px;

}
/* Left edge button. */
.thumbelina-but.horiz.left {
    left:-22px;
    border-radius: 5px 0px 0px 5px;
}
/* Right edge button */
.thumbelina-but.horiz.right {
    right:-22px;
    border-radius: 0px 5px 5px 0px;
}

/* Vertical buttons. */  
.thumbelina-but.vert {
    left:-1px;
    height: 20px;
    line-height: 20px;
    width:93px
}

/* Top edge button. */
.thumbelina-but.vert.top {
    top:-22px;
    border-radius: 5px 5px 0px 0px;
}

/* Bottom edge button. */
.thumbelina-but.vert.bottom {
    bottom:-22px;
    border-radius: 0px 0px 5px 5px;
}