#mainContainer{
	width:1150px;
	background-color:#FFF;
	margin:0px auto;
}

#saveBtnContainer{
	width:1120px;
	margin:0px auto;
	float:right;
}

/* This is the box that is parent to the dragable items */
#dragableElementsParentBox{
	padding:10px;	/* Air */
}

.smallArticle {
	float:left;
	/*padding:2px;
	margin-right:10px;
	margin-bottom:5px;*/
	margin:10px;
}
.smallArticle img {
	float:left;
	border:0;
	/*padding:5px;*/
}
.smallArticle .rightImage {
	float:right;
}
.smallArticle{
	width:540px;
}
.bigArticle{
	width:564px;
}
.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 */

}

.actionsBtn{
	float:left;
	text-align:right;
	width:510px;
	padding:5px;
}

.actionsBtn img{
	float:right;
	width:15x;
	height:15px;
}

.minActionsBtn{
	float:left;
	padding:2px;
}

.minActionsBtn img{
	float:right;
	width:15x;
	height:15px;
}

#minimizeContainer{
	width:1150px;
	background-color:#FFF;
	margin:0px auto;
	margin-top:25px;
	float:left;
}

#minimizedChartCollection{
	padding:10px;
}

.minItemsTitile{	
	float:left;
	height:15px;
	width:480px;
	padding:5px;
}

.minimizedItems {
	font-size:10pt; 
	font-weight:bold;
	color:rgb(35,97,170);
	text-align:center;
	float:left;
	/*padding:2px;
	margin-right:10px;
	margin-bottom:5px;*/
	margin:10px;
}
.minimizedItems img {
	float:left;
	border:0;
	/*padding:5px;*/
}
.minimizedItems .rightImage {
	float:right;
}
.minimizedItems{
	width:535px;
	border:1px solid black;
	marging-right:5px;
}