* {
  font-family:Arial;
  font-size:12px;
}
#wrapper {
  position:absolute;
  width:600px;
  height:400px;
  top:50%;
  left:50%;
  margin-left:-300px;
  margin-top:-200px;
}
a {
  color:#555;
  text-decoration:none;
  font-weight:bold;
  outline:none;
}
a:hover {
  color:#777;
  text-decoration:underline;
}
.res {
  font-family:Courier;
  font-weight:bold;
}
.tab {
  float:left;
  background-color:#fff;
  border:1px solid #aaa;
  width:100px;
  height:18px;
  margin-top:6px;
  padding:2px 4px 2px 4px;
  color:#555;
  font-weight:bold;
  cursor:pointer;
}
.tab_sel {
  background-color:#eee;
  border-bottom:1px solid transparent;
  height:24px;
  margin-top:0;
}
#tab_pad {
  height:29px;
  border-bottom:1px solid #aaa;
}
.content {
  clear:both;
  background-color:#eee;
  height:310px;
  border-bottom:1px solid #aaa;
  border-left:1px solid #aaa;
  border-right:1px solid #aaa;
  padding:10px 10px 10px 10px;
}
#grid {
  float:left;
  width:128px;
  height:128px;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
}
.pixel {
  float:left;
  width:15px;
  height:15px;
  border-left:1px solid #000;
  border-top:1px solid #000;
  background-color:#fff;
  cursor:pointer;
}
.pixel_on {
  background-color:#888;
}
.col {
  float:left;
  width:20px;
  height:22px;
  padding-left:2px;
  margin:3px 3px 0 3px;
  border:1px solid #555;
  font-weight:bold;
  color:#fff; 
  cursor:pointer;
}
.col_sel {
  margin:0 0 0 0;
  width:26px;
  height:28px;
}

/* Kinty palette */
.col_k00 { background-color: #000000; }
.col_k01 { background-color: #002cff; }
.col_k02 { background-color: #ff3c00; }
.col_k03 { background-color: #ced763; }
.col_k04 { background-color: #007910; }
.col_k05 { background-color: #00a621; }
.col_k06 { background-color: #ffeb21; }
.col_k07 { background-color: #ffffff; color:#aaa; }
.col_k08 { background-color: #acacac; }
.col_k09 { background-color: #5acbff; }
.col_k10 { background-color: #ffa600; }
.col_k11 { background-color: #395900; }
.col_k12 { background-color: #ff3073; }
.col_k13 { background-color: #bd96ff; }
.col_k14 { background-color: #6bcf31; }
.col_k15 { background-color: #ce187b; }

/* jzIntv palette */
.col_j00 { background-color: #000000; }
.col_j01 { background-color: #002dff; }
.col_j02 { background-color: #ff3d10; }
.col_j03 { background-color: #c9cfab; }
.col_j04 { background-color: #386b3f; }
.col_j05 { background-color: #00a756; }
.col_j06 { background-color: #faea50; }
.col_j07 { background-color: #fffcff; color:#aaa; }
.col_j08 { background-color: #bdacc8; }
.col_j09 { background-color: #24b8ff; }
.col_j10 { background-color: #ffb41f; }
.col_j11 { background-color: #546e00; }
.col_j12 { background-color: #ff4e57; }
.col_j13 { background-color: #a496ff; }
.col_j14 { background-color: #75cc80; }
.col_j15 { background-color: #b51a58; }