/* ===================
(c) copyryight Miyu Kanzaki, 2007
http://sozai.wi-wi.jp/
===================== */
html, body {
 margin: 0;
 padding: 0;
 border: 0;
}
body{
 padding: 20px;
}
html, body * {
 margin: 0;
 padding: 0;
}

/* ******** */
.wwd .ieonly{
 display:none;
}
* html .wwd .ieonly,
*+html .wwd .ieonly{
 display:block;
}
/* ******** */
form.wwd {
 background-color: #FFFFFF;
 background-image: url(formback.gif);
 background-repeat: repeat-y;
 background-position: top center;
 width: 450px;
 position:relative;
}
form.wwd * {
 margin:0;
 padding: 0;
 border: 0;
}
form.wwd:before{
 content:' ';
 display: block;
 background:url(formtop.gif) no-repeat left center;
 width: 450px;
 height:25px;
 border: 0 none;
 margin: 0;
 padding: 0;
 position:relative;
}
form.wwd:after{
 content:'';
 background-image:url(formbottom.gif);
 background-repeat: no-repeat;
 display: block;
 width: 450px;
 height:25px;
 border: 0 none;
 margin: 0;
 padding: 0;
}
form.wwd div,
form.wwd p{
 margin: 0 10px;
 padding: 0;
 clear: both;
}
form.wwd div p{
 margin: 0;
}
form.wwd kbd{
 color: #000;
 background-color: #ccc;
 background-image:  none;
 border-left: 2px ridge #888;
 border-right: 2px ridge #888;
 margin-left: 0.5ex;
 padding-left: 0.3ex;
 padding-right: 0.3ex;
 font-size: x-small;
}
form.wwd p.contributer {
 height: 100px;
}
form.wwd p.contributer label,
form.wwd p.contribution label {
 margin-top: 1px;
}
form.wwd p.contributer label,
form.wwd p.contribution label[for=title],
form.wwd p.contribution label.title {
 display: block;
 width: 420px;
 height: 25px;
 position: relative;
 padding-left: 20px;
 background-image: url(formlabel.gif);
 background-repeat: no-repeat;
}
form.wwd p.contributer label input,
form.wwd p.contribution label input{
 width: 300px;
 position: absolute;
 top: 0;
 left: 130px;
 height: 25px;
 border: 1px solid transparent;
 background-image: url(forminput.gif);
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 5px;
 padding-right: 0;
 background-color: #eee;
}
form.wwd p.contributer br{
 display:none;
}
form.wwd p.contribution br{
 display:none;
}
form.wwd p.contribution label.comment br{
 display:block;
}
form.wwd p.contribution {
 height: 205px;
 margin-top: 10px;
}
form.wwd p.contribution label[for=comment],
form.wwd p.contribution label.comment {
 display: block;
 width: 420px;
 height: 180px;
 padding-left: 20px;
 clear: left;
 background: transparent url(formlabel.gif) top left no-repeat;
}
form.wwd p.contribution textarea {
 margin-left: -15px;
 margin-top: 10px;
 height: 150px;
 width: 420px;
 border: 1px solid #333;
 background-color: #eee;
}
form.wwd .control{
 margin-top: 10px;
 width: 420px;
 height: 25px;
}
form.wwd .control label{
}
form.wwd .control input{
 border: 0px none;
 width: 130px;
 height: 25px;
 overflow: hidden;
 background-color: #eee;
 background-image:url(formbutton.gif);
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center 0px;
}
form.wwd .control input:hover {
 background-position: center -25px;
}
form.wwd .help {
 padding: 4px;
 border: 1px dotted #666;
 background-color: #fff;
 color: #000;
 height: auto;
}
form.wwd .help dl{
 width: 100%;
}
form.wwd .help dt{
 font-size: small;
 font-weight: normal;
 font-style: normal;
 margin-left: 0;
 margin-right: 1em;
 float: left;
 clear: both;
}
form.wwd .help dd {
 font-size: x-small;
 font-weight: normal;
 font-style: normal;
}
form.wwd .help dd{
 display: inline;
 text-indent: 2em;
}
form.wwd .help dd em{
 color: #000;
 background-color: #ddd;
}

* html form.wwd div.top,
* html form.wwd div.bottom,
*+html form.wwd div.top,
*+html form.wwd div.bottom{
 margin:0;
 padding:0;
 width: 450px;
 height: 25px;
}
* html form.wwd div.top img,
*+html form.wwd div.top img {
 width: 450px;
 height: 25px;
 background-image: url(formtop.gif);
}
* html form.wwd div.bottom img,
*+html form.wwd div.bottom img {
 width: 450px;
 height: 25px;
 background-image: url(formbottom.gif);
}

* html form.wwd p.contribution label.comment {
 line-height: 1em;
 padding-top: 3px;
}
* html form.wwd input {
 background-color: #eee;
 border: 1px solid #000;
}
* html form.wwd p.contribution textarea {
 margin-left: -15px;
 margin-top: 10px;
 height: 200px;
 width: 420px;
 border: 1px solid #333;
 background-color: #eee;
}

/* =========== */
div.wwd {
  width: 700px;
  margin: 10px 0 0;
  padding: 0;
  background: #ffffff url(contcl.gif) top left repeat-y scroll;
}
div.wwd *{
 margin: 0;
 padding: 0;
 border: 0;
 background-color: transparent;
}
div.wwd .top {
  margin: 0;
  padding: 0;
  height: 25px;
  width: auto;
  background: #FFFFFF url(conttc.gif) left top repeat-x scroll;
}
div.wwd .top img.left{
  width: 25px;
  height: 25px;
  float: left;
  background: #ccc;
  background: #FFFFFF url(conttl.gif) left top no-repeat scroll;
}
div.wwd .top img.right{
  width: 25px;
  height: 25px;
  float: right;
  background: #FFFFFF url(conttr.gif) right top no-repeat scroll;
}
div.wwd .bottom {
  height: 25px;
  width: auto;
  clear: both;
  background: #FFFFFF url(contbc.gif) left top repeat-x scroll;
}
div.wwd .bottom img.left{
  width: 25px;
  height: 25px;
  float: left;
  background: #FFFFFF url(contbl.gif) left top no-repeat scroll;
}
div.wwd .bottom img.right{
  width: 25px;
  height: 25px;
  float: right;
  background: #FFFFFF url(contbr.gif) left top no-repeat scroll;
}
div.wwd .main {
  clear:both;
 width: auto;
 height: auto;
 background: transparent url(contcr.gif) top right repeat-y scroll;
}
div.wwd .contribution {
  height: auto;
  margin: 0 25px;
  padding-bottom: 20px;
  background: #ffffff none;
}
div.wwd .contribution .topic img.left {
  width: 20px;
  height: 27px;
  background-image: url(conthl.gif);
  float: left;
}
div.wwd .contribution .topic img.right {
  width: 20px;
  height: 27px;
  background-image: url(conthr.gif);
  float: right;
}
div.wwd .contribution .topic {
  height: 27px;
  background-color:#E7E7E7;
  background-image: url(conthc.gif);
  color: #000000;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
div.wwd .contribution .topic h3,
div.wwd .contribution .topic .contributer {
 vertical-align: bottom;
 display: inline;
}
div.wwd .contribution .topic h3 {
 font-size: medium;
 font-weight: bold;
}
div.wwd .contribution .topic .contributer {
 margin-left: 15px;
 font-size: medium;
 font-weight: normal;
}
div.wwd .contribution .topic .date {
 font-size: small;
 font-weight: normal;
}
div.wwd .contribution .comment {
 clear: left;
 background-color:#E7E7E7;
 color: #000000;
 background-image: url(contpc.gif);
 margin: 0 20px;
 padding: 0 1ex;
 line-height: 1.5;
}