xmpp.chapril.org-conversejs/converse.css

/*!
 * Converse.js (Web-based XMPP instant messaging client)
 * http://conversejs.org
 *
 * Copyright (c) 2012, Jan-Carel Brand <jc@opkode.com>
 * Dual licensed under the MIT and GPL Licenses
 */

@font-face {
	font-family: 'Converse-js';
	src:url('fonticons/fonts/Converse-js.eot');
}

@font-face {
	font-family: 'Converse-js';
	src: url(data:application/font-woff;charset=utf-8;base64,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
		 url(data:application/x-font-ttf;charset=utf-8;base64,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
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'Converse-js';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-home, .icon-pencil, .icon-camera, .icon-camera-2, .icon-play, .icon-music, .icon-headphones, .icon-phone, .icon-phone-hang-up, .icon-address-book, .icon-notebook, .icon-envelop, .icon-pushpin, .icon-online, .icon-away, .icon-xa, .icon-bubbles, .icon-bubbles-2, .icon-bubbles-3, .icon-user, .icon-users, .icon-quotes-left, .icon-spinner, .icon-search, .icon-cogs, .icon-wrench, .icon-unlocked, .icon-lock, .icon-lock-2, .icon-key, .icon-key-2, .icon-zoom-out, .icon-zoom-in, .icon-cog, .icon-remove, .icon-remove-2, .icon-eye, .icon-eye-blocked, .icon-attachment, .icon-globe, .icon-heart, .icon-happy, .icon-thumbs-up, .icon-smiley, .icon-tongue, .icon-sad, .icon-wink, .icon-wondering, .icon-confused, .icon-shocked, .icon-evil, .icon-angry, .icon-cool, .icon-grin, .icon-info, .icon-notification, .icon-warning, .icon-spell-check, .icon-volume-high, .icon-volume-medium, .icon-volume-low, .icon-volume-mute, .icon-volume-mute-2, .icon-volume-decrease, .icon-volume-increase, .icon-bold, .icon-underline, .icon-italic, .icon-strikethrough, .icon-new-tab, .icon-youtube, .icon-close, .icon-blocked, .icon-cancel-circle, .icon-minus, .icon-plus, .icon-checkbox-checked, .icon-checkbox-unchecked, .icon-checkbox-partial, .icon-radio-checked, .icon-radio-unchecked, .icon-room-info, .icon-newspaper, .icon-image, .icon-offline, .icon-unavailable, .icon-dnd {
	font-family: 'Converse-js';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
    text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-home:before {
	content: "\e000";
}
.icon-pencil:before {
	content: "\270e";
}
.icon-camera:before {
	content: "\e003";
}
.icon-camera-2:before {
	content: "\2616";
}
.icon-play:before {
	content: "\25d9";
}
.icon-music:before {
	content: "\266b";
}
.icon-headphones:before {
	content: "\266c";
}
.icon-phone:before {
	content: "\260f";
}
.icon-phone-hang-up:before {
	content: "\260e";
}
.icon-address-book:before {
	content: "\270f";
}
.icon-notebook:before {
	content: "\2710";
}
.icon-envelop:before {
	content: "\2709";
}
.icon-pushpin:before {
	content: "\e012";
}
.icon-online:before {
	content: "\25fc";
}
.icon-away:before {
	content: "\25fb";
}
.icon-bubbles:before {
	content: "\e015";
}
.icon-bubbles-2:before {
	content: "\e016";
}
.icon-bubbles-3:before {
	content: "\e017";
}
.icon-user:before {
	content: "\e01a";
}
.icon-users:before {
	content: "\e01b";
}
.icon-quotes-left:before {
	content: "\e01d";
}
.icon-spinner:before {
	content: "\231b";
}
.icon-search:before {
	content: "\e021";
}
.icon-cogs:before {
	content: "\e022";
}
.icon-wrench:before {
	content: "\e024";
}
.icon-unlocked:before {
	content: "\e025";
}
.icon-lock:before {
	content: "\e026";
}
.icon-lock-2:before {
	content: "\e027";
}
.icon-key:before {
	content: "\e028";
}
.icon-key-2:before {
	content: "\e029";
}
.icon-zoom-out:before {
	content: "\e02a";
}
.icon-zoom-in:before {
	content: "\e02b";
}
.icon-cog:before {
	content: "\e02f";
}
.icon-remove:before {
	content: "\e02d";
}
.icon-remove-2:before {
	content: "\e02e";
}
.icon-eye:before {
	content: "\e030";
}
.icon-eye-blocked:before {
	content: "\e031";
}
.icon-attachment:before {
	content: "\e032";
}
.icon-globe:before {
	content: "\e033";
}
.icon-heart:before {
	content: "\2764";
}
.icon-happy:before {
	content: "\263b";
}
.icon-thumbs-up:before {
	content: "\261d";
}
.icon-smiley:before {
	content: "\263a";
}
.icon-tongue:before {
	content: "\e038";
}
.icon-sad:before {
	content: "\2639";
}
.icon-wink:before {
	content: "\e03a";
}
.icon-wondering:before {
	content: "\2369";
}
.icon-confused:before {
	content: "\2368";
}
.icon-shocked:before {
	content: "\2364";
}
.icon-evil:before {
	content: "\261f";
}
.icon-angry:before {
	content: "\e03f";
}
.icon-cool:before {
	content: "\e040";
}
.icon-grin:before {
	content: "\e041";
}
.icon-info:before {
	content: "\2360";
}
.icon-notification:before {
	content: "\e01f";
}
.icon-warning:before {
	content: "\26a0";
}
.icon-spell-check:before {
	content: "\e045";
}
.icon-volume-high:before {
	content: "\e046";
}
.icon-volume-medium:before {
	content: "\e047";
}
.icon-volume-low:before {
	content: "\e048";
}
.icon-volume-mute:before {
	content: "\e049";
}
.icon-volume-mute-2:before {
	content: "\e04a";
}
.icon-volume-decrease:before {
	content: "\e04b";
}
.icon-volume-increase:before {
	content: "\e04c";
}
.icon-bold:before {
	content: "\e04d";
}
.icon-underline:before {
	content: "\e04e";
}
.icon-italic:before {
	content: "\e04f";
}
.icon-strikethrough:before {
	content: "\e050";
}
.icon-new-tab:before {
	content: "\e053";
}
.icon-youtube:before {
	content: "\e055";
}
.icon-close:before {
	content: "\2715";
}
.icon-blocked:before {
	content: "\2718";
}
.icon-cancel-circle:before {
	content: "\e058";
}
.icon-minus:before {
	content: "\e05a";
}
.icon-plus:before {
	content: "\271a";
}
.icon-checkbox-checked:before {
	content: "\2611";
}
.icon-checkbox-unchecked:before {
	content: "\2b27";
}
.icon-checkbox-partial:before {
	content: "\2b28";
}
.icon-radio-checked:before {
	content: "\2b26";
}
.icon-radio-unchecked:before {
	content: "\2b25";
}
.icon-room-info:before {
	content: "\e059";
}
.icon-newspaper:before {
	content: "\e001";
}
.icon-image:before {
	content: "\2b14";
}
.icon-xa:before,
.icon-unavailable:before,
.icon-offline:before {
	content: "\e002";
}
.icon-dnd:before {
	content: "\e004";
}

.no-text-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

#conversejs, #conversejs input {
  color: rgb(79, 79, 79);
}


#conversejs .emoticon {
    font-size: 14px;
}

.hidden {
    display: none
}

.locked {
    padding-right: 22px;
}

span.spinner {
    background: url(images/spinner.gif) no-repeat center;
    height: 22px;
    padding: 0 2px 0 2px;
    display: block;
}

span.spinner.centered {
    text-align: center;
    padding-top: 5em;
}

span.spinner.hor_centered {
    text-align: center;
}

#toggle-controlbox {
    float: right;
    font-size: 85%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-color: rgba(83, 144, 200, 100);
    padding: 4px 8px;
    margin-right: 15px;
    color: white;
}

#connecting-to-chat {
    background: url(images/spinner.gif) no-repeat left;
    padding-left: 1.4em;
}

