.bbAccordion { margin-bottom: 10px }

.bbAccordion .accordion-head {
  padding: .4em .8em;
  cursor: pointer;
  border: 1px solid #24495d;
  border-radius: 5px;
  background: #56d0fe;
  background: -moz-linear-gradient(top, #56d0fe 0, #4994bc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #56d0fe), color-stop(100%, #4994bc));
  background: -webkit-linear-gradient(top, #56d0fe 0, #4994bc 100%);
  background: -o-linear-gradient(top, #56d0fe 0, #4994bc 100%);
  background: -ms-linear-gradient(top, #56d0fe 0, #4994bc 100%);
  background: linear-gradient(to bottom, #56d0fe 0, #4994bc 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#56d0fe', endColorstr='#4994bc', GradientType=0)
}

.bbAccordion.active .accordion-head, .bbAccordion.active .accordion-head:hover {
  background: #4083a6;
  background: -moz-linear-gradient(top, #4083a6 0, #4994bc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4083a6), color-stop(100%, #4994bc));
  background: -webkit-linear-gradient(top, #4083a6 0, #4994bc 100%);
  background: -o-linear-gradient(top, #4083a6 0, #4994bc 100%);
  background: -ms-linear-gradient(top, #4083a6 0, #4994bc 100%);
  background: linear-gradient(to bottom, #4083a6 0, #4994bc 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4083a6', endColorstr='#4994bc', GradientType=0)
}

.bbAccordion .accordion-head:hover {
  background: #49CAFC;
  background: -moz-linear-gradient(top, #49cafc 0, #59a9d3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #49cafc), color-stop(100%, #59a9d3));
  background: -webkit-linear-gradient(top, #49cafc 0, #59a9d3 100%);
  background: -o-linear-gradient(top, #49cafc 0, #59a9d3 100%);
  background: -ms-linear-gradient(top, #49cafc 0, #59a9d3 100%);
  background: linear-gradient(to bottom, #49cafc 0, #59a9d3 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#49CAFC', endColorstr='#59A9D3', GradientType=0)
}

.bbAccordion .accordion-head h2 {
  margin: 0;
  padding-right: 20px;
  color: #fff;
  font-size: 1.3em;
  line-height: 1.4em;
  background: url(accordion-arrow-right.png) 100% 50% no-repeat
}

.bbAccordion.active .accordion-head h2 { background-image: url(accordion-arrow-down.png) }

.bbAccordion .accordion-head .ui-icons.arrow {
  float: right;
  margin: 2px 0 0 10px;
  background-position: -377px -10px;
  width: 14px;
  height: 14px
}

.bbAccordion.active .accordion-head .ui-icons.arrow { background-position: -350px -10px }

.bbAccordion .accordion-content { padding: 10px }

.bbAccordion .accordion-content.active { display: block }/*# sourceMappingURL=jquery.bbAccordion.css.map */