#smile_palette {
	position:absolute;
	left:100%;
	margin-left:-340px;
	border:1px dashed #00B;
	width:320px;
	height:320px;
	overflow:auto;
}

#smile_palette a{
	display:block;
	width:21px;
	height:21px;
	float:left;
}

#smile_palette a{
	border:1px solid #FFF;
	opacity:1;
	padding:3px;
}

#smile_palette a:hover {
	border:1px solid #F00;
	opacity:1;
}

#smile_palette a.selected {
	border:1px solid #000;
	opacity:1;
	padding:3px;
	background:#008;
}




#smile_canvas {
	width:700px;
	height:300px;
	white-space:nowrap;
	background:#C0C0C0;
	border:0px none;
	border-bottom:1px dotted #0B0;
	border-right:1px dotted #0B0;	
}

#smile_canvas  .img{
	display:block;
	cursor:pointer;
	width:19px;
	height:19px;
	float:left;
	
	/*width:auto;
	height:auto;*/	
	background:#FFF no-repeat 50% 50%;
	border:0px none;
	border-top:1px dotted #0B0;
	border-left:1px dotted #0B0;
}