/* page style */

img#progress_img {
  width:   320px;
  height:  530px;
}

table#progress_bar {
  width:            320px;
  height:           24px;
  background-color: green;
  border-color:     red;
  border-width:     1px;
  background-image: url(staro_bg_icon.png);
}
td#p0   { width: 8%;  }
td#p24  { width: 17%; }
td#p39  { width: 25%; }
td#p61  { width: 25%; }
td#p88  { width: 17%; }
td#p100 { width: 8%;  }

td.open_cell {
}
td.done_cell {
  text-align: right;
}
td.zero_cell {
  text-align: left;
}

td span {
  visibility: hidden;
}
td.done_cell span {
  visibility: visible;
  border-right: 1px solid red;
}
td.open_cell span {
  visibility: hidden;
}
td.zero_cell span {
  visibility: visible;
}

td#texts {
  vertical-align: top;
  padding: 8px;
}
td#texts div.title {
  border-bottom: 1px solid red;
  color: black;
}
td#texts div.title a {
  text-decoration: none;
}

td#texts p {
  font-family: palatino, georgia, verdana, arial, sans-serif;
  color:       #333;
  font-size:   small;
  font-weight: normal;
  background:  #FFF;
  line-height: 150%;
}

td#author {
  color:      #333;
  font-style: italic;
  font-size:  small;
  text-align: right;
  vertical-align: bottom;
}
td#author a {
  text-decoration: none;
}

div.contentcell {
  display: none;
}

.navlink {
  color:      #333;
  font-style: italic;
  font-size:  small;
}