body {text-align:center; margin:auto; margin-top:20px;}
input:focus, textarea:focus {outline: none;}
h1 {font:700 16px Helvetica;}

#loginForm {width: 800px; border: 1px outset #555; margin:50px auto; padding:50px; text-align:center;}
table {display:inline-block; margin:auto;}

ul.menu {display: block; text-align:center; margin:20px auto; padding: 0;}
ul.menu li {display: inline;}
ul.menu li a {  padding:5px 2px; background-color: #79dece; border:1px solid #79dece; border-radius:3px;margin:1px;
                                  text-decoration: none; color: #363; font: 12px Helvetica;}
ul.menu li a:hover {background-color: #69cece; transition: background-color 0.5s;}

div#container {width:800px;height:500px;display:inline-block;}
#board { margin: 0px auto; border:1px solid #d0d0d4; border-radius:15px 15px 0px 0px; padding:15px; color:#45454f; height:400px; overflow-y:scroll;
		text-align:left; border-bottom:0px;
		background-color:#effeef;}

ul#board li {list-style:none;padding:0px;display:inline-block;
		font: 500 14px Helvetica;
	}
ul#board li span {
	margin: 5px;
	color: #446;
	border: 1px solid #000;
	border-radius:30px;
	width:60px;
	height:60px;
	line-height:60px;
	vertical-align:middle;
	text-align:center;
  	font-size:11px;
}

ul#board li p{
  display: inline-block;
  border: 1px solid black;
  border-radius: 15px;
  padding: 15px;
  margin-top:40px;
  max-width: 80%;
}
ul#board li:nth-child(even) {float:right; clear:left;}

ul#board li:nth-child(even) span{ float: right;  background: #f4fef4;}

ul#board li:nth-child(even) p{ float: right;border-top-right-radius: 0px; background: #f4fef4;}

ul#board li:nth-child(odd) {float:left; clear:right;}

ul#board li:nth-child(odd) span{ float: left; background: #deedde;}

ul#board li:nth-child(odd) p{ float: left; border-top-left-radius: 0px; background: #deedde;}

textarea#prompt {float:left; margin: 0px; border:1px solid #d0d0d4; border-radius:0px 0px 0px 15px; padding:15px; color:#45454f;display:inline-block; height: 60px; background-color: #dfeedf;display:inline-block; width:calc(100% - 80px);border-top:0px; border-right:0px; 
		}

div#send_prompt { float:left; width: 79px; height:59px; margin:0px; border-radius:0px 0px 15px 0px; border:1px solid #d0d0d4; background-color: #cfdecf; border-top:0px; border-left:0px;}
div#send_prompt img{width:48px;margin:10px;}

table.db {border-collapse:collapse;border:none;table-layout: auto;width:80%;}
table.db td {border:none;padding:10px;}
table.db td {border:1px solid #484;padding:10px;}

ul#services li {display: inline-block; font: 500 14px Helvetica;margin: 0px 10px;}
ul#services li div { width:200px; height: 184px; border: 1px solid black; border-bottom:0px;  border-radius: 10px 10px 0px 0px;margin:0px; background-size:100%; background-position:center; }
ul#services li h2 { font: 500 14px Helvetica; display:inline-block;width:200px; border: 1px solid black; border-radius: 0px 0px 10px 10px; padding:5px 0px; color: #00f;margin:0px;}
ul#services li:hover h2 { background-color: #dfe; transition: background-color 1s;}
ul#services li:hover div { background-size: 110%; transition: background-size 2s;}