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

#index #QuickGal {margin-bottom:0px;}

#QuickGcontainer {background:#fff;width:550px;margin:0 auto;border:0px solid #C0D0E0;}
#QuickGcontainer, td{font:11px Arial,sans-serif;} 

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

#QuickGcontainer #sort {text-align:right; width:520px;padding-right:0px; padding-bottom:10px;border-bottom:1px solid #CACACA}
#QuickGcontainer #sort,#QuickGcontainer #sort a:link, #QuickGcontainer #sort a:visited {color:#808080; text-decoration:none;}
#QuickGcontainer #sort span, #QuickGcontainer #sort b{color:#709ce0;}
#QuickGcontainer #sort span {padding-right:4px;}

#QuickGcontainer #picturesContainer{background:#fff;padding-top:20px;padding-bottom:25px; padding-left:0px;border-top:0px solid #F1F1F1;border-bottom:0px solid #F1F1F1;}
#QuickGcontainer table#pictures {background:#fff; margin:0px; padding:0px;}
#QuickGal td{padding:2px;color:#999;}
.QuickGTxt {padding-left:8px;padding-top:0;margin:0;clear:both;color:#808080;font-weight:bold;}

#QuickGcontainer #subGal {color:#666;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 {background:#EBEBEB;padding:3px 40px;height:15px;border-top:1px solid #CACACA; width:450px;}
#QuickGalFooter a:link, #QuickGalFooter a:visited {color:#808080;}

#QuickGalFooter #pag {font:15px arial,sans-serif; height:17px; float:left; width:300px; margin-top:-3px;}
#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:#9cbbe8;display:none;float:left;font-weight:bold;padding:3px 4px;}
#QuickGalFooter #pag .next a,#QuickGalFooter #pag .previous a {font-weight:bold; color:#9cbbe8;}
#QuickGalFooter #pag .active{color:#00000;font-weight:bold;display:block;float:left;padding:3px 6px;}
#QuickGalFooter #pag a:link, #QuickGalFooter #pag a:visited {color:#709ce0; display:block; float:left; padding:3px 6px; text-decoration:none;}
#QuickGalFooter #pag a:hover{ text-decoration:none; color:#9cbbe8;}
#QuickGalFooter #pag .next,#QuickGalFooter #pag .next-off {border-right-width:0;}

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

#QuickGalFooter #stat {color:#808080;float:right;}
input {height:20px;}

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

/********** Slideshow **********/

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

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}


/********* 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;}

#MSGwin {width: 300px;padding:7px 10px 10px 85px;font-size:11px;margin:9px 0 9px 60px;}


.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;}

/** 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: #147db7; filter:alpha(opacity=60);	-moz-opacity: 0.3; opacity: 0.3;}
.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 */
}