.chatbubble-to {
position: relative;
width: 60%;
height: 100%;
padding: 10px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 10px 10px 10px 10px;
float: right;
background:#F8F8F8; 
}

.chatbubble-to:after 
{
content: '';
position: absolute;
border-style: solid;
border-color: transparent #F8F8F8;
display: block;
width: 0;
z-index: 1;
margin-top: -10px;
top: 50%;
right: -10px;
border-width: 10px 0 10px 10px;
}

.chatbubble-from {
position: relative;
width: 60%;
height: 100%;
padding: 10px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 10px 10px 10px 10px;
float: left;
background: #d0e4fe;
}

.chatbubble-from:after 
{
content: '';
position: absolute;
border-style: solid;
border-color: transparent #d0e4fe;
display: block;
width: 0;
z-index: 1;
margin-top: -10px;
top: 50%;
left: -10px;
border-width: 10px 10px 10px 0px;
}

.chat-time {
float: right;
position: relative;
font-size: 10px;
font-color: gray;
}

.chat-expire {
float: left;
position: relative;
font-size: 10px;
color: red;
}