/* control panel; A fixed panel that appears on the right */
#controls {
	width:9em;
	position:fixed;
	margin-left:33em;
}

/* make buttons the width of the panel */
#controls button {
	width:100%;
}

/* drag - defines the style of draggable objects */
.drag {
	cursor: move;
	margin: auto;
	z-index: 10;
	background-color: white;
	border-color:#fa7;
	text-align: center;
	opacity: 0.7;
	filter: alpha(opacity=70);
	/* without width, IE6/7 will not apply filter/opacity to the element ?! */
	width: 10em;
	line-height: 4ex;
}

/* drag area */
#drag{
	display: table;
}

/* table cells */
div#drag td {
	height: 50px;
	text-align: center;
	font-size: 10pt;
	padding: 2px;
}

/* styles for left table */
#table1 {
	background-color: #eee;
	border-collapse: collapse;
}

/* border for table1 */
#table1 td {
	border: 1px solid #DDC5B5;
}

/* marked cells cannot be dragged */
.mark {
	width: 30em;
	color: #444;
	background-color: #e0e0e0;
}