body,html {
	padding: 0;
	margin: 0;
	border: 0;
}

.rtl {
	direction: rtl;
}

div {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 10px;
	padding: 0px;
	color: #202020;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	background-color: #f9f9f9;
}

a {
	text-decoration: none;
}

img {
	margin: 0px;
	padding: 0px;
}

a img {
	border: none;
}

a:hover {
	text-decoration: none;
}

tr,th,td {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.container {
	margin: 0px;
	width: 100%;
	height: 100%;
}

.close {
	background: url('./images/back-close.gif') 0px 1px;
	width: 54px;
	height: 17px;
	float: right;
	border: none;
}

.closetxt {
	padding-left: 19px;
	padding-top: 2px;
	color: white;
}

.header {
	width: 100%;
	height: 98px;
	border: 1px solid #ececec;
	margin-top: 5px;
	margin-bottom: 5px;
}

.headersmall {
	width: 100%;
	border: 1px solid #ececec;
	margin-top: 5px;
	margin-bottom: 5px;
}

.loggedname {
	float: left;
	font-weight: bold;
	padding-right: 10px;
}

.headersmall_a {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
	float: left;
	padding-right: 8px;
}

.logo {
	float: left;
}

.headertxt {
	float: left;
}

.headertxtright {
	float: right;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 50px;
}

.chattingwith {
	width: 100%;
}

.chattingwithname {
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #4f4f4f;
	padding-left: 5px;
}

.chattingwithname a {
	text-decoration: underline;
	color: #267dc9;
}

.chattingwithnameinfo {
	float: left;
	width: 20px;
	height: 16px;
	background: url('./images/infoicon.gif') no-repeat right 1px;
}

.chattransferto {
	float: right;
	background: url('./images/back-transfer.gif') no-repeat;
	width: 130px;
	height: 16px;
	font-size: 9px;
}

.chattransfertotxt {
	padding-left: 12px;
	padding-top: 2px;
	color: white;
}

.infomsg {
	width: 100%;
	padding: 0px;
	padding-top: 10px;
	margin: 0px;
	display: block;
	position: absolute;
}

.chatdivinin {
	display: block;
	position: relative;
}

.infomsgclosed {
	width: auto;
	display: block;
	padding: 0px;
	padding-top: 10px;
	padding-right: 1px;
	margin: 0px;
}

.maintop {
	background: url('./images/back-top.gif') no-repeat;
	height: 24px;
	float: left;
	width: 100%;
}

.maintopin {
	float: right;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 51px;
	background: url('./images/back-topwithoutclose.gif');
}

.closeinfo {
	float: right;
	margin: 0px;
	padding: 0px;
	background: url('./images/back-topclose.gif');
	height: 20px;
	width: 45px;
	padding-top: 4px;
	padding-left: 6px;
}

.maintop2 {
	background: url('./images/back-top2.gif') no-repeat;
	height: 24px;
	float: left;
	width: 100%;
	border-right: 1px solid #a8a8a8;
}

.closeinfo2 {
	float: right;
	margin: 0px;
	padding: 0px;
	background: url('./images/back-topclose2.gif');
}

.closeinfotxt {
	padding-top: 1px;
	padding-left: 12px;
	font-size: 9px;
	color: white;
}

.infomsgtxt-border {
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	border-bottom: 1px solid #d5d5a5;
	background-color: #fff9b4;
	width: auto;
	height: 60px;
	display: block;
	opacity: 1;
	filter: alpha(opacity =   100);
}

.infomsgtxt {
	float: left;
	text-align: justify;
	padding: 3px;
	padding-left: 15px;
}

.infobone {
	float: right;
}

.main-border {
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	background-color: white;
	padding: 3px;
	padding-top: 2px;
	width: auto;
	margin: 0px;
	height: 300px;
}

.main {
	width: auto;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	padding-right: 3px;
}

.mainbottom {
	background: url('./images/back-bottom.gif') no-repeat bottom right;
	height: 17px;
	width: auto;
	border-left: 1px solid #a8a8a8;
	margin-bottom: 12px;
}

.messageform {
	height: 80px;
	width: auto;
	border: 1px solid #a8a8a8;
	background-color: white;
}

.msgform {
	margin: 0px;
	padding: 0px;
}

.msgform table {
	width: 100%;
}

.msgform .send_button {
	width: 53px;
}

.messageform textarea {
	height: 73px;
	width: 100%;
	border: none;
	overflow: auto;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
}

.inputbox {
	display: inline;
}

.sendButton {
	width: 53px;
	height: 77px;
	border: none;
}
.sendButton-active {
	background: url('./images/send.jpg');
}

.sendButton-inactive {
	background: url('./images/send-inact.jpg');
}

table,tr,td {
	border: none;
	margin: 0px;
	padding: 0px;
}

.person1 {
	background: url('./images/back-1.gif') no-repeat;
	height: 17px;
	color: black;
	margin: 0px auto;
	margin-top: 3px;
	width: auto;
}

.persontime1 {
	font-weight: normal;
	font-size: 9px;
	width: auto;
	padding-left: 10px;
	padding-top: 3px;
	float: right;
	padding-right: 5px;
}

.persontime-pad1 {
	height: 17px;
	width: 80px;
	float: right;
	background: url('./images/back-time4.gif') right no-repeat;
}

.persontxt {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 1px;
	font-weight: bold;
}

.msg {
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-left: 10px;
	width: auto;
	font-size: 11px;
	clear: both;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word;
	_white-space: pre;
}

.msgpart {
	display: inline;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word;
	_white-space: pre;
}

.msgpart a {
	color: blue;
	text-decoration: underline;
	display: inline;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word;
	_white-space: pre;
}

.nextmsg {
	background: url('./images/back-time2.gif') right no-repeat;
	margin: 0px;
	padding: 0px;
	height: 11px;
	width: auto;
}

.nexttime {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	padding-left: 10px;
	float: right;
}

.nexttime-pad {
	font-weight: normal;
	font-size: 9px;
	height: 11px;
	width: 80px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.person2 {
	background: url('./images/back-2.gif') no-repeat;
	height: 17px;
	width: auto;
	color: black;
	margin-top: 3px;
}

.persontime2 {
	font-weight: normal;
	font-size: 9px;
	padding-left: 10px;
	padding-top: 3px;
	float: right;
	padding-right: 5px;
}

.persontime-pad2 {
	height: 17px;
	width: 80px;
	float: right;
	background: url('./images/back-time3.gif') right no-repeat;
}

.bottominfo {
	margin-top: 6px;
	color: #4f4f4f;
}

.typinginfo {
	float: left;
	padding-left: 15px;
	padding-right: 25px;
}

.typinginfo-typing {
	background: url('./images/typing.gif') left no-repeat;
}

.typinginfo a {
	text-decoration: underline;
	color: #267dc9;
}

.time {
	float: right;
	padding-right: 4px;
	font-weight: bold;
}

.footer {
	margin-top: 16px;
	border-top: 1px solid #ECECEC;
	color: #202020;
	text-align: right;
}

.footer a {
	color: black;
	text-decoration: underline;
}

.tabactive {
	background: url('./images/tab-active.gif') #DFDFDF repeat-x top;
	position: relative;
	float: left;
	margin-right: 10px;
	display: inline;
}

.tabactivetopleft {
	background: url('./images/tab-active-left.gif') transparent no-repeat
		0px 0px;
	height: 26px;
	position: relative;
	text-align: center;
	cursor: pointer;
}

.tabactivetopright {
	background: url('./images/tab-active-right.gif') transparent no-repeat
		top right;
	height: 22px;
	padding-top: 7px;
	position: relative;
	text-align: center;
}

.tabactivetopright div {
	position: relative;
	padding: 0px 30px 0px 30px;
	font-size: 1.1em;
	color: #303030;
	font-weight: bold;
	text-align: center;
}

*+html div.settingstabcontent {
	padding: 17px;
}

.tabactive-setting {
	background: url('./images/tab-active-setting.gif') repeat-x top;
}

.tabactivetopleft-setting {
	background: url('./images/tab-active-left-setting.gif') transparent
		no-repeat 0px 0px;
}

.tabactivetopright-setting {
	background: url('./images/tab-active-right-setting.gif') transparent
		no-repeat top right;
}

.tabactive-trans {
	background: url('./images/tab-active-live.gif') repeat-x top;
}

.tabactivetopleft-trans {
	background: url('./images/tab-active-left-live.gif') transparent
		no-repeat 0px 0px;
}

.tabactivetopright-trans {
	background: url('./images/tab-active-right-live.gif') transparent
		no-repeat top right;
}

.tab-close-img {
	float: left;
	padding-right: 10px;
}

.tabactive-inactive {
	background: url('./images/tab-inactive.gif') repeat-x top;
}

.tabactivetopleft-inactive {
	background: url('./images/tab-inactive-left.gif') transparent no-repeat
		0px 0px;
}

.tabactivetopright-inactive {
	background: url('./images/tab-inactive-right.gif') transparent no-repeat
		top right;
}

.tabtext-typing {
	background: url('./images/typing.gif') no-repeat left;
}

.tabactive-typing {
	background: url('./images/tab-typing.gif') repeat-x top;
}

.tabactivetopleft-typing {
	background: url('./images/tab-typing-left.gif') transparent no-repeat
		0px 0px;
}

.tabactivetopright-typing {
	background: url('./images/tab-typing-right.gif') transparent no-repeat
		top right;
	padding-left: 10px;
}

.chatdiv {
	border: 2px solid #AFAFAF;
	background-color: #DFDFDF;
	width: 100%;
}

.chatdivin {
	padding: 10px;
	position: relative;
}

.infotable {
	border: 2px solid #AFAFAF;
	background-color: #DFDFDF;
	width: 100%;
	margin: 10px 0px 0px 0px;
	margin-top: 10px;
	padding: 0px;
}

.infotablein {
	padding: 5px;
}

.infotable table {
	text-align: left;
}

.agents {
	border: 2px solid #989898;
	margin: 5px;
	margin-left: 10px;
	float: right;
	display: inline;
	background-color: #FFFFFF;
}

.agentsin {
	width: 150px;
	position: relative;
	padding: 5px;
}

.agentsin table {
	width: 100%;
	border-collapse: collapse;
}

.agentsin td,th {
	padding: 3px;
}

.agenttime {
	width: 40px;
	border-left: 1px solid #989898;
}

.agentsin .agenttime {
	width: 55px;
	border-left: 1px solid #989898;
}

.customers {
	padding: 5px;
	width: auto;
	position: relative;
}

.customersin {
	border: 2px solid #989898;
	background-color: #FFFFFF;
	height: 200px;
	width: auto;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0px;
	padding: 5px;
}

.nochat {
	padding-left: 15px;
	font-weight: bold;
}

.customersin a {
	text-decoration: underline;
	color: blue;
}

.pending {
	background-color: #FFF9B4;
}

.chatting {
	background-color: #c2daee;
}

.chattingactive {
	background-color: #95c0eb;
}

.customersin td {
	padding: 3px;
	border-bottom: 1px solid #989898;
	overflow: hidden;
	white-space: nowrap;
	font-size: xx-small;
	font-stretch: ultra-condensed;
}

.customersin div {
	overflow: hidden;
	white-space: nowrap;
}

.customersin table {
	width: 100%;
	border-collapse: collapse;
}

.customers table {
	table-layout: fixed;
}

.status div {
	overflow: visible;
}

/*\*/
* html .customersin table {
	width: auto;
}  /**/
.customers_name {
	width: 20%;
}

.grid {
	border: 2px solid #989898;
	background-color: #FFFFFF;
	width: 100%;
}

.gridin {
	padding: 10px;
}

.gridin div {
	overflow: hidden;
}

.grid td {
	padding: 3px;
	border-bottom: 1px solid #989898;
	overflow: visible;
}

.grid-Table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

.grid-Column {
	border-left: 1px solid #989898;
}

.grid .grid-Column {
	border-left: none;
}

.grid-th {
	border-bottom: 1px solid #989898;
	font-weight: bold;
}

.grid-th td {
	font-size: 11px;
	font-stretch: normal;
}

.grid-row-mouseOver {
	background-color: #FFF7D7;
}

.grid-row-checked {
	background-color: #FAD163;
}

.grid-header-cell {
	float: left;
}

.grid-header-cell-sortable {
	cursor: pointer;
	text-decoration: underline;
}

.grid-selector {
	float: left;
	padding-bottom: 5px;
}

.grid-selector div,button {
	float: left;
}

.grid-selector button {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
	padding: 0px;
	border: none;
	background-color: inherit;
}

.grid-pager {
	float: right;
	padding-bottom: 5px;
}

.grid-pager div,button {
	float: left;
}

.grid-pager button {
	text-decoration: underline;
	color: blue;
	cursor: pointer;
	padding: 0px;
	border: none;
	background-color: white;
}

button.gwt-button {
	background: white;
	margin-left: 3px;
	margin-right: 3px;
}

.grid-pager div {
	padding-left: 5px;
	padding-right: 5px;
}

.grid-Messages .I {
	background-color: #89ff83;
	padding: 0px 10px;
	display: inline;
	margin-left: 50%;
}

.grid-Messages .E {
	background-color: #fc828b;
	padding: 0px 10px;
	display: inline;
	margin-left: 50%;
}

.grid .clickable {
	text-decoration: underline;
	cursor: pointer;
}

.grid-dialog {
	border: 2px solid #fad163;
	background-color: #fff7d7;
}

.grid-dialog .Caption {
	background-color: #fad163;
	cursor: move;
	padding: 3px;
	font-size: 1em;
	color: #4a4a4a;
	font-weight: bold;
}

.grid-dialog .Content {
	margin: 10px;
	padding: 0px 10px 10px;
}

.grid-dialog .formdescription {
	background-color: #FFFFFF;
}

.grid-line {
	padding-top: 5px;
}

.clear {
	clear: both;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	line-height: 0px;
	display: block;
}

.cleartabs {
	clear: both;
	font-size: 0px;
	height: 10px;
}

.tabsdiv {
	position: relative;
	height: 25px;
}

.tabsdivin {
	position: absolute;
	height: 25px;
	margin: 1px 0 -1px 0;
}

.tabtext {
	float: left;
}

.chatbutton {
	border: none;
	background-color: transparent;
	text-decoration: underline;
	color: #267dc9;
	cursor: pointer;
	padding: 0px;
}

.titlebuttons {
	float: right;
}

.connectbutton {
	border: none;
	background-color: transparent;
	text-decoration: underline;
	color: #267dc9;
	cursor: pointer;
}

.opacity {
	opacity: 0.4;
	filter: alpha(opacity =           40);
}

/*\*/
* html .tabinactive {
	width: 200px;
}  /**/ /*\*/
* html .tabactive {
	width: 200px;
}  /**/
.formdescription {
	width: 100%;
	border: 1px solid #ececec;
	padding-top: 5px;
}

.formdescriptionin {
	padding: 10px;
	text-align: left;
}

.formerror {
	text-align: left;
	color: red;
	padding-left: 10px;
	font-weight: bold;
}

.formform {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	background-color: transparent;
	text-align: center;
	float: left;
}

.formfield {
	border: 1px solid #ececec;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}

.formfield2 {
	float: left;
}

.formfield_input {
	background-color: white;
	margin-right: 10px;
	border: 1px solid #999999;
	float: left;
	font-size: 13px;
	width: 200px;
}

.formfield_readonly {
	margin-right: 10px;
	border: 1px solid #999999;
	float: left;
	font-size: 13px;
	width: 200px;
	text-align: left;
}

.formfield textarea {
	font-size: 11px;
	width: 300px;
	height: 100px;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
}

.formfield_label {
	text-align: left;
	margin-top: 10px;
}

.formfield_checkbox {
	float: left;
	margin-top: 10px;
}

.formfield_checkbox_label {
	float: left;
	margin-top: 10px;
}

.formfield_validator {
	color: #fd3b5b;
	font-weight: bold;
	float: left;
	display: inline;
}

.formfield_input-invalid {
	background-color: #fad3d9;
}

.formfield_input-mandatory {
	
}

.formfield_label-mandatory {
	font-weight: bold;
}

.formfield .submit {
	display: inline;
}

.validationMessage {
	display: inline;
	position: absolute;
	width: 300px;
	z-index: 50;
}

.validationMessage-left {
	background: transparent url(./images/error-left.gif) no-repeat scroll
		left center;
	margin-left: -18px;
	margin-top: -4px;
	position: absolute;
	display: inline;
	float: left;
	height: 23px;
	width: 13px;
}

/*\*/
* html .validationMessage-left {
	margin-top: -2px;
}  /**/
.validationMessage-message {
	background: white none repeat scroll 0%;
	border: 2px solid #AB0000;
	color: #AB0000;
	float: left;
	min-height: 19px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

.form-message-ok {
	border: 1px #00520d solid;
	font-size: 12px;
	font-weight: bold;
	background: #007b14;
	color: white;
	display: inline;
	float: left;
}

.grid-dialog .form-bottom {
	padding-top: 10px;
}

.validationMessage-message div {
	padding: 2px;
}

legend {
	color: #463f2c;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

fieldset {
	border: 1px #d3b565 solid;
	background: #fde49e;
	padding: 0px 15px 15px 15px;
	margin: 0px;
	margin-bottom: 10px;
}

*+html legend {
	position: relative;;
	top: -0.7em;
	margin-bottom: -0.7em;
}

*+html fieldset {
	position: relative;
}

body>legend {
	position: relative;;
	top: -0.7em;
	margin-bottom: -0.7em;
}

body>fieldset {
	position: relative;
}

.default_button {
	background: transparent url('./images/default_button_right.gif')
		no-repeat scroll top right;
	color: white;
	display: block;
	float: left;
	height: 19px;
	margin-right: 6px;
	padding-right: 11px;
	text-decoration: none;
	cursor: pointer;
}

.default_button_left {
	background: transparent url('./images/default_button_left.gif')
		no-repeat;
	display: block;
	line-height: 13px;
	padding: 3px 6px 3px 17px;
}

.default_button_in {
	background: transparent url('./images/loading_grid.gif') no-repeat;
	padding: 1px 0px 0px 20px;
}

.blue_button {
	background: transparent url('./images/blue_button_right.gif') no-repeat
		scroll top right;
	color: white;
	display: block;
	float: left;
	height: 19px;
	margin-right: 6px;
	padding-right: 11px;
	text-decoration: none;
	cursor: pointer;
}

.blue_button_left {
	background: transparent url('./images/blue_button_left.gif') no-repeat;
	display: block;
	line-height: 13px;
	padding: 3px 6px 3px 17px;
}

.blue_button_in {
	background: transparent url('./images/loading_grid.gif') no-repeat;
	padding: 1px 0px 0px 20px;
}

.settingsdiv {
	border: 2px solid #FAD163;
	background-color: #FFF7D7;
	width: 100%;
	min-height: 500px;
}

.settingsdiv .TabPanel {
	padding: 10px;
}

.settingsdiv .TabBar {
	
}

.settingsdiv .TabBarItem {
	color: black;
	cursor: pointer;
	float: left;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	padding: 3px 15px 3px 15px;
	border: 2px solid #FAD163;
	border-bottom: none;
	background-color: #ffea98;
}

.settingsdiv .TabBarItem-selected {
	background-color: #FAD163;
}

.settingsdiv .TabPanelBottom {
	background-color: #FAD163;
	display: block;
	padding: 10px;
}

.settingsdiv .grid tr {
	background-color: #f5f5f5;
}

.settingsdiv .grid .grid-th {
	background-color: #DFDFDF;
}

.settingsdiv .grid .grid-row-mouseOver {
	background-color: #FFF7D7;
}

.settingsdiv .grid .grid-row-checked {
	background-color: #FAD163;
}

.transcriptdiv {
	border: 2px solid #6E9BC2;
	background-color: #DAE6F2;
	width: 100%;
}

.canned-Popup {
	background-color: white;
	border: 2px solid #95C0EB;
	padding: 2px;
}

.canned-Popup .item {
	cursor: pointer;
	font-weight: bold;
	font-size: 13px;
}

.canned-Popup .item-selected {
	background-color: #95C0EB;
	color: black;
}