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

html {height:100.01%;}/* very important for Safari */
body {height:100%}

.transparent {
opacity:.1;
-moz-opacity:0.2;
}

.nonOpaque {
opacity:1;
-moz-opacity:1;
}

a.transparent {cursor:default;}

a.nonOpaque {cursor:pointer;}

#zDIV_slideShow a {
color:#000;
background-color:#fff;
}

#zDIV_slideShow {
display:none;
position:absolute;
left:0;
top:0 !important;
width:100%;
height:100%;
background-position:50% 50%;
background-repeat:no-repeat;
text-align:center;
margin:0;
z-index:10;/* IE Mac */
}

/* 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 {
top:50% !important;
height:440px;
margin-top:-260px;
}
}

#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;
font-size:13px;
margin:20px auto 9px;/* top margin to compensate for the negative margin on the image ONLY NEEDED if vertical centering is not applied */
padding:5px;
width:90%;
background-color:transparent !important;
cursor:default;
text-decoration:none;
}

#zDIV_slideShow #zA_description {
color:red;
padding:9px 3px;
border:2px solid #000;
width:350px;
margin:0 auto;
display:none;
}

#zDIV_counter {
display:block;
width:10em;
margin:9px auto;
background:#333;
color:#fff;
padding:3px;
font-size: 13px;
}

#zIMG {
margin-top:15px;
padding:3px;
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;}