.MainMenu ul.AspNet-Menu /* Tier 1 */
{
width: 997px; /* This is more than (6em x 2) because we want to leave room for borders around the elements that are selected */
position:relative;
top:0px;
left:0px;
height:41px;
background: transparent url("images/nav/navhashlines.gif") no-repeat 0 16px;
}
.MainMenu ul.AspNet-Menu ul /* Tier 2 */
{
top: 100%;
left: 0;
}
.MainMenu ul.AspNet-Menu ul ul /* Tier 3+ */
{
top: -0.5em;
left: 6em;
}
.MainMenu li /* all list items */
{
font-size:17px;
color:#6d6c6c;
height:41px;
white-space:nowrap;
}
.MainMenu li:hover, /* list items being hovered over */
.MainMenu li.AspNet-Menu-Hover
{
background: transparent url("images/nav/mainnavBack_ro.jpg") repeat-x top left;
text-decoration: none;
}
/* Use this style to control selected menu item */
.MainMenu .AspNet-Menu-Selected
{
color: #6d6c6c;
background:transparent url(images/nav/mainnavBack_selected.jpg) repeat-x left top;
text-decoration: none;
}
.MainMenu a, /* all anchors and spans (nodes with no link) */
.MainMenu span
{
color: #6d6c6c;
padding: 12px 24px 2px 24px;
height:27px;
white-space:nowrap;
font-weight:lighter;
font-family: Verdana, Arial, Sans-Serif;
}
.MainMenu li.AspNet-Menu-Leaf a, /* leaves */
.MainMenu li.AspNet-Menu-Leaf span
{
background-image: none !important;
}
.MainMenu li:hover a, /* hovered text */
.MainMenu li:hover span,
.MainMenu li.AspNet-Menu-Hover a,
.MainMenu li.AspNet-Menu-Hover span,
.MainMenu li:hover li:hover a,
.MainMenu li:hover li:hover span,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.MainMenu li:hover li:hover li:hover a,
.MainMenu li:hover li:hover li:hover span,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
color: #333333;
text-decoration: none;
}
.MainMenu li:hover li a, /* the tier above this one is hovered */
.MainMenu li:hover li span,
.MainMenu li.AspNet-Menu-Hover li a,
.MainMenu li.AspNet-Menu-Hover li span,
.MainMenu li:hover li:hover li a,
.MainMenu li:hover li:hover li span,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
color: #333333;
background: transparent;
}
* html
.MainMenu ul.AspNet-Menu li
{
width:1%;
}
.MainMenu ul.AspNet-Menu ul ul
{
width: 170px;
background:transparent;
position:relative;
top:1px;
}
.MainMenu ul.AspNet-Menu ul li
{
border:solid 1px #626365;
background-color: #d4d5d7;
width:170px;
margin-top:-1px;
height:20px;
padding:0 0 3px 0;
}
.MainMenu ul.AspNet-Menu ul li:hover
{
background-color: #f0f1f3;
background-image:none;
}
.MainMenu ul.AspNet-Menu ul li a, /* all anchors and spans (nodes with no link) */
.MainMenu ul.AspNet-Menu ul li span
{
color: #000000;
padding: 4px 15px 0 15px;
height:20px;
white-space:nowrap;
margin:0;
}
* html
.MainMenu ul.AspNet-Menu ul li:hover
{
background: #f0f1f3 url( "images/misc/spacer_ltgray.gif" );
}
/* Footer Menu */
.FooterMenu ul.AspNet-Menu /* Tier 1 */
{
width: 1000px; /* This is more than (6em x 2) because we want to leave room for borders around the elements that are selected */
position:relative;
left:-6px;
top:7px;
z-index:0;
overflow:hidden;
}
.FooterMenu ul.AspNet-Menu ul /* Tier 2 */
{
top: 100%;
left: 0;
}
.FooterMenu ul.AspNet-Menu ul ul /* Tier 3+ */
{
top: -0.5em;
left: 6em;
}
.FooterMenu li /* all list items */
{
font-size:12px;
color:#ffffff;
white-space:nowrap;
}
.FooterMenu li:hover, /* list items being hovered over */
.FooterMenu li.AspNet-Menu-Hover
{
color:#9f9f9f;
text-decoration: none;
}
.FooterMenu a, /* all anchors and spans (nodes with no link) */
.FooterMenu span
{
color: #ffffff;
padding: 0 12px 0 12px;
white-space:nowrap;
font-weight:normal;
border-left:solid 1px #73a0d0;
}
.FooterMenu li.AspNet-Menu-Leaf a, /* leaves */
.FooterMenu li.AspNet-Menu-Leaf span
{
background-image: none !important;
}
.FooterMenu li:hover a, /* hovered text */
.FooterMenu li:hover span,
.FooterMenu li.AspNet-Menu-Hover a,
.FooterMenu li.AspNet-Menu-Hover span,
.FooterMenu li:hover li:hover a,
.FooterMenu li:hover li:hover span,
.FooterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.FooterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.FooterMenu li:hover li:hover li:hover a,
.FooterMenu li:hover li:hover li:hover span,
.FooterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.FooterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
color: #9f9f9f;
text-decoration: none;
}
.FooterMenu li:hover li a, /* the tier above this one is hovered */
.FooterMenu li:hover li span,
.FooterMenu li.AspNet-Menu-Hover li a,
.FooterMenu li.AspNet-Menu-Hover li span,
.FooterMenu li:hover li:hover li a,
.FooterMenu li:hover li:hover li span,
.FooterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.FooterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
color: #000000;
background: transparent;
}
* html
.FooterMenu ul.AspNet-Menu li
{
width:1%;
}
.FooterMenu ul.AspNet-Menu ul ul
{
width: 170px;
background:transparent;
position:relative;
top:1px;
}
.FooterMenu ul.AspNet-Menu ul li
{
border:solid 1px #626365;
background-color: #d4d5d7;
width:170px;
margin-top:-1px;
height:20px;
padding:0 0 3px 0;
}
.FooterMenu ul.AspNet-Menu ul li:hover
{
background-color: #f0f1f3;
background-image:none;
}
.FooterMenu ul.AspNet-Menu ul li a, /* all anchors and spans (nodes with no link) */
.FooterMenu ul.AspNet-Menu ul li span
{
color: #000000;
padding: 4px 15px 0 15px;
height:20px;
white-space:nowrap;
margin:0;
}
* html
.FooterMenu ul.AspNet-Menu ul li:hover
{
background: #f0f1f3 url( "images/misc/spacer_ltgray.gif" );
}
/* Side Menu */
.SideMenu .AspNet-Menu-Vertical
{
position:relative;
top: 0;
left: 0;
width:234px;
padding-top:10px;
margin-bottom:15px;
/* z-index: 300; */
}
/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way...
.SideMenu ul
{
background:transparent;
} */
/* Top tier
.SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
width: 9em;
}*/
/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item.
.SideMenu ul.AspNet-Menu li
{
background:#dddddd url(bg-menu-example.png) repeat-x;
}*/
/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item. One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.SideMenu ul.AspNet-Menu li a,
.SideMenu ul.AspNet-Menu li span
{
white-space:nowrap;
color:#ffffff;
padding: 3px 0 3px 11px;
font-size:14px;
background-color: transparent;
}
/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
/* .SideMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.SideMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
background-image: none;
background-color:Red;
} */
/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.SideMenu ul.AspNet-Menu li:hover, .SideMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
}
.SideMenu ul.AspNet-Menu li:hover a,
.SideMenu ul.AspNet-Menu li:hover span,
.SideMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.SideMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.SideMenu ul.AspNet-Menu li:hover li:hover a,
.SideMenu ul.AspNet-Menu li:hover li:hover span,
.SideMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SideMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.SideMenu ul.AspNet-Menu li:hover li:hover ul a:hover,
.SideMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover,
.SideMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.SideMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
color: #76abd7;
background: transparent url(images/nav/sidebar_hover_bg.gif) left top repeat-x;
text-decoration:none;
}
.SideMenu ul.AspNet-Menu li:hover ul a,
.SideMenu ul.AspNet-Menu li:hover ul span,
.SideMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.SideMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.SideMenu ul.AspNet-Menu li:hover li:hover ul a,
.SideMenu ul.AspNet-Menu li:hover li:hover ul span,
.SideMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.SideMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
color: #000000;
background: transparent url(images/nav/sidebar_hover_bg.gif) left top repeat-x;
text-decoration:none;
}
/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li. So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.SideMenu ul.AspNet-Menu li a:hover, .SideMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
color: #76abd7;
background: transparent url(images/nav/sidebar_hover_bg.gif) left top repeat-x;
text-decoration:none;
}
.SideMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
color: #76abd7;
background: #ffffff url(images/nav/sidenav_ro.jpg) right top repeat-y;
text-decoration:none;
}
/* Use this style to control selected menu item */
.SideMenu .AspNet-Menu-Leaf .AspNet-Menu-Selected
{
color:#ffffff;
font-weight:bold;
padding: 3px 0 3px 11px;
}
/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page. Your web site will likely use a different technique to position your */
/* menu. So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices. They happen to */
/* work well for the sample page used to demonstrate an adapted menu.
.SideMenu .AspNet-Menu-Horizontal
{
position:relative;
left: 30px;
top: 1;
z-index: 300;*/
}
/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.SideMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
width: 100%;
}
/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here. We will override this width with a more specific rule (below) */
/* USE THIS TO FORCE IE6 TO BEHAVE */
.SideMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
}