﻿.help_image {
    height: 25px;
    margin-top: 2px;
    width: 25px;
}

#MenuContainer {
    background: #000000 url(./Images/MenuBg.png) repeat-x;
    border-left: 1px solid #000000;
    border-right: 2px solid #000000;
    clear: both;
    font-family: Tahoma;
    font-size: small;
    height: 30px;
}

#MenuContainer img { border: none; }

#MainMenuContainer { float: left; }

#HelpMenuContainer { float: right; }

/* Main Menu */

/* all menu items all levels */

#MainMenuContainer ul.AspNet-Menu li { background: #000000 url(./Images/MenuBg.png) repeat-x; }

/* all menu items are either an anchor or a span */

#MainMenuContainer ul.AspNet-Menu li a,
#MainMenuContainer ul.AspNet-Menu li span {
    border: 1px solid # black;
    border-bottom: 0;
    color: #ffffff;
    padding: 6px 2px 4px 8px;
}

/* all menu items hover */

#MainMenuContainer ul.AspNet-Menu li:hover { background: #0101ff url(./Images/MenuBgHover.png) repeat-x; }

/* top menu items */

#MainMenuContainer .AspNet-Menu-Horizontal ul.AspNet-Menu li {
    text-align: center;
    width: 9em;
}

/* first level menu (ul) and uls below */

#MainMenuContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul {
    background: #000000 url(./Images/MenuBg.png) repeat-x bottom;
    border: none;
    left: 0;
    padding: 0 .3em 30px .3em;
    top: 100%;
    z-index: 900;
}

/* first level menu item */

#MainMenuContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul li {
    text-align: left;
    width: 13em;
}

/* second level menu (ul) and uls below */

#MainMenuContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul {
    border: 1px solid #ffffff;
    border-bottom: none;
    border-top: none;
    margin: -1.4em 0 0 12em;
    top: -0.3em;
    z-index: 1000;
}

/* second level menu item */

#MainMenuContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul li ul li { width: 16em; }

.AspNet-Menu { z-index: 1; }

/* Help  menu */

#HelpMenuContainer ul.AspNet-Menu ul {
    left: 8.9em;
    top: -2em;
    width: 12em;
    z-index: 400;
}

#HelpMenuContainer ul.AspNet-Menu ul ul {
    left: 10.4em;
    width: 12.5em;
}

#HelpMenuContainer ul.AspNet-Menu li { background: #000000 url(./Images/MenuBg.png) repeat-x; }

#HelpMenuContainer ul.AspNet-Menu li a,
#HelpMenuContainer ul.AspNet-Menu li span {
    border: 1px solid #648ABD;
    border-bottom: 0;
    color: #ffffff;
    padding: 4px 2px 4px 8px;
}

#HelpMenuContainer ul.AspNet-Menu li:hover,
#HelpMenuContainer ul.AspNet-Menu li.AspNet-Menu-Hover { background: #0101ff url(./Images/MenuBgHover.png) repeat-x; }

#HelpMenuContainer ul.AspNet-Menu li a:hover,
#HelpMenuContainer ul.AspNet-Menu li span.Asp-Menu-Hover {
    background: transparent;
    color: #ffffff;
}

#HelpMenuContainer ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover { background-image: none; }


/* second level menu */

#HelpMenuContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul {
    background: #000000 url(./Images/MenuBg.png) repeat-x bottom;
    border: 1px solid #ffffff;
    border-bottom: none;
    border-top: none;
    left: -9em;
    padding-bottom: 20px;
    width: 12em;
}

#HelpMenuContainer .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul {
    /*top: -0.3em;*/
    border: 1px solid #ffffff;
    border-bottom: none;
    border-top: none;
    width: 12em;
}

#HelpMenuContainer .AspNet-Menu-Leaf { width: 12em; }