﻿	.imageBox{
		width:165px;	/* Total width of each image box */
		height:165px;	/* Total height of each image box */
		float:left;
		border-bottom:1px #FFFFFF solid;
		border-right:1px #FFFFFF solid;
		border-left:1px #FFFFFF solid;
		border-top:1px #FFFFFF solid;
		background-color:#E3E3E3;
		text-align:left
	}
	.imageBoxHighlighted{
		width:165px;	/* Total width of each image box */
		height:165px;	/* Total height of each image box */
		float:left;
		border-bottom:1px #FFFFFF solid;
		border-right:1px #FFFFFF solid;
		border-left:1px #FFFFFF solid;
		border-top:1px #FFFFFF solid;
		background-color:#E3E3E3;
		text-align:left
	}
	.imageBox_theImage{
		width:140px;	/* Width of image */
		height:140px;	/* Height of image */
		vertical-align:top;
		
		/* 
		Don't change these values *
		*/
		background-position: center top;
		background-repeat: no-repeat;		
		margin: 0 auto;
		margin-bottom:0px;
	}
	
	.imageBox .imageBox_theImage{
		border:0px solid #DDD;	/* Border color for not selected images */
		padding:0px;
	}
	.imageBoxHighlighted .imageBox_theImage{
		border:0px solid #316AC5;	/* 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:right;
		font-family: arial;
		font-size:11px;		
		padding-top:2px;
		margin: 0 auto;
	}
	
	/* 
	DIV that indicates where the dragged image will be placed	
	*/
	#ctl00_cpMain_ImageOrder1_insertionMarker{
		height:165px;
		width:6px;
		position:absolute;
		display:none;

	}
	
	#ctl00_cpMain_ImageOrder1_insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:145px;	/* To adjust the height of the div that indicates where 
the dragged image will be dropped */
	
	}
		
	#ctl00_cpMain_ImageOrder1_insertionMarker img{
		float:left;
	}
	
	/*
	DIV that shows the image as you drag it 
	*/
	#ctl00_cpMain_ImageOrder1_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;
			
	}
	
/*******************************/
	/* 
	DIV that indicates where the dragged image will be placed	
	*/
	#ctl00_cpMain_jpOrder_insertionMarker{
		height:165px;
		width:6px;
		position:absolute;
		display:none;

	}
	
	#ctl00_cpMain_jpOrder_insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:163px;	/* To adjust the height of the div that indicates where 
the dragged image will be dropped */
	
	}
		
	#ctl00_cpMain_jpOrder_insertionMarker img{
		float:left;
	}
	
	/*
	DIV that shows the image as you drag it 
	*/
	#ctl00_cpMain_jpOrder_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;
			
	}
	
	
	/* 
	DIV that indicates where the dragged image will be placed	
	*/
	#ctl00_cpMain_jpOrderM_insertionMarker{
		height:165px;
		width:6px;
		position:absolute;
		display:none;

	}
	
	#ctl00_cpMain_jpOrderM_insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:163px;	/* To adjust the height of the div that indicates where 
the dragged image will be dropped */
	
	}
		
	#ctl00_cpMain_jpOrderM_insertionMarker img{
		float:left;
	}
	
	/*
	DIV that shows the image as you drag it 
	*/
	#ctl00_cpMain_jpOrderM_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;
			
	}
	
	/* 
	DIV that indicates where the dragged image will be placed	
	*/
	#ctl00_cpMain_jpOrderMBottom_insertionMarker{
		height:165px;
		width:6px;
		position:absolute;
		display:none;

	}
	
	#ctl00_cpMain_jpOrderMBottom_insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:163px;	/* To adjust the height of the div that indicates where 
the dragged image will be dropped */
	
	}
		
	#ctl00_cpMain_jpOrderMBottom_insertionMarker img{
		float:left;
	}
	
	/*
	DIV that shows the image as you drag it 
	*/
	#ctl00_cpMain_jpOrderMBottom_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;
			
	}
	
