/******************************* 
 * Script: QuickGal 2
 * Author: Andyy 
 * website: www.andyydev.com
 *******************************/
 

#QuickGalBody ,#QuickGcontainer td{font-family:Arial,sans-serif;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;line-height:normal;}
#QuickGalBody {background:#eea324 url(../images/bg.jpg) repeat-x scroll 0 0;}
#QuickGcontainer table{margin:0 auto;}
#QuickGcontainer a:link, #QuickGcontainer a:visited {color:#808080;}
#QuickGcontainer #index #QuickGal{margin-bottom:20px;}
#QuickGcontainer h1{font-size:2em;font-weight:400;margin-bottom:0;}
#QuickGcontainer h1 a{color:#666;}
#QuickGcontainer{background:#eea324 none repeat scroll 0 0;border:0px solid #C0D0E0;width:600px;margin:0 auto;}
#QuickGcontainer #slide{display:none;float:left;padding-left:25px;}
#QuickGcontainer #sort{border-bottom:1px solid #CACACA;display:none;padding-bottom:10px;padding-right:30px;text-align:right;}
#QuickGcontainer #sort span,#QuickGcontainer #sort b{color:#000;}
#QuickGcontainer #sort span{padding-right:4px;}
#QuickGcontainer #picturesContainer{background:#eea324 none repeat scroll 0 0;border-bottom:0 solid #eea324;border-top:0 solid #eea324;padding-bottom:40px;padding-top:30px;}
#QuickGcontainer #QuickGal td{color:#999;padding:5px;}
#QuickGcontainer .QuickGTxt{clear:both;color:gray;font-weight:700;padding-left:8px;padding-top:0;margin:0;}
#QuickGcontainer #subGal{background:#EBEBEB;border-bottom:1px solid #CACACA;color:#666;height:90px;line-height:17px;overflow:auto;padding-left:10px;text-align:left;}
#QuickGcontainer #subGal span{color:silver;}
#QuickGcontainer #subGal .galleryBox{display:block;float:left;text-align:center;margin:10px 5px;}
#QuickGalFooter{background:#eea324 none repeat scroll 0 0;border-top:0 solid #CACACA;height:15px;margin-top:5px;padding:10px 40px;}
#QuickGalFooter #pag{float:left;font-family:arial,sans-serif;font-size:15px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:17px;line-height:normal;width:400px;}
#QuickGalFooter ul{border:0 none;margin:0;padding:0;}
#QuickGalFooter #pag li{border:0 none;float:left;font-size:11px;list-style-image:none;list-style-position:outside;list-style-type:none;border-right:1px solid #DEDEDE;margin:0;padding:0;}
#QuickGalFooter #pag li,#QuickGalFooter #pag a{margin-right:2px;}
#QuickGalFooter #pag .previous-off,#QuickGalFooter #pag .next-off{color:#888;display:block;float:left;font-weight:700;padding:3px 4px;}
#QuickGalFooter #pag .active{display:block;float:left;font-weight:700;padding:3px 6px;}
#QuickGalFooter #pag a:link,#QuickGalFooter #pag a:visited{color:#03C;display:block;float:left;text-decoration:none;padding:3px 6px;}
#QuickGalFooter #pag .next,#QuickGalFooter #pag .next-off{border-right-width:0;}
#QuickGalFooter #pagSlide{float:none;font-size:12px;}
#QuickGalFooter #stat{color:gray;float:right;}
#QuickGcontainer input{height:20px;}
#QuickGcontainer .indextab{background:#E4E5E4 url(../images/gallery.gif) no-repeat scroll 4px 4px;}
#QuickGcontainer .loading{background:transparent url(../images/loading.gif) no-repeat scroll center center;}
#QuickGcontainer .slideshowContainer{height:400px;width:550px;margin:30px 0;}
#QuickGcontainer .slideshowThumbnail{display:none;}
#QuickGcontainer .slideshowThumbnail img{border:0 solid #eea324;padding:4px;}
#QuickGcontainer a.slideshowThumbnail:hover img{border:0 solid #666;padding:4px;}
#QuickGcontainer .current img{border:1px solid red;padding:5px;}

#QuickGcontainer p,#QuickGcontainer #index,#QuickGcontainer table#pictures{background:#eea324 none repeat scroll 0 0;}
#QuickGcontainer #slide a:link,#QuickGcontainer #slide a:visited,#QuickGcontainer #sort,#QuickGcontainer #sort a:link,#QuickGcontainer #sort a:visited,#QuickGalFooter a:link,#QuickGalFooter a:visited{color:gray;}
#QuickGcontainer #subGal a,#QuickGalFooter #pag .next a,#QuickGalFooter #pag .previous a,#imageData #caption{font-weight:700;}
#QuickGalFooter #pag a:hover,.shadetabs li.selected a:hover{text-decoration:none;}
#QuickGcontainer .indexCover{background:url(../images/cover.gif) no-repeat;padding:5px 0 0 5px;width:165px;height:115px;}

/** do not edit below (.. if you don't know exactly what you are doing) **/
/** thumbnails image shadow **/

#QuickGcontainer .p-shadow { width: 90%; float:left;  background: url(../images/shadowAlpha.png) no-repeat bottom right !important; background: url(../images/shadow.gif) no-repeat bottom right;
            margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; width:160px;  }
#QuickGcontainer .p-shadow p:hover{background:#BED3EF;margin:-10px;}  
#QuickGcontainer .p-shadow div { background: none !important; background: url(../images/shadow2.gif) no-repeat left top; width:166px; padding: 0 !important; padding: 0 6px 6px 0; }
#QuickGcontainer .p-shadow p {color: #777; width:150px; background-color: #eea324; font: italic 1em georgia, serif; border: 1px solid #a9a9a9; padding: 4px; margin: -6px 6px 6px -6px !important; margin: 0; } 
#lightbox{	position: absolute;	top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;	}
	
/** LightBox: full screen image **/ 
 
#lightbox a img{ border: none; }
#outerImageContainer{	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;	}  /** wit blijven **/
#imageContainer{ padding: 10px;	}
#loading{ position: absolute;	top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;	}
#hoverNav{	position: absolute;	top: 0;	left: 0; height: 100%; width: 100%;	z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	}  /** wit blijven **/
#imageData{	padding:0 10px;	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 20px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60);	-moz-opacity: 0.6; opacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;	}
* html>body .clearfix { display: inline-block; width: 100%;	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}