body, h1, h2, h3, h4, h5, h6,
form, blockquote, table, tr, td, th, p,
img, pre, dl, dt, dd, ul, ol, li {
  color: #666;
  margin: 0;
  padding: 0;
  line-height: 150%;
  border: none;
  font-family: "trebuchet MS", Verdana;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
}

body { text-align: center; }

textarea, input, select { font-size: 12px; font-family: monospace; }

a {
  text-decoration: none;
}

.error,
.error li {
  color: #f00;
}

div#container {
  width: 780px;
  margin: 0 auto;
  text-align: left;
  background-color: #fff;
}

/******************************************
    header section                      
******************************************/
div#header div.login {
  padding: 0.3em 0.5em;
  font-size: 8pt;
  margin-bottom: 2em;
  text-align: right;
  background-color: #f0f0f0;
  border-bottom: #ccc 1px dotted;
}

div#header h1.banner,
div#header ul.menu {
  margin-bottom: 3em;
}

div#header h1.banner {
  float: left;
}

div#header ul.menu {
  float: right;
  text-align: right;
}

div#header ul.menu li {
  text-align: right;
  display: inline;
}

div#header ul.menu li+li {
  margin-left: 0.5em;
}

div#header ul.menu li a {
  color: #c36;
  font-weight: bold;
}

/******************************************
    contents section                      
******************************************/
div#contents {
  clear: both;
  margin-bottom: 3em;
}

div#contents h2 {
  color: #369;
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 1em;
  border-bottom: 1px solid #999;
}

div#contents h2 a {
  color: #39c;
  text-decoration: none;
}

div#contents h3 {
  color: #36c;
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 0.7em;
}

div#contents h4 {
  font-size: 10pt;
  font-weight: bold;
  border-left: 2px solid #c0c0c0;
  margin-bottom: 0.7em;
  padding: 0 4px;
  color: #339;
}

div#contents div.info-posted {
  float: right;
}

div#contents p {
  margin-bottom: 0.8em;
  font-size: 9pt;
}

div#contents a {
  text-decoration: underline;
  color: #c69;
}

div#contents ul,
div#contents ol {
  padding-left: 20px;
  list-style-position: outside;
  margin-bottom: 1em;
}

div#contents ul li,
div#contents ol li {
  line-height: 150%;
}

div#contents ul li p,
div#contents ol li p {
  padding: 0.5em 1em;
  font-size: 7pt;
  color: #666;
}

div#contents pre {
  color: #000;
  border: 1px dotted #999;
  padding: 0.1em 0.5em;
  margin: 0 0.5em 1em;
}

div#contents table {
  margin-bottom: 0.8em;
}

div#contents table tr th,
div#contents table tr td {
  padding: 0 0.2em;
  line-height: 200%;
}

div#contents table tr th {
  color: #333;
  background-color: #f0f0f0;
  border: 1px solid #e0e0e0;
  text-align: center;
}

div#contents table tr td {
  background-color: #f8f8f8;
}

div#contents table tr td.float,
div#contents table tr td.int,
div#contents table tr td.right {
  text-align: right;
}

div#contents table tr td.center {
  text-align: center;
}

div#contents table tr.odd td {
  background-color: #e8e8ff;
}

div#contents table tr.total td {
  background-color: #e8ffe8;
  color: #333;
}

div#contents table.docs th,
div#contents table.docs td { border: 1px dotted #999; }

div#contents table.copy div.preview {
  font-family: monospace;
  font-size: 9pt;
  border: 1px dotted #999;
  padding: 5px;
  width: 360px;
}

div#contents dl {
  margin-bottom: 1em;
}

div#contents dl dt,
div#contents dl dd {
  line-height: 170%;
}

div#contents dl dd p {
  font-size: 8pt;
  color: #666;
}

div#contents dl.form-40 dt { width: 40px; float: left; }
div#contents dl.form-60 dt { width: 60px; float: left; }
div#contents dl.form-80 dt { width: 80px; float: left; }
div#contents dl.form-100 dt { width: 100px; float: left; }
div#contents dl.form-120 dt { width: 120px; float: left; }
div#contents dl.form-140 dt { width: 140px; float: left; }
div#contents dl.form-40 dd { margin-left: 40px; }
div#contents dl.form-60 dd { margin-left: 60px; }
div#contents dl.form-80 dd { margin-left: 80px; }
div#contents dl.form-100 dd { margin-left: 100px; }
div#contents dl.form-120 dd { margin-left: 120px; }
div#contents dl.form-140 dd { margin-left: 140px; }

/******************************************
    contents section                      
******************************************/
div#footer {
  margin-bottom: 3em;
}

div#footer p.copyright {
  text-align: right;
  font-style: italic;
  padding: 2px 0 0 0;
  border-style: solid;
  border-width: 1px 0 0;
}

div#footer p.copyright a {
  color: #666;
  font-weight: bold;
}

