/* *************************************************************************************************************** */ /* *** LogMeIn Rescue InstantChat Hosted CSS */ /* *** */ /* *** Each element style is documented in detail in the LogMeIn Rescue Instant Chat Feature Guide: */ /* *** https://secure.logmeinrescue.com/Common/Pdfs/Rescue_FeatureGuide_InstantChat.pdf */ /* *** */ /* *** Image resources for self-hosted Instant Chat are available for download in a single compressed file at */ /* *** https://secure.logmeinrescue.com/InstantChat/Standard/Images.zip */ /* *** */ /* *** Instant Chat uses document type XHTML 1.0 Transitional! */ /* *************************************************************************************************************** */ .ic_htmlbody {background-color:transparent; font-family: tahoma, arial, verdana; font-size: 11px; } .ic_bodyarea {background-color:transparent; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; } .ic_shadow{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000000; -moz-opacity: 0.5; filter: alpha(opacity: 50); opacity: 0.5; -KHTML-opacity: 0.5; z-index: 9; } .ic_loader_animation{ position: absolute; left: 15px; top: 15px; width: 32px; height: 32px; background-image: url('/oit/images/chat/ic_loader_animation.gif'); z-index: 10; } .ic_maincontentarea{ position: absolute; top: 20px; left: 20px; width: 350px; height: 454px; background-image: url('/oit/images/chat/ic_background.jpg'); } .ic_statusicon_waiting{border:1px solid #a1a1a1; position: absolute; left: 17px; top: 85px; width: 34px; height: 42px; background-image: url('/oit/images/chat/ic_icon_waiting.gif'); } .ic_statusicon_chat{border:1px solid #a1a1a1; position: absolute; left: 17px; top: 85px; width: 34px; height: 42px; background-image: url('/oit/images/chat/ic_icon_chat.gif'); } .ic_statusicon_rc{border:1px solid #a1a1a1; position: absolute; left: 17px; top: 85px; width: 34px; height: 42px; background-image: url('/oit/images/chat/ic_icon_rc.gif'); } .ic_statusicon_disconnect{border:1px solid #a1a1a1; position: absolute; left: 17px; top: 85px; width: 34px; height: 42px; background-image: url('/oit/images/chat/ic_icon_disconnect.gif'); } .ic_statusicon_hold{border:1px solid #a1a1a1; position: absolute; left: 17px; top: 85px; width: 34px; height: 42px; background-image: url('/oit/images/chat/ic_icon_hold.gif'); } .ic_statusicon_transfer{border:1px solid #a1a1a1; position: absolute; left: 17px; top: 85px; width: 34px; height: 42px; background-image: url('/oit/images/chat/ic_icon_transfer.gif'); } .ic_statusicon_typing{border:1px solid #a1a1a1; position: absolute; left: 17px; top: 85px; width: 34px; height: 42px; background-image: url('/oit/images/chat/ic_icon_typing.gif'); } .ic_statustext{ position: absolute; left: 60px; top: 88px; color: #393D4D; height: 39px; width: 189px; overflow: hidden; } .ic_windowtitle_container{ display:none; position: absolute; left: 33px; top: 11px; color: #FFFFFF; font-size: 13px; } .ic_windowtitle /*span*/ { } .ic_fontchange_small{ position: absolute; left: 307px; top: 111px; width: 7px; height: 13px; font-size: 1px; cursor: pointer; border-bottom: none; } .ic_fontchange_small_border{ position: absolute; left: 307px; top: 111px; width: 7px; height: 13px; font-size: 1px; cursor: pointer; border-bottom: solid 1px #888DAC; } .ic_fontchange_medium{ position: absolute; left: 316px; top: 111px; width: 7px; height: 13px; font-size: 1px; cursor: pointer; border-bottom: none; } .ic_fontchange_medium_border{ position: absolute; left: 316px; top: 111px; width: 7px; height: 13px; font-size: 1px; cursor: pointer; border-bottom: solid 1px #888DAC; } .ic_fontchange_large{ position: absolute; left: 324px; top: 111px; width: 9px; height: 13px; font-size: 1px; cursor: pointer; border-bottom: none; } .ic_fontchange_large_border{ position: absolute; left: 324px; top: 111px; width: 9px; height: 13px; font-size: 1px; cursor: pointer; border-bottom: solid 1px #888DAC; } .ic_chatlog{ position: absolute; left: 17px; top: 132px; width: 312px; height: 236px; overflow: auto; font-size: 11px; padding-bottom: 3px; z-index: 3; } .ic_chatlog_big{ position: absolute; left: 17px; top: 132px; width: 312px; height: 298px; overflow: auto; font-size: 11px; padding-bottom: 3px; z-index: 3; } .ic_chatlog_medium{ position: absolute; left: 17px; top: 132px; width: 312px; height: 236px; overflow: auto; font-size: 12px; padding-bottom: 3px; z-index: 3; } .ic_chatlog_medium_big{ position: absolute; left: 17px; top: 132px; width: 312px; height: 298px; overflow: auto; font-size: 12px; padding-bottom: 3px; z-index: 3; } .ic_chatlog_large{ position: absolute; left: 17px; top: 132px; width: 312px; height: 236px; overflow: auto; font-size: 14px; padding-bottom: 3px; z-index: 3; } .ic_chatlog_large_big{ position: absolute; left: 17px; top: 132px; width: 312px; height: 298px; overflow: auto; font-size: 14px; padding-bottom: 3px; z-index: 3; } .ic_text_chatline{ padding-bottom: 1px; } .ic_text_chattable /**/ { display: inline;/* Note: The Instant Chat engine includes display: inline-block to ensure that Instant Chat will run on Safari. */ } .ic_text_chattable_tr /**/ { } .ic_text_chattable_td1 /*
*/ { color: #7E7E7E; } .ic_text_chattable_td2_client /**/ { font-weight: bold; color: #0060C7; } .ic_text_chattable_td2_tc /**/ { font-weight: bold; color: #C7140F; } .ic_text_chatcontent /**/ { position: relative; left: 0px; top: -2px; color: #000000; } .ic_control_chatline{ padding-bottom: 3px; } .ic_control_chattime /**/ { color: #7E7E7E; } .ic_control_chatcontent /**/ { color: #53606A; } .ic_link_chatcontent /*span*/ { color: #0060C7; text-decoration: underline; cursor: pointer; } .ic_linkhover_chatcontent /*span*/ { color: #0077FB; text-decoration: underline; cursor: pointer; } .ic_complementer{ position: absolute; left: 11px; top: 368px; width: 326px; height: 73px; background-image: url('/oit/images/chat/ic_complementer.jpg'); z-index: 2; } .ic_chatdisconnected{ position: absolute; left: 13px; top: 381px; width: 284px; height: 56px; background-image: url('/oit/images/chat/ic_chatdisconnected.jpg'); z-index: 1; } .ic_filesend_button{ position: absolute; left: 13px; top: 32px; width: 34px; height: 46px; cursor: pointer; background-image: url('/oit/images/chat/ic_filesend_normal.jpg'); } .ic_filesend_button_hover{ position: absolute; left: 13px; top: 32px; width: 34px; height: 46px; cursor: pointer; background-image: url('/oit/images/chat/ic_filesend_hover.jpg'); } .ic_filesend_button_pressed{ position: absolute; left: 13px; top: 32px; width: 34px; height: 46px; cursor: pointer; background-image: url('/oit/images/chat/ic_filesend_pressed.jpg'); } .ic_filesend_button_disabled{ position: absolute; left: 13px; top: 32px; width: 34px; height: 46px; cursor: default; background-image: url('/oit/images/chat/ic_filesend_disabled.jpg'); } .ic_disconnect_button{ position: absolute; left: 54px; top: 32px; width: 33px; height: 46px; cursor: pointer; background-image: url('/oit/images/chat/ic_end_normal.jpg'); } .ic_disconnect_button_hover{ position: absolute; left: 54px; top: 32px; width: 33px; height: 46px; cursor: pointer; background-image: url('/oit/images/chat/ic_end_hover.jpg'); } .ic_disconnect_button_pressed{ position: absolute; left: 54px; top: 32px; width: 33px; height: 46px; cursor: pointer; background-image: url('/oit/images/chat/ic_end_pressed.jpg'); } .ic_disconnect_button_disabled{ position: absolute; left: 54px; top: 32px; width: 33px; height: 46px; cursor: default; background-image: url('/oit/images/chat/ic_end_disabled.jpg'); } .ic_send_button{ position: absolute; left: 297px; top: 382px; width: 36px; height: 54px; cursor: pointer; background-image: url('/oit/images/chat/ic_send_normal.jpg'); } .ic_send_button_hover{ position: absolute; left: 297px; top: 382px; width: 36px; height: 54px; cursor: pointer; background-image: url('/oit/images/chat/ic_send_hover.jpg'); } .ic_send_button_pressed{ position: absolute; left: 297px; top: 382px; width: 36px; height: 54px; cursor: pointer; background-image: url('/oit/images/chat/ic_send_pressed.jpg'); } .ic_send_button_disabled{ position: absolute; left: 297px; top: 382px; width: 36px; height: 54px; cursor: default; background-image: url('/oit/images/chat/ic_send_disabled.jpg'); } .ic_lang_container{ position: absolute; top: 28px; width: 87px; height: 406px; background-color: #ECEEF4; border: solid 1px #000000; font-size: 11px; color: #000000; padding-top: 4px; padding-bottom: 4px; z-index: 5; } .ic_lang_menuitem{ width: 79px; height: 14px; padding-left: 8px; color: #000000; background-color: #ECEEF4; cursor: pointer; } .ic_lang_menuitem_hover{ width: 79px; height: 14px; padding-left: 8px; color: #FFFFFF; background-color: #000000; cursor: pointer; } .ic_lang_menuitem_selected{ width: 79px; height: 14px; padding-left: 8px; color: #000000; background-color: #C9CEE1; cursor: pointer; } .ic_lang_select{ display:none; position: absolute; left: 119px; top: 12px; width: 190px; text-align: right; font-size: 11px; color: #FFFFFF; z-index: 3; } .ic_lang_select_text /**/ { text-align: right; margin-left: auto; border: solid 1px #FFFFFF; cursor: pointer; padding-left: 7px; padding-right: 6px; height: 16px; } .ic_lang_select_text_tr /**/ { } .ic_lang_select_text_td /*
*/ { } .ic_lang_select_arrowimg{ position: absolute; left: 190px; top: 0px; width: 14px; height: 16px; cursor: pointer; background-image: url('/oit/images/chat/ic_arrow.jpg'); } .ic_chattext{ position: absolute; left: 17px; top: 385px; width: 275px; height: 46px; color: #393D4D; font-family: tahoma, arial, verdana; font-size: 11px; border: none; background-color: transparent; overflow: auto; resize: none; outline: none;/* Note: The Instant Chat engine includes -webkit-appearance: none to ensure that Instant Chat will run on Safari (for example, for iPhone) */ /* Note: The Instant Chat engine includes overflow: hidden to ensure that Instant Chat will run on Opera */ } .ic_chattext_first{ position: absolute; left: 17px; top: 385px; width: 275px; height: 46px; color: #888888; font-family: tahoma, arial, verdana; font-size: 11px; border: none; background-color: transparent; overflow: auto; resize: none;/* Note: The Instant Chat engine includes -webkit-appearance: none to ensure that Instant Chat will run on Safari (for example, for iPhone) */ /* Note: The Instant Chat engine includes overflow: hidden to ensure that Instant Chat will run on Opera */ } .ic_chattext_medium{ position: absolute; left: 17px; top: 385px; width: 275px; height: 46px; color: #393D4D; font-family: tahoma, arial, verdana; font-size: 12px; border: none; background-color: transparent; overflow: auto; resize: none;/* Note: The Instant Chat engine includes -webkit-appearance: none to ensure that Instant Chat will run on Safari (for example, for iPhone) */ /* Note: The Instant Chat engine includes overflow: hidden to ensure that Instant Chat will run on Opera */ } .ic_chattext_medium_first{ position: absolute; left: 17px; top: 385px; width: 275px; height: 46px; color: #888888; font-family: tahoma, arial, verdana; font-size: 12px; border: none; background-color: transparent; overflow: auto; resize: none;/* Note: The Instant Chat engine includes -webkit-appearance: none to ensure that Instant Chat will run on Safari (for example, for iPhone) */ /* Note: The Instant Chat engine includes overflow: hidden to ensure that Instant Chat will run on Opera */ } .ic_chattext_large{ position: absolute; left: 17px; top: 385px; width: 275px; height: 46px; color: #393D4D; font-family: tahoma, arial, verdana; font-size: 14px; border: none; background-color: transparent; overflow: auto; resize: none;/* Note: The Instant Chat engine includes -webkit-appearance: none to ensure that Instant Chat will run on Safari (for example, for iPhone) */ /* Note: The Instant Chat engine includes overflow: hidden to ensure that Instant Chat will run on Opera */ } .ic_chattext_large_first{ position: absolute; left: 17px; top: 385px; width: 275px; height: 46px; color: #888888; font-family: tahoma, arial, verdana; font-size: 14px; border: none; background-color: transparent; overflow: auto; resize: none;/* Note: The Instant Chat engine includes -webkit-appearance: none to ensure that Instant Chat will run on Safari (for example, for iPhone) */ /* Note: The Instant Chat engine includes overflow: hidden to ensure that Instant Chat will run on Opera */ } .ic_custom_logo { display:none; position: absolute; left: 248px; top: 50px; width: 78px; height: 32px; } .ic_custom_icon{ display:none; position: absolute; left: 13px; top: 12px; width: 16px; height: 16px; } .ic_dialog_box{ position: absolute; left: 73px; top: 200px; width: 200px; height: 100px; z-index: 4; background-color: #293258; color: #FFFFFF; -moz-opacity: 0.9; filter: alpha(opacity: 90); opacity: 0.9; -KHTML-opacity: 0.9; } .ic_dialog_box_textarea{ position: absolute; left: 8px; top: 8px; width: 177px; height: 50px; overflow: auto; color: #888888; font-family: tahoma, arial, verdana; font-size: 10px; overflow: auto; } .ic_dialog_box_button1{ position: absolute; left: 20px; top: 70px; width: 95px; height: 20px; cursor: pointer; text-align: center; padding-top: 4px; background-color: #49589F; } .ic_dialog_box_button2{ position: absolute; left: 130px; top: 70px; width: 50px; height: 20px; cursor: pointer; text-align: center; padding-top: 4px; background-color: #49589F; } .ic_progressbars{ position: absolute; left: 9px; color: #A4A5AA; } .ic_progressbars_chatbottom{ position: absolute; left: 10px; width: 328px; height: 11px; font-size: 1px; background-image: url('/oit/images/chat/ic_background_bottom.jpg'); } .ic_progressbar_instance{ position: relative; height: 20px; width: 328px; font-family: tahoma, arial, verdana; font-size: 9px; background-image: url('/oit/images/chat/ic_progressbar_background.jpg'); } .ic_progressbar_inner{ position: absolute; left: 0px; top: 0px; height: 20px; width: 326px; overflow: hidden; background-image: url('/oit/images/chat/ic_progressbar_inner.jpg'); } .ic_progressbar_title{ position: absolute; left: 30px; top: 3px; } .ic_progressbar_cancelbutton{ position: absolute; left: 310px; top: 3px; width: 11px; height: 11px; font-size: 1px; cursor: pointer; background-image: url('/oit/images/chat/ic_cancel_normal.jpg'); } .ic_progressbar_cancelbutton_hover{ position: absolute; left: 310px; top: 3px; width: 11px; height: 11px; font-size: 1px; cursor: pointer; background-image: url('/oit/images/chat/ic_cancel_hover.jpg'); } .ic_progressbar_cancelbutton_pressed{ position: absolute; left: 310px; top: 3px; width: 11px; height: 11px; font-size: 1px; cursor: pointer; background-image: url('/oit/images/chat/ic_cancel_pressed.jpg'); } .ic_progressbar_cancelbutton_disabled{ position: absolute; left: 310px; top: 3px; width: 11px; height: 11px; font-size: 1px; cursor: default; background-image: url('/oit/images/chat/ic_cancel_disabled.jpg'); } /* *************************************************************************************************************** */ .ic_technicianname{ position: absolute; left: -200px; top: -200px; } .ic_sessionend_button{ position: absolute; left: -200px; top: -200px; } .ic_sessionend_button_hover{ position: absolute; left: -200px; top: -200px; } .ic_sessionend_button_pressed{ position: absolute; left: -200px; top: -200px; } .ic_sessionend_button_disabled{ position: absolute; left: -200px; top: -200px; } .ic_control_chatline_CLIENT_CONNECTING{ display: block; } .ic_control_chatline_CLIENT_CONNECTED{ display: block; } .ic_control_chatline_CLIENT_END{ display: block; } .ic_control_chatline_CLIENT_DISCONNECTED{ display: block; } .ic_control_chatline_CLIENT_CANNOTSTART{ display: block; } .ic_control_chatline_CLIENT_TIMEOUT{ display: block; } .ic_control_chatline_CLIENT_REQUESTSENTFILE{ display: block; } .ic_control_chatline_CLIENT_REQUESTSENTCANCELFILE{ display: block; } .ic_control_chatline_TC_CONNECTED{ display: block; } .ic_control_chatline_TC_HOLD{ display: block; } .ic_control_chatline_TC_TRANSFER{ display: block; } .ic_control_chatline_TC_END{ display: block; } .ic_control_chatline_TC_EXIT{ display: block; } .ic_control_chatline_TC_DISCONNECTED{ display: block; } .ic_control_chatline_TC_START_APPLET{ display: block; } .ic_control_chatline_TC_SHOWSURVEY{ display: block; } .ic_control_chatline_TC_URLPUSH{ display: block; } .ic_control_chatline_APPLET_CONNECTING_GW{ display: block; } .ic_control_chatline_APPLET_AUTOPROXYLOOKUP{ display: block; } .ic_control_chatline_APPLET_FX_START{ display: block; } .ic_control_chatline_APPLET_FX_END{ display: block; } .ic_control_chatline_APPLET_SENDINGLOGFILE{ display: block; } .ic_control_chatline_APPLET_PRINT{ display: block; } .ic_control_chatline_APPLET_DROPPED{ display: block; } .ic_control_chatline_APPLET_DISCONNECTING{ display: block; } .ic_control_chatline_APPLET_RECONNECTING{ display: block; } .ic_control_chatline_APPLET_ERROR{ display: block; } .ic_control_chatline_APPLET_DISCONNECTED{ display: block; } .ic_control_chatline_APPLET_FX_NOTIFY{ display: block; } .ic_control_chatline_APPLET_REBOOTING{ display: block; } .ic_control_chatline_APPLET_DV_START{ display: block; } .ic_control_chatline_APPLET_DV_END{ display: block; } .ic_control_chatline_APPLET_RC_START{ display: block; } .ic_control_chatline_APPLET_RC_END{ display: block; } .ic_control_chatline_APPLET_CONNECTED{ display: block; } .ic_control_chatline_APPLET_COMPLETED{ display: block; } .ic_control_chatline_APPLET_CANCELLED{ display: block; } .ic_text_chatline_tc{ } .ic_text_chatline_client{ } .ic_waitingtime{ position: absolute; left: -200px; top: -200px; }