/** Simple modifications needed for DropDownCheckList to take advantage of ThemeRoller settings */
.ui-dropdownchecklist .ui-widget-content
, .ui-dropdownchecklist .ui-widget-header {
	border: none;
	outline: none;
}
.ui-dropdownchecklist-indent {
	padding-left: 7px;
}
/* Font size of 0 on the -selector and an explicit medium on -text required to eliminate 
   descender problems within the containers and still have a valid size for the text */
.ui-dropdownchecklist-selector-wrapper
, .ui-widget.ui-dropdownchecklist-selector-wrapper {
	vertical-align: middle;
	font-size: 0px;
}
.ui-dropdownchecklist-selector {
	padding: 1px 2px 2px 2px;
	font-size: 0px;
}
.ui-dropdownchecklist-text:nth-child(1) {
	font-size: 16px;
	padding:0.4em 0 0.4em 0;
}
.ui-dropdownchecklist-text:nth-child(2n) {
	padding:0.2em 0 0em 0;
}
.ui-dropdownchecklist-option-text {
	font-size: 0.7em;
}
.ui-dropdownchecklist-item
, .ui-dropdownchecklist-item input {
    vertical-align: middle;
}
.ui-dropdownchecklist-group {
	padding: 1px 2px 2px 2px;
}
.ui-dropdownchecklist-selector.ui-state-default {
    color:var(--top-menu-text-color);
    background-color:transparent;
	background-image: none;
	outline:none;
	border:0;
}
.ui-dropdownchecklist-item.ui-state-default {
	border: none;
	outline:none;
    background-color:transparent;
	background-image: none;
	padding:0.3em;
    color:var(--top-menu-text-color);
}
.ui-dropdownchecklist-item.ui-state-hover {
    background-color:var(--top-menu-text-color);
    color:var(--top-menu-bg-color);
}
.ui-dropdownchecklist-dropcontainer.ui-widget-content {
    background-color:transparent;
	background-image: none;
	border: 0px solid var(--top-menu-bg-color);
    background-color:var(--top-menu-bg-color);
}
/*
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

 We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered 
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active  {
	border: none;
    background-color:transparent;
	background-image: none;
	outline:none;
}*/