.chat-head {
    color: #ffffff;
    margin: 0;
    font-size: 100%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 3px 0 0 3px;
}

.chat-head-chatbox {
    background-color: rgb(79, 106, 114);
    background-color: rgba(79, 106, 114, 1);
}

.chat-head-chatroom {
    background-color: #2D617A;
}

.chat-body {
    background-color: white;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: 0;
}

.chatbox .chat-body {
    height: -moz-calc(100% - 38px);
    height: -o-calc(100% - 38px);
    height: calc(100% - 38px);
}

.chatroom .chat-body {
    height: -moz-calc(100% - 38px);
    height: -o-calc(100% - 38px);
    height: calc(100% - 38px);
}

.chatroom .chat-area {
    float: left;
    width: 200px;
    height: 100%;
}

.chatroom .participants {
    float: left;
    height: 100%;
    background-color: white;
    overflow: auto;
    border-left: 1px solid #AAA;
    max-width: 98px;
    border-bottom-right-radius: 4px;
}

.participants ul.participant-list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 0.5em 0 0 0.5em;
    cursor: default;
}

ul.participant-list li.moderator {
    color: #8f2831;
}

.chatroom .participant-list {
    list-style: none;
}

.chat-blink {
    background-color: #176679;
    border-right:1px solid #176679;
    border-left:1px solid #176679;
}

