chatstack.css

.stackContainer {
	border-color: #eee;
	border-width: 1px 0 1px 0;
	border-style: solid;
}

.stackContainer .toggle {
	background-color: #f5f5f5;
	border-bottom: 1px solid #fafafa;
	background-repeat: no-repeat;
	background-position: 2px 50%;
	padding-left: 24px;
	min-height: 16px;
	color: #777;
}

.NI.NJ {
	text-align: right;
	position: relative;
}

.stackSelector {
	cursor: pointer;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	direction: rtl;
	position: relative;
}

.selectorWindow {
	position: absolute;
	width: 200px;
	background: #F7F7F7;
	right: 0;
	top: 1.5em;
	z-index: 100;
	border: 1px solid #888;
	border-bottom-width: 3px;
	border-right-width: 3px;
	padding: 3px;
	text-align: left;
}

.selectorWindow .stackElement {
	cursor: pointer;
	color: #000;
	padding-left: 25px;
	min-height: 1em;
}

.selectorWindow .stackElement:hover {
	background-color: #ffd;
}

.selectorWindow .stackElement.selected {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9sHChcbGMqDnAEAAABkSURBVDjLtZNBDsAgCAQHP1768vXSNh5UMKQke9E4WRYxSYxlZg4gycmUpE+AA3rk491KbcO+XjdpBxMXoZP54QFkTU5CtgFlIGHKEaRRrd9aKIVYGmPpI50+jqZwZzbSquvcAZ3xqoRcFjNmAAAAAElFTkSuQmCC);
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.oldContent {
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.stackContainer .expand, .csLabel.expand {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABlSURBVDiN1VM5DsAwCLP78fBzd0mH0nBIydJIXoIBgwUlYeddW9nHCpA0ktZN8nwDoAmThAye70cYmZIZG6/PRdWlkohTEspY1aVSVy3J4ztaY9OpQ227Ih6zW3gslRRb+/9jugEUaOVNZG+eygAAAABJRU5ErkJggg==);
}

.stackContainer .collapse, .csLabel.collapse {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABjSURBVDiN1ZNBCsAgDAR3+/L48unFgi0aBfFQIZdkZy6JBrTzri36uMB22I7UAHRLUkiiVgxzC3AqWYWHkhkcvV5XkAXT2SwwkyzBmeR7BwUY7r3OStszoOdYMvgFNXn//zPdEDbqQ7CjjwQAAAAASUVORK5CYII=);
}

.stackContainer .nested {
	padding-left: 25px;
}