/*
 * List View
 */

#gallery-list {
}

#gallery-list .gallery-list-item {
	background-color: #f8f8f8;
	border: 1px solid #eee;
	width: 130px;
	float: left;
	text-align: center;
	margin: 5px;
	padding: 5px;
	overflow: hidden;
}

#gallery-list .gallery-list-item h2 {
	font-size: 1em;
	padding: 0px;
	margin: 0px;
}

#gallery-list .gallery-list-item .gallery-list-caption {
	font-size: .8em;
	color: #999;
	padding: 0px 0px 5px;
}

#gallery-list .gallery-list-item .gallery-list-image {
	background-color: #fff;
	border: 1px solid #eee;
	text-align: center;
	width: 128px;
	height: 130px;
	font-size: 1em;
	line-height: 128px;
	margin: 0px auto;
}

#gallery-list .gallery-list-item .gallery-list-image img {
	margin-top: expression( 150 - this.height / 2); 
	max-height: 125px;
    max-width: 125px;
}

html>body #gallery-list .gallery-list-item .gallery-list-image img {    /*hidden from IE 5-6 */
    margin-top: 0; /* to clean up, just in case IE later supports valign! */
    vertical-align: middle;
}

/*
 * Default View
 */

#gallery-html .gallery-html-image {
	float: left;
	text-align: center;
	width: 130px;
	height: 130px;
	margin: 5px 2px;
	border: 1px solid #ccc;
    background-color: #f9f9f9;
	font-size: 1em;
	line-height: 128px;
}

	#gallery-html .gallery-html-image img {
		margin-top: expression(( 150 - this.height ) / 2); 
		max-height: 125px;
	    max-width: 125px;
	}

#gallery-html .paging
{
	clear: both;
}

html>body #gallery-html .gallery-html-image img {    /*hidden from IE 5-6 */
    margin-top: 0; /* to clean up, just in case IE later supports valign! */
    vertical-align: middle;
}