$qbrown: #853d15
$qbrown-active: lighten($qbrown, 20%)
$green: #7BB459 //Heineken
//$wood: image-url('textures/wood001-vertical.jpg')
$wood: image-url('textures/theme1.jpg')
$background-brown: #57351f
$side-spacing: 5px
=wood-button
  background-color: transparent
  background-repeat: no-repeat, no-repeat, repeat-x
  background-position: left center, right center, center center
  background-image: image-url('theme1/button-wood-left.png'), image-url('theme1/button-wood-right.png'), image-url('theme1/button-wood-middle.png')
  color: $green
  border-width: 0
  border-radius: 0
  height: 31px
  //padding-bottom: 18px
  +box-shadow(#000 4px 4px 8px)
  &:hover
    background-color: transparent
    background-repeat: no-repeat, no-repeat, repeat-x
    background-position: left center, right center, center center
    background-image: image-url('theme1/button-wood-left.png'), image-url('theme1/button-wood-right.png'), image-url('theme1/button-wood-middle.png')
    color: blue
=button-bar
  background-color: transparent
  background-repeat: no-repeat, no-repeat
  background-position: left bottom, right bottom
  background-image: image-url('theme1/button-bar-left.png'), image-url('theme1/button-bar-right.png')
  color: $green
  border-width: 0
  border-radius: 0
  min-height: 61px
  height: 61px
  padding-left: 49px
  padding-right: 53px 
  .button-bar-inner
    //+single-box-shadow(#000, 0px, 4px, 8px, 0px, true)
    background-color: white
    background-repeat: repeat-x
    background-position: center bottom
    background-image: image-url('theme1/button-bar-middle.png')
    //min-height: 61px
    height: 100%
    .button-bar-content
      padding: 8px
      .title
        margin-top: 4px
        margin-right: 5px
        margin-left: 5px
        margin-bottom: 3px
        font-size: 1.1em
        line-height: 1.1em
        color: black
        float: left
      .action-buttons
        float: left
        width: 150px
  //padding-bottom: 18px
  //+box-shadow(#000 4px 4px 8px)
=user-button
  +wood-button
  cursor: pointer
  border: 0px solid black
  //+border-radius(4px)
  //+box-shadow(#000 4px 4px 8px)
  width: 30px
  //height: 34px
  display: inline-block
  float: left
  margin-right: 15px
  background-color: $qbrown
  text-align: center
  line-height: 34px
  text-indent: -5000px
  &.active
    background-color: $qbrown-active
  &.hide
    display: none