/* [easyALBUM] v 1.1.7 Copyright 2006, Thierry Koblentz - TJKDesign.com. all rights reserved. */
/* ie7 fix from v1.1.6 */


/********************** Main document *******************/
/* the Gallery (Unordered List) - position:relative is for ie7 */
#gallery {
	position:relative;
	margin-top:3px;
	overflow:hidden;
	height:200px /* FF .8 */;
	width:235px;
	z-index: 1/* IE Mac */;
}
#gallery li {
	display:inline;
	overflow:hidden;
	height:35px;
}
#gallery li img {
	border:1px solid #000;
	width:35px;
	height:35px;
	display:block;
	position:relative;
	z-index:10;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* overflow:hidden will break FF 0.8 */ 
#gallery li a {
	display:block;
	float:left;
	height:35px !important /* IE5 Mac */;
	width:35px;
	position:relative;
	color:#fff;
	margin: 4px;
}
#gallery li a:hover {color:#000;background:#fff} 
#gallery li a:hover img,
#gallery li a:focus img,#gallery li a:active img {border-color:#fff}
#gallery span {
	position:absolute;
	top:0;
	left:0;
	margin-top:4px;
	padding:0 3px;
	z-index:1;
}

/************************ The stuff *********************/
.transparent {opacity:.2;-moz-opacity:0.2}
.nonOpaque {opacity:1;-moz-opacity:1}
a.transparent {cursor:default}
a.nonOpaque {cursor:pointer}
#zDIV_slideShow a {


}
#zDIV_slideShow {
	display:none;
	position:absolute;
	left:0px;
	top:0px !important;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	text-align:center;
	z-index:10/* IE Mac */;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
/* new style (not for IE 5 WIN or Mac) to center the whole thing if we deal with fixed height images */
@media screen {#zDIV_slideShow {
	height:400px;
	margin-top:50px
}}
#zA_previous,#zA_next,#zA_close {background:transparent !important}
#zA_previous img,#zA_next img,#zA_close img {border:0 !important;margin:5px 2px;margin-bottom:-20px/* to make sure FF doesn't show only the bottom part of these images (top part being hidden by the viewport) ONLY NEEDED if vertical centering is not applied */}
#zA_title {
	display:block;
	padding:5px;
	width:100%;
	background-color:transparent !important;
	cursor:default;
	text-decoration:none;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 9px;
	margin-left: auto;
}
#zDIV_slideShow #zA_description {color:red;padding:9px 3px;border:2px solid #000;width:400px;margin:0 auto;display:block}
#zDIV_counter {
	display:block;
	width:180px;
	background:#333;
	color:#fff;
	padding:3px;
	font: .9em Arial, Helvetica, sans-serif;
	margin-top: 9px;
	margin-right: auto;
	margin-bottom: 9px;
	margin-left: auto;
}
#zIMG {
	margin-top:15px;
	padding:2px;
	background:#fff;
	border:2px solid #000
}
#zDIV_slideShow {padding-bottom:50px !important} /* to make sure FF does not cut-off the description below the image */
.hand {cursor:pointer}
* html #gallery {
	width:250px
}
/* for IE5 both Win and Mac - will be reset in the IE6 CCS */
* html #zDIV_slideShow {background-color:#ececec}
/* for IE5 Win and Mac that don't do opacity at all IE */
* html a.transparent {visibility:hidden}
* html a.nonOpaque {visibility:visible}