/*!
 * jQuery UI theme overrides (app-wide)
 * Keeps a neutral white active state and darker inactive gray
 * so the default theme aligns better with custom site branding.
 */

/* Inactive/default state: slightly darker gray */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	background: #e6e6e6;
	border: 1px solid #c5c5c5;
	color: #454545;
}

/* Hover state: even darker gray */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
a.ui-button:hover,
.ui-button:hover,
.ui-button.ui-state-hover:hover {
	border: 1px solid #999;
	background: #dadada;
	color: #212121;
}

/* Active state: white background, dark text */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #c5c5c5;
	background: #ffffff;
	color: #333333;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #c5c5c5;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #333333;
	text-decoration: none;
}
/* Icons on white need to be dark (theme uses white icons for blue background) */
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}