.chat-content {
    position: relative;
    padding: 4px;
    font-size: 13px;
    color: rgb(79, 79, 79);
    overflow-y:auto;
    border: 0;
    background-color: #ffffff;
    line-height: 1.3em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.chat-content {
    height: -moz-calc(100% - 76px);
    height: -o-calc(100% - 76px);
    height: calc(100% - 76px);
}

.chat-info {
    color: #666666;
}
.chat-error {
    color: #8f2831;
}

.chat-message-room,
.chat-message-them,
.chat-message-me {
    font-weight: bold;
    white-space: nowrap;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    float: left;
    padding-right: 3px;
}

.chat-message-content {
    word-wrap: break-word;
}

.chat-message-them {
    color: #8f2831;
}

.chat-message-me {
    color: #436976;
}

.chat-message-room {
    color: #4B7003;
}

.chat-event, .chat-date, .chat-info {
    color: #808080;
}

li.chat-info {
    padding-left: 10px;
}

.chat-date {
    display: inline-block;
    padding-top: 10px;
}

p.not-implemented {
    margin-top: 3em;
    margin-left: 0.3em;
    color: #808080;
}

div.delayed .chat-message-them {
    color: #FB5D50;
}

div.delayed .chat-message-me {
    color: #7EABBB;
}

input.error {
    border: 1px solid red;
}

.conn-feedback.error {
    color: red;
}

.chat-message-error {
    color:#76797C;
    font-size:90%;
    font-weight:normal;
}

.chat-head .avatar {
    float: left;
    margin-right: 6px;
}

div.chat-title {
    color: white;
    font-weight: bold;
    line-height: 15px;
    display: block;
    margin-top: 2px;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: rgba(0,0,0,0.51) 0 -1px 0;
    height: 1em;
}

div.chat-title a {
    color: white;
}

.chat-head-chatbox,
.chat-head-chatroom {
    background: linear-gradient(top, rgba(206,220,231,1) 0%,rgba(79,106,114,1) 100%);
    height: 35px;
    position: relative;
}

p.user-custom-message,
p.chatroom-topic {
    font-size: 80%;
    font-style: italic;
    height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

div.chat-head-chatbox a.user-custom-message {
    color: white;
}
.activated{
    display: block !important;
}

a.subscribe-to-user {
    padding-left: 2em;
    font-weight: bold;
}

dl.add-converse-contact {
    margin: 0 0 0 0.5em;
}

.fancy-dropdown {
    border:1px solid #ddd;
    height: 22px;
}

.fancy-dropdown a.choose-xmpp-status {
    width: 155px;
}

.fancy-dropdown a.choose-xmpp-status,
.fancy-dropdown a.toggle-xmpp-contact-form {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline;
}

.fancy-dropdown a.toggle-xmpp-contact-form span {
   float: left; 
}

.choose-xmpp-status span {
    padding-right: 5px; 
    padding-left: 5px; 
    float: left;
}

#fancy-xmpp-status-select a.change-xmpp-status-message {
    float: right;
    clear: right;
    height: 22px;
    width: 12px;
    padding: 0px 5px 0 0;
    color: rgb(79, 79, 79);
}

ul#found-users {
    padding: 10px 0 5px 5px;
    border: 0;
}

