#questHeader {
  width: 725px;
  height: 200px;
  background-image: url(/xlib/img/quests1.jpg);
  vertical-align: bottom;
  display: table-cell;
}

#questHeaderContent {
  text-indent: 30px;
  width: 355px;
  height: 140px;
  padding: 0px 0px 10px 15px;
  overflow: hidden;
}

#questDiffBar {
  background-image:url(/xlib/img/bar.jpg);
  width:300px;
  height:15px;
  vertical-align:text-bottom;
  text-align:center;
  font-size:x-small;
  display:inline-block;
  padding:5px 0px 0px 0px;
  color:#000;
  opacity: 0.7;
  filter:alpha(opacity=70);
}

#questDiffBar:hover {
  opacity: 1.0;
  filter:alpha(opacity=100);
}

#questTypeHeader {
  display:inline-block;
  text-align: right;
  width:115px;
  height:20px;
}


#questLevel {
  color: #CCC;
  text-align: right;
  padding: 2px 5px 6px 0px;
  font-size: 11px;
}

#questNFrame {
  height: 36px;
  display: table-cell;
  vertical-align: bottom;
}

#questNFrame2 {
  height: 60px;
  display: table-cell;
  vertical-align: bottom;
}

#questName {
  background-image: url(/xlib/img/darken_pixel.png);
  text-align: center;
  padding: 0px 0px 3px 0px;
  width: 120px;
  font-size: 11px;
}

#questFrame {
  display: inline-block;
  background-position: center center;
  width: 120px;
  height: 60px;
  border: 0px #59B solid;
  opacity: 0.5;
  background-repeat: no-repeat;
  filter: alpha(opacity=50);
}

#questFrame:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

#qOptionFrame {
  color: #CCC;
  font-size: small;
  width: 725px;
}

#qContentFrame {
  color: #CCC;
  font-size: small;
  width: 725px;
}

#questName, #questName:visited {
  color: #9CF;
  text-decoration: none;
}

#questName:hover {
  color: #BEF;
}

.qKey {
  color: #BEF;
}

.qPre {
  font-family: monospace;
  white-space: pre-wrap;
  overflow: auto;
  width: 48em;
  height: 300px;
}

.subtext {
  color: #C96;
  font-size: x-small;
  font-weight: normal;
  display: inline-block;
  vertical-align: text-top;
}