#dragableElementsParentBox{
	
}

.smallArticle,.bigArticle{
	float:left;
	border:1px solid #000;
	padding:6px;
	margin-bottom:5px;
	background:#f2fff2;
}
.smallArticle img,.bigArticle img{
	float:left;
	padding:5px;
}
.smallArticle .rightImage,.bigArticle .rightImage{
	float:right;
}
.smallArticle{
	width:274px;		
}
.bigArticle{
	width:750px;
}
.clear{
	clear:both;
}

/* END DEMO CSS */

/* REQUIRED CSS */

#rectangle{
	float:left;
	border:1px dotted #F00;	/* Red border */
	background-color:#FFF;
}
#insertionMarker{	/* Don't change the rules for the insertionMarker */
	width:6px;
	position:absolute;
	display:none;
}
#insertionMarker img{	/* Don't change the rules for the insertionMarker */
	float:left;
}		
#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
	position:absolute;
	display:none;
	border:1px solid #000;
	filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
	opacity:0.5;	/* 50% opacity , i.e. transparency */

}