@charset "utf-8";
/* CSS Document */
body {	
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#surveyDiv
{
	width: 250px;
	padding: 18px 7px 0px 20px;	
}
.chat, a, img, p, hr, form, h1, h2, h3, h4, h5, ul, li {
	margin: 0px;
	padding: 0px;
	border: none;
}
.banner
{
	margin:-15px 0px 0px 0px;
}

#divTranscriptHolder
{
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ccc;
	width:309px;
	height:100%;
	 /*height:223px;*/
	 background-color:White;
	 
	}
#divTranscript
{
	margin: 7px 3px 7px 3px;
	background-color:White;
	}
	
.chat {
	width: 461px;
	height: 500px;
	margin: 0px auto;
	overflow: hidden;
	background: url(images/main_bg.jpg) left top repeat;
	font: 10px Verdana, Geneva, sans-serif;
	overflow: hidden;
}
.chat img, .chat div, .chat input { behavior: url("images/iepngfix.htc"); }
.chat_header {
	width: auto;
	height: auto;
}
.exit {
	text-align: right;
	width: auto;
	height: auto;
	padding: 7px 13px 6px 10px;
}
.chat_body {
	height: auto;
	width: 431;
	padding: 10px 15px 7px 15px;
	overflow: hidden;
}
.top_shadow_div {
	width: 425px;
	height: auto;
	padding: 3px;
	background: url(images/shadows.png) left top repeat;
}
.agentbox {
	width: auto;
	height: 438px;
	z-index:1;
	padding: 11px 5px 0px 9px;
	border: 1px solid #fff;
	background: #c7c7c7 url(images/chat_contentbg.jpg) left top repeat-x;
	overflow: hidden;
}
.exitimage {
	width: 35px;
	height: 10px;
	background-image: url(images/chat_exit.png);
	float:right;
}
.logo {
	width: 132px;
	height: 28px;
	float: left;
	 background-image: url(images/chat_logo.png);
}
#statusmsg {
	float: left;
	width: 220px;
	height: 14px;
	margin: 3px 0px 0px 15px;
	padding: 3px 5px 1px 23px;
	border: 1px solid #ccc;
	background: #fff url(images/chat_status.png) 3px 2px no-repeat;
	font: 10px Verdana, Geneva, sans-serif;
	color: #555;
}
.agent_chat 
{
	width: 311px;
	height: 380px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
/*	background: url(images/chat_boxfooter.jpg) left bottom no-repeat;*/
}
.agent_chat .top 
{
	visibility:hidden;
}
.agent_chat .bodychat {
	width: 303px;
	height: 218px;
	/*background: url(images/chat_boxbg.jpg) left top repeat-y;*/
	background-color:White;
	border-right: 1px solid #fff;
	overflow-x:auto;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 7px 0px 7px 7px;
}
.bodychat .user {
	/*width: 283px;*/
	height: auto;
	overflow: hidden;
	color: #03C;
}
.bodychat .agent {
	/*width: 283px;*/
	height: auto;
	overflow: hidden;

	color: #000;
}
.bodychat span {
	font: bold 12px Verdana, Geneva, sans-serif;
	padding: 0px 5px 0px 0px;
	width: auto;

	margin: 0px 0px 0px 3px;
	
	/*width: 180px;*/
}
.bodychat span.time {
	width: 88px;
	text-align: right;
	font-weight: normal;
}
.bodychat p {
	color: #333;
	margin: 3px 10px 3px 3px;
	font: 12px Verdana, Geneva, sans-serif;
	line-height: 13px;
	width: auto;
}
.bodychat .user p {
	color: #03c;
}


