chat-output[id='output'] {
	margin: 5px;
	border: 1px solid #808080;
}
body {
	margin: 0px;
}

div[annoid='output'] {
	font-family: monospace, sans-serif;
	background-color: white;
}

editor {
	margin: 5px;
	border: 1px solid #808080;
	height: 100%;
}

editor:focus {
	margin: 4px;
	border: 2px solid #808080;
	height: 100%;
}

.editor-panel {
	min-height: 110px;
}

popup[id='smile-popup'] {
	width: 265px;
	height: 200px;
}

popup[id='smile-popup'] table {
	width: 265px;
	table-layout: fixed;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

popup[id='smile-popup'] tr {
	height: 32px;
}

popup[id='smile-popup'] td{
	width: 32px;
	padding: 0px;
	overflow: hidden;
	border: 1px solid #808080;
	vertical-align: middle;
	text-align: center;
}

popup[id='smile-popup'] img {
	padding: 0px;
	border-style: none;
}

.message {
	background-color: #DFE7EC;
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
}

.message.odd {
	background-color: #F0F4F7;
	color: #000;
}

.message-date:before {
	content: "[";
}

.message-date:after {
	content: "] ";
}

.message-add-info {
    margin-left: 10px;
    color: green;
}

.message-body {
	font-family: Times, serif;
	margin-left: 15px;
	font-size: 12pt;
}

.message-user-name {
	font-weight: bold;
}

.this-user .message-user-name, .this-user .message-date {
	color: #f00;
}

img {
	vertical-align: text-bottom;
}

.emottext {
	display: none;
}

.hide-emots .emoticon {
	display: none;
}
.hide-emots .emottext {
	display: inline;
}