/**
 * styles for reference input element
 */
.reference_multiple_browser,
.reference_single_browser
{
    position: relative;
}

.reference_multiple_browser fieldset, .reference_single_browser fieldset
{
    margin: 0;
    padding: 0;
}

.reference_single_browser .fieldset_scroller
{
    min-height: 56px;
    background-color: #E3EBF3;
}

.reference_multiple_browser .fieldset_scroller
{
    position: relative;
    overflow: scroll;
    height: 330px;
    background-color: #E3EBF3;
}

.reference_multiple_browser ul, .reference_single_browser ul
{
    margin: 0;
    padding: 0;
}

.reference_multiple_browser li, .reference_single_browser li
{
    display: block;
    position: relative;
    border-bottom: 1px solid #FFFFFF;
    padding: 10px;
    min-height: 30px;
    background-color: #F3F4F6;
}

.reference_multiple_browser .buttons, .reference_single_browser .buttons
{
    margin-top: 3px;
    text-align: right;
}

.reference_multiple_browser .selected, .reference_single_browser .selected
{
    background-color: #D9EFFB;
}

.reference_multiple_browser span.new_entry, .reference_single_browser span.new_entry
{
    display: inline-block;
    margin-left: 2px;
    position: relative;
    top: -3px;
    height: 16px;
    width: 17px;
    background: transparent url(../../images/colorthemes/default/sprite.png) no-repeat scroll -424px 0;
    cursor: pointer;
}

.reference_single_browser span.new_entry
{
    float: right;
    margin-left: 1px;
    top: 5px;
}
    
.reference_multiple_browser input.suggestor, .reference_single_browser input.suggestor
{
    margin-top: 3px;
}

.reference_single_browser input.suggestor
{
    float: right;
    position: relative;
    top: 1px;
    right: 1px;
}

.reference_multiple_browser select.suggestor, .reference_single_browser select.suggestor
{
    padding: 0;
    background-color: #F3F4F6;
}

.reference_multiple_browser select.suggestor option, .reference_single_browser select.suggestor option
{
    padding: 5px;
}

/**
 * styles for edit references overlay
 */
.reference_edit_window .input_element_wrapper
{
    clear: both;
    margin-bottom: 5px;
    padding-bottom: 10px;
    width: 330px;
}

.reference_edit_window .input_element_wrapper input, .reference_edit_window .input_element_wrapper textarea
{
    /* HOTFIX, !important for having References.css included before InputElements.css */
    width: 318px !important;
}

.reference_edit_window .input_element_wrapper textarea.textarea
{
    /* HOTFIX, for having References.css included before InputElements.css */
    height: 40px !important;
}

input.auto_suggest
{
    margin-top: 5px;
}

.fieldset_scroller .overlay
{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #bbbbbb;
    z-index: 100;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    top: 0;
    left: 0;
}

.content_loading_overlay
{
    width: 286px;
    height: 80px;
    position: absolute;
     background-color: #fff;
    -webkit-box-shadow: 2px 2px 4px #000;
    -moz-box-shadow: 2px 2px 4px #000;
    box-shadow: 2px 2px 4px #000;
    z-index: 999;
    left: 50%;
    top: 50%;
    margin-left: -143px;
    margin-top: -40px;
}

.content_loading_overlay .header
{
    width: 100%;
    height: 8em;
    position: absolute;
    top: 0;
    background: #45454;
    z-index: 101;
    color: #0095E5;
    opacity: 0.8;
    -moz-opacity:.8;
    filter:alpha(opacity=80);
    text-align: center;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.content_loading_overlay .header h3
{
    margin: 1em 0;
    font-size: 14px;
}