#templates {
	background: yellow;
	margin-bottom: 3em;
	width: 45%;
	display: none;
	}

#chats {
	}

#chats > div {
	width: 45%;
	padding: 1em;
	border: 1px solid gray;
	}

#left {	float: left; }
#right { float: right; }

#transcript {
	clear: both;
	padding: 1em;
	}

h2 {
	margin-top: 0;
	}

div.branch {
	margin-top: 1em;
	padding: 1ex;
	}

div.b1 { background: #FAEBD7; }
div.b2 { background: #FFEFDB; }
div.b3 { background: #EEDFCC; }

div.who {
	float: left;
	width: 4em;
	}

div.what {
	width: 80%;
	margin-left: 5em;
	}

div.what textarea {
	border: none;
	width: 80%;
	}

div.what textarea.focused {
	background: #FFF68F;
	}

div.me .who {
	font-style: italic;
	color: #8B2323;
	}

div.you .who {
	font-style: italic;
	color: #00008B;
	}

div.unread .what {
	color: red;
	}

div.saying .who {
	color: red;
	}


#transcript p {
	margin: 0;
}


.warning {
	color: red;
	font-weight: bold;
	}

.hidden {
	display: none;
}