title: border-color property works as style, not as css class
body: <p>I'm sure this is a simple problem, but I can't seem to get a css class to work. I'm trying to add a red border around a text input. If I set the border-color property inline, everything works:</p>
  
  <pre><code> &lt;input type="text" placeholder ="Name" style="border-color: #b94a48;" /&gt;
  </code></pre>
  
  <p>If I add a class to the surrounding div, targeting inputs, it works correctly:</p>
  
  <pre><code>.error-style input {
      border-style:solid;
      border-color: #b94a48;
  }
  
  &lt;div class="control-group error-style"&gt;
      &lt;div class="controls"&gt;
          &lt;input type="text" placeholder ="Name"/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But if I just make it a class, and add it to the input, it doesn't show:</p>
  
  <pre><code>.error-style {
      border-style:solid;
      border-color: #b94a48;
  }
  
  &lt;input type="text" placeholder ="Name" class="error-style" /&gt;
  </code></pre>
  
  <p>I'm not sure if it matters, but I'm also using Twitter Bootstrap in the project. The CSS file for Bootstrap can be found <a href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="nofollow">here</a></p>