.gallery {
	position: relative;
	clear: none;
	overflow: hidden; /* Generate a new block formatting context, this way the float:'s in the gallery can not interfere with any other float: or clear:'s in the page */
	padding: 1px; /* Default value; Needed so that a 1px outline shows for gallery-item's */
}

.gallery .gallery-item {
	position: relative;
	float: left;
	display: table; /* vertical align */
	overflow: hidden;
	
	width: 100px; /* auto is not supported, must be higher then the width of all the thumbnails */
	height: 100px; /* auto is not supported, must be higher then the height of all the thumbnails */
}

.gallery .gallery-item-placeholder { /* Used in RM; This is the location the gallery item may be dropped by using jquery ui sortable*/
	outline: 1px solid grey;
}

.gallery .gallery-item-selected:not(.ui-sortable-helper) { /* Used in RM; The gallery item has been selected for editing */
	background-color: #999999;
	outline: 1px solid black;
}

.gallery .gallery-end {
	clear: both;
}

.gallery .gallery-item a {
	display: block;
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
	color: black;
}

.gallery .gallery-item img {
	display: block;
	border-style: none;
	margin: 0 auto; /* center; This is a block replaced element, so the width depends on the content */
}

.gallery .gallery-item-caption {
	display: block;
	text-align: center;
}

.gallery .gallery-item-description {
	display: none;
}