.clear{clear:both}
  .ca_oblock{padding:5px;border:1px solid #444;float:left;margin-left:10px;font:bold 12px arial; cursor:pointer}
  .ca_sel{background:#8599c4;color:#fff}
  .ca_normal{background:#fff;color:#000}


/* css/tooltip.css -- fancy tooltips */

div.tool {
  position: relative;   /* this is key */

}
 
div.tool div.tip, div.tool div.tip1, div.tool div.tip2 {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
div.tool:hover div.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: -35px;
  left: -10px;
  width: 72px;
  padding: 3px 0px 15px 0px;
  /*border: 1px solid #336;*/
  /*background-color: #ffffbd;*/
  font: bold 12px arial, helvetica, sans-serif;
  text-align: center;
  color: #000;
  background-image:url(/images/ballon-small.png);
  background-repeat:no-repeat;
}

div.tool:hover div.tip1 {
  display: block;
  z-index: 100;
  position: absolute;
  top: -140px;
  left: 0px;
  width: 400px;
  padding: 5px;
  border: 1px solid #336;
  background-color: #ffffbd;
  font: normal 11px arial, helvetica, sans-serif;
  color: #000;
}

div.tool:hover div.tip2 {
  display: block;
  z-index: 100;
  position: absolute;
  top: -130px;
  left: -30px;
  width: 100px;
  padding: 5px;
  border: 1px solid #336;
  background-color: #fff;
  font: normal 11px arial, helvetica, sans-serif;
  color: #000;
}

/* css/tooltip.css */

.mat_block{float:left;width:92px;height:27px;background-image:url(/images/MatColor.gif);font:normal 12px arial;padding-top:7px;text-align:center;cursor:pointer;
}
.mat_radio{float:left;margin-left:20px;width:20px;margin-top:10px}