body.noScroling {
	overflow: scroll;
	height: 100%;
}

#modMnLogin.desktop.nl {
	font-family: Roboto,Tahoma,Verdana,Arial,sans-serif;
}

	#modMnLogin.desktop.nl .action {
		display: inline-block;
		margin-left: 20px;
	}

	#modMnLogin.desktop.nl .action.loginButton {
		margin-left: 0;
		position: relative;
	}

	#modMnLogin.desktop.nl .action > a {
		display: block;
		height: 38px;
		line-height: 38px;
		border: 1px solid transparent;
		color: #fff;
		background-color: #E7665F;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 25px;
		-o-transition: background-color .2s;
		-ms-transition: background-color .2s;
		-moz-transition: background-color .2s;
		-webkit-transition: background-color .2s;
		transition: background-color .2s;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 14px;
		position: relative;
	}

	#header.fixed #modMnLogin.desktop.nl .action > a {
		padding: 0 15px;
		height: 34px;
		line-height: 34px;
		font-size: 13px;
	}

	#modMnLogin.desktop.nl .action.registerButton a {
		background-color: #fff;
		color: #A3A4A6;
	}

	#modMnLogin.desktop.nl .action.registerButton a:hover {
		background-color: #F0F0F0;
		color: #767677;
	}

	#modMnLogin.desktop.nl .action.loginButton.active > a,
	#modMnLogin.desktop.nl .action.loginButton:hover > a {
		background-color: #f9fafc !important;
		color: #737983;
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
		z-index: 11;
	}


/* Login Layer */
#modMnLogin .loginLayer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 300px;
	overflow: hidden;
	-webkit-border-radius: 4px 0 4px 4px;
	-moz-border-radius: 4px 0 4px 4px;
	border-radius: 4px 0 4px 4px;
	position: absolute;
	right: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.15);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,.15);
	box-shadow: 0 2px 10px rgba(0,0,0,.15);
	z-index: 1000;
	display: none;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s;
}

#modMnLogin .action.loginButton.active .loginLayer,
#modMnLogin .action.loginButton:hover .loginLayer {
	display: block;
}

	#modMnLogin .loginLayer .form {
		background-color: #f9fafc;
		padding: 15px 10px;
		border-bottom: 1px solid #e1e5ee;
		position: relative;
	}

		#modMnLogin .loginLayer .form .line {
			position: absolute;
			bottom: 0;
			height: 1px;
			width: 100%;
			background-color: #fff;
		}

		#modMnLogin .loginLayer .form .field {
			background-color: #fff;
			border: 1px solid #e1e7f1;
			overflow: hidden;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			position: relative;
			height: 38px;
			line-height: 38px;
			margin-top: 10px;
		}

		#modMnLogin .loginLayer .form .field:first-child {
			margin-top: 0;
		}

			#modMnLogin .loginLayer .form .field u {
				display: block;
				width: 17px;
				height: 17px;
				position: absolute;
				left: 18px;
				top: 50%;
				margin-top: -8px;
			}

			#modMnLogin .loginLayer .form .field.username u {
				background-position: -66px -711px;
			}

			#modMnLogin .loginLayer .form .field.passwd u {
				background-position: -46px -711px;
			}

			#modMnLogin .loginLayer .form .field input {
				height: 100%;
				border: 0;
				outline: 0;
				width: 100%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				padding: 0 18px 0 50px;
				font-size: 14px;
			}

		#modMnLogin .loginLayer .form .submitButton {
			background-color: #3badf5;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			height: 45px;
			line-height: 45px;
			border: 0;
			outline: none;
			width: 100%;
			text-align: center;
			color: #fff;
			margin-top: 10px;
			font-size: 15px;
			cursor: pointer;
			-o-transition: .2s;
			-ms-transition: .2s;
			-moz-transition: .2s;
			-webkit-transition: .2s;
			transition: .2s;
		}

		#modMnLogin .loginLayer .form .submitButton:hover {
			background-color: #2A8FCF;
		}

	#modMnLogin .loginLayer .connect {
		background-color: #fff;
		padding: 15px 15px 0 15px;
		text-align: center;
	}

		#modMnLogin .loginLayer .connect ul {
			list-style-type: none;
			padding: 0;
			display: inline-block;
			height: 41px;
			line-height: 41px;
			list-style-type: none;
		}

			#modMnLogin .loginLayer .connect ul li {
				display: inline-block;
				vertical-align: top;
				background-image: none;
				padding: 0;
			}

			#modMnLogin .loginLayer .connect ul li:first-child {
				color: #929caf;
				font-size: 14px;
				padding-right: 20px;
			}

				#modMnLogin .loginLayer .connect ul li div {
					width: 41px;
					height: 41px;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
					position: relative;
					-o-transition: background-color .2s;
					-ms-transition: background-color .2s;
					-moz-transition: background-color .2s;
					-webkit-transition: background-color .2s;
					transition: background-color .2s;
					cursor: pointer;
				}

					#modMnLogin .loginLayer .connect ul li div u {
						display: block;
						position: absolute;
						top: 50%;
						left: 50%;
					}

				#modMnLogin .loginLayer .connect ul li div.fbConnect {
					background-color: #405e94;
					margin-left: 8px;
				}

				#modMnLogin .loginLayer .connect ul li div.fbConnect:hover {
					background-color: #364F7D;
				}

					#modMnLogin .loginLayer .connect ul li div.fbConnect u {
						width: 12px;
						height: 20px;
						margin-top: -10px;
						margin-left: -6px;
						background-position: -29px -711px;
					}


		#modMnLogin .loginLayer .connect .register {
			margin-top: 12px;
			padding: 12px 10px;
			text-align: center;
			color: #787e87;
			border-top: 1px solid #e1e5ee;
			font-size: 14px;
		}

			#modMnLogin .loginLayer .connect .register a {
				background-color: transparent;
				text-decoration: none;
				color: #f77871;
				-o-transition: .2s;
				-ms-transition: .2s;
				-moz-transition: .2s;
				-webkit-transition: .2s;
				transition: .2s;
			}

			#modMnLogin .loginLayer .connect .register a:hover {
				color: #D7665F;
			}

