@charset "utf-8";

/*
* Title                   : Wall/Grid Gallery
* Version                 : 1.2
* File                    : WallGridGallery.css
* File Version            : 1.0
* Created / Last Modified : 14 February 2011
* Author                  : Marius-Cristian Donea
* Copyright               : © 2011 Marius-Cristian Donea
* Website                 : http://www.mariuscristiandonea.com
* Description             : Stylesheet.
*/

/* Container */
.DOP_WallGridGallery_Container{
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

/* Background */
.DOP_WallGridGallery_Background{
    margin: 0;
    padding: 0;
    z-index: 100;
    position: absolute;
}

/* Thumbnails */
.DOP_WallGridGallery_ThumbnailsWrapper{
    background: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    z-index: 200;
}

.DOP_WallGridGallery_Thumbnails{
    background: none;
    margin: 0;
    padding: 0;
}

.DOP_WallGridGallery_ThumbContainer{
    border-style: solid;
    border-width: 0;
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.DOP_WallGridGallery_Thumb{
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: static;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.DOP_WallGridGallery_ThumbLoader{
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

/* Image */
.DOP_WallGridGallery_ImageWrapper{
    background: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    z-index: 50000;
    display: none;
    cursor: pointer;
    top: 0;
    left: 0;
}

.DOP_WallGridGallery_ImageWindow{
    background: #000000;
    margin: 0;
    padding: 0;
    position: absolute;
}

.DOP_WallGridGallery_ImageLoader{
    margin: 0;
    padding: 0;
    position: absolute;
    display: none;
}

.DOP_WallGridGallery_ImageContainer{
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
}

.DOP_WallGridGallery_ImageBg{
    background: #000000;
    margin: 0;
    padding: 0;
    position: absolute;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.DOP_WallGridGallery_Image{
    margin: 0;
    padding: 0;
    position: absolute;
}

.DOP_WallGridGallery_Image img{
    position: absolute;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* Buttons */
.DOP_WallGridGallery_LeftNav{
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 50100;
    display: none;
}

.DOP_WallGridGallery_RightNav{
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 50200;
    display: none;
}

.DOP_WallGridGallery_BackNav{
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 50300;
    display: none;
}

/* Tooltip */
.DOP_WallGridGallery_Tooltip{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    border: 1px solid #000000;
    font-size: 10px;
    font-weight: normal;
    padding: 0 5px 1px 5px;
    text-align: center;
    text-transform:none;
    display: none;
    z-index:300;
    position:absolute;
    display:none;
}

.DOP_WallGridGallery_Tooltip_ArrowBorder{
    border-color: #000000 transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -10px;
}

.DOP_WallGridGallery_Tooltip_Arrow{
    border-color: #ffffff transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -9px;
}