/* CSS Document */


.GalleryAlbum
{	float:left; width:25%;}

.GalleryAlbum img
{	border:1px solid #CCCCCC; width:120px;}

#GalleryIndex , #ImageIndex , #ImageInfo 
{	width:100%; margin:auto; clear:both; display:table;}

#GalleryIndex a:link , #GalleryIndex a:visited , #ImageIndex a:link , #ImageIndex a:visited ,#ImageInfo a:link , #ImageInfo a:visited
{	}


#ImageList img
{	width:120px; border:1px solid #333333; border:1px solid #FFFFFF;}

#MiddlePic
{	width:400px; border:1px solid #333333; margin:20px;}

#ImagePlayer
{	clear:both;}
#ImagePlayer li
{	float:left; padding:3px 10px; }

#ImageInfo li
{	padding:5px;	}


#GalleryBadge #ImageList .ImageTile
{
	position:relative;
	width:46px; height:46px;	
	float:left; margin:2px; 
}

#GalleryBadge  #ImageList img
{	
	width:45px; height:45px;	
	border:1px solid #999999; cursor:pointer;
}

#GalleryBadge  #ImageList img:hover , #GalleryBadge  #ImageList .onShow
{
	border-color:#0033CC;
	width:45px; height:45px; position:absolute;
	margin:0px;
	
	top:-0px;
	left:-0px;
}



#iPhotoCover
{	
	z-index:3px;
	text-align:center;
	width:100%; height:100%; position:absolute;
	top:0px; left:0px;
	background-color:#2B2B2B;
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* Moz + FF */
	opacity: 0.8;
	border:1px solid #333333;
	border-left-width:0px;
	border-right-width:0px;

}

#iPhotoPanel
{	
	z-index:4px;
	width:100%; height:100%; position:absolute;
	top:0px; left:0px;	
	font-size:11px;
}

#iPhotoPanel #previous , #iPhotoPanel #next
{
	 margin:3px 0px;padding:5px; cursor:pointer;
	 background:#C8DFFB;
	 border:1px solid #666666;
}

#iPhotoBlock
{
	z-index:5px;
	width:100%; height:100%; position:absolute;
	top:0px; left:0px;	
}

#iPhotoPanel img
{
	position:relative; width:500px; 
	margin:auto; 
	border:5px solid #FFFFFF;
	padding:0px;
	background-color:#FFFFFF;
}

#iPhotoPanel #iPhotoInfo
{
	background-color:#FFFFFF; width:400px; margin:10px auto; padding:10px;
	width:500px;
	border:1px solid #666666;
}

#ImageSrc
{ width:400px;}