.MEERINFO-12 { border: outset 2px #EF6B16;
padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; display: block; width:250px; line-height: 20px; font-family: "arial", "Helvetica", "sans-serif"; font-size:12px; font-weight:bold; color: #000000; text-align: center; background-color: #FFFF00; text-decoration: none; }
.MEERINFO-12:hover { border: inset 2px #EF6B16;
padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; block; width:280px; line-height: 20px; font-size:13px; color: #000000; background-color: #FFFF00; text-decoration: none; }


.MEERINFO-121 {
position:relative; /*this is the key*/
z-index:24;
border: outset 1px #EF6B16;
padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; display: block; width:350px; line-height: 20px; font-family: "arial", "Helvetica", "sans-serif"; font-size:12px; font-weight:bold; color: #000000; text-align: center; background-color: #FFFFA2; text-decoration: none; }

.MEERINFO-121:hover{
z-index:25; 
border: inset 1px #EF6B16;
padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; block; width:380px; line-height: 20px; font-size:13px; color: #000000; background-color: #FFFF00; text-decoration: none; }

.MEERINFO-121 span{display: none; }

.MEERINFO-121:hover span{ /*the span will display just on :hover state*/
    padding: 2px;
    display:block;
    position:absolute;
    top:-79px; left:-3px; width:280px;
    border:1px solid #FF0000;
    background-color:#FFFFFF;
	font-family: "arial", "Helvetica", "sans-serif"; font-size:12px; font-weight:bold; color: #FFFFFF;
    text-align: center;
	text-decoration:none; }