﻿/* 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. */

ul.AspNet-Menu 
{
    position: relative;
    list-style-type:none;
}


ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;

}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
    color:#330;	
    
    padding-left:10px;
	width:162px;
	overflow:hidden;
}



ul.AspNet-Menu li a 
{
	
}



ul.AspNet-Menu ul
{
    position: absolute;
    display: none;    
}

ul.AspNet-Menu li ul 
{
	position:absolute;
	z-index:300;
	width:166px;
	
	left:172px;
	top:0;
	background-color:#F6EBB2;
}

ul.AspNet-Menu li ul li 
{
	width:165px;
	display:block;
	border-top:solid 1px #638fcb;
	border-right:solid 2px #638fcb;
	border-bottom:solid 1px #638fcb;
	border-left:solid 2px #638fcb;
	font-size:8pt !important;
	background-color:#F6EBB2 !important;
	/*color:#330;*/
}



/* 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.AspNet-Menu-Hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul
{
    display: none;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    display: block;
}

#left_column ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    
    width:172px;
	display:block;
	border-bottom:solid 2px #638fcb;
	font-size:8pt !important;
	background-color:#a5c3e0 !important;
	color:#330;
}

#left_column ul.AspNet-Menu li ul li 
{
	background-color:#F6EBB2 !important;
}

#left_column ul.AspNet-Menu li a:hover 
{
	background-color:#D8E5F2 !important;
}


#horz_menu ul.AspNet-Menu li
{
	
	background:transparent url(images/tabArt_cream.gif) no-repeat left top !important;
	border-bottom:solid 1px #638fcb !important;	
	
	width: 127px !important;
	height: 32px !important;
	text-align:center;
	margin:0;
	padding:0;
	
	font-size:8pt !important;
	color:#330;
	
}

#horz_menu ul.AspNet-Menu li a
{	
	display:block !important;
	width:117px !important;
	height: 32px !important;
	
		
	vertical-align:middle !important;
	background-image:none !important;
	padding-left:3px ;
	padding-right:3px;	
}


#horz_menu ul.AspNet-Menu li.AspNet-Menu-Hover 
{
	background-position: left top !important;
	background-image: url(images/blueTab.jpg) !important;
	background-repeat: no-repeat !important;
}

#horz_menu ul.AspNet-Menu li.AspNet-Menu-Selected 
{
	background-position: left top;
	background-image: url(images/blueTab.jpg) !important;
	background-repeat: no-repeat;
	border-bottom:solid 1px transparent;	
}

/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. This allows us to force the top tier of the menu to layout */
/* horizontally, whereas all subsequent tiers of the menu lay out vertically. */

.AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    float: left;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
    float: none;
}
