.tabs {
      position: relative;   
      min-height:289px;; /* This part sucks */
      clear: both;
      margin: 25px 0;
     margin-left: -2em;
    }
    .NANI {
      float: left;
    }
    .NANI label {
      background: #eee; 
      padding: 10px;  
      margin-left: -1px; 
      position: relative;
      left: 1px;
      margin-top: -0.5em;
      max-width: 102%;
    }
    .NANI [type=radio] {
      display: none;   
    }
    .content {
      position: absolute;
      top: 10px;
      left: 0;
      background: white;
      right: 0;
      bottom: 0;
      padding: 20px;
      border-bottom: none;
      border-left-color: #fff;
    }
    #contentRes{
        display: none;
    }
    #active{
        background:#3498db ;
        color: #fff;
        z-index: 24;
        margin-left: 5em;
    } 
#nav li a:hover{color:#006699;text-decoration:none}
#notification_li{position:relative;    list-style: none;}



#notificationContainerAB {
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: 30px;
margin-left: -22.3em;
width: 370px;
z-index: 2;
display: none;
}

#notificationContainerAA {
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: 30px;
margin-left: -22.3em;
width: 370px;
z-index: 2;
display: none;
}
.notifications-list{
        margin-top: -1em;
        width: 99.5%;
        height: 300px;
        overflow: overlay;

}

#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 9px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #3498db;
}


#notificationContainerAB:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border: 10px solid black;
border-color: transparent transparent #3498db;
margin-top: -20px;
margin-left: 22em;
}

#notificationContainerAA:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border: 10px solid black;
border-color: transparent transparent #3498db;
margin-top: -20px;
margin-left: 22em;
}

#notificationTitle {
z-index: 1000;
font-weight: bold;
padding: 8px;
font-size: 18px;
background: #3498db;
color: #fefefe;
margin: 0;
padding: 10px;
width: 367px;
text-align: center;
border-bottom: 1px solid #dddddd;
}

#notificationsBody {
padding: 33px 0px 0px 0px !important;
}

#notificationFooter {
background-color:#3498db;
text-align: center;
font-weight: bold;
padding: 8px;
font-size: 12px;

}
#notification_count {
padding: 0px 5px 0px 5px;
position: absolute;
background: #cc0000;
color: #ffffff;
font-weight: bold;
border-radius: 9px;
margin-left: 94em;
margin-top: -7px;
font-size: 11px;
z-index: 2;
    
}   
    .notifications .notifications-list .item:before {
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -moz-background-clip: padding-box;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background: #3498db;
      content: '';
      height: 8px;
      width: 8px;
    }   
.notifications .notifications-list .item {
      -webkit-transition: -webkit-transform 0.25s ease-out 0.1s;
      -moz-transition: -moz-transform 0.25s ease-out 0.1s;
      -o-transition: -o-transform 0.25s ease-out 0.1s;
      transition: transform 0.25s ease-out 0.1s;
      border-top: 1px solid #bdc3c7;
      color:#3498db;
      cursor: default;
      padding: 10px;
      position: relative;
      /*white-space: nowrap;*/
      width: 307px;
    }
    span{
     color: #ff0000;
    font-size: .95em;
    margin-top: 3px;
    display: block;
    /*margin-left: -1em;*/
   
    }