@charset "utf-8";

/* 
	@名称: base
	@功能: 重设浏览器默认样式
*/

/* 防止用户自定义背景颜色对网页的影响 */
html{
	color:#4d4d4d;background:#fff;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;padding:0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* 要注意表单元素并不继续父级 font 的问题 */
body,button,input,select,textarea{
	font:12px/1.5 tahoma,arial,\5b8b\4f53;
}
input,select,textarea{
	font-size:100%;
}

/* 去掉各Table  cell 的边距并让其边重合 */
table{
	border-collapse:collapse;border-spacing:0;
}

/* IE bug fixed: th 不继承 text-align*/
th{
	text-align:inherit;
}

/* 去除默认边框 */
fieldset,img,a img{
	border:0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
	display:block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym{
	border:0;font-variant:normal;
}

/* 一致的 del 样式 */
del {
	text-decoration:line-through;
}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:500;
}

/* 去掉列表前的标识, li 会继承 */
ol,ul {
	list-style:none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
	text-align:left;
}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:500;
}

q:before,q:after {
	content:'';
}

/* 统一上标和下标 */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}

/* 让链接在 hover 状态下显示下划线 */
a:hover {
	text-decoration:underline;
}

/* 默认显示下划线，保持页面简洁 */
ins,a {
	text-decoration:none;
}

/* 清理浮动 */
.fn-clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.fn-clear {
	zoom:1; /* for IE6 IE7 */
}

/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide {
	display:none;
}

/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right {
	display:inline;
}
.fn-left {
	float:left;
}
.fn-right {
	float:right;
}

/**Last Changed Author: shuai.shao--Last Changed Date: Wed Nov 02 17:48:38 CST 2011**/
/** begin ---ui-btn-base.css---*/
/**
 * @name:       按钮（通用）ui-button
 * @author:     展新（zhanxin.lin@alipay.com）
 * @example:
 * 外层可以是 div, p, a, span 标签
 * 里层可以是 a, input, button
 * div > a
 * <div class="ui-button ui-button-sorange">
 *    <a class="ui-button-text">确定</a>
 * </div>
 *
 * div > input
 * <div class="ui-button ui-button-sorange">
 *    <input type="button" class="ui-button-text" value="确定" />
 * </div>
 *
 * a > input
 * <a class="ui-button ui-button-sorange">
 *    <span class="ui-button-text">确定</span>
 * </a>
 */
.ui-button {
    padding: 0 0;
    display: inline-block;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    overflow: visible;
    cursor: pointer;
}

div.ui-button, p.ui-button, span.ui-button {
    *display: inline;/* for ie */
}

.ui-button-text {
    display: block;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    overflow: visible;
}
.ui-button a.ui-button-text:hover {
    text-decoration: none;
}
.ui-button input.ui-button-text, .ui-button button.ui-button-text {
    *display: inline;/* for ie */
}

/** end ---ui-btn-base.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:18:56 CST 2011**/
/**alice.components.ui-button-base-1.0**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Fri Jun 15 15:24:35 CST 2012**/
/** begin ---ui-button-white.css---*/
/**
 * @name:       按钮（通用）ui-button
 * @author:     展新（zhanxin.lin@alipay.com）
 * @example:
 * 外层可以是 div, p, a, span 标签
 * 里层可以是 a, input, button
 * div > a
 * <div class="ui-button ui-button-sorange">
 *    <a class="ui-button-text">确定</a>
 * </div>
 *
 * div > input
 * <div class="ui-button ui-button-sorange">
 *    <input type="button" class="ui-button-text" value="确定" />
 * </div>
 *
 * a > input
 * <a class="ui-button ui-button-sorange">
 *    <span class="ui-button-text">确定</span>
 * </a>
 */