#modMnLogin.desktop.l {
	font-family: Roboto,Tahoma,Verdana,Arial,sans-serif;
	position: relative;
	z-index: 2;
	height: 100%;
	width: 100%;
	display: table;
}

	#modMnLogin.desktop.l .userMenu {
		display: table-cell;
		height: 75px;
	}

		#modMnLogin.desktop.l .userMenu ul {
			list-style-type: none;
			margin: 0;
			height: 75px;
			display: flex;
			justify-content: center;
			align-items: center;
		}

			#modMnLogin.desktop.l .userMenu ul li {
				background-image: none;
				padding: 0;
				
				height: 100%;
				display: inline-block;
				position: relative;
			}

				#modMnLogin.desktop.l .userMenu ul li a.mainlevel {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 100%;
					width: 70px;
					text-align: center;
					position: relative;
					-o-transition: background-color .2s;
					-ms-transition: background-color .2s;
					-moz-transition: background-color .2s;
					-webkit-transition: background-color .2s;
					transition: background-color .2s;
				}

				#modMnLogin.desktop.l .userMenu ul li a.mainlevel:hover {
					background-color: #E5635C;
				}

					#modMnLogin.desktop.l .userMenu ul li a.mainlevel .countElements {
						background-color: #2196f3;
						height: 19px;
						line-height: 19px;
						text-align: center;
						color: #fff;
						font-size: 13px;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
						position: absolute;
						top: 5px;
						right: 5px;
						padding: 0 5px;
						display: none;
					}

					.fixed #modMnLogin.desktop.l .userMenu ul li a.mainlevel .countElements {
						height: 17px;
						line-height: 17px;
						-webkit-border-radius: 4px;
						-moz-border-radius: 4px;
						border-radius: 4px;
						top: 2px;
						right: 2px;
						padding: 0 4px;
					}

					#modMnLogin.desktop.l .userMenu ul li a.mainlevel .countElements.active {
						display: block;
					}

					#modMnLogin.desktop.l .userMenu ul li a.mainlevel .text {
						display: none;
					}

					#modMnLogin.desktop.l .userMenu ul li a.mainlevel .icon u {
						display: block;
						width: 30px;
						height: 30px;
						background-size: contain;
						background-repeat: no-repeat;
						filter: invert(1);
					}

					#modMnLogin.desktop.l .userMenu ul li.id415 a.mainlevel .icon u {
						background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHdpZHRoPSI0MCI+PHBhdGggZD0iTTE0LjU4MyAyNGgxNy4yOTJsLTUuNDU4LTcuNzUtNC41IDYuMTY3LTMuMjA5LTMuOTU5Wm0tMi40MTYgNy44NzVxLTEuNSAwLTIuNjA1LTEuMTI1LTEuMTA0LTEuMTI1LTEuMTA0LTIuNjI1VjUuOTE3cTAtMS41IDEuMTA0LTIuNjA0IDEuMTA1LTEuMTA1IDIuNjA1LTEuMTA1aDIyLjIwOHExLjUgMCAyLjYwNCAxLjEwNSAxLjEwNCAxLjEwNCAxLjEwNCAyLjYwNHYyMi4yMDhxMCAxLjUtMS4xMDQgMi42MjV0LTIuNjA0IDEuMTI1Wm0wLTMuNzVoMjIuMjA4VjUuOTE3SDEyLjE2N3YyMi4yMDhabS02LjUgMTAuMjA4cS0xLjUgMC0yLjYwNS0xLjEwNC0xLjEwNC0xLjEwNC0xLjEwNC0yLjYwNFY4LjcwOGgzLjcwOXYyNS45MTdoMjUuOTE2djMuNzA4Wm02LjUtMzIuNDE2djIyLjIwOFY1LjkxN1oiLz48L3N2Zz4=") !important;
					}

					#modMnLogin.desktop.l .userMenu ul li.id193 a.mainlevel .icon u {
						background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHdpZHRoPSI0MCI+PHBhdGggZD0iTTkuNjY3IDIzLjM3NWgxMy43OTF2LTIuNzkySDkuNjY3Wm0wLTUuNjI1aDIwLjY2NnYtMi43OTJIOS42NjdabTAtNS41ODNoMjAuNjY2VjkuMzc1SDkuNjY3Wk0yLjM3NSAzNy44MzN2LTMycTAtMS41IDEuMTA0LTIuNjI1dDIuNjA0LTEuMTI1aDI3LjgzNHExLjUgMCAyLjYwNCAxLjEyNXQxLjEwNCAyLjYyNXYyMS4wODRxMCAxLjUtMS4xMDQgMi42MDR0LTIuNjA0IDEuMTA0SDkuNTgzWm0zLjcwOC04Ljc1IDIuMjA5LTIuMTY2aDI1LjYyNVY1LjgzM0g2LjA4M1ptMC0yMy4yNXYyMy4yNVoiLz48L3N2Zz4=") !important;
					}

					#modMnLogin.desktop.l .userMenu ul li.id416 a.mainlevel .icon u {
						background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHdpZHRoPSI0MCI+PHBhdGggZD0iTS4wODMgMzUuMDQydi01LjA4NHEwLTEuNzA4LjgzNC0zLjA0MS44MzMtMS4zMzQgMi4yOTEtMi4wNDIgMy0xLjM3NSA1LjY2Ny0yLjAyMSAyLjY2Ny0uNjQ2IDUuNS0uNjQ2IDIuNzkyIDAgNS40NTguNjQ2IDIuNjY3LjY0NiA1LjY2NyAyLjAyMSAxLjQ1OC42NjcgMi4yOTIgMi4wMjEuODMzIDEuMzU0LjgzMyAzLjA2MnY1LjA4NFptMzEuNTg0IDBWMjkuNzVxMC0yLjMzMy0xLjIwOS00LjI1LTEuMjA4LTEuOTE3LTMuMzc1LTMuMzMzIDIuNzkyLjM3NSA1LjI3MSAxLjA0MSAyLjQ3OS42NjcgNC4yMjkgMS41ODQgMS41ODQuODc1IDIuNDc5IDIuMTY2Ljg5NiAxLjI5Mi44OTYgMi44MzR2NS4yNVpNMTQuMzMzIDE5LjY2N3EtMy4wODMgMC01LjEwNC0yLjAyMXQtMi4wMjEtNS4xMDRxMC0zLjA4NCAyLjAyMS01LjEwNCAyLjAyMS0yLjAyMSA1LjEwNC0yLjAyMSAzLjA4NCAwIDUuMTI1IDIuMDIxIDIuMDQyIDIuMDIgMi4wNDIgNS4xMDQgMCAzLjA4My0yLjA0MiA1LjEwNC0yLjA0MSAyLjAyMS01LjEyNSAyLjAyMVptMTcuNzkyLTcuMTI1cTAgMy4wODMtMi4wMjEgNS4xMDRUMjUgMTkuNjY3cS0uNTgzIDAtMS4zNTQtLjEwNS0uNzcxLS4xMDQtMS4zNTQtLjMxMiAxLjA4My0xLjI5MiAxLjY0Ni0zIC41NjItMS43MDguNTYyLTMuNzA4dC0uNTYyLTMuNjQ2cS0uNTYzLTEuNjQ2LTEuNjQ2LTMuMTA0LjYyNS0uMTY3IDEuMzU0LS4yNzEuNzI5LS4xMDQgMS4zNTQtLjEwNCAzLjA0MiAwIDUuMDgzIDIuMDIxIDIuMDQyIDIuMDIgMi4wNDIgNS4xMDRaTTMuNzkyIDMxLjMzM2gyMS4xMjVWMzBxMC0uNTgzLS4yOTItMS4wODN0LS43NS0uNzA5cS0yLjc1LTEuMjA4LTQuOTU4LTEuNzUtMi4yMDktLjU0MS00LjU4NC0uNTQxLTIuMzMzIDAtNC41NjIuNTQxLTIuMjI5LjU0Mi00LjkzOCAxLjc1LS40NTguMTY3LS43NS42ODgtLjI5MS41MjEtLjI5MSAxLjEwNFptMTAuNTQxLTE1LjI1cTEuNSAwIDIuNTQyLTEuMDIgMS4wNDItMS4wMjEgMS4wNDItMi41MjF0LTEuMDQyLTIuNTIxUTE1LjgzMyA5IDE0LjMzMyA5cS0xLjUgMC0yLjUgMS4wMjF0LTEgMi41MjFxMCAxLjUgMSAyLjUyMSAxIDEuMDIgMi41IDEuMDJabS4wNDIgMTUuMjVabTAtMTguNzkxWiIvPjwvc3ZnPg==") !important;
					}

					#modMnLogin.desktop.l .userMenu ul li.id702 a.mainlevel .icon u {
						background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDAiIHdpZHRoPSI0MCI+PHBhdGggZD0iTTMwLjY2NyAyMS41ODN2LTMuMjA4aDYuOTU4djMuMjA4Wk0zMyAzMy44NzVsLTUuNjI1LTQuMTI1IDEuOTU4LTIuNjY3IDUuNjI1IDQuMjA5Wm0tMy41ODMtMjEtMS45NTktMi42MjVMMzMgNi4xMjVsMS45NTggMi41ODNaTTcuNTgzIDMyLjI1VjI1LjVINS41NDJxLTEuMzc1LS4wNDItMi4yNzEtMS0uODk2LS45NTgtLjg5Ni0yLjI5MnYtNC40MTZxMC0xLjM3NS45NTgtMi4zMzQuOTU5LS45NTggMi4zMzQtLjk1OGg2LjYyNWw4Ljk1OC01LjM3NXYyMS43NUwxMi4yOTIgMjUuNUgxMXY2Ljc1Wk0yMy43OTIgMjZWMTRxMS4yNSAxLjA4MyAyLjA0MSAyLjYwNC43OTIgMS41MjEuNzkyIDMuMzk2dC0uNzkyIDMuMzk2cS0uNzkxIDEuNTIxLTIuMDQxIDIuNjA0Wk01Ljc1IDE3Ljg3NXY0LjI1aDcuNDE3bDQuNjY2IDIuNzkydi05LjgzNGwtNC42NjYgMi43OTJaTTExLjc5MiAyMFoiLz48L3N2Zz4=") !important;
					}

	#modMnLogin.desktop.l .userInner {
		display: table-cell;
		height: 75px;
		position: relative;
		width: 10px;
		padding-left: 18px;
		background-color: #ed6861;
		text-align: right;
		vertical-align: middle;
	}

	#header.fixed #modMnLogin.desktop.l .userInner {
		height: 60px;
	}

		#modMnLogin.desktop.l .userInner .userIn {
			display: inline-block;
		}

		#modMnLogin.desktop.l .userInner .logo {
			display: inline-block;
			text-decoration: none;
			text-align: left;
			max-width: 190px;
		}

			#modMnLogin.desktop.l .userInner .logo .countElements {
				background-color: #1f94f3;
				border: 2px solid #fff;
				width: 18px;
				height: 18px;
				line-height: 18px;
				text-align: center;
				color: #fff;
				font-size: 13px;
				-webkit-border-radius: 26px;
				-moz-border-radius: 26px;
				border-radius: 26px;
				position: absolute;
				top: 8px;
				left: 8px;
				display: none;
			}

			#modMnLogin.desktop.l .userInner .logo .countElements.active {
				display: block;
			}

			#modMnLogin.desktop.l .userInner .logo img {
				width: 50px;
				height: 50px;
				-webkit-border-radius: 50px;
				-moz-border-radius: 50px;
				border-radius: 50px;
				float: left;
			}

			#modMnLogin.desktop.l .userInner .logo .info {
				margin-left: 50px;
				padding-left: 15px;
				display: block;
			}

				#modMnLogin.desktop.l .userInner .logo .info .name {
					color: #fff;
					display: block;
					font-size: 15px;
					line-height: 170%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				#modMnLogin.desktop.l .userInner .logo .info .username {
					color: #a2211b;
					display: block;
					font-size: 14px;
					line-height: 150%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

		#modMnLogin.desktop.l .settings {
			display: table-cell;
			vertical-align: top;
			margin-left: 15px;
			padding-top: 10px;
			position: relative;
		}

			#modMnLogin.desktop.l .settings .settingsButton {
				display: inline-block;
				vertical-align: top;
				position: relative;
				cursor: pointer;
				padding: 4px 4px 3px 4px;
				opacity: 0.9;
				z-index: 11;
			}

			#modMnLogin.desktop.l .settings .settingsButton:hover {
				opacity: 1.0;
			}

			#modMnLogin.desktop.l .settings.active .settingsButton {
				opacity: 1.0;
				background-color: #fff;
				-webkit-border-radius: 4px 4px 0 0;
				-moz-border-radius: 4px 4px 0 0;
				border-radius: 4px 4px 0 0;
			}

				#modMnLogin.desktop.l .settings .cog {
					display: block;
					width: 16px;
					height: 16px;
					background-position: -89px -702px;
				}

				#modMnLogin.desktop.l .settings.active .cog {
					background-position: -108px -702px;
				}

			#modMnLogin.desktop.l .settings .settingsLayer {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				width: 152px;
				overflow: hidden;
				-webkit-border-radius: 4px 0 4px 4px;
				-moz-border-radius: 4px 0 4px 4px;
				border-radius: 4px 0 4px 4px;
				position: absolute;
				right: 0;
				background-color: #fff;
				-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.15);
				-moz-box-shadow: 0 2px 10px rgba(0,0,0,.15);
				box-shadow: 0 2px 10px rgba(0,0,0,.15);
				z-index: 1000;
				display: block;
				-o-transition: .2s;
				-ms-transition: .2s;
				-moz-transition: .2s;
				-webkit-transition: .2s;
				transition: .2s;
				display: none;
			}

			#modMnLogin.desktop.l .settings.active .settingsLayer {
				display: block;
			}

				#modMnLogin.desktop.l .settings .settingsLayer ul {
					margin: 0;
					padding: 0;
				}

					#modMnLogin.desktop.l .settings .settingsLayer ul li {
						padding: 0;
						background-image: none;
					}

						#modMnLogin.desktop.l .settings .settingsLayer ul li a {
							height: 40px;
							line-height: 40px;
							padding: 0 14px;
							border-top: 1px solid #dddfec;
							display: block;
							color: #8c8e9d;
							-o-transition: .2s;
							-ms-transition: .2s;
							-moz-transition: .2s;
							-webkit-transition: .2s;
							transition: .2s;
							font-size: 14px;
							text-align: left;
							text-decoration: none;
						}

						#modMnLogin.desktop.l .settings .settingsLayer ul li:first-child a {
							border-top: 0;
						}

						#modMnLogin.desktop.l .settings .settingsLayer ul li a:hover {
							background-color: #f4f5fa;
						}

							#modMnLogin.desktop.l .settings .settingsLayer ul li a u {
								border-top: 0;
								display: inline-block;
								margin-right: 15px;
								position: relative;
								top: 0;
							}

							#modMnLogin.desktop.l .settings .settingsLayer ul li.id975 a u {
								background-position: -127px -703px;
								width: 13px;
								height: 14px;
								top: 2px;
							}

							#modMnLogin.desktop.l .settings .settingsLayer ul li.id443 a u {
								background-position: -108px -702px;
								width: 15px;
								height: 15px;
								top: 2px;
							}

							#modMnLogin.desktop.l .settings .settingsLayer ul li.id444 a u {
								background-position: -109px -720px;
								width: 16px;
								height: 16px;
								top: 4px;
							}

