/* Copyright(c)2006 TikiRobot. Software license GPL version 2.

ChatBubble is based on "Even more rounded corners with CSS":
http://www.schillmania.com/content/projects/even-more-rounded-corners/
*/

div.CBmsg {
	display: table; 
	margin-bottom: 0.5em;
	max-width: 290px;
	overflow:hidden;
}

           
div.CBmsgL .CBcontent {
	padding-left: 3px;
}




        
div.CBtxt {
	float:left;
	display: table-cell;  
	position: relative;
	width: 200px;
	z-index: 1;
	margin-left: 0 0 5px 0 auto;
	font-size:9px;
	line-height:10px;
}


div.CBiconL { 
	float:left;
	display: table-cell; 
	vertical-align: bottom;
	padding-right: 14px; 
}

div.CBiconR {
	float:right;
	display: table-cell; 
	vertical-align: bottom;
	padding-left: 4px;
}

div.CBiconL img, div.CBiconR img{
	padding: 0px;
	width: 36px;
	height: 36px;
}

.CBltgreyL .CBcontent,
.CBltgreyL .CBt,
.CBltgreyL .CBb,
.CBltgreyL .CBb div {
	background:transparent url(BubbleLtGreyL800x1600.png) no-repeat top right;
}


.CBtxt .CBcontent {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:5px 12px 0px 0px;
}


.CBtxt .CBt {
 /* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.CBtxt .CBb {
 /* bottom */
	position:relative;
	width:100%;
}

.CBtxt .CBb,
.CBtxt .CBb div {
	height:10px; /* height of bottom cap/shade */
	font-size:1px;
}

.CBtxt .CBb {
	background-position:bottom right;
}

.CBtxt .CBb div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}