.imageBox,.imageBoxHighlighted,
.imageBoxMain,.imageBoxHighlightedMain{
	width:144px;	/* Total width of each image box */
	height:112px;	/* Total height of each image box */
	float:left;
}
.imageBox_theImage{
	width:128px;	/* Width of image */
	height:96px;	/* 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:1px solid #DDD;	/* Border color for not selected images */
	padding:2px;
}
.imageBoxHighlighted .imageBox_theImage{
	border:3px solid #316AC5;	/* Border color for selected image */
	padding:0px;
}
.imageBoxMain .imageBox_theImage{
	border:1px solid #960111;
	padding:2px;
}
.imageBoxHighlightedMain .imageBox_theImage{
	border:3px solid #960111;
	padding:0px;
}
	
.imageBox_label{	/* Title of images - both selected and not selected */
	text-align:center;
	font-size:11px;		
	padding-top:2px;
	margin: 0 auto;
 display:none;
}
	
/* 
DIV that indicates where the dragged image will be placed	
*/
#insertionMarker{
	height:100px;
	width:6px;
	position:absolute;
	display:none;
}
	
#insertionMarkerLine{
	width:6px;	/* No need to change this value */
	height:102px;	/* 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{
	opacity:0.4;	/* 40 % opacity */
	filter:alpha(opacity=40);	/* 40 % opacity */

	/* 
	No need to change these three values 
	*/
	position:absolute;
	z-index:10;
	display:none;
}