@CHARSET "UTF-8";
#container{ background: #F5F5F5;}
#header{
	background: #23a6de;
	background: -moz-radial-gradient(450px 150px ellipse at 30% 0%, #23a6de 0%, #2694d3 100%);
	background: -webkit-radial-gradient(450px 150px ellipse at 30% 0%, #23a6de 0%, #2694d3 100%);
	background: -o-radial-gradient(450px 150px ellipse at 30% 0%, #23a6de 0%, #2694d3 100%);
	background: -ms-radial-gradient(450px 150px ellipse at 30% 0%, #23a6de 0%, #2694d3 100%);
	background: radial-gradient(450px 150px ellipse at 30% 0%, #23a6de 0%, #2694d3 100%);
	/*box-shadow: 0 1px 1px #ABABAB;
	border-bottom:1px solid #FA4B9B;*/
	height:76px;
}
#cont{top:76px;left:20px; right:20px; bottom:20px;}
#logo{ width:100px; height:40px; bottom:26px; left:20px;}
.lefttop{ bottom:0px; right:18px;}
/*功能按钮*/
.jianjiao{position: absolute;top:31px; right:16px;border-width: 8px;
    border-color:  transparent transparent #fff transparent;
    border-style: solid;
    width: 0;
    height: 0;
}
.erweima{position: absolute; top:47px; right:-106px; }
.udButton{ background-image:url("func2.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/func2.png*/);_background-image:url("func2_ie6.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/func2_ie6.png*/);}
#jumper .udButton{ background-position: -62px -84px; }
#scan .udButton{ background-position: -62px -176px;}
#LMessage .udButton{ background-position: -62px -269px;}
#complaint .udButton{ background-position: -62px -269px;}
#selfSeachService .udButton{ background-position: -62px -269px;}
#intelligentSearch .udButton{ background-position: -62px 7px;}

#jumper:hover .udButton{ background-position: 12px -84px; }
#scan:hover .udButton{ background-position: 12px -176px;}
#LMessage:hover .udButton{ background-position: 12px -269px;}
#complaint:hover .udButton{ background-position: 12px -269px;}
#selfSeachService:hover .udButton{ background-position: 12px -269px;}
#intelligentSearch:hover .udButton{ background-position: 12px 7px;}
.topItemsContainer{width:50px; height:40px; position: relative;}
.containerItemst{ display:none; color:#fff; text-shadow: 0 1px 1px #000;}
/*.containerItemsb:hover{
	background: -webkit-linear-gradient(top,#F5577E, #FFC4DB);
	background: -moz-linear-gradient(top, #F5577E, #FFC4DB);
	background: -ms-linear-gradient(#F5577E 0%,#FFC4DB 100%);
	background: -o-linear-gradient(top, #F5577E, #FFC4DB);
	background: linear-gradient(top, #F5577E, #FFC4DB);
}*/
.leftFunc a,.rightFunc a{background-image: url("icons.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/icons.png*/);_background-image: url("icons_ie6.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/icons_ie6.png*/);}
.side{ top:30px; background: #fff;}
.bottom{ background: #fff;}
.center_left1_container{ position:static; height:100%;width:100%;overflow: scroll;overflow-x: hidden;overflow-y: auto;padding-right: 22px;}
#history{position: relative;background: #fff;word-break:break-all;word-wrap:break-word;width:100%; height:auto; overflow: visible; }
.s_content{ background: #fff; height: 30px; padding-left: 10px;  }
.center_left1{}
.center_left2{ height:29px; margin:0 5px; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #CDCDCD; background-color: #fff;}
.center_left3{ height:90px; margin:0 5px; }
.center_left3_cont{ border-bottom:1px solid #CDCDCD;}
#inputarea{padding-right:85px;height:85px; border-style: solid; border-width: 0px 1px 0px 1px; border-color: #CDCDCD; background-color: #fff;}
.robotdefaultValue{color:#C3C3C3;}
#inputbox{height:85px;}
#voiceChangeText{right:90px;}
.closeEnterBar{bottom:20px; right:20px;}
#spacer{width:5px;}#collapseBtn{left:-5px;height: 15px; width: 1px; border-left: 3px dotted #2599D6;}
/* 工具条，输入框，发送按钮，关闭按钮*/
#toolsbar li{width:27px; background-image:url("icons.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/icons.png*/);_background-image:url("icons_ie6.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/icons_ie6.png*/); background-repeat: no-repeat;}
#toolsbar li#fontSize{background-position: 4px -79px;}
#toolsbar li#file{background-position: 4px -24px;}
#toolsbar li#save{background-position: 4px -194px;}
#toolsbar li#emoticons{background-position: 4px 3px;}
#toolsbar li.open{background-position: 4px -108px;}
#toolsbar li.close{background-position: 4px -220px;}
#toolsbar li#active{background-position: 4px -51px;}
#toolsbar li#evaluation{background-position: 4px -165px;}

#toolsbar li:hover{ box-shadow:0 0 2px 0px #A0A1A1 inset;}
#shortcutkey{ display:none; background: url("icons.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/icons.png*/) 4px -22px no-repeat;_background: url("icons_ie6.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/icons_ie6.png*/) 4px -22px no-repeat;}
#shortKeyMenu li{ background: #fff;}
.shortKeyChoose{ background: url("icons.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/icons.png*/) 4px -316px no-repeat;_background: url("icons_ie6.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/icons_ie6.png*/) 4px -316px no-repeat;}
#shortKeyMenu a{ color: #666666;background: #fff;}
#shortKeyMenu a:hover{ color:#fff; background-color: #FA4B9B;}
.footerBox{color:#999999; display: none;}
.footerBox a{color:#3f78b6;}
#fontSize ul{ background: #fff;}
#fontSize ul.selectOp{border: 1px solid #ccc;}
#selectOp li{border-bottom:1px solid #ccc;width:42px;background: none;margin:0;}
.font_size_value{background:#fff; border: 1px solid #4EB2E1;line-height:16px;}
.entera{ width:60px; height:38px;}
#enter{background-color:#2694D3; text-indent:inherit; text-align:center; color:#fff; width:60px; height:38px; line-height:38px;}
#exitChat{
	/*background: -webkit-linear-gradient(top,#FFFFFF, #E1E1E1);
	background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1);
	background: -ms-linear-gradient(top, #FFFFFF, #E1E1E1);
	background: -o-linear-gradient(top, #FFFFFF, #E1E1E1);
	background: linear-gradient(top, #FFFFFF, #E1E1E1);
	border:1px solid #CCCCCC;*/
	background: url("close.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/close.png*/) no-repeat;
	width:15px;height:15px;
	position: absolute;top: 5px;
    right: -10px;
    font-size: 0;
}

/*历史框气泡*/
/*气泡主体内容*/
.lim_operator .head,.lim_visitor .head{ width:42px; height:42px;}
.lim_operator .head {left: 20px;}.lim_visitor .head{right:20px;}
.lim_operator .lim_bubble{border:1px solid #CCE9F6;background:#CCE9F6;}
.lim_visitor .lim_bubble{border:1px solid #F1F1F1;background:#F1F1F1;}

.lim_systemTip{padding: 0px 20px;}
.lim_systemTip .lim_bubble{ padding-left:0;/* border:1px solid #D6ECB7;background:#EEF9E4;*/}
/*.lim_bubble{box-shadow: 0px 1px 0px 0px #EDF7E0;
      -moz-box-shadow: 0px 1px 0px 0px #EDF7E0;
      -webkit-box-shadow: 0px 1px 0px 0px #EDF7E0;}*/
/*气泡角*/
.lim_radius{ background-image: url("icons.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/icons.png*/);_background-image: url("icons_ie6.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/icons_ie6.png*/); background-repeat: no-repeat;}
.lim_systemTip .lim_radius{ display: none; background-position:0px 0px;}
.lim_operator,.lim_visitor{padding: 12px 78px 4px 78px;}
.lim_operator .lim_radius{ /*background-position: 0px -92px;*/ background:none;
    border-width: 8px;
    border-color: transparent #CCE9F6 transparent transparent;
    border-style: solid;
    width: 0;
    height: 0;
    left: 62px;top:23px;}
.lim_visitor .lim_radius{ /*background-position:0px -260px;*/ background: none;
	border-width: 8px;
    border-color: transparent transparent transparent #F1F1F1;
    border-style: solid;
    width: 0;
    height: 0;
    right: 62px;top:23px;
}
.lim_visitor .lim_name, .lim_visitor .lim_dot, .lim_visitor .lim_time{color:#4B494A}
.lim_operator .lim_name, .lim_operator .lim_dot, .lim_operator .lim_time {color: #555555;}

.clearfloat{ clear:both; height:0; font-size: 1px; line-height: 0px;}
.center_right{ border:none;}
.activitytab span.leftBut,.activitytab span.rightBut{ top:auto; bottom:8px;}
.activitytab{height:36px;background-color:#fff;padding-left:20px;padding-top: 31px;padding-right:20px;
	-khtml-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.activitytab div.contentUl{border-bottom:2px solid #24A0D9;}
.activitytab span.leftBut{border-right: 7px solid #2980B9; border-left: none;}
.activitytab span.rightBut{border-left: 7px solid #2980B9; border-right: none;}
.activitytab span.leftBut:hover{border-right: 7px solid #0E96EF;}
.activitytab span.rightBut:hover{border-left: 7px solid #0E96EF;}
.activitytab ul li{ background-color: #fff; border-top: 3px solid #fff;}
.activitytab ul li:hover{ background-color: #ddd; border-top: 3px solid #ddd;}
.activitytab ul li.active{ border-top: 3px solid #24A0D9; color: #fff; background-color: #24A0D9;}
.interval{float:left;display:block;background:url("interval.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/interval.png*/) no-repeat;width:2px;height:63px;}
.left_buts{border-top:1px solid #8B8B8B;}
.lefta_d, .righta_d { width:66px;color:#6189AE; margin-top:10px;}
.lefta_d{background:url("lefta_d.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/lefta_d.png*/) no-repeat;}
.righta_d{background:url("righta_d.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/righta_d.png*/) no-repeat;float: right;}
#newslist {position: absolute;top: 50px;left: 0px;bottom:0px;}


/*弹出框*/
.pop{background: #FFFFFF;}
#preform .btn, .innerPreForm .btn,#popDiv .button{ 
	width:60px; height:28px;line-height:28px;
	font-family:"方正兰亭黑_GBK",'Microsoft YaHei','微软雅黑','Arial', 'Tahoma','simsun','sans-serif';
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#innerSurveyForm #surveyTitle {
    padding: 0;
    position:relative; background: #259BD8; font-size:18px; text-indent: 1em; height:40px; line-height: 40px; color:#fff;
}
#messageBar{height:25px;}
#innerSurveyForm .survey_close_but{width:15px; height:15px; background: url("close.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/close.png*/) no-repeat;}
#innerSurveyForm .survey_close_but:hover{background: url("close_hover.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/close_hover.png*/) no-repeat;}
.survey_textarea{padding:0 30px;}
.survey_textarea label{font-size:12px; margin-top:10px;}
.survey_textarea textarea{border:1px solid #DBDBDB;}
.cancel{ background: #fff ;box-shadow: 0 0 1px #D2D2D2; color:#333333; border:1px solid #D9D9D9;}
.submit{ background: #2694D3 ;box-shadow: 0 0 1px #ABABAB; color:#fff; border:1px solid #2694D3;}

#surveyComment{padding: 0 30px;}
#surveyComment .tips{ font-size:12px; color:#24A0D9; padding:15px 0;text-indent:0;}
#surveyComment label{ float:left; width:93px; height:122px; background: url("input.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/input.png*/) 2px center no-repeat;}
#surveyComment label.options1{ background: url("manyi.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/manyi.png*/) no-repeat;}
#surveyComment label.options2{ margin:0 30px; background: url("yiban.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/yiban.png*/) no-repeat;}
#surveyComment label.options3{ background: url("bumanyi.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/bumanyi.png*/) no-repeat;}
#surveyComment label.options1.radio_select{ background: url("manyi2.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/manyi2.png*/) no-repeat;}
#surveyComment label.options2.radio_select{ background: url("yiban2.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/yiban2.png*/) no-repeat;}
#surveyComment label.options3.radio_select{ background: url("bumanyi2.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/bumanyi2.png*/) no-repeat;}
/*下面是滚动条的样式*/
.myScrollbarV>div {
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#EFEBE0), to(#DAD8D2));
	background: -moz-linear-gradient(top, #EFEBE0, #DAD8D2);
	background: -ms-linear-gradient(top, #EFEBE0, #DAD8D2);
	background: -o-linear-gradient(top, #EFEBE0, #DAD8D2);
	background: linear-gradient(top, #EFEBE0, #DAD8D2);
	border:1px solid #A4A4A4;
	box-shadow:inset 1px 1px 0 rgba(255, 255, 255, 0.5);
}
.myScrollbarH>div {
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#EFEBE0), to(#DAD8D2));
	background: -moz-linear-gradient(top, #EFEBE0, #DAD8D2);
	background: -ms-linear-gradient(top, #EFEBE0, #DAD8D2);
	background: -o-linear-gradient(top, #EFEBE0, #DAD8D2);
	background: linear-gradient(top, #EFEBE0, #DAD8D2);
	border:1px solid #A4A4A4;
	box-shadow:inset 1px 1px 0 rgba(255, 255, 255, 0.5);
}

/*滚动条样式*/
.scrollBox{position: absolute;right: 0px;top: 0px;bottom:0;width: 17px; }
.moveButt{width: 11px;height:13px;background: url("scrollIcon.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/scrollIcon.png*/) no-repeat ;margin-left: 3px;background-color: #FFFFFF;}
.moveTop{ display:none; background-position: -42px 0;}
.moveBott{ display:none; background-position: -53px 1px;position: absolute;bottom: 0;}		
.scrollBar{width: 11px;position: absolute;top: 0px;bottom: 0px;margin-left: 3px;min-height: 30px;
					border-radius: 50px;-moz-border-radius: 50px;	-webkit-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius:50px;
}
.moveBar{width: 5px;background-color: #DCDCDC;position:relative;margin:3px 2px;z-index: 20;
					border-radius: 90px;-moz-border-radius: 90px;	-webkit-border-radius: 90px;-ms-border-radius: 90px;-o-border-radius:90px;
}

/*...访客信息收集...*/
#new_content-wrap{background: #fff; padding-bottom:10px;}
#preform div label{color:#8C8C8C;}
#preform .specialForm{display: none;}
#preform .specialInput{width:146px !important; }
#preform a{ text-align:center; display:inline-block; background:#D5E8F8; color:#24A0D9; width:50px; height:25px; }

.prechat_title, .leaveTitle { position:relative; background: #259BD8; font-size:18px; text-indent: 1em; height:40px; line-height: 40px; color:#fff;}
.prechat_title .close{ position: absolute; top:13px; right:15px; width:15px; height:15px;}
.prechat_title .close a{ display: block; width:15px; height:15px; background: url("close.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/close.png*/) center center no-repeat;}
.prechat_title .close a:hover{ background: url("close_hover.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/close_hover.png*/) center center no-repeat;}
#welcome p{padding-left:20px; color:#24A0D9; background: url("caidan.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/caidan.png*/) 0px 5px no-repeat;}


.closeIframe{width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10000;
    overflow: hidden;}
.closeIframe a{ display: block; width: 15px; height: 15px; background: url("close.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/close.png*/) center center no-repeat;}
.closeIframe a:hover{ background: url("close_hover.png"/*tpa=http://help.h3c.com/daheng/chatClient/refactor/style/theme/custom/alert/new-custom-v1-h3c-standard/images/close_hover.png*/) center center no-repeat; }