div.list
{
    padding: 0px 0px 1px 0px;
    border: 1px solid #A09F9F;
    border-collapse: collapse;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;
}

div.list div.list-filter
{
    height: 50px;
}

div.list div.list-filter.one-line
{
    padding: 1px 3px 0 3px;
    height: 25px;
}

    div.list div.list-tools
    {
        height: 31px;
        border: solid;
        border-style: none;
        padding: 0 0 0 4px;
        background-image: url(Images/baseline_header_title.png);
    }

        div.list div.list-tools div
        {
            float: left;
        }

            div.list div.list-tools div.input
            {
                margin: 5px 0 0 0;
            }

div.list-tools div.input input
{
    border: none;
    border-width: 1px 1px 1px 1px;
    border-color: #acb5b7;
    height: 19px;
    width: 120px;
    margin: -1px 0 0 6px;
    font-size: 11px;
    border: 1px solid #b3b3b3;
}

div.list-tools div.search
{
    margin: 2px 5px 0 0px;
    border: none;
    height: 25px;
    width: 24px;
    background-image: url(Images/Iconic/gray_dark/magnifying_glass_12x12.png);
    background-position: center center;
    background-repeat: no-repeat;
}

    div.list-tools div.search.over
    {
        cursor: pointer;
    }

        div.list-tools div.search.clear,
        div.list-tools div.search.over.clear
        {
            background-image: url(Images/Iconic/gray_dark/x_7x7.png);
            background-position: center center;
            background-repeat: no-repeat;
        }

div.list div.list-tools div.views.dropdown
{
    float: right;
    height: 18px;
    margin: 1px 5px 0 2px;
    background-image: url(Images/dropdown.gif);
    background-position: center right;
    background-repeat: no-repeat;
    text-align: right;
    padding: 1px 18px 0 0;
    cursor: pointer;
    position: relative;
}

div.list div.list-tools div.views.tabbed
{
    float: right;
    height: 30px;
    margin: 1px 5px 0 2px;
    text-align: right;
    padding: 1px 18px 0 0;
    position: relative;
    color: White;
}

    div.list div.list-tools div.views.tabbed ul
    {
        padding: 3px 0 0 0;
        list-style: none;
        margin: 0 0 0 0;
    }

        div.list div.list-tools div.views.tabbed ul li
        {
            float: left;
            cursor: pointer;
            padding: 14px 2px 0 2px;
            font-size: 12px;
            border: none;
            padding: 2px 8px 0 8px;
            margin: 0 5px 0 0px;
            color: #000; /* iamcolor */
            background-image: url(Images/baseline_bottom_trans_tabs.png);
            background-repeat: no-repeat;
            background-position: -10px -9px;
            background-color: #fff;
            height: 24px;
            line-height: 21px;
            border: 1px solid #d3d3d3;
            border-bottom: none;
        }

            div.list div.list-tools div.views.tabbed ul li.selected
            {
                border: none;
                color: #293640;
                background-image: none;
                background-position: -10px -10px;
                height: 23px;
                background-color: #fff;
                border-left: 1px solid #d3d3d3;
                border-top: 2px solid #00aeef;
                border-right: 1px solid #d3d3d3;
                border-bottom: none;
            }


div.list div.list-tools div.views div.value
{
    text-align: right;
    padding: 2px 0 0 0;
}


div.list div.list-tools div.views div.values
{
    position: absolute;
    top: 20px;
    right: 0px;
    background-color: White;
    border: solid;
    z-index: 1000;
    border-width: 1px 1px 1px 1px;
    border-color: #69C;
    width: 216px;
    display: none;
}

    div.list div.list-tools div.views div.values ul
    {
        list-style: none;
        margin: 0 0 0 0;
        padding: 2px 2px 2px 2px;
    }

        div.list div.list-tools div.views div.values ul li
        {
            text-align: left;
            overflow: hidden;
        }

