.NotificationSpanSub {
                /*Normally, hide this span*/
                    display: none;
                    position: absolute;
                    color:#206ba4;
                    width:200px;
					text-align: center;
					margin-left:80px;
					margin-top:-35px;
					background:white;
					box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
					z-index:auto;                                  
                  /*360px; is around the position I want*/
 }
 
.MenuSubitem_Char_Instructions
{
    text-decoration: none;
     line-height:20px;
    color: #0077b6;
    width: 200px;
    float: left;
    cursor:pointer ;
    /*leftbar*/
     border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        vertical-align: middle;
        text-align: center;
        font-weight:normal ;
        padding-top: 5px;
        padding-bottom: 5px;
}

.MenuSubitem_Char_Instructions:hover
{
    /*color:Black;*/
    /*color: #628b27;*/
    background-color: #0077b6;
            color: yellow;
}

.MenuSubitem_Char_Instructions:hover  .NotificationSpanSub {
    /*If you hover over the help icon, show the help_popup span*/
    display: inline-block;
    margin-left:80px;
}