.ui-button-lwhite, .ui-button-lwhite:hover,
.ui-button-mwhite, .ui-button-mwhiter:hover,
.ui-button-swhite, .ui-button-swhite:hover,
.ui-button-text {
    background-image: url(https://img.alipay.com/sys/personal/nav/global-button.png);
    background-repeat: no-repeat;
    background-color: transparent;
}
.ui-button-lwhite .ui-button-text,
.ui-button-mwhite .ui-button-text,
.ui-button-swhite .ui-button-text{
    font-family: verdana, \5b8b\4f53, \9ED1\4F53, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

/* large-size */
.ui-button-lwhite { background-position: 0 -89px; }
.ui-button-lwhite .ui-button-text {
    padding: 8px 20px;
    background-position: right -266px;
    color: #595959;
}
.ui-button-lwhite:hover { background-position: 0 -133px; }
.ui-button-lwhite:hover .ui-button-text {
    background-position: right -310px;
}
/* middle-size */
.ui-button-mwhite { background-position: 0 -429px; }
.ui-button-mwhite .ui-button-text {
    padding: 5px 22px 6px 22px;
    background-position: right -577px;
    color: #595959;
}
.ui-button-mwhite:hover { background-position: 0 -466px; }
.ui-button-mwhite:hover .ui-button-text {
    background-position: right -614px;
}
/* smaill */
.ui-button-swhite { background-position: 0 -711px; }
.ui-button-swhite .ui-button-text {
    padding: 3px 12px 4px 12px;
    font-size: 12px;
    background-position: right -831px;
    color: #595959;
}
.ui-button-swhite:hover { background-position: 0 -741px; }
.ui-button-swhite:hover .ui-button-text {
    background-position: right -861px;
}

.ui-button-lwhite input.ui-button-text,
.ui-button-mwhite input.ui-button-text,
.ui-button-swhite input.ui-button-text {
    *overflow: visible;
}

/** end ---ui-button-white.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:31:54 CST 2011**/
/**alice.components.ui-button-white-1.0**/
/** CurrentDeveloper: Shawn**/
/** DeployDate: Fri May 18 14:21:41 CST 2012**/

/** begin ---visitor/base.css---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

body, button, input, select, textarea {
    font: 12px/1.5 tahoma,arial;
}

header,nav,section,menu,figure,article,time,footer{display:block;} 
.bold {
	font-weight: bold;
}

.fn-hide {
	display: none;
}

/** end ---visitor/base.css---*/
/** begin ---visitor/visitor.css---*/
/**
 * [layout]
 * 
 * * body 
 * 		+ 头区域 / #header
 * 			- 主Tabs / #main-tabs
 * 
 * 		+ 主面板 / #main-panels
 * 			- 机器人服务面板 / #robot-panel
 * 			- 人工服务面板 / #artifical-panel
 * 		
 * 		+ 页脚 /# footer
 * @author 程郑
 * @overview 用户页面布局
 */

html {
	overflow: hidden;
}

body {
	padding: 3px;
	min-width: 564px;
	overflow-y: hidden;
	font-size: 13px;
}

.ui-btn-inner,
.ui-confirmbox-button,
.clive-input-box .send-button,
#close-button,
#J_miniButton,
.clive-font-selector .font-button,
.clive-toolbar .record-button,
.image-upload .trigger-btn  {
	background: url(https://i.alipayobjects.com/e/201203/2sQn6pgvff.png) 0 0 scroll no-repeat transparent;
}

.ui-btn-bg,
.panels-bg,
.clive-toolbar,
#header {
	background: url("https://img.alipay.com/sys/clive/style/client/bg-sprite.png") 0 0 scroll repeat-x transparent;
}

#header {
	height: 39px;
	position: relative;
	background-position: 0 -123px;
	zoom: 1;
}
#header .header-corner {
	background: url("https://img.alipay.com/sys/clive/style/client/bg-sprite.png") no-repeat scroll right -164px transparent;
}

#main-tabs {
	padding-left: 1px;
	overflow: hidden;
	background: url("https://img.alipay.com/sys/clive/style/client/bg-sprite.png") no-repeat scroll 0 -41px transparent;
	zoom: 1;
}
#main-tabs .tab-item {
	float: left;
}

#main-panels {
	border: 1px solid #7BB0E2;
	border-top: none;
	zoom: 1;
}
#main-panels .panels-bg {
	background-position: 0 bottom;
	background-color: #E4F6FD;
	z-index: 200;
}
.panels-wrapper {
	padding:0 171px 4px 4px;
	position: relative;
}

.full-screen .panels-wrapper {
	padding:0 9px 4px 4px;
}

#robot-panel, #servicer-panel {
	position: relative;
}

#robot-textfield {
	height: 100px;
}

#close-button {
	background-position: -70px 0;
    border: medium none;
    cursor: pointer;
    height: 26px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 2px;
    width: 44px;
}

#queue-info {
	display: none;
	z-index: 9000;
}

