.button, .list-cell {
	-fx-background-radius: 5.0em;
}

.context-menu, .context-menu > * {
	-fx-background-radius: 15px;
	/*TODO: solution below does not work */
	-fx-background-color: transparent;
}

.menu-item {
	-fx-background-radius: 15.0px;
}

.button:hover {
	-fx-scale-x: 1.05;
	-fx-scale-y: 1.05;
}

.label {
	-fx-background-color: transparent;
}

#remainingCharsLabel {
	-fx-text-fill: #00FF00;
	-fx-background-color: transparent;
}

.online {
	-fx-text-fill: limegreen;
}

.away {
	-fx-text-fill: orangered;
}

.busy {
	-fx-text-fill: red;
}

.offline {
	-fx-text-fill: gray;
}

.received-message {
	-fx-alignment: center-left;
	-fx-background-radius: 4.0em;
	-fx-text-alignment: right;
}

.own-message {
	-fx-alignment: center-right;
	-fx-background-radius: 4.0em;
	-fx-text-alignment: left;
}