div.demo-tool {
	width:170px;
	display:block;
	position:fixed;
	top:100px;
	left:-210px;
	background:#542c79;
	color:#c8a4ea;
	padding:20px;
	z-index:1000;
	font-size:12px;
	-moz-transition: left 0.3s;
	-webkit-transition: left 0.3s;
	-o-transition: left 0.3s;
}

div.demo-tool.comeout {
	left:0px;
}

div.demo-tool > div {
	margin-bottom:10px;
}

div.demo-tool > a.change-bg {
	display:inline-block;
	margin-right:6px;
	width:30px;
	height:30px;
	border:2px solid #65398e;
}

div.demo-tool > a.change-bg:hover {
	border:2px solid #7548a0;
}

div.demo-tool > a.change-bg.active {
	border:2px solid #fff;
}

div.demo-tool > a.change-color {
	display:inline-block;
	margin-right:6px;
	width:30px;
	height:30px;
	border:2px solid #65398e;
}

div.demo-tool > a.change-color:hover {
	border:2px solid #7548a0;
}

div.demo-tool > a.change-color.active {
	border:2px solid #fff;
}

div.demo-tool div.comelink {
	display:block;
	background:#542c79 url(../images/tools-icon.png) no-repeat center;
	width:36px;
	height:36px;
	float:right;
	margin-right:-56px;
}

div.demo-tool div.split {
	display:block;
	height:1px;
	border-bottom:1px dashed #8b5eb5;
	margin:16px 0px;
}