form.search-xmpp-contact {
    margin: 0;
    padding-left: 5px;
    padding: 0 0 5px 5px;
}

form.search-xmpp-contact input {
    width: 8em;
}

.controlbox-head {
    margin: 0;
    color: #FFF;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    height: 35px;
    clear: right;
    background-color: #5390C8;
    padding: 3px 0 0 0;
}

.chat-head-message-count {
    font-weight: bold;
    position: absolute;
    left: -6px;
    top: -6px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #f6f6f6), color-stop(1, grey) );
    background: -moz-linear-gradient(center top, yellow 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='yellow', endColorstr='#f6f6f6');
    border: 3px solid rgb(79, 106, 114);
    text-shadow: 1px 1px 0 #ccc;
    color: darkred;
    border-radius: 20%;
    padding: 2px 10px;
    font-size: 18px;
    text-align: center;
    display: none;
}

.chat-head-chatroom .chat-head-message-count {
    border: 3px solid #2D617A;
}

a.configure-chatroom-button,
a.toggle-chatbox-button,
a.close-chatbox-button {
    font-size: 10px;
    padding: 3px 3px 2px 3px;
    margin-right: 3px;
    cursor: pointer;
    float: right;
    -moz-box-shadow:inset 0 1px 0 0 #ffffff;
    -webkit-box-shadow:inset 0 1px 0 0 #ffffff;
    box-shadow:inset 0 1px 0 0 #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
    background:-moz-linear-gradient(center top, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #888;
    display:inline-block;
    color: #666 !important;
    text-decoration:none;
    text-shadow:1px 1px 0 #ffffff;
}

a.configure-chatroom-button:active,
a.toggle-chatbox-button:active,
a.close-chatbox-button:active {
    position:relative;
    top:1px;
}

.controlbox-pane dt {
    margin: 0;
    padding-top: 0.5em;
}

.chatroom-form-container {
    height: 100%;
    color: #666;
    overflow-y: auto;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.chatroom-form {
    background: white;
    font-size: 12px;
    padding: 10px 5px;
}

.chat-body p {
    font-size: 14px;
    color: #666;
    padding: 5px;
    margin: 0;
}

.chatroom-form legend {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.chatroom-form label {
    font-weight: bold;
    display: block;
    clear: both;
}

.chatroom-form label input,
.chatroom-form label select {
    float: right;
}

#converse-roster dd.odd {
    background-color: #DCEAC5; /* Make this difference */
}

#converse-roster dd.current-xmpp-contact {
    clear: both;
}

#converse-roster dd.current-xmpp-contact span {
    font-size: 16px;
    float: left;
    color: rgb(79, 79, 79);
}

#converse-roster dd.requesting-xmpp-contact button{
    margin-left: 0.5em;
}

#converse-roster dd a,
#converse-roster dd span {
    text-shadow: 0 1px 0 rgba(250, 250, 250, 1);
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#converse-roster dd span {
    padding: 2px 5px 0 0;
}

#converse-roster {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    position: relative;
    margin: 0.5em 0 0 0;
    height: -moz-calc(100% - 70px);
    height: -o-calc(100% - 70px);
    height: calc(100% - 70px);
}

#conversejs dd.available-chatroom {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 175px;
}

#conversejs dd.available-chatroom a.open-room {
    width: 148px;
}

#available-chatrooms dt,
#converse-roster dt {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    border: none;
    padding: 0.3em 0em 0em 0.5em;
    text-shadow: 0 1px 0 rgba(250, 250, 250, 1);
}

#converse-roster dt {
    display: none;
}

dd.available-chatroom,
#converse-roster dd {
    font-weight: bold;
    border: none;
    display: block;
    padding: 0 0em 0 0.5em;
    color: #666;
    text-shadow: 0 1px 0 rgba(250, 250, 250, 1);
}

.room-info {
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
}

li.room-info {
    display: block;
    margin-left: 5px;
}

