#chat-module                            { display: block; float: right; position: relative; text-align: right; }

/* ROSTER */
#chat-roster                            { width: 115px; float: left; text-align: center; }
#chat-roster .pane                      { background: url("/img/chat/footer-chatlist.png") no-repeat 3px 1px; padding: 2px 0px 2px 18px; }
#chat-roster .connection-error          { background: url("/img/chat/footer-error.png") no-repeat 3px 1px; }
#chat-roster .chat-content              { padding:5px; }
#roster-list                            { height: 340px; overflow-x: hidden; overflow-y: auto;}
#roster-list .chat-group                { border-bottom: 1px solid #000; color: #8A8078; padding: 5px 0 !important; }
#roster-list ul                         { border: medium none; display: block; list-style-type: none !important; margin: 0px; outline: medium none; padding: 0; }
#roster-list .group-name                { font-weight:bold; display:block; border-bottom: 1px dotted #9F9B98; color: #8A8078; padding: 5px 0 !important;}
#roster-list .chat-contact              { padding: 5px 10px 5px 15px; position: relative; cursor: pointer; }
#roster-list .chat-contact:hover        { background-color:#F9F9F9 !important; }
#roster-list .chat-contact .user        { color: #004A99; cursor:pointer; }
#roster-list .chat-contact .message     { clear: both; color: #999999; display: block; width: 110px; }
#roster-list .chat-contact .menu        { display: none; position: absolute; right:2px; top:0px; }
#roster-list .chat-contact:hover .menu  { display: block; }

