/* styles for encript only */
/* use these google fonts
	font-family: 'Lato', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Roboto', sans-serif;
	font-family: 'Josefin Sans', sans-serif;
	font-family: 'Raleway', sans-serif;
   end google font examples */

#page_holder {
	margin-top: 70px;
}

.title {
	font-size: 1.5rem;
	font-family: "Josefin Sans", sans-serif;
}

p {
	font-family: "Lato", sans-serif;
	font-size: 1.0rem;
}

p.copy, ol.copy, ul.copy {
	font-size: 1.5rem;
	font-family: "Raleway", sans-serif;
}

pre {
	font-size: 1.1rem;
	font-family: Courier;
}

.chat {
	position: relative;
}

.who {
	position: absolute;
	top: 0px;
	right: 10px;
	background: #ff3300;
	font-size: 1.0rem;
	font-weight: 600;
	color: #ffffff;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 3px;
	z-index: 500;
}

.who_rep {
	position: absolute;
	top: 0px;
	right: 50px;
	background: #ff3300;
	font-size: 1.5rem;
	font-weight: 600;
	color: #ffffff;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 3px;
	z-index: 500;
}

.who_guest {
	/* because of the difference in the length of the words 'representative' and 'guest,' there must be two classes to position the tab */
	position: absolute;
	top: 0px;
	left: 165px;
	background: #ff3300;
	font-size: 1.0rem;
	font-weight: 600;
	color: #ffffff;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 3px;
	z-index: 500;
}

.chat .messages {
	border: 1px solid #000000;
	width: 250px;
	height: 210px;
	padding: 10px;
	overflow-y: scroll;
}

.chat .message a {
	color: slategray;
}

.chat .message p {
	margin: 5px 0;
}

.chat .entry {
	width: 260px;
	height: 40px;
	padding: 5px;
	margin-top: 5px;
	font: 1.0em Arial;
}

.chat .entry_guest {
	width: 260px;
	height: 40px;
	padding: 5px;
	margin-top: 5px;
	font: 1.0em Arial;
}

#sender_chat, #guest_chat {
	/*background: #d3d3d3;*/
	width: 50%;
	height: 100%;
	text-align: left;
	vertical-align: top;
	padding: 10px;
}

#directions {
	/*background: #d3a3d3;*/
	width: 50%;
	height: 100%;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
}