#btn_start, #btn_stop {
	position: absolute;
	bottom: 8px;
	right: 8px;
	width: 250px;
	display: none;
}

#canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #000;

}

#ctrl_frame {
	height: 70px;
	border-radius: 9px;
	display: inline-block;
	box-shadow: 0 0 12px #222;
	background-color: #CCC;
	position: absolute;
	bottom: 68px;
	right: 15px;
	display: none;
}

#btn_pause, #btn_play, #btn_prev, #btn_next {
	display: inline-block;
	cursor: pointer;
	text-align: center;
}

#btn_pause, #btn_play {
	background-color: #222;
	width: 86px;
	height: 86px;
	position: relative;
	top: -8px;
	border-radius: 20px;
	background: -webkit-linear-gradient(top, #333 16%, #000);
	box-shadow: 0 0 6px #222;
}

#btn_pause:hover, #btn_play:hover {
	background: -webkit-linear-gradient(top, #555 16%, #222);
}

#btn_prev, #btn_next {
	width: 70px;
	height: 70px;
	border-radius: 9px;
	background: -webkit-linear-gradient(top, #EEE 16%, #BBB);
	vertical-align: top;
}

#btn_prev:hover, #btn_next:hover {
	background: -webkit-linear-gradient(top, #CCC 16%, #999);
}


#btn_pause>span, #btn_play>span, #btn_prev>span, #btn_next>span {
	vertical-align: middle;
	background: url(/style/ctrl_frame.png);
	display: inline-block;
	position: relative;
	top: 15px;
}

#btn_pause>span {
	background-position: -62px 0;
	width: 29px;
	height: 55px;
}

#btn_play>span {
	background-position: -94px 0;
	width: 31px;
	height: 55px;
}

#btn_prev>span {
	width: 28px;
	height: 41px;
}

#btn_next>span {
	background-position: -31px 0;
	width: 28px;
	height: 41px;
}

#lb_gen {
	position: absolute;
	bottom: 3px;
	left: 3px;
	font-size: 15px;
}

#lb_wiki {
	position: absolute;
	bottom: 25px;
	left: 3px;
	font-size: 15px;
}

.pattern-wrapper {
	width: 340px;
	padding: 7px;
	border: 1px solid #777;
	overflow: hidden;
	line-height: 32px;
	display: inline-block;
	margin: 5px;
	cursor: pointer;
	color: #888;
	box-shadow: 0 1px 4px #000;
}

.pattern-wrapper:hover {
	border-color: #222;
	color: #000;
}

.pattern-thumb {
	width: 100px;
	height: 100px;
	border: 1px solid #777;
	float: left;
	display: inline-block;
}

.pattern-info {
	display: inline-block;
	margin-left: 8px;
}

.pattern-title {
	font-size: 21px;
	font-weight: bold;
}

.pattern-detail {
	color: #AAA;
}