<style>
    /* ---------------------table---------------*/
.sortable {
border-color:#CCCCCC #CCCCCC -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
width:80%;
}
.sortable th {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
color:#CCCCCC;
padding:4px 6px 6px;
text-align:left;
}
.sortable td 
{
 width:163px;
 height:17px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:2px 4px 4px;
}
.sortable .head 
{
 width:163px;
 height:17px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#004A7F url(../images/sort.gif) no-repeat scroll 6px center;
cursor:pointer;
padding-left:18px;
}
.sortable .desc {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#004A7F url(../images/desc.gif) no-repeat scroll 6px center;
cursor:pointer;
padding-left:18px;
}
.sortable .asc {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#004A7F url(../images/asc.gif) no-repeat scroll 6px center;
cursor:pointer;
padding-left:18px;
}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {
color:#FFFFFF;
}
.sortable .even td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F2F2 none repeat scroll 0 0;
}
.sortable .odd td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
}
</style>
