@media only print
{
	.crmzLeftMenuContainer
	{
		display:none;
	}
}

.crmzLeftMenuContainer
{
	padding:1px;
}

/* NOT SMALL DEVICE! */
.crmzLeftMenuHeader
{
	font-size:14pt;
	font-weight:bold;		
}
.crmzLeftMenuHeaderMobile
{
	font-size:14pt;
	font-weight:bold;		
	display:none;
}
.crmzLeftMenuContainer
{
	width: 260px;  
}
.crmzLeftMenuHeaderContainer
{
	width:100%;
	font-size:14pt;
}

.crmzLeftMenu ul.AspNet-Menu /* Tier 1 */
{
}


/* Override some styles for different media types */

/* SMALL DEVICE! */
@media only screen and (min-width: 1px) and (max-width: 737px) 
{ 
	.crmzLeftMenu
	{
		display:inherit;	/* This may get flipped on/off by javascript */
	}
	.crmzLeftMenuHeader
	{
		font-size:22px;
		display:none;
	}
	.crmzLeftMenuHeaderMobile
	{
		font-size:29px;
		/* position:absolute;
		left:2px; */
		display:block;
		padding:0 0 0 0;
		margin-top: -18px;
		width: 2px;
	}
	.crmzLeftMenuContainer
	{
		padding:0 0 0 0;
		width:auto;
	}
	.crmzLeftMenuHeaderContainer
	{
		padding:0 0 0 0;
		width:auto;
	}
	.crmzLeftMenu ul.AspNet-Menu /* Tier 1 */
	{
		width: 224px; /* On mobile devices the left menu is a fixed size; this is a drag, but o/w it's too complicated and it can grow too wide and overlay the actual page text */
		display: none; /* Left menu is hidden on mobile devices until user clicks ≡, which toggles display of top level menu item */
		position: absolute;
		border-left-style:double;
		border-left-color:#C82a2d;
		border-right-style:double;
		border-right-color:#C82a2d;	
	}
	/* In mobile mode, the left menu is a fixed size (see width: just above); that means we need to let menu items
	   wordwrap if they are too long, else they bleed out of the menu onto the page text. */	
	.crmzLeftMenu li /* all list items */
	{
		white-space:normal;
	}

	.crmzLeftMenu li li /* tier 2+ list items */
	{
		white-space:normal;
	}
}

.crmzLeftMenu ul.AspNet-Menu ul  /* Tier 2 */
{
    left: 5%;
    width: 95%;
    position:relative;
    visibility: visible;
    z-index: 100;
}

.crmzLeftMenu ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    left: 0;
    width: 100%;
    position:relative;
    visibility: visible;
    z-index: 100;
}

/* Add more rules here if your menus have more than three (3) tiers */
.crmzLeftMenu ul.AspNet-Menu li:hover ul ul,
.crmzLeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: visible;
}

.crmzLeftMenu li /* all list items */
{
    /*width: 6em;*/
    white-space:nowrap;
}

.crmzLeftMenu li li /* tier 2+ list items */
{
    white-space:nowrap;
}


.crmzLeftMenu a, /* Tier1 anchors and spans (nodes with no link) */
.crmzLeftMenu span
{
    padding: 6px 4px 6px 6px;
    border-top: 1px solid White;
    background: transparent right center no-repeat;
}

.crmzLeftMenu li li a /* Tier 2 anchors  */
{
    padding: 6px 4px 6px 6px;
    border-top: 1px solid White;
    background: transparent right center no-repeat;
}

.crmzLeftMenu li span /* Tier 1 spans (nodes with no link) */
{
    padding: 6px 4px 6px 6px;
    border-top: 1px solid White;
}

.crmzLeftMenu li li span /* Tier 2 spans (nodes with no link) */
{
    padding: 6px 4px 6px 6px;
    border-top: 1px solid White;
}

.crmzLeftMenu li li li span /* Tier 3+ spans (nodes with no link) */
{
    padding: 6px 4px 6px 6px;
    border-top: 1px solid White;
}

.crmzLeftMenu li.AspNet-Menu-Leaf a, /* leaves */
.crmzLeftMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}

/* whenever we need to add formatted items to a menu (e.g. "New!"), we should wrap it in a DIV with display set to inline-block or else IE will put it on its own line */
.crmzLeftMenu li a, .crmzLeftMenu li a div, /* leaves */
.crmzLeftMenu li span, .crmzLeftMenu li span div
{
    display:inline-block;
}

.crmzLeftMenu li:hover a, .crmzLeftMenu li:hover span,
.crmzLeftMenu li.AspNet-Menu-Hover a, .crmzLeftMenu li.AspNet-Menu-Hover span /* hovered text */
{
    background: transparent;
}

.crmzLeftMenu li:hover li:hover a, .crmzLeftMenu li:hover li:hover span, .crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.crmzLeftMenu li:hover li:hover li:hover a, .crmzLeftMenu li:hover li:hover li:hover span, .crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
/* -- commented out to allow selected menu items to stay their own color
    background: transparent;
*/
}


.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
{
    background: transparent;
}

.crmzLeftMenu li:hover li:hover li a,
.crmzLeftMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a
{
    background: transparent;
}