@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  dragdrop.css
=================================================================== */

.drag {
	height: 100px;
	width: 100px;
	float: left;
	border: 1px solid #AAA;
	background: #CCC;
	margin: 10px;
	cursor: move;
	font-size: 80px;
	text-align: center;
	line-height: 100px;
	color: #AAA;
	}
	.drop .drag {
		height: 77px;
		width: 77px;
		font-size: 70px;
		line-height: 77px;
		}
.drop {
	height: 202px;
	width: 202px;
	float: left;
	border: 1px solid #AAA;
	background: #CCC;
	margin: 10px;
	padding: 10px;
	overflow: auto;	
	}
.ghost {
	position: absolute;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	background-color: #CCF;
	border-color: #AAD;
	color: #AAD;
	}
.outline {
	background-color: #FCC;
	border-color: #DAA;
	border-style: dashed;
}
.active {
	background-color: #CFC;
	border-color: #ADA;
	}
#nodrop {
	height: 120px;
	}