#queue-info .ui-confirmbox-message{
	font-weight:bold;
}

#queue-info .ui-dialog-close {
  position:absolute;
  right: 8px;
  top: 8px;
  z-index:1;
  display:block;
  padding:2px;
  border:solid 1px grey;
  width:8px;
  height:9px;
  overflow:hidden;
  color:grey;
  line-height:8px;
  text-decoration:none;
}

#queue-info .ui-dialog-close:hover{
  background:grey;
  color:#FFF;
}

#queue-info .queue-count {
	color: #FF9400;
	font-size: 13px;
	padding: 0 3px;
}

#queue-info-mask {
	display: none;
	margin-top: 39px;
	z-index: 8999;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #FFF;
	filter:Alpha(opacity=10);
	opacity: 0;
}

.clive-panel {
	zoom: 1;
}

#J_robotIFrame, #J_servicerIFrame {
	width: 100%;
	position: absolute;
	top: 0;
	left: 3px;
	border: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

.channels-ct {
	padding-left: 12px;
}

.channels-title {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}

.question-channels  {
	text-align: left;
	padding-top: 10px;
	line-height: 25px;
}

.question-channels a {
	color: blue;
	font-weight: normal;
	margin-left: 12px;
	margin-right: 8px;
	float: left;
	white-space: nowrap;
}

.question-channels a:hover {
	text-decoration: underline;
	color: firebrick;
}

