#dragScriptContainer{	/* BIG DIV containing HTML needed for the entire script */
		width:550px;
		margin:0 auto;
		margin-top:20px;
		padding:3px;
		-moz-user-select:no;
		overflow:hidden;
		background-color:#FFF;
		font-size:0.9em;
		
		
	}
	
.vertical_align { vertical-align:middle;width:160px;text-align:center;border:0px red solid;margin:0px;padding:0px;}
	
	
	#questionDiv{	/* Big div for all the questions */
		float:left;
		height:100%;
		width:330px;
		padding:0px;
		visibility:hidden;	/* Initial state  - Don't change this */
	}
	#answerDiv{	/* Big div for all the answers */
		float:right;
		width:160px;
		border:1px solid #FFF;
		padding:0px;	
		visibility:hidden; /* Initial state  - Don't change this */
	}
	
	
	#questionDiv div,#answerDiv div,#dragContent div{	/* General rules for small divs - i.e. specific questions and answers */
		width:139px;
		height:100px;
		float:left;
		text-align:center;
		margin:0 5px 5px 0;
	}
	
	#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 #aaa;
		cursor:pointer;
		background:#FEFFD0;
	}
	
	/* this is padding for all boxes */
	#questionDiv .dragDropSmallBox, #answerDiv .dragDropSmallBox,#questionDiv .correctAnswer,#questionDiv .wrongAnswer,#dragContent div{
			padding:3px 6px;
		}
		
	#questionDiv .dragDropSmallBox, #answerDiv .dragDropSmallBox,#questionDiv .correctAnswer,#questionDiv .wrongAnswer,#dragContent div,#questionDiv .destinationBox,#questionDiv .dragContentOver{
			-webkit-border-radius: 4px; border-radius: 4px;-moz-border-radius: 4px;
			overflow:hidden;
		}
	
		
		
	#questionDiv .dragDropSmallBox{	/* Questions div */
		border:1px solid #aaa;
		cursor:pointer;
		background-color:#eeeeee;
		
	}
	
	#questionDiv div div{	/* DIV after it has been dragged from right to left box */
		margin:0px;
		border:0px;
		padding:0px;
		background-color:#FFF;
		cursor:pointer;
		
	}
	#questionDiv .destinationBox{	/* Small empty boxes for the questions - i.e. where answers could be dragged */
		border:0px;
		background: #f5f5f5 url(../images/elements/questionmark.png) no-repeat center;
		width:153px;	/* Width of #questionDiv div + 2 */
		height:108px;

	}
	
	#questionDiv .correctAnswer{	/* CSS indicating correct answer */
		background-color:#C3DE69;
		border:1px solid #aaa;
	}
	
	#questionDiv .wrongAnswer{	/* CSS indicating wrong answer */
		background-color:#FCC6C6;
		border:1px solid #aaa;
	}

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

	#questionDiv .dragContentOver{	/* Mouse over question boxes - i.e. indicating where dragged element will be appended if mouse button is relased */
		border:1px solid #F00;
		background: #f5f5f5 url(../images/elements/questionmark.png) no-repeat center;
		width:151px;	/* Width of #questionDiv div + 2 */
		height:106px;
	}
	
	#answerDiv.dragContentOver{	/* Mouse over answer box - i.e. indicating where dragged element will be appended if mouse button is relased */
		border:1px solid #FFF;
		
	}
	
	/* NEVER CHANGE THIS */
	#dragContent{
		position:absolute;
		display:none;
		cursor:pointer;
	}	
	
#resetbutton {padding: 6px 13px;}
.correctmessage {color:#83BF2E;font-size:1.5em; font-weight:bold;margin:10px 0 0 0;}