.thumb table {
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}
.thumb table td {
	text-align: center;
}
.slideshow {
	clear:left;
}
/* SiteManager CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Gallery Defaults -------------------------------------------------------------------------------------------------- */

	.gallery div {
		float: left;
		display: inline;
		font-size: 10px;
		font-weight: normal;
		color: #fff;
		background-repeat: no-repeat;
	}
	.gallery {
		width: 940px;
	}
/* Photo box & contents ---------------------------------------------------------------------------------------------- */
	.gspace {
		width: 380px;
		height: 590px;
		padding: 0;
		clear: left;
	}
	.photo_box {
		padding: 4px;
		margin-left: 100px;
		margin-top: 100px;
/*		margin-right: 20px;*/
		background-color: white;
		border: 1px solid #ccc;
		position: relative;
		margin-left: 188px;
		margin-top: 293px; 
	}
		.photo {
			width: 30px;
			height: 30px;
			background-position: center;
		}
		.caption {
			padding: 10px 10px 10px 10px;
			margin-top: 1px;
			/*line-height: 28px;*/
			background-color: #666; /* Should match border-color of .border_outside AND .border_inside#number */
			clear: left;
		}

/* Thumbnail box ----------------------------------------------------------------------------------------------------- */

	.thumb_box {
		position: relative;
		width: 540px; /* (thumb width + 2x thumb margin) x columns */
		margin: 4px;
		margin-left: 0px;
		background-color: #e9efed;
		padding-top: 2px;
	}
	
/* Controls ---------------------------------------------------------------------------------------------------------- */

	.control_box {
		width: 532px; /* .thumb_box width - 2 *(.thumb_box padding + border) */
		margin: 12px 4px 0px 4px;
	}
		.control_box .meta {
			float: right;
			margin-top: 10px;
			color: #666;
			display: block;
			position:absolute;
			right:12pt;
			top:83pt;
		}
		.control_box .slideshow {
			height: 22px;
			margin: -8px 10px 0px 0px;
			color: #666;
			display: block;
			float: right;
		}
			.control_box .slideshow img {
				border: none;
				margin: 0px 4px 4px 0;
				cursor: pointer;
			}
		.control_box .dots {
			padding-top: 6px;
			line-height: 16px;
			color: #666;
			font-weight: bold;
		}
		.control_box a {
			float: left;
			width: 22px;
			height: 20px;
			margin: 2px;
			color: #666;
			font-size: 12px;
			font-weight: bold;
			line-height: 20px;
			text-decoration: none;
			text-align: center;
			border: 1px solid #E5E5E5; /* same as .thumb_box background-color */
		}
			.control_box a.arrow { width: 16px;	}
				.control_box a.arrow#left { margin-left: 0px; }
				.control_box a.arrow#right { margin-right: 0px;	}
				.control_box a.arrow:hover { border: 1px solid #09c; }
			.control_box a.number {
				border: 1px solid #ccc;
			}
				.control_box a.number:hover {
					border: 1px solid #09c; /* color matches .border_outside#this border-color */
				}
				.control_box a.number#this {
					color: #fff;
					border: 1px solid #5abfff; /* color matches .border_outside#this border-color */
					background-color: #5abfff; /* color matches .border_outside#this border-color */
				}


/* Thumbnail --------------------------------------------------------------------------------------------------------- */

.thumb {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 3px;
	cursor: pointer;
	overflow: hidden;
}

.border_outside {
	width: 92px; /* Thumbnail width - (borderwidth x 2) */
	height: 92px; /* Thumbnail height - (borderwidth x 2) */
	position:absolute;
	left:0px;
	top:0px; 
}
.bon { border: 4px solid #666; }
.boff {	visibility: hidden;	}
.bthis {
	border: 4px solid #5abfff; 
}
		
.tborder {
	border: 1px solid white;
	width: 90px; /* Thumbnail width - ((borderwidth x 2) + (tborderwidth x 2)) */
	height: 90px; /* Thumbnail height - ((borderwidth x 2) + (tborderwidth x 2)) */
}
.bthis .numbox {
	background-color: #5abfff;
}
.numlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 96px;
}
.numbox {
	padding: 2px 4px 3px 4px;
	background-color: #666;
	float:right;
	margin-right: 4px;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}
#gpspin {
	position:absolute;
	top:15px;left:15px;
}
#ajax_busy {
	visibility:hidden;
	opacity: 0.7;
	filter: alpha(opacity=70);
	padding:4px;position:absolute; top:0px;left:0px; width:88px;height:88px;
	text-align: center;
	color: #666;
	background-color: #E5E5E5;
}

/* multi-gallery design: */
#collection {
	float: left;
	margin-bottom: 10px;
}
#collection a {
	float: left;
	display: inline;
	line-height: 20px;
	padding: 3px 8px 3px 8px;
	margin: 1px;
	background-color: #E9E9E9;
	border: 1px solid #CCC;
	text-decoration: none;
}
#collection a.current {
	font-weight: bold;
	border: 1px solid #aaa;
	background-color: #fff;
}
