table.datagrid {
text-align:left;
padding: 0px;
border:1px solid #ff3399;
width:90%;
margin:0 auto;
}
table.datagrid th {
height: 25px;
background: url(../images/arrows_off.gif) no-repeat 1px 50% #444;
padding:0 10px;
}
table.datagrid td {
padding:5px 10px;
border-top: 1px solid #ff3399;
vertical-align:top;
}
table.datagrid td.last {
border-top: 1px solid #656561;
border-bottom: 1px solid #ff3399;
}
table.datagrid thead th.over {
background: url(../images/arrows_on.gif) no-repeat 1px 50% #111;
cursor: pointer;
}
table.datagrid thead th.up {
background: url(../images/arrows_on_up.gif) no-repeat 1px 50% #111;
cursor: pointer;
color:#fff;
}
table.datagrid thead th.down {
background: url(../images/arrows_on_down.gif) no-repeat 1px 50% #111;
cursor: pointer;
color:#fff;
}