title: Changing default style of DOJO widget
body: <p>I'd like to be able to change some of the default CSS styles for, for example, dijit.TitlePane without hacking the "factory-installed" css themes.  What I'm trying to do is remove the <strong>Title</strong> and <strong>ContentOuter</strong> borders of a TitlePane.  Setting a class (in this case, "borderless") when declaring the widget doesn't work (see below: I've also tried setting the class within data-dojo-props.  Still no go).</p>
  
  <pre><code>&lt;div class="borderless" data-dojo-type="dijit.TitlePane" data-dojo-  props="title:'Filter by Last Name'" open="false"&gt;
  </code></pre>
  
  <p>Following are the classes that I want to change in the claro.css file.  Of course, I could change the border there, but I don't want to go that route for obvious reasons.  All I want to do is override these setting in my own class.  This <strong>should</strong> be really easy, but I'm just drawing a brain cramp.  Any help?  (Using DOJO 1.7.1).</p>
  
  <p>Thanks</p>
  
  <pre><code>.claro .dijitTitlePaneTitle {
  background-color: #EFEFEF;
  background-image: url("images/titlebar.png");
  background-repeat: repeat-x;
  border: 1px solid #B5BCC7;
  min-height: 17px;
  padding: 0 7px 3px;
  }
  
  .claro .dijitTitlePaneContentOuter {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: -moz-use-text-color #B5BCC7 #B5BCC7;
  border-width: medium 1px 1px;
  }
  </code></pre>