.tframe {
  position: relative;
  top: 0px; left: 0px;
  width: 300px;
  height: 300px;
  background-image:url(calc_tf.jpg);
  background-color: #888888
}

.box1 {
  position:absolute;
  width:13px; height:10px;
  bottom:40px;
  background-color: red;
  border: 1px solid #ccc;
}

.more {
  border: 1px solid black;
}

#info1 { min-height: 100px; font-size: 90%; }
#moreinfo { display: none; }

div.xlabelhover { border: 1px solid black;
   margin: -1px;
   font-weight: bold; color: white; background: #777;}

div.xlabel div { display: none; }

div.xlabelhover div {
   display: block; position: absolute;
   z-index: 9;
   width: 300px; font-size: 90%;
   border: 1px solid black;
   margin-left: -1px;
   color: black; padding: 4px;
   font-weight: normal;
   background: #ccc;
}

table.form1 {
    border-collapse: collapse;
    border: none;
    background-color: transparent;
}

table.form1 tr, table.form1 td, table.form1 th {
    background-color: transparent;
    border: none;
    padding: 2px;
    text-align:left;
    font-size: 11px;
}

table.form1 input, table.form1 select, table.form1 textarea {
    font-size: 11px;
    color: black;
}