.gimageselector { 
	padding: 8px 1px 1px 1px;
	margin-left: 5px;
}

/* In GUI editor, show sample images immediately */
.gimageselector.objectWrapper .imageBox {
	opacity: 1;
}

.gimageselector .imageBox {
	width: 228px;
	height: 138px;
	margin-right: 10px;
	display: inline-block;
	border: 1px solid rgb(216, 216, 216);
	opacity: 0;
	transition: all 0.5s ease;
	position: relative;
	margin-bottom: 10px;
}

.gimageselector .imageBox.visible {
	opacity: 0.8;
}

.gimageselector .imageBox.visible:hover {
	cursor: pointer;
	opacity: 1;
}

.gimageselector .imageBox .imageLabel {
	display: block;
	margin-left: 12px;
	font-size: 0.8em;
}

.gimageselector .imageBox .checkMark {
	opacity: 0;
	width: 13px;
	height: 11px;
	display: block;
	position: absolute;
	top: 7px;
	right: 10px;
	background-image: url(green_check.png);
	transition: all 0.5s ease;
}

.gimageselector .imageBox img {
	display: block;
	margin: auto;
}

.gimageselector .imageBox.selected {
	border: 1px solid rgb(84, 138, 198);
	box-shadow: 1px 2px 1px rgba(84, 138, 198, 0.3);
    overflow: visible;
    opacity: 1;
}

.gimageselector .imageBox.selected .checkMark {
	opacity: 1;
}