.table-cell {
	width:225px;
	height:165px;
	border: 3px solid #cccccc;
	cursor: pointer;
	position: relative;
}

.div-cell {
	position: absolute;
	left:0;
	top:0;
	width:207px;
	padding: 0.8em;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #ffffff;
	background: #000000;
	opacity:0.4;
	filter:alpha(opacity=40);
}


.outerdiv-cell:hover {
	background: #999999;
	opacity:0.2;
	filter:alpha(opacity=20);
}

.title-cell {
	float:left;
	font-weight: bold;
}
.date-cell {
	float:right;
}
.thumb-album {
	border:2px solid #000000;
	width: 107px;
	height: 80px;
}
.thumb-album-selected {
	border:2px solid #ffffff;
	width: 107px;
	height: 80px;
}
.thumb-album:hover {
	border:2px solid #999999;
	width: 107px;
	height: 80px;
}
.img-container {
	position: relative;
	width: 640px;
	height: 480px;
	border: 3px dotted #FFFFFF;
}
.img-loading {
	background: url(public/images/spinner.gif) no-repeat center center;
}
.text-holder {
	position: absolute;
	top:419px;
	left:0px;
	width:614px;
	height: 37px;
	padding: 0.8em;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #ffffff;
	background: #000000;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.img-title {
	position: relative;
}
.img-desc {
	overflow: hidden;
	position: relative;
	float:left;
	font-size: 0.8em;
	height: 28px;
}

#clicker {
	cursor: pointer;
	position: absolute;
	padding: 3px;
	top:456px;
	left:561px;
	z-index:1;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #ffffff;
	background: #333333;
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
#clicker:hover {
	background: #777777;
	opacity:0.9;
	filter:alpha(opacity=90);
}
.hider {
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}