My Telerik windows display wrong. CSS or Border issue?

[Ken]

All of my Telerik Windows display like the picture attached, even alerts.  This happens in all browsers with all skins even using the most simplistic code.

Has anyone seen this?  Is there a CSS I need to include somewhere?  I can't figure out what I'm missing.

    <telerik:RadWindow ID="modalPopup" runat="server" Width="360px" Height="360px" Skin="Office2007">
  <ContentTemplate>
    <div style="padding: 10px; text-align: center;">
          <telerik:RadButton ID="rbToggleModality" Text="Toggle modality"
              AutoPostBack="false" runat="server" Height="65px" />
    </div>
    <p style="text-align: center;">
          RadWindow is designed with keyboard support in mind - try tabbing
          before and after removing the modal background. While the popup is modal
          you cannot focus the textarea, once the modality is removed the textarea will
          be the first thing to receive focus beause it has tabIndex=1.
    </p>
  </ContentTemplate>
</telerik:RadWindow>

[Princy]

Hi Ken,

Please have a look at this documentation on RadWindow Distorted Appearance.

Thanks,
Princy.

[Ken]

Thanks Princy!

"Distorted" was the word I needed!  I was sure someone had this issue before but I couldn't find it.

I was trying things like  RadWindow looks funny, RadWindow CSS, RadWindow altered, RadWindow bad CSS, RadWindow looks off, RadWindow wrong, RadWindow incorrect, RadWindow skewed, RadWindow displays wrong.  Just want to get those keywords in this thread to help others searching for this.

I'm guessing it has to do with our CSS Reset.  At least I really hope so because fixing it should be a snap.  I'll give RadWindow a style branch for table, tr, td and etc. prior to the reset.  Plus this is an old project and CSS is about 40 miles long.

Thanks again.

Ken