/*
 * 4d:6f:6c:6c:79:20:32:30:30:34:3a:20:54:68:65:20:62:6f:75:6e:64:61:72:79:20
 * 6f:66:20:6d:79:73:65:6c:66:20:69:73:20:73:65:65:6d:69:6e:67:20:6c:65:73:73
 * 20:61:6e:64:20:6c:65:73:73:20:63:6c:65:61:72:2e:1f:1f:52:61:79:3a:20:57:65
 * 6c:6c:1f:20:6a:75:73:74:20:77:61:69:74:20:75:6e:74:69:6c:20:77:65:27:72:65
 * 20:70:72:65:64:6f:6d:69:6e:61:6e:74:6c:79:20:6e:6f:6e:62:69:6f:6c:6f:67:69
 * 63:61:6c:2e:20:54:68:65:6e:20:77:65:27:6c:6c:20:62:65:20:61:62:6c:65:20:74
 * 6f:20:6d:65:72:67:65:20:6f:75:72:20:74:68:6f:75:67:68:74:73:20:61:6e:64:20
 * 74:68:69:6e:6b:69:6e:67:20:61:74:20:77:69:6c:6c:1f:20:73:6f:20:66:69:6e:64
 * 69:6e:67:20:62:6f:75:6e:64:61:72:69:65:73:20:77:69:6c:6c:20:62:65:20:65:76
 * 65:6e:20:6d:6f:72:65:20:64:69:66:66:69:63:75:6c:74:2e:1f:1f:4d:6f:6c:6c:79
 * 20:32:30:30:34:3a:20:54:68:61:74:20:61:63:74:75:61:6c:6c:79:20:73:6f:75:6e
 * 64:73:20:6b:69:6e:64:20:6f:66:20:61:70:70:65:61:6c:69:6e:67:1f:20:59:6f:75
 * 20:6b:6e:6f:77:1f:20:73:6f:6d:65:20:42:75:64:64:68:69:73:74:20:70:68:69:6c
 * 6f:73:6f:70:68:69:65:73:20:65:6d:70:68:61:73:69:7a:65:20:74:68:65:20:65:78
 * 74:65:6e:74:20:74:6f:20:77:68:69:63:68:20:74:68:65:72:65:20:69:73:20:69:6e
 * 68:65:72:65:6e:74:6c:79:20:6e:6f:20:62:6f:75:6e:64:61:72:79:20:61:74:20:61
 * 6c:6c:20:62:65:74:77:65:65:6e:20:75:73:2e:1f:1f:52:61:79:3a:20:53:6f:75:6e
 * 64:73:20:6c:69:6b:65:20:74:68:65:79:27:72:65:20:74:61:6c:6b:69:6e:67:20:61
 * 62:6f:75:74:20:74:68:65:20:53:69:6e:67:75:6c:61:72:69:74:79:00:00:00:00:00
 */

body {
	background-color: #f0f0f0;
	
	margin: 0 auto;
	
	font-size: 10pt;
	font-family: Times, Serif;
}

a:link {
	color: #944;
	text-decoration: none;
}

a:visited {
	color: #a55;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	color: #a55;
	font-family: Sans-Serif;
}

.horz-strip {
	position: absolute;
	top: 50%;
	margin-top: -60px;
	width: 100%;
	
	background-color: #f4f4f4;
	height: 120px;
}

.horz-strip2 {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 100%;
	
	background-color: #fff;
	height: 100px;
}

.horz-strip2 .avatar-container {
	/*position: absolute;
	top: 50%;
	margin-top: -48px;
	left: 33%;
	margin-left: -48px;*/
	float: left;
}

.avatar-container {
	padding: 2px;
}

.chat-container {
	/*position: absolute;
	left: 33%;
	margin-left: 50px;*/
	
	width: 400px;
	float: right;
}

.chat-container #chat-log {
	height: 80px;
	overflow: auto;
}

.chat-container table {
	width: 100%;
	border-spacing: 0;
}

.chat-container table td {
	vertical-align: top;
}

.chat-container table tr.ai-message {
	background-color: #ffe8e8;
}

.chat-container table tr.human-message {
	background-color: #fff;
}

/* #message - input text box */
.chat-container #message {
	height: 19px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #eee;
}

.center-box {
	position: absolute;
	left: 50%;
	margin-left: -250px;
	
	width: 500px;
}

ul.icons {
	display: block;
	margin: 0;
	padding: 0;
	
	position: absolute;
	top: 50%;
	margin-top: 65px;
	left: 50%;
	margin-left: -200px;
	
	height: 50px;
}
ul.icons li {
	display: block;
}
ul.icons li a {
	display: block;
	width: 48px;
	height: 48px;
	border: #f4f4f4 2px solid;
}
ul.icons li a:hover {
	border: #eee 2px solid;
}
ul.icons li span {
	display: none;
}

#icon_search {
	background: url("images/search-icon-pixel.jpg");
}
#icon_search:hover {
	background: url("images/search-icon.jpg");
}