/******************************************************************************
**	WEBDW样式表CSS
**	广东融合通信有限公司
*******************************************************************************
**
*/

/* TOOLBAR BUTTONS */

.widgToolbar a	/*工具栏*/
{
	display: block;
	width: 70px;
	height: 18px;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 9pt;
	color: #16428B;
	text-decoration: none;
	text-align: right;
	line-height: 18px;
}

.widgToolbar a:hover
{
	border: 1px outset;
	cursor: hand;	
}

.widgToolbar a:active
{
	border: 1px inset;
	cursor: hand;
}

.widgToolbar li.on a, .widgToolbar li.on a:hover
{
	border: 1px inset;
	cursor: hand;
}

.widgButtonStopChat  /*工具栏按钮_结束会话*/
{
	background-image: url(images/stopchat.gif);
}

.widgButtonStartChat
{
	background-image: url(images/chat.gif);
}

.widgButtonSaveLog
{
	background-image: url(images/savelog.gif);
}

.widgButtonBold  /*工具栏按钮_设为粗体*/
{
	background-image: url(images/bold.gif);
}

.widgButtonImage 
{
	background-image: url(images/image.gif);
}

.widgButtonItalic 
{
	background-image: url(images/italic.gif);
}

.widgButtonLink
{
	background-image: url(images/hyperlink.gif);
}

.widgButtonOrdered
{
	background-image: url(images/numbered_list.gif);
}

.widgButtonUnordered
{
	background-image: url(images/list.gif);
}

.widgButtonTextColor  /*工具栏按钮_文字颜色*/
{
	background-image: url(images/textcolor.gif);
}
	
.widgButtonBackColor
{
	background-image: url(images/bgcolor.gif);
}

.widgButtonEmoticons  /*工具栏按钮_添加表情*/
{
	background-image: url(images/smiley.gif);	
}

.widgButtonUpload	 
{
	background-image: url(images/upload.gif);
}

.widgButtonSatisfaction  /*工具栏按钮_满意度*/
{
	background-image: url(images/satisfaction.gif);
}

.widgButtonWebPhone
{
	background-image: url(images/webphone.gif);
}

/* TOOLBAR */

.widgToolbar	/*工具栏 */
{		
	list-style: none;
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0 0 0 0;
}

* html .widgToolbar
{
	width: auto;
}

.widgToolbar li
{
	display: inline;
	float: left;
	width: 78px;
	height: 25px;
	margin-top: 15px;
	margin-left: 8px;
}

.WidgCPIframe
{
	width: 154px;
	height: 104px;
	position: absolute;
}

.WidgSmileyIframe
{	
	width: 260px;
	position: absolute;
}

.WidgUploadIframe
{
	width: 260px;
	height: 90px;
	position: absolute;		
}	

.WidgWebPhoneIframe
{
	width: 244px;
	height: 170px;
	position: absolute;		
}

/* EDITING AREA */

.widgIframe
{
	width: 95%;
	height: 4.5em;
	margin-left: 5;
	border: 1px solid #7BAEF5;
}

#iframeBody  /*会话内容输入框*/
{
	background-color: #FFFFFF;
	border: 0px;
	
	SCROLLBAR-FACE-COLOR: #B6D7FF; /*滚动条凸出部分的颜色*/
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;/*滚动条空白部分的颜色*/
	SCROLLBAR-SHADOW-COLOR: #ECF5FF;/*立体滚动条阴影的颜色*/
	SCROLLBAR-3DLIGHT-COLOR: #8DB1E3;/*滚动条亮边的颜色*/
	SCROLLBAR-ARROW-COLOR: #16428B;/*上下按钮上三角箭头的颜色*/
	SCROLLBAR-TRACK-COLOR: #ECF5FF;/*滚动条的背景颜色*/
	SCROLLBAR-DARKSHADOW-COLOR: #8DB1E3;/*滚动条强阴影的颜色*/
	SCROLLBAR-BASE-COLOR: #8DB1E3;/*滚动条的基本颜色*/
}
.widgContainer textarea.widgEditor
{
	clear: left;
	width: 100%;
	height: 200px;
	padding: 0;
}

/* EDITOR CONTAINER */

.widgContainer
{
}

/* HTML TAGS */
.windowBody	/*整个窗口的BODY元素*/
{
	font-family: sans-serif;
	font-size: 9pt;
	background-color: #EEF5FF;
/*	color: #000000;*/
	margin: 0px;
}


