/******************************************
 *                                        *
 *              Popup images              *
 *                                        *
 ******************************************/

/**  Outermost div for thumbnail viewer  **/

#thumbBox {
	position:				absolute ;
	left:					0 ;
	top:					0 ;
	width:					auto ;
	padding:				5px ;
	padding-bottom:			0 ;
	background:				#333333 ;
	visibility:				hidden ;
	z-index:				10 ;
	text-align:				center ;
	cursor:					hand ;
	cursor:					pointer ;
}

/** Footer div of thumbbox that contains "close" link  **/
#thumbBox .footerbar { 
	letter-spacing:			5px ;
	line-height:			1.1em ;
	color:					white ;
	padding:				5px 0 ;
	text-align:				right ;
}

/** div within thumbbox that holds the enlarged image  **/
#thumbBox #thumbImage {
	background-color:		#333333 ;
}

#thumbBox .thumbTitle {
	padding:				5px ;
	background-color:		white ;
}

/**  div for showing "loading" status while thumbbox is being generated  **/
#thumbLoading { 
	position:				absolute ;
	visibility:				hidden ;
	border:					1px solid black ;
	background-color:		#EFEFEF ;
	padding:				5px ;
	z-index:				5 ;
}

/******************************************
 *                                        *
 *              Popup pages               *
 *                                        *
 ******************************************/

body.popup {
	margin:					10px ;
}