body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#formidable {
	max-width: 50em;
	margin: 0 auto;
	padding: 0.5em;
	background-color: violet;
}

#formidable:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

/* I only ever serve basic CSS to IE5 Mac, so no need to hide this, as it's already hidden! */
* html #formidable { height: 1%; }

#drag {
	float: left;
	margin: 0.5em;
	background-color: white;
}

#drop {
	clear: left;
	float: left;
	width: 68%;
	min-height: 5em;
	margin: 1%;
	border: 3px solid transparent;
	background-color: white;
}

#info {
	float: left;
	width: 27%;
	margin: 1%;
	background-color: white;
}

#info h3 {
	margin: 0;
	text-align: center;
}

.sortHelper {
	border: 3px dashed #000;
	width: auto !important;
}

.sortableactive {
	border: 3px solid grey !important;
}

.sortablehover {
	border: 3px dashed grey !important;
}

.draggable {
	cursor: move;
}