/*
* EXPERTEES notification plugin
*/

#notification {
	display:none;
	width:100%;
	z-index:9999;
	background:url(../../images/layout/notification_bg.png) repeat-x bottom;
	position:fixed;
	bottom:0;
	left:0;
	height:46px;
}

#notification .content ul {
	float:left;
	height:36px;
	color:#FFF;
	font-size:12px;
	margin:10px 0px 0px 20px;
}

#notification .content ul li {
	display:inline-block;
	margin:12px 10px 0px 0px;
	padding:0px 15px 0px 0px;
	background:url(../../images/layout/notification_divider.png) no-repeat right;
}

#notification .content ul li span {
    display:none;
    padding:0px 0px 0px 20px;
}


#notification .content ul li span.success { background:url(../../images/layout/icons.png) no-repeat -2px -103px;}
#notification .content ul li span.message { background:url(../../images/layout/icons.png) no-repeat -2px -103px;}
#notification .content ul li span.warning { background:url(../../images/layout/icons.png) no-repeat -2px -124px;}
#notification .content ul li span.error { background:url(../../images/layout/icons.png) no-repeat -2px -144px;}

.backgroundsize #notification .content ul li span.success { background:url(../../images/layout/icons@2x.png) no-repeat -2px -103px; background-size:120px;}
.backgroundsize #notification .content ul li span.message { background:url(../../images/layout/icons@2x.png) no-repeat -2px -103px; background-size:120px;}
.backgroundsize #notification .content ul li span.warning { background:url(../../images/layout/icons@2x.png) no-repeat -2px -124px; background-size:120px;}
.backgroundsize #notification .content ul li span.error { background:url(../../images/layout/icons@2x.png) no-repeat -2px -144px; background-size:120px;}

	
#notification .content .close {
	float:right;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	margin:20px 20px;
}