.listview
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAxSURBVBhXjcO7DQAgCAXAt/9+DCJ/bTBQWHvJoarwM/Kge+zXPNHVAqI+WQyLdRLRBUxSRc4eqQBYAAAAAElFTkSuQmCC);
    background-position: top;
    background-repeat: repeat-x;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 16px;
    height: 100%;
}

.listview > table
{
    border-collapse: collapse;
    *height: 100%;
}
        
.listview > table > thead > tr
{
    min-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
        
.listview > table > thead > tr > th
{
    font: inherit;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid #d5d5d5;
    padding: 0px 6px;
    text-align: left;
}

.listview > table > thead > tr > th.selected
{
    border-left: 1px solid #96d9f9;
    border-right: 1px solid #96d9f9;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAA9SURBVBhXY/j//z/Dp59/COKHH38ygPADIL7/4Qcc333/g+HOu+8Mt99/Z7j15hvDTSD7JpC+AcTTbv4EAON4Q28EsNlfAAAAAElFTkSuQmCC);
    background-position: top;
    background-repeat: repeat-x;
}

.listview > table > thead > tr > th.selected.ascending:after
{
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAAFVJREFUGFdjQAYOSSX/oUxUYBNX9D9s9oH/cR0LURXYROb8T5y27X/bidf/J55+83/WtqMQBc7x+f/bNx79v+vRl/9b7376f+Txl/+nnn39f/jJ1/8AaUUujR2ikhgAAAAASUVORK5CYII=);
    padding-left: 8px;
}

.listview > table > thead > tr > th.selected.descending:after
{
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAAFVJREFUGFdjsIkr+p80a+f/gpXH/hetPvW/edfN/1OPPfg/6/iD/wwgENS9+n/xphv/Z15493/z7Y//jzz+ApGAgfQ1l/8vu/EZUwIGZp1+hiTBwAAALOExPWOeweAAAAAASUVORK5CYII=);
    padding-left: 8px;
}

.listview > table > thead > tr > th.highlighted
{   
    border-left: 1px solid #69bbe3;
    border-right: 1px solid #69bbe3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAIAAAC0rgCNAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAA6SURBVBhXY/j//z/D4++E8d63/xlgeM+bfwwgvPs1BO9695dh17O/DDtf/mHY+fQPw/bnv8F48snHAImQQRl1b9UUAAAAAElFTkSuQmCC);
    background-position: top;
    background-repeat: repeat-x;
}
        
.listview > table > thead > tr > th > input[type=checkbox]
{
    display: inline;
    padding: 0px;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
        
.listview > table > thead > tr > th > span
{
    white-space: nowrap;
    line-height: 24px;
}

.listview > table > tbody > tr
{
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    min-height: 22px;
    white-space: nowrap;
}
        
.listview > table > tbody > tr.highlighted
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABISURBVBhXPc3HEYAwEEPR7b8iKqEJE53WkUU6wOXN/Isky9pNxnxMWp8m9ac0pJJcQSKxgKDAkzuDi5wJHGSPYCMufHjFPI9eVm1VEu+7EwkAAAAASUVORK5CYII=);
    background-position: top;
    background-repeat: repeat-x;
}

.listview > table > tbody > tr.highlighted > td:first-child
{
    border-left: 1px solid #b8d6fb;
}
                
.listview > table > tbody > tr.highlighted > td:last-child
{
    border-right: 1px solid #b8d6fb;
}
       
.listview > table > tbody > tr.selected
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABUSURBVBhXHc3LCkBAGEDheXEv402IJBFJ0ox7ctta0jj/bL7lOcrzC6vu57PK3K9V+oLuFA5ohWaHeoNKKFfIF8hmSCdIRogHiHoIDQQO7aLkZfQDLtBPi4fLa8EAAAAASUVORK5CYII=);
    background-position: top;
    background-repeat: repeat-x;
}
        
.listview > table > tbody > tr.selected > td:first-child
{
    border-left: 1px solid #7da2ce;
}
        
.listview > table > tbody > tr.selected > td:last-child
{
    border-right: 1px solid #7da2ce;
}
        
.listview > table > tbody > tr > td
{
    border-right: 1px solid #e4edf7;
    max-width: 400px;
    overflow: hidden;
    padding: 0px 6px;
    text-overflow: ellipsis;
}
        
.listview > table > tbody > tr > td > input[type=checkbox]
{
    display: inline;
    padding: 0px;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
        
.listview > table > tbody > tr > td > img
{
    width: 16px;
    height: 16px;
}

.listview > table > tbody > tr > td > img[src]
{
    margin-right: 4px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.listview > table > tbody > tr > td > span
{
    line-height: 22px;
}
        
.listview > table > tbody > tr > td > input[type=text]
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font: inherit;
    padding: 0px;
    margin: 0px;
    min-width: 100px;
}

.listview > table > tfoot > tr > td
{
    border-right: 1px solid #e4edf7;
    height: 100%;
}

.listview .selector-box
{
    background-color: rgba(168,202,236,0.5);
    border: 1px solid #3399ff;
    display: none;
    position: absolute;
    width: 0px;
    height: 0px;
}