.button {
    display:block;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    padding:0.3em 0.6em;
    line-height:16px;
    color:#333;
    background:#ddd;
    font-weight:bold;
    border:1px solid #999;
    border-bottom-color:#888;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 0 #fff;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 0 #fff;
    text-shadow: #fff 0px 1px 0;
  }

  .button.fs14 {
    line-height:20px;
  }

  .button.fs14 img {
    margin-top:2px;
  }

  .button:hover {
    background-color:#fafafa;
    text-decoration:underline;
    color:#000;
  }

  .button.blue {
    border-color:#29447e #29447e #1a356e #29447e;
    color: #fff;
    background-color:#5b74a8;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.4);
    text-shadow: #000 0px 1px 0;
  }

  .button.green {
    border-color: #3b6e22 #3b6e22 #2c5115 #3b6e22;
    color: #fff;
    background-color: #69A74E;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.4);
    text-shadow: #000 0px 1px 0;
  }

  .button.bluegreen {
    border-color: #192735 #192735 #090F14 #192735;
    color: #fff;
    background-color: #586C80;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.4);
    text-shadow: #000 0px 1px 0;
  }

  .button.icon img,
  .button.iconl img {
    display:block;
    float:left;
  }

  .button.iconr img {
    display:block;
    float:right;
  }

  .button.rball {
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
  }

  .button.rbb {
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
  }

  .button.rbt {
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
  }
  
  /*--------------------------------------------------------------*/
  h5 {
    display:block;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    padding:0.3em 0.6em;
    line-height:16px;
    color:#333;
    background:#ddd;
    font-weight:bold;
    border:1px solid #999;
    border-bottom-color:#888;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 0 #fff;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), inset 1px 1px 0 #fff;
    text-shadow: #fff 0px 1px 0;
  }
  
  h5.icon img,
  .button.iconl img {
    display:block;
    float:left;
  }