/* ####################### */
/* Navigation
/* ####################### */

#network_header
{
	line-height: 1em;
	font-weight: 700;
	font-size: 0.87em;
	text-transform: uppercase;
	font-family: "proxima-nova-extra-condensed", sans-serif;
}

#network_header ul
{
	float: right;
	width: auto;
	height: 40px;
	background: none;
	list-style: none;
	margin: 7px 0px 9px 0px;
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #468fc0;
}

	#network_header ul li
	{
		float: left;
		width: auto;
		height: 40px;
		background: none;
		list-style: none;
		margin: 0px 0px 9px 0px;
		padding: 0px 0px 0px 0px;
		border-left: 1px solid #468fc0;
	}
	
		#network_header ul li a
		{
			float: left;
			color: #FFFFFF;
			height: 40px;
			text-decoration: none;
			padding: 0px 20px 0px 20px;
		}
		
		#network_header ul li.logon a,
		#network_header ul li.logout a,
		#network_header ul li.my_profile a,
		#network_header ul li.become_member a
		{
			line-height: 1em;
			padding: 15px 20px 0px 47px;
		}
		
		#network_header ul li.logon a
		{
			background-image: url(../graphics/icons/retina/ico_login.png) !important;
			background-repeat: no-repeat !important; 
			background-size: 21px 21px !important;
			background-position: 21px 12px !important;
		}
		
		#network_header ul li.logout a
		{
			background-image: url(../graphics/icons/retina/ico_logout.png) !important;
			background-repeat: no-repeat !important; 
			background-size: 21px 21px !important;
			background-position: 21px 12px !important;
		}
		
		#network_header ul li.my_profile a
		{
			padding-left: 42px;
			background-image: url(../graphics/icons/retina/ico_myprofile.png) !important;
			background-repeat: no-repeat !important; 
			background-size: 16px 16px !important;
			background-position: 21px 12px !important;
		}
		
		#network_header ul li.become_member a
		{
			padding-left: 47px;
			background-image: url(../graphics/icons/retina/ico_addmember.png) !important;
			background-repeat: no-repeat !important; 
			background-size: 21px 18px !important;
			background-position: 21px 12px !important;
		}
		
		/* for high resolution display */
		@media only screen and (min--moz-device-pixel-ratio: 2),
		only screen and (-o-min-device-pixel-ratio: 2/1),
		only screen and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-pixel-ratio: 2) {

			#network_header ul li.logon a
			{
				background-image: url(../graphics/icons/retina/ico_login2x.png) !important;
			}
			
			#network_header ul li.logout a
			{
				background-image: url(../graphics/icons/retina/ico_logout2x.png) !important;
			}
			
			#network_header ul li.my_profile a
			{
				background-image: url(../graphics/icons/retina/ico_myprofile2x.png) !important;
			}
			
			#network_header ul li.become_member a
			{
				background-image: url(../graphics/icons/retina/ico_addmember2x.png) !important;
			}
			
		}
			
		#network_header ul li#language_selection ul
		{
			float: left;
			width: 80px;
			border: none;
			height: auto;
			z-index: 999;
			position: relative;
			margin: 0px 20px 0px 0px;
			padding: 49px 0px 0px 0px;
			background: url(../graphics/icons/network_navi_dropdown_arrow.png) no-repeat right 18px;
		}
		
			#network_header ul li#language_selection ul li
			{
				height: auto;
				width: 110px;
				display: none;
				padding: 0px 0px 0px 0px;
				border: none;
			}
			
			#network_header ul li#language_selection ul li a
			{
				width: 100% !important;
				margin-right: -20px;
			}
			
				#network_header ul li#language_selection ul li a
				{
					float: left;
					height: 35px;
          /*background-color: #0e76bc !important;*/
          background-color: rgba(38,34,98,1) !important;
					padding: 10px 65px 0px 62px !important;
				}
				
				#network_header ul li#language_selection ul li:last-child a
				{
					-webkit-border-bottom-left-radius: 3px;
					-webkit-border-bottom-right-radius: 3px;
					-moz-border-radius-bottomleft: 3px;
					-moz-border-radius-bottomright: 3px;
					border-bottom-left-radius: 3px;
					border-bottom-right-radius: 3px;
				}
				
					#network_header ul li#language_selection ul li a:hover
					{
						color: #cfe4f2;
					}
				
				#network_header ul li#language_selection ul li a.swedish
				{
					background: url(../graphics/icons/flag_sv.png) no-repeat 22px center;
				}
				
				#network_header ul li#language_selection ul li a.english
				{
					background: url(../graphics/icons/flag_en.png) no-repeat 22px center;
				}
				
				#network_header ul li#language_selection ul li a.spanish
				{
					background: url(../graphics/icons/flag_sp.png) no-repeat 22px center;
				}
				
				#network_header ul li#language_selection ul li.active a span
				{
					float: left;
					display: none;
				}
				
			#network_header ul li#language_selection ul li.active
			{
				display: inline;
				position: absolute;
				top: 0px;
				left: 0px;
				padding: 0px 0px 0px 0px;
			}
			
				#network_header ul li#language_selection ul li.active a
				{
					height: 40px;
					width: 92px !important;
					background-position: 22px center;
					padding: 0px 0px 0px 0px !important;
					background-color: transparent !important;
				}
		
		
		#network_header ul li.toggle_navi
		{
			line-height: 1em;
			display: none;
			cursor: pointer;
			padding: 15px 20px 0px 20px;
		}
		
			#network_header ul li.toggle_navi span
			{
				float: left;
				padding: 0px 0px 0px 23px;
			}
			
			#network_header ul li.toggle_navi span
			{
				background-image: url(../graphics/icons/ico_responsive_navi.png) !important;
				background-repeat: no-repeat !important; 
				background-size: 15px 13px !important;
				background-position: left top !important;
			}
			
			/* for high resolution display */
			@media only screen and (min--moz-device-pixel-ratio: 2),
			only screen and (-o-min-device-pixel-ratio: 2/1),
			only screen and (-webkit-min-device-pixel-ratio: 2),
			only screen and (min-device-pixel-ratio: 2) {
	
				#network_header ul li.toggle_navi span
				{
					background-image: url(../graphics/icons/retina/ico_responsivemenu2x.png) !important;
				}
				
			}
			
			#network_header ul li.toggle_navi span.open
			{
				
			}


		#network_header ul li.search a
		{
			padding: 27px 20px 0px 20px;
		}
		
		#network_header ul li.search a
		{
			background-image: url(../graphics/icons/retina/ico_search.png) !important;
			background-repeat: no-repeat !important; 
			background-size: 20px 20px !important;
			background-position: center 3px !important;
		}
		
		/* for high resolution display */
		@media only screen and (min--moz-device-pixel-ratio: 2),
		only screen and (-o-min-device-pixel-ratio: 2/1),
		only screen and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-pixel-ratio: 2) {

			#network_header ul li.search a
			{
				background-image: url(../graphics/icons/retina/ico_search2x.png) !important;
			}
			
		}
		
			#network_header ul li.search
			{
				width: 65px;
				text-align: center;
				position: relative;
			}
			
			#network_header ul li.active
			{
				height: 106px;
			}
		
				#network_header ul li.search #network_searchform
				{
					float: right;
					width: 250px;
					height: 66px;
					z-index: 999;
					padding-top: 11px;
          /*background: #0e76bc;*/
          background-color: rgba(38,34,98,1);
					position: relative;
					text-align: left;
					padding: 23px 15px 15px 15px;
					-webkit-border-bottom-left-radius: 3px;
					-webkit-border-bottom-right-radius: 3px;
					-moz-border-radius-bottomleft: 3px;
					-moz-border-radius-bottomright: 3px;
					border-bottom-left-radius: 3px;
					border-bottom-right-radius: 3px;
					opacity: 0;
					visibility: hidden;
					-webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
					-moz-transition: opacity 0.2s ease, visibility 0.2s ease;
					-o-transition: opacity 0.2s ease, visibility 0.2s ease;
					-ms-transition: opacity 0.2s ease, visibility 0.2s ease;
					transition: opacity 0.2s ease, visibility 0.2s ease;
				}
				
				#network_header ul li.active #network_searchform
				{
					opacity: 1; visibility: visible;
				}
				
					#network_header ul li.search #network_searchform .txt_search
					{
						float: left;
						width: 170px;
						padding: 4px 7px 4px 7px;
						background: #FFFFFF;
						border: none;
						color: #000000;
						font-weight: 400;
						height: 27px;
						line-height: 20px;
						-moz-box-shadow: inset 2px 3px 3px -3px #666666;
						-webkit-box-shadow: inset 2px 3px 3px -3px #666666;
						box-shadow: inset 2px 3px 3px -3px #666666;
						font-family: "proxima-nova", sans-serif;
						-webkit-border-radius: 1px;
						-moz-border-radius: 1px;
						border-radius: 1px;
					}
					
					#network_header_container #network_header ul li.search #network_searchform a
					{
						float: right;
						width: 40px;
						height: 26px;
						-webkit-border-radius: 1px;
						-moz-border-radius: 1px;
						border-radius: 1px;
						background: #FFFFFF url(../graphics/icons/ico_search_blue_small.png) no-repeat center center !important;
					}
		

