.sort-table
{
    BORDER-RIGHT: #bbb 1px solid;
    BORDER-TOP: #bbb 1px solid;
    BACKGROUND: window;
    FONT: Icon;
    BORDER-LEFT: #bbb 1px solid;
    COLOR: windowtext;
    BORDER-BOTTOM: #bbb 1px solid
}
.sort-table THEAD
{
    BACKGROUND: buttonface
}
.sort-table TD
{
    PADDING-RIGHT: 7px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    background-position: right bottom;
}
.sort-table THEAD TD
{
    BORDER-RIGHT: #BBB 1px solid;
    BORDER-TOP: buttonhighlight 1px solid;
    BORDER-LEFT: #FFF 1px solid;
    CURSOR: pointer;
    BORDER-BOTTOM: #FFF 1px solid
}
.sort-table THEAD TD:active
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    BORDER-LEFT-COLOR: buttonshadow;
    BORDER-BOTTOM-COLOR: buttonhighlight;
    PADDING-BOTTOM: 5px;
    BORDER-TOP-COLOR: buttonshadow;
    PADDING-TOP: 5px;
    BORDER-RIGHT-COLOR: buttonhighlight
}
UNKNOWN
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    BORDER-LEFT-COLOR: buttonhighlight;
    BORDER-BOTTOM-COLOR: buttonshadow;
    PADDING-BOTTOM: 5px;
    BORDER-TOP-COLOR: buttonhighlight;
    PADDING-TOP: 5px;
    BORDER-RIGHT-COLOR: buttonshadow
}
.sort-arrow
{
    BACKGROUND-POSITION: center center;
	MARGIN: 0px 0px;
    WIDTH: 11px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 11px
}
.descending
{
    BACKGROUND-IMAGE: url(../img/downsimple.png)
}
.ascending
{
    BACKGROUND-IMAGE: url(../img/upsimple.png)
}
td.descending
{
    BACKGROUND-IMAGE: url('../img/downsimple.png');
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: 95% 90%;
}
td.ascending
{
    BACKGROUND-IMAGE: url('../img/upsimple.png');
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: 95% 90%;
}
td.none 
{
    BACKGROUND-IMAGE: none;
}