/* Menu 

There are three areas of styling for the Menu:  
 
 1. The menu 
 	There are three types of menus:
 	i) Context Menu
 	ii) Drop down Menu
 	iii) Navigation Menu
 	All three types of menus are affected by the .dijitMenu class in which you can set the background-color, padding and border
 	.dijitMenu affects the drop down menu in TimeTextBox, Calendar, ComboBox and FilteringSelect
  .dijitMenuTable - for padding - also affects Select widget 	

 2. The menu bar
 	.dijitMenuBar - for border, margins, padding, background-color of the menu bar
 	.dijitMenuBar .dijitMenuItem - for padding, text color of menu items in the menu bar (overrides .dijitMenuItem) 
 	
 3. Menu items - items in the menu.  
 	.dijitMenuItem - for color
 	.dijitMenuItemHover, .dijitMenuItemSelected - for background-color, border, text color, padding of a menu item or menubar item that has been hovered over or selected	
 	.dijitMenuItemActive - for background-color of an active (mousedown) menu item
	td.dijitMenuItemIconCell - for padding around a  menu item's icon
	td.dijitMenuItemLabel - for padding around a menu item's label	
	.dijitMenuSeparatorTop - for border, top border, of the separator
	.dijitMenuSeparatorBottom - for bottom margin of the separator
	
	Styles specific to ComboBox and FilteringSelect widgets: 
	.dijitComboBoxMenu .dijitMenuItem - for padding and border of a menu item in a ComboBox or FilteringSelect widget's menu
	.dijitComboBoxMenu .dijitMenuItemSelected- for text color, background-color and border of a menu item in a ComboBox or FilteringSelect widget's menu

*/
/*@minor-selected-color: spin(saturate(darken(@primary-color, 6), 19), 0);						// Color for various arrows and buttons*/
/*@minor-selected-color: spin(saturate(darken(@primary-color, 6), 19), 0);						// Color for various arrows and buttons*/
/*@base-border-color: spin(desaturate(darken(@primary-color, 29), 44), -1);		// Augmented and used directly by variables to create border colors for various widgets*/
/*@unfocused-clickable-color: spin(saturate(lighten(@primary-color, 5), 10), 0);				// Background color for enabled buttons, text inputs */
/*@border-color: spin(desaturate(darken(@primary-color, 15), 67), 8);						// Border color for (enabled, unhovered) TextBox, Slider, Accordion, BorderContainer, TabContainer*/
/*@hovered-background-color: @minor-selected-color;	// Background color for hover of Button, MenuBar, Accordion pane, Calendar... anything that has a (non-white) color to start with and gets darker on hover*/
/*@selected-border-color: @base-border-color;  							// Selected AccordionPane, tab of nested TabContainer (but plain TabContainer is special)*/
/*@bar-background-color: @secondary-color;								// MenuBar, Toolbar, action bar at bottom of dialog*/
/*@textbox-hovered-background-color: @unfocused-clickable-color;			// Background color when hovering a unfocused TextBox, Select, Editor, or other input widget*/
/*@textbox-focused-background-color: @textbox-background-color;*/
/*@toolbar-button-checked-background-color: @container-background-color;								// a toggled-on button in the toolbar*/
/*@image-form-checkbox-and-radios: "form/images/checkboxRadioButtonStates.png";*/
/*@image-form-checkbox-and-radios-ie6: "form/images/checkboxAndRadioButtons_IE6.png";*/
/*@image-form-common-arrows: "form/images/commonFormArrows.png";*/
.claronb .dijitMenuBar {
  border: 1px solid #b5bcc7;
  margin: 0;
  padding: 0;
  background-color: #8a8a8a;
  background-image: url("images/standardGradient.png");
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  _background-image: none;
}
.claronb .dijitMenu {
  background-color: #ffffff;
  border: 1px solid #e2b0b8;
}
.claronb .dijitMenuItem {
  color: #000000;
}
.claronb .dijitMenuBar .dijitMenuItem {
  padding: 6px 10px 7px;
  margin: -1px;
}
.claronb .dijitMenuBar .dijitMenuItemHover,
.claronb .dijitMenuBar .dijitMenuItemSelected {
  border: solid 1px #e2b0b8;
  padding: 5px 9px 6px;
}
/* this prevents jiggling upon hover of a menu item */
.claronb .dijitMenuTable {
  border-collapse: separate;
  border-spacing: 0 0;
  padding: 0;
}
.claronb .dijitMenu .dijitMenuItem td,
.claronb .dijitComboBoxMenu .dijitMenuItem {
  padding: 3px;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #ffffff;
}
/* hover over a MenuItem or MenuBarItem */
.claronb .dijitMenu .dijitMenuItemHover td,
.claronb .dijitMenu .dijitMenuItemSelected td,
.claronb .dijitMenuItemHover,
.claronb .dijitComboBoxMenu .dijitMenuItemHover,
.claronb .dijitMenuItemSelected {
  border-color: #e2b0b8;
  /*background-color: @hovered-background-color;*/

  background-color: #ffe4e9;
  background-image: url("images/standardGradient.png");
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  _background-image: none;
}
.claronb .dijitMenuItemActive {
  background-image: url("images/activeGradient.png");
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
  _background-image: none;
}
.dj_ie .claronb .dijitMenuActive .dijitMenuItemHover,
.dj_ie .claronb .dijitMenuActive .dijitMenuItemSelected,
.dj_ie .claronb .dijitMenuPassive .dijitMenuItemHover,
.dj_ie .claronb .dijitMenuPassive .dijitMenuItemSelected {
  padding-top: 6px;
  padding-bottom: 5px;
  margin-top: -3px;
}
.claronb td.dijitMenuItemIconCell {
  padding: 2px;
  margin: 0 0 0 4px;
}
.claronb td.dijitMenuItemLabel {
  padding-top: 5px;
  padding-bottom: 5px;
}
.claronb .dijitMenuExpand {
  width: 7px;
  height: 7px;
  background-image: url("images/spriteArrows.png");
  background-position: -14px 0;
  margin-right: 3px;
  margin-bottom: 4px;
}
.claronb .dijitMenuItemDisabled .dijitMenuItemIconCell {
  opacity: 1;
}
.claronb .dijitMenuSeparatorTop {
  height: auto;
  margin-top: 1px;
  /* prevents spacing above/below separator */

  border-bottom: 1px solid #b5bcc7;
}
.claronb .dijitMenuSeparatorBottom {
  height: auto;
  margin-bottom: 1px;
}
/* the checked menu item */
.claronb .dijitCheckedMenuItem .dijitMenuItemIcon,
.claronb .dijitRadioMenuItem .dijitMenuItemIcon {
  background-image: url("form/images/checkedbox.png");
  background-repeat: no-repeat;
  background-position: -15px 50%;
  /* unchecked checkbox */

  width: 15px;
  height: 16px;
}
.dj_ie6 .claronb .dijitCheckedMenuItem .dijitMenuItemIcon,
.dj_ie6 .claronb .dijitRadioMenuItem .dijitMenuItemIcon {
  background-image: url("form/images/checkedbox.png");
}
.claronb .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon {
  background-position: 0 50%;
  /* checked checkbox */

}
.claronb .dijitRadioMenuItem .dijitMenuItemIcon {
  background-position: -105px 50%;
  /* unfilled circle */

}
.claronb .dijitRadioMenuItemChecked .dijitMenuItemIcon {
  background-position: -90px 50%;
  /* filled circle */

}
/*ComboBox Menu*/
.claronb .dijitComboBoxMenu {
  margin-left: 0;
  background-image: none;
}
.claronb .dijitMenu .dijitMenuItemSelected td,
.claronb .dijitComboBoxMenu .dijitMenuItemSelected {
  color: #000000;
  border-color: #e2b0b8;
  /*background-color:@hovered-background-color;*/

  background-color: #ffe4e9;
}
.claronb .dijitComboBoxMenuActive .dijitMenuItemSelected {
  background-color: #790013;
  /* TODO: why is this a different color than normal .dijitMenuItemSelected? */

}
.claronb .dijitMenuPreviousButton,
.claronb .dijitMenuNextButton {
  font-style: italic;
}