#chatbox {
	SCROLLBAR-FACE-COLOR: #f0fce4; BACKGROUND: url(images/bg1.gif) no-repeat left bottom; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #a6dbaf; SCROLLBAR-ARROW-COLOR: #a6dbaf; SCROLLBAR-TRACK-COLOR: #fbfef7; SCROLLBAR-DARKSHADOW-COLOR: #a6dbaf
}
#tdhead {
	BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url(images/top_bg.jpg); BACKGROUND-REPEAT: repeat-x;BORDER-RIGHT: #5b9200 1px solid
}
#head {
	FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(images/top_l.jpg); COLOR: #fff
}
.default#banner {
	BACKGROUND-IMAGE: url(right_column.jpg)
}
#logo {
	BACKGROUND-IMAGE: url(images/top_logo.jpg); BACKGROUND-REPEAT: no-repeat
}
#tool_wrap {
	BACKGROUND: url(images/toolbar_bg.jpg) repeat-x; COLOR: #696864; HEIGHT: 26px
}
#tdfooter {
	FONT-WEIGHT: bold; BACKGROUND: url(images/chat_foot.gif) no-repeat right top
}
#history {
	BORDER-RIGHT: #cde99e 1px solid; 
	BORDER-TOP: #cde99e 1px solid; 
	BACKGROUND: #fff; 
	FILTER: alpha(opacity=80); 
	BORDER-LEFT: #cde99e 1px solid; 
	BORDER-BOTTOM: #cde99e 1px solid; 
	opacity: .8;
	LINE-HEIGHT: 22px; 
	FONT-SIZE: 14px; 
	OVERFLOW: hidden
}

.gray{
    FONT-SIZE: 11pt;
	color: #CCCCCC;
}

.blue{
    FONT-SIZE: 11pt;
	color: #0000CC;
}

.divread{
    FONT-SIZE: 11pt;
	color: #FF0000;
}

.black{
    FONT-SIZE: 11pt;
	color: #000000;
}

#footer {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(images/chat_foot_l.gif); COLOR: #5b9200
}
#footer P {
	MARGIN: 0px 65px 0px 10px; LINE-HEIGHT: 22px; BORDER-BOTTOM: #5b9200 1px solid; HEIGHT: 22px
}
#enter {
	BACKGROUND-POSITION: 0px 0px; BACKGROUND-REPEAT: no-repeat
}
.cn#enter {
	BACKGROUND-IMAGE: url(images/send0.jpg)
}

#toolsbar LI.hover {
	BACKGROUND-COLOR: #ddf09b
}
.hover#exitChat {
	BACKGROUND-COLOR: #ddf09b
}
.hover#shortcutkey {
	BACKGROUND-COLOR: #ddf09b
}
.hover#enter {
	FILTER: alpha(opacity=60); BACKGROUND-COLOR: #fff; opacity: .6
}
#toolsbar {
	PADDING-TOP: 1px
}
#languageList {
	BORDER-RIGHT: #bfe345 1px solid; BORDER-TOP: #bfe345 1px solid; BORDER-LEFT: #bfe345 1px solid; BORDER-BOTTOM: #bfe345 1px solid
}
#shortKeyMenu {
	BORDER-RIGHT: #bfe345 1px solid; BORDER-TOP: #bfe345 1px solid; BORDER-LEFT: #bfe345 1px solid; BORDER-BOTTOM: #bfe345 1px solid
}
#languageList LI.hover {
	BACKGROUND: #ddf09b
}
#shortKeyMenu LI.hover {
	BACKGROUND: #ddf09b
}
#enter_wrap {
	BACKGROUND: #fff
}
#innerSurveyForm {
	COLOR: #82c015
}
#chaterInfo {
	COLOR: #82c015
}
#shortcutkey {
	LINE-HEIGHT: 20px; TOP: 0px; HEIGHT: 20px
}
#inputarea TEXTAREA {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; OVERFLOW-Y: auto; FILTER: alpha(opacity=80); BORDER-LEFT: #cde99e 1px solid; BORDER-BOTTOM: #cde99e 1px solid; opacity: .8
}
#ewrap {
	BORDER-RIGHT: #cde99e 1px solid; BORDER-TOP: medium none; MARGIN: 0px 3px 0px 0px; BORDER-LEFT: medium none; BORDER-BOTTOM: #cde99e 1px solid; HEIGHT: 101px
}
#enter {
	BACKGROUND-POSITION: center 50%; HEIGHT: 50px
}
#tool_wrap {
	BORDER-RIGHT: #cde99e 1px solid; BORDER-TOP: medium none; BORDER-LEFT: #cde99e 1px solid; BORDER-BOTTOM: medium none
}
#inputarea {
	BORDER-LEFT: #5b9200 1px solid
}
#enter_wrap {
	BORDER-RIGHT: #5b9200 1px solid
}
#twrap {
	BORDER-RIGHT: #5b9200 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: medium none; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; BORDER-LEFT: #5b9200 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: medium none
}
#wrap {
	BORDER-LEFT: #5b9200 1px solid
}
#bwrap {
	BORDER-RIGHT: #5b9200 1px solid
}
#popDiv BUTTON.button {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: url(images/button.gif) no-repeat center 50%; BORDER-LEFT: medium none; WIDTH: 80px; COLOR: #82c015; LINE-HEIGHT: 24px; BORDER-BOTTOM: medium none; HEIGHT: 24px
}
#preChatForm {
	COLOR: #82c015
}

.chatbox .chathistory {
  width:100%;
  height:235pt;
  overflow: auto;
  background-color: white;
}

.chatbox .chathistory div {
  background-color:#FFFFFF;
  padding:.2em;
  padding-left:1.5em;
  text-indent: -1em;
  border-bottom: 1px dotted #ccc;
}