/* Standard tags
---------------------------------- */
body {
margin-left:2px;
margin-bottom:2px;
margin-right:2px;
margin-top:2px;

}
	
h1 {
	font-size: 16px;
	color: #57399F;
	}
h2 {
	font-size: 14px;
	margin: 0.3em 0;
	}
h3 {
	font-size: 11px;
	margin: 0.3em 0;
	border-bottom: 1px solid #CCCCCC;
	text-transform: uppercase;
	}

select { font-size: 10px; width: 100px; }


hr {
	border: 0px none transparent;
	border-top: 1px dashed #604E8A;
	margin-bottom: 5px;
	padding-bottom: 5px;
	height: 1px;
	}



/* Input fields */
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
input, textarea, #chat {
	background: #FFFFFF url(../images/innershadow.gif) top left no-repeat;
	border:#999999 1px solid;
	
	}
textarea {
overflow:auto;
}
.radio {
	border: none;
	background: none;
	}
#send {
	width: 55px;
	height: 42px;
	cursor: pointer;
	font-weight: bold;
	color: #AC62DC;
	background: #BEB4D5 url(images/button.gif) top left no-repeat;
	border: none !important;
	}
#send:hover {
	color: #CC298C;
	background-position: 0 -43px;
	}
.go, .button {
	background-image: none;
	background-color: #ECF2F9;
	border: 1px solid #8F81B0;
	cursor: pointer;
	color: #604E8A;
	}
.close_window {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration:none;
}

.close_window a:link {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration:underline;
}

.close_window a:active {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration:underline;
}

.close_window a:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration:underline;
}

.close_window a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration:underline;
}
.powered_by {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7F7F7F;
	text-decoration:none;
}

.powered_by a:link {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7F7F7F;
	text-decoration:none;
}

.powered_by a:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7F7F7F;
	text-decoration:none;
}

.powered_by a:active {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7F7F7F;
	text-decoration:none;
}

.powered_by a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color: #7F7F7F;
	text-decoration:underline;
}

.welcome_fonts {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-left:5px;
	height:20px;
	background:url(../images/smenu_ho_02.gif) center repeat-x;
}
.table_border {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #054950;
}
.agent_fonts {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}
.user_fonts {

	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005C98;
	font-weight: normal;
}
.lcac_header {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.lcac_fonts {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	padding-left: 5px;
}

/* Links */
a:link, a:visited { color: #AC62DC; text-decoration: none; }
a:hover { text-decoration: underline; color: #CC298C; }
a:active { text-decoration: none; color: #AC62DC; }
a:hover img { text-decoration: none; }



/* Copyright link */
#copyright a:link, #copyright a:visited, #copyright a:active {
	text-decoration: none;	color: #DFD9ED;
	}
#copyright a:hover { text-decoration: none; color: #FFFFFF;  }


/* Online/offline */
td.online {
	background-color: #DCADC7 !important;
	font-weight: bold;
	}
td.offline {
	
	}
div.online label, div.offline label {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	}
.online {
	color: #C0297A;
	}
.offline {
	color: #888888;
	}
.remote {
	color:#000000;
	font-weight:bold;
}
.local {
	color:#0000FF;
	font-weight:bold;
}
/* Conversation window attributes */
#conversation p {
	font-size: 90% !important;
	margin-bottom: 0.7em;
	line-height: 135%;
	}
#conversation img {
	border: none;
	display: block;
	clear: both;
	margin: 5px 0;
	}
p.notice {
	border-top: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
	color: #666666;
	padding: 8px 0;
	margin: 0.5em 0;
	font-style: italic;
	}
p.client {
	font-weight: normal;
	color: #604E8A;
	}
p.client span {
	font-weight: bold;
	color: #5A38A0;
	}
p.operator {
	font-weight: normal;
	color: #7522AF;
	}
p.operator span {
	font-weight: bold;
	color: #750FC2;
	}
p.alert {
	font-weight: bold;
	color: #CC298C;
	border-top: 1px dashed #EE003C;
	border-bottom: 1px dashed #EE003C;
	padding: 8px 0;
	margin: 0.5em 0;
	}


/* Conversation links */
#conversation a:link, #conversation a:visited, #conversation a:active {
	text-decoration: none;
	color: #A52EFF;
	border-bottom: 1px solid #A52EFF;
	}
#conversation a:visited { color: #8F81B0; border-bottom-style: dotted; border-bottom-color: #8F81B0; }
#conversation a:active  { color: #CC298C; }
#conversation a:hover   { background-color: #EEE7FF; text-decoration: none; color: #CC298C; }



/* Buttons
---------------------------------- */
#options {
	background-color: #8F81B0;
	/*border-top: 1px solid #6195C7;*/
	}
#sound_print {
	background-color: #8F81B0;
	}
#options a:link, #options a:active, #options a:visited {
	color: #DFD9ED;
	}
#options a:hover {
	color: #FFFFFF;
	}
a.print, a.font, a.soundOn, a.soundOff {
	padding: 1px 0 1px 20px;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}
a.soundOff { background-position: 0 -16px; }
a.print { background-image: url("images/icon_print.gif"); }
a.font  { background-image: url("images/icon_font.gif"); }
a.soundOn, a.soundOff { background-image: url("images/icon_sound.gif"); }




/* FAQ Styles
---------------------------------- */
p.question {
	font-weight: bold;
	font-size: 13px;
	color: #604E8A;
	}
p.answer { 
	font-style: italic;
	margin: 0;
	color: #604E8A;
	}
p.rate {
	font-size: 11px;
	margin-top: 10px;
	color: #7522AF;
	}
p.rate label {
	padding: 0 10px;
	vertical-align: middle;
	}
div.cookie {
	padding: 5px 3px;
	margin-top: 10px;
	margin-bottom: 4px;
	background-color: #EEE7FF;
	border-bottom: 1px dashed #604E8A;
	}
div.faq ul {
	margin-left: 15px;
	}
div.faq li {
	list-style-type: none;
	}
div.faq li.headcat {
	list-style-type: square;
	font-weight: bold;
	color: #7522AF;
	}



/* Tabs
---------------------------------- */
#tabs a { background:url("images/tabs_left.gif") no-repeat 0% 0px; }
#tabs a span { 
	background: url("images/tabs_right.gif") no-repeat 100% 0px;
	color: #604E8A;
	}
#tabs a:hover span { color: #604E8A; }
#tabs li.activetab a { border-bottom: 1px solid #DFD9ED; }
#tabs li.activetab a span {	color: #CC298C; }
#tabs ii.activetab a:hover span { color: #CC298C;}



/* Operator styles
---------------------------------- */
body.operatorbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #DFD9ED;
	color: #604E8A;
	background-image: none;
	margin: 5px;
	}
* html body.operatorbody { width: 92%; } /* IE tweak */
#operator {
	background-color: #8F81B0;
	color: #DFD9ED;
	}
#operatorpanel {
	background-color: #DFD9ED;
	border: 1px solid #604E8A;
	}
div.logo {
	border-bottom: 2px solid #4580C0;
	margin-bottom: 4px;
	}
.maintable {
	border:#EAEAEA 1px solid;
	padding:0px 0px 0px 0px;
	background-image:url(../images/bggrey.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;
}
.conversationcass
{
	height:222px;
	padding:2px 2px 2px 4px;
	overflow:auto;
}
.conversationcassp {
	margin-top:0px;
	margin-bottom:0px;
}