* {
  padding: 0;
  margin: 0;
}
body {
  font:13px/1.231 arial, helvetica, clean, sans-serif;
  color: #333;
  margin: 6px 0 0;
  background:#fff;
}
table {
  border-collapse: collapse;
  min-width: 610px;
  max-width: 762px;
}
th {
  border-top: 2px solid #bfe2ef;
  border-bottom: 2px solid #bfe2ef;
  text-align: center;
  font-size:90%;
  vertical-align: middle;
  padding: 2px 0;
  width:65px
}
th,td{border:solid 1px #eee}
td {
  height: 44px;
  padding: 1px 0 4px 6px;
  vertical-align: middle;
  text-align: center;
}
table#dataInput tr td:first-child{text-align: left; width: 300px; }
table#dataInput tr:nth-child(odd) {background: #f2faff}
#grfD,a{float:left}
img{display:block}
input{width:17px;height:17px}
a{border:solid 2px #555;background:#eee;border-radius:5px;padding:4px;margin:8px;text-decoration:none;text-align:center;width:50px}
#grf{position:relative}
#pt{position:absolute;background:#222;border:solid 1px #000;border-radius:10px;width:19px;height:19px;display:none}
#a2{opacity:0.2}