span.checkbox { 
  width: 19px; 
  height: 25px; 
  padding: 0 5px 0 0; 
  background: url(../images/checkbox.gif) no-repeat; 
  display: block; 
  clear: left; 
  float: left; 
  cursor:hand;
  cursor:pointer;
} 
span.radio { 
  width: 19px; 
  height: 25px; 
  padding: 0px 5px 0 0;
  display:block;
  float:left;
  background: url(../images/radio.gif) no-repeat; 
  cursor:hand;
  cursor:pointer;
} 
span.select { 
  position: absolute; 
  width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ 
  height: 21px; 
  padding: 0 24px 0 8px; 
  color: #fff; 
  font: 12px/21px arial,sans-serif; 
  background: url(../images/select.gif) no-repeat; 
  overflow: hidden; 
} 





select.replaced {
  display: none;
}
ul.selectReplacement {
  background: url(../images/select_top.gif) top left no-repeat;
  margin: 0;
  padding:0 0 6px;
  width: 225px;
}
ul.selectReplacement li {
  color: #000000;
  cursor: pointer;
  display: none;
  font-size: 11px;
  line-height: 1.7em;
  list-style: none;
  margin: 0;
  padding: 1px 12px;
  width: 201px;
}
ul.selectOpen li {
  display: block;
  background: transparent url(../images/select_bottom.gif) bottom left no-repeat;  
}
ul.selectReplacement li.selected {
  background: transparent url(../images/select_bottom.gif) bottom left no-repeat;  
  color: #000000;
  display: block;
}
ul.selectOpen li.selected {
  display: block;
}
ul.selectOpen li:hover,
ul.selectOpen li.hover,
ul.selectOpen li.selected:hover {
  background: transparent url(../images/select_bottom_mo.gif) bottom left no-repeat;  
  color: #000000;
}




#tt {
 position:absolute; 
 display:block; 
 background-color:#ffffff;
 padding:10px;
 }