/* Menu styles */

/*
 * NOTE: normally this skin would be selected by .yui-skin-convio, but since the menus styled here are unique we're selecting them by id.
 */

/* MenuBar style rules */

#MainMenuBar {
	padding-left: 9px;
	height: 40px;
}

/* MenuBarItem style rules */

#MainMenuBar .yuimenubaritemlabel {
	-moz-border-radius: 7px;
}

#MainMenuBar .yuimenubaritemlabel,
#MainMenuBar .yuimenuitemlabel {
	padding: 12px 20px;
	text-decoration: none;
	cursor: pointer;
	color: #cdd9ee;
	font-size: 14px;
	font-weight: 600;
	line-height: 100%;
}

#MainMenuBar .yuimenuitemlabel {
	padding: 8px 21px;
	background: #293846;
}

/* MenuBarItem states */

/* Selected MenuBarItem */

#MainMenuBar .yuimenubaritemlabel-selected {
	color: white;
	background-color: #293846;
}


/* Menu style rules */

#MainMenuBar .yuimenu .bd {

}

/* move menu to bottom of header (with non-IE6 selector) */
#MainMenuBar .yuimenu > .bd {
	border-top-width: 0;
	position: relative;
	*top: 0;
}

#MainMenuBar .yuimenu ul {
	padding: 0 0 3px 0;
}

#MainMenuBar .yuimenu ul.first-of-type {
	border-width: 0;
}


/* Top and bottom scroll controls */

#MainMenuBar .yuimenu .yui-menu-body-scrolled {
	overflow: hidden;

	/* undo "move menu to bottom of header" styles above */
	border-top-width: 1px;
	top: 0px;
}

#MainMenuBar .yuimenu .topscrollbar,
#MainMenuBar .yuimenu .bottomscrollbar {
	height: 16px;
	border: solid 1px #c6d9e9;
	background: #ebf1f6 url(../../../../assets/skins/convio/sprite.png) no-repeat 0 0;
}

#MainMenuBar .yuimenu .topscrollbar {
	border-bottom-width: 0;
	background-position: center -950px;
}

#MainMenuBar .yuimenu .topscrollbar_disabled {
	background-position: center -975px;
}

#MainMenuBar .yuimenu .bottomscrollbar {
	border-top-width: 0;
	background-position: center -850px;
}

#MainMenuBar .yuimenu .bottomscrollbar_disabled {
	background-position: center -875px;
}


/* MenuItem style rules */

#MainMenuBar .yuimenuitem {
	/*
        For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode:
        Used to collapse superfluous white space between <li> elements
        that is triggered by the "display" property of the <a> elements being
        set to "block."
	*/
	_border-bottom: solid 1px #ebf1f6;
}


/* MenuItem states */

/* Selected MenuItem */

#MainMenuBar .yuimenuitemlabel-selected {
	color: white;
}


/* Help Menu */

#HelpMenu .bd {
    background-color: #FFFFFF;
    border: 1px solid #D1DADE;
}

#HelpMenu div.bd .yuimenuitemlabel {
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	cursor: default;
	font-size: 11px;
	color:  #676A6C;
	outline: none;
}

/* workaround for bug 32737 which is really an IE6 bug */
#HelpMenu div.bd a.yuimenuitemlabel:visited {
	text-decoration: none;
}

#HelpMenu div.bd .yuimenuitemlabel:hover {
	text-decoration: none;
	color: #292A2B;
	background-color: #E8E8E8;
	font-weight: 600;
	outline: none;
}

/* give menu a little breathing room (with non-IE6 selector) */
#HelpMenu > .bd {
	position: relative;
	top: 2px;
}

/* Selectinator Menu */

.SelectinatorMenu h6.first-of-type {
	padding: 3px;
}

.SelectinatorMenu .bd {
	background-color: white;
	border: 1px solid #000;
}

.SelectinatorMenu div.bd .yuimenuitemlabel {
	padding: 3px 6px;
	text-decoration: none;
	cursor: default;
	font-size: 85%;
}

/* workaround for bug 32737 which is really an IE6 bug */
.SelectinatorMenu div.bd a.yuimenuitemlabel:visited {
	text-decoration: none;
}

.SelectinatorMenu div.bd .yuimenuitemlabel:hover {
	text-decoration: none;
}

.SelectinatorMenu .yuimenuitemlabel-selected {
	background-color: #c6d9e9;
}

/* give menu a little breathing room (with non-IE6 selector) */
.SelectinatorMenu > .bd {
	position: relative;
	top: 2px;
}

.yuimenubaritemlabel:first-of-type {
    height: 16px;
}