﻿
#robot_main
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 12px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	background-repeat: repeat-x;
	font-family: Tahoma;
}

TEXTAREA {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

.robot_main_window {
	WIDTH: 252px; POSITION: absolute; TOP: 80px; HEIGHT: 283px; TEXT-ALIGN: left;	border:solid 1px red;
}
.robot_talking_newsong {
	BACKGROUND: url(../images/csNumen/newsong_bg.gif) no-repeat; FLOAT: left; MARGIN-BOTTOM: 1px; WIDTH: 169px; HEIGHT: 44px
}
.robot_talking_newsong UL {
	MARGIN-TOP: 23px
}
.robot_talking_newsong LI {
	FONT-SIZE: 12px; FLOAT: left; COLOR: white; LINE-HEIGHT: 20px
}
.robot_talking_newsong LI.a {
	MARGIN-LEFT: 5px; WIDTH: 90px; HEIGHT: 20px
}
.robot_talking_newsong LI.b {
	MARGIN-LEFT: 5px; WIDTH: 40px; HEIGHT: 20px; TEXT-ALIGN: center
}
.robot_talking_newsong LI.c {
	MARGIN-LEFT: 5px; WIDTH: 14px; PADDING-TOP: 3px
}
.talking_window {
	BACKGROUND: url(../images/csNumen/talking_window_bg.gif) no-repeat; FLOAT: left; WIDTH: 180px; HEIGHT: 252px
}
.talking_window_textarea {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 162px; HEIGHT: 147px; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px
}
.talking_window_textarea LI {
	
}
.talking_content {
	  OVERFLOW: scroll;OVERFLOW-X:hidden;  MARGIN: 3px 0px 0px 5px;WIDTH: 163px; HEIGHT: 149px;Float:left;font-family: Arial, Helvetica, sans-serif;
}
.talking_content A {
	COLOR: black
}

.talking_content UL {
	MARGIN: 3px 0px 0px 0px; width:140px; float:left; text-align:left; padding:0;

}
.talking_content P {
	TEXT-INDENT: 24px; LINE-HEIGHT: 18px
}
.talking_content LI {
	FONT-SIZE: 12px; MARGIN: 0px 0px 10px 5px; WIDTH: 140px; COLOR: black;Float:left;
}
.talking_content LI.talking_content_user {
	BACKGROUND: url(../images/csNumen/talking_user.gif) no-repeat 2px 3px; MARGIN: 0px; WIDTH: 140px; TEXT-INDENT: 20px; LINE-HEIGHT: 20px; HEIGHT: 20px
}
.talking_content LI.talking_content_robot {
	BACKGROUND: url(../images/csNumen/talking_robot.gif) no-repeat 2px 3px; MARGIN: 0px; WIDTH: 160px; TEXT-INDENT: 20px; LINE-HEIGHT: 20px; HEIGHT: 20px
}
.talking_content LI.robot_song {
	BACKGROUND: url(../images/csNumen/talking_robotsong.gif) no-repeat 2px 1px; MARGIN-BOTTOM: 3px; WIDTH: 140px
}
.talking_content LI.talking_help {
	PADDING-LEFT: 20px; BACKGROUND: url(../images/csNumen/talking_robothelp.gif) no-repeat 2px 1px; MARGIN-BOTTOM: 3px; WIDTH: 120px; LINE-HEIGHT: 18px
}
.talking_content LI.helplist {
	MARGIN-BOTTOM: 3px; COLOR: #ff6c00
}
.talking_content LI.helplist A {
	COLOR: #ff6c00; TEXT-DECORATION: underline
}
.talking_content LI.helplist A:hover {
	COLOR: #33ccff
}
.talking_help A {
	COLOR: black
}
.robot_song H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: black; TEXT-INDENT: 15px; LINE-HEIGHT: 16px
}
.robot_song H1 A {
	COLOR: black
}
.robot_song H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #666; TEXT-INDENT: 15px; LINE-HEIGHT: 16px
}
.text_area {
	 MARGIN: 0px 0px 0px 0px; WIDTH: 163px; HEIGHT: 60px;
}
.talking_window_buttons {
	MARGIN: 0px; OVERFLOW: hidden; WIDTH: 169px; TEXT-INDENT: -300px; HEIGHT: 25px
}
.talking_window_buttons H1 {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(../images/csNumen/help_botton_up.gif) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: 76px; LINE-HEIGHT: 12px; PADDING-TOP: 0px; HEIGHT: 21px
}
.talking_window_buttons H1.help_button_down {
	BACKGROUND: url(../images/csNumen/help_botton_down.gif) no-repeat
}
.talking_window_buttons A {
	DISPLAY: block; WIDTH: 75px; HEIGHT: 20px
}
.talking_window_buttons H2 {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: url(../images/csNumen/tone_button_up.gif) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 76px; LINE-HEIGHT: 12px; PADDING-TOP: 0px; HEIGHT: 21px
}
.talking_window_buttons H2 A {
	DISPLAY: block; WIDTH: 75px; HEIGHT: 20px
}
.talking_window_buttons H2.tone_button_down {
	BACKGROUND: url(../images/csNumen/tone_button_down.gif) no-repeat;
}
.talking_window_textarea2 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 108px; HEIGHT: 60px; BORDER-RIGHT-WIDTH: 0px; overflow:hidden;wrap:virtual;
}
.quit {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../images/csNumen/quit_button.gif) white no-repeat; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 0px 0px 24px; WIDTH: 59px; COLOR: white; HEIGHT: 21px; BORDER-RIGHT-WIDTH: 0px
}
.send {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../images/csNumen/send_button.gif) no-repeat; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 44px; COLOR: white; HEIGHT:60px; BORDER-RIGHT-WIDTH: 0px; vertical-align:bottom;
}
.robot_working {
	RIGHT: 0px; WIDTH: 81px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 114px
}
.robot_sleeping {
	RIGHT: 0px; WIDTH: 148px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 85px
}
.wakeup_button {
	RIGHT: 0px; WIDTH: 92px; BOTTOM: 75px; POSITION: absolute; HEIGHT: 74px
}
.robot_talking_pubble {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; RIGHT: 8px; BACKGROUND: url(../images/csNumen/talking_pubble_bg.gif) no-repeat; PADDING-BOTTOM: 15px; WIDTH: 161px; PADDING-TOP: 15px; POSITION: absolute; TOP: 16px; HEIGHT: 134px
}
.robot_talking_pubble P {
	FONT-SIZE: 12px; MARGIN: 0px 0px 5px; COLOR: black; LINE-HEIGHT: 18px
}
.robot_talking_pubble A {
	COLOR: #ff5300; TEXT-DECORATION: underline
}
.talking {
	LEFT: 0px; WIDTH: 252px; POSITION: absolute; TOP: 0px; HEIGHT: 283px
}
.working {
	LEFT: 0px; WIDTH: 252px; POSITION: absolute; TOP: 0px; HEIGHT: 297px
}
.sleeping {
	LEFT: 0px; WIDTH: 252px; POSITION: absolute; TOP: 0px; HEIGHT: 283px
}
.robot_talking {
	RIGHT: 0px; WIDTH: 81px; BOTTOM: 0px; POSITION: absolute; HEIGHT: 114px
}
.input_buttons {
	WIDTH: 163px; HEIGHT: 21px
}
.table_a {
	FONT-SIZE: 12px; MARGIN-LEFT: 5px; WIDTH: 90px; COLOR: #116fc1; TEXT-INDENT: 6px; LINE-HEIGHT: 20px; HEIGHT: 20px
}
.table_a A {
	COLOR: #116fc1; TEXT-DECORATION: none
}
.table_b {
	FONT-SIZE: 12px; MARGIN-LEFT: 5px; WIDTH: 35px; COLOR: #116fc1; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-ALIGN: left
}
.table_c {
	MARGIN-LEFT: 5px; WIDTH: 19px; LINE-HEIGHT: 20px
}
.close_button {
	FONT-SIZE: 17px; FLOAT: right; LINE-HEIGHT: 17px; HEIGHT: 17px; TEXT-ALIGN: right
}
.min_button IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-RIGHT: 3px; BORDER-RIGHT-WIDTH: 0px
}
.askforhelp {
	FONT-SIZE: 17px; FLOAT: right; LINE-HEIGHT: 17px; MARGIN-RIGHT: 1px; HEIGHT: 17px; TEXT-ALIGN: right
}
.table_overflow {
	OVERFLOW: hidden; WORD-BREAK: keep-all; MARGIN-RIGHT: 5px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis
}

    #talking_pubble_bg {
	position:absolute;
	background-image: url(../images/csNumen/talking_pubble_bg.gif);
	background-position: left top;
	height: 199px;
	width: 197px;
	z-index:1;
}

#talking_font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 14px;
}

#robot_welcome {
	margin-left: 95px;
	margin-top: 150px;
}