body { font-size: 14px; background: #fefefe url(bg.gif) repeat-x; padding-top: 5px; text-align: center; }
.placing { width: 900px; margin: auto; text-align: left; }
.index h1 { background: url(info.gif) 0 50% no-repeat; padding-left: 40px; margin: 20px 0; }
.index p { padding-left: 33px; font-size: 15px; background: url(arrow.gif) 8px 4px no-repeat; text-align: left; }
.index .toc-description { font-weight: normal; }
h1, h2 { text-align: left; }
h1 { padding: 0; }

.banner { margin: 20px 0; padding: 7px 0; border: 1px solid #ecdfb9; border-left: none; border-right: none; width: 100%; overflow: hidden; font-size: 17px; 
  background: #fffcf3; font-family: "trebuchet ms", arial, sans-serif; }
.banner .ss { float: left; margin: 0 8px 0 8px; border: none; }
.banner .inside { padding-top: 8px; }
.banner .text { padding-bottom: 8px; }

.dbtn-c {
  border-bottom: 1px solid #ecdfb9;
  border-right: 1px solid #ecdfb9;
  display: inline-block;
}
.dbtn-w {
  background: #efe5c6;
  border-color: #ac995e #9f8d55 #9f8d55 #ac995e;
  border-style: solid;
  border-width: 1px;
  display: block;
  height: 30px;
}
.dbtn {
  background: url(../../../images/dbtn.png) repeat-x;
  border: none;
  color: #000000;
  cursor: pointer;
  font: 15px arial, sans-serif;
  height: 30px;
  margin: 0;
  outline: none;
  vertical-align: top;
  padding-left: 15px;
  padding-right: 15px;
}
a.dbtn { display: block; height: 30px; line-height: 30px; text-decoration: none; }
.dbtn:active { background: #decd9b; }
.dbtn-hilight { border-color: #cfe3a6; }
.dbtn-hilight .dbtn-w {
  background: #e8f2d3;
  border-color: #9bc842 #84b12a #84b12a #9bc842;
}
.dbtn-hilight .dbtn { background-image: url(../../../images/dbtn-hilight.png); font-weight: bold; }
.dbtn-hilight .dbtn:active { background: #bad782; }