/* 
// File: Shared/Views/CallListView.css 
// Desc: starting place for call list styles.  you will need to tweak for each widget.
// $Revision: 20$
// $Date: 4/23/2007 2:07:18 PM$
// $Author: Donnie Tognazzini$
// $NoKeywords$
*/
/* Global rules */
#callListFrame,
#callListFrame *
{
    margin          :    0px 
                        auto 
                        auto 
                         0px;
    padding         :    0px;
    overflow        : hidden;
    white-space     : nowrap;
}

#callListFrame img
{
    border-width    :    0px;
}

#callListFrame div.call
{
    position        : relative;
    left            :    0px;
    height          :   25px;
    z-index         :     1;
    cursor          : pointer;
}

#callListFrame div.hotHasMsg
{
    height: 55px;
}

#callListFrame div.hot
{
    height: 55px;
}

#callListFrame div.deleted
{
    display: none;
}

#callListFrame div.call *
{
    position        : absolute;
}

/*

Added the following style to overcome a Firefox bug in which the options view of a SELECT
element were being obscured in edit mode.  Something in Firefox doesn't like the
positioning styles being applied...and perhaps the "*" wildcard used in the style above
which is dangerous to use.  This fix seems to override the behavior for the
OPTION elements, allowing them to display properly.

*/
#callListFrame div.call option
{
    position: relative;
}
/* end of style fix */


#callListFrame #divBaseAlign span
{
    position        : static;
}

#callListFrame img.actionButton
{
    top             :    2px; 
    left            :    2px;
    z-index         :     4;
}

#callListFrame img.phoneType
{
    top             :    5px; 
    left            :   27px;
    z-index         :     4;
}

#callListFrame div.callerName
{
    left            :   45px;
    z-index         :     2;
}

#callListFrame div.upperbackdrop
{
    top             :    2px;
    height          :   21px;
    right           :    0px;
    z-index         :      3;
    background-color:  White;
}

#callListFrame div.date,
#callListFrame div.time
{
    z-index         :      4;
}


#callListFrame div.outcome
{
    right           :   52px;
    z-index         :      4;
}

#callListFrame img.btnEdit
{
    top             :    2px; 
    right           :   27px;
    z-index         :      4;
}

#callListFrame img.btnDelete
{
    top             :    2px; 
    right           :    2px;
    z-index         :      4;
}

#callListFrame object
{
    top             :   27px; 
    left            :   27px;
}

#callListFrame div.callerId
{
    top             :   27px; 
    left            :  173px;
    height          :   26px;
    line-height     :   26px;
    z-index         :      2;
}

#callListFrame input
{
    top             :    2px; 
    left            :   27px;
    padding         :    1px 2px;
    display         :   none;
    z-index         :      4;
}

#callListFrame select
{
    top             :    2px; 
    right           :   80px;
    display         :   none;
    z-index         :      4;
}

#callListFrame div.ok
{
    top             :    1px; 
    right           :   52px;
    width           :   24px;
    height          :   23px;
    line-height     :   23px;
    display         :   none;
    z-index         :      4;
}

#callListFrame div.editing img.phoneType,
#callListFrame div.editing div.callerName,
#callListFrame div.editing div.restOfInfo
{
    display         :   none;
}

#callListFrame div.editing input,
#callListFrame div.editing select,
#callListFrame div.editing div.ok
{
    display         :  block;
}