#notifications {
	display: none;
	z-index: 12000;
	right: 30px;
	top: 80px;
	position: fixed;
	background: #00bdd9;
	border-radius: 6px;
	width: 400px;
	padding: 4px;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25), 0 1px 8px 0px #005562;
}

	.notifications_header {
		text-align: center;
		color: #fff;
		font-size: 15px;
		padding: 4px 0px 6px 0px;
		position: relative;
		text-shadow: 0px 1px 2px #0190a9;
	}

		.notifications_header .notifications_closer {
			opacity: .5;
			position: absolute;
			top: 6px;
			right: 6px;
			border-radius: 8px;
			height: 15px;
			width: 15px;
			background: #004752 url('/static/images/notifications.png') no-repeat -67px -42px;
			cursor: pointer;
			-webkit-transition: opacity 0.1s linear;
			   -moz-transition: opacity 0.1s linear;
			    -ms-transition: opacity 0.1s linear;
			     -o-transition: opacity 0.1s linear;
			        transition: opacity 0.1s linear;
		}

			.notifications_header .notifications_closer:hover {
/*						background-position-x: -44px;*/
				opacity: 1;
			}

		.notifications_header .notifications_rollup {
					opacity: .7;
					position: absolute;
					top: 6px;
					left: 6px;
					height: 15px;
					width: 15px;
					background: url('/static/images/notifications.png') no-repeat -88px -21px;
					cursor: pointer;
					-webkit-transition: opacity, background 0.2s linear;
					   -moz-transition: opacity, background 0.2s linear;
					    -ms-transition: opacity, background 0.2s linear;
					     -o-transition: opacity, background 0.2s linear;
					        transition: opacity, background 0.2s linear;
				}

					.notifications_header .notifications_rollup:hover {
						opacity: 1;
					}

					.notifications_header .notifications_rollup.expand {
						background-position-y: -43px;
					}

		.notifications_count {
			position: absolute;
			top: 6px;
			display: inline-block;
			opacity: 0;
			padding: 1px 3px 1px 2px;
			margin: 0 0 0 5px;
			background: #f2af21;
			font-style: italic;
			font-size: 11px;
			color: #fff;
			border-radius: 3px;
			text-align: center;
			min-width: 10px;
			text-shadow: none !important;
		}

	.notifications_list {
		overflow: hidden;
	}

	.notification:first-child {
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	.notification:last-child {
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		border-bottom: none;
	}

	.notification {
		width: 100%;
		font-size: 14px;
		background: #fff;
		overflow: hidden;
		position: relative;
		border-bottom: 1px solid #deeefa;
	}

		.notification.click {
			cursor: pointer;
		}

		.notification:hover {
			background: #edf6fc;
		}
		.notification > div {
			float:  left;
		}

		.notification_left {
			padding: 8px;
			text-align: center;
			-webkit-touch-callout: none;
			  -webkit-user-select: none;
			   -khtml-user-select: none;
			     -moz-user-select: none;
			      -ms-user-select: none;
			          user-select: none;
		}

			.notification_left i {
				padding: 0 8px 1px 8px;
				background: url('/static/images/notifications.png') no-repeat 0 0;
			}

		.notification_content {
			width: 327px;
			line-height: 16px;
			padding: 9px 8px 8px 4px;
		}

		.notification_right {
			padding: 9px 6px 8px 8px;
		}

		.notification_right	.notification_closer {
			display: inline-block;
			opacity: .3;
			border-radius: 8px;
			height: 15px;
			width: 15px;
			background: #008296 url('/static/images/notifications.png') no-repeat -67px -42px;
			cursor: pointer;
			-webkit-touch-callout: none;
			  -webkit-user-select: none;
			   -khtml-user-select: none;
			     -moz-user-select: none;
			      -ms-user-select: none;
			          user-select: none;
			-webkit-transition: opacity 0.1s linear;
			   -moz-transition: opacity 0.1s linear;
			    -ms-transition: opacity 0.1s linear;
			     -o-transition: opacity 0.1s linear;
			        transition: opacity 0.1s linear;

		}

			.notification_right .notification_closer:hover {
/*						background-position-x: -44px;*/
				opacity: 1;
			}


		/* Виды уведомлений */

		.notification.error {
			background: #fc989c;
			border-color: #fc878c;
		}

			.notification.error:hover {
				background: #fc878c;
				border-color: #fb777c;
			}

		.notification.complaint .reasons {
			color: #922626;
		}

		.notification.happy .notification_left i {
			background-position: 0 0;
		}

		.notification.deadline .notification_left i {
			background-position: 0px -21px;
		}

		.notification.sad .notification_left i,
		.notification.complaint .notification_left i {
			background-position: -22px 0;
		}

		.notification.success .notification_left i {
			background-position: -44px -21px;
		}

		.notification.info .notification_left i {
			background-position: -66px -21px;
		}

		.notification.error .notification_left i {
			background-position: -88px 0;
		}

		.notification.warn .notification_left i {
			background-position: -22px -22px;
		}


/***********************/
/***********************/
/* Additional Controls */
/***********************/
/***********************/
.notification .btn {
  display: inline-block;
  *display: inline;
  padding: 4px 8px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 12px;
  line-height: 14px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.notification .btn:hover,
.notification .btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.notification .btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.notification .btn.active,
.notification .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.notification .btn.disabled,
.notification .btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.notification .ok-btn {
	color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background-color: #5bb75b;
	  *background-color: #51a351;
	  background-image: -moz-linear-gradient(top, #62c462, #51a351);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	  background-image: -o-linear-gradient(top, #62c462, #51a351);
	  background-image: linear-gradient(to bottom, #62c462, #51a351);
	  background-repeat: repeat-x;
	  border-color: #51a351 #51a351 #387038;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.notification .ok-btn:hover,
.notification .ok-btn:active{
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.notification .ok-btn:active {
	background-color: #408140 \9;
}