#send
{
	margin-top : 50%;
	margin-left: 3;
	width: 72px;
	height: 30px;
}

#textarea.richEditor
{
	width: 100%;
	height: 100%;		
	margin-left: 0;
	border-width: 0px;
}

.keychange a:link		{ font-size: 9pt; color: #FFFFFF; text-decoration: none}
.keychange a:visited	{ font-size: 9pt; color: #FFFFFF; text-decoration: none}
.keychange a:hover		{ font-size: 9pt; color: #FFFF99; text-decoration: underline}
.keychange a:active		{ font-size: 9pt; color: #FF9999; text-decoration: underline}
.keychange td			{ font-size: 9pt; color: #FFFFFF}

.eButton a  /*按钮*/
{
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 9pt;
	color: #16428B;
	text-decoration: none;
	display: inline;
	text-align: center;
	line-height: 22px;
}

.eButton a:hover  /*按钮状态_指向时*/
{
	border: 1px outset;
	cursor: hand;
}

.eButton a:active  /*按钮状态_点击时*/
{
	border: 1px inset;
	cursor: hand;
}

.commonBtn  /*按钮_发送图片、保存记录*/
{
	width:62px;
	height:22px;
	background-image:url(images/commonBtn.gif); 
	float:left;
}

.changeKeyBtn /*按钮_下拉按钮*/
{
	width:12px; 
	height:22px; 
	background-image:url(images/changeKeyBtn.gif); 
	float:right;	
}

.submitBtn  /*按钮_发送*/
{
	width:62px; 
	height:22px; 
	background-image:url(images/commonBtn.gif); 
	float:right;
}

.chat_frame  /*会话内容显示框*/
{
	border: 1px solid #7BAEF5;
}

.chat_frame_body /*会话内容显示框BODY元素*/
{
	background-image: url(images/vilogo01-zh-cn-custom.jpg); /*会话内容显示框背景图*/
	background-repeat: no-repeat; 
	background-position: center; 
	background-attachment: fixed;
	
	SCROLLBAR-FACE-COLOR: #B6D7FF; /*滚动条凸出部分的颜色*/
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;/*滚动条空白部分的颜色*/
	SCROLLBAR-SHADOW-COLOR: #ECF5FF;/*立体滚动条阴影的颜色*/
	SCROLLBAR-3DLIGHT-COLOR: #8DB1E3;/*滚动条亮边的颜色*/
	SCROLLBAR-ARROW-COLOR: #16428B;/*上下按钮上三角箭头的颜色*/
	SCROLLBAR-TRACK-COLOR: #ECF5FF;/*滚动条的背景颜色*/
	SCROLLBAR-DARKSHADOW-COLOR: #8DB1E3;/*滚动条强阴影的颜色*/
	SCROLLBAR-BASE-COLOR: #8DB1E3;/*滚动条的基本颜色*/
}

.word_count  /*显示当前已输入字数*/
{
	width:200px;
	border-width:0; 
	border-style:none; 
	background-color:transparent; 
	font-size:9pt;
	color: #16428B;
	margin-left:5px;
	float:left;
}

.composing  /*对方正在输入提示信息*/
{
/*	position:absolute; */
	font-size:9pt; 
/*	left:15px; */
	visibility: hidden;
	color: #16428B;
}

.customerTitle_band	/*会话窗口标题栏iframe*/
{
	width:100%;
	height:60px; 
/*	background-image: url(images/customTitle.gif);*/
/*	background-repeat: no-repeat; */
/*	float:left;*/
}

.selected_tab  /*tab_已选中*/
{
	width: 69px;
	height:23px;
	background-image: url(images/selectedTab.gif); 
	color: #16428B;
	font-size:9pt;
	float:left;
	cursor:pointer;
}

.unselected_tab  /*tab_未选中*/
{
	width: 69px;
	height:23px;
	background-image: url(images/unselectedTab.gif); 
	color: #7C8188;
	font-size:9pt;
	float:left;
	cursor:pointer;
}

.tab_band  /*tab区域*/
{
	width: 95%;
	border-bottom: 1px solid #7BAEF5;
	margin-bottom: 5px;
}

.submit_band /*提交按钮栏*/
{
	float: right; 
	width: 80px;
}

.upload_band /*上传按钮栏*/
{
	float:left; 
	width:85%;
}