*{
  margin:0;
  padding:0;
}

body{
  padding:1em;
}

table{
  width:100%;
  border:1px solid #000;
  border-collapse:collapse;
}

th{
  border:1px solid #000;
  padding:0 1em;
}
td{
  border:1px solid #000;
}
td a{
  display:block;
  padding:0 1em;
  text-decoration:none;
  color:#000;
}

#col1{
  width:10%;
}
#col5{
  width:20%;
}
.col1{
  text-align:center;
}

tbody tr:hover, tbody tr.hover{
  background-color:#ffc;
  cursor:hand;
  cursor:pointer;
}
td:hover, td.hover{
  background-color:#ff9;
}

th span{
  float:right;
  width:1em;
  font-size:0;
  line-height:0;
  padding-top:0.25em;
}

.asc, .desc{
  display:block;
  width:7px;
  height:4px;
  position:relative;
}

.asc{
  background-image:url(asc.png);
  top:2px;
}
.desc{
  background-image:url(desc.png);
  top:7px;
}