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

#QuickGalBody,#QuickGcontainer td{font:11px Arial,sans-serif;} 
#QuickGalBody {
	
}
#QuickGcontainer table {margin:0 auto;}
#QuickGcontainer p {background:#fff;}
#QuickGcontainer a:link, #QuickGcontainer a:visited {color:#333333;}
#QuickGcontainer #index {}
#QuickGcontainer #index #QuickGal {margin-bottom:20px;}
#QuickGcontainer h1 { font-size: 2em; font-weight: normal;margin-bottom:0;}
#QuickGcontainer h1 a{color:#333333}

#QuickGcontainer {
	width:650px;
	margin:0 auto;
}

#QuickGcontainer #slide {float:left;padding-left:25px;}
#QuickGcontainer #slide a:link, #QuickGcontainer #slide a:visited {color:#333333;}

#QuickGcontainer #sort {text-align:right;padding-right:30px;padding-bottom:10px;border-bottom:1px solid #CACACA}
#QuickGcontainer #sort,#QuickGcontainer #sort a:link, #QuickGcontainer #sort a:visited {color:#333333;}
#QuickGcontainer #sort span, #QuickGcontainer #sort b{color:#000;}
#QuickGcontainer #sort span {padding-right:4px;}

#QuickGcontainer #picturesContainer{padding-top:30px;padding-bottom:25px}
#QuickGcontainer table#pictures {}
#QuickGcontainer #QuickGal td{padding:5px;color:#333333; }
#QuickGcontainer .QuickGTxt {padding-left:8px;padding-top:0;margin:0;clear:both;color:#333333;font-weight:bold;}

#QuickGcontainer #subGal {color:#333333;background:#EBEBEB url(../images/subgals.png) no-repeat;text-align:left;padding-left:50px;line-height:17px;height:90px; overflow:auto;border-bottom:1px solid #CACACA;}
#QuickGcontainer #subGal span{color:#c0c0c0;}
#QuickGcontainer #subGal a{font-weight:bold;}
#QuickGcontainer #subGal .galleryBox {float:left;text-align:center;margin:10px 5px;display:block;}

#QuickGalFooter {padding:10px 40px;height:15px}
#QuickGalFooter a:link, #QuickGalFooter a:visited {color:#333333;}

#QuickGalFooter #pag {font:15px arial,sans-serif; height:17px; float:left; width:730px; }
#QuickGalFooter ul{border:0; margin:0; padding:0;}
#QuickGalFooter #pag li{border:0; margin:0; padding:0;font-size:11px;list-style:none;float:left;}
#QuickGalFooter #pag li, #QuickGalFooter #pag a{margin-right:2px;}
#QuickGalFooter #pag li {border-right:solid 1px #DEDEDE;}
#QuickGalFooter #pag .previous-off, #QuickGalFooter #pag .next-off {color:#888888;display:none;float:left;font-weight:bold;padding:3px 4px;}
#QuickGalFooter #pag .next a,#QuickGalFooter #pag .previous a {font-weight:bold;}
#QuickGalFooter #pag .active{color:#000;font-weight:bold;display:block;float:left;padding:3px 6px;}
#QuickGalFooter #pag a:link, #QuickGalFooter #pag a:visited {color:#0033CC; display:block; float:left; padding:3px 6px; text-decoration:none;}
#QuickGalFooter #pag a:hover{ text-decoration:none;}
#QuickGalFooter #pag .next,#QuickGalFooter #pag .next-off {border-right-width:0;}

#QuickGalFooter #pagSlide {float:none; font-size:12px;text-align:center;}

#QuickGalFooter #stat {color:#333333;float:right;}
#QuickGcontainer input {height:20px;font-size:11px;}

#QuickGcontainer .indextab {}
#QuickGcontainer #slide #backToGal a:link,#QuickGcontainer #slide #backToGal a:visited {color:red}
#QuickGcontainer .indexCover{background:url(../images/cover.gif) no-repeat;padding:5px 0 0 5px;width:165px;height:115px;}

/** Slideshow **/

#QuickGcontainer .loading { 	background: url(../images/loading.gif) center no-repeat;}
#QuickGcontainer .slideshowContainer {	width: 550px;	height: 400px;	margin: 30px 0;}
#QuickGcontainer .slideshowThumbnail {  outline: none;	}
#QuickGcontainer .slideshowThumbnail img {	border: 0px solid white; padding: 4px; opacity: 0.5; filter:alpha(opacity=50); }
#QuickGcontainer a:hover.slideshowThumbnail img {	border: 0px solid #666;	padding: 4px;}
#QuickGcontainer .current img {	border: 1px solid #ccc;	padding: 5px;}
#QuickGcontainer #thumbnails {	margin:auto 0; /*width: 130px;	float: left;*/ }
#QuickGcontainer .outline {border: 1px solid #FF8040;	z-index: 0;	position: absolute;}

/** 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: #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: #eeeeee;	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); 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 */
}	





/********* Admin ***************/
#adminTable {background:#fff url("../images/leftMenu.png") repeat-y;}
#adminTable td {color:#000;width:100%;}
#adminTree li {cursor:pointer;}

a.button{background:url("../images/button.gif");display:block;color:#555555;font-weight:bold;height:30px;line-height:29px;margin-bottom:7px;margin-left:15px;text-decoration:none;width:191px;}
a:hover.button{color:#0066CC;}
.add {background:url("../images/add.png") no-repeat 10px 8px;text-indent:30px;display:block;}
.config {background:url("../images/config.png") no-repeat 10px 8px;text-indent:30px;display:block;}

.shadetabs{border-bottom: 1px solid gray;margin-bottom: 0em;}
.shadetabs ul{padding: 3px 0;margin-left: 5px;margin-top: 4px;margin-bottom: 0;font: bold 12px Verdana;list-style-type: none;text-align: left; }
.shadetabs li{display: inline;margin: 0;cursor:pointer;}
.shadetabs li a{text-decoration:none;padding:3px 7px;margin-right:3px;border:1px solid #778;color: #2d2b2b;background: white url(../images/shade.gif) top left repeat-x;}
.shadetabs li a:visited{ color: #2d2b2b; }
.shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b;}
.shadetabs li.selected{ position: relative; top: 1px;}
.shadetabs li.selected a{ background-image: url(../images/shadeactive.gif); border-bottom-color: white;}
.shadetabs li.selected a:hover{ text-decoration: none;}