/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1;
        }

            .ui-menu .ui-menu-item a.ui-state-hover,
            .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                margin: -1px;
            }

#formWrap {
    padding: 10px;
    position: absolute;
    float: left;
    background-color: #000;
    background: rgba(0,0,0,.5);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#messageForm {
    width: 326px;
    border: 1px solid #666;
    background-color: #eee;
}

    #messageForm fieldset {
        padding: 0;
        margin: 0;
        position: relative;
        border: none;
        background-color: #eee;
    }

    #messageForm legend {
        visibility: hidden;
        height: 0;
    }

    #messageForm span {
        display: block;
        width: 326px;
        padding: 10px 0;
        margin: 0 0 20px;
        text-indent: 20px;
        background-color: #bbb;
        border-bottom: 1px solid #333;
        font: 18px Georgia, Serif;
        color: #fff;
    }

#friends {
    width: 85%;
    padding: 3px 3px 0;
    margin: 0 auto;
    border: 1px solid #aaa;
    background-color: #fff;
    cursor: text;
    float: left;
}

#messageForm #to {
    width: 30px;
    margin: 0 0 2px 0;
    padding: 0 0 3px;
    position: relative;
    top: 0;
    float: left;
    border: none;
}

#messageForm input, #messageForm textarea {
    display: block;
    width: 274px;
    padding: 3px;
    margin: 0 auto 20px;
    border: 1px solid #aaa;
}

#messageForm label {
    display: block;
    margin: 20px 0 3px;
    text-indent: 22px;
    font: bold 11px Verdana, Sans-serif;
    color: #666;
}

#messageForm #toLabel {
    margin-top: 0;
}

#messageForm button {
    float: right;
    margin: 0 0 20px 0;
}

#messageForm #cancel {
    margin-right: 20px;
}

#friends span {
    display: block;
    margin: 0 3px 3px 0;
    padding: 3px 20px 4px 8px;
    position: relative;
    float: left;
    background-color: #eee;
    border: 1px solid #333;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    color: #333;
    font: normal 11px Verdana, Sans-serif;
}

    #friends span a {
        position: absolute;
        right: 8px;
        top: 2px;
        color: #666;
        font: bold 12px Verdana, Sans-serif;
        text-decoration: none;
    }

        #friends span a:hover {
            color: #ff0000;
        }

.ui-menu .ui-menu-item {
    white-space: nowrap;
    padding: 0 10px 0 0;
}