.emoteContainer
{
	min-width:0px;
	position:relative;
	background-image:url('/nmed3/images/background.png');
	 background-repeat: repeat-x;
	text-align:left;
}

.emoteList
{
	position:absolute;
	top:0px;
	left:25px;
	max-width:264px;
	background-color:white;
	border:solid 1px #999999;
	text-align:left;
	display:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.emoteList img {
	display:inline-block;
}

.emoteButton
{
	background-color:#C0C0C0;
	width:24px;
	height:23px;
	padding-right:1px;
	padding-bottom:1px;
	border:solid 1px #505050;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display:inline-block;
}

.emoteButton > div:nth-of-type(1) { width:24px; height:24px;}

.emoteButton #emote { background-image: url('/nmed3/images/buttonOff.png'); }
.emoteButton #bold { background-image: url('/nmed3/images/buttonBoldOff.png'); }
.emoteButton #italics { background-image: url('/nmed3/images/buttonItalicsOff.png'); }
.emoteButton #strike { background-image: url('/nmed3/images/buttonStrikeOff.png'); }
.emoteButton #underline { background-image: url('/nmed3/images/buttonUnderlineOff.png'); }
.emoteButton #color { background-image: url('/nmed3/images/buttonColorOff.png'); }

.emoteButton #emote:hover { background-image: url('/nmed3/images/buttonOn.png'); }
.emoteButton #bold.active, .emoteButton #bold:hover { background-image: url('/nmed3/images/buttonBoldOn.png'); }
.emoteButton #italics.active, .emoteButton #italics:hover { background-image: url('/nmed3/images/buttonItalicsOn.png'); }
.emoteButton #strike.active, .emoteButton #strike:hover { background-image: url('/nmed3/images/buttonStrikeOn.png'); }
.emoteButton #underline.active, .emoteButton #underline:hover { background-image: url('/nmed3/images/buttonUnderlineOn.png'); }
.emoteButton #color:hover { background-image: url('/nmed3/images/buttonColorOn.png'); }

.picker
{
	background-color:white;
	position:absolute;
	top:26px;
	padding-top:4px;
	padding-bottom:4px;
	border:solid 1px #999999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
}

.picker table
{
	border-collapse:separate;
	border-spacing: 4px 0;	
	
}

.picker tr
{
	padding:0px;
}

.picker td
{
	width:10px;
	height:10px;
	min-width:10px;
	min-height:10px;
	padding:0px;
	
	border:solid 1px #999999;
}

.picker tr.spacer td
{
	border:solid 0px #999999;
}

div.picker tr.top td
{
	border:solid 1px #999999;
	border-bottom-width:0px;
}

div.picker tr.mid td
{
	border:solid 1px #999999;
	border-top-width:0px;
	border-bottom-width:0px;
}

div.picker tr.last td
{
	border:solid 1px #999999;
	border-top-width:0px;
}