/*.listview thead {
    float: left;
}

.listview thead th {
    display: block;
}

.listview tbody {
    float: right;
}*/

table.listview {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    color: #666;
    empty-cells: show;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.1);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.1);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.1);
}

    /* ----------------------------- */
    /* Header (thead needed)*/
    /* ----------------------------- */
    table.listview > thead {
        text-align: left;
        background-color: #ddd;
        font-weight: bold;
        text-align: left;
        vertical-align: bottom;
        background-image: url("Images/grid.png");
        background-repeat: repeat-x;
    }

        table.listview > thead > tr > th {
            /*text-shadow: 1px 1px 1px white;*/
            padding: 0.4em 0.6em 0.5em 0.3em;
            /*border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #d0d0d0;*/
            border-bottom: 1px solid #004d9b;
            border-left: 1px solid #004d9b;
            border-right: 1px solid #004d9b;
            text-align: left;
            background-color: #004d9b;
            color: white;
            height: 44px;
            vertical-align: middle;
            font-size: revert;
        }

    /* ----------------------------- */
    /* Footer */
    /* ----------------------------- */
    table.listview > tfoot > tr > td {
        font-weight: normal;
        padding-right: 0.3em;
        border-top: 1px solid white;
        vertical-align: middle;
        background-color: white;
    }

    table.listview > tfoot > tr:hover {
        background-color: #969696;
        border-left: 0px;
        border-right: 0px;
    }

    table.listview > tbody > tr {
        background-color: #fff
    }

        /* ----------------------------- */
        /* Body */
        /* ----------------------------- */
        table.listview > tbody > tr > td {
            padding: 0.1em 0.5em 0.1em 0.4em;
            text-align: center;
            vertical-align: middle;
            border-left: 1px solid #FFFFFF;
            border-right: 1px solid #FFFFFF;
            height: 27px;
        }

        table.listview > tbody > tr:nth-child(odd):not(.selected) {
        }

        table.listview > tbody > tr:nth-child(even):not(.selected) {
        }

        /* ----------------------------- */
        /* Hover */
        /* ----------------------------- */
        table.listview > tbody > tr:hover:not(.selected):not(.notSelectable) {
            background-color: #fbb731;
        }

            table.listview > tbody > tr:hover:not(.selected):not(.notSelectable) > td {
                border-left: 1px solid #fbb731;
                border-right: 1px solid #fbb731;
                color: #ffffff;
                text-shadow: 1px 1px 1px #fbb731;
            }

        /* ----------------------------- */
        /* Selection */
        /* ----------------------------- */
        table.listview > tbody > tr.selected:not(.notSelectable) {
            background-color: #fbb731;
            color: #fff;
        }

            table.listview > tbody > tr.selected:not(.notSelectable) > td {
                border-left: 1px solid #fbb731;
                border-right: 1px solid #fbb731;
            }

    /* ----------------------------- */
    /* Sortable */
    /* ----------------------------- */

    table.listview > thead > tr > th.sortable {
        font-weight: bold;
        cursor: pointer;
        padding-right: 10px;
    }

        table.listview > thead > tr > th.sortable:hover {
            /*color: #585858;*/
            color: white;
        }

    table.listview > thead > tr > th.sortDown {
        background-image: url("../Images/sortDown.png");
        background-repeat: no-repeat;
        background-position: right 50%;
    }

    table.listview > thead > tr > th.sortUp {
        background-image: url("../Images/sortUp.png");
        background-repeat: no-repeat;
        background-position: right 50%;
    }

    table.listview > thead > tr > th.sortNone:hover {
        background-image: url("../Images/sortNone.png");
        background-repeat: no-repeat;
        background-position: right 50%;
    }

.listview {
    width: 100%;
}

    .listview img {
        width: 16px;
        height: 16px;
    }

    .listview > tfoot #PageIndex {
        width: 50px;
        border: none;
        text-align: right;
    }

    .listview > tfoot td {
        padding: 0.1em 0.5em 0.1em 0.4em;
        text-align: left;
        vertical-align: middle;
    }

    .listview > thead td {
        padding-right: 8px; /* To reduce length with 8px when using min-width:100% */
    }

        .listview > thead td:nth-child(1) {
            padding-right: 0px; /* No padding for first row */
        }

        .listview > thead td input,
        .listview > thead td select {
            width: 80px;
            /* Not supported by IE 6/7 */
        }

    table.listview > thead img {
        cursor: pointer;
        background-color: white;
        border-radius: 100%;
    }

.listViewSearch {
    background-color: #004d9b;
    color: white;
    vertical-align: middle;
}

input[type="search"], select {
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: solid 1px #ccc;
    border-radius: 3px;
    /*! width: 100%; */
    margin: 3% 0 3% 4%;
    font-size: 15px;
    height: 26px;
    padding:2px;
    color: #62646c;
}