<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

/** FIXME cross browser **/
#drag-drop-activity div {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: default;
}

#drag-drop-activity {
	position: relative;
	width: 100px;
	left: 10px;
	height: 350px;
	background-color: white;
	font-size: 12px;
	z-index: 2;
}

#drag-drop-activity .target {
	position: absolute;
	left: 10px;
	width: 480px;
	height: 40px;
	padding: 8px 5px 5px 5px;
	border: 1px dashed rgb(207, 60, 39);
	font-weight: bold;
	color: rgb(207, 60, 39);
	font-size: 16px;
	text-align: center;	
	box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

#drag-drop-activity .dropable {	
	position: absolute;
	left: 510px;
	width: 480px;
	padding: 5px;

	background-image: url(../image/blue.jpg);
	background-color: rgb(41, 143, 177);
	color: white;
	font-size: 13px;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}


.ie8 #drag-drop-activity .target.drag-over {
	background: rgb(249, 229, 226);
	text-decoration: underline;
}

#drag-drop-activity .target.drag-over {
	box-shadow: inset 0px 0px 5px 2px rgb(207, 60, 39);
}

#drag-drop-activity .dropable.done {
	box-shadow: none;
}

#drag-drop-activity .dropable .tick {
	position: absolute;
	top: 0px;
	right: -23px;
	width: 33px;
	height: 33px;
	background-image: url(../image/tick.png);
}

#drag-drop-activity .target .cross {
	position: absolute;
	top: 3px;
	left: 310px;
	width: 33px;
	height: 33px;
	background-image: url(../image/cross.png);
}</pre></body></html>