#ardap-applet-container .VisitorPresence { border: 5px solid #efefef; background-color: #fff; margin: 0 0 10px 0; width: auto; height: auto; }
#ardap-applet-container .VisitorPresence input[type=button] { border: 1px solid #ddd; background-color: #F47C22; color: #fff; font-weight: bold; padding: 4px; }
.ChatClient .chatPanel ul { list-style-type: none; list-style-position: inside; padding: 0; margin: 0; }
.ChatClient .chatPanel ul li { font-size: 11px !important; }
.ChatClient .chatPanel .header { visibility: visible !important; color: #000; }
.ChatClient .chatPanel .body .messages { height: 250px; border: 1px solid #ddd; }
.ChatClient .chatPanel .body .message { margin: 0; }
.ChatClient .chatPanel .body .message .header { font-size: 11px; clear: left; margin: 0 0 3px 0; }
.ChatClient .chatPanel .body .newMessage textarea { width: 100%; height: 72px; margin-bottom: 5px; border: 1px solid #ddd; } /* width: 525px; */
.ChatClient .ui-dialog-titlebar { background-color: #f46c22; color: white; padding: 10px 10px 6px 10px; }
.ui-dialog-titlebar-close span { color: white; }
.ChatClient .chatPanel .body .message.inbound .header { background-color: #abcdef; }
.ChatClient .chatPanel .body .message.outbound .header { background-color: #ccc; }
.ChatClient .chatPanel .body .message .header .messageDate { padding: 0; }
.ChatClient .chatPanel .body .message .header { padding: 3px 5px; float: left; -moz-border-radius: 0 0 4px 0; margin-right: 5px; }
.ChatClient .chatPanel .body .message .body.messageText { padding: 3px 5px 3px 0; text-align: left; }
.ChatClient .chatPanel .body .message.inbound { }
.ChatClient .chatPanel .body .message.inbound .body.messageText {  }
.ChatClient .chatPanel .body .message.outbound .body.messageText {  }
.ChatClient .chatPanel .body .message.outbound { }
.ChatClient .chatPanel .webcam { width: 240px; height: 200px; background-color: #FFFFFF; margin:2px 2px 2px 2px; border: 1px solid #ddd; }
.ChatClient .main-panes { background-color: #FFFFFF; }
.ChatClient { max-width: 860px; }

/* the following lines are to fix variable size through the chat process */
.ChatClient { width: auto; z-index: 2000; }
.ChatClient .visitorPanel { position: relative; width: 486px; height: 327px; background: transparent url(/dealersite/images/chat_intro.jpg) no-repeat scroll 0 0; }
.ChatClient .chatPanel { position: relative; width: 800px; }
.ChatClient .chatPanel .panel-header { }
.ChatClient .chatPanel .panel-header h3 {  }
.ChatClient .visitorPanel .dealerPicture { position: absolute; left: 12px; top: 44px; width: 154px; height: 203px; padding-right: 0px; }
.ChatClient .visitorPanel .dealerPicture img { width: 154px; height: 203px; }
.ChatClient .visitorPanel .panel-body { margin-left: 180px; margin-right: 10px; }
.ChatClient .visitorPanel .form.w-panes { margin-left: 180px; margin-right: 10px; width: 290px; }
.ChatClient .visitorPanel.panel .panel-header { border-bottom: 0px; background: transparent none no-repeat scroll 0 0; height: 25px; padding: 0px; }
.ChatClient .visitorPanel.panel .panel-header h3 { margin: 0; padding: 4px; font-size: 14px;}
.ChatClient .visitorPanel.panel .acceptChat .body form, .ChatClient .identification .body form { margin-left: 180px; background: transparent none no-repeat scroll 0 0; }
.ChatClient .visitorPanel .dealer { background: transparent none no-repeat scroll 0 0; min-height: 35px; padding: 2px; }
.ChatClient .visitorPanel .dealer h4.dealerName .out.value { font-size: 12px; }
.ChatClient .visitorPanel .w-submit { height: 25px; margin-top: 55px; margin-top: 45px;  }
.ChatClient .visitorPanel .w-submit img { cursor: pointer; }
.ChatClient .acceptChat .body, .ChatClient .identification .body { background-color: transparent; border: 0px; }

.ChatClient .newMessage { margin: 5px 0 0 0; }
.ChatClient .newMessage .body { padding: 5px; }
.ChatClient .chatPanel .webcam { margin: 0 4px 4px 0; overflow: hidden; }
.ChatClient .panel > .body { padding: 1px; }
.ChatClient li.message.outbound { text-align: left; }
.ChatClient li.message.inbound { text-align: left; }
.ChatClient .chatPanel .body .message { padding: 0 0 2px 0; }

.ChatClient .newMessage .body,
.ChatClient .endMessage .body { height: 139px; background-color: #eee; border: 1px solid #ddd; }
.ChatClient .endMessage .body { height: 129px; }
.ChatClient .endMessage { margin: 5px 0 0 0; }
.ChatClient .chatPanel .header { color: #fff; }
.ChatClient .chatPanel .body .newMessage textarea { height: 76px; }
#ardap-applet-container div.visitor.panel.visitorPanel div.header { visibility: visible; }
#ardap-applet-container .ChatClient div.visitor.panel.visitorPanel div.body { padding: 0; padding-top: 10px; }
#ardap-applet-container .ChatClient div.visitor.panel.visitorPanel div.body div.dealer { border: 0; margin: 0; }

#ardap-applet-container .ChatClient div.visitor.panel.visitorPanel div.body div.dealer div.greeting { height: 40px; margin-top: 8px; margin-bottom: 8px; overflow: auto; }

#ardap-applet-container .ChatClient .visitorPanel div.action-image { position: absolute; cursor: pointer; width: 133px; height: 52px; }
#ardap-applet-container .ChatClient .visitorPanel div.action-image.do-declineInvitation { left: 205px; top: 263px; background: transparent url(/dealersite/images/bt_non_off_en.gif) no-repeat scroll 0 0; }
#ardap-applet-container .ChatClient .visitorPanel div.action-image.do-declineInvitation:hover { left: 205px; top: 263px; background: transparent url(/dealersite/images/bt_non_on_en.gif) no-repeat scroll 0 0; }
#ardap-applet-container .ChatClient .visitorPanel div.action-image.do-acceptInvitation { left: 338px; top: 263px; background: transparent url(/dealersite/images/bt_oui_off_en.gif) no-repeat scroll 0 0; }
#ardap-applet-container .ChatClient .visitorPanel div.action-image.do-acceptInvitation:hover { left: 338px; top: 263px; background: transparent url(/dealersite/images/bt_oui_on_en.gif) no-repeat scroll 0 0; }
#ardap-applet-container .ChatClient .visitorPanel div.action-image.do-joinDiscussion { display: none; left: 338px; top: 263px; background: transparent url(/dealersite/images/bt_chat_off_en.gif) no-repeat scroll 0 0; }
#ardap-applet-container .ChatClient .visitorPanel div.action-image.do-joinDiscussion:hover { display: none; left: 338px; top: 263px; background: transparent url(/dealersite/images/bt_chat_on_en.gif) no-repeat scroll 0 0; }

#ardap-applet-container.language-fr .ChatClient .visitorPanel div.action-image.do-declineInvitation { left: 205px; top: 263px; background: transparent url(/dealersite/images/bt_non_off.gif) no-repeat scroll 0 0; }
#ardap-applet-container.language-fr .ChatClient .visitorPanel div.action-image.do-declineInvitation:hover { left: 205px; top: 263px; background: transparent url(/dealersite/images/bt_non_on.gif) no-repeat scroll 0 0; }
#ardap-applet-container.language-fr .ChatClient .visitorPanel div.action-image.do-acceptInvitation { left: 338px; top: 263px; background: transparent url(/dealersite/images/bt_oui_off.gif) no-repeat scroll 0 0; }
#ardap-applet-container.language-fr .ChatClient .visitorPanel div.action-image.do-acceptInvitation:hover { left: 338px; top: 263px; background: transparent url(/dealersite/images/bt_oui_on.gif) no-repeat scroll 0 0; }
#ardap-applet-container.language-fr .ChatClient .visitorPanel div.action-image.do-joinDiscussion { display: none; left: 338px; top: 263px; background: transparent url(/dealersite/images/bt_chat_off.gif) no-repeat scroll 0 0; }
#ardap-applet-container.language-fr .ChatClient .visitorPanel div.action-image.do-joinDiscussion:hover { display: none; left: 338px; top: 263px; background: transparent url(/dealersite/images/bt_chat_on.gif) no-repeat scroll 0 0; }

#ardap-applet-container .ChatClient.w-applet.ui-draggable { background-color: #fff; }
#ardap-applet-container .ChatClient .acceptChat .body form,

#ardap-applet-container .ChatClient .identification .body form { margin: 10px 0 0 0; }
#ardap-applet-container .ChatClient .chatPanel .context { padding: 5px 0 2px 7px; }
#ardap-applet-container .ChatClient .chatPanel .body .outbound { background-color: #f7f7f7; }
#ardap-applet-container .ChatClient .chatPanel .body .message.inbound { padding: 0 0 12px 0; background-color: #f0f0f0; }
#ardap-applet-container .ChatClient .chatPanel .header.panel-header {  background: transparent url(/dealersite/images/chat_image3.gif) no-repeat scroll 0 0; }
#ardap-applet-container .ChatClient .chatPanel .header.panel-header h3 { margin-left: 40px; }
#ardap-applet-container .EventBus { display: none; }
#ardap-applet-container .ChatClient .dealerPicture img { width: 154px; height: 203px; display: none; }
#ardap-applet-container .ChatClient .dealerPicture.thumbnail { position: absolute; left: 6px; top: 4px; width: 154px; height: 203px; padding-right: 0px; text-align: left; }
#ardap-applet-container .ChatClient .dealerPicture.thumbnail img { width: 35px; height: 46px; display: none; }