.userbox 
{
/*	height: 110px;
	margin: 0px 0px 0px 0px;
	background: url(images/userbox_bg.jpg) left top repeat-x;
	border: 1px solid #fff;
*/
}
.userchat 
{
	visibility:hidden;
/*	float: left;
	width: 331px;
	background: url(images/chat_userbox_bottom.jpg) right bottom no-repeat;
	margin: 8px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	height: 94px;*/
}
.userchat .top 
{
	visibility:hidden;
/*	width: 400;
	height: 26px;
	padding: 0px 0px 0px 3px;
	background: url(images/chat_userbox_top.jpg) left top no-repeat;*/
}
.userchat .top a {
	padding: 6px 15px 0px 5px;
	margin: 2px 0px 0px 0px;
	border-right: 1px solid #d2dee6;
	border-left: 1px solid #fff;
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #333333;
	height: 16px;
	display: inline-block;
	text-decoration: none;
}
.userchat .top a span {
	padding: 6px 10px 3px 35px;
	vertical-align: bottom;
}
.userchat .top a.set_font {
	border-left: none;
}
.userchat .top a:hover {
	background: url(images/button_hover.jpg) 4px top repeat-x;
}
.textareabg {
	background: url(images/chat_userbox_bg.jpg) left top repeat-y;
	height: 66px;
	padding: 0px 0px 0px 4px;
}
.textareabg textarea {
	width: 327px;
	height: 64px;
	overflow-x: hidden;
	overflow-y: scroll;
	border: none;
	word-wrap: break-word;
	line-break: strict;
	font: normal 12px Verdana, Geneva, sans-serif;
	line-height: 170%;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	background: none;
}
.send 
{
	position:absolute;
	width: 72px;
	height: 94px;
	float: left;
	margin: -122px 0px 0px 340px;
	z-index:10;
}
.send a {
	width: 72px;
	height: 94px;
	background: url(images/chat_send.jpg) left top no-repeat;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
}
.send a:hover {
	background: url(images/chat_send_up.jpg) left top no-repeat;
}


.avatar_holder{
	float: left;
	width: 85px;
	height: 275px;
	text-align: center;
	margin: 10px 0px 0px 10px;
}
.avatar {
	margin: 0px 0px 20px 0px;
}
.avatar img {
/*	width: 75px;
	height: 75px;*/
	border: 1px solid #c2c2c2;
	padding: 1px;
}

.clr11px {
	clear: both;
	height: 11px;
	margin: 0px;
}
.clr {
	clear: both;
	height: 1px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
.chat_footer {
	height: 9px;
	width: auto;
	display: none;
}
.bubble {
	width: 110px;
	height: auto;
	position: absolute;
	top: 122px;
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 4px 0px;
	background: url(images/bubble_bottom.png) right bottom no-repeat;
	z-index: 999999;
	font: bold 10px Verdana, Geneva, sans-serif;
	color: #475a72;
	line-height: 150%;
	overflow: hidden;
}
.bubble .header {
	width: 110px;
	height: 14px;
	padding: 0px;
	margin: 0px;
	background: url(images/bubble_top.png) right top no-repeat;
}
.bubble .content {
	background: url(images/bubble_bg.png) right top repeat-y;
	padding: 0px 5px 3px 6px;
	text-align: center;
	height: auto;
	width: 99px;
}
#statusmsg {
	width: 221px;
	height: 14px;
	font: 10px Verdana, Geneva, sans-serif;
	color: #555;
	position:absolute;
	overflow: hidden;
	display: block;
	z-index: 99999;
	top: 50px;
	margin: 0px 0px 0px 180px;
	visibility:hidden;
}
.poweredby {
	display: none;
}
.send a.printchat, .send a.closechat {
	display: none;
}

.systemmsgs {
}
.systemmsgs span {
	background: url(images/ind.gif) left 4px no-repeat;
	padding: 0px 0px 0px 10px;
	line-height: 13px;
	color: #090;
	font-weight:normal;
	display: block;
	clear: both;
	margin: 0px 0px 3px 0px;
}

/* visitor client */

.surveyheader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.crinputbox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 225px;
}
.crtextarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 260px;
}

.RequiredItem
{
	font-weight: bold;
	color: #ff0000;
}
.text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.surveytable
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.SystemMsg
{
	color: #008000;
	font-family: arial, helvetica, geneva;
	font-size: 10pt;	
}
.AgentMsg
{
	color: black;	font-family: arial, helvetica, geneva;	font-size: 10pt;
}
.VisitorMsg
{
	color: blue;
	font-family: arial, helvetica, geneva;
	font-size: 10pt;
}
.Agent
{
	font-weight: bold;	font-size: 10pt;	color: #333333;	font-family: arial, helvetica, geneva;
}
.Visitor
{
	color: blue;
	font-family: arial, helvetica, geneva;
	font-size: 10pt;
	font-weight: bold;
}
.TypingMsg
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}