#main_emoticon {
	height:25px;
	padding:5px 0;
	border-radius:5px 5px 0 0;
}
.bar_options{
	height:100%;
	width:auto;
	float:left;
	padding:0 4px;
}
.backpen, .frontpen {
	font-size:18px;
}
.bar_options:first-child {
	border-left:none !important;
}
.bar_options:last-child {
	border-right:none !important;
}
.bar_options img {
	width:auto;
	height:100%;
	display:block;
	margin:0 auto;
}

#picker_box {
	width:130px;
	height:auto;
	padding:2px;
	display:none;
	z-index:10000;
}
.bar_options_item {
	width:21px;
	height:21px;
	float:left;
	margin-right:3px;
	margin-top:2px
}
.bar_options_item img {
	width:100%;
	height:100%:
}
.picker, .wrap_picker {
	height:17px;
	width:17px;
	margin:0 auto;
	float:left;
}
.wrap_picker {
	margin-top:3px;
}
.wrap_picker {
	background-size:100% 100%;
}
.empty_pick {
	background-size:100% 100%;
}

.pick_color {
	width:18px;
	height:18px;
	float:left;
	margin:3px;
	background-size:100% 100%;
}
#list_emoticon {
	width:235px;
	height:auto;
	display:none;
	z-index:10000;
	border-radius:6px;
	overflow:hidden;
}
#list_emoticon img {
	float:left;
	display:block;
	margin:4px;
	height:25px;
	width:auto;
}
#smile_content {
	width:100%;
	height:240px;
}
#smile_header {
	width:100%;
	height:24px;
	padding:3px 0;
}
#smile_header {
	font-size:20px;
}
.lock_sm {
	width:40%;
	float:left;
	margin-left:5px;
}
.close_sm {
	width:40%;
	float:right;
	text-align:right;
	margin-right:5px;
}
#emo_list {
	width:100%;
	height:100%;
	overflow-y:auto;
}