/** end ---visitor/visitor.css---*/
/** begin ---visitor/ui-button.css---*/
.ui-btn {
	overflow: hidden;
	text-align: center;
}
.ui-btn-bg {
	background-position: 0 0;
}
.ui-btn-right {
	background: url(https://img.alipay.com/sys/clive/style/client/bg-sprite.png) 0 -82px scroll no-repeat transparent;
}
.ui-btn-inner {
	/** btn-default.png **/
	background-position: 0 -28px;
	width: 114px;
	height: 39px;
	line-height: 33px;
	cursor: pointer;
}
.tab-active .ui-btn-inner {
	/** btn-selected.png */
	background-position: -116px -22px;
	width: 148px;
	font-weight: bolder;
	cursor: default;
}

/** end ---visitor/ui-button.css---*/
/** begin ---visitor/ui-confirmbox.css---*/
.ui-confirmbox {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -60px;
	width: 500px;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #7BB0E2;
	padding: 1px;
	font-size: 13px;
	z-index: 9500;
}
.ui-confirmbox-button {
	background-position: 0 0;
	border: 0 none;
	height: 26px;
	margin: 0 30px;
	width: 68px;
	cursor: pointer;
}
.ui-confirmbox-buttons {
	clear: both;
	padding-top: 10px;
	text-align: center;
	clear: both;
}

.ui-confirmbox .ui-dialog-container {
	background: none repeat scroll 0 0 #E6F8FC;
	padding: 20px 20px 10px 10px;
}
.ui-confirmbox .ui-confirmbox-inner {
	min-height: 70px;
	text-align: center;
}
.ui-confirmbox .ui-confrimbox-label {
	display: block;
	float: left;
	font-weight: bolder;
	height: 31px;
	margin: 0;
	padding: 0;
	width: 45px;
	text-align: center;
}
.ui-confirmbox .ui-confirmbox-message {
	padding-bottom: 10px;
}

/** end ---visitor/ui-confirmbox.css---*/
/** begin ---visitor/ui-feedbackdialog.css---*/
.feedback-dialog {
	display: none;
	left: 50%;
	margin-left: -158px;
	margin-top: -159.5px;
	position: absolute;
	top: 50%;
	width: 316px;
	height: 319px;
	z-index: 10000;
}
.feedback-dialog-bg {
	position: absolute;
	width: 316px;
	height: 319px;
	background: url("https://img.alipay.com/sys/clive/style/client/feedback-dialog-bg.png") no-repeat scroll left top transparent;
	_background-image: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://img.alipay.com/sys/clive/style/client/feedback-dialog-bg.png", enabled=true, sizingMethod="scale");

}
.feedback-dialog .feedback-padding {
	padding: 1em 2em 2em 2em;
	z-index: 10001;
	position: relative;
}
.feedback-dialog h3 {
	font-weight: bold;
	padding: 5px 0;
}
.feedback-dialog fieldset {
	margin-left: 10px;
	padding: 4px 10px;
}
.feedback-dialog textarea {
	height: 80px;
	overflow: auto;
	width: 228px;
	outline: none;
	resize: none;
}
.feedback-dialog .textarea-wrapper {
	margin-top: 1em;
}
.feedback-dialog .buttons {
	text-align: center;
}
.feedback-dialog .button {
	height: 24px;
	padding: 0;
	width: 80px;
}
.mask {
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 999;
	opacity: 0.4;
	filter: alpha(opacity=40);
	background-color: #000;
}

.feedback-dialog .word-count {
	color: #666;
	text-align: center;
}

/** end ---visitor/ui-feedbackdialog.css---*/
/** begin ---visitor/ui-inputbox.css---*/
.input-box-body {
	border: 1px solid #7BB0E2;
	background-color: #FFF;
}

.clive-input-box {
	height: 130px;
	overflow: visible;
	margin-top: 5px;
}
.input-box-footer {
	height: 28px;
	position: relative;
}
.clive-input-box .text-field {
  display: block;
	width: 100%;
	height: 100px;
	resize: none;
	border: 0 none;
	font-size: 13px;
	overflow-y: auto;
	resize: none;
	outline: none;
	background-color: #FFF;
}

.clive-input-box .text-field-wrap {
	padding: 2px;
  height: 92px;
	zoom: 1;
}

.clive-input-box .send-button {
	background-position: -116px 0;
	top: 3px;
	color: #4F6790;
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: 0;
	text-indent: 20px;
	width: 98px;
}
.clive-input-box .shortcut-selection {
	position: absolute;
	right: 0;
	top: 3px;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
.clive-input-box .selection-button {
	text-indent: -2000px;
}
.clive-input-box .shortcut-menu {
	position: absolute;
	bottom: 20px;
	right: 0;
	width: 210px;
	background: none repeat scroll 0 0 #E4F6FD;
	border: 1px solid #7BB0E2;
	padding: 4px 0;
	display: none;
	z-index: 500;
}
.clive-input-box .shortcut-menu a {
	display: block;
	cursor: pointer;
	height: 24px;
	line-height: 24px;
	list-style: none outside none;
	padding: 0 20px;
	text-decoration: none;
	color: #000;
}
.clive-input-box .shortcut-menu a:hover {
	background: none repeat scroll 0 0 #A2D8FF;
}
.clive-input-box .shortcut-selection .shortcut-menu {
	display: none;
}
.clive-input-box .shortcut-active ul.shortcut-menu {
	display: block;
}
.clive-input-box .info-bar {
	padding: 5px 0;
	color: gray;
}
.clive-input-box .default-text {
	color: gray;
}

/** end ---visitor/ui-inputbox.css---*/
/** begin ---visitor/ui-messagebox.css---*/
.clive-message-box {
	border: 1px solid #7BB0E2;
	background-color: #FFF;
	overflow-y: auto;
}

.clive-message-box .message-list {
	word-wrap: break-word;
	font-size: 13px;
	padding: 10px;
}

.clive-message-box .uploaded-image {
    max-width: 512px; 
    width: expression(this.width > 512 ? 512 : auto);
}

.message-header .robot {
	color: #F2691D;
    font-weight: bolder;
    margin: 10px 0 0;
}

.message-header .member {
	color: #0F8B00;
    font-weight: bolder;
}

.member-message-body {
	color: #000000;
    font-weight: normal;
    line-height: 1.8em;
    margin: 1px 0;
    padding-left: 17px;
}

.clive-message-box .time {
	color: #A8A8A8;
    font-weight: normal;
    margin-left: 16px;
}

.robot-message-body {
    padding-left: 12px;
    padding-right: 12px;
    text-indent: 0;
}

.text-message .servicer{
	color: #F3600B;
    font-weight: bold;
    line-height: 1.8em;
    margin: 0;
}

.text-message .message-body {
	color: #000000;
    font-weight: normal;
    line-height: 1.8em;
    margin: 1px 0;
    padding-left: 17px;
}

.member-message-body {
    padding-left: 12px;
    padding-right: 12px;
    text-indent: 0;
}

.queue-message {
	font-weight: bolder;
}

.notification,
.system {
    color: #848484;
    line-height: 1.8em;
    margin: 0;
    padding: 0;
}

.system .time {
	display: none;
}
/**
 * 	智能机器人答案的样式
 *  从live800迁移过来的样式
 */
/*
.robot-message-body {
    font-size: 12px;
    line-height: 1.6em;
    padding: 4px 0;
    text-indent: 24px;
}
.robot-message-body p, .robot-message-body div.an {
    font-size: 13px;
    padding-left: 12px;
    padding-right: 12px;
    text-indent: 0;
}
.robot-message-body label {
    float: left;
}
.robot-message-body .robotanswer {
    padding: 2px 0;
}
.robot-message-body .robotanswer h5 {
    color: #7B94AA;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-indent: 12px;
}
.robot-message-body li p {
    display: none;
}
.robot-message-body li.show p {
    display: block;
    padding: 5px 20px;
}
.robot-message-body .robotRel {
    margin: 10px 0;
    padding: 0;
}
.robot-message-body .robotRel h4 {
    color: #00A3E4;
    font-size: 12px;
    line-height: 1.5em;
    margin: 4px 0;
    padding: 0;
    width: 200px;
}
.robot-message-body .robotRel ul.expand {
    display: block;
}
.robot-message-body #robotsurveytip {
    font-size: 12px;
    height: 71px;
    position: absolute;
    width: 150px;
    z-index: 4;
}
.robot-message-body .hidden {
    display: none;
}
.robot-message-body .visible {
    display: block;
}
.robot-message-body div.hidden * {
    visibility: hidden;
}
.robot-message-body div.visible * {
    visibility: visible;
}

.robot-message-body div {
    padding: 0 4px;
}
.robot-message-body #robotsurveytip div {
    text-align: center;
}
.robot-message-body #robotsurveytip button {
    border: medium none;
    height: 22px;
    margin: 0 10px;
    padding: 0;
    width: 45px;
}
.robot-message-body div.hide {
    display: none;
}
.robot-message-body div.show {
    display: block;
}
.robot-message-body div.robotRel li.hide {
    display: none;
}
.robot-message-body div.robotRel .more {
    line-height: 20px;
    margin: 4px 0;
}
.robot-message-body div.more a {
    padding: 4px 26px;
}
.robot-message-body #unsatisfiedSurvey {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
}
.robot-message-body #unsatisfiedSurvey .surveyTitle {
    background: none repeat scroll 0 0 #CCCCCC;
    border-color: #FFFFFF #FFFFFF #CCCCCC;
    border-style: solid;
    border-width: 1px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    position: relative;
}
.robot-message-body #unsatisfiedSurvey .surveyTitle span {
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 2px;
    top: 1px;
}
.robot-message-body #unsatisfiedSurvey .surveyContent {
    padding: 5px;
    text-align: right;
}
.robot-message-body #unsatisfiedSurvey .surveyContent textarea {
    border: 1px solid #CCCCCC;
    float: left;
    height: 80px;
    overflow: auto;
    text-align: left;
    width: 188px;
}

.robot-message-body .surveywrap ol {
    list-style: none outside none;
}
.robot-message-body .surveywrap p.survey {
    line-height: 20px;
    padding: 6px 16px;
    
}
.robot-message-body .surveywrap p.survey em {
    font-style: normal;
    font-weight: bolder;
    margin: 0;
    padding: 0;
    text-indent: 0;
}
.robot-message-body .surveywrap p.survey .top {
    outline-style: none;
    padding: 2px 4px 2px 2px;
}
.robot-message-body .surveywrap p.survey .tread {
    outline-style: none;
    padding: 2px 4px 2px 2px;
}
.robot-message-body .surveywrap p.survey img {
    border: medium none;
    margin: 0 0 -3px;
}

.robot-message-body .robotanswer h5 {
	color: #7B94AA;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-indent: 12px;
}
*/


/** end ---visitor/ui-messagebox.css---*/
/** begin ---visitor/ui-toolbar.css---*/
.clive-toolbar {
	height: 23px;
	background-position: 0 -205px;
	zoom: 1;
}
.clive-toolbar-wrapper {
	padding: 1px;
	background-color: #FFF;
}

.clive-font-selector {
	position: relative;
	zoom: 1;
}
.clive-font-selector .font-button {
	width: 20px;
	height: 16px;
	margin-top: 4px;
	cursor: pointer;
	background-position: -236px 0;
	overflow: hidden;
	text-indent: 20px;
	zoom: 1;
}
.size-selector-wrapper {
	display: none;
	position: absolute;
	left: 20px;
	top: 4px;
}
.clive-font-selector .size-selector {
}
.clive-font-selector .size-selector-active {
	display: block;
}

.toolbar-item {
	float: left;
	height: 20px;
	width: 20px;
	line-height: 20px;
	cursor: pointer;
	zoom: 1;
}
.clive-toolbar .record-button {
	background-position: -216px 2px;
	display: none;
}

/** end ---visitor/ui-toolbar.css---*/
/** begin ---visitor/ui-imageupload.css---*/
/**
 * 	图片上传相关
 */
.image-upload {
	outline: none;
}

.image-upload .trigger-btn {
	display: block;
	width: 20px;
	height: 18px;
	margin: 4px 0 0 2px;
	overflow: hidden;
	background-position: 0 -70px;
}

.image-upload img {
	margin-top: 4px;
	margin-left: 2px;
}

.image-upload .fn-hide{
	display: none;
}


.image-upload input {
	opacity: 0;
	filter: Alpha(opacity=0);
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	border: none;
}

.image-show {
	width: 360px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -180px;
	margin-top: -135px;
	border: solid 1px #CDCDCD;
	background-color: #F6F6F6;
	padding: 10px 20px;
	text-align: center;
}

.image-show h2{
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	border-bottom: solid 1px #DEDEDE;
	line-height: 25px;
	padding: 2px 4px;
	margin-bottom: 10px;
}

.image-show img {
	border: solid 2px #d4e2e9;
}

.image-show .ui-buttons {
	padding: 5px 5px 0 0;
	text-align: right;
}


.image-show .ui-button {
	margin-left: 15px;
}

.image-show .error-msg  {
	background: url("https://img.alipay.com/pa/frame/v2/ico-pa.png") no-repeat scroll -128px -414px transparent;
    color: #FF5243;
    line-height: 15px;
    padding: 5px 0 0 20px;
    text-align: left;
}

/** end ---visitor/ui-imageupload.css---*/
/** begin ---visitor/ui-sidebar.css---*/
#sidebar {
	clear: both;
    position: absolute;
    right: 1px;
    top: 0;
    width: 170px;
    overflow: hidden;
}

.full-screen #sidebar {
	right: 1px;
    width: 8px;
}

