title: modifying css for a frame element
body: <p>I have a page which can be opened as a pop up page in sharepoint .Now when the page is opened as pop up I want some css to be modified.What is happening is that the code is able to successfully modify the label element but unable to modify the .ms-dlgTitleText which is the window sharepoint opens which holds the page and is above the iFrame element holding the page.Can someone please tell me what I can do here.</p>
  
  <p>EDIT:I want to know how I can change the content inside the div with the class ms-dlgTitle</p>
  
  <pre><code>&lt;div class="dialogue&gt;
  &lt;div class="ms-dlgTitle"&gt;
  content
  &lt;/div&gt;
  &lt;div class="dlgframe"&gt;
  
  &lt;iframe&gt;
  some data
  
      &lt;script src="/_layouts/1033/jQuery.js" type="text/javascript"&gt;
      &lt;/script&gt;
      &lt;script type="text/javascript"&gt; 
       $(document).ready(function () 
       {if (window.location.search.match("[?&amp;]IsDlg=1")) 
          {
              alert("doc is ready now"); 
              $('&lt;style type="text/css"&gt;.ms-dlgTitle{ width: 200px; } #foo{background:black;                     }&lt;/style&gt;').appendTo("head");}});
  
       function t(){  var options = SP.UI.$create_DialogOptions();options.url =           "http://sharepointhost:2266";options.height =      300;SP.UI.ModalDialog.showModalDialog(options);
                   }
       &lt;/script&gt;
      &lt;a class="s" onclick="javascript:t()"&gt;k&lt;/a&gt; &lt;label title="label1" id="foo"&gt;lbl&lt;/label&gt;
  &lt;/iFrame&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>