/* General CSS for the demos of DHTMLSuite */




#mainContainer{
	width:740px;
		margin: auto;
		margin-top:10px;
	border:0px solid #000;
		padding:2px;
	}
	
#titles{
	width:140px;
	float:left;
	border:1px solid #000;
	background-color:#C9D6D8;
		padding:6px;
		height:400px;
	}
.dragableBox {
		width:125px;
	border:1px solid #000;
	background-color:#FFF;		
	margin-bottom:5px;
	padding:5px;
	font-size:9px;
	font-weight:normal;
	text-align:center;
	cursor: pointer; 
	}

#pictures{
	width:500px;
	float:right;
	margin:2px;
	height:400px;
}	
#pictures img{
	width:100px;
	height:140px;
	border:1px solid #000;
	margin-bottom:8px;
}	
.dragableBoxRight{
		width:140px;
		height:195px;
		border:1px solid #000;
		margin-bottom:5px;
		padding:9px;
		text-align:center;
		background-color:#C9D6D8;
	}
div.dragableBoxRight{
		float:left;
		margin-right:5px;
		padding:5px;
	}

.clear{ clear:both; }