@import url(../../../css/general.css);

#main {
  padding: 12px;
}

#main h1 {
  background: #e3f0ff;
  padding: 0 .3em .2em .3em;
  border: solid #e3f0ff; border-width: 0 3px;
  margin: .5em 0;
  font-size: 144%;
}

#main h1 em.event {
  display: block;
  background: #fff;
  color: #000;
  font-style: normal; font-weight: bold;
  padding: .2em 1em;
}

#special-page {
  width: 564px;
  font-size: 16px;
  padding: .5em 1em;
  border: solid 2px #f66; border-radius: 4px 0 4px 0;
  margin: 1em auto 1.5em;
}

#special-page p {
  line-height: 30px;
  text-align: center;
  text-indent: 0;
  margin: 0;
}

#special-page p a {
  font-size: 20px;
  font-weight: bold;
}

#special-page p a img {
  float: left;
  border: none;
  margin-right: 1em;
}

#chart {
  width: 600px;
  margin: 1em auto .5em;
  text-align: right;
  font-size: 90%;
}

#text {
  text-align: justify; text-justify: inter-ideograph;
  margin-top: 1em;
}

#text p {
  text-indent: 1em;
}



#reference {
  background-color: #e3f0ff;
  font-size: 90%;
  padding: .5em;
  margin: 1.5em 0;
}

#reference p {
  margin: 0 .5em .5em 80px;
}

#reference .image {
  float: left;
  margin-left: .5em; margin-right: .5em;
  line-height: 1 !important;
}

#reference .image a img {
  border: none;
}

#reference #nextyear {
  font-size: 110%;
  margin-top: 30px;
}



#appendix {
  clear: both;
  padding: 1em 1em 0;
  border: dashed 1px #99f;
  margin: 1em 0;
}

#appendix h2 {
  clear: left;
  margin: 0 0 .7em;
  font-size: 110%;
  border-left: 1em solid #066;
  padding-left: .2em;
  line-height: 1;
  height: 1em;
}

#appendix h3 {
  clear: left;
}

#appendix ul {
  margin-top: 0; margin-bottom: 1em;
}

#appendix ul li {
  clear: left;
  margin-bottom: .5em;
}

#appendix ul li.special-link {
  list-style-type: square;
  font-weight: bold;
  font-size: 120%;
}

#appendix ul li ul {
  padding-left: 1em;
  margin-top: .5em; margin-left: 0;
}

#appendix #products-link ul {
  clear: left;
  padding-left: 0;
  list-style: none;
}

#appendix #products-link ul li {
  clear: none;
  float: left;
  width: 100%;
  font-size: 90%;
}

#appendix #products-link ul.half li {
  width: 49.8%;
}

#appendix #products-link ul.quater li {
  width: 24.8%;
}

#appendix #products-link ul li p {
  line-height: 1.1;
  text-indent: 0;
  padding: 0;
  margin: 0 0 7px 90px;
}

#appendix #products-link ul.half li p {
  margin-left: 60px;
}

#appendix #products-link ul.quater li p {
  margin-left: 48px;
}

#appendix #products-link ul li p.icon {
  float: left;
  margin-left: 0; margin-right: 10px; margin-bottom: 5px;
}

#appendix #products-link ul li p.icon a img {
  border: none;
}