body{
	font-size:12px; font-family:Arial,'ËÎÌå';
}
img{ border:0px;}
.bg{ background:url(/images/ServOnline/chatingbg.gif) left top no-repeat;}
.areacontent{height:76px; width:400px; background:none; border:none; overflow-y:hidden;}
.areaContentShow{width:100%; height:266px; overflow-y:scroll;}
.fontright{ text-align:right; width:130px;}
.input{ border-bottom:1px #ccc solid; border-right:1px #ccc solid; border-left:1px #999 solid; border-top:1px #999 solid; line-height:22px; padding:2px; height:22px;}


#main{ width:736px; margin:5px auto; height:520px; overflow:hidden; background-position:0 -553px;}

#main #topbox{ width:736px; margin:0; padding:0; height:35px; overflow:hidden;}
#main #topbox #logo{ background:url(/images/ServOnline/logo.gif) 16px center no-repeat; width:142px; height:35px; float:left; cursor:pointer;}
#main #topbox #logo span{ width:138px; height:35px;}
#main #topbox #text{ width:350px; height:35px; line-height:35px; color:#eff4fa; font-size:13px; float:left;}
#main #topbox #func{width:115px; height:35px; float:left;}
#main #topbox #func ul{ display:inline;}
#main #topbox #func li{ float:left; list-style:none; margin-right:5px; padding-top:12px; cursor:pointer;}
#main #topbox #close{ float:right; width:90px; height:35px; background:url(/images/ServOnline/blue_close.gif) 46px center no-repeat; cursor:pointer; }
#main #topbox #close div{ float:left; line-height:35px; height:35px; color:#eff4fa;}
/*top end*/

#main #leftbox{width:433px; float:left; height:438px; overflow:hidden;}

#main #leftbox #chatForm{padding-left:25px; height:483px; padding-top:12px; width:375px;}
#main #leftbox  .infobar{width:380px; height:28px; background:url(/images/ServOnline/waiter.gif) left top no-repeat; padding-left:20px; }
#main #leftbox  .infobar div{ float:left; color:#333; line-height:20px;}
#main #leftbox #chatForm #areaContentShow{width:400px; border:none; height:270px; overflow-y:auto; padding-top:4px;}
#main #leftbox #chatForm #sendbox{ width:390px; padding-top:30px;}

#main #leftbox #chatFeedBack{padding-left:25px; height:483px; padding-top:12px; width:375px;}
#main #leftbox #robot{padding-left:25px; height:483px; padding-top:12px; width:375px;}
#main #leftbox #robot .robotcontent{width:390px; border:none; height:270px; overflow-y:auto; padding-top:4px;}
#main #leftbox #robot .robotcontent ul{ margin:0px; padding:0px; height:auto;}
#main #leftbox #robot .robotcontent ul li{ list-style:none; height:20px; line-height:18px;}
#main #leftbox #robot .robotcontent ul li a{font-size:13px;}
#main #leftbox #robot .robotinput{ width:390px; padding-top:30px;}

/*left box end*/
#main #centerbuttonbox{ width:116px; float:left; height:386px; padding-top:52px;}
#main #centerbuttonbox .servonline{ width:81px; height:81px;  margin-left:25px; cursor:pointer;}
#main #centerbuttonbox .robot{ width:61px; height:61px; margin-left:31px; margin-top:10px; cursor:pointer;}
#main #centerbuttonbox .feedback{ width:47px; height:47px; margin-left:56px; margin-top:11px; cursor:pointer;}
#main #centerbuttonbox .sendmsg{width:81px; height:68px; margin-left:18px; cursor:pointer; margin-top:85px;}
#main #centerbuttonbox .sendfeedback{width:81px; height:68px; margin-left:18px; cursor:pointer; margin-top:85px;}
#main #centerbuttonbox .sendrobot{width:81px; height:68px; margin-left:18px; cursor:pointer; margin-top:85px;}
#main #centerbuttonbox .tips{width:23px; height:23px; margin-left:82px; cursor:pointer;}

/*center end*/
#main #rightbox{width:176px; float:left; height:438px; border:1px #d9e5f3 solid; background-color:#adc8e8; }
/*rightbox end*/
#main #footer{ width:660px; height:29px; line-height:29px; color:#000; margin:auto; margin-top:6px; }
#main #footer a:link,#main #footer a:visited{color:#000;}