body{
	margin:0;
	padding:0;
	border:0;
}
#ui{
	background:#EAB988;
//	border:solid 1px #fff;
//	border-bottom:solid 1px #404040;
//	border-right:solid 1px #404040;
	height:470px;
	margin:0;
	border:0;
//	margin-top:20px;
	padding:5px;
	position:relative;
	overflow:hidden;
	width:630px;
}

#buttons{
	height:48px;
	width:492px;
}
#buttons>a{
	background:#fff;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	cursor:pointer;
	display:inline-block;
	height:47px;
	width:122px;
}
#buttons>a:active{	background:#000;}
#buttons>a>b{
	background:#CC6600;
	border-bottom:solid 1px #808080;
	border-right:solid 1px #808080;
	display:block;
	height:45px;
	line-height:45px;
	margin:1px 0 0 1px;
	text-align:center;
	width:120px;
}
#buttons>a>b>i{
	display:inline-block;
	vertical-align:middle;
}
#btn0 i{
	background:url(style.png) -150px 0;
	height:16px;
	width:17px;
}
#btn1 i{
	background:url(style.png) -90px 0;
	height:16px;
	width:60px;
}
#btn2 i{
	background:url(style.png) -50px 0;
	height:29px;
	width:31px;
}
#btn3 i{
	background:url(style.png) 0 0;
	height:39px;
	width:41px;
}

.col3 #btn3,.col2 #btn3{display:none}
.col3 #buttons>a{width:163px}
.col3 #buttons>a>b{width:161px}

.col2 #btn2{display:none}
.col2 #buttons>a{width:245px}
.col2 #buttons>a>b{width:243px}

#board{
	border:solid 1px #808080;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
	height:418px;
	width:491px;
}
#board>div{
	background:#FDF8F2;
	border:solid 1px #000;
	border-bottom:solid 1px #c0c0c0;
	border-right:solid 1px #c0c0c0;
	height:416px;
	position:relative;
	width:489px;
}
#board>div>b{
	background:#c0c0c0;
	display:block;
	position:absolute;
	top:0;
	height:416px;
	width:4px;
}
#board>div>b>i{
	background:#404040;
	border-left:solid 1px #fff;
	display:block;
	margin-left:1px;
	height:416px;
	width:1px;
}
#vl3{left:118px;}
#vl2{left:241px;}
#vl1{left:364px;}

.col3 #vl3,.col2 #vl3{display:none}
.col3 #vl2{left:159px;}
.col3 #vl1{left:323px;}

.col2 #vl2{display:none}
.col2 #vl1{left:241px;}

#trash{
	background:url(style.png) -148px -18px;
	height:31px;
	position:absolute;
	bottom:0;right:0;
	width:31px;
}
#trash.hover{
	background:url(style.png) -185px -18px;
}
#area{
	height:416px;
	overflow:hidden;
	position:absolute;
	top:0;left:0;
	width:489px;
}
#area a{
	cursor:pointer;
	display:block;
	position:absolute;
}
#area a:active{z-index:10}
.col4 .c{left:130px}
.col4 .b{left:250px}
.col4 .a{left:420px}

.col3 .c{left:25px}
.col3 .b{left:190px}
.col3 .a{left:400px}

.col2 .b{left:75px}
.col2 .a{left:350px}

.base10 .d{
	background:url(style.png) 0 -50px;
	height:108px;
	width:115px;
}
.base10 .c{
	background:url(style.png) -130px -50px;
	height:103px;
	width:103px;
}
.base10 .b{
	background:url(style.png) -130px -160px;
	height:15px;
	width:106px;
}
.base10 .a{
	background:url(style.png) -175px 0;
	height:15px;
	width:15px;
}

.base2 .d{
	background:url(style.png) 0 -175px;
	height:63px;
	width:68px;
}
.base2 .c{
	background:url(style.png) -70px -175px;
	height:59px;
	width:60px;
}
.base2 .b{
	background:url(style.png) -130px -175px;
	height:37px;
	width:67px;
}
.base2 .a{
	background:url(style.png) -200px -175px;
	height:36px;
	width:40px;
}

.base3 .d{
	background:url(style.png) 0 -240px;
	height:78px;
	width:84px;
}
.base3 .c{
	background:url(style.png) -130px -240px;
	height:70px;
	width:72px;
}
.base3 .b{
	background:url(style.png) 0 -320px;
	height:31px;
	width:77px;
}
.base3 .a{
	background:url(style.png) -130px -320px;
	height:30px;
	width:33px;
}

.base4 .d{
	background:url(style.png) 0 -360px;
	height:92px;
	width:97px;
}
.base4 .c{
	background:url(style.png) -130px -360px;
	height:81px;
	width:83px;
}
.base4 .b{
	background:url(style.png) 0 -455px;
	height:27px;
	width:88px;
}
.base4 .a{
	background:url(style.png) -130px -455px;
	height:26px;
	width:29px;
}

.base5 .d{
	background:url(style.png) 0 -485px;
	height:88px;
	width:93px;
}
.base5 .c{
	background:url(style.png) -130px -485px;
	height:77px;
	width:78px;
}
.base5 .b{
	background:url(style.png) 0 -575px;
	height:22px;
	width:82px;
}
.base5 .a{
	background:url(style.png) -130px -575px;
	height:21px;
	width:22px;
}

#box{
	display:none;
	position:absolute;
	border:solid 1px #000;
	z-index:100;
}

#controls{
	font:13px Arial,Helvetica,sans-serif;
	height:468px;
	position:absolute;
	top:5px;right:5px;
	width:130px;
}
#btnClear,#btnNext{
	background:#D5D50D;
	border:solid 1px #fff;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	display:inline-block;
	position:absolute;
	width:130px;
}
#btnClear{top:10px;}
#btnNext{bottom:0}
#btnClear:active,#btnNext:active{
	border:solid 1px #000;
}
#btnClear>b,#btnNext>b{
	border-bottom:solid 1px #808080;
	border-right:solid 1px #808080;
	cursor:pointer;
	display:inline-block;
	height:26px;
	line-height:26px;
	text-align:center;
	width:129px;
}

#msg{
	color:#000;
	font-size:18px;
	position:absolute;
	top:55px;
	text-align:center;
}
#result{
	font-size:32px;
	height:30px;
	line-height:30px;
	margin-top:-15px;
	position:absolute;
	top:50%;
	text-align:center;
	width:inherit;
}
#result p{
	font-size:12px;
	margin-top:-7px;
}
#texts{
	position:absolute;
	top:340px;
}
#texts>div{
	margin-bottom:5px;
	position:relative;
	width:130px;
}
#texts>div>span{
	border:solid 1px #000;
	display:inline-block;
	line-height:25px;
	text-align:center;
	width:110px;
}
#texts .btnUp{
	background:url(style.png) -200px 0;
	border:solid 1px #fff;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	cursor:pointer;
	display:block;
	height:10px;
	position:absolute;top:0;right:0;
	width:11px;
}
#texts .btnDown{
	background:url(style.png) -220px -1px;
	border:solid 1px #fff;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	cursor:pointer;
	display:block;
	height:10px;
	position:absolute;bottom:0;right:0;
	width:11px;
}
#texts .btnUp:active,#texts .btnDown:active{border:solid 1px #000}