div.room-info {
    clear: left;
}

p.room-info {
    margin: 0;
    padding: 0;
    display: block;
    white-space: normal;
}

a.room-info {
    width: 22px;
    height: 22px;
    float: right;
    display: none;
    clear: right;
}

a.open-room {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

dd.available-chatroom:hover a.room-info {
    display: inline-block;
    margin-top: 3px;
    font-size: 15px;
}

#converse-roster dd a.remove-xmpp-contact {
    line-height: 21px;
    float: right;
    width: 22px;
    margin: 0;
    display: none;
    color: rgb(79, 79, 79);
}

#converse-roster  dd:hover a.remove-xmpp-contact {
    display: inline-block;
}

#converse-roster a.open-chat {
    line-height: 21px;
    width: 85%;
}
#converse-roster dd:hover a.open-chat {
    width: 70%;
}
#converse-roster dd.pending-xmpp-contact:hover span {
    width: 70%;
}

.chatbox,
.chatroom {
    height: 25px;
    float: right;
    margin-right: 15px;
    display: block;
}

.chatbox {
    width: 200px;
}

.chatroom {
    width: 300px;
}

.controlbox-pane {
    padding: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.controlbox-pane dd {
    margin-left: 0;
    margin-bottom: 0;
    padding: 1em;
}

.controlbox-pane dd.odd {
    background-color: #DCEAC5;
}

form#converse-login {
    background: white;
    padding: 2em 0 0.3em 0.5em;
}

form#converse-login input {
    display: block;
    width: 90%;
}

form#converse-login .login-submit {
    margin-top: 1em;
    width: auto;
}

form.set-xmpp-status {
    background: none;
    padding: 0.5em 0 0.5em 0.5em;
}

form.add-chatroom {
    background: none;
    padding: 3px;
}

form.add-chatroom input[type=text] {
    width: 95%;
    margin: 3px;
}

form.add-chatroom input[type=button],
form.add-chatroom input[type=submit] {
    width: 48%;
}

select#select-xmpp-status {
    float: right;
    margin-right: 0.5em;
}

/* @group Tabs */

.chat-head #controlbox-tabs {
    text-align: center;
    display: inline;
    overflow: hidden;
    font-size: 12px;
    list-style-type: none;
}

/* single tab */
.chat-head #controlbox-tabs li {
    float: left;
    list-style: none;
    padding-left: 0;
    text-shadow: white 0 1px 0;
    width: 38%;
}

ul#controlbox-tabs li a {
    display: block;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #666;
    text-shadow: 0 1px 0 rgba(250, 250, 250, 1);
}

.chat-head #controlbox-tabs li a:hover {
    color: black;
}

.chat-head #controlbox-tabs li a {
    background-color: white;
    box-shadow: inset 0 4px 12px rgba(0,0,0,0.3);
    border-bottom: 1px solid #CCC;
}

ul#controlbox-tabs a.current, ul#controlbox-tabs a.current:hover {
    box-shadow: none;
    border-bottom: 0;
    height: 35px;
    cursor: default;
    color: rgb(102,102,102);
}

div#users,
div#chatrooms,
div#login-dialog,
div#settings {
    border: 0;
    font-size: 14px;
    background-color: white;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 100%;
    height: -moz-calc(100% - 38px);
    height: -o-calc(100% - 38px);
    height: calc(100% - 38px);
    overflow-y: hidden;
    position: absolute;
}

div#chatrooms {
    overflow-y: auto;
}

form.sendXMPPMessage {
    background: white;
    border: 0;
    border-top: 1px solid #BBB;
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 200px;
    height: 75px;
}

.chatroom form.sendXMPPMessage {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.chat-textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 0;
    width: 100%;
    padding: 3px;
    border-radius: 4px;
    resize: none;
    height: 55px;
}

ul.chat-toolbar {
    font-size: 14px;
    margin: 0;
    padding: 0 5px 0 0;
    height: 20px;
    display: block;
    width: 195px;
    /* XXX:  CHECKME */
    float: right;
    display: inline-block;
    height: 20px;
}

.chat-toolbar .toggle-otr {
    float: right;
}

.chat-toolbar .toggle-call {
	color: rgb(79, 79, 79);
}

