/*
    Thumbelina Content Slider
    V1.0 Rev 1302190900

    A lightweight horizontal and vertical content slider designed for image thumbnails.
    http://www.starplugins.com/thumbelina

    Developed by Star Plugins
    http://www.starplugins.com

    Copyright 2013, Star Plugins
    License: GNU General Public License, version 3 (GPL-3.0)
    http://www.opensource.org/licenses/gpl-3.0.html
*/
.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 0;
   line-height: 0px;
   margin:0px;
}

.thumbelina li img {
     border:1px solid #E6E4E5;
}

.thumbelina li img:hover, .thumbelina li a.active img {
     border:1px solid #aaa;
}

.thumbelina-but {
    position:absolute;
    background-color: #F8F8F8;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
    z-index: 1;
    cursor:pointer;   
    color:#888;
    text-align:center;
    vertical-align:middle;
    font-size:14px;
    font-weight: bold;
    font-family:monospace;
}

.thumbelina-but:hover {
    color:#fff;
    background-color: #E6E4E5;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
}

.thumbelina-but.disabled,
.thumbelina-but.disabled:hover {
    background-color: #F8F8F8;
    color: #E6E4E5;
    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 {
/*    left:-1px;*/
    height: 20px;
    line-height: 20px;
    width:83px
}
.thumbelina-but.vert.top {
    top:-15px;
    border-radius: 5px 5px 0px 0px;
}
.thumbelina-but.vert.bottom {
    bottom:-22px;
    border-radius: 0px 0px 5px 5px;
}

#pic-slider {
	position:relative;
	margin-top:30px;
	height:90px;
	margin-bottom:30px;
}