/**
 * CSS Buttons Stylesheet
 *
 * Thanks to paulm for much of the content of the CSS buttons code
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet_css_buttons.css 4387 2006-09-04 13:54:28Z drbyte $
 * Colors reworked by Zami for the Wallet theme.
 */

.cssButton {
padding-top: 2px;
padding-bottom: 2px;
background-color: #F0F0F0;
color : #69829B;
border: 2px outset #9B6969;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align:center;
white-space: nowrap;
text-decoration: none;
font-weight: bold;
}

.cssButtonHover {
padding-top: 2px;
padding-bottom: 2px;
background-color: #E8E8E8;
color : #699B82;
border: 2px inset #9B6969;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align:center;
white-space: nowrap;
text-decoration: none;
font-weight: bold;
}

.button_update_cart {color: red;}
.button_update_cartHover {color: #003D00;}

input.cssButton, input.cssButtonHover{
  width: 0 !important;
  overflow: visible;  
}
input.cssButton[class], input.cssButtonHover[class] { /* IE ignores this [class]*/
  width: auto !important;
}

.button {
   border-top: 1px solid #96d1f8;
   background: #65d67f;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e9c42), to(#65d67f));
   background: -webkit-linear-gradient(top, #3e9c42, #65d67f);
   background: -moz-linear-gradient(top, #3e9c42, #65d67f);
   background: -ms-linear-gradient(top, #3e9c42, #65d67f);
   background: -o-linear-gradient(top, #3e9c42, #65d67f);
   padding: 5.5px 11px;
   -webkit-border-radius: 19px;
   -moz-border-radius: 19px;
   border-radius: 19px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
