#go2task2 {
display:none;
	}

			.overlay {
  /* General properties: */
  /* - Hidden when the page is first displayed */
  display: none;
  /* - Displayed on top of the other page elements */
  z-index: 9999;
  /* - Fixed position */
  position: fixed;
  top: 40px;
  left: 350px;
  /* Appearance: */
  background-color: #ffffcc;
  width: 900px;
  height: 600px;
  padding: 5px;
  /*overflow:scroll;*/
  border: 1px solid #000000;
  -moz-box-shadow: 0 0 40px 5px #000000;
  box-shadow: 0 0 40px 5px #000000;
  -webkit-box-shadow: 0 0 40px 5px #000000;
}

.overlay-link {
   position: fixed;
  margin-left: 28%;
  margin-top: 2%;
}

/* The Close Button: */
.overlay-close {
z-index: 10000;
visibility: visible;
  /* Button image: */
  background-image: url('close.png');
  /* Location: */
  position: absolute;
  right: -15px;
  top: -15px;
  /* Mouse cursor: */
  cursor: pointer;
  /* Size: */
  height: 35px;
  width: 35px;
  }
  
#words_wrap { /*word cards with text inside them*/
  	width: 200px;
	height: 50px;
	line-height: 50px;
	background-color: #7d4548;
	color: #FFF;
	margin: 10px;
	vertical-align: middle;
	position: relative;
	font-size: 24px;
	border: 0;
	padding: 0;
	display: inline-block;
	left: inherit;
	margin-bottom: 50px;
	}
	
#words { /*words inside the word cards*/
	line-height: 50px;
}

#real {
display:none;
	}
	
#imaginary{
display:none;
	}
	
.draggable { width: 50px; height: 50px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
.droppable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px; }

.content {
  min-height: 70%;
  border-width: 1px;
  border-color: black;
  border-style: dotted;
  position: fixed;
  margin-left: 10%;
  width: 60%;
}