@charset "utf-8";

	.staffBubble_top{border-bottom:3px solid; border-top-color:#FFDE7B; border-bottom-color:#FFDE7B; border-left:3px dotted transparent; border-right:3px dotted transparent;}
	.staffBubble_bot{border-top:3px solid; border-top-color:#FFDE7B; border-bottom-color:#FFDE7B; border-left:3px dotted transparent; border-right:3px dotted transparent;}
	
	.customerBubble_top{border-bottom:3px solid; border-top-color:#ECF5FF; border-bottom-color:#ECF5FF; border-left:3px dotted transparent; border-right:3px dotted transparent;}
	.customerBubble_bot{border-top:3px solid; border-top-color:#ECF5FF; border-bottom-color:#ECF5FF; border-left:3px dotted transparent; border-right:3px dotted transparent;}
	
	.systemMessageArea
	{
		margin-top:20px;
		margin-bottom:20px;
		word-wrap:break-word;word-break:break-all;
	}
	
	.systemMessage
	{
	font-size: 14px;
	color: #FF4D4D;		
	}
	
	.systemMessageTime
	{
	font-size: 12px;
	color: #999;
	}
	
	.staffNameArea
	{
	margin-top:10px;
	}
	
	.staffNameContainer
	{
	font-weight: bold;
	color: #FF4DFF;
	font-size: 15px;
	}
	
		.staffMessageTime
	{
	font-size: 12px;
	color: #999;
	margin-left:15px;
	}
	
	 .staffMessageArea
	 {
		margin-top:5px;
	}
	
	.staffBubbleArrowContainer{
		position:absolute; left:-11px; top:4px;
		display:block;
		height:15px;
		width:12px;
		background:url("images/staffBubble_arrow.png") left no-repeat;
	}
		
	.staffBubbleArea{
		float:left;position:relative;margin-right:100px;left:12px;word-wrap:break-word;word-break:break-all;
	}
	
	.staffMessageContainer{
		padding:5px;background-color:#FFDE7B;	
	}
	
	.staffMessage
	{
		font-size: 14px;
		color: #000000;		
		
	}
	
	.customerNameArea
	{
	margin-top:10px;
	
	}
	
	.customerNameAreaFloat
	 {
		margin-top:10px;
		margin-right:12px;
		float:right;
	}
	
		.customerMessageArea
	 {
		margin-top:5px;margin-bottom:5px;
	}
	
	.customerBubbleArrowContainer{
		display:block;
		height:15px;
		width:12px;
		background:url("images/customerBubble_arrow.png") left no-repeat;
		position:absolute; right:-11px; top:6px;
	}
	
	.customerBubbleArea{
		float:right;position:relative;margin-left:100px;margin-right:12px;word-wrap:break-word;word-break:break-all;
	}
	
	.customerMessageContainer{
		padding:5px;background-color:#ECF5FF;	
	}
	
	.customerMessage
	{
		font-size: 14px;
		color: #000000;		
	}
	
	.customerMessageTime
	{
	font-size: 12px;
	color: #999;
	margin-left:15px;
	}

    	.extensionalMessageArea
	{
		margin-top:20px;
		margin-bottom:20px;
		word-wrap:break-word;word-break:break-all;
	}
	
	.extensionalMessage
	{
	font-size: 14px;
	color: #FF4D4D;		
	}
	
	.extensionalMessageTime
	{
	font-size: 12px;
	color: #999;
	}

	a{
		font-size: 14px;
		text-decoration:none;
		color:dodgerblue;
	}

	a:hover{
		font-size: 14px;
		text-decoration:none;
		color:blue;
	}

	ul{
		margin: 5px;
		margin-right: 14px;
	}