#l-lst { position: fixed; right: 0; top: 0; padding: 0 5px 0 5px; width: 200px; height: 100%; border-left: 1px solid #aaa; } #l-lst > h2 { margin: 0; padding: 0; text-align: center; font-size: 1em; } #contact-lst { margin: 15px 0 0 0; padding: 0; list-style: none; } #contact-lst > li { margin: 5px 0 0 0; padding: 5px; border: 1px solid #aaa; } #r-lst { padding-right: 210px; min-width: 400px; } #tab-lst { margin: 0; padding: 0; list-style: none; } #tab-lst > li { display: inline; margin: 0; padding: 2px 10px 2px 10px; border-top: 1px solid #aaa; border-right: 1px solid #aaa; border-radius: 8px 8px 0 0; color: #aaa; cursor: pointer; } #tab-lst > li > span::selection { background: transparent; } #tab-lst > li:first-child { border-left: 1px solid #aaa; } #tab-lst > li.tab-current { color: black; } #tab-lst > li.tab-active { color: red; } #tab-body-wrapper { margin: 1px 0 5px 0; padding: 0; border: 1px solid #aaa; } .tab-body { margin: 5px; } .chat-log { margin: 0; padding: 2px 5px 2px 0; height: 268px; outline: 1px solid #aaa; overflow-y: scroll; font-family: monospace; } #add-contact, .chat-input { padding: 0; border-style: none; outline: 1px solid #aaa; width: 100%; height: 20px; margin: 5px 0 0 0; } #add-contact:focus, .chat-input:focus { outline-offset: 0; } .chat-input-wrapper { background-image: url('img/user-offline.png'); background-repeat: no-repeat; background-position: left bottom; padding-left: 24px; } #tab-lst > #tab-config { background-image: url('img/preferences.png'); background-repeat: no-repeat; background-position: center; padding-left: 12px; padding-right: 12px; } #tab-config > span { display: none; } .spk-oth { color: red; } .spk-me { color: blue; } .remove { float: right; font-family: sans-serif; font-size: 12px; cursor: pointer; }