label
  :font-family = !headline_fonts
  :font-weight bold
textarea
  :padding 0.2em
  :font-family courier
  :font-size 14px
  :line-height 18px
  :width 90%
.bigfield
  :padding 0.1em 0.2em
  :font-size 160%
.help
  :padding 0.8em 0.8em 0.8em 1.6em
  :margin-bottom 1em
  :background #fff6bf url("../../images/help_triangle.gif") top left no-repeat
  :color #514721

.required
  +weak

p.buttons
  +clearfix
  :margin-bottom 1.5em

a.button
  // you can pass "left" or "right" to +anchor-button to float it in that direction
  // or you can pass no argument to leave it inline-block (cross browser safe!) within
  // the flow of your page.
  +anchor-button("left")
  // All the button color mixins take 4 optional arguments:
  // font color, background color, border color, border highlight color
  // the first three default to constants set in blueprint/modules/buttons.sass
  // the last one defaults to a shade lighter than the border color.
  +button-colors
  +button-hover-colors
  +button-active-colors

button
  // The +button-button mixin is just like the +anchor-button mixin, but for <button> elements.
  +button-button("left")
  +button-colors
  +button-hover-colors
  +button-active-colors

// We can change the colors for buttons of certain classes, etc.
a.positive, button.positive
  :color #529214
  +button-hover-colors(#529214, #E6EFC2, #C6D880)
  +button-active-colors(#FFF, #529214, #529214)

a.negative, button.negative
  :color #D12F19
  +button-hover-colors(#D12F19, #FBE3E4, #FBC2C4)
  +button-active-colors(#FFF, #D12F19, #D12F19)