﻿/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */
/* See WhitePaper.aspx for details. */

td.AspNet-Menu { background-image: url('../MenuBk_Black.png'); position: relative; height: 20px; z-index: 99; }

ul.AspNet-Menu { background-image: url('../MenuBk_Black.png'); position: relative; height: 23px; z-index: 99; }
ul.AspNet-Menu, ul.AspNet-Menu ul { margin: 0px; padding: 5px 0px 0px 0px; display: block; border: solid 1px white; z-index: 99; }
ul.AspNet-Menu li { position: relative; list-style: none; z-index: 99; }
ul.AspNet-Menu li a, ul.AspNet-Menu li span, ul.AspNet-Menu li a:visited { display: block; text-decoration: none; color: White; font-family: Century Gothic; font-size: 10pt; font-weight: bold; z-index: 99; }
ul.AspNet-Menu ul { position: absolute; display: none; z-index: 99; }

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li:hover ul ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul { display: none; }

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul { display: block; }

ul.AspNet-Menu li.AspNet-Menu-Leaf { background-color: Transparent; padding: 0px 15px 0px 15px; white-space: nowrap; }
ul.AspNet-Menu li.AspNet-Menu-WithChildren { background-color: Transparent; }
ul.AspNet-Menu li.AspNet-Menu-WithChildren ul { background-color: #003263; width: 170px; }
ul.AspNet-Menu li.AspNet-Menu-WithChildren ul iframe { z-index: 98; position: absolute; width: 170px; }
ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf { z-index: 99; background-color: #003263; padding: 0px; width: 100%; }
ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf a.AspNet-Menu-Link { background-color: #003263; padding: 2px 6px 2px 6px; white-space: nowrap; }
ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf a.AspNet-Menu-Link:hover { color: white; background-color: black; white-space: nowrap; }
ul.AspNet-Menu li.AspNet-Menu-WithChildren span.AspNet-Menu-NonLink { background-color: Transparent; padding: 0px 15px 0px 15px; white-space: nowrap; }
/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. This allows us to force the top tier of the menu to layout */
/* horizontally, whereas all subsequent tiers of the menu lay out vertically. */

.AspNet-Menu-Horizontal ul.AspNet-Menu li { float: left; z-index: 99; }

.AspNet-Menu-Horizontal ul.AspNet-Menu li li { float: none; z-index: 99; }

.MenuText { text-decoration: none; color: White; font-family: Century Gothic; font-size: 10pt; font-weight: bold; }
.MenuText a { text-decoration: none; color: White; font-family: Century Gothic; font-size: 10pt; font-weight: bold; }