.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

.PrettyMenu ul.AspNet-Menu li
{
    background: url(bg_nav.png) repeat-x;
}

.PrettyMenu ul.AspNet-Menu li a,
.PrettyMenu ul.AspNet-Menu li span
{
    color: #3A4F63;
    padding: 4px 0px 4px 0px;        
    border:1px solid #CCCCCC;    
    /*
    background: transparent url(arrowRight.gif) right center no-repeat;
*/
    font-size:11px;	/* font chu */
    text-align:center;
    font-weight: bold;    
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

.PrettyMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

.PrettyMenu ul.AspNet-Menu li:hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background:#7795BD;
}

.PrettyMenu ul.AspNet-Menu li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: White;
}

.PrettyMenu ul.AspNet-Menu li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color:  #3A4F63;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a:hover,
.PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
    /*
    background: transparent url(activeArrowRight.gif) right center no-repeat;
*/
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}


.PrettyMenu
{         
    width:100%;           
    text-align:center;
}

.PrettyMenu .AspNet-Menu-Horizontal	
{
    width:100%;           
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 100%;				/*do rong khung menu chinh*/    
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul		
{
    width: 100%;		/* phan nen chung cho menu cap 2, do rong phai nho hon do rong 1 menu */
    left: 0;
    top: 100%;
    text-align:left;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf	
{
    width: 9.8%; /* do rong background khung con */    
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf1
{
    width: 9.8%; /* do rong background khung con */    
}


.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren a.AspNet-Menu-Link	
{
    /* do rong  khung text menu co cac menu con*/
    text-align:center;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf a.AspNet-Menu-Link	
{
    /* do rong khung text */
    text-align:center;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren
{
    width: 10%; /* do rong  khung menu co cac menu con*/    
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren a.AspNet-Menu-Link	
{
    width: 100%; /* do rong  khung text menu co cac menu con*/
    text-align:center;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf   /*menu cap 2*/
{
    width: 100%; /* do rong background menu cap 2 */
    text-align:left;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li a.AspNet-Menu-Link	/*menu cap 2*/
{
    width: 100%; /* do rong khung text menu cap 2 */
    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. */

#SampleMenu .Menu-Skin-Horizontal
{
    position:absolute;
    left: 9.5em;
    top: 0;
    width: 45em;
    z-index: 300;
}

#SampleMenu .Menu-Skin-Vertical
{
    position:relative;
    top: 3em;
    left: 0;
    z-index: 300;
}

#SampleMenu .Menu-Skin-StaticItem
{
    /*
    background:#7795BD url(bg_nav.gif) repeat-x;
*/
    font-size: 1px;
}

#SampleMenu .Menu-Skin-DynamicHover
{
    /*
    background:#7795BD;    
*/
  background-color: #627A90;
}

.PrettyMenu .AspNet-Menu-Vertical
{
    position:relative;
    top: 3em;
    left: 0;
    z-index: 300;    
}