.pupup {
  list-style: none;
  margin: 0px; 
  padding: 3px;
  width: 150px;
  font: 12px Verdana;
  }

.pupup li {
  display: block;
  background-color: #D1D1D1;
  margin: 1px 0px;
  border-right: 1px solid #FFFFFF;
  position: relative;
  }

.pupup li:hover {
  background-color: #B1B1B1;
  }

.pupup li ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: none;
  }

.pupup li:hover ul {
  display: block;
  width: 178px;
  background-color: #D1D1D1;
  border: 1px solid #B1B1B1;
  position: absolute;
  top: 0px;
  left: 150px;
  }

.pupup li a,
.pupup li a:visited {
  display: block;
  font-weight: bold;
  color: #000000;
  padding: 5px 0px 5px 3px;
  text-decoration: none;
  }

.pupup li:hover a {
  color: #FFFFFF;
  }

.char_table {
  width: 100%;
  border-collapse: collapse;
  }

.char_table td {
  padding: 1px 5px;
  border: 1px solid #000000;
  }

.gray_line td, .gray_line_div {
  background-color: #D1D1D1;
  }

.gray_line_div, .line_div {
  padding: 1px 5px;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  }

.opt_tbl {
  width: 100%;
  border-collapse: collapse;
  }

.opt_tbl td {
  border: 1px solid #000000;
  }

.opt_tbl_gray {
  background-color: #D1D1D1;
  }

.compopt {
  width: 100%;
  border-collapse: collapse;
  }

.compopt td {
  border: 1px solid #000000;
  }