form{
	display:inline;
}

.imageBox,.imageBoxHighlighted{
	width:70px;	/* Total width of each image box */
	height:80px;	/* Total height of each image box */
	float:left;
	background: #ffffff;
}

.imageBox_theImage{
	width:50px;	/* Width of image */
	height:50px;	/* Height of image */
	/*
	Don't change these values *
	*/
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom:2px;
}

.imageBox .imageBox_theImage{
	border:0px solid #ffffff;	/* Border color for not selected images */
	padding:2px;
}

.imageBoxHighlighted .imageBox_theImage{
	border:3px solid #c0c0c0;	/* Border color for selected image */
	padding:0px;
}

.imageBoxHighlighted span{	/* Title of selected image */
	background-color: #316AC5;
	color:#FFFFFF;
	padding:2px;
}

.imageBox_label{	/* Title of images - both selected and not selected */
	text-align:center;
	font-family: arial;
	font-size:11px;
	padding-top:2px;
	margin: 0 auto;
}

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

#insertionMarkerLine{
	width:6px;	/* No need to change this value */
	height:80px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */
}

#insertionMarker img{
	float:left;
}

/*
DIV that shows the image as you drag it
*/
#dragDropContent{
	position:absolute;
	z-index:10;
	display:none;
}