Telerik RadMap Change Dynamically Generated Inline Styles
<p>We have a web app that uses the Telerik RadMap control. The RadMap control has an included ToolTip when you hover over a pin. It dynamically renderes the styles for it, and a lot of them are inline. The only thing I need to do is increase the width on 2 divs that are generated by Telerik's Web Resources. One of them only has one class and no ID, and the other has multiple classes. Keep in mind each pin has these 2 divs, so they appear multiple times in the rendered DOM.
Here's the first div: </p>

<pre><code>&lt;div class="k-animation-container" style="left: 714px; top: 193.12px; width: 255px; height: 234px; overflow: visible; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-left: -4px; display: block; position: absolute; z-index: 10002; box-sizing: content-box;"&gt;
</code></pre>

<p>And here's the second (it's the child of the first):</p>

<pre><code>&lt;div class="k-widget k-tooltip k-popup k-group k-reset RadMap RadMap_Default k-state-border-up" role="tooltip" style="display: block; position: absolute; opacity: 1;" data-role="popup"&gt;&lt;div class="k-tooltip-content"&gt;
</code></pre>

<p>I've tried using CSS with a stronger selector, but the styles don't even appear as overridden in Page Inspector. I also tried using jquery's addClass function and .attr('id', 'myCustomId');. Neither seems to work. </p>

<p>Any ideas?</p>