table {
    border-collapse       : collapse;
    width                 : 100%;
}

#gridbody tr:nth-child(1) {
    position              : sticky;
    top                   : 0;
    z-index               : 2;
}

#gridbody tr:nth-child(2) {
    position              : sticky;
    top                   : 24px;
    z-index               : 2;
}

#dashboard {
    display               : table;
    background-color      : #ffe;
} 

#dashboard .iconcell {
    background-color      : #fff;
    width                 : 28px;
    border-bottom         : 1px solid #888;
} 

#dashboard img.icon { 
    position              : relative;
    top                   : 2px;
    width                 : 24px; 
    height                : 24px;
    cursor                : pointer; 
    padding               : 0px;
}
   
#dashboard .metaheader {
    position              : sticky;
    top                   : 0;
    color                 : #000;
    background-color      : #ccc;
    font-size             : 16px;
    font-weight           : bold;
    height                : auto;
    padding               : 4px;
    white-space           : nowrap;
    z-index               : 2;
    border-left           : 1px solid #888;
    border-right          : 1px solid #888;
}

#dashboard .header {
    position              : sticky;
    top                   : 0;
    color                 : #fff;
    background-color      : #008;
    font-size             : 14px;
    font-weight           : bold;
    height                : auto;
    padding               : 4px;
    white-space           : nowrap;
    z-index               : 2;
    border-top            : 1px solid #888;
    border-bottom         : 1px solid #888;
}
    
#dashboard .data, #dashboard .details, #dashboard .subtotals, #dashboard .totals {
    color                 : #000;
    background-color      : #fff;
    width                 : 24px;
    height                : auto;
    white-space           : nowrap;
    border-bottom         : 1px solid #888;
} 

#dashboard .data {
    font-size             : 14px;
    padding               : 2px 8px 0px 4px;
} 

#dashboard .details, #dashboard .subtotals, #dashboard .totals {
    font-size             : 14px;
    padding               : 4px;
} 

#dashboard .subtotals, #dashboard .totals {
    font-weight           : bold;
    border-bottom         : 1px solid #888;
} 

#dashboard .totals {
    padding-top           : 12px;
} 

#dashboard .firstrow {
    border-top            : 1px solid #888;
} 

#dashboard .lastrow {
    border-bottom         : 1px solid #888;
} 

#dashboard .singlerow {
    border-top            : 1px solid #888;
    border-bottom         : 1px solid #888;
} 

#dashboard .firstcolumn {
    border-left           : 1px solid #888;
    padding-left          : 8px;
} 

#dashboard .lastcolumn {
    border-right          : 1px solid #888;
    padding-right         : 8px;
} 

#dashboard .sidecolumn {
    background-color      : #ffe;
    width                 : auto;
} 

#dashboard .filler {
    background-color      : #ffe;
    border                : 0;
} 

#dashboard .separator {
    min-width             : 7px;
    width                 : 15px;
    background-image      : url("../images/separator.png");
    background-position-x : center;
    background-repeat     : repeat-y;
    border-bottom         : 1px solid #888;
} 

#dashboard .small {
    width                 : 60px;
} 

#dashboard .auto {
    width                 : auto;
} 

#dashboard .closed {
   color                 : #ff8000;
} 

#values td {
    padding               : 4px;
}

.odd {
    background-color      : #9cf;
} 
    
.even {
    background-color      : #def;
}