.imageBox,.imageBoxHighlighted {
	float: left;
	text-align: center;
	margin: 4px;
	overflow: hidden;
}

img.imageBox_img {
	height: 160px; /* Height of image */
}

.imageBox {
	border: 1px solid #DDDDDD; /* Border color for not selected images */
}

.imageBox_theImage {
	min-height: 165px;
	min-width: 115px;
}

.imageBoxHighlighted {
	border: 3px solid #316AC5; /* Border color for selected image */
}

/* 
DIV that indicates where the dragged image will be placed 
*/
#insertionMarker {
	width: 6px;
	position: absolute;
	display: none;
}

#insertionMarkerLine {
	width: 6px; /* No need to change this value */
}

#insertionMarker img {
	float: left;
}

/*
DIV that shows the image as you drag it 
*/
#dragDropContent {
	opacity: 0.5; /* 40 % opacity */
	filter: alpha(opacity = 50); /* 40 % opacity */ /* 
  No need to change these three values 
  */
	position: absolute;
	z-index: 10;
	display: none;
}

.clearboth {
	clear: both;
	line-height: 0;
	height: 0;
}

/* Style for delete link */
.imageBox span,.imageBoxHighlighted span {
	color: red;
	font-size: 8pt;
}

.imageBox span:hover,.imageBoxHighlighted span:hover {
	cursor: pointer;
	text-decoration: underline;
}