title: Position of tooltip in Tinymce
body: <p>i have a tinymce editor instance and by default the tooltips are positioned to the south of the object (buttons menuitems etc)</p>
  
  <p>i would like to position them to the right (or east)</p>
  
  <p>i can see in the css for the tooltips that there appear to be classes that operate this behaviour, but i simply can not work out how to use them</p>
  
  <p>default css snippet</p>
  
  <pre><code>.mce-tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.mce-tooltip-nw .mce-tooltip-arrow{top:0;left:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.mce-tooltip-ne .mce-tooltip-arrow{top:0;right:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.mce-tooltip-s .mce-tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.mce-tooltip-sw .mce-tooltip-arrow{bottom:0;left:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.mce-tooltip-se .mce-tooltip-arrow{bottom:0;right:10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.mce-tooltip-e 
  </code></pre>
  
  <p>can you see things like .mce-tooltip-<strong>ne</strong> in there - i assume that controls placing the tooltip to the north east</p>
  
  <p>but i literally cant even make it happen</p>
  
  <p>please help</p>