﻿.MenuControl ul.AspNet-Menu /* Tier 1 */
{
    width: 100%; /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
    height:30px;
    color:Blue;
    margin-top:0px;
    margin-left:0px;
    vertical-align:bottom;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    
}

.MenuControl ul.AspNet-Menu ul  /* Tier 2 */
{
    padding-top:0px;
    height:20px;
    top: 100%;
    left: 0;
     color:#FFFFFF;
     /*/border:10px solid #ffdf1a;*/
}

.MenuControl ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    padding-top:20px;
    left: 100px;
    color:#FFFFFF;
    /*border:10px solid #ffdf1a;*/
    
}

.MenuControl li /* all list items */
{
    height:30px;
    color:#FFFFFF;
    background: #FFFFFF url(../images/masterFront/menuControl/itemSeparatorImage.jpg) no-repeat left;
    
    
}

.MenuControl li li
{
	color:#FFFFFF;
	height:30px;
	padding-right:20px;
	width:160px;
	border:1px solid #90909c;
	background:url(../images/masterFront/menuControl/items/bg_item_tier2.jpg);
	
	
}

.MenuControl li ul 
{
	
	margin-top:60px;
	overflow:visible;
	/*background: #FFFFFF url(../images/masterFront/menuControl/itemSeparatorImage.jpg) no-repeat left;*/
}



.MenuControl li:hover, /* list items being hovered over */
.MenuControl li.AspNet-Menu-Hover
{
    color: #1036A1;
    
    
}

.MenuControl li li:hover,
.MenuControl li li.AspNet-Menu-Hover 
{
	color:#FFFFFF;
	background-color:#1036A1;
	height:30px;
	width:160px;
	border:1px solid #90909c;
	background:#ffffff url(../images/masterFront/menuControl/items/bg_item_tier2_Selected.jpg) repeat-x left;
	
	
}

.MenuControl li:hover li hover 
{
	color:Black;
	height:30px;
}

.MenuControl a, /* all anchors and spans (nodes with no link) */
.MenuControl span
{
    
    padding: 2px 5px 0px 9px;
    height:30px;
    color:#FFFFFF;
    /*border:1px solid #cccccc;*/
    
}

.MenuControl li.AspNet-Menu-Leaf a, /* leaves */
.MenuControl li.AspNet-Menu-Leaf span
{
    background-image: none !important;
    height:32px;
    vertical-align:middle;
    
}

.MenuControl li:hover a, /* hovered text */
.MenuControl li:hover span,
.MenuControl li.AspNet-Menu-Hover a,
.MenuControl li.AspNet-Menu-Hover span
{
    color: #1036A1;
    
}

.MenuControl li:hover li:hover a, /* Tier 2 hoverstyle */
.MenuControl li:hover li:hover span,
.MenuControl li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MenuControl li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
	color:#FFFFFF;
	padding-top:5px;
	
	
	
}

.MenuControl li:hover li:hover li:hover a, /* tier 3 hoverstyle*/
.MenuControl li:hover li:hover li:hover span,
.MenuControl li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MenuControl li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
	
}

.MenuControl li:hover li a, /* the tier above this one is hovered */
.MenuControl li:hover li span,
.MenuControl li.AspNet-Menu-Hover li a,
.MenuControl li.AspNet-Menu-Hover li span,
.MenuControl li:hover li:hover li a,
.MenuControl li:hover li:hover li span,
.MenuControl li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.MenuControl li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    padding-top:5px;
    color: #1036A1;
    
}

.MenuControl li.AspNet-Menu-Selected, .MenuControl li img.AspNet-Menu-Selected /* this tier is selected */
{
    
    background: #FFFFFF url(../images/masterFront/menuControl/itemSeparatorImage.jpg) no-repeat left;
    border-bottom:1px solid #1036A1;
    height:30px;
    
}

.MenuControl li li.AspNet-Menu-Selected
{
	color:#FFFFFF;
	height:30px;
	width:160px;
	border:1px solid #90909c;
	background:#ffffff url(../images/masterFront/menuControl/items/bg_item_tier2_Selected.jpg) repeat-x left;
}

.MenuControl li li.AspNet-Menu-Selected a 
{
	color:#ffdf1A;
}

.MenuControl .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    
    border-bottom:2px solid #7398c8;
    background: #FFFFFF url(../images/masterFront/menuControl/itemSeparatorImage.jpg) no-repeat left;
    height:30px;
    
    
}

.MenuControl .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    color:#1036A1;
    
}

