
.sf-menu {
	font-size:0; /*prevent unwanted spaces between inline-block elements*/
	white-space: nowrap;
	}
.sf-menu > nav, .sf-menu > a {white-space:normal}
.sf-menu > a:first-child { /*Group button*/
	display:inline-block;
	padding: .5em 15px .5em 0;
	font-size: 12px;
	}
.mn_group:hover, .sf-menu .sfHover > a[onclick] {
	background: #DBDEE4;
	text-shadow: 0 1px #e1e3e8;
	color: #000;
}



.sf-menu > nav {display:inline-block}
.sf-menu > nav > ul > li, #header nav > .sf-menu > li {
	position: relative;
	font-size: 14px;
	white-space: nowrap; /* no need for Supersubs plugin */
	display:inline-block;
	vertical-align: top;
	}
	.sf-menu nav > ul > li:last-child {border-right:1px solid #ccd0de}
	.sf-menu .subMenu, .sf-menu .sm_hide {/*display: none*/}

	.sf-menu nav > ul > li > a, #header nav > .sf-menu > li > a { /*all the items*/
		display: block;
		position: relative;
		padding: 0 10px 0 2px;
		line-height: 47px;
		text-decoration: none;
		color: #222;
		font-weight:normal;
		text-shadow: 0 1px #f5f7fc;
		border-left: 1px solid #cbced6;
		} 

/*Admon nav*/
#header .admin_nav {
	border-top: 1px solid #B4B8BF;
}
#header .admin_nav nav > .sf-menu > li > a {
	color:#000;
	border-left-color: #9FA2A9;
	text-shadow: 0 1px 1px #E7EAF1;
	}

.admin_nav .sf-menu > li:first-child > a {border-left: none !important}
.admin_nav .subMenu {top: 47px !important}

