* {margin:0; padding:0}

.sortable {
border-top-color: #c6d6e3;
border-top-style: solid;
border-top-width: 1px;
border-left-color: #c6d6e3;
border-left-style: solid;
border-left-width: 1px;
margin-top: 3px;
margin-bottom: 30px;
width: 100%;
}

.sortable th,
.sortable td {
border-bottom-color: #c6d6e3;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #c6d6e3;
border-right-style: solid;
border-right-width: 1px;
padding: 6px 8px;
vertical-align:middle;
line-height:1.8em;
}

.sortable th {
background-color: #e7eef3;
color: #003a73;
font-weight: bold;
text-align: center;
vertical-align: middle;
}

.sortable td {
text-align: center;
}

.sortable .head {
/*background: #e7eef3 url(../images/arrow/arrowUp.gif) 6px center no-repeat; */
background: #e7eef3 6px center no-repeat; 
cursor:pointer; 
}

.sortable .desc {
/*background: #e7eef3 url(../images/arrowDown.gif) 6px center no-repeat; */
background: #e7eef3 6px center no-repeat; 
cursor:pointer;
}

.sortable .asc {
/*background: #e7eef3 url(../images/asc.gif) 6px  center no-repeat; */
background: #e7eef3 6px  center no-repeat; 
cursor:pointer; 
}

.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {
color:#003A73;
}

.sortable .even td {
background:#f3f7f9
}

.sortable .odd td {
background:#fff !important;
}