f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm.yui-menu .yui-menu {

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm position: absolute;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm z-index: 1;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm}

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm.yui-menu .yui-shim {

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm /*

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm Styles for the <iframe> shim used to prevent <select> elements from poking through

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm submenus in IE < 7. Note: For peformance, creation of the <iframe> shim for each submenu

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm is deferred until it is initially made visible by the user.

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm */

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm position: absolute;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm top: 0;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm left: 0;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm z-index: -1;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm opacity: 0;

0fc5ce7045233dae7e15fdc86774370f1b1d73cbjohanengelen filter: alpha(opacity=0); /* For IE since it doesn't implement the CSS3 "opacity" property. */

0fc5ce7045233dae7e15fdc86774370f1b1d73cbjohanengelen border: none;

0fc5ce7045233dae7e15fdc86774370f1b1d73cbjohanengelen margin: 0;

0fc5ce7045233dae7e15fdc86774370f1b1d73cbjohanengelen padding: 0;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm height: 100%;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm width: 100%;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm}

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm.yui-menu-hidden {

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm /*

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm Position hidden menus outside the viewport boundaries to prevent them from

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm triggering scrollbars on the viewport.

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm */

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm top: -10000px;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm left: -10000px;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm /*

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm Using "visibility:hidden" over "display" none because:

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm 1) As the "position" property for submenus is set to "absolute", they are out of

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm the document flow and take up no space. Therefore, from that perspective use of

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm "display:none" is redundant.

fb5a72174252e0e79107dcad3bf5a2bbd73e349cjohanengelen

fb5a72174252e0e79107dcad3bf5a2bbd73e349cjohanengelen 2) According to MSDN use of "display:none" is more expensive:

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm "Display is the more expensive of the two CSS properties, so if you are

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm making elements appear and disappear often, visibility will be faster."

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm (See http://msdn.microsoft.com/en-us/library/bb264005(VS.85).aspx)

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm */

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm visibility: hidden;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm}

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm.yui-menu li {

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm list-style-type: none;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm}

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm.yui-menu ul,

0fc5ce7045233dae7e15fdc86774370f1b1d73cbjohanengelen.yui-menu li {

0fc5ce7045233dae7e15fdc86774370f1b1d73cbjohanengelen

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm margin: 0;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm padding: 0;

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm}

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm.yui-menu-label,

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm.yui-menuitem-content {

f07bfd5a05d43a6d11f7cd442f085149092dea88pjrm

text-align: left;

white-space: nowrap;

display: block;

}

.yui-menu-horizontal li {

float: left;

width: auto;

}

.yui-menu-horizontal li li {

float: none;

}

.yui-menu-horizontal ul {

/*

Use of "zoom" sets the "hasLayout" property to "true" in IE (< 8). When "hasLayout" is

set to "true", an element can clear its floated descendents. For more:

http://msdn.microsoft.com/en-gb/library/ms533776(VS.85).aspx

*/

*zoom: 1;

}

.yui-menu-horizontal ul ul {

/*

No need to clear <ul>s of submenus of horizontal menus since <li>s of submenus

aren't floated.

*/

*zoom: normal;

}

.yui-menu-horizontal>.yui-menu-content>ul:after {

/* Self-clearing solution for Opera, Webkit, Gecko and IE > 7 */

content: "";

display: block;

clear: both;

line-height: 0;

font-size: 0;

visibility: hidden;

}

/*

The following two rules are for IE 7. Triggering "hasLayout" (via use of "zoom") prevents

first-tier submenus from hiding when the mouse is moving from an menu label in a root menu to

its corresponding submenu.

*/

.yui-menu-content {

*zoom: 1;

}

.yui-menu-hidden .yui-menu-content {

*zoom: normal;

}

/*

The following two rules are for IE 6 (Standards Mode and Quirks Mode) and IE 7 (Quirks Mode

only). Triggering "hasLayout" (via use of "zoom") fixes a bug in IE where mousing mousing off

the text node of menuitem or menu label will incorrectly trigger the mouseout event.

*/

.yui-menuitem-content,

.yui-menu-label {

_zoom: 1;

}

.yui-menu-hiden .yui-menuitem-content,

.yui-menu-hiden .yui-menu-label {

_zoom: normal;

}