/*

    SimpleList CSS

    copyright 2015 Actis Sales Technology
    
*/


.css_SimpleList {
    border-spacing: 0px;
    border-left: 1px solid var(--MainBackgroundColour);
    border-right: 1px solid var(--MainBackgroundColour);
}

.css_SimpleList_Bottom {
    width: 100%;
    border-spacing: 0px;
    border: 1px solid grey;
}

.css_SimpleList_Banner_Table {
    border-spacing: 0px;
    border: 1px solid grey;
}

.css_SimpleList_Selected {
    background-color: var(--DarkBackgroundColour);
    color: var(--MainBackgroundColour);
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    cursor: default;
}

.css_SimpleList_Unselected {
    background-color: var(--OldLightBackgroundColour);
    color: var(--DarkBackgroundColour);
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    cursor: pointer;
}

.css_SimpleList_Rowselected td {
    background-color: var(--OldLightBackgroundColour);
    color: var(--DarkBackgroundColour);
}

.css_SimpleList_Rowselected:hover td {
    background-color: var(--DarkBackgroundColour);
    color: var(--MainBackgroundColour);
}

.css_SimpleList_Banner {
    width: 100%;
    border-collapse: collapse;
    border: none;
    padding: 0px;
}

.css_SimpleList_Banner_TR {
    margin: 0px;
    height: 28px;
}

.css_SimpleList_TableSet {
    width: 100%;
}

.css_SimpleList_Banner_TR td {
    height: 30px;
    padding: 2px 5px 2px 2px;
    font-weight: bold;
    vertical-align: middle;
}

.css_SimpleList_Banner_Image {
    text-align: left;
    text-wrap: none;
    width: 36px;
}

    .css_SimpleList_Banner_Image .img {
        font-size: 24px;
        margin: 6px 6px 0px 6px;
    }

.css_SimpleList_Banner_Text {
    font-size: larger;
}

.css_SimpleList_DataSection {
}

    .css_SimpleList_DataSection td {
        padding: 0px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

.css_SimpleList_DataSection_table {
    width: 100%;
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
    border: none;
    border-collapse: collapse;
}

    .css_SimpleList_DataSection_table .img {
        width: 16px;
        height: 16px;
        margin: 2px;
        font-size:16px;
    }

.css_SimpleList_DataOuter {
    height: 200px;
    width: 200px;
    min-width: 100%;
}

.css_SimpleList_Footer {
    border: 1px solid grey;
}

.css_SimpleList_DataSection_table td {
    border: 1px solid grey;
    padding: 0px 8px;
}

.css_SimpleList_FooterSection_table {
    width: 100%;
}

    .css_SimpleList_FooterSection_table img {
        cursor: pointer;
        width: 41px;
        height: 22px;
    }

.css_SimpleList_FooterSection_info {
    text-align: right;
}

.css_SimpleList_DataRow {
    height: 24px;
}

    .css_SimpleList_DataRow td {
        border: 1px solid grey;
    }

.css_SimpleList_HeadingCellLeft {
    background-color: #E9E9EB;
    padding: 5px 0px 5px 5px;
    font-weight: bold;
    height: 20px;
    vertical-align: middle;
    text-align: left;
}

.css_SimpleList_HeadingCellRight {
    background-color: #E9E9EB;
    padding: 5px 0px 5px 5px;
    font-weight: bold;
    height: 20px;
    vertical-align: middle;
    text-align: right;
}

.css_SimpleList_HeadingCellCentre {
    background-color: #E9E9EB;
    padding: 5px 0px 5px 5px;
    font-weight: bold;
    height: 20px;
    vertical-align: middle;
    text-align: center;
}

.css_SimpleList_DataCellLeft {
    background-color: var(--MainBackgroundColour);
    padding: 5px 0px 5px 5px;
    height: 20px;
    vertical-align: middle;
    text-align: left;
    font-size: 10px;
    border: 1px solid #EAE9E1;
}

.css_SimpleList_DataCellRight {
    background-color: var(--MainBackgroundColour);
    padding: 5px 0px 5px 5px;
    height: 20px;
    vertical-align: middle;
    text-align: right;
    font-size: 10px;
    border: 1px solid #EAE9E1;
}

.css_SimpleList_DataCellCentre {
    background-color: var(--MainBackgroundColour);
    padding: 5px 0px 5px 5px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    border: 1px solid #EAE9E1;
}