#header .admin_nav nav > .sf-menu > .active > a {color: #222}
.admin_nav .sf-menu a[onclick]:hover {background: #F0F2F6}
li[class^="mn_admin_"] > a > span:first-child {transition: opacity .2s; opacity: .9}

.admin_nav a:hover > span:first-child, .sf-menu .sfHover > a > span:first-child, 
.admin_nav li.active span:first-child {opacity: 1 !important}

.admin_nav .sf-menu .sfHover > a[onclick] {background: #F0F2F6}


	#header .sf-menu li.active > a, #header .sf-menu > .active {
		background-color: #fff !important;
		text-shadow: none !important;
	}
	.mn_my_home > a /*, .mn_website_groups > a, .mn_room_grid > a,	
	.mn_calendar > a, .mn_people > a*/ {padding: 0 6px !important} /*Home section icons*/


	.sf-menu .mn_calendar > a span {background-position: 0 -720px}
	.mn_calendar.active > a span {background-position: -40px -720px}

	.sf-menu .mn_people > a span {background-position: 0 -280px;}
	.sf-menu .mn_people.active > a span {background-position: -40px -280px;}

	#header .sm_officer a, #header .mn_members.active > a, #header .mn_people.active > a {color:#1b53a6 !important}
	/*.sf-menu .mn_dashboard > a span:first-child,*/ .sf-menu .mn_website_groups > a span:first-child {background-position: 0 -1640px;}
	/*.mn_dashboard.active > a span:first-child, */.mn_website_groups.active > a span:first-child {background-position: -80px -1640px;}

	/*.mn_dashboard.active > a, */ #header .dashboard li.active a {color:#459ae3 !important}



	.sf-menu .mn_members > a span:first-child {background-position: 0 -1600px}
	.mn_members.active > a span:first-child {background-position: -40px -1600px;}

	#header .mn_my_profile.active > a {color:#1b53a6 !important}
	.sf-menu .mn_my_profile > a span:first-child {background-position: 0 -1520px}
	.mn_my_profile.active > a span:first-child {background-position: -40px -1520px;}

	#header .mn_emails.active > a, #header .mn_website_contact.active > a {color:#e87300 !important}
	.sf-menu .mn_emails > a span:first-child, .sf-menu .mn_website_contact > a span:first-child, .btns_bloc .btn_ctc > span:first-child {background-position: 0 -516px}
	.mn_emails.active > a span:first-child, .mn_website_contact.active > a span:first-child {background-position: -40px -516px;}

	#header .mn_events.active > a,  #header .mn_calendar.active > a, #header .mn_my_events.active > a  {color:#6f8b00 !important}
	.sf-menu .mn_events > a span:first-child, .ddbtn_calendar > span {background-position: 0 -721px !important}
	.sf-menu .mn_my_events > a span:first-child {background-position: 0 -721px}
	.mn_events.active > a  span:first-child  {background-position: -40px -721px  !important}
	.mn_my_events.active > a  span:first-child {background-position: -40px -721px}

	#header .mn_forms.active > a {color:#5b4f9a !important}
	.sf-menu .mn_forms > a span:first-child {background-position: 5px -960px}
	.mn_forms.active > a  span:first-child {background-position: -35px -960px}

	#header .mn_my_forms.active > a {color:#5b4f9a !important}
	.sf-menu .mn_my_forms > a span:first-child {background-position: 5px -961px}
	.mn_my_forms.active > a  span:first-child {background-position: -35px -961px}

	#header .mn_media.active > a {color:#009694 !important}
	.sf-menu .mn_media > a span:first-child {background-position: 4px -1840px}
	.mn_media.active > a span:first-child {background-position: -36px -1840px}

	#header .mn_website.active > a, .sm_web_page a, .sm_blog_post a {color:#0087ba}
	.sf-menu .mn_website > a span:first-child {background-position: 1px -1080px}
	.mn_website.active > a  span:first-child  {background-position: -39px -1080px}
	.sf-menu .sm_open_website > a span:first-child {background-position: -40px -2800px; width: 23px; margin: 0 4px 0 6px;}

	#header .mn_my_inbox.active > a {color:#1b53a6 !important}
	.sf-menu .mn_my_inbox > a span:first-child, .btns_bloc .btn_inbox > span:first-child {background-position:  0 -440px}
	.mn_my_inbox.active > a  span:first-child {background-position: -40px -440px;}

	#header .mn_my_projects.active > a {color:#01bd03 !important}
	.sf-menu .mn_my_projects > a span:first-child {background-position:  0 -1560px}
	.mn_my_projects.active > a  span:first-child {background-position: -40px -1560px;}

	#header .mn_my_photos.active > a {color:#009794 !important}
	.sf-menu .mn_my_photos > a span:first-child {background-position:  0 -1440px}
	.mn_my_photos.active > a  span:first-child {background-position: -40px -1440px;}
	
	.sf-menu .mn_my_home > a {height: 47px}
	.sf-menu .mn_my_home > a span:first-child {
		background:none;
		margin-right: 7px;
		display:inline-block;
		overflow:hidden;
		width: 19px;
		height: 19px;
		}
	.mn_my_home > a span:last-child {
		display:inline-block;
		overflow:hidden;
		padding:0;
		width: 6px;
		height: 8px;
		background: url(../images/main/arrow_mnhome.png)
		}
	.home-icon .mn_my_home {width:80px}	
	.home-icon .mn_my_home span:first-child {margin-left:20px}		
	
	.sf-menu .mn_my_home.active > a span img {position:relative; top: -19px;}
	
	/*.sf-menu .mn_money ul {display: none !important}*/

	.sf-menu .mn_admin_finance > a span:first-child, .sf-menu .mn_money > a span:first-child, .sf-menu .mn_admin_finance.active > a span:first-child, .sf-menu .mn_my_payments > a span:first-child	{background-position: 0 -1320px}
		
	.mn_website_join.active > a {color:#1b53a6 !important}
	.sf-menu .mn_more > a span:first-child, .sf-menu .mn_website_join > a span:first-child {background-position: 0 -1920px}
	.sf-menu .mn_website_join.active > a  span:first-child {background-position: -40px -1920px;}

/*ADMIN*/

	.sf-menu .mn_website_settings.active > a {color:#1b53a6; padding: 0 6px}
	.sf-menu .mn_admin_dashboard > a span:first-child, .sf-menu .mn_website_settings > a  span:first-child {background-position: 0 -240px;}
	.mn_website_settings.active > a span:first-child {background-position: -40px -1960px;}
	#header .mn_admin_dashboard.active > a  {color:#da0808} /*temp*/

	.mn_admin_dashboard.active > a span:first-child {background-position: -80px -1280px}
	
	#header .sf-menu .mn_manage.active > a {color:#5eadf0}
	.sf-menu .mn_manage > a span:first-child {background-position: 0 -1960px;}
	.mn_manage.active > a span:first-child {background-position: -80px -1560px}

	#header .mn_admin_users.active > a {color:#01398c}
	.sf-menu .mn_admin_users > a span:first-child {background-position:  0 -1600px}
	.mn_admin_users.active > a  span:first-child {background-position: -40px -1600px;}

	#header .mn_admin_groups.active > a {color:#01398c}
	.sf-menu .mn_admin_groups > a span:first-child {background-position:  0 -1640px}
	.mn_admin_groups.active > a  span:first-child {background-position: -40px -1640px;}

	#header .mn_admin_emails.active > a {color:#e87300 !important}
	.sf-menu .mn_admin_emails > a span:first-child, .sf-menu .mn_website_contact > a span:first-child, .btns_bloc .btn_ctc > span:first-child {background-position: 0 -516px}
	.mn_admin_emails.active > a span:first-child, .mn_website_contact.active > a span:first-child {background-position: -40px -516px;}

	#header .mn_admin_events.active > a {color:#6f8b00}
	.sf-menu .mn_admin_events > a span:first-child {background-position:  0 -720px}
	.mn_admin_events.active > a  span:first-child {background-position: -40px -720px;}

	#header .mn_admin_rooms.active > a, .mn_room_grid.active > a {color:#9d4900}
	.sf-menu .mn_admin_rooms > a span:first-child, .sf-menu .mn_room_grid > a span:first-child {background-position:  0 -1680px}
	.mn_admin_rooms.active > a  span:first-child, .sf-menu .mn_room_grid.active > a span:first-child {background-position: -40px -1680px;}

	#header .mn_admin_reports.active > a {color:#ac9e00}
	.sf-menu .mn_admin_reports > a span:first-child {background-position:  0 -1720px}
	.sf-menu .mn_admin_apps > a span:first-child {background-position:  -80px -2198px}
	.mn_admin_reports.active > a  span:first-child {background-position: -40px -1720px;}

	#header .mn_admin_api.active > a {color:#01398c}
	.sf-menu .mn_admin_api > a span:first-child {background-position:  0 -1798px}
	.mn_admin_api.active > a  span:first-child {background-position: -40px -1798px;}

	#header .mn_admin_websites.active > a {color:#0087ba}
	.sf-menu .mn_admin_websites > a span:first-child {background-position: 1px -1080px}
	.mn_admin_websites.active > a  span:first-child {background-position: -39px -1080px}
	
	#header .mn_admin_super.active > a {color:#01398c}
	.sf-menu .mn_admin_super > a span:first-child {background-position:  -1px -1760px}
	.mn_admin_super.active > a  span:first-child {background-position: -1px -1760px;}

    #header .mn_admin_more.active > a {color:#01398c}
	.sf-menu .mn_admin_more > a span:first-child {background-position:  0 -1919px}
	.mn_admin_more.active > a  span:first-child {background-position: -40px -1919px;}
    

/*SUB MENU
-----------------------------*/

#header .sf-menu .subMenu {
	border: 1px solid #a5a9ba;
	border-radius: 4px;
	padding: 1px;
	background:#fff;
	position:relative; /*PIE*/
	behavior: url(/js/PIE.htc);
	}
	#header .subMenu a {color: #222}
	.mn_more .subMenu a {background-color: #f0f1f5}
	
	#header .subMenu li:last-child a, 
	#header .subMenu li:last-child a, .sf-menu .nobrd a {border-bottom:0 !important; border-radius: 0 0 4px 4px !important;}
	.brd {border-bottom: 1px solid #c7ccd9; border-radius: 0 !important}

#header .sf-menu .subMenu {
 /*display:none; prevent flash of displayed menus*/
	position: absolute;
	z-index:2;
	top:48px;
	left: 0;
	padding: 0 0 1px 1px;
	box-shadow: 1px 1px 4px rgba(154,159,180,.5);
	border-radius: 0 0 4px 4px;
	font-size: 13px;
	}

#header .subMenu a {min-width: 120px}
#header .subMenu li:first-child a {border-top: 0}
	#header .subMenu > li:first-child + li a {border-top: none}
	#header .subMenu a:hover {
		border-top-color: #f7f7f7; 
		text-shadow:none;
		color:#111; 
		}
	#header nav .subMenu a:hover, #dd_myaccount a:hover {background:#f4f4f4}
		
	#header .subMenu > li.active > a {background-color:#fff !important; text-shadow: none}