/* ####################### */
/* Navigation
/* ####################### */

#navigation
{
	width: auto;
	height: auto;
	right: 10px;
	top: 40px;
	font-weight: 400;
	position: absolute;
	font-family: "proxima-nova-extra-condensed", sans-serif;
}

	#navigation ul.menu
	{
		float: right;
		width: auto;
		font-size: 1.525em;
		font-weight: 400;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
		#navigation ul.menu li
		{
			float: left;
			display: inline;
			position: relative;
			text-transform: uppercase;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 19px;
		}

			#navigation ul.menu li a
			{
				float: left;
				color: #020e16;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				text-decoration: none;
			}
			
			#navigation ul.menu li.active a
			{
				
			}
			
				#navigation ul.menu li a span
				{
					
				}
				
				#navigation ul.menu li.current-post-ancestor a, #navigation ul.menu li.current-menu-parent a, #navigation ul.menu li.current-post-parent a, #navigation ul.menu li.current-menu-item a, #navigation ul.menu li.current-page-ancestor a
				{
					
				}
		
		#navigation ul.menu li ul
		{
			float: left;
		}
		
		#navigation_container #navigation ul.menu li .sub-menu-wrap
		{
			position: absolute;
			width: 230px;
			top: 20px;
			left: -20px;
			z-index: 999;
			padding: 15px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			opacity: 0;
			visibility: hidden;
			-webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
			-moz-transition: opacity 0.2s ease, visibility 0.2s ease;
			-o-transition: opacity 0.2s ease, visibility 0.2s ease;
			-ms-transition: opacity 0.2s ease, visibility 0.2s ease;
			transition: opacity 0.2s ease, visibility 0.2s ease;
		}
		
    #navigation_container #navigation ul.menu li.last .sub-menu-wrap,
    #navigation_container #navigation ul.menu li:nth-last-of-type(2) .sub-menu-wrap
		{
			left: auto;
			right: 0px;
		}
		
		#navigation_container #navigation ul.menu li .sub-menu-wrap ul li .sub-menu-wrap
		{
			position: relative;
			width: 100%;
			top: auto;
			left: auto;
		}

		#navigation_container #navigation ul.menu li.active .sub-menu-wrap
		{
			opacity: 1; visibility: visible;
		}
		
			#navigation_container #navigation ul.menu li ul
			{
				float: left;
				width: 100%;
				padding: 10px 0px 10px 0px;
				margin: 0px 0px 0px 0px;
        /*background: #0e76bc;*/
        background-color: rgba(38,34,98,1);
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			
				#navigation_container #navigation ul.menu li ul li
				{
					float: left;
					width: 100%;
					background: none;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
				}
				
					#navigation_container #navigation ul.menu li ul li a
					{
						float: left;
						width: 100%;
						color: #FFFFFF;
						height: auto !important;
						padding: 4px 10px 4px 20px;
					}
				
					#navigation_container #navigation ul.menu li ul li a:hover
					{
						text-decoration: underline;
					}
				
					#navigation_container #navigation ul.menu li ul li ul
					{
						display: inline;
						float: left;
						width: 100%;
						position: relative;
						left: auto;
						bottom: auto;
						top: auto;
						padding: 0px 0px 0px 0px;
						margin: 0px 0px 5px 0px;
					}
					
						#navigation_container #navigation ul.menu li ul li
						{
							text-transform: none;
							font-size: 0.87em;
							font-weight: 700;
							font-family: "proxima-nova-extra-condensed", sans-serif;
						}
											
						#navigation_container #navigation ul.menu li ul li.dublicated_parent_item
						{
							text-transform: uppercase;
							margin: 0px 0px 7px 0px;
						}
						
							#navigation_container #navigation ul.menu li ul li.current_page_item a
							{
                background: #3c3972;
							}
							
							#navigation_container #navigation ul.menu li ul li.current_page_item ul li a
							{
                /*background: #0e76bc;*/
                background-color: rgba(38,34,98,1);
								color: #FFFFFF;
							}
							
								#navigation_container #navigation ul.menu li ul li ul li
								{
									text-transform: none;
									font-size: 0.79em;
								}
								
									#navigation_container #navigation ul.menu li ul li ul li a
									{
										float: left;
										width: 100%;
										padding: 2px 10px 3px 30px;
									}