@charset "UTF-8";
/* CSS Document */


		body{
			background-color: #22557f;
			margin: 0px;
			padding: 0px;
		}
		header{
			font-size: 200%;
			padding: 10px;
			color: #f3eae5;
			background-color: #0e3c59;
		}
		#instructions{
			color: #0e3c59;
			background-color: #f3eae5;
			font-size: 125%;
			border: 1px solid #0e3c59;
		}
		
		#container{
			width: 918px;
			height: 791px;
			background-color: #f3eae5;
			border: 5px solid #f3eae5;
		}
		#dragContainer{
			margin: 0 auto;
			width: 100%;
			display: inline-block;
			padding-bottom: 50px;
		}
		#dropContainer{
			margin: 0 auto;
			width: 100%;
			display: inline-block;
		}
		
		
		
    	.draggable{
			width: 60px;
			height: 60px;
			background-color: #22557f;
			border-radius: 10px;
			cursor: pointer;
			border: 1px solid #000;
			float: left;
			margin: 10px;
			font-size: 125%;
			font-family: Voces, Arial, Helvetica, sans-serif;
		}
		.usedDraggable{
			width: 60px;
			height: 60px;
			background-color: #999;
			border-radius: 10px;
			cursor: pointer;
			border: 1px solid #000;
			float: left;
			margin: 10px;
			font-size: 125%;
			font-family: Voces, Arial, Helvetica, sans-serif;
		}
		.centerContent{
			width: 100%;
			height: 100%;
			text-align: center;
			vertical-align: middle;
			overflow: hidden;
			line-height: 60px;
			font-size: 110%;
			color: #FFF;
		}
		.tableRow{
			width: 100%;
			float: left;
		}
		.droppableArea{
			width: 100px;
			height: 60px;
			border-radius: 10px;
			background-color: #FFF;
			color: #FFF;
			border: 1px solid #000;
			float: left;
			font-size: 125%;
			font-family: Voces, Arial, Helvetica, sans-serif;
			line-height: 60px;
		}
		.blankCell{
			width: 100px;
			height: 60px;
			border-radius: 10px;
			background-color: #999;
			border: 1px solid #000;
			float: left;
		}
		.flatcell0{
			width: 100px;
			height: 30px;
			margin: 1px;
			float: left;
		}
		.flatcell1{
			width: 100px;
			height: 60px;
			background-color: #999;
			border: 1px solid #999;
			float: left;
		}
		.flatcell2{
			width: 100px;
			height: 60px;
			background-color: #999;
			border: 1px solid #999;
			float: left;
		}
		.label{
			width: 100px;
			height: 60px;
			background-color: #999;
			border: 1px solid #999;
			float: left;
		}
		.label .content{
			width: 100%;
			height: 100%;
			text-align: center;
			vertical-align: middle;
			overflow: hidden;
			line-height: 60px;
			font-size: 110%;
			color: #FFF;
		}
		.topLabel{
			padding-top: 15px;
			width: 712px;
			background-color: #999;
			border: 1px solid #999;
			float: left;
			color: #FFF;
			font-size: 110%;
		}