@charset "utf-8";
/* CSS Document */


/* HEADERBLOCK - CONTAINER FOR CLIENT LOGO; PRIMARY MENU; UTILITY MENU
   ========================================================================== */
/* MENU WRAPPER */
.headerBlock {
    position: relative;
    z-index: 100;
    display: table;
    width: 100%;
    height: 60px;
	background-color: #0d0f15;
}

/* MENU ELEMENTS */
.clientLogo,
.primaryMenu,
.utilityMenu {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* CLIENT LOGO */
.clientLogo {
    width: 120px;
}

.clientLogo img {
    width: 80px;
    height: 40px;
}


/* UTILITY MENU & LOGOUT BUTTON
   ========================================================================== */
.utilityMenu {
    width: 150px;
	/*background-color: pink; /* testing only*/
}

.utilityWrapper {
    white-space: nowrap;
}

/* MENU ICON SPRITE */
.homeIcon a,
.helpIcon a,
.logoutButton a {
    background-image:  url(/images/v4/menu/sprite_menu.png);
    background-repeat: no-repeat;
}

.utilityWrapper,
.homeIcon,
.homeIcon a,
.helpIcon,
.helpIcon a,
.logoutButton,
.logoutButton a {
    display:inline-block;
}

.homeIcon a,
.helpIcon a,
.logoutButton a {
    width: 22px;
    height: 22px;
}

/* HOME BUTTON */
.homeIcon a {
    background-position: 0px 0px;
}

.homeIcon a:hover {
    background-position: 0px -25px;
}

.homeIcon.active a{
    background-position: 0px -25px;
}

/* HELP BUTTON */
.helpIcon {
	margin-left: 5px;
}

.helpIcon a {
    background-position: -25px 0px;
}

.helpIcon a:hover {
    background-position: -25px -25px;
}

.helpIcon.active a {
    background-position: -25px -25px;
}

/* LOGOUT BUTTON */
.logoutButton {
	margin-left: 30px;
}

.logoutButton a {
    background-position: -50px 0px;
}

.logoutButton a:hover {
    background-position: -50px -25px;
}

/*** END - Utility Menu ***/

/* PRIMARY MENU
   ========================================================================== */
.primaryMenu {
}

.primaryMenuItem {
    display:inline-block;
    margin-right: 15px;
}

.primaryMenuItem a {
    display: inline-table;
    text-decoration: none;
    height: auto;
}

/* --- PRIMARY MENU - TEXT --- */
.primaryMenuText {
    display: table-cell;
	height: 60px;
	padding-left: 15px;
	padding-right: 15px;
    /*font-size: 0.833em;  10 / 12px */
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
	color: #acb9c3;
	vertical-align: middle;
}

a:hover .primaryMenuText {
    color: #fff;
}

a.clicked .primaryMenuText,
a.activeFocus .primaryMenuText {
    color: #fff;
	background-color: #2c3742;
	border-bottom: 1px solid transparent;
}

/* --- PRIMARY MENU - STATES --- */

/* BLUE TAB - background */
.primaryMenuItem a.clicked,
.primaryMenuItem a.activeFocus,
.primaryMenuItem a.activeUnfocus {
    /* blue tab */
	
}

/* UNFOCUS - grey tab background */
.primaryMenuItem a.activeUnfocus {
    /* grey tab */
}

/* previously clicked */
.primaryMenuItem a.activeUnfocus .primaryMenuText {
    /*color: #fff;*/
	background-color: #202a36;
	border-bottom: 1px solid #0d0f15;
}

/* clicked */
.primaryMenuItem a.clicked .primaryMenuText,
.primaryMenuItem a.activeFocus .primaryMenuText {
    color: #f29d00;
}


/* END OF PRIMARY MENU */
/***********************/

/* LOWER LEVEL MENUS - SECONDARY > TERTIARY > QUATERNARY
   ========================================================================== */
.subMenu {
    position: relative;
    max-width: 1260px; /* same width as #divMain */
    min-height: 40px;
	margin-left: auto;
	margin-right: auto;
    border-bottom: 1px solid #3b4654; /*#0d0f15; #343e4a;*/
    background-color: #2c3742; /* #2b3541; */
}

.subMenuItem {
    display:inline-block;
    padding: 0 10px;
    height: 40px;
}

	.subMenuItem a {
		display: block;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
    	text-transform: uppercase;
    	white-space: nowrap;
		color: #acb9c3;
		line-height: 40px;
	}
	
		.subMenuItem a:hover {
			text-decoration: none;
			color: #fff;
		}

/* SUB-MENU-ITEM - UNFOCUS (grey tab)  */
.subMenuItem.activeUnfocus {
    
}

/* SUB-MENU LINK - UNFOCUS */
.subMenu.activeUnfocus a {
    color: #acb9c3;
}

	/* SUB-MENU LINK:HOVER - UNFOCUS */
	.subMenu.activeUnfocus a:hover {
		color: #fff;
	
	}

/* SUB-MENU-ITEM LINK - UNFOCUS */
.subMenuItem.activeUnfocus a {
}

/* CLICKED/FOCUS - sub-menu-item (Blue Tab/Pill) */
.subMenuItem.clicked,
.subMenuItem.activeFocus {
    
}

	/* FOCUS/CLICKED - links */
	.subMenuItem.clicked a,
	.subMenuItem.activeFocus a {
		color: #f29d00;
	}
	
		/* FOCUS/CLICKED - link:HOVER  */
		.subMenuItem.clicked a:hover,
		.subMenuItem.activeFocus a:hover {
			/* color: #3EAAF3;*/
			color: #f29d00;
		}

/* ACTIVE PARENT FOCUS - (Grey Tab) */
.subMenuItem.activeParentFocus {
    border: 1px solid #d5d5d5;
    border: none; /* testing only k */
}

	/* SUB-MENU LINK - UNFOCUS */
	.subMenu.activeParentFocus a {
		color: #818181;
	}
	
		/* SUB-MENU LINK:HOVER - UNFOCUS */
		.subMenu.activeParentFocus a:hover {
			color: #fff;
		}

/* SUB-MENU-ITEM LINK - UNFOCUS */
.subMenuItem.activeParentFocus a {
    color: #f29d00;
}

	/* SUB-MENU-ITEM LINK:HOVER - UNFOCUS */
	.subMenuItem.activeParentFocus a:hover {
		color: #fff;
	}

/* the previously selected submenu item */
.subMenu.activeFocus .subMenuItem.activeUnfocus a {
    color: #f29d00;
}

/* == END - Sub Menu == */