body{
		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:100%;
		margin:20px auto;
		/*border:1px solid #26448A;*/
		height:100%;
		padding:3px;
		-moz-user-select:no;
}
	
#questionDiv{	/* Big div for all the questions */
		float:left;
		height:98%;
		width:58%;
		border:1px solid #26448A;
		padding:2px;
		margin: 1px auto;
}

#answerDiv{	/* Big div for all the answers */
		float:right;
		height:98%;
		width:40%;
		border:1px solid #26448A;
		padding:2px;
		margin: 1px auto;
}
	
	#questionDiv div,#answerDiv div,#dragContent div{	/* General rules for small divs - i.e. specific questions and answers */
		height:120px;
		line-height:20px;		
		margin-right:2px;
		margin-bottom:2px;
	}

	#questionDiv div {
		width: 20%;
		float: left;
		clear: both;
		text-align: left;
		padding-left: 3px;
	}
	
	#answerDiv div {
		float: left;
		padding-left: 3px;
		width: 98%;
		text-align:left;
	}

#dragContent div{	/* Drag content div - i.e. specific answers when they are beeing dragged */
		width: 48%;
		border:1px solid #000;
}
	
#answerDiv .dragDropSmallBox{	/* Small answer divs */
		border:1px solid #D7323B;
		cursor:pointer;
}
	
#questionDiv .dragDropSmallBox{	/* Small answer divs */
		border:1px solid #26448A;
		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;
	}

	#questionDiv .destinationBox{	/* Small empty boxes for the questions - i.e. where answers could be dragged */
		border:0px;
		background-color:#DDD;
		width:75%;
		height:120px;
		float: right;
		text-align:left;
		clear: none;
	}

	#questionDiv .correctAnswer{	/* CSS indicating correct answer */
		width: 100%;
		background-color:green;
		color:#fff;
		border:1px solid #000;
		text-align:left;		
	}
	#questionDiv .wrongAnswer{	/* CSS indicating wrong answer */
		width: 100%;
		background-color:red;
		color:#fff;
		border:1px solid #000;
		text-align:left;		
	}

	#dragContent div{
		width: 100%;
		background-color: #fff;
	}

	#questionDiv .dragContentOver{	/* Mouse over question boxes - i.e. indicating where dragged element will be appended if mouse button is relased */
		width: 75%;
		border:1px solid #F00;
		background-color: yellow;
		float: right;
		clear: none;
	}
	
	#answerDiv.dragContentOver{	/* Mouse over answer box - i.e. indicating where dragged element will be appended if mouse button is relased */
		width: 40%;
		border:1px solid #F00;
		float: right;
	}
	
	/* NEVER CHANGE THIS */
	#dragContent{
		position:absolute;
		display:none;
	}

	#button{
		margin: 1%;
		width: 100%;
		clear: both;
	}

	div>img {
		width: 100%;
	}