if you still need it here the way to change a few things
(i have another post contribution that says more about the plus/minus feature)post here
add to your css (adjust as needed)
.ui-accordion-header{
background-color:#507642; /*Background Color of Header*/
margin:5px 0 0;
}
.ui-accordion-header a{
padding:5px 12px;
background: #507645; /*Background Color of Header Link*/
color:#FFF; /*text color of link*/
display:block;
}
.ui-accordion-header.ui-state-active a,
.ui-accordion-header a:hover{
background-color: #507645; /*Hover Background Color of Link*/
color:#000; /*Text color on hover*/
}
/* Useing FontAwesome plus/minus signs when expanded/collapsed*/
.ui-accordion-header a:before {
color: #FF7C00;
content: "\f067";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-right: 0.5em;
text-decoration: none;
}
/*toggle Useing FontAwesome plus/minus signs when expanded/collapsed*/
.ui-accordion-header.ui-state-active a:before {
color: #FF7C00;
content: "\f068";
font-family: FontAwesome;
text-decoration: none;
}
/**/
.ui-accordion-content{
padding:10px;
background-color:#ffffff;
border-style:solid; /*Border around drop down box (content section)*/
border-width:2px;
}