Tooltip in Formula Editor

[akhader]

Hi,

I changed the default style of the tooltip in "skin_styles.css" so all of the tooltips in the application will have the same style which is perfect for me, but I have a problem in the tooltip in "Summary" & "Formula" help button here is the new style of the tooltip:

/* hover canvas  */
.canvasHover,
.gridHover,
.formHover {
/*     font-family:Arial,Verdana,sans-serif; font-size:11px; color:black; */
/*     background-color:#FFFFD0; border:1px solid #808080; padding:5px; */

    background-color: #474747  ;
	color: white;
	font-family: Arial,Verdana,sans-serif;
	font-size: 13px; 
 	text-align: Center; 
	border:1px solid gray;
    text-overflow: clip; 
    white-space: nowrap;  
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 6px; 
    padding-bottom: 7px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

The tooltip is larger than the text but in every place in the application it appears correctly as the width of the content.

please see the attached screen-shot to see how the tooltip appears.

[akhader]

Is there s/th wrong in the modified base style?