#topicRow {
	height: 17px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}

#topicArea {
	position: relative;
	overflow: hidden;
	min-height: 23px;
	height: 23px;
}

#topicArea.topicSix {
	border-bottom: 1px solid rgb( 154, 154, 154 );

	background-repeat: repeat-x;
	background-position: top;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(1%,#ededed), color-stop(100%,#dedede));
}

#topicArea.topicSeven {
	border-bottom: 1px solid rgb( 178, 178, 178 );
	background-color: rgba( 235, 235, 235, .85 );
}

#topicMessage {
	position: absolute;
	top: 3px;
	left: 0;
	right: 0;
	min-height: 15px;
	padding: 0 20px 0 8px;
	font-size: 14px;
	font-family: -apple-system-body, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 17px;
	text-align: center;
	color: black !important;
	word-wrap: break-word;
	white-space: pre-wrap;
	-webkit-line-break: after-white-space;
	-webkit-nbsp-mode: space;
}

#topicMessage a {
	color: blue !important;
}

#toggleButton {
	position: absolute;
	top: 4px;
	right: 3px;
	width: 17px;
	height: 16px;
	z-index: 10;
	cursor: default;
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
	#toggleButton {
		background-image: url(topicToggleDown@3x.png);
	}

	#toggleButton.up {
		background-image: url(topicToggleUp@3x.png);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#toggleButton {
		background-image: url(topicToggleDown@2x.png);
	}

	#toggleButton.up {
		background-image: url(topicToggleUp@2x.png);
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
	#toggleButton {
		background-image: url(topicToggleDown.png);
	}

	#toggleButton.up {
		background-image: url(topicToggleUp.png);
	}
}
