﻿.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/*********************** MENU VERTICAL  *******************/

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. 
height: 3em;
*/



.SampleMenuV
{
    height:100%;
    font-size:small;
    font-family: Tahoma;
    position:relative;
    width: 100%;
    text-align:left;
    
}

.SampleMenuV
{
    text-align:left;

}


/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */

.SampleMenuV .Menu-Skin-Vertical
{
    position:relative;
    top: 3em;
    left: 0;
    z-index: 300;
}

.SampleMenuV .Menu-Skin-StaticItem
{
    font-size: small;
    border-width:0px;
    border-bottom: solid 1px white;
    width:110%;
}

.SampleMenuV .Menu-Skin-DynamicHover
{
    background:#7795BD;    
}