.chat-toolbar ul li a {
    color: rgb(79, 79, 79);
}

.chat-toolbar ul li a:hover {
    color: #8f2831;
}

.chat-toolbar ul {
	display: none;
    font-size:12px;
    position: absolute;
    bottom: 100%;
    margin-bottom: 1px;
    right: 0;
    background: #fff;
    box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.4);
}

.chat-toolbar ul li {
	position: relative;
	list-style: none;
	cursor: pointer;
}

.chat-toolbar .toggle-smiley {
    padding-left: 5px;
}

.chat-toolbar .toggle-smiley ul li {
    font-size: 14px;
    padding: 5px;
    z-index: 98;
}

.chat-toolbar .toggle-otr ul li {
    background-color: white;
    display: block;
    z-index: 99;
}

.chat-toolbar ul li:hover {
    background-color: #eee;
}

.chat-toolbar .toggle-otr ul li a {
	transition:background-color 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out;
	-moz-transition:background-color 0.2s ease-in-out;
	display: block;
	padding: 1px;
	text-decoration: none;
}

.chat-toolbar-text {
    font-size: 12px;
    padding-right: 3px;
}

.unencrypted a,
.unencrypted {
    color: #8f2831;
}

.unverified a,
.unverified {
    color: #cf5300;
}

.private a,
.private {
    color: #4B7003
}

ul.chat-toolbar li {
    display: inline-block;
    list-style: none;
    padding: 0 3px 0 3px;
    cursor: pointer; 
    margin-top: 1px;
}

ul.chat-toolbar li:hover {
    cursor: pointer; 
}

form#set-custom-xmpp-status {
    float: left;
    padding: 0;
}

.chat-textarea-chatbox-selected {
    border: 1px solid #578308;
    margin:0;
}

.chat-textarea-chatroom-selected {
    border: 2px solid #2D617A;
    margin:0;
}

#set-custom-xmpp-status button {
    padding: 1px 2px 1px 1px;
}

#controlbox {
    display: none;
}

#controlbox div.xmpp-status {
    display: inline;
}

/* status dropdown styles */
.chatbox dl.dropdown {
    margin-right: 0.5em;
    margin-bottom: 0;
    background-color: rgb(240, 240, 240);
}
.chatbox .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.chatbox .dropdown dd { position:relative; }

input.custom-xmpp-status {
    width: 124px;
}

form.add-xmpp-contact {
    background: none;
    padding: 5px;
}

form.add-xmpp-contact input {
    width: 108px;
}

.chatbox .dropdown dt a span {
    cursor:pointer; 
    display:block; 
    padding: 4px 7px 0 5px;
    color: rgb(79, 79, 79);
}

.chatbox .dropdown dd ul {
    padding: 5px 0 5px 0;
    list-style:none;
    position:absolute; left:0; top:0;
    border:1px solid #ddd;
    border-top: 0;
    width: 99%;
    z-index: 21;
    background-color: rgb(240, 240, 240);
}

.chatbox .dropdown li {
    list-style: none;
    padding-left: 0;
}

.chatbox .dropdown a {
    height: 22px;
    width: 148px;
    display: inline-block;
    line-height: 24px;
}

.chatbox .dropdown dd ul li:hover {
    background-color: #bed6e5;
}

.xmpp-status-menu li a {
    width: 100%;
}

.xmpp-status-menu li a span {
    padding: 0 5px 0 5px;
    color: rgb(79, 79, 79);
}

.set-xmpp-status .dropdown dd ul {
    z-index: 22;
}

#conversejs {
    bottom: 1px;
    direction: ltr;
    height: 25px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
    display: block;
}

.box-flyout {
    background: white;
    position: absolute;
    display: block;
    bottom: 1px;
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.4);
    border-radius: 4px;
    height: 324px;
}

.box-flyout.minimized {
    height: auto;
}

.chatbox .box-flyout {
    width: 200px;
}

.chatroom .box-flyout {
    width: 300px;
}

.dragresize {
    position: absolute;
    width: 200px;
    height: 5px;
    background: transparent;
    border: 0;
    top: 0;
    margin-left: 0;
    cursor: n-resize;
    z-index: 20;
}