/* EDIT MENU */
.chat-element .edit-menu                { display:none; position:absolute; top:24px; border:1px solid #999; width:140px; background: #FFF; z-index: 1000; }
.chat-element .edit-menu ul,
.chat-element .edit-menu li             { list-style: none; }
.chat-element .edit-menu li             { padding:5px; color:#004A99; font-weight: normal; cursor: pointer; }
.chat-element .edit-menu li:hover       { background-color:#F9F9F9 !important; }
.chat-element .edit-menu .sep           { border-bottom:1px dotted #999; height:0px; }

/* STATUS */
.show-chat                              { background:url('/img/chat/chat-online.png') no-repeat 0px 6px; }
.show-unavailable                       { background:url('/img/chat/chat-offline.png') no-repeat 0px 6px; }
.show-dnd                               { background:url('/img/chat/chat-dnd.png') no-repeat 0px 6px; }
.show-away                              { background:url('/img/chat/chat-idle.png') no-repeat 0px 6px; }
.show-invisible                         { background:url('/img/chat/chat-invisible.png') no-repeat 0px 6px; }


/* PRESENCE */
#chat-presence                          { width: 92px; float: left; text-align: left; padding: 2px 0 2px 9px; }
#chat-presence .chat-content            { padding: 5px; }
#chat-presence .current-user            { color: #004A99 !important; }
#chat-presence #presence-selector       { border: 1px dotted #D0D0D0; display: block; margin: 7px 0; width: 142px;}
#chat-presence #status-textbox          { background: none repeat scroll 0 0 #F4F3F2; border: 1px dotted #D0D0D0; color: #000000; display: block; font-family: Arial; font-size: 11px; height: 24px; margin: 0; padding: 3px; resize: none; width: 134px;}
.chat-element .chat,
.chat-element .online                   { background: url('/img/chat/footer-status-online.png') no-repeat 0px 3px; }
.chat-element .away                     { background: url('/img/chat/footer-status-idle.png') no-repeat 0px 3px;  }
.chat-element .dnd                      { background: url('/img/chat/footer-status-dnd.png') no-repeat 0px 3px;  }
.chat-element .unavailable              { background: url('/img/chat/footer-status-offline.png') no-repeat 0px 3px; }
.chat-element .offline                  { background: url('/img/chat/footer-status-invisible.png') no-repeat 0px 3px;  }

.chat-element                           { float: right; text-align: left; border-left: 1px solid #FFFFFF; padding: 2px 9px; position: relative;}
.chat-element .pane                     { color: #3F3832; margin-top:-2px; padding:4px 10px 0px 13px; text-decoration: none; position: relative }
.chat-element .pane-close               { position:absolute; right:6px; top:1px; cursor: pointer; }
.chat-element.open .pane-close          { top:5px; right:6px;}
.chat-element.open                      { background: none repeat scroll 0 0 #FFFFFF; border-color: -moz-use-text-color #9F9B98 #9F9B98; border-right: 1px solid #9F9B98; border-style: none solid solid; border-width: medium 1px 1px; 
                                          margin-right: -1px; margin-top: -5px; padding-bottom: 3px !important; padding-top: 6px !important; -moz-border-bottom-colors: none; -moz-border-image: none; 
                                          -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; }
.chat-element .hidden                   { display: none; }
.chat-element .notification             { position: absolute; right:16px; top:3px; background: url('/img/chat/chat-footer-notification.gif') no-repeat; color:#FFF; text-align: center; width:12px; height:12px; font-size: 8px; }
.chat-window                            { background: none repeat scroll 0 0 #FFF; border: 1px solid #9F9B98; bottom: 22px; display: none; min-height: 130px; position: absolute; right: -1px; text-align: left; width: 162px; z-index: 10;}
.chat-panel                             { background: #8F867D; color: #FFFFFF !important; display: block; font-weight: bold; padding: 5px 10px !important; text-decoration: none; position: relative;}
.chat-panel .chat-panel-title           { }
.chat-panel .chat-panel-buttons         { position: absolute; top: 0px; right:0px; padding-top: 2px;}
.chat-panel .chat-panel-buttons img     { cursor: pointer;  }
.chat-content                           { }

#chat-backdrop                          { position:fixed; top:0; right:0; bottom:0; left:0; display: none; height:100%; width:100%; margin:0; padding:0; background:#999; z-index:101; opacity:.5; filter: alpha(opacity=50); }
#chat-modal-window                      { position: fixed; top:50%; left: 50%; display: none; border:1px solid #999; width:300px; background: #FFF; z-index:102; }
.chat-modal-header                      { padding:20px; border-bottom: 1px solid #CCC; }
.chat-modal-header h2                   { color: #B67C43; font-size: 13px; display: inline; }
.chat-modal-header h2 a                 { color: #004A99; font-weight: normal; font-size: 11px; }
.chat-modal-header .error               { color:#FF5555; margin-top: 10px; text-align: center; display:none; }
#chat-modal-add-group-textbox           { border:1px solid #CCC; padding:2px; margin-top:10px; width:250px; }
#chat-modal-edit-name-textbox           { display:none; border:1px solid #CCC; padding:2px; }
#chat-modal-search                      { display: block; margin-top:10px; border:1px solid #CCC; padding:5px; background: url('/img/chat/search.gif') no-repeat 238px 5px; width:95%; color:#999; }
#chat-modal-search-loader               { display: none; width: 16px; height: 16px; background: url('/img/chat/loader.gif') no-repeat; position: absolute; top: 56px; left: 240px; }
#chat-modal-auto-complete               { display: none; background: #FFF; border:1px solid #CCC; position: absolute; }
#chat-modal-auto-complete li            { list-style: none; padding:10px; border-bottom:1px solid #CCC;     }
#chat-modal-auto-complete .selected     { background:#05B1EB; }
.chat-modal-content                     { padding:20px; height:390px; overflow: auto; }
.chat-modal-footer                      { padding:20px; background:#9f9b98; }
.chat-modal-footer .done,
.chat-modal-footer .create              { float:right; display:block; width:100px; padding:4px; }
.chat-modal-footer .delete,
.chat-modal-footer .cancel              { float:left; display:block; width:100px; padding:4px;}
.chat-modal-content table th            { font-size: 13px; font-weight: bold; text-transform: uppercase; color:#999; padding:4px; text-align:left; }
.chat-modal-content table td            { padding:4px; }
.no-contacts                            { padding:40px 0px; text-align: center; color:#999; }
.no-contacts p                          { margin-bottom:10px !important; }

/* CONVERSATION */
#chat-windows                           { width: 379px; height: 26px; float: left; }
#chat-windows .chat-element.open        { }
#chat-scroller-left                     { width: 20px; height: 31px; float: left; margin-top: -6px; background: url('/img/chat/chat-arrow-left.png') no-repeat; 
                                          background-position: 0px -62px; z-index: -2; }
#chat-scroller-right                    { width: 20px; height: 31px; float: left; margin-top: -6px; background: url('/img/chat/chat-arrow-right.png') no-repeat; 
                                          background-position: 0px -62px; z-index: -2;}
.chat-scroller-show                     { background-position: 0px 0px !important; }
.chat-scroller-hover                    { background-position: 0px -31px !important; }
.chat-scroller-hide                     { background-position: 0px -62px !important; }
.chat-conversation                      { width: 260px; }
.chat-conversation dl                   { height:215px; overflow: auto; border-bottom:1px solid #999; padding-bottom:10px; }
.chat-conversation dt                   { color:#8A8078; border-top:1px dotted #CCC; padding:5px; margin-top    :10px; }
.chat-conversation dd                   { padding:0px 0px 0px 5px; color:#333; }
.chat-conversation .chat-input          { height: 15px; width: 230px; padding: 4px 5px 4px 24px; margin: none; border: 0px; background: white url('/img/chat/chat-input.png') no-repeat 5px 3px; } 
.chat-conversation dd.system            { color:#419141; }

/* SLIDER */
#chat-slider							{ overflow:hidden; width:543px; position:relative;  }
#chat-slider .left-arrow				{ display:none; position:absolute; left:0px; top:0px; width:20px; height:18px; background:url('/img/chat/chat-arrow-left.png') 0px 0px; }
#chat-slider .left-arrow:hover			{ background:url('/img/chat/chat-arrow-left.png') 0px 18px; }
#chat-slider .right-arrow				{ display:none; position:absolute; right:0px; top:0px; width:20px; height:18px; background:url('/img/chat-arrow-right.png'); background-position:0px 0px; }
#chat-slider .right-arrow:hover			{ background:url('/img/chat/chat-arrow-right.png') 0px 18px; }
#chat-tray								{ position:absolute; top:0px; left:0px; }