title: Ajax ModalPopupExtender style issue
body: <p>The issue I'm having is that my Css is been used by my controls. Here's my code</p>
  
  <p>ASP.NET</p>
  
  <pre><code>  &lt;cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="LoginBtn"
          CancelControlID="btnClose" BackgroundCssClass="modalBackground"&gt;
      &lt;/cc1:ModalPopupExtender&gt;
      &lt;asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" align="center"Style="display: none"&gt;
          This is an ASP.Net AJAX ModalPopupExtender Example
          &lt;br /&gt;
          &lt;asp:Button ID="btnClose" runat="server" Text="Close" /&gt;
      &lt;/asp:Panel&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.modalBackground {
  background-color: Black;
  filter: alpha(opacity=90);
  opacity: 0.8;
  }
  
  .modalPopup {
  background-color: #FFFFFF;
  border-width: 3px;
  border-style: solid;
  border-color: black;
  padding-top: 10px;
  padding-left: 10px;
  width: 300px;
  height: 140px;
  }
  </code></pre>
  
  <p>I tried numerous things like copy pasting from examples and i can't get it right what am i doing wrong ?</p>