#menu_white {
  background: #FFFFFF url('/projects/bioscape/assets/menu.jpg');
  filter:alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity:0.8;
  border: 2px solid #000000;
  margin-left: 20px;
  margin-bottom: 20px;
}
table.menu_content {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
}
td.menu_content {
  vertical-align: top;
  text-align: left;
}
img.talking_picture {
  vertical-align: middle;
  padding: 5px 10px 5px 10px;
  border: 0px;
}
a {
  font-size: 12px;
}
h2 {
  color: #FFFFFF;
  font-weight: bold !important;
  font-size: 18px !important;
}
h3 {
  font-weight: bold !important;
  font-size: 16px !important;
}

	#dragScriptContainer{	/* BIG DIV containing HTML needed for the entire script */
		width:780px;
		margin:0 auto;
		border:1px solid #000;
		height:450px;
		margin-top:20px;
		padding:10px;
		-moz-user-select:no;
		overflow:hidden;
		background-color:#FFF;
                filter:alpha(opacity=80);
                opacity: 0.8;
                -moz-opacity:0.8;
	}
	#questionDiv{	/* Big div for all the questions */
		padding:2px;
		visibility:hidden;	/* Initial state  - Don't change this */
	}
	#answerDiv{	/* Big div for all the answers */
		width: 720px;
		height: 65px;
		border:1px solid #FFF;
		padding-top:10px;
		padding-bottom:10px;
		margin-bottom: 10px;
		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:150px;
		height:25px;
		line-height:20px;		
		float:left;
		margin-right:2px;
		margin-bottom:2px;
		text-align:center;
		font-size: 12px;
		vertical-align: middle;
	}
	
	#dragContent div{	/* Drag content div - i.e. specific answers when they are beeing dragged */
		border: 2px dashed #AACCDD;
	}
	
	#answerDiv .dragDropSmallBox{	/* Small answer divs */
		border: 2px dashed #AACCDD;
		height: 23px;
		cursor:pointer;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	#questionDiv .dragDropSmallBox{	/* Small question divs */
		border:1px solid #AACCDD;
		font-weight: bold;
		cursor:pointer;
		background-color:#AADDEE;
		width: 600px;
		height: 27px;
		text-align: left;
		margin-bottom: 5px;
		padding-left: 10px;
	}
	
	#questionDiv div div{	/* DIV after it has been dragged from right to left box */
		margin:0px;
		border:0px;
		margin-bottom: 5px;
		padding:0px;
		background-color:#FFF;
		cursor:pointer;
	}

	#questionDiv .destinationBox{	/* Small empty boxes for the questions - i.e. where answers could be dragged */
		border: 1px dashed #000000;
		background-color: #DDEEFF;
		width:152px;	/* Width of #questionDiv div + 2 */
		height:27px;
	}
	#questionDiv .correctAnswer{	/* CSS indicating correct answer */
		background-color:green;
		color:#fff;
		border:0px solid #000;
		height: 100%;
		width: 100%;
		margin: 0px;
		font-weight: bold;
	}
	#questionDiv .wrongAnswer{	/* CSS indicating wrong answer */
		background-color:red;
		color:#fff;
		border:0px solid #000;
		height: 100%;
		width: 100%;
		margin: 0px;
		font-weight: bold;
	}

	#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:2px solid #F00;
	}
	
	#answerDiv.dragContentOver{	/* Mouse over answer box - i.e. indicating where dragged element will be appended if mouse button is relased */
		border:1px solid #F00;
	}
	
	/* NEVER CHANGE THIS */
	#dragContent{
		position:absolute;
		display:none;
	}	
	p{
		margin:2px;
		font-size:0.9em;
	}