body {
   background-color:#A4B6C8;
   background-image: url("../images/fondo-de-pagina.gif");
   margin: 35px;
   font-family: "Verdana";
   font-size: 24pt;
}

.formFieldRequired {
	color: #ff3333;
	font-size: 8pt;
	font-face: arial;
}

.hidden {
  display: none;
}

/* Chat Login */
.tkChatLogin p {
	color: #000000;
	font: 12pt arial; 
}
.tkChatLogin small {
	color: gray;
	font: 9pt arial;
}

.tkContainer {
	border: 1px solid gray;
	padding: 20px;
	width: 950px;
	margin: auto;
	background-color: #ffffff;
	text-align: left;
}

.tkPageHeader {
	background-image: url("../images/logo.gif");
	background-repeat: no-repeat;
	padding-top: 60px;
}

.tkChatLogin {
	margin-top: 1px;
	font-size: 10pt;
	border-top: 1px dashed gray;
}

.tkChatLogin form {
	margin-top: 0px;
	padding-left: 80px;
	background-image: url("../images/foto1.jpg");
	background-repeat: no-repeat;
	background-position: 0px 10px;
	border: none;
}

.tkChatLogin form fieldset {
	border: none;
}
.tkChatLogin form fieldset ol {
  margin: 0px;
  padding: 0px;
  border: none;
}
.tkChatLogin form fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  border: none;
}
.tkChatLogin form label {
	display: inline-block;	/* anda en IE */
  vertical-align: top;
  text-align:right;
  border: none;
}
.tkChatLogin form label {
	display: -moz-inline-box;	/* anda en mozilla */
}
.tkChatLogin form input {
  width: 120px; /* Width of labels */
  display:inline-block;
}

#tkChatSubmit {
	width: 125px;
	margin-left: 80px;
}

.tkChatLogin form label { width: 80px; } /* Width of labels */

.tkChatLogin em {
  font-weight: bold;
  font-style: normal;
  font-size: 8pt;
  color: #f00;
}
.tkChatLogin form em {
	margin-left: 5px;
}

/* Chat Waiting */
.tkChatWaiting {
	margin-top: 0px;
	apadding-bottom: 5px;
	border-top: 1px dashed gray;
}
.tkChatWaiting h1 {
	color: #ff6600;
	font: bold 12pt arial;
}
.tkChatWaiting img {
	position:relative; 
	top:0px; left:220px;
}

/* Chat Unavailable */
.tkChatUnavailable {
	border-top: 1px dashed gray;
}
.tkChatUnavailable p {
	color: #ff3333;
	font: bold 12pt arial;
}

/* Chat Container */
.tkChatContainer {
	border: 1px solid gray;
	padding: 20px;
	width: 460px;
	margin: auto;
	background-color: #ffffff;
	text-align: left;
}

.tkChatBody {
	margin-top: 5px;
	overflow: auto;
	height: 300px;
	border: 1px solid lightgrey;
}

.tkChatFooter {
	float:bottom;
}

.tkChatMsg {
	text-align: left;
	display: block;
	font-size: 10pt;
	margin-top: 2px;
}

.tkChatPushUrl {
	text-align: left;
	display: block;
	font-size: 10pt;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #E0ECFF;
	border: 2px solid #C3D9FF;
}

.tkChatUserJoin {
	text-align: left;
	display: block;
	font-size: 10pt;
	margin-top: 10px;
	padding-top: 20px;
	padding-left: 50px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #E0ECFF;
	border: 2px solid #C3D9FF;
	background-image: url("../images/user_avatar.gif");
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

.tkChatUserLeft {
	text-align: left;
	display: block;
	font-size: 10pt;
	margin-top: 10px;
	padding-top: 20px;
	padding-left: 50px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #E0ECFF;
	border: 2px solid #C3D9FF;
	background-image: url("../images/user_avatar.gif");
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

.tkChatMsgSystem {
	display: none;
}

.tkChatMsgUser {
	display:table-cell; display:inline-block;
	vertical-align: top;
	margin-right: 1em;
	color: blue;
}

.tkChatMsgUserSelf {
	display:table-cell; display:inline-block;
	vertical-align: top;
	margin-right: 1em;
	color: red;
}

.tkChatMsgText {
	text-align: left;
	display:table-cell; display:inline-block;
	padding-left: 15px;
	white-space: pre-wrap;
}

.tkChatMsgSystemText {
	text-align: center;
	display: block;
	color: maroon;
	margin: 3px;
	border: 1px dashed lightgrey;	
}
<title>Chat</title>