/**
 * CSS belonging to bu
 **/
 
.clear
{
/* generic container (i.e. div) for floating buttons */
  overflow: hidden;
  width: 100%;
}

a.button_grey
{
  background      : transparent url('../../images/css button20/button_grey_a.gif') no-repeat scroll top right;
  display         : block;
  float           : left;
  height          : 20px;
  margin-right    : 6px;
  padding-right   : 18px; /* sliding doors padding */
  color           : #000;
  text-decoration : none;
}

a.button_grey span
{
  background      : transparent url('../../images/css button20/button_grey_span.gif') no-repeat;
  display         : block;
  line-height     : 12px;
  padding         : 3px 0 5px 18px;
}

a.button_grey:active
{
  background-position : bottom right;
  color           : #000;
  outline         : none; /* hide dotted outline in Firefox */
}

a.button_grey:active span
{
  background-position: bottom left;
  padding         : 4px 0 4px 18px; /* push text down 1px */
}

a.button_red
{
  background      : transparent url('../../images/css button20/button_red_a.gif') no-repeat scroll top right;
  display         : block;
  float           : left;
  height          : 20px;
  margin-right    : 6px;
  padding-right   : 18px; /* sliding doors padding */
  color           : #000;
  text-decoration : none;
}

a.button_red span
{
  background      : transparent url('../../images/css button20/button_red_span.gif') no-repeat;
  display         : block;
  line-height     : 12px;
  padding         : 3px 0 5px 18px;
}

a.button_red:active
{
  background-position: bottom right;
  color           : #000;
  outline         : none; /* hide dotted outline in Firefox */
}

a.button_red:active span
{
  background-position: bottom left;
  padding         : 4px 0 4px 18px; /* push text down 1px */
}

a.button_blue
{
  background      : transparent url('../../images/css button20/button_blue_a.gif') no-repeat scroll top right;
  display         : block;
  float           : left;
  height          : 20px;
  margin-right    : 6px;
  padding-right   : 18px; /* sliding doors padding */
  color           : #FFF;
  text-decoration : none;
}

a.button_blue span
{
  background      : transparent url('../../images/css button20/button_blue_span.gif') no-repeat;
  display         : block;
  line-height     : 12px;
  padding         : 3px 0 5px 18px;
}

a.button_blue:active
{
  background-position: bottom right;
  color						: #FFFF00;
  outline         : none; /* hide dotted outline in Firefox */
}

a.button_blue:active span
{
  background-position: bottom left;
  padding         : 4px 0 4px 18px; /* push text down 1px */
}

a.button_green
{
  background      : transparent url('../../images/css button20/button_green_a.gif') no-repeat scroll top right;
  display         : block;
  float           : left;
  height          : 20px;
  margin-right    : 6px;
  padding-right   : 18px; /* sliding doors padding */
  color           : #FFF;
  text-decoration : none;
}

a.button_green span
{
  background: transparent url('../../images/css button20/button_green_span.gif') no-repeat;
  display         : block;
  line-height     : 12px;
  padding         : 3px 0 5px 18px;
}

a.button_green:active
{
  background-position: bottom right;
  color						: #000;
  outline         : none; /* hide dotted outline in Firefox */
}

a.button_green:active span
{
  background-position: bottom left;
  padding         : 4px 0 4px 18px; /* push text down 1px */
}

a.button_black
{
  background      : transparent url('../../images/css button20/button_black_a.gif') no-repeat scroll top right;
  display         : block;
  float           : left;
  height          : 20px;
  margin-right    : 6px;
  padding-right   : 18px; /* sliding doors padding */
  color           : #FFF;
  text-decoration : none;
}

a.button_black span
{
  background			: transparent url('../../images/css button20/button_black_span.gif') no-repeat;
  display         : block;
  line-height     : 12px;
  padding         : 3px 0 5px 18px;
}

a.button_black:active
{
  background-position: bottom right;
  color						: #FFFF00;
  outline					: none; /* hide dotted outline in Firefox */
}

a.button_black:active span
{
  background-position: bottom left;
  padding					: 4px 0 4px 18px; /* push text down 1px */
}

a.button_orange
{
  background      : transparent url('../../images/css button20/button_orange_a.gif') no-repeat scroll top right;
  display         : block;
  float           : left;
  height          : 20px;
  margin-right    : 6px;
  padding-right   : 18px; /* sliding doors padding */
  color           : #000;
  text-decoration : none;
}

a.button_orange span
{
  background			: transparent url('../../images/css button20/button_orange_span.gif') no-repeat;
  display         : block;
  line-height     : 12px;
  padding         : 3px 0 5px 18px;
}

a.button_orange:active
{
  background-position: bottom right;
  color						: #000;
  outline					: none; /* hide dotted outline in Firefox */
}

a.button_orange:active span
{
  background-position: bottom left;
  padding					: 4px 0 4px 18px; /* push text down 1px */
}