.ns-emotion-dialog{
	height:260px;//for setPositon method
}
.tt-emotion-layout{
	font-size:12px;
	line-height:1em;
	font-family:$sansFontFamily;
	color:#555;
	padding: 15px;
	.emotion-tab{
		@include clearfix;
		border-bottom: 1px solid #E4EBF0;
		height:30px;
	}
	.emotion-tab-item{
		float:left;
		cursor:pointer;
		padding:0 11px;
		line-height:30px;
		border: 1px solid #fff;
		border-bottom-color: #E4EBF0;
		margin-bottom: -1px;
		margin-top: -1px;
		color: #66757F;
		&.tab-active{
			color: #005999;
			border-color: #E4EBF0;
			border-bottom-color: #FFF;
		}
	}
	.emotion-body-container{
		margin-top:1px;
		background:#fff;
	}
	.emotion-body-scroll{
		padding-top:10px;
		height:187px;
		overflow-y:auto;
	}
	table{
		border-collapse: collapse;
	}
	td{
		text-align:center;
		border:1px solid #eee;
		cursor:pointer;
		position: relative;
		padding:0;
		img{
			position:relative;
			z-index: 22;
		}
		.td-border{
			position:absolute;
			z-index: 1;
			display: none;
			left:-1px;
			top:-1px;
			border:1px solid #509fe5;
		}
		&:hover{
			background:#f2f9ff;
			.td-border{
				display: inline;
			}
		}

	}

	.emotion-table-size-small{
		td{
			width: 30px;
			height: 30px;
			img{
				width: 24px;
				height: 24px;
			}
			.td-border{
				width: 30px;
				height: 30px;
			}
		}
	}
	.emotion-table-size-big{
		td{
			width: 61px;
			height: 61px;
			img{
				width: 46px;
				height: 46px;
			}
			.td-border{
				width: 61px;
				height: 61px;
			}
		}
	}
}