﻿/*
.CustomMenu
{
    z-index: 600;
}

/***
    Tier 1 
***
.CustomMenu ul.AspNet-Menu
{
    background-color: #a40000;
    border: solid 1px #999999;
    padding: 0px;
    width: 47.5em;
    /* filter: progid:DXImageTransform.Microsoft.Fade(duration=0.2) progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=100) progid:DXImageTransform.Microsoft.Shadow(color=#777777, Direction=135, Strength=4); /
    z-index: 601;
}

.CustomMenu ul.AspNet-Menu li /* all tier 1 items /
{
    background-color: #a40000;
    padding: 3px 0px 3px 0px; /* top, right, bottom, left /
    margin: 0px 5px 0px 5px; /* top, right, bottom, left /
    text-align:center;
    z-index: 602;
}

.CustomMenu ul.AspNet-Menu li a, /* anchors and spans (nodes with no link) /
.CustomMenu ul.AspNet-Menu li span
{
    background-color: #a40000;
    cursor: default;
    color: #cccccc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0 13px 0 0; /* for the arrowDown.png image (which is 12px) /
    /* background: transparent url(Images/arrowDown.png) right center no-repeat; /
    background-image: url(Images/arrowDown.png);
    background-repeat: no-repeat;
    background-position: right;
    z-index: 603;
}

.CustomMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a, /* all tier 1+ leaves /
.CustomMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-color: #a40000;
    cursor: pointer;
    background-image: none;
}

/* .CustomMenu ul.AspNet-Menu li:hover, /* list items being hovered over /
.CustomMenu ul.AspNet-Menu li.AspNet-Menu-Hover, /
.CustomMenu ul.AspNet-Menu li:hover a,
.CustomMenu ul.AspNet-Menu li:hover span,
.CustomMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.CustomMenu ul.AspNet-Menu li.AspNet-Menu-Hover span 
{
    color: blue;
}

.CustomMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}


/***
    Tier 2
/
.CustomMenu ul.AspNet-Menu ul, 
.CustomMenu ul.AspNet-Menu li:hover ul, 
.CustomMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul 
{
    color: Black;
    font-size: 0.8em;
    background-color: #eeeeee;
    border: solid 1px black;
    /* filter: progid:DXImageTransform.Microsoft.Fade(duration=0.2) progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=100) progid:DXImageTransform.Microsoft.Shadow(color=#777777, Direction=135, Strength=4); /
    width: 10.5em;
    z-index: 604;
}

.CustomMenu ul.AspNet-Menu ul li, /* all tier 2 items /
.CustomMenu ul.AspNet-Menu li:hover ul li, 
.CustomMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul li
{
    color: black;
    background-color: #eeeeee;
    text-align:left;
/*    width: 10.5em; /
    z-index: 605;
}

.CustomMenu ul.AspNet-Menu ul li a, /* anchors and spans (nodes with no link) /
.CustomMenu ul.AspNet-Menu li:hover ul li a, 
.CustomMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul li a, 
.CustomMenu ul.AspNet-Menu ul li span, 
.CustomMenu ul.AspNet-Menu li:hover ul li span, 
.CustomMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul li span 
{
    color: black;
    background-color: #eeeeee;
    padding: 0 21px 0 0; /* for the select.png image (which is 20px) /
    /* background: transparent url(Images/arrowDown.png) right center no-repeat; /
    background-image: url(Images/select.png);
    background-repeat: no-repeat;
    background-position: right;
    z-index: 606;
}

.CustomMenu ul.AspNet-Menu ul li.AspNet-Menu-Leaf a, /* all tier 2+ leaves /
.CustomMenu ul.AspNet-Menu ul li.AspNet-Menu-Leaf span, 
.CustomMenu ul.AspNet-Menu li:hover ul li.AspNet-Menu-Leaf a, 
.CustomMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul li.AspNet-Menu-Leaf a, 
.CustomMenu ul.AspNet-Menu li:hover ul li.AspNet-Menu-Leaf span, 
.CustomMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul li.AspNet-Menu-Leaf span, 
{
    background-color: #eeeeee;
    cursor: pointer;
    color: black;
    background-image: none;
}

.CustomMenu ul.AspNet-Menu * ul li:hover, /* list items being hovered over /
.CustomMenu ul.AspNet-Menu * ul li:hover a,
.CustomMenu ul.AspNet-Menu * ul li:hover span,
.CustomMenu ul.AspNet-Menu * ul li.AspNet-Menu-Hover,
.CustomMenu ul.AspNet-Menu * ul li.AspNet-Menu-Hover a,
.CustomMenu ul.AspNet-Menu * ul li.AspNet-Menu-Hover span 
{
    background-color: #eeeeee;
    color: #a40000;
}


/***
    Tier 3+
/
.CustomMenu ul.AspNet-Menu ul ul 
{
    /* top and left are relative to the Tier 2 item /
    font-size: 1.0em;
    /* left: 6em; */
    /* note: all other properties are inherited from tier 1/2 /
    width: 11.5em;
    left: 10.4em;
    z-index: 607;
}



/***
    Applies to ALL of a certain tag
/
.CustomMenu li.AspNet-Menu-Leaf a, /* all leaves /
.CustomMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}

.CustomMenu li /* all list items /
{
    /* width: 6em; /
}

.CustomMenu .AspNet-Menu-Selected /* this tier is selected /
{
    color: #a40000;
    background-color: #eeeeee;
}

.CustomMenu .AspNet-Menu-WithChildren
{
    cursor: default;
}
/*
.SimpleEntertainmentMenu .AspNet-Menu-ChildSelected / a tier below this one is selected /
{
    border: solid 1px #ff0000 !important;
}

.SimpleEntertainmentMenu .AspNet-Menu-ParentSelected / a tier above this one is selected /
{
    border: solid 1px #0000ff !important;
}
/


/** old new stuff **/


/* Tier 1+ items /
.CustomMenu ul.AspNet-Menu li 
{
    border: none;
    padding: 3px 5px 3px 5px; /* top, right, bottom, left /
}
/

/*
.CustomMenu ul.AspNet-Menu li a, /* Tier 1 anchors and spans (all of them) /
.CustomMenu ul.AspNet-Menu li span
{
    background-color: Yellow;
    /* background: transparent url(Images/arrowDown.png) right center no-repeat; /
}

.CustomMenu a, /* all anchors and spans (nodes with no link) /
.CustomMenu span
{
    /*
    color: Black;
    padding: 4px 2px 4px 8px;
    border:1px solid #cccccc;
    /
    cursor: pointer;
    padding: 0 13px 0 0; /* for the arrowDown.png image (which is 12px) /
    /* background: transparent url(Images/arrowDown.png) right center no-repeat; /
    background-image: url(Images/arrowDown.png);
    background-repeat: no-repeat;
    background-position: right;
}
*/

/*
.CustomMenu li:hover, /* list items being hovered over 
.CustomMenu li.AspNet-Menu-Hover
{
    background: Black;
}
*/

/*
.CustomMenu li:hover a, / hovered text /
.CustomMenu li:hover span,
.CustomMenu li.AspNet-Menu-Hover a,
.CustomMenu li.AspNet-Menu-Hover span,
.CustomMenu li:hover li:hover a,
.CustomMenu li:hover li:hover span,
.CustomMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.CustomMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.CustomMenu li:hover li:hover li:hover a,
.CustomMenu li:hover li:hover li:hover span,
.CustomMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.CustomMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #a40000;
    / background: transparent url(Images/arrowDown.png) right center no-repeat; /
    background-color: #e0e2e6;
}
*/



/* old styles before using CSSFriendly */

.outsideMenu
{
    background-color: #D4DBE9;
}
.outsideMenu a
{
    font-weight: bold;
    font-size: 0.8em;
}
.outsideMenu a:visited
{
    font-weight: bold;
    font-size: 0.8em;
}
.outsideMenu td
{
    padding: 0 5px 0 5px;
}


.menuStatic
{
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    background-color: #D4DBE9;
    color: #383857;
    font-size: 0.8em;
}

.menuStaticSelected
{
    color: Black;
    background-color: #D4DBE9;
}

.menuStaticHover
{
    background-color: #eeeeee;
}

.menuStaticItem
{
    /* border: solid 1 #eeeeee; */
    padding: 3px 8px 3px 8px;
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-weight: bold;
}
.menuStaticItem a
{
    color: #383857;
}
.menuStaticItem a:visited
{
    color: #383857;
}

.menuStaticItem a:hover
{
}


.menuDynamic
{
    background-color: #eeeeee;
    color:  black;
    border: solid 1px #999999;
    font-size: 0.7em;
}
.menuDynamicItem
{
    padding: 3px 3px 3px 3px;
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-weight: bold;
}
.menuDynamicItem a
{
     color: black;
}
.menuDynamicItem a:visited
{
    color: black;
}

.menuDynamicHover
{
    background-color: #D4DBE9;
}

.menuDynamicSelected
{
    color: #383857;
    background-color: #D4DBE9;
}
.menuDynamicSelected a
{
    color: #383857;
    background-color: #D4DBE9;
}
.menuDynamicSelected a:visited
{
    color: #383857;
    background-color: #D4DBE9;
}