.boxy2 { float:left;width:240px;padding:6px; padding-bottom:7px; background-color:#AFFFAF; color:#FF6600; border:#000000 1px solid; margin-bottom:4px; }

.pro_view_boxy2 { float:left;width:240px;padding:6px; padding-bottom:7px; border:#000000 1px solid; margin-bottom:4px; }
ul.pro_view_boxy {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 10em;
	font-size: 13px;
	font-family: Arial, sans-serif;
}
ul.pro_view_boxy li {
	cursor:move;
	padding: 5px 5px;
	border: 1px solid #000000;
	color:#ff0000;
	width:240px;
	font-weight:bold;
}

#orderedanswers { padding-top:6px;padding-right:12px; width:240px; }

.notbold { font-weight:normal; }

#evidence { width:500px; border: #000000 solid 1px; background-color:#FFCC66;padding:10px;display:none; }


ul.sortable li {
	position: relative;
}

ul.boxy {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 10em;
	font-size: 13px;
	font-family: Arial, sans-serif;
}
ul.boxy li {
	cursor:move;
	padding: 5px 5px;
	border: 1px solid #000000;
	background-color: #FF6600;
	color:#FFFFFF;
	width:240px;
	font-weight:bold;
}

.clickable a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	/*
cursor: hand;
*/
}
.clickable li:hover {
	background-color: #f6f6f6;
}

	.statusbox {
		font-size: 13px;
		font-family: Monaco, monospace;
		width: 15em;
	}
	ul.boxy li { margin: 0px; }
	ul.boxy2 li { margin: 0px; }
	#phonetics td {
		margin: 0px;
		padding: 0px 1em;
		vertical-align: top;
		width: 100px;
	}
	#phonetic1 li, #phonetic2 li, #phonetic3 li { margin: 0px; }
	#phonetic2 li {
		margin-bottom: 4px;
	}
	#phonetic3 { margin-top: -4px; }
	#phonetic3 li { margin-top: 4px; }
	#phoneticlong {
		margin-bottom: 1em;
	}
	#phoneticlong li, #buttons li {
		margin-bottom: 0px;
		margin-top: 4px;
	}

	#boxes {
		font-family: Arial, sans-serif;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		width: 500px;
	}
	#boxes li {
		cursor: move;
		position: relative;
		float: left;
		margin: 2px 2px 0px 0px;
		/* width: 33px; height: 28px;*/
		width: 21px; height: 18px;
		border: 1px solid #000;
		text-align: center;
		padding-top: 5px;
		background-color:#AFFFAF; color:#FF6600;
		font-weight:bold;
		font-size:14px;
	}

	#anagramboxes {
		font-family: Arial, sans-serif;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		width: 500px;
	}
	#anagramboxes li {
		cursor: move;
		position: relative;
		float: left;
		margin: 2px 2px 0px 0px;
		/* width: 33px; height: 28px;*/
		width: 21px; height: 18px;
		border: 1px solid #000;
		text-align: center;
		padding-top: 5px;
		background-color: #FF6600;
		color:#FFFFFF;
		font-weight:bold;
		font-size:14px;
	}

	.pro_view_box {
		font-family: Arial, sans-serif;
		float:left;
		margin: 2px 2px 0px 0px;
		/* width: 33px; height: 28px;*/
		width: 21px; height: 18px;
		border: 1px solid #000;
		text-align: center;
		padding-top: 5px;
		font-weight:bold;
		font-size:14px;
	}
	
	.pro_view_box {
		font-family: Arial, sans-serif;
		float:left;
		margin: 2px 2px 0px 0px;
		/* width: 33px; height: 28px;*/
		width: 21px; height: 18px;
		border: 1px solid #000;
		text-align: center;
		padding-top: 5px;
		font-weight:bold;
		font-size:14px;
	}
	
	#twolists td {
		width: 300px;
		vertical-align: top;
	}
	#twolists1 li {
		font-family: sans-serif;
	}
	#twolists2 {
		border: 1px dashed #fff;
	}
	#twolists2 li {
		font-family: serif;
		background-color: #eedddd;
	}
	.inspector {
		font-size: 11px;
	}