/**
 * for buttons
 * 
 * usage:
 *  1. include this css file
 *     <link rel="stylesheet" href="http://cachefly.lefthandle.com/buttons/buttons.css" type="text/css" />
 *  2. markup html
 *     <a class="button blue" title="something" href="url/to/page">
 *         <span>This is button.</span>
 *     </a>
 */
a.button
{
  display: block;
  float: left;
  height: 34px;
  margin-right: 6px;
  padding-right: 20px;
  text-decoration: none;
  color: #000000;
}
a.button span
{
  display: block;
  line-height: 22px;
  padding: 7px 0 5px 18px;
}
a.button:hover span
{
    text-decoration:underline;
}
a.blue
{
  background: transparent url('button_blue_right.png') no-repeat scroll top right;
}
a.blue span
{
  background: transparent url('button_blue_left.png') no-repeat;
}
a.cyan
{
  background: transparent url('button_cyan_right.png') no-repeat scroll top right;
}
a.cyan span
{
  background: transparent url('button_cyan_left.png') no-repeat; 
}
a.gray
{
  background: transparent url('button_gray_right.png') no-repeat scroll top right;
}
a.gray span
{
  background: transparent url('button_gray_left.png') no-repeat; 
}
a.lightgreen
{
  background: transparent url('button_lightgreen_right.png') no-repeat scroll top right;
}
a.lightgreen span
{
  background: transparent url('button_lightgreen_left.png') no-repeat; 
}
a.orange
{
  background: transparent url('button_orange_right.png') no-repeat scroll top right;
}
a.orange span
{
  background: transparent url('button_orange_left.png') no-repeat; 
}
a.purple
{
  background: transparent url('button_purple_right.png') no-repeat scroll top right;
}
a.purple span
{
  background: transparent url('button_purple_left.png') no-repeat; 
}
a.white
{
  background: transparent url('button_white_right.png') no-repeat scroll top right;
}
a.white span
{
  background: transparent url('button_white_left.png') no-repeat; 
}