@charset "UTF-8";
/* CSS Document */

#thumbnail-small {
	max-height: 140px;
	height:auto !important;
  	height:140px;
	position: relative;
	margin: 0 15px 15px 0;
	color: #000000;
	text-align: center;
	font: small-caption;
	float: left;
	border:1px solid #336699;
	background-color: #000000;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	}

#thumbnail-small img  {
	margin-bottom: 5px;
	border:1px solid #336699;
	}

#picture-box {
	border:solid 1px #336699;
	background-color:#eeeeee;
	padding: 7px 7px 7px 7px; /* inside the box*/
	font-size:11px;
	text-align:center;
	font: small-caption;
	margin-top:5px;
	margin-bottom:10px;
	}
	
#picture-box img {
	border:1px solid #336699;
	}



/*Thumbnail Viewer*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 15px;
background: #000000;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
font: bold 12px Verdana; /*text inside larger viewer*/
color: #FFFFFF;
line-height: 3.0;
text-align: center;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px Arial;
line-height: 1.1em;
color: white;
text-align: right;
}

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

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