/* dojox.mobile.ComboBox */
.dijitPopup {
	&.mblComboBoxMenuPopup {
		// Popup items have a wrapper div (dijitPopup)
		// with the real popup inside, and maybe an iframe too
		margin: 0;
		padding: 0;
		position: absolute;
		border: 0;
		background-color: transparent;
		.box-shadow(@mbl-combo-box-popup-box-shadow);
		.dijitPopup-styles;
	}
}
.dijitPopup.mblComboBoxMenuPopup .dijitBackgroundIframe {
	// Style of the iframe descendant of the wrapper div of the popup.
	// (similar to dijit's style for it). 
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 0;
	padding: 0;
	margin: 0;
}
.mblReset {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: normal;
	font: inherit;
	color: inherit;
}
.mblComboBoxMenu {
	position: relative;
	overflow-y: hidden !important;
	overflow: hidden;
	border: 1px solid black;
	.mblComboBoxMenu-styles;
}
.mblComboBoxMenuItem {
	padding: .1em .2em;
	border-width: 1px 0 1px 0;
	border-style: solid;
	text-align: left;
	white-space: nowrap;
	.mblComboBoxMenuItem-styles;
}
.mblComboBoxMenuItemSelected {
	// dijitMenuItemHover refers to actual mouse over
	// dijitMenuItemSelected is used after a menu has been "activated" by
	// clicking it, tabbing into it, or being opened from a parent menu,
	// and denotes that the menu item has focus or that focus is on a child menu
	.mblComboBoxMenuItemSelected-styles;
}
.mblComboBoxMenuPreviousButton,
.mblComboBoxMenuNextButton {
	font-style: italic;
	overflow: hidden;
}