#J_miniButton {
	background-position: -278px 36px;
    border-bottom: 1px solid #7BB0E2;
    border-top: 1px solid #7BB0E2;
    border-right: 1px solid #7BB0E2;
    cursor: pointer;
    float: left;
    height: 84px;
    margin: 42px 0;
    width: 8px;
}

.full-screen #J_miniButton {
	background-position: -267px 36px;
}

.portrait-show {
    width: 116px;
    background: url("https://img.alipay.com/sys/clive/style/client/portrait-show-bg.png") no-repeat scroll center 1px transparent;
    overflow: hidden;
    float: left;
    display: none;
    margin-left: 24px;
}

.active-show {
	display: block;
}

.full-screen .active-show {
	display: none;
}

.portrait-show .portrait {
    background: url("https://img.alipay.com/sys/clive/style/client/portrait.png") no-repeat scroll left top transparent;
    float: left;
    font-size: 13px;
    height: 158px;
    text-align: center;
    width: 116px;
}

.portrait-show .emotion {
	height: 135px;
	width: 114px;
	margin: 1px;
}

#J_robotShow .emotion {
	background: url("https://img.alipay.com/sys/clive/style/client/portrait-show-bg.png") no-repeat scroll center center transparent;
}

#J_servicerShow .emotion {
	background: url("https://img.alipay.com/sys/clive/style/client/staff.png") no-repeat scroll center center transparent;
}

