@charset "utf-8";
/* CSS Document */

{
	font-size: 12px;
	font-family: "sans-serif";
}

#dragdrop .disabled {
    /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); */
    /* filter: gray; */
    /* -webkit-filter: grayscale(100%);	 */
}

#dragdrop ul.drag .disabled {
  visibility: hidden;
}

#dragdrop ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#dragdrop li {
	display: inline-block;
}

/* Drag */
#dragdrop .drag li {
	margin-right: 0px;
	z-index: 10;
}


/* Drop */
#dragdrop .drop {
	width: 900px;
}

#dragdrop .drop li {
	vertical-align: top;
	width: 279px;
	height: 273px;
	margin-right: 15px;
	margin-bottom: 15px;
	z-index: 5;
	text-align: center;
}
#dragdrop .drop img {
	vertical-align: top;
	/* width: 279px; */
 	/* height: 273px; */
	margin-right: 5px;
	margin-bottom: 5px;
	
}
#dragdrop .hold {
  position: absolute;
  top: -8px;
  left: 0;
  width: 100%;
  height: 186px;
  margin: 0px auto;
}

#dragdrop .complete {
	display: none;
	font-size: 12px;
}

#divIntro p {
  margin: 1em;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5em;
}

#divIntro p:last-child {
  margin-bottom: 0;
}