* { 
  font-family: Arial,Helvetica;
 }

.outer {
position:relative;
padding:4em 0 3em 0;
width:999px;

}

.innera {
overflow:auto;
width:999px;
height:20em;

}
.outer thead th { 
  color: 000;
  padding: 2px;
 }

.outer thead tr {
position:absolute;
top:1.5em;
height:2.5em;
left:0;
}
.outer th, .outer td {
  height:1.5em;
  
}
.outer tbody tr {
  height: 16px;
}
.outer td {
  padding: 2px;
  font-size: 11px;
}
.outer th {
  text-align:center;
  font-size: 11px;
  height:2.5em;

  background:#d0d0d0; 
  color:#000;
}

.outer .td1 { 
  width: 25px;
 }
.outer .td2 { 
  width: 50px;
 }
.outer .td3 {   
  white-space:nowrap; 
  overflow: hidden;
  width: 180px;
  max-width: 180px;
 }
.outer .td4 { 
  width: 160px;
  max-width: 160px;
  white-space:nowrap; 
  overflow: hidden;
 }
.outer .td5 { 
  width: 60px;
  white-space:nowrap; 
  overflow: hidden;

 }
.outer .td6 { 
  width: 120px;
  max-width: 120px;
  white-space:nowrap; 
  overflow: hidden;
 }
.outer .td7 { 
  width: 60px;
  white-space:nowrap; 
  overflow: hidden;
 }
.outer .td8 { 
  width: 100px;
  white-space:nowrap; 
  overflow: hidden;
  max-width: 100px;
 }
.outer .td9 { 
  white-space:nowrap; 
  overflow: hidden;
  width: 100px;
  max-width: 100px;
 }
.outer .td10 { 
  white-space:nowrap; 
  overflow: hidden;
  width: 60px;
 }
.outer .row-0 { 
   background: #eee;

 }

.outer .row-1 { 
   background: #ddd;
 }