﻿.MenuHigh    {font-weight:bold;color:White;text-decoration:none}
.MenuItem    {font-weight:bold;color:White;text-decoration:none}
.MenuOpen    {font-weight:bold;color:#2F3E47;text-decoration:none}
A.MenuHigh:link    {font-weight:bold;color:White;text-decoration:none}
A.MenuHigh:visited {font-weight:bold;color:White;text-decoration:none}
A.MenuHigh:active  {font-weight:bold;color:White;text-decoration:none}
A.MenuHigh:hover   {font-weight:bold;color:#FFFF66;text-decoration:Underline}
A.MenuItem:link    {font-weight:bold;color:White;text-decoration:none}
A.MenuItem:visited {font-weight:bold;color:White;text-decoration:none}
A.MenuItem:active  {font-weight:bold;color:White;text-decoration:none}
A.MenuItem:hover   {font-weight:bold;color:#FFFF66;text-decoration:Underline}
A.MenuOpen:link    {font-weight:bold;color:#2F3E47;text-decoration:none}
A.MenuOpen:visited {font-weight:bold;color:#2F3E47;text-decoration:none}
A.MenuOpen:active  {font-weight:bold;color:#2F3E47;text-decoration:none}
A.MenuOpen:hover   {font-weight:bold;color:#FFFF66;text-decoration:Underline}

.topMenu { background:transparent; position:absolute; 
/* Top menu with new logo:  */
		   left: 224px; /* image=208+padding=20-pullback=4 */
		   top:100px;
		   right:5px;}

/* list All menu components that use colors here in one place */
/* (See top of LeftMenu.css for a few colors that must be specified there) */
/* *************************** Top Menu colors *************************** */
.menuTable table.menuTable, tr.menuTable, tr.menuTable td, table.menuTable tr, table.menuTable tr td
{
	color: #333E48; /* MenuOpenFontColor */
    background: transparent;
}

.crmzTopMenu li /* Top row items */
{
	color: #333E48; /* MenuOpenFontColor */
    background: transparent url(activeArrowDown_Red.gif) right center no-repeat;
    font-weight: bold;
}
.crmzTopMenu li a, .crmzTopMenu li span  /* Top row items */
{
    font-size: 18px;
    font-family:'Roboto Condensed';
}
.crmzTopMenu li li a, .crmzTopMenu li li span  /* Top row items */
{
    font-size: 14px;
}

.crmzTopMenu ul ul
{
    border-bottom: 3px solid #C82A2D;
    border-top: 3px solid #C82A2D;
}

.crmzTopMenu li li /* tier 2+ list items */
{
	color: #333E48; /* MenuOpenFontColor */
    background: #EEEEEE; /* not just nackground-color, we need to use background here to override red arrow */
    font-weight: normal;
}

.crmzTopMenu li:hover /* list items being hovered over */
{
	color: #333E48; /* MenuOpenFontColor */
    background: #EEEEEE url(activeArrowDown_Red.gif) right center no-repeat;
    text-decoration:none;

}

.crmzTopMenu li.AspNet-Menu-Hover
{
	color: #333E48; /* MenuOpenFontColor */
    background: #EEEEEE url(xicon2_Red.gif) right center no-repeat;
}

@media only screen and (min-width: 1px) and (max-width: 737px) 
{ 
	.topMenu { width:auto; position:absolute; left: 20px; background: transparent; top:auto; /*#A4BFD3;  TopMenuBackColor */ }
	.topMenuStatic { display:block;}
	.topMenuDynamic { display:none;}
	.menuTable table.menuTable, tr.menuTable, tr.menuTable td, table.menuTable tr, table.menuTable tr td
	{
		color: #333E48; /* MenuOpenFontColor */
		background: transparent; /*#A4BFD3;  this is derived from #1D6093 at 40% opacity on a #333E48 background */ 		
	}
	.crmzTopMenu li /* Top row items */
	{
		color: #333E48; /* MenuOpenFontColor */
		background: transparent url(activeArrowDown_Red.gif) right center no-repeat;
	}
}

@media only screen and (min-width: 1px) and (max-width: 737px) and (orientation:landscape)
{ 
/* Top menu without special 20th anniversary logo: 
	.topMenu { left: 200px; margin-top:-35px; } */
/* Top menu without special 20th anniversary logo: */
	.topMenu { left: 230px; margin-top:-35px; } 
}

.crmzTopMenu li:hover a, .crmzTopMenu li:hover span, /* hovered text */
.crmzTopMenu li.AspNet-Menu-Hover a, .crmzTopMenu li.AspNet-Menu-Hover span
{
    color: #333E48;
    font-weight:bold;
    text-decoration:none;
}

.crmzTopMenu li:hover li:hover a, .crmzTopMenu li:hover li:hover span,
.crmzTopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .crmzTopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.crmzTopMenu li:hover li:hover li:hover a, .crmzTopMenu li:hover li:hover li:hover span,
.crmzTopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .crmzTopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: White;
    background: #C82A2D url(activeArrowDown.gif) right center no-repeat;
    font-weight:bold;
    text-decoration:none;
}

.crmzTopMenu li:hover a, .crmzTopMenu li:hover span, /* hovered text */
.crmzTopMenu li.AspNet-Menu-Hover a, .crmzTopMenu li.AspNet-Menu-Hover span
.crmzTopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .crmzTopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.crmzTopMenu li:hover li:hover li:hover a, .crmzTopMenu li:hover li:hover li:hover span /* hovered text */
{
    font-weight:bold;
}
.crmzTopMenu li:hover li a, .crmzTopMenu li:hover li span, /* hovered text */
.crmzTopMenu li:hover li:hover a, .crmzTopMenu li:hover li:hover span, /* hovered text */
.crmzTopMenu li.AspNet-Menu-Hover li a, .crmzTopMenu li.AspNet-Menu-Hover li span,
.crmzTopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .crmzTopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.crmzTopMenu li:hover li:hover li a, .crmzTopMenu li:hover li:hover li span, /* hovered text */
.crmzTopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .crmzTopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    font-weight:normal;
}

.crmzTopMenu li:hover li a, .crmzTopMenu li:hover li span, /* the tier above this one is hovered */
.crmzTopMenu li.AspNet-Menu-Hover li a, .crmzTopMenu li.AspNet-Menu-Hover li span,
.crmzTopMenu li:hover li:hover li a, .crmzTopMenu li:hover li:hover li span,
.crmzTopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .crmzTopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span,
.crmzTopMenu li li a, .crmzTopMenu li li span, /* Tier2+ anchors and spans (nodes with no link) */
.crmzTopMenu a, .crmzTopMenu span,  /* Tier1 anchors and spans (nodes with no link) */
.crmzTopMenu li li a, .crmzTopMenu li li span /* Tier2+ anchors and spans (nodes with no link) */
{
    color: #333E48;
}

.crmzTopMenu li li span, .crmzTopMenu li li li span,
.crmzTopMenu li li a, .crmzTopMenu li li li a
{
    border-top: 1px solid Gray;
}


/* *************************** Left Menu colors *************************** */
.crmzLeftMenuHeader, .crmzLeftMenuHeaderMobile, .crmzLeftMenuHeaderContainer
{
	font-family:'Roboto Condensed';
	color: #333E48; /* MenuOpenFontColor */
	background-color: #D9D9D9;
	font-size:42px;
	font-weight:bold;
}	

.crmzLeftMenu li /* all list items */
{
	color: #333E48; /* MenuOpenFontColor */
	background-color: #EEEEEE;
	font-weight:normal;
}	

.crmzLeftMenu li a,.crmzLeftMenu li span /* all list items */
{
	font-family:'Roboto Condensed';
	font-size: 16px;
}

.crmzLeftMenu li li a,.crmzLeftMenu li li span /* all list items */
{
	font-family:'Karma';
	font-size: 14px;
	font-weight:600;
}


.crmzLeftMenu a, .crmzLeftMenu span, /* Tier 1 & 2 anchors and spans (nodes with no link) */
.crmzLeftMenu li:hover li:hover li span,
.crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span,
.crmzLeftMenu li:hover li span, /* the tier above this one is hovered */
.crmzLeftMenu li.AspNet-Menu-Hover li span,
.crmzLeftMenu li span, /* Tier 1 spans (nodes with no link) */
.crmzLeftMenu li li span, /* Tier 2 spans (nodes with no link) */
.crmzLeftMenu li li li span /* Tier 3+ spans (nodes with no link) */
{
/* -- commented out to allow selected menu items to stay their own color
    color: #333E48;
*/}

.crmzLeftMenu li.AspNet-Menu-Selected:hover li.AspNet-Menu-Selected:hover li span,
.crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span,
.crmzLeftMenu li.AspNet-Menu-Selected:hover li span, /* the tier above this one is hovered */
.crmzLeftMenu li.AspNet-Menu-Hover li span,
.crmzLeftMenu li.AspNet-Menu-Selected:hover, .crmzLeftMenu li.AspNet-Menu-Hover, /* list items being hovered over */
.crmzLeftMenu li.AspNet-Menu-Selected:hover li.AspNet-Menu-Selected:hover, .crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover,
.crmzLeftMenu li.AspNet-Menu-Selected:hover li.AspNet-Menu-Selected:hover li.AspNet-Menu-Selected:hover, .crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover
.crmzLeftMenu li.AspNet-Menu-Selected span, /* Tier 1 spans (nodes with no link) */
.crmzLeftMenu li li.AspNet-Menu-Selected span, /* Tier 2 spans (nodes with no link) */
.crmzLeftMenu li li li.AspNet-Menu-Selected span /* Tier 3+ spans (nodes with no link) */
{
	color:black;
    font-family: 'Karma';
    background-color: #D1DFE9;
    font-size: 14px;
}


.crmzLeftMenu li span, /* Tier 1 spans (nodes with no link) */
.crmzLeftMenu li li span, /* Tier 2 spans (nodes with no link) */
.crmzLeftMenu li li li span /* Tier 3+ spans (nodes with no link) */
{
/*    color: black;  */
    background-color: lightgray;/* selected menu */
    font-family: 'Roboto Condensed';
    font-size: 16px;
}



.crmzLeftMenu li li /* tier 2+ list items */,
.crmzLeftMenu li.AspNet-Menu-ChildSelected li a
{
    color: #333E48;		 /* MenuOpenFontColor */
    background-color: #EEEEEE;
}

.crmzLeftMenu li li li /* tier 2+ list items */
{
    color: #333E48; /* MenuOpenFontColor */
}

.crmzLeftMenu li li a /* Tier 2 anchors  */
{
    color: #2F3E47;
    background-color: #C82A2D; /* TopMenuBackColor */
}

.crmzLeftMenu li:hover, .crmzLeftMenu li.AspNet-Menu-Hover, /* list items being hovered over */
.crmzLeftMenu li:hover li:hover, .crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover,
.crmzLeftMenu li:hover li:hover li:hover, .crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover
{
    color: White; /* MenuHoverFontColor */
    background-color: #C82A2D;/* selected menu */
}
.crmzLeftMenu li.AspNet-Menu-ChildSelected span, .crmzLeftMenu li.AspNet-Menu-ChildSelected a
{
    color: White; /* MenuHoverFontColor */
    background: #C82A2D url(activeArrowRight.gif) right center no-repeat;/* selected menu */
}


.crmzLeftMenu li.AspNet-Menu-ChildSelected li span
{
    color: #2F3E47;
    background-color: lightgray;
}
.crmzLeftMenu li.AspNet-Menu-ChildSelected li li span, .crmzLeftMenu li.AspNet-Menu-ChildSelected li li a
{
    color: #2F3E47;
    background-color: transparent;
}	

.crmzLeftMenu li.AspNet-Menu-ChildSelected li.AspNet-Menu-ChildSelected li.AspNet-Menu-Selected span,
.crmzLeftMenu li.AspNet-Menu-ChildSelected li.AspNet-Menu-Selected span,
.crmzLeftMenu li.AspNet-Menu-Selected span
{
	background-color: #D1DFE9;
}

.crmzTopMenu li li:hover, /* list items being hovered over */
.crmzTopMenu li li.AspNet-Menu-Hover
{
    color: White; /* MenuHoverFontColor */
    background-color: #C82A2D;/* selected menu */
}

.crmzLeftMenu li.AspNet-Menu-WithChildren span
{
    background: #C82A2D url(activeArrowRight.gif) right center no-repeat;
    color:White;
}


.crmzLeftMenu li:hover a, .crmzLeftMenu li.AspNet-Menu-Hover a,
.crmzLeftMenu li:hover li:hover a, .crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.crmzLeftMenu li:hover li:hover li:hover a, .crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a
{
    color: White;
}
.crmzLeftMenu li:hover span, .crmzLeftMenu li.AspNet-Menu-Hover span, /* hovered text */
.crmzLeftMenu li:hover li:hover span, .crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.crmzLeftMenu li:hover li:hover li:hover span, .crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
/*     color: #2F3E47; */
}

.crmzLeftMenu li:hover li a, .crmzLeftMenu li:hover li li a, /* the tier above this one is hovered */
.crmzLeftMenu li.AspNet-Menu-Hover li a,.crmzLeftMenu li.AspNet-Menu-Hover li li a,
.crmzLeftMenu li:hover li:hover li a,
.crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a
{
    color: #000000; 
}

/* *************************** End of Menu colors *************************** */

table.menuTable,
tr.menuTable,
tr.menuTable td,
table.menuTable tr,
table.menuTable tr td
{
	padding: 0;
	border-spacing: 0;
	font-family:'Roboto Condensed';
}

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;
    list-style-type: none;
    float: left;
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
    font-weight: bold;
}

ul.AspNet-Menu li li a,
ul.AspNet-Menu li li span
{
    display: block;
    text-decoration: none;
}

ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;    
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
/* do not show on hover, only when they contain the AspNet-Menu-Hover class! */
/* 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
{
    visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}

.crmzTopMenu li:hover, /* list items being hovered over */
.crmzTopMenu li.AspNet-Menu-Hover
{
	z-index:101;
    text-decoration:none;
    cursor:pointer;
}


@media only print
{
	table.menuTable, 	tr.menuTable,
	tr.menuTable td, 	table.menuTable tr,
	table.menuTable tr td
	{
		display: none;
	}
}