div.list div.list-tools div.refresh
{
    float: right;
    width: 24px;
    height: 23px;
    margin: 5px 4px 0 1px;
    background-image: url(Images/Iconic/gray_dark/reload_alt_12x14.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: transparent;
}

    div.list div.list-tools div.refresh.over
    {
        background-image: url(Images/Iconic/cyan/reload_alt_12x14.png);
    }

div.list div.list-tools div.dropdownmenu
{
    position: relative;
    float: left;
    border: none;
    height: 20px;
    width: 80px;
    margin: 5px 4px 0 0px;
    background-image: url(Images/picklist.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 3px 12px 0 5px;
    cursor: pointer;
    color: #4e4e4e;
    font-weight: bold;
    background-color: transparent;
    text-indent: 3px;
    max-height: 200px;
}

div.list div.list-tools div.pagesize
{
    position: relative;
    float: right;
    border: none;
    height: 20px;
    width: 80px;
    margin: 5px 4px 0 0px;
    background-image: url(Images/picklist.png);
    background-position: 78px center;
    background-repeat: no-repeat;
    text-align: right;
    padding: 3px 12px 0 5px;
    cursor: pointer;
    color: #4e4e4e;
    font-weight: bold;
    background-color: transparent;
    text-indent: 3px;
}

div.list div.list-tools div.pagesize li {
    text-align : left;
}

div.list div.list-tools div.excelexportoptions
{
    position: relative;
    float: right;
    border: none;
    height: 20px;
    width: 90px;
    margin: 5px 4px 0 0px;
    background-image: url(Images/baseline_icon_16_16_export_excel.png);
    background-position: 75px center;
    background-repeat: no-repeat;
    text-align: left;
    padding: 3px 3px 0 5px;
    cursor: pointer;
    color: White;
    font-weight: bold;
    background-color: #222222;
    text-indent: 3px;
}

div.list div.list-tools div.toclipboard
{
    position: relative;
    float: right;
    border: none;
    height: 20px;
    width: 90px;
    margin: 5px 4px 0 0px;
    background-image: url(Images/Iconic/White/transfer_12x9.png);
    background-position: 75px center;
    background-repeat: no-repeat;
    text-align: left;
    padding: 3px 3px 0 5px;
    cursor: pointer;
    color: White;
    font-weight: bold;
    background-color: #222222;
    text-indent: 3px;
}

div.list div.list-tools div.pasteclipboard
{
    position: relative;
    float: right;
    border: none;
    height: 20px;
    width: 90px;
    margin: 5px 4px 0 0px;
    background-image: url(Images/Iconic/White/transfer_12x9.png);
    background-position: 75px center;
    background-repeat: no-repeat;
    text-align: left;
    padding: 3px 3px 0 5px;
    cursor: pointer;
    color: White;
    font-weight: bold;
    background-color: #222222;
    text-indent: 3px;
}

div.list div.list-tools div.separator
{
    margin: 0 2px 0 2px;
    padding: 0 0 0 0;
    width: 2px;
    height: 20px;
    background-image: url(Images/separator.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

div.list div.list-tools div.pagesize div.values,
div.list div.list-tools div.dropdownmenu div.values,
div.list div.list-tools div.excelexportoptions div.values,
div.list div.list-tools div.toclipboard div.values,
div.list div.list-tools div.pasteclipboard div.values
{
    position: absolute;
    top: 24px;
    border: none;
    z-index: 1000;
    width: 130px;
    display: none;
    color: #fff;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.list div.list-tools div.toclipboard div.values,
div.list div.list-tools div.pasteclipboard div.values
{
    width: 180px;
    right: -80px;
    background-color: white;
    -webkit-box-shadow: 3px 3px 5px #BFBFBF;
    box-shadow: 3px 3px 5px #BFBFBF;
    border-bottom: 2px solid #007acc;
}


    div.list div.list-tools div.pagesize div.values ul,
    div.list div.list-tools div.dropdownmenu div.values ul,
    div.list div.list-tools div.excelexportoptions div.values ul,
    div.list div.list-tools div.toclipboard div.values ul,
    div.list div.list-tools div.pasteclipboard div.values ul
    {
        margin: -1px 0 0 0;
        padding: 2px 2px 2px 2px;
        list-style: none;
        border-bottom: 2px solid #007acc;
        background-color: white;
    }

        div.list div.list-tools div.pagesize div.values ul li,
        div.list div.list-tools div.dropdownmenu div.values ul li,
        div.list div.list-tools div.excelexportoptions div.values ul li,
        div.list div.list-tools div.toclipboard div.values ul li,
        div.list div.list-tools div.pasteclipboard div.values ul li
        {
            padding: 2px 2px 2px 2px;
            background-color: #fff;
            background-image: none;
            color: #222;
            height: 20px;
        }

            div.list div.list-tools div.views div.values ul li.over,
            div.list div.list-tools div.dropdownmenu div.values ul li.over,
            div.list div.list-tools div.pagesize div.values ul li.over,
            div.list div.list-tools div.excelexportoptions div.values ul li.over,
            div.list div.list-tools div.toclipboard div.values ul li.over,
            div.list div.list-tools div.pasteclipboard div.values ul li.over
            {
                background-color: #eeeeee;
            }

div.list div.list-tools div.views.dropdown.over,
div.list div.list-tools div.dropdownmenu.over,
div.list div.list-tools div.pagesize.over
{
    background-image: url(Images/picklist_hover.png);
}

div.list div.list-body
{
    overflow: auto;
    height: 24px;
}

div.list div.list-header
{
    background-color: #fff;
    color: #293640;
    height: 23px;
    padding: 0px 0 0 0;
    font-size: 14px;
    border: solid;
    border-width: 0 0 1px 0;
    border-color: #b1b1b1;
}

div.list.double-header div.list-header
{
    height: 40px;
}

div.list.triple-header div.list-header
{
    height: 60px;
}

div.list div.list-header td.sortable.descending.over,
div.list div.list-header td.sortable.over

{
    background-image: url(Images/sort_asc.png);
    background-position: right;
    background-repeat: no-repeat;
    background-color: #b0bcc9;
}

div.list div.list-header td.sortable.ascending.over
{
    background-image: url(Images/sort_desc.png);
    background-repeat: no-repeat;
    background-position: right;
    background-color: #b0bcc9;
}


div.list div.list-header td div.delete-column
{
    width: 16px;
    height: 16px;
    background-image: url(Images/deletecolumn.png);
    float: right;
}

div.list div.list-header td div.delete-column:hover
{
    width: 16px;
    height: 16px;
    background-image: url(Images/deletecolumnhover.png);
    float: right;
}

div.list div.list-header td div.enum-filter
{
    width: 16px;
    height: 16px;
    background-image: url(Images/filter.png);
    float: right;
    margin-right: 30px;
}

div.enum-filter-popup
{
    position: absolute;
    background-color: White;
    border: solid;
    border-width: 0 1px 1px 1px;
    border-color: #839C9F;
    overflow: auto;
    z-index: 1002;
    display: none;
    padding: 4px;
    padding-bottom: 10px;
    max-height: 300px;
    overflow-y: auto;
}

div.list div.list-header div.list-header-content
{
    overflow: hidden;
}

div.list div.list-header table,
div.list div.list-body table
{
    width: 100%;
    table-layout: fixed;
}

tr.odd
{
    background-color: #f6f6f6;
}

tr.even
{
    background-color: white;
}

div.list div.list-header table td
{
    border: solid;
    border-width: 0 1px 0 0;
    border-color: #B1B1B1;
    height: 21px;
    padding: 2px 0 0 0;
    font-weight: bold;
    text-indent: 5px;
    font-size: 12px;
}

    div.list div.list-header table td.space
    {
        border: none;
        border-width: 0 0 0 0;
    }

div.list div.list-body table td
{
    border-right: solid;
    border-right-width: 1px;
    border-right-color: #c1c1c1; /* iamcolor */
    height: 21px;
    padding: 3px 0 0 0;
    font-weight: normal;
}

    div.list div.list-body table td:last-child
    {
        border-right-style: none;
    }

div.list div.list-body table tr.fixed-row
{
    line-height: 0px;
    height: 0px;
    overflow: hidden;
}

    div.list div.list-body table tr.fixed-row td
    {
        line-height: 0px;
        height: 0px;
    }

div.list div.list-body table tr
{
    height: 21px;
    overflow: hidden;
}

div.list div.list-body table td
{
    overflow: hidden;
}

    div.list div.list-header table td.data,
    div.list div.list-body table td.data
    {
        padding: 3px 2px 0 2px;
    }

tr.clickable
{
    cursor: pointer;
}

    tr.clickable.selected.current td
    {
        background-color: #bad3d9;
    }

    tr.clickable.current
    {
        background-color: #DCEBFC;
    }

    tr.clickable.over
    {
        background-color: #dfdfdf;
    }

div.list div.list-body table tr.error td,
div.list div.list-body table tr.error td input
{
    color: #B30D0D;
}

div.list div.list-header td.show
{
    overflow: hidden;
    width: 6px;
    border: none;
}

div.list div.list-body td.show
{
    overflow: hidden;
    width: 6px;
    border: solid;
    border-width: 0 0 1px 0;
    border-color: transparent;
}

td.data
{
    width: 80px;
    padding: 0 0 0 0;
    vertical-align: top;
    height: 100%;
}

    td.data.date
    {
        width: 100px;
    }

    td.data.calendar
    {
        width: 100px;
    }

    td.data.deletedcolumn
    {
        display: none;
    }

    td.data.number
    {
        width: 70px;
    }

        td.data.number.wide
        {
            width: 200px;
        }

    td.data.middle
    {
        width: 130px;
    }

    td.data.short
    {
        width: 50px;
    }

    td.data.middleLow
    {
        width: 110px;
    }


div.list-body td.data
{
    overflow: hidden;
    white-space: nowrap;
}

div.list-body td.data
{
    padding: 0 2px 0 2px;
}

    div.list-body td.data.number
    {
        text-align: right;
    }

td.data.bool,
td.data.year
{
    width: 40px;
    text-align: center;
}

td.data.datetime
{
    width: 110px;
}

td.data.enum
{
    width: 140px;
    padding: 0 0 0 0;
}

    td.data.enum.narrow
    {
        width: 80px;
        padding: 0 0 0 0;
    }


td.data.lead
{
    width: 150px;
}

td.data.picklist
{
    width: 141px;
}

td.data.wide
{
    width: 120px;
}

td.data.picklist.wide
{
    width: 213px;
}

td.data.file
{
    width: 182px;
}

td.space
{
    width: auto;
}

div.list-header td
{
    overflow: hidden;
    height: 21px;
    white-space: nowrap;
    padding: 0 2px 0 0;
}

    div.list-header td.number
    {
        text-align: left;
    }

div.list div.list-body table td.cell-input.number
{
    text-align: right;
    padding: 0 2px 0 2px;
}


div.list div.list-body table td.cell-input.date
{
    width: 100px;
    text-align: center;
}

div.list div.list-body table td.cell-input.datetime
{
    width: 130px;
    text-align: center;
}

div.list div.list-body table td.cell-input .error {
    background-color: #EABEBE;
    background-image: none;
}

div.list div.list-body table td.cell-input .changed {
    background-image: none;
}

div.list-header td.data
{
    font-weight: bold;
}

td.sortable
{
    cursor: pointer;
}

div.list div.list-header table td.tool,
div.list div.list-body table td.tool
{
    width: 20px;
}

div.list div.list-header table td.toggle,
div.list div.list-body table td.toggle
{
    width: 30px;
    background-image: url( Images/checkbox.gif );
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    vertical-align: top;
}

div.list div.list-body table td.no-toggle
{
    width: 30px;
}

div.list div.list-header table td.toggle.all
{
    background-image: url( Images/checkbox_checked.gif );
}

div.list div.list-header table td.toggle.some
{
    background-image: url( Images/checkbox_some.gif );
}

div.list div.list-body table td.toggle.over
{
    background-image: url( Images/checkbox_over.gif );
}

div.list div.list-body table tr.selected td.toggle
{
    background-image: url( Images/checkbox_checked.gif );
}

    div.list div.list-body table tr.selected td.toggle.over
    {
        background-image: url( Images/checkbox_checked_over.gif );
    }

tr.selected td
{
}

div.list div.list-body div.list-content
{
    float: left;
}

tr.expanded td.expandable
{
    background-image: url( Images/expanded.gif );
    background-image: url(Images/Iconic/cyan/minus_8x2.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}


div.list-header td.tool
{
    background-image: url( Images/collapsed.gif );
    background-image: url(Images/Iconic/cyan/plus_8x8.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

tr.collapsed td.expandable
{
    background-image: url( Images/collapsed.gif );
    background-image: url(Images/Iconic/gray_dark/plus_8x8.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

div.list-header td.tool.all
{
    background-image: url( Images/expanded.gif );
    background-image: url(Images/Iconic/cyan/minus_8x2.png);
}

div.list-header td.tool.some
{
    background-image: url( Images/collapsed_some.gif );
    background-image: url(Images/Iconic/cyan/plus_8x8.png);
}

td.ascending
{
    background-image: url( Images/sort_asc.png);
    background-position: right;
    background-repeat: no-repeat;
    background-color: #c1c5ca;
}

td.descending
{
    background-image: url( Images/sort_desc.png);
    background-position: right;
    background-repeat: no-repeat;
    background-color: #c1c5ca;
}

div.list div.list-footer
{
    clear: both;
    height: 21px;
    margin: 0 0 0 0;
    padding: 6px 3px 0 8px;
    border-top: 1px solid #A09F9F;
    background-image: url(Images/baseline_header_title.png);
}

    div.list div.list-footer div
    {
        float: left;
        color: #293640;
    }

        div.list div.list-footer div.browse
        {
            float: right;
            padding: 0;
            margin-top: -6px;
        }

div.list-body.message
{
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    background-color: #fff;
    font-weight: bold;
    font-size: 14px;
}

div.list-disable
{
    position: absolute;
    background-color: #333;
    z-index: 1000;
    overflow: hidden;
    display: none;
    background-image: url(Images/Iconic/white/clock_32x32.png);
    background-repeat: no-repeat;
    background-position: center center;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

div.list-footer div.list-title
{
    font-weight: bold;
    text-align: center;
    margin: 0 0 0 0;
}

div.list-footer div.selected
{
}

    div.list-footer div.selected div
    {
        float: left;
    }

div.list div.list-body table td.cell-input
{
    background-color: #F9F9D9;
    background-color: transparent;
    text-align: center;
    background-image: url(images/iconic/gray_light/right_quote_alt_32x24.png);
    background-repeat: no-repeat;
    background-position: -25px -16px;
    background-repeat: no-repeat;
    color: #fff;
}

input.cell-input
{
    border: none;
    width: 100%;
    height: 100%;
    background-color: #F9F9D9;
    background-color: transparent;
    font-size: 11px;
    font-family: Segoe UI, Tahoma, Arial;
    color: #293640;
}

tr.odd input.cell-input.readonly,
tr.odd td.cell-input.changed input.cell-input.readonly
{
    background: #F3F0ED;
}

tr.even input.cell-input.readonly,
tr.even td.cell-input.changed input.cell-input.readonly
{
    background: #FFFFFF;
}

td.number input.cell-input
{
    text-align: right;
    padding: 0 2px 0 2px;
}

input.cell-checkbox
{
    border: none;
    background-color: #F9F9D9;
}

div.list div.list-body table td.cell-input.changed input
{
}

div.list div.list-body table td.cell-input.changed
{
    background-image: url(images/iconic/cyan/right_quote_alt_32x24.png);
    background-repeat: no-repeat;
    background-position: -24px -15px;
}

tr.current td.show
{
    background-image: url(Images/Iconic/red/arrow_right_8x8.png);
    background-repeat: no-repeat;
    background-position: -3px 9px;
}

tr.detached td,
tr.detached td a
{
    color: #998383;
}

    tr.detached td input
    {
        color: #998383;
    }

div.resizer
{
    float: right;
    height: 21px;
    width: 3px;
    cursor: col-resize;
    position: relative;
    left: 0px;
    z-index: 1000;
    /* negative of the column padding to ensure the resizer is right at the border */
    margin-top: -3px;
    margin-right: -2px;
}

div.list div.list-body table tbody tr:last-child td
{
    border-bottom: 1px solid #c1c1c1 !important;
}