title: GWT - Styles not picked up from the css file correctly
body: <p>I am facing this wierd situation with GWT where styles are not picked up from the CSS file correctly.</p>
  
  <p>I am trying to style a text area. I know that it picks up default styles from either clean.css or standard.css. </p>
  
  <p>But i have removed the inherit line from the application.gwt.xml file and copied all those styles into my own custom stylesheet file - application.css</p>
  
  <p>And i am trying to add this style name ("close" see below) to my textarea like this</p>
  
  <pre><code>       TextArea ta = new TextArea();
         ta.addStylename("close");
  </code></pre>
  
  <p>But it is not picking up the class name "close" at all. I have the default styles for text area copied into application.css from standard.css. 
  I checked the page using firebug and chrome's inspect element, i could see see the element as this - </p>
  
  <pre><code>   &lt;textarea class="gwt-TextArea close"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>I see styles only being picked up from class - gwt-TextArea.</p>
  
  <p>could someone help me out here.</p>
  
  <pre><code>//// styles in application.css
            .close  {
         font-size:150%;
            }
  
            .gwt-TextArea {
              border: 1px solid #d9dbdb;
               background: #ffffff;
               color: #8e8e8e;
               font: Arial, sans-serif;
                overflow: auto;
             }
  </code></pre>