body{
		width:100%;
		margin:0px;
		padding:0px;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	}
	#heading{
		height:100px;
	}
	
	/* END DEMO CSS */
	
	#dragScriptContainer{	/* BIG DIV containing HTML needed for the entire script */
		width:600px;
		margin:0 auto;
		/*border:1px solid #000;*/
		border-radius: 6px;
		height:400px;
		margin-top:20px;
		padding:3px;
		-moz-user-select:no;
	}
	
	#questionDiv{	/* Big div for all the questions */
		float:left;
		height:100%;
		width:370px;
		border:3px double lightgrey;
		border-radius: 6px;
		padding:2px;
	}
	#answerDiv{	/* Big div for all the answers */
		float:right;
		height:100%;
		width:110px;
		border:3px double lightgrey;
		border-radius: 6px;
		padding:2px;
	}
	
	#questionDiv div{	/* General rules for specific questions */
		width:200px;
		/*padding:2px;*/
		line-height:20px;		
		float:left;
		margin-right:2px;
		margin-bottom:2px;
		text-align:center;
		border-radius: 6px;
	}

	#answerDiv div{	/* General rules for specific answers */
		width:100px;
		height:20px;
		/*padding:2px;*/
		line-height:20px;		
		float:right;
		margin-right:2px;
		margin-bottom:2px;
		text-align:center;
		border-radius: 6px;
		background-color:#f9fcf2;
	}

	#dragContent div{	/* General rules for small divs - i.e. specific questions and answers */
		width:100px;
		height:20px;
		/*padding:2px;*/
		line-height:20px;		
		float:left;
		margin-right:2px;
		margin-bottom:2px;
		text-align:center;
		border-radius: 6px;
	}
	
	#dragContent div{	/* Drag content div - i.e. specific answers when they are beeing dragged */
		border:1px solid #000;
	}
	
	#answerDiv .dragDropSmallBox{	/* Small answer divs */
		border:1px solid #000;
		cursor:pointer;
	}
	
	#questionDiv .dragDropSmallBox{	/* Small answer divs */
		/*border:1px solid #000;
		cursor:pointer;
		background-color:#E2EBED;  Light blue background color */
	}
	
	#questionDiv div div{	/* DIV after it has been dragged from right to left box */
		margin:0px;
		border:0px;
		padding:0px;
		background-color:#FFF;
		width:100px;
	}
	#questionDiv .destinationBox{	/* Small empty boxes where answers could be dragged */
		border:2px solid black;
		background-color:#f9fcf2;
		width:100px;
		height:22px;	
	}
	#questionDiv .correctAnswer{	/* CSS indicating correct answer */
		background-color:green;
		color:#fff;
		border:1px solid #000;
	}
	#questionDiv .wrongAnswer{	/* CSS indicating wrong answer */
		background-color:red;
		color:#fff;
		border:1px solid #000;
	}

	#dragContent div{
		background-color:#FFF;
	}

	#questionDiv .dragContentOver{	/* Mouse over question boxes - i.e. indicating where dragged element will be appended if mouse button is relased */
		border:1px solid #F00;
		width:100px;
		height:22px;
	}		
	
	#answerDiv.dragContentOver{	/* Mouse over answer box - i.e. indicating where dragged element will be appended if mouse button is relased */
		border:1px solid #F00;
		width:100px;
	}
	
	/* NEVER CHANGE THIS */
	#dragContent{
		position:absolute;
		display:none;
	}