#modMnLogin.l .menuUserLayer {
	height: 360px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	position: absolute;
	left: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.15);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,.15);
	box-shadow: 0 2px 10px rgba(0,0,0,.15);
	z-index: 501;
	display: none;
}

#modMnLogin.l .menuUserLayer.layer_for_messages {
	width: 460px;
}

#modMnLogin.l .menuUserLayer.layer_for_invitations {
	width: 410px;
}

#modMnLogin.l .menuUserLayer.layer_for_events {
	width: 460px;
	top: 75px;
}

#header.fixed #modMnLogin.l .menuUserLayer.layer_for_events {
	top: 60px;
}

#modMnLogin.l .menuUserLayer.active {
	display: block;
}

#modMnLogin.l .menuUserLayer.empty {
	display: none !important;
}

	#modMnLogin.l .menuUserLayer .menuUserLayerContent {
		height: 100%;
		padding-bottom: 42px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent {
		padding-bottom: 0;
	}

	#modMnLogin.l .menuUserLayer.loading .menuUserLayerContent {
		background: url('../../../common/images/loaders/fb.gif') center center no-repeat;
	}

		#modMnLogin.l .menuUserLayer .menuUserLayerContent .items {
			overflow-y: auto;
			height: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 2px 0 3px;
		}

			#modMnLogin.l .menuUserLayer .menuUserLayerContent .items .item {
				border-top: 1px solid #d9e0e8;
				padding: 12px 15px;
				text-align: left;
				display: block;
				clear: both;
				overflow: hidden;
				text-decoration: none !important;
				background-color: #fff;
				-o-transition: background-color .2s;
				-ms-transition: background-color .2s;
				-moz-transition: background-color .2s;
				-webkit-transition: background-color .2s;
				transition: background-color .2s;
			}

			#modMnLogin.l .menuUserLayer .menuUserLayerContent .items a.item.unread {
				background-color: #F9F9F9;
			}

			#modMnLogin.l .menuUserLayer .menuUserLayerContent .items a.item:hover {
				background-color: #F4F8FF;
			}

			#modMnLogin.l .menuUserLayer .menuUserLayerContent .items .item:first-child {
				border-top: 0;
			}

				/* Layer for events */
				#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item {
				}

					#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item .image {
						float: left;
						position: relative;
						margin-top: 4px;
					}

						#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item .image img {
							width: 60px;
							height: 50px;
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;
							border-radius: 3px;
						}

						#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item .image .mark {
							width: 23px;
							height: 23px;
							line-height: 23px;
							-webkit-border-radius: 23px;
							-moz-border-radius: 23px;
							border-radius: 23px;
							color: #fff;
							text-align: center;
							border: 2px solid #fff;
							background-color: #0bc357;
							position: absolute;
							bottom: -8px;
							right: -8px;
							font-style: normal;
						}

						#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item .image .iconComment {
							display: block;
							vertical-align: top;
							width: 26px;
							height: 22px;
							position: absolute;
							bottom: -10px;
							right: -10px;
							background-position: -244px -779px;
						}

					#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item .info {
						margin-left: 60px;
						padding-left: 15px;
						display: block;
					}

						#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item .info .action {
							display: block;
							color: #444b52;
							font-size: 15px;
							font-weight: bold;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}

						#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item .info .comment {
							color: #6d767f;
							font-size: 15px;
							margin: 5px 0;
							font-style: normal;
							background: rgba(0, 0, 0, 0);
							padding: 0;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
							display: block;
						}

						#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item .info .inStars {
							margin: 5px 0;
						}

						#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item .info .inStars,
						#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item .info .inStars .stars {
							display: inline-block;
							height: 25px;
							width: 125px;
							background: url("../../../modules/mod_mn_profile/images/stars.png") repeat-x 0 0;
							position: relative;
						}

							#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item .info .inStars .stars {
								width: 0;
								background-position: 0 -22px;
							}

						#modMnLogin.l .menuUserLayer.layer_for_events .menuUserLayerContent .items a.item .info .time {
							display: block;
							color: #adb2b7;
							font-size: 14px;
						}

				/* Layer for messages */
				#modMnLogin.l .menuUserLayer.layer_for_messages .menuUserLayerContent .items .item .avatar,
				#modMnLogin.l .menuUserLayer.layer_for_invitations .menuUserLayerContent .items .item .avatar {
					float: left;
				}

					#modMnLogin.l .menuUserLayer.layer_for_messages .menuUserLayerContent .items .item .avatar img,
					#modMnLogin.l .menuUserLayer.layer_for_invitations .menuUserLayerContent .items .item .avatar img {
						width: 50px;
						height: 50px;
						-webkit-border-radius: 50px;
						-moz-border-radius: 50px;
						border-radius: 50px;
					}

				#modMnLogin.l .menuUserLayer.layer_for_messages .menuUserLayerContent .items .item .info,
				#modMnLogin.l .menuUserLayer.layer_for_invitations .menuUserLayerContent .items .item .info {
					margin-left: 50px;
					padding-left: 15px;
					display: block;
				}

					#modMnLogin.l .menuUserLayer.layer_for_messages .menuUserLayerContent .items .item .info .name,
					#modMnLogin.l .menuUserLayer.layer_for_invitations .menuUserLayerContent .items .item .info .name {
						color: #444b52;
						font-size: 14px;
						font-weight: bold;
					}

						#modMnLogin.l .menuUserLayer.layer_for_messages .menuUserLayerContent .items .item .name .count {
							padding: 1px 4px;
							line-height: 100%;
							background-color: #09b550;
							text-align: center;
							color: #fff;
							font-weight: bold;
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;
							border-radius: 3px;
							font-style: normal;
							font-size: 13px;
							margin-right: 4px;
						}

					#modMnLogin.l .menuUserLayer.layer_for_messages .menuUserLayerContent .items .item .info .time {
						float: right;
						color: #727a82;
						font-size: 14px;
					}

					#modMnLogin.l .menuUserLayer.layer_for_messages .menuUserLayerContent .items .item .info .message {
						display: block;
						font-size: 14px;
						color: #6d767f;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						padding: 0;
						background-image: none;
					}

						#modMnLogin.l .menuUserLayer.layer_for_messages .menuUserLayerContent .items .item .info .message i {
							display: inline-block;
							width: 12px;
							height: 10px;
							vertical-align: top;
							position: relative;
							top: 5px;
							margin-right: 5px;
							background-position: -231px -779px;
							opacity: 0.5;
						}

				/* Layer for invitations */
				#modMnLogin.l .menuUserLayer.layer_for_invitations .menuUserLayerContent .items .item .info .buttons {
					margin-top: 5px;
				}

					#modMnLogin.l .menuUserLayer.layer_for_invitations .menuUserLayerContent .items .item .info .buttons .btn {
						display: inline-block;
						text-align: center;
						font-size: 14px;
						height: 26px;
						line-height: 26px;
						min-width: 106px;
						padding: 0 22px;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						box-sizing: border-box;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;
						cursor: pointer;
						-o-transition: background-color .2s;
						-ms-transition: background-color .2s;
						-moz-transition: background-color .2s;
						-webkit-transition: background-color .2s;
						transition: background-color .2s;
					}

					#modMnLogin.l .menuUserLayer.layer_for_invitations .menuUserLayerContent .items .item .info .buttons .btn.accept {
						background-color: #36c270;
						color: #fff;
						margin-right: 10px;
					}

					#modMnLogin.l .menuUserLayer.layer_for_invitations .menuUserLayerContent .items .item .info .buttons .btn.accept:hover {
						background-color: #30AF65;
					}

					#modMnLogin.l .menuUserLayer.layer_for_invitations .menuUserLayerContent .items .item .info .buttons .btn.cancel {
						background-color: #e8e9ef;
						color: #98a0b4;
					}

					#modMnLogin.l .menuUserLayer.layer_for_invitations .menuUserLayerContent .items .item .info .buttons .btn.cancel:hover {
						background-color: #E1E2E7;
					}

	#modMnLogin.l .menuUserLayer .menuUserLayerMore {
		background-color: #f9fafb;
		height: 42px;
		line-height: 42px;
		font-size: 13px;
		color: #76859a;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		-webkit-box-shadow: 0 -1px 4px rgba(0,0,0,.15);
		-moz-box-shadow: 0 -1px 4px rgba(0,0,0,.15);
		box-shadow: 0 -1px 4px rgba(0,0,0,.15);
		-o-transition: background-color .2s;
		-ms-transition: background-color .2s;
		-moz-transition: background-color .2s;
		-webkit-transition: background-color .2s;
		transition: background-color .2s;
	}

	#modMnLogin.l .menuUserLayer .menuUserLayerMore:hover {
		background-color: #EBEBEB;
	}