.robot-show .robot-name {
	text-align: center;
	height: 22px;
	line-height: 22px;
}

.channel,
.common-problems {
	clear: both;
	padding-left: 10px;
	margin-top: 10px;
	position: relative;
}


.channel .png-bg {
	width: 15px;
	height: 22px;
	background:url("https://i.alipayobjects.com/e/201205/3AAUkA6YPj.png") no-repeat scroll 0 center transparent;
	_background-image: none; 
	position: absolute;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://i.alipayobjects.com/e/201205/3AAUkA6YPj.png", enabled=true);

}

.common-problems .png-bg {
	width: 15px;
	height: 22px;
	background:url("https://i.alipayobjects.com/e/201205/2fp3wgc2gD.png") no-repeat scroll 0 center transparent;
	position: absolute;
	_background-image: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://i.alipayobjects.com/e/201205/2fp3wgc2gD.png", enabled=true);

}

.channel dt,
.common-problems .dt {
	color: #ff5a00;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	padding-left: 18px;
}

.channel dd {
	line-height: px;
}

.common-problems .problem {
	position:relative;
	line-height: 22px;
	clear: both;
	height: 22px;
}

.common-problems  .circle {
	background: url("https://i.alipayobjects.com/e/201205/2fxiieZr4L.png")  no-repeat scroll 0 center transparent;
	width: 5px;
	top: 8px;
	_top: 6px;
	left; 0px;
	height: 5px;
	line-height: 5px;
	position: absolute;
	_background-image: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://i.alipayobjects.com/e/201205/2fxiieZr4L.png", enabled=true, sizingMethod="crop");

}
.common-problems .title {
	padding-left: 10px;
}

.more-problems a,
.common-problems .problems a{
	color: #0088cc;
}


.channel dl {
	color: #001d55;
}

.common-problems dl {
	color: #0090f0;
}

.more-problems {
	text-align: right;
}


.full-screen .more-problems {
	display: none;
}

/** end ---visitor/ui-sidebar.css---*/
/** begin ---visitor/ui-formbox.css---*/
.fb-form {
	padding: 20px;	
}

.fm-error .i-text, .fm-error .i-textarea {
    border-color: #FF0000 #FFAAAA #FFAAAA #FF0000;
    border-style: solid;
    border-width: 1px;
    color: #FF5243;
}
.fm-error .i-text-reset {
    border: 1px solid #9C9C9C;
    color: #000000;
}
.fm-error .fm-explain {
    background: url("https://img.alipay.com/pa/frame/v2/ico-pa.png") no-repeat scroll -128px -414px transparent;
    color: #FF5243;
    line-height: 15px;
    padding: 5px 0 0 20px;
}
.fm-error div.fm-explain {
    clear: both;
    display: block;
}

.fm-explain {
	display: none;
}

.fm-item .i-text {
    color: #000000;
    font-size: 14px;
}

.i-text {
    border-color: #AAAAAA #DDDDDD #DDDDDD #AAAAAA;
    border-style: solid;
    border-width: 1px;
    font-family: Tahoma;
}

input.i-text {
    padding: 4px 2px 5px;
    width: 180px;
}

.i-text:hover, .i-textarea:hover {
    border-color: #666666 #CCCCCC #CCCCCC #666666;
    border-style: solid;
    border-width: 1px;
}
.i-text:focus, .i-textarea:focus {
    border: 1px solid #68ACFF;
    outline: 1px solid aqua;
}

.fm-error .i-text:hover, .fm-error .i-textarea:hover {
    border: 1px solid #727272;
    color: #727272;
}
.fm-error .i-text:focus, .fm-error .i-textarea:focus {
    border: 1px solid #68ACFF;
    color: #727272;
}

.fm-input .fm-item {
    padding-bottom: 19px;
    padding-left: 90px;
}

.fm-input .fm-item .fm-label {
    margin-left: -107px;
    width: 113px;
}

.fm-item .fm-label {
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-top: 3px;
    padding: 1px 9px 1px 0;
    text-align: right;
    width: 163px;
}

.fb-form .fm-input {
	margin-top: 15px;
}

.fb-buttons {
	text-align: right;
}

.fb-error-msg {
	background: url("https://img.alipay.com/pa/frame/v2/ico-pa.png") no-repeat scroll -128px -414px transparent;
    color: #FF5243;
    line-height: 15px;
    padding: 5px 0 0 20px;
}

.logon-box h2{
	font-weight: normal;
	font-size: 14px;
	border-bottom: solid 1px #DEDEDE;
	line-height: 25px;
	padding: 8px;
}

.logon-box iframe{
	height: 260px;
	width: 300px;
}

.ui-button-mwhite input.ui-button-text {
	padding: 5px 22px 8px;
	_padding: 5px 22px 6px;
}

/** end ---visitor/ui-formbox.css---*/
/**Last Changed Author: zuosong.cq--Last Changed Date: Tue Aug 25 10:42:06 CST 2015**/
/**clive.visitor-2.5**/
/** CurrentDeveloper: clive**/