/* Hides the jQuery dialog X close button */
.no-close .ui-dialog-titlebar-close {
  display: none;
}

/* jQuery styles most widget headers all alike using .ui-widget-header in the theme file; 
these overrides give these respective widgets their unique look and feel */
.ui-accordion .ui-accordion-header, .ui-dialog .ui-dialog-titlebar {
  background: #003b5c !important;
  border: 1px solid #123955 !important;
  border-bottom:0;
  color: #fff;
}
.ui-dialog .ui-dialog-titlebar {
  font-weight: bold;  
}

/*gray background bar add class="neutral"*/
.ui-accordion.neutral .ui-accordion-header, .ui-dialog.neutral .ui-dialog-titlebar {
  background: #d0d0ce !important;
  border: 1px solid #CAC8C5 !important;
  border-bottom:0;
  color: #222;
}
.ui-accordion.neutral .ui-state-active .ui-icon, .ui-accordion.neutral .ui-button:active .ui-icon,
.ui-accordion.neutral .ui-icon, .ui-accordion.neutral .ui-widget-content .ui-icon  {
    background-image: url("images/ui-icons_222222_256x240.png") !important;
}

/* jquery puts a border around ui-widget-content by default within theme; 
might be ok for standalong content boxes, but not where there's a header above them*/
.ui-dialog-content.ui-widget-content {
	border-top:0 !important;
}
/* .ui-accordion .ui-accordion-header {
	font-size:1rem;
	line-height:1.6;
} */
.ui-accordion .ui-accordion-header {
    padding: 0.25em;
}

.ui-accordion {
  margin-bottom: .5em; 
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-dialog-title {
	font-size:.875rem;
  	font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif; 
}

.ui-accordion-content {
	border:1px solid #c8c8c6;
}