@charset "utf-8";
/* CSS Document */
.notff_box{
	position:relative;
	}
#notification_li{position:relative; padding-right:13px;}
.notificationContainer {
background-color: #fff;
border: 1px solid rgba(100, 100, 100, .4);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
overflow: visible;
position: absolute;
top: 100%;
margin-left: -304px;
margin-top:15px;
width: 400px;
z-index: 9999;
display: none;

}
.notificationContainer:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border: 10px solid black;
border-color: transparent transparent #DDD;
margin-top: -20px;
right:2px;
display:block;
}
.notificationTitle {
z-index: 1000;
font-weight: bold;
padding: 8px;
font-size: 13px;
background-color: #ffffff;
width: 384px;
border-bottom: 1px solid #dddddd;
color:#333;
}
.notificationsBody {
padding: px 0px 0px 0px !important;
min-height:300px;
}
ul.notifications_datalist, 
.userNav ul li ul.notifications_datalist{
	position:static;
	display:block;
	margin:0px 0;
	padding:0;
	border:none;
	}

ul.notifications_datalist li, .userNav ul li ul.notifications_datalist li{
	background:#FFF;
	border:none;
	padding:10px;
	color:#333;
	border-bottom:1px solid #EEE;
	display:block;
	font-size:12px !important;
	}
	
ul.notifications_datalist li:hover, .userNav ul li ul.notifications_datalist li:hover{
	background:#DDD !important;
	}
ul.notifications_datalist li:nth-child(2n+1), .userNav ul li ul.notifications_datalist li:nth-child(2n+1){
	background:#EEE;
	}
.userNav ul li ul.notifications_datalist li a{
	color:#2b6893;
	width:100%;
	padding:0;
	display: inline-block !important;	
	font-size:12px !important;
}
ul.notifications_datalist li .front_img{
	width:60px;
	text-align:center;
	float:left;
	}
ul.notifications_datalist li .front_img img{
	max-width:100%;
	height:auto;
	margin:0 auto;
	display:block;
	float:none;
	}
ul.notifications_datalist li ._data{
	padding-left:85px;
	}	
ul.notifications_datalist li ._data a{
	display:inline;
	color:#004890 ;
	}
ul.notifications_datalist li .front_img{
	width:60px;
	}
.userNav ul li ul.notifications_datalist li	._data{
	padding-left:70px;
	}

#notificationFooter {
background-color: #e9eaed;
text-align: center;
font-weight: bold;
padding: 8px;
font-size: 12px;
border-top: 1px solid #dddddd;
}
#notificationFooter a{
	display:inline-block;
	float:none;
	color:#666;
	}
#notification_count {
padding: 2px 5px;
border-radius:2px;
background: #cc0000;
color: #ffffff;
font-size: 11px;
display:inline-block;
float:none;
position:absolute;
left:83%;
top:-2px;
line-height:normal;
}