/*
    Document   : awjastrzebski.imageGallery.css
    Created on : 2011-12-06, 11:18:18
    Author     : awjastrzebski <wojciech.jastrzebski@makrologic.com.pl>
    Description:
        Stylesheet for image gallery in Midas Browser system.
*/

.imageGallery {
    height: 530px;
    width: 490px;
}

.imageGalleryVolumes {
    width: 200px;
    height: 530px;
    overflow: auto;
}

.imageGalleryViewer {
    height: 350px;
    border: 1px solid #978D83;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
}

.imageGalleryNavigation {
    padding-top: 10px;
    height: 140px;
    border: 1px solid #978D83;
}

.imageGalleryViewer img{
    max-width: 470px;
    max-height: 350px;
}

.imageGalleryThumbnails {
    width: 287px;
    height: 135px;
    overflow: hidden;
    position: relative;
    float: left;
}

.imageGalleryLeft, .imageGalleryRight {
    float: left;
    width: 95px;
    height: 80px;
    padding-top: 50px;
}

.imageGalleryLeft a, .imageGalleryRight a {
    line-height: 12px;
    margin: 2px 3px;
}

.imageGalleryLeft {
    margin-left: 5px;
}

.imageGalleryRight {
    text-align: right;
    margin-right: 5px;
}

.imageGalleryThumbnailsPanel {
    position: absolute;
    left: 0px;
    width: 100%;
}

.imageGalleryThumbnail {
    float: left;
    border: 0 none;
    padding: 5px 5px 5px 5px;
    width: 85px;
    text-align: center;
}

.imageGalleryThumbnail > img {
    max-width: 85px;
    max-height: 120px;
    opacity: 0.5;
}

.imageGalleryThumbnail.selected > img,.imageGalleryThumbnail:hover > img {
    opacity: 1;
}

.imageGalleryThumbnail.selected {
    border: 1px solid #978D83;
    padding: 4px 4px 0px 4px;
}

.imageGalleryThumbnail .imageGalleryPicture {
    display: none;
}