list-style:none;
 color: #fff;
 text-align: center;
 line-height: 16px;
 width: 16px;
 height: 16px;
 font-family: Arial;
 font-size: 12px;
 cursor: pointer;
 margin: 1px;
 border: 1px solid #707070;
 background-color: #060a0b;
}
#idNum li.on{
 line-height: 18px;
 width: 18px;
 height: 18px;
 font-size: 14px;
 border: 0;
 background-color: #ce0609;
 font-weight: bold;
}
</style>

2. JavaScript

<script type="text/javascript">
var isIE = (document.all) ? true : false;
var $ = function (id) {
 return "string" == typeof id ? document.getElementById(id) : id;
};

var Class = {
 create: function() {
  return function() { this.initialize.apply(this, arguments); }
 }
}

var Extend = function(destination, source) {
 for (var property in source) {
  destination[property] = source[property];
 }
}

var Bind = function(object, fun) {
 return function() {