/*
 * FILE:	manual.css
 * DESCRIPTION:	Wyvern: Manual Cascading Style Sheets
 * DATE:	Mon, Aug  9 1999
 * UPDATE:	Thu, Mar 31 2005
 * AUTHOR:	Kouichi ABE (WALL) / °€ΙτΉ―°μ
 * E-MAIL:	kouichi@MysticWALL.COM
 * URL:		http://www.MysticWALL.COM/
 * $Id: manual.css,v 1.3 2005/03/31 13:12:06 kouichi Exp $
 */

/*
 * defaults
 */
body {
  background: white;
  color: black;
  margin: 0
}

img {
  vertical-align: middle;
  outline-width: 0;
  border-width: 0;
  border-style: none
}

/*
 * left side
 */
div.leftside {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 100%;
  margin: 0 0;
  border-right: 1px solid #bec3d2;
  padding-left: 0
}

.leftside div.link {
  background: #f0f1f5;
  font-size: 12px;
  font-weight: bold;
  text-indent: 1em;
  margin-left: 5px;
  margin-right: 5px;
  border-bottom: solid 1px blue;
  padding-top: 6px;
  padding-bottom: 6px
}

.leftside div.sublink {
  background: #f0f1f5;
  font-size: 12px;
  font-weight: bold;
  text-indent: 2em;
  margin-left: 5px;
  margin-right: 5px;
  border-bottom: solid 1px blue;
  padding-top: 4px;
  padding-bottom: 4px
}

.leftside div.active {
  background: #f0f1f5;
  color: red;
  font-size: 12px;
  font-weight: bold;
  text-indent: 1em;
  margin-left: 5px;
  margin-right: 5px;
  border-bottom: solid 1px blue;
  padding-top: 6px;
  padding-bottom: 6px
}

.leftside div.subactive {
  background: #f0f1f5;
  color: blue;
  font-size: 12px;
  font-weight: bold;
  text-indent: 2em;
  margin-left: 5px;
  margin-right: 5px;
  border-bottom: solid 1px blue;
  padding-top: 6px;
  padding-bottom: 6px
}

.leftside div.banner {
  margin-top: 5px;
  margin-right: 5px;
  text-align: right
}

/*
.leftside a.subitem {
  background: #f0f1f5;
  font-size: 12px;
  font-weight: bold;
  margin-left: 1em;
  margin-right: 5px
}
*/

.leftside a {
  color: #444444;
  text-decoration: none
}

/*
.leftside a.subactive {
  color: blue;
  text-decoration: none
}
*/

.leftside a:hover {
  color: red
}

/*
 * right side
 */
div.rightside {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 160px;
  height: 100%;
  margin: 0
}

.rightside h1 {
  white-space: nowrap;
  text-align: center
}

.rightside h2 {
  margin-left: 0.5em;
  margin-top: 1em;
  margin-bottom: 0;
  border-bottom: solid 1px #4f4d82
}

.rightside h3 {
  margin-left: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0;
  border-bottom: solid 1px #4f4d82
}

.rightside p, .rightside div, .rightside blockquote {
  margin: 0.5em
}

.rightside table.noborder {
  margin-top: 1em;
  empty-cells: show;
  border-collapse: separate;
  border-spacing: 0.5em 0;
  border-style: none
}

.rightside table {
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  empty-cells: show;
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px
}

.rightside caption {
  font-weight: bold;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  border-width: 0;
  border-style: none;
  padding-bottom: 0
}

.rightside th, .rightside td {
  vertical-align: top;
  border-style: solid;
  border-width: 0px
}

.rightside table.benchmark {
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  empty-cells: show;
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px
}

.rightside caption.benchmark {
  font-weight: bold;
  text-align: center;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  border-width: 0;
  border-style: none;
  padding-bottom: 0
}

.benchmark td {
  text-align: right
}

.benchmark td.subject {
  text-align: left
}

.benchmark td.noka {
  background-color: #ddffdd
}

.benchmark td.ka {
  background-color: #ffcccc
}

.benchmark td.noka_best {
  background-color: #bec3d2
}

.benchmark td.ka_best {
  background-color: #ff9999
  /*
  background-color: #ffddcc
  */
}

.rightside dt.name {
  color: blue;
  margin-left: 0.5em
}

.rightside ul.nomarker {
  list-style-type: none
}

.rightside li.crack {
  white-space: nowrap;
  color: red
}

.rightside ol.nest, .rightside dl.nest, .rightside ul.nest {
  margin-left: 0;
  padding-left: 0
}

.rightside pre.example {
  color: black;
  margin: 1em 2em;
  border: solid 1px
}

.rightside p.example {
  color: black;
  margin: 1em 2em;
  padding: 0.5em;
  border: solid 1px
}

.rightside p.warning {
  color: red;
  font-weight: bold
}

.rightside p.credit {
  color: blue;
  font-weight: bold;
  white-space: nowrap
}

.rightside p.drop:first-letter {
  float: left;
  font-size: 3em;
  font-weight: bold;
  padding-right: 0.1em;
  color: #339900;
  background: #ffffff
}

.rightside div.copyright {
  position: relative;
  bottom: 0;
  width: 100%;
  color: #990000;
  font-style: normal;
  font-size: smaller;
  text-align: center;
  margin-left: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 5px;
  border-top: solid 2px #4f4d82
}

.rightside span.attention, .rightside var.attention {
  color: red;
  font-weight: bold
}

.rightside span.path, .rightside em.path {
  color: brown;
  font-weight: bold
}

.rightside em.option {
  color: rgb(0%,0%,100%)
}

.rightside em.example, .rightside samp.example {
  color: purple
}

.rightside em.warning, .rightside em.attention {
  color: red
}

.rightside strong {
  font-weight: bold
}

.rightside strong.metachar {
  color: rgb(0%,50%,0%)
}

.rightside strong.malicious, .rightside strong.attention {
  color: red;
  font-weight: bold
}


.rightside ol.faq, .rightside ul.faq {
  margin-left: 1em;
  padding-left: 0
}

/* FAQ */
.faq h2 {
  margin-left: 2px;
  margin-top: 1em;
  margin-bottom: 0;
  border-bottom: none
}

.faq h3 {
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 0;
  border-bottom: solid 1px #4f4d82
}

.faq p, .faq div {
  margin: 0.5em 1em
}

.rightside div.karu {
  margin: 10%;
  border: none
}