.tablex {
    width: 990px;
    height: 800px;
}
.tablex thead tr .header {
    background-image: url(bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
.tablex thead tr .headerSortUp {
    background-image: url(asc.gif);
}
.tablex thead tr .headerSortDown {
    background-image: url(desc.gif);
}
.tablex thead tr .headerSortDown, .tablex thead tr .headerSortUp {
    background-color: #8dbdd8;
}
.tablex thead tr th{
    font-size: 12pt;
    text-align: left;
    width: 380px;
    background-color: #8dbdd8;
}
.tablex thead tr td{
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
    width: 120px;
    background-color: #8dbdd8;
}
.tablex tbody {
    height: 800px;
    overflow-y: auto;
}
.tablex tbody tr:hover th, .tablex tbody tr:hover td{
    background-color: yellow;
}
.tablex tbody tr th{
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
    width: 380px;
}
.tablex tbody tr td{
    font-size: 10pt;
    text-align: center;
    width: 120px;
}
.tablex thead, .tablex tbody{
    display: block;
}

@media print{
    .tablex tbody {
        height: auto;
        overflow-y: hidden;
    }
}