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

body,td{font-family:Arial,sans-serif;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.2em;}
body{background:#FFF;}
table{margin:0 auto;}
#index #QuickGal{margin-bottom:20px;}
h1{font-size:2em;font-weight:bold;margin-bottom:0;}
h1 a{color:#666;}
#QuickGcontainer{background:#FFF none repeat scroll 0 0;border:1px 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:#FFF none repeat scroll 0 0;border-bottom:0 solid #F1F1F1;border-top:0 solid #F1F1F1;padding-bottom:40px;padding-top:30px;}
#QuickGal td{color:#999;padding:5px;}
.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:#FFF 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;}
input{height:20px;}
.indextab{background:#E4E5E4 url(../images/gallery.gif) no-repeat scroll 4px 4px;}
.loading{background:transparent url(../images/loading.gif) no-repeat scroll center center;}
.slideshowContainer{height:400px;width:550px;margin:30px 0;}
.slideshowThumbnail{display:none;}
.slideshowThumbnail img{border:0 solid #FFF;padding:4px;}
a.slideshowThumbnail:hover img{border:0 solid #666;padding:4px;}
.current img{border:1px solid red;padding:5px;}
#adminTable{background:#FFF url(../images/leftMenu.png) repeat-y scroll 0 0;}
#adminTable td{color:#000;width:100%;}
#adminTree li{cursor:pointer;}
a.button{background:transparent url(../images/button.gif) repeat scroll 0 0;color:#555;display:block;font-weight:700;height:30px;line-height:29px;margin-bottom:7px;margin-left:15px;text-decoration:none;width:191px;}
a.button:hover{color:#06C;}
.add{background:transparent url(../images/add.png) no-repeat scroll 10px 8px;display:block;text-indent:30px;}
.config{background:transparent url(../images/config.png) no-repeat scroll 10px 8px;display:block;text-indent:30px;}
#MSGwin {width: 300px;padding:7px 10px 10px 85px;font-size:11px;margin:9px 0 9px 60px;}
.shadetabs{border-bottom:1px solid gray;margin-bottom:0;}
.shadetabs ul{font-family:Verdana;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:700;line-height:normal;list-style-type:none;margin-bottom:0;margin-left:5px;margin-top:4px;text-align:left;padding:3px 0;}
.shadetabs li{cursor:pointer;display:inline;margin:0;}
.shadetabs li a{background:#FFF url(../images/shade.gif) repeat-x scroll left top;border:1px solid #778;color:#2D2B2B;margin-right:3px;text-decoration:none;padding:3px 7px;}
.shadetabs li a:visited{color:#2D2B2B;}
.shadetabs li a:hover{color:#2D2B2B;text-decoration:underline;}
.shadetabs li.selected{position:relative;top:1px;}
.shadetabs li.selected a{background-image:url(../images/shadeactive.gif);border-bottom-color:#FFF;}
p,#index,#QuickGcontainer table#pictures{background:#FFF 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;}
.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 **/

.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;  }
.p-shadow p:hover{background:#BED3EF;margin:-10px;}  
.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; }
.p-shadow p {color: #777; width:150px; background-color: #fff; 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;	}
#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;	}
#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 */
}