/* 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.*/
/*      THIS STYLE SHEET HAS BE MODIFIED TO DISPLAY 2 TIER VERTICAL & 3RD TIER POP OUT   */

.AspNet-Menu-Vertical ul.AspNet-Menu 
{
    position: relative;
}


.AspNet-Menu-Vertical ul.AspNet-Menu, 
.AspNet-Menu-Vertical ul.AspNet-Menu ul,  /*must have otherwise Tier 2 is going to indent automatically */
.AspNet-Menu-Vertical ul.AspNet-Menu ul ul
{
    margin: 0;
    padding: 0;
    display: block;


}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    padding-bottom: 0px;
    font-size: .9em;
    float:none !important; /* most browsers other than IE6 and below will honor this over another float */
    float:left ; /* better gaps between Tier 2 and next Tier 1 optional - BAD for FF - the fix is made above*/
    
}

.AspNet-Menu-Vertical ul.AspNet-Menu li a,
.AspNet-Menu-Vertical ul.AspNet-Menu li span
{
    text-decoration: none;
    display:block;
    height: 1%;  /* if float:left as above, must have this to fix for IE only */
}


.AspNet-Menu-Vertical ul.AspNet-Menu ul /*2nd Tier*/
{
   position: relative; /*change from absolute to relative = displays in sequential order*/
   /*display: block;  change from none to block */   
}

.AspNet-Menu-Vertical ul.AspNet-Menu ul ul /*3rd Tier */
{
    /*visibility:hidden; /*this saves the day!!
    position:absolute;
    top:0em;
    width:100%;
    left:100%;*/
    position: relative;
}

/*ul.AspNet-Menu ul ul li:hover ul ul /*3rd Tier hover popout 
{
    display: none; /* don't know why this is here ????

}*/



/* 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 li.AspNet-Menu-Hover ul /* must be specific with li.name */
/*ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul */
/*{
    /*display:block;orginal none 
    visibility:visible ;
    position:absolute;
    left: 260px;
    z-index: 300; /* higher the number, this gets displayed on top EXCEPT for ie 
    
}*/