/*
 *  menu.css
 *  including styles for the drop down menu displayed in the display area
 *
 ******************************************************************************/


/*** Dropdown menu bar components *********************************************/

.MenuTitle .Background *,
.eCSMenuTitle .Background * {
  vertical-align: middle;
}
.MenuTitle .Background{
  background: #fff url("../ubimg/bg_toolbar.gif") repeat-x 0 -200px;
  border-left: 1px solid #396AC4;
  border-right: 1px solid #fff;
  margin-top: 2px;
  _margin-top: 3px; /* some extra margin for IE */
  margin-right: 25px;
}
.eCSMenuTitle {
  margin-top: 4px;
  margin-left: 2px;
}
.eCSMenuTitle .Background {
  width: 27;
}
.MenuTitle .Default,
.MenuTitle .Hover,
.MenuTitle .Active,
.eCSMenuTitle .Default,
.eCSMenuTitle .Hover,
.eCSMenuTitle .Active {
  cursor: pointer;
  padding: 1px 0;
  _padding-bottom: 0; /* less padding for IE */
}
.eCSMenuTitle .Default,
.eCSMenuTitle .Hover,
.eCSMenuTitle .Active {
  width: 27px;
  height: 16px;
  background: transparent url("../ubimg/tb_ecs_bg_status.gif") no-repeat 0 0;
}
.eCSMenuTitle .Default {
  background-position: 0 16px;
}
.eCSMenuTitle .Active {
  background-position: 0 -16px;
}
.MenuTitle .Hover {
  background: #2854bb;
}

.MenuTitle .Active .Label {
  color: #000;
}

.MenuTitle .Hover .Label {
  color: #fff;
}
.MenuTitle .IconLabel {
  height: 18px;
  white-space: nowrap;
}
.MenuTitle .Label {
  color: #000;
  font-weight: bold;
  margin: 0 8px;
  vertical-align: middle;
}
.MenuTitle .Label:hover {
  text-decoration: none;
}
.MenuTitle .Arrow {
  display: none;
  margin-right: 5px;
  text-align: right;
}
.MenuTitle .Separator {
  border-left: 1px solid #818181;
  border-right: 1px solid #fff;
  width: 0;
}

/*** Drop down menu components ************************************************/

.MenuItem *,
.eCSMenuItem * { /* reset all default values that might have been set in the
                 content's HTML document */
  font-family: "Lucida Grande", Tahoma, Helvetica, Arial, Verdana, sans-serif;
  font-size: 100%;
  float: none;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  letter-spacing : normal;
  line-height : normal;
  text-align : left;
  vertical-align: middle;
  word-spacing : normal;
}
.MenuItem .Background,
.eCSMenuItem .Background { /* drop down menu */
  background-color: #fff;
  border: 1px solid #2652BE;
}
.MenuItem .Default,
.MenuItem .Hover,
.MenuItem .Active,
.MenuItem .Disabled,
.eCSMenuItem .Default,
.eCSMenuItem .Hover,
.eCSMenuItem .Active,
.eCSMenuItem .Disabled {
  cursor: pointer;
  white-space: nowrap;
}
.MenuItem .Hover,
.eCSMenuItem .Hover {
  background-color: #2854bb;
}
.MenuItem .Hover .Label,
.MenuItem .Hover a:hover,
.eCSMenuItem .Hover .Label,
.eCSMenuItem .Hover a:hover  {
  color: #fff;
}
.MenuItem .Active .Label,
.eCSMenuItem .Active .Label {
  color: #000;
}
.MenuItem .Active,
.eCSMenuItem .Active {
  color: #fff;
}
.MenuItem .Disabled,
.eCSMenuItem .Disabled {
  cursor: default;
}
.MenuItem .Disabled span,
.eCSMenuItem .Disabled span {
  color: #999;
  cursor: default;
}
.MenuItem .IconLabel,
.eCSMenuItem .IconLabel {
  padding: 3px 5px;
  white-space: nowrap;
}
.MenuItem .Label,
.eCSMenuItem .Label {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}
.MenuItem .MenuKey,
.eCSMenuItem .MenuKey {
  color: #999;
  font-weight: normal;
}
.MenuItem .Arrow,
.eCSMenuItem .Arrow {
  padding-right: 3px;
}
.MenuItem .Separator,
.eCSMenuItem .Separator {
  border-top: 1px solid #C1D5F2;
}
.MenuItemCheckedIcon {
	margin-right: 3px;
}

/*** Special components for minimal menu mode *********************************/

.eCSMenuTitle .ToolbarIconLeft,
.eCSMenuTitle .ToolbarIconRight {
  padding: 0;
}
.ToolbarIconLeft,
.ToolbarIconRight {
  padding: 3px 5px;
}
.ToolbarIconLeft {
  padding-right: 0;
}
.ToolbarIconRight {
  padding-left: 0;
}