ul.ui-accordion { margin: 0; padding: 0; list-style-type: none; }
ul.ui-accordion li { margin: 0; margin-bottom: 2px; padding: 0; background-image: url(i/accordion-left.png); background-repeat: no-repeat; }
ul.ui-accordion li a.ui-accordion-header { display: block; padding-left: 5px; margin-right: 3px; height: 28px; background-image: url(i/accordion-middle.png); color: #000; text-decoration: none; line-height: 28px; }
ul.ui-accordion li .ui-accordion-right { display: block; background-image: url(i/accordion-right.png); position: absolute; top: 0px; right: 0px; height: 28px; width: 3px;  }

ul.ui-accordion li:hover { background-image: url(i/accordion-left-over.png); }
ul.ui-accordion li:hover a.ui-accordion-header { background-image: url(i/accordion-middle-over.png); }
ul.ui-accordion li:hover .ui-accordion-right { background-image: url(i/accordion-right-over.png); }

ul.ui-accordion li.active { background-image: url(i/accordion-left-act.png); }
ul.ui-accordion li.active a.ui-accordion-header { background-image: url(i/accordion-middle-act.png); }
ul.ui-accordion li.active .ui-accordion-right { background-image: url(i/accordion-right-act.png); }
