﻿.MainMenu {position: relative; top: -5px; left: -8px; z-index: 10;}

.MainMenu ul.AspNet-Menu /* Tier 1 */
{
    width:500px;
}

.MainMenu ul.AspNet-Menu ul  /* Tier 2 */ {
    top: 100%;
    text-align:left;
}

.MainMenu ul.AspNet-Menu li ul {
    left:7px !important;
}

.MainMenu ul.AspNet-Menu ul ul  /* Tier 3+ */ {
    top: -0.5em;
    left: 0;
    text-align:left;
}

.MainMenu li /* all list items */
{
    padding: 0px;
    text-align:center;
    font-size:12px;
    margin:0;
    width:100px;
    text-align:left;
}

.MainMenu li:hover, /* list items being hovered over */
.MainMenu li.AspNet-Menu-Hover
{
}

.MainMenu a, /* all anchors and spans (nodes with no link) */
.MainMenu span
{
    color:#fff;
    padding: 0;
    background: transparent url(arrowRight.gif) right center no-repeat;
}

.MainMenu div ul li a {padding: 4px 0px 4px 0px;}
.MainMenu div ul li ul li a {padding: 4px 2px 4px 8px; background-color: #3a658c;}
.MainMenu div ul li ul li a:hover {background-color: #8bb2d3; text-decoration: none;}


.MainMenu li.AspNet-Menu-Leaf a
{
    background-image: none !important;
    color:#fff;
}

 /* leaves */
.MainMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
    color:#fff;
}

.MainMenu li:hover a /* hovered text */
{
    text-decoration:underline;
    color:White;
    height: 38px;
}

.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
{
   color:#fff; 
   background-position : right top;
   height: 38px;
}

.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
{
     background-position: right top;
     height: 38px;
}

.MainMenu UL.AspNet-Menu UL
{
   padding: 0 0 13px 0;
   z-index:99;
   background-image: url(/App_Themes/ITServices/Images/MainFlyOut-Bottom.gif); 
   background-repeat:no-repeat;
   background-position:left bottom;
   width:178px;
}

.MainMenu UL.AspNet-Menu UL:hover
{
}

.MainMenu UL.AspNet-Menu UL
{
}

.MainMenu li .AspNet-Menu-Leaf {
    margin: -4px 0 0 0;
}
.MainMenu li:hover li a, /* the tier above this one is hovered */
.MainMenu li:hover li span {
    color: #fff;
    background-color:#3a658c;
    text-decoration:none;
}

.MainMenu li:hover li a:hover, /* the tier above this one is hovered */
.MainMenu li:hover li span:hover {
    color: #fff;
    background-color:#8bb2d3;
    text-decoration:none;
}

.MainMenu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf A {
     margin-left:0;
     width:168px;
}

.MainMenu li.AspNet-Menu-Hover li a,
.MainMenu li.AspNet-Menu-Hover li span
{
    margin:0;
}
.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
{
}

.MainMenu .AspNet-Menu-Selected /* this tier is selected */
{
   /*color:#858588;*/
}

.MainMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
/*  color:#858588;*/
}

.MainMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
/*   color:#858588;*/
}

.SubNavMenu ul.AspNet-Menu /* Tier 1 */
{
    width:180px;
}

.SubNavMenu ul.AspNet-Menu ul  /* Tier 2 */ {
    top: 100%;
    left: 0;
}

.SubNavMenu ul.AspNet-Menu li:hover ul {
    left:6px;
}

.SubNavMenu ul.AspNet-Menu ul ul  /* Tier 3+ */ {
    top: -0.5em;
    left: 6em;
}

.SubNavMenu li /* all list items */
{
    padding: 0;
    text-align:left;
    font-size:12px;
    width:150px;
    margin:-3px 0 0 0;
    width:190px;
    display:block;
}

.SubNavMenu li:hover, /* list items being hovered over */
.SubNavMenu li.AspNet-Menu-Hover
{
}

.SubNavMenu a, /* all anchors and spans (nodes with no link) */
.SubNavMenu span
{
    color:#4f648b;
    padding: 4px 2px 4px 8px;
    background: transparent url(arrowRight.gif) right center no-repeat;
}



.AspNet-Menu-Leaf li
{
    margin:-10px;
    padding:-10px;
}

.AdminMenu ul.AspNet-Menu /* Tier 1 */
{
    width: 180px; /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
}

.AdminMenu ul.AspNet-Menu ul  /* Tier 2 */
{
    width: 180px;
    top: 100%;
    left: 0;
}


.AdminMenu ul.AspNet-Menu li:hover ul
{
    left:150px;
    top:0px;
    left:180px;
}

.AdminMenu ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: -0.5em;
    left: 6em;
}

.AdminMenu li /* all list items */
{
    width: 6em;
    background-color:  #99cc65;
    font-weighT:bold;
}

.AdminMenu li:hover, /* list items being hovered over */
.AdminMenu li.AspNet-Menu-Hover
{
    background-color: #F6F6F6;
}

.AdminMenu a, /* all anchors and spans (nodes with no link) */
.AdminMenu span
{
    color: white;
    padding: 4px 2px 4px 8px;
    border:1px solid #cccccc;
    background: transparent url(arrowRight.gif) right center no-repeat;
}

.AdminMenu li.AspNet-Menu-Leaf a, /* leaves */
.AdminMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}

.AdminMenu li:hover a, /* hovered text */
.AdminMenu li:hover span,
.AdminMenu li.AspNet-Menu-Hover a,
.AdminMenu li.AspNet-Menu-Hover span,
.AdminMenu li:hover li:hover a,
.AdminMenu li:hover li:hover span,
.AdminMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.AdminMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.AdminMenu li:hover li:hover li:hover a,
.AdminMenu li:hover li:hover li:hover span,
.AdminMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.AdminMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #858588;
    background: transparent url(activeArrowRight.gif) right center no-repeat;
}

.AdminMenu li:hover li a, /* the tier above this one is hovered */
.AdminMenu li:hover li span,
.AdminMenu li.AspNet-Menu-Hover li a,
.AdminMenu li.AspNet-Menu-Hover li span,
.AdminMenu li:hover li:hover li a,
.AdminMenu li:hover li:hover li span,
.AdminMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.AdminMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: white;
    background: transparent url(arrowRight.gif) right center no-repeat;
}

.AdminMenu .AspNet-Menu-Selected /* this tier is selected */
{
    border: solid 1px #ccc !important;
}

.AdminMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    border: solid 1px #ccc !important;
}

.AdminMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    border: solid 1px #ccc !important;
}

