.sp-wrap {
  padding: 0px;
  border-style: solid;
  border-image: none;
  border-width: 1px 1px 1px 2px;
  clear: both;
  margin-bottom: 10px;
}
.sp-head {
  cursor: pointer;
  display: block;
  font-weight: bold;
  margin-left: 6px;
  padding: 4px 14px 3px;
  text-align: left;
}
.sp-body {
  padding: 2px 6px;
  height: auto;
}
.spdiv {
  width: 98%;
  margin: 0px auto;
  text-align: right;
  font-size: 0.8em;
  cursor: pointer;
  display: block;
}

.sp-wrap-default {
  background: none repeat scroll 0% 0% #e9e9e6;
  border-color: #c3cbd1;
}
.sp-wrap-default .sp-head {
  background: url(../img/icon_plus.gif) no-repeat left center;
  color: #2a2a2a;
}
.sp-wrap-default .sp-head.unfolded {
  background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-default .sp-body {
  background: #f5f5f5;
  border-top: 1px solid #c3cbd1;
}
.sp-wrap-default .spdiv {
  color: #444;
}

.sp-wrap-green {
  background: none repeat scroll 0% 0% #a9d0b3;
  border-color: #89be95;
}
.sp-wrap-green .sp-head {
  background: url(../img/icon_plus.gif) no-repeat left center;
  color: #2a2a2a;
}
.sp-wrap-green .sp-head.unfolded {
  background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-green .sp-body {
  background: #dbebdf;
  border-top: 1px solid #89be95;
}
.sp-wrap-green .spdiv {
  color: #444;
}

.sp-wrap-red {
  background: none repeat scroll 0% 0% #ffb3b3;
  border-color: #ff9999;
}
.sp-wrap-red .sp-head {
  background: url(../img/icon_plus.gif) no-repeat left center;
  color: #2a2a2a;
}
.sp-wrap-red .sp-head.unfolded {
  background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-red .sp-body {
  background: #ffe5e5;
  border-top: 1px solid #ff9999;
}
.sp-wrap-red .spdiv {
  color: #444;
}

.sp-wrap-blue {
  background: none repeat scroll 0% 0% #a8c3f5;
  border-color: #7ca8ee;
}
.sp-wrap-blue .sp-head {
  background: url(../img/icon_plus.gif) no-repeat left center;
  color: #2a2a2a;
}
.sp-wrap-blue .sp-head.unfolded {
  background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-blue .sp-body {
  background: #d6e3fa;
  border-top: 1px solid #7ca8ee;
}
.sp-wrap-blue .spdiv {
  color: #444;
}

.sp-wrap-yellow {
  background: none repeat scroll 0% 0% #f5eeb2;
  border-color: #ece06f;
}
.sp-wrap-yellow .sp-head {
  background: url(../img/icon_plus.gif) no-repeat left center;
  color: #2a2a2a;
}
.sp-wrap-yellow .sp-head.unfolded {
  background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-yellow .sp-body {
  background: #fbf8df;
  border-top: 1px solid #ece06f;
}
.sp-wrap-yellow .spdiv {
  color: #444;
}

.sp-wrap-orange {
  background: none repeat scroll 0% 0% #ffd39e;
  border-color: #ffbc6b;
}
.sp-wrap-orange .sp-head {
  background: url(../img/icon_plus.gif) no-repeat left center;
  color: #2a2a2a;
}
.sp-wrap-orange .sp-head.unfolded {
  background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-orange .sp-body {
  background: #ffead1;
  border-top: 1px solid #ffbc6b;
}
.sp-wrap-orange .spdiv {
  color: #444;
}

.sp-wrap-brown {
  background: none repeat scroll 0% 0% #e4c6b4;
  border-color: #d5a890;
}
.sp-wrap-brown .sp-head {
  background: url(../img/icon_plus.gif) no-repeat left center;
  color: #2a2a2a;
}
.sp-wrap-brown .sp-head.unfolded {
  background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-brown .sp-body {
  background: #f1e2da;
  border-top: 1px solid #d5a890;
}
.sp-wrap-brown .spdiv {
  color: #444;
}

.sp-wrap-purple {
  background: none repeat scroll 0% 0% #ffb3ff;
  border-color: #ff80ff;
}
.sp-wrap-purple .sp-head {
  background: url(../img/icon_plus.gif) no-repeat left center;
  color: #2a2a2a;
}
.sp-wrap-purple .sp-head.unfolded {
  background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-purple .sp-body {
  background: #ffe5ff;
  border-top: 1px solid #ff80ff;
}
.sp-wrap-purple .spdiv {
  color: #444;
}

.sp-wrap-cyan {
  background: none repeat scroll 0% 0% #99ffff;
  border-color: #4dffff;
}
.sp-wrap-cyan .sp-head {
  background: url(../img/icon_plus.gif) no-repeat left center;
  color: #2a2a2a;
}
.sp-wrap-cyan .sp-head.unfolded {
  background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-cyan .sp-body {
  background: #ccffff;
  border-top: 1px solid #4dffff;
}
.sp-wrap-cyan .spdiv {
  color: #444;
}

.sp-wrap-lime {
  background: none repeat scroll 0% 0% #99ff99;
  border-color: #66ff66;
}
.sp-wrap-lime .sp-head {
  background: url(../img/icon_plus.gif) no-repeat left center;
  color: #2a2a2a;
}
.sp-wrap-lime .sp-head.unfolded {
  background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-lime .sp-body {
  background: #ccffcc;
  border-top: 1px solid #66ff66;
}
.sp-wrap-lime .spdiv {
  color: #444;
}

.sp-wrap-steelblue {
  background: none repeat scroll 0% 0% #b2cae0;
  border-color: #8eb2d2;
}
.sp-wrap-steelblue .sp-head {
  background: url(../img/icon_plus.gif) no-repeat left center;
  color: #2a2a2a;
}
.sp-wrap-steelblue .sp-head.unfolded {
  background: url(../img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-steelblue .sp-body {
  background: #d7e4ef;
  border-top: 1px solid #8eb2d2;
}
.sp-wrap-steelblue .spdiv {
  color: #444;
}
