body {
        margin: 0px;
        padding: 0px;
		background-image:url("http://wangweiqiang.net/demo/MagicNote/images/background.jpg");
      }
	a{
		text-decoration:none;
	}
	#myCanvas{
		border:solid 1px #ccc;
		margin-right:0px;
		margin-left:0px;
		display:block;
		margin-top:0px;
		box-shadow:#555 0px 0px 18px;
		background-color:#fff;
	}
	#myCanvas:active{
		/*cursor: url(images/pencil-cursor.png)  -80 -40;*/
	}
	#bottombar{
		text-align:center;
		font-size:2em
	}
	.toolbar{
		position:fixed;
		background-color:#fff;
		width:42px;
		left:0px;
		box-shadow: #999 1px 1px 11px;
		border-bottom-right-radius:5px;
	}
	#handler{
		position:absolute;
		top:0;
		left:42px;
		background-color:#fff;
		padding: 5px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 16px;
		box-shadow: #999 3px 1px 5px;
	}
	#handler .handler-item{
		display:block;
		width:10px;
		height:10px;
		border-radius:5px;
		background-color:#999;
		margin:5px 2px;
	}
	#handler .colorshow{
		background-color:#000;
	}
	.show{
		left:0;
	}
	.toolbar ul{
		margin:5px;
		padding:0;
	}
	.spliter{
		height:1px;
		background-color:#ddd;
		margin: 5px 5px 10px 5px;
	}
	.toolbar ul:last{
		border-bottom:none;
	}
	.toolbar ul li{
		list-style:none;
		height:42px;
	}
	.toolbar ul li img{
		opacity:0.5
	}
	.toolbar ul li img:hover{
		opacity:1;
	}
	#backgroundlist li img{
		opacity:1;
	}
	#selectedcolor{
		display:block;
		width:32px;
		height:32px;
		border-radius:32px;
	}
	#colorpicker{
		height:78px;
	}
	#colorlist{
		position: relative;
		margin: 0;
		padding: 0;
		width: 404px;
		top: -38px;
		left: 37px;
		background-color: #fff;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-left: 15px;
		box-shadow: #999 5px 1px 8px
	}
	#colorlist li{
		display: inline-block;
		width: 32px;
		height: 32px;
		border-radius: 32px;
		margin: 5px 0 0 0;
	}
	#backgroundlist{
		position: relative;
		margin: 0;
		padding: 0;
		width: 500px;
		top: -38px;
		left: 37px;
		background-color: #fff;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-left: 15px;
		box-shadow: #999 5px 1px 8px
	}
	
	#backgroundlist li{
		display: inline-block;
		width: 120px;
		height: 120px;
		margin: 5px 0 0 0;
	}
	
	#tools{
		position: relative;
		margin: 0;
		padding: 0;
		width: 150px;
		top: -38px;
		left: 37px;
		background-color: #fff;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-left: 15px;
		box-shadow: #999 5px 1px 8px
	}
	
	#tools li{
		display: inline-block;
		width: 32px;
		height: 32px;
		margin: 5px 0 0 0;
	}
	
	#opendialog{
		position: relative;
		margin: 0;
		padding: 0;
		width: 530px;
		top: -38px;
		left: 37px;
		background-color: #fff;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-left: 15px;
		box-shadow: #999 5px 1px 8px;
		overflow:hidden;
		height:156px;
	}
	
	#opendialog li{
		display: inline-block;
		width: 120px;
		height: 149px;
		margin: 5px;
		text-align: center
	}