﻿.AspNet-Menu-Optional
{
	/* display:inherit; */
}

/* Override some styles for different media types */

/* SMALL DEVICE! */
@media only screen and (min-width:1px) and (max-width: 737px) 
{ 
	.AspNet-Menu-Optional
	{
		display:none;	/* Hide optional menu items if we're on a small screen */
	}
}

.crmzTopMenu ul.AspNet-Menu /* Tier 1 */
{
	z-index:101;
	white-space:nowrap;
}

.crmzTopMenu ul.AspNet-Menu li ul.menuright {
	left:auto; right:0; text-align:left;
}

.crmzTopMenu ul.AspNet-Menu li ul.menurightmobile {
}

@media only screen and (min-width:1px) and (max-width: 737px) 
{ 
	.crmzTopMenu ul.AspNet-Menu li ul.menurightmobile {
		left:auto; right:0; text-align:left;
	}	
	.crmzTopMenu ul.AspNet-Menu li a.AspNet-Menu-Link /* Tier 1 */
	{
		font-size: 0px;
	}
	.crmzTopMenu ul.AspNet-Menu li a.menuLOOKUP:before /* Tier 1 */
	{
		font-family: 'FontAwesome';
		font-weight: normal;
		font-size: 16px;
	    content: '\f002';
	}
	.crmzTopMenu ul.AspNet-Menu li a.menuPORTFOLIO:before /* Tier 1 */
	{
		font-family: 'FontAwesome';
		font-weight: normal;
		font-size: 16px;
	    content: '\f0b1';
	}
	.crmzTopMenu ul.AspNet-Menu li a.menuNEWS:before /* Tier 1 */
	{
		font-family: 'FontAwesome';
		font-weight: normal;
		font-size: 16px;
	    content: '\f1ea';
	}
	.crmzTopMenu ul.AspNet-Menu li a.menuHELP:before /* Tier 1 */
	{
		font-family: 'FontAwesome';
		font-weight: normal;
		font-size: 16px;
	    content: '\f29c';
	}
	.crmzTopMenu ul.AspNet-Menu li a.menuTRADE:before /* Tier 1 */
	{
		font-family: 'FontAwesome';
		font-weight: normal;
		font-size: 16px;
	    content: '\f0d6';
	}
	.crmzTopMenu ul.AspNet-Menu li a.menuOUTSOURCE:before /* Tier 1 */
	{
		font-family: 'FontAwesome';
		font-weight: normal;
		font-size: 16px;
	    content: '\f018';
	}
	.crmzTopMenu ul.AspNet-Menu li a.menuINTRANET:before /* Tier 1 */
	{
		font-family: 'FontAwesome';
		font-weight: normal;
		font-size: 16px;
	    content: '\f05a';   /* or try users:'\f0c0'; */
	}
	.crmzTopMenu ul.AspNet-Menu li a.menuUSER:before /* Tier 1 */
	{
		font-family: 'FontAwesome';
		font-weight: normal;
		font-size: 16px;
	    content: '\f2be';
	}
	.crmzTopMenu ul.AspNet-Menu ul li a.AspNet-Menu-Link  /* Tier 2 */
  , .crmzTopMenu ul.AspNet-Menu ul ul li a.AspNet-Menu-Link /* Tier 3+ */
	{
		font-size: 14px;
		/*width:100%;*/
	}
}

.crmzTopMenu ul.AspNet-Menu ul  /* Tier 2 */
{
	z-index:101;
    top: 100%;
    left: 0;
}

.crmzTopMenu ul.AspNet-Menu ul ul  /* Tier 3+ */
{
	z-index:101;
    top: 0;
    left: 100%;
    /* for left-drop use left:-100% & width: 100%; */
}

.crmzTopMenu li /* Top row items */
{
	z-index:101;
    white-space:nowrap 
}

.crmzTopMenu li li /* tier 2+ list items */
{
	z-index:101;
    width: 100%;
    border-top:1px solid White;
    border-bottom:0px;
    border-left:1px solid White;
    border-right:1px solid White;
    white-space:nowrap 
}


.crmzTopMenu li li:hover, /* list items being hovered over */
.crmzTopMenu li li.AspNet-Menu-Hover
{
	z-index:101;
    text-decoration:none;
}

.crmzTopMenu a, /* Tier1 anchors and spans (nodes with no link) */
.crmzTopMenu span
{
	z-index:101;
    padding: 5px 15px 4px 16px;
    /* border:1px solid #cccccc; */
    /*background: transparent url(activeArrowRight.gif) right center no-repeat;*/
}

.crmzTopMenu li li a, /* Tier2+ anchors and spans (nodes with no link) */
.crmzTopMenu li li span
{
	z-index:101;
    padding: 6px 14px 6px 6px;
    /* border:1px solid #cccccc; */
    background: transparent url(activeArrowRight.gif) right center no-repeat;
}


.crmzTopMenu li.AspNet-Menu-Leaf a, /* leaves */
.crmzTopMenu li.AspNet-Menu-Leaf span
{
	z-index:101;
    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 */
.crmzTopMenu li a div, /* leaves */
.crmzTopMenu li span div
{
    display:inline-block;
}


.crmzTopMenu li:hover a, /* hovered text */
.crmzTopMenu li:hover span,
.crmzTopMenu li.AspNet-Menu-Hover a,
.crmzTopMenu li.AspNet-Menu-Hover span,
.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
{
	z-index:101;
    /* background: transparent /* url(activeArrowRight.gif) * / right center no-repeat; */
}

.crmzTopMenu li:hover li a, /* the tier above this one is hovered */
.crmzTopMenu li:hover li span,
.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
{
	z-index:101;
    background: transparent url(activeArrowRight.gif) right center no-repeat;
}

.crmzTopMenu .AspNet-Menu-Selected /* this tier is selected */
{
	z-index:101;
    border: solid 1px #00ff00 !important;
}

.crmzTopMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
	z-index:101;
    border: solid 1px #ff0000 !important;
}

.crmzTopMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
	z-index:101;
    border: solid 1px #0000ff !important;
}

