@charset "utf-8";

/*
* Title                   : Thumbnail Gallery
* Version                 : 1.1
* File                    : jquery.dop.ThumbnailGallery.css
* File Version            : 1.0
* Created / Last Modified : 25 February 2011
* Author                  : Marius-Cristian Donea
* Copyright               : © 2011 Marius-Cristian Donea
* Website                 : http://www.mariuscristiandonea.com
* Description             : Stylesheet.
*/
#galleryContainer {margin:0 auto; padding-top:20px;}
/* Container */
.DOP_ThumbnailGallery_Container{ 
	background:#fff;
	margin:0;
	padding:15px;
	display:none;
	position:absolute;
	border:1px solid #fff;
	-moz-box-shadow:inset 0 0 4px #f7f7f7;
	-webkit-box-shadow:inset 0 0 4px #f7f7f7;
	box-shadow:inset 0 0 4px #f7f7f7;
}

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

/* Thumbnails */
.DOP_ThumbnailGallery_ThumbnailsContainer{background:none; height:122px !important; margin:0; padding:0; overflow:hidden; position:absolute; z-index:300;}
.DOP_ThumbnailGallery_ThumbnailsBg{background:url(../images/bg-black.png) repeat-x; margin:0; padding:0; position:absolute; width:100%; z-index:100;}
.DOP_ThumbnailGallery_ThumbnailsWrapper{background:none; margin:0; padding:0; overflow:hidden; position:absolute; z-index:200;}
.DOP_ThumbnailGallery_Thumbnails{background:none; margin:0; padding:0; position:absolute;}
.DOP_ThumbnailGallery_ThumbContainer{border-style:solid; border-width:0; height:92px; margin:0; padding:0; position:relative; cursor:pointer;}
.DOP_ThumbnailGallery_Thumb{margin:0; padding:0; position:static; overflow:hidden;}
.DOP_ThumbnailGallery_ThumbLoader{background-repeat:no-repeat !important; background-position:center center !important; z-index:9999}

/* Image */
.DOP_ThumbnailGallery_ImageWrapper{margin:0; padding:0; overflow:hidden; position:absolute; z-index:200;}
.DOP_ThumbnailGallery_ImageBg{ width:100px; height:100px; margin:0 !important; padding:0; overflow:hidden; position:absolute;}
.DOP_ThumbnailGallery_Image{margin:0 !important; padding:0; position:absolute;}
.DOP_ThumbnailGallery_ImageLoader{background-repeat:no-repeat !important; background-position:center center !important; z-index:9999}

/* Navigation */
.DOP_ThumbnailGallery_NavigationLeft{background:url(../images/directionNav.png) left top; margin:0; padding:0; width:35px; height:51px; position:absolute; z-index:500; cursor:pointer; display:none;}
.DOP_ThumbnailGallery_NavigationLeft:hover { background-position:left -64px;}
.DOP_ThumbnailGallery_NavigationLeft .Icon{margin:10px 0 0 5px; width:0; height:0;}
.DOP_ThumbnailGallery_NavigationRight{ right:0 !important;  background:url(../images/directionNav.png) right top; margin:0; padding:0; width:35px; height:51px; position:absolute; z-index:600; cursor:pointer; display:none;}
.DOP_ThumbnailGallery_NavigationRight:hover { background-position:right -64px;}
.DOP_ThumbnailGallery_NavigationRight .Icon{margin:10px 0 0 15px; width:0; height:0;}

/* Tooltip */
.DOP_ThumbnailGallery_Tooltip{
	 font-weight:100;
	 padding:10px 20px;
	 text-align:center;
	 text-transform:none;
	 display:none;
	 z-index:700;
	 font-family: 'Gentium Book Basic', serif;
	 -moz-box-shadow:0 5px 5px rgba(102,102,102,0.4); 
	 -webkit-box-shadow:0 5px 5px rgba(102,102,102,0.4);
	 box-shadow:0 5px 5px rgba(102,102,102,0.4);
	 background:#fafafb;
	 font-style:italic;
	 border:1px solid #fff;
	 color:#141313;
	 font-size:18px;
	 position:absolute;
	 left:0;
}

.DOP_ThumbnailGallery_Tooltip:after {
	content:"";
	position:absolute;
	bottom:-8px; /* value = - border-top-width - border-bottom-width */
	left:20px; /* controls horizontal position */
	border-width:7px 7px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;	
}

/*.DOP_ThumbnailGallery_Tooltip_ArrowBorder{border-color:#000000 transparent transparent transparent; border-style:solid; border-width:5px; height:0; width:0; position:absolute; bottom:-10px;}
.DOP_ThumbnailGallery_Tooltip_Arrow{border-color: #ffffff transparent transparent transparent; border-style: solid; border-width:5px; height:0; width:0; position:absolute; bottom:-9px;}*/