﻿
.mainMenu
{
	text-align: left;
	height: auto;
	font-size: 0.9em;
}

.mainMenu a, .mainMenu img
{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin: 0;
}


.mainMenu .link
{
	padding: .5em 6px;
	text-decoration: none;
	color: white;
	
	font-weight: normal;
}

.mainMenu .link:hover,
.mainMenu .focused
{
	/* color: #ce121d; */
}

.mainMenu .rootGroup .disabled:hover
{
}

.mainMenu .rootGroup li a,
.mainMenu .rootGroup li a:hover
{
	padding: 0px 0 0 0;
	cursor: hand;
}

.mainMenu .rootGroup li
{
	padding: 0 4px;
}

.mainMenu .rootGroup li li
{
	padding: 0;
}

.mainMenu .text
{
	vertical-align: middle;
	padding-right: 10px;
}

/*	sub menu style */
.mainMenu .group
{
	/*	background:white; */
	/* border:1px solid buttonshadow; */
	background-color: white;
	color: #005879;
}

/* extra space for level1 flyout */
.mainMenu ul.group
{
	margin-top: 6px !important;
	border: solid 1px #5c738b;
}
/* override extra space for levels 2,3,4 */
.mainMenu ul.level2, 
.mainMenu ul.level3,
.mainMenu ul.level4
{
	margin-top: 0px !important;
}

.mainMenu .group li
{
	margin: 1px;
}

.mainMenu .group li a
{
	color: #005879;
	font-size: 0.9em;
}

.mainMenu .group li a:hover
{
	background-color: #5C738B;
	color: white;
}

/*
.mainMenu .group li.first
{
	margin-top: 10px;
}
*/

.mainMenu .group .text
{
	padding: 5px 46px 5px 5px;
}

.mainMenu .leftArrow,
.mainMenu .rightArrow,
.mainMenu .topArrow,
.mainMenu .bottomArrow,
.mainMenu .leftArrowDisabled,
.mainMenu .rightArrowDisabled,
.mainMenu .topArrowDisabled,
.mainMenu .bottomArrowDisabled
{
	border-left: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	background: buttonface url('Images/Menu/left.gif') center center no-repeat;
	width: 15px;
}

.mainMenu .topArrow,
.mainMenu .topArrowDisabled
{
	background-image: url('Images/Menu/top.gif');
	width: 100%;
}

.mainMenu .bottomArrow,
.mainMenu .bottomArrowDisabled
{
	background-image: url('Images/Menu/bottom.gif');
	width: 100%;
}

.mainMenu .rightArrow,
.mainMenu .leftArrow
{
	height: 100%;
}

.mainMenu .rightArrow,
.mainMenu .rightArrowDisabled
{
	background-image: url('Images/Menu/right2.gif');
}

.mainMenu .vertical .separator .text
{
	border-bottom: 2px inset buttonface;
	margin: 0 2px;
}

.mainMenu .expandLeft,
.mainMenu .expandRight
{
	background: transparent url(Images/Menu/right2.gif) right center no-repeat;
}

.mainMenu_rtl .expandLeft,
.mainMenu_rtl .expandRight
{
	background: transparent url(Images/Menu/groupImageRTL.gif) left center no-repeat;
	padding-left: 10px !important;
}

/* right to left */
.mainMenu_rtl .group .link:hover .expandLeft,
.mainMenu_rtl .group .link:hover .expandRight
{
	background: transparent url(Images/Menu/invertedGroupImageRTL.gif) left center no-repeat;
	margin: 0px 1px;
	margin-left: -2px;
}

.mainMenu .link:hover .expandLeft,
.mainMenu .link:hover .expandRight,
.mainMenu .focused .expandLeft,
.mainMenu .focused .expandRight,
.mainMenu .expanded .expandLeft,
.mainMenu .expanded .expandRight
{
	background: transparent url(Images/Menu/right_hover.gif) right center no-repeat;
}

/* flyout menu styles for dotted separator */
.menuFlyoutSep
{
	width: auto;
	height: 1px;
	background: transparent url(Images/Menu/menu_horiz_sep.gif) left center repeat-x;
	border: none;
}
.menuFlyoutSep .text
{
	display: none !important;
}