/* 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;
}


ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;

}

ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
}

ul.AspNet-Menu ul
{
    position: absolute;
    display: none;    
}

/* 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;
}


/* -------------------------------------------------------------------------- */
/* 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;
}

/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/* -------------------------------------------------------------------------- */
/* ContentMenu Vertical */
/* -------------------------------------------------------------------------- */

.ContentMenu .AspNet-Menu-Vertical
{
	position: relative;
	top: 30px;
	left: 0px;
}

.ContentMenu ul
{
	width: 150px;
	font-family: Verdana;
	font-size: 11px;
	background: #FFF;
}

.ContentMenu ul.AspNet-Menu 
{
	width: 150px;
	font-family: Verdana;
	font-size: 11px;
	
	background: transparent; /*  */
}

.ContentMenu ul.AspNet-Menu ul
{
	left: 128px;
	top: 3px;
}

.ContentMenu li ul.AspNet-Menu 
{
	background: #003399 url(bg_nav.gif) repeat-x; /**/
}

 .ContentMenu ul.AspNet-Menu li span
{
	color: #003366;
	padding: 1px 15px 3px 15px;
	border-left: 1px solid #FFFFFF;
	border-bottom: 0;
	background: #FFF;
	line-height: 13px;
	white-space: nowrap;
	font-weight:bold;
}

.ContentMenu ul.AspNet-Menu li a
{
	color: #000;
	padding: 1px 15px 3px 15px;
	border-left: 1px solid #FFFFFF;
	border-bottom: 0;
	background: #FFF;
	line-height: 13px;
	white-space: nowrap;
	text-decoration: none;
	font-weight:bold;
}

.ContentMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a, .ContentMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
	background-image: none;
	text-decoration: none;
}
/*
.ContentMenu li.AspNet-Menu-Leaf
{
border-right: 0px solid #FFFFFF;	
}
.ContentMenu ul.AspNet-Menu li a,
*/

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

.ContentMenu ul.AspNet-Menu li:hover, .ContentMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
	/*background: silver;*/
}

.ContentMenu ul.AspNet-Menu li a:hover, .ContentMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
	color: White;
	background: transparent url(activeArrowRight.gif) right center no-repeat;
}

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


/* -------------------------------------------------------------------------- */
/* ContentMenu Horizontal */
/* -------------------------------------------------------------------------- */

.ContentMenu .AspNet-Menu-Horizontal
{
	position: relative;
	top: 0px;
	left: 0px;
	white-space: nowrap;
}

.ContentMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf
{
	border-left: 1px solid #FFFFFF;
	border:none;
}

.ContentMenu .AspNet-Menu-NonLink
{
	cursor:hand;
}

.ContentMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf a
{
	border-left: 1px solid #FFFFFF;
	border:none;
	text-decoration: none;
}

.ContentMenu .AspNet-Menu-Horizontal li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf a:hover
{
	border-left: 1px solid #FFFFFF;
	background: #6082ab; /* ul.AspNet-Menu*/
	border: none;
	text-decoration: none;
}

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

.ContentMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
	left: 0px;
	top: 16px; /* 2em;*/
	padding-top: 3px;
	padding-bottom: 3px;
	width:auto;
}

.ContentMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
	text-align: center;
}

.ContentMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
	text-align: left;
}

.ContentMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
}

.ContentMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
	margin: 0 0 0 0px;
}

/* -------------------------------------------------------------------------- */
/* TopMenu Vertical */
/* -------------------------------------------------------------------------- */

.TopMenu .AspNet-Menu-Vertical
{
	position: relative;
	top: 30px;
	left: 0px;
}

.TopMenu ul.AspNet-Menu, .TopMenu ul.AspNet-Menu ul
{
	width: 130px;
	font-family: Verdana;
	font-size: 11px;
	background: #0a6cce;
}

.TopMenu ul.AspNet-Menu ul
{
	left: 128px;
	top: 3px;
}

.TopMenu ul.AspNet-Menu li
{
	background: #0a6cce url(bg_nav.gif) repeat-x;
}

.TopMenu ul.AspNet-Menu li span
{
	color: #FFFFFF;
	padding: 1px 15px 3px 15px;
	border-left: 1px solid #FFFFFF;
	border-bottom: 0;
	background: transparent url(arrowRight.gif) right center no-repeat;
	line-height: 13px;
	white-space: nowrap;
}

.TopMenu ul.AspNet-Menu li a
{
	color: #FFFFFF;
	padding: 1px 15px 3px 15px;
	border-left: 1px solid #FFFFFF;
	border-bottom: 0;
	background: transparent url(arrowRight.gif) right center no-repeat;
	line-height: 13px;
	white-space: nowrap;
	text-decoration: none;

}

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

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

.TopMenu ul.AspNet-Menu li:hover, .TopMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
	/*background: silver;*/
}

.TopMenu ul.AspNet-Menu li a:hover, .TopMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
	color: White;
	background: transparent url(activeArrowRight.gif) right center no-repeat;
	text-decoration: none;
}

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


/* -------------------------------------------------------------------------- */
/* TopMenu Horizontal */
/* -------------------------------------------------------------------------- */

.TopMenu .AspNet-Menu-Horizontal
{
	position: relative;
	top: 0px;
	left: 0px;
white-space: nowrap;
}

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

.TopMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
	width: 13px;
	left: 3px;
	top: 2em;
}

.TopMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
	text-align: center;
	cursor:auto;
}

.TopMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
	text-align: left;
}

.TopMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
}

.TopMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
	margin: 0 0 0 0px;
}

/*These styles were used after the migration of the project from VS2010 to VS2012 as the menu control was not working as expected in normal mode.
  However, this was an existing issue even in the older versions.*/
.StaticMenuStyle
{
    color: #000;
    padding: 1px 15px 3px 15px !important;
    border-left: 1px solid #FFFFFF;
    border-bottom: 0;
    background: #FFF;
    line-height: 13px;
    white-space: nowrap;
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
    text-align: center;
    float: left;
    position: relative;
}

    .StaticMenuStyle:hover
    {
        color: #003366;
    }

.DynamicMenuStyle
{
    border-left: 1px solid #FFFFFF;
    border: none;
    background-color: #FFFFFF;
    text-decoration: none;
    padding: 2px 12px 2px 12px;
    text-align: left;
    font-weight: bold;
    color: black !important;
}

    .DynamicMenuStyle:hover
    {
        border-left: 1px solid #FFFFFF;
        background-color: #6082ab !important; /* ul.AspNet-Menu*/
        border: none;
        text-decoration: none;
        color: white !important;
    }