#wall
{
	width: 343px;
	height: 419px;
	margin: auto;
	/* background: pink; */
}
	#wall .top
	{
		/* background: #00cccc; */
	}
		#wall .top .widthbar-plates
		{
			width: 203px;
			height: 20px;
			clear: both;
			margin-left: 70px;
		}
			#wall .top .widthbar-plates span.left-arrow
			{
				display: block;
				width: 5px;
				height: 20px;
				float: left;
				background: url('../images/icon-arrows.png') no-repeat 0 center;
			}
			#wall .top .widthbar-plates span.right-arrow
			{
				display: block;
				width: 5px;
				height: 20px;
				float: right;
				background: url('../images/icon-arrows.png') no-repeat -5px center;
			}
			#wall .top .widthbar-plates span.size
			{
				display: block;
				height: 20px;
				width: 193px;
				float: left;
				text-align: center;
				background: url('../images/dot-black.gif') repeat-x 0 center;
			}
				#wall .top .widthbar-plates span.size span
				{
					display: inline-block;
					height: 20px;
					padding: 0 5px;
					background: #FFFFFF;
				}
	#wall .middle
	{
		background: #009999;	
	}
		#wall .middle .middle-left
		{
			width: 273px;
			margin-right: 20px;
			float: left;
			/* background: gold; */
		}
			#wall .middle .middle-left .heightbar-plates
			{
				width: 50px;
				height: 304px;
				float: left;
				margin-right: 20px;
				/* background: green; */
			}
				#wall .middle .middle-left .heightbar-plates .top-arrow
				{
					display: block;
					width: 50px;
					height: 5px;
					background: url('../images/icon-arrows.png') no-repeat center 0;	
				}
				#wall .middle .middle-left .heightbar-plates .down-arrow
				{
					display: block;
					width: 50px;
					height: 5px;
					background: url('../images/icon-arrows.png') no-repeat center -5px;	
				}
				#wall .middle .middle-left .heightbar-plates span.size
				{
					display: block;
					height: 294px;
					width: 50px;
					text-align: center;
					background: url('../images/dot-black.gif') repeat-y center 0;
				}
					#wall .middle .middle-left .heightbar-plates span.size span
					{
						display: block;
						width: 50px;
						padding: 5px 0;
						position: relative;
						top: 47%;
						background: #FFFFFF;
					}
			#wall .middle .middle-left .plates-holder
			{
				width: 203px;
				height: 304px;
				float: left;
				/* background: gray; */
			}
				#wall .middle .middle-left .plates-holder .row
				{
					height: 101px;
					clear: both;
				}
				#wall .middle .middle-left .plates-holder .row:last-child
				{
					height: 102px;
					clear: both;
				}
				#wall .middle .middle-left .plates-holder .row .plate:last-child
				{
					border-right: 1px solid #000000;	
				}
				#wall .middle .middle-left .plates-holder .row:last-child .plate
				{
					border-bottom: 1px solid #000000;	
				}
					#wall .middle .middle-left .plates-holder .plate
					{
						position: relative;
						width: 100px;
						height: 100px;
						float: left;
						border-top: 1px solid #000000;
						border-left: 1px solid #000000;
					}
						#wall .middle .middle-left .plates-holder .plate .delete-icon
						{
							width: 100px;
							height: 100px;
							position: absolute;
							top: 0px;
							left: 0;
							background: url(../images/icon-delete.png) no-repeat center center;
							z-index: 100;
						}
			#wall .middle .middle-left .basin
			{
				width: 243px;
				height: 75px;
				clear: both;
				margin-left: 50px;
				position: relative;
				top: -10px;
			}
				#wall .middle .middle-left .basin .sides
				{
					height: 15px;	
				}
					#wall .middle .middle-left .basin .sides span.left
					{
						width: 20px;
						height: 15px;
						float: left;
						background: url('../images/basin-left-side.png') no-repeat 0 0;
					}
					#wall .middle .middle-left .basin .sides span.right
					{
						width: 20px;
						height: 15px;
						float: right;
						background: url('../images/basin-right-side.png') no-repeat 0 0;
					}
					
				#wall .middle .middle-left .basin .front
				{
					height: 58px;
					border: 1px solid #000000;
				}
					#wall .middle .middle-left .basin .front .plate
					{
						height: 58px;
						width: 120px;
						float: left;
						border-right: 1px solid #000000;
					}
						#wall .middle .middle-left .basin .front .plate:last-child
						{
							border: none;
						}
					
		#wall .middle .heightbar-wall
		{
			width: 50px;
			float: left;
			height: 369px;
			/* background: purple; */
		}
			#wall .middle .heightbar-wall .top-arrow
			{
				display: block;
				width: 50px;
				height: 5px;
				background: url('../images/icon-arrows.png') no-repeat center 0;	
			}
			#wall .middle .heightbar-wall .down-arrow
			{
				display: block;
				width: 50px;
				height: 5px;
				background: url('../images/icon-arrows.png') no-repeat center -5px;	
			}
			#wall .middle .heightbar-wall span.size
			{
				display: block;
				height: 359px;
				width: 50px;
				text-align: center;
				background: url('../images/dot-black.gif') repeat-y center 0;
			}
				#wall .middle .heightbar-wall span.size span
				{
					display: block;
					width: 50px;
					padding: 5px 0;
					position: relative;
					top: 47%;
					background: #FFFFFF;
				}
	
	#wall .bottom
	{
		clear: both;
		/* background: #006666; */	
	}
		#wall .bottom .widthbar-wall
		{
			width: 243px;
			height: 20px;
			margin-left: 50px;	
		}
			#wall .bottom .widthbar-wall span.left-arrow
			{
				display: block;
				width: 5px;
				height: 20px;
				float: left;
				background: url('../images/icon-arrows.png') no-repeat 0 center;
			}
			#wall .bottom .widthbar-wall span.right-arrow
			{
				display: block;
				width: 5px;
				height: 20px;
				float: right;
				background: url('../images/icon-arrows.png') no-repeat -5px center;
			}
			#wall .bottom .widthbar-wall span.size
			{
				display: block;
				height: 20px;
				width: 233px;
				float: left;
				text-align: center;
				background: url('../images/dot-black.gif') repeat-x 0 center;
			}
				#wall .bottom .widthbar-wall span.size span
				{
					display: inline-block;
					height: 20px;
					padding: 0 5px;
					background: #FFFFFF;
				}