body {
	position: relative;
	margin: 1em 2em;
	}
#canvas {
	position: relative;
	width: 600px;
	height: 400px;
	border: 1px solid black;
	background-color: #F7F7F7;
	}
#canvas div {
	position: absolute;
	border: 1px dotted gray;
	width: 50px;
	height: 50px;
	background-color: white;
/*	z-index: 1;*/
	}
#canvas div>p {
	font-weight: bold;
	padding: 4px 0px 0px 4px;
	}

#canvas div.draggable {
/*	position: absolute;*/
	-moz-user-select: none;
	-webkit-user-select: none;
	left: 0px;
	top: 0px;
	}
#canvas div.draggable.draggable-enabled {
	border: 1px solid gray;
	background-color: #EEE;
/*	box-shadow: 1px 1px 1px #CCC;
	-moz-box-shadow: 1px 1px 1px #CCC;
*/	}
#canvas div.draggable.draggable-enabled:hover {
	background-color: #DDD;
/*	box-shadow: 2px 2px 2px #CCC;
	-moz-box-shadow: 2px 2px 2px #CCC;
*/	}
#canvas div.draggable.draggable-enabled.dragging {
	background-color: #CCC;
/*	box-shadow: 3px 3px 3px #AAA;
	-moz-box-shadow: 3px 3px 3px #AAA;
*/	}

#droppable {
	width: 600px;
	height: 100px;
	margin-top: 20px;
	background-color: #FFD;
	border: 1px solid #770;
	}
#droppable.drag-over {
	background-color: #FFB;
	border: 1px solid #330;
	}
#droppable.drag-over.drag-accepted {
	background-color: #BFB;
	border: 1px solid #060;
	}
#droppable.drag-over.drag-denied {
	background-color: #FBA;
	border: 1px solid #310;
	opacity: 0.5;
	}


.hidden {
	display: none;
	}

table {
	width: 400px;
	border-width: 0px 1px 1px 0px;
	border-color: gray;
	border-style: solid;
	}

table tr th {
	border-width: 1px 0px 0px 1px;
	border-color: gray;
	border-style: solid;
	background-color: #DDD;
	}

table tr td {
	text-align: center;
	border-width: 1px 0px 0px 1px;
	border-color: gray;
	border-style: solid;
	}
table tr td.no-border {
	border-color: transparent;
	}
table tr td * {
	font-size: 1em;
	}

.x40 {
		width: 40px;
	}