/*****************************************************************
 * Name: button.css
 *****************************************************************/
.buttonStandard
{
  background-image: url('images/buttonStandard.png'); 
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: Transparent; /* for IE7, a color (any color) must be specified */
  border-style: none;
  cursor: pointer;
  display: block; /* otherwise Firefox won't underline on mouseover */
  height: 30px;
  width: 125px;
  /* margin-left: -3px; */
  font-size:  14px;
  line-height: 30px; /* seems to be ignored by Firefox but corrects vertical text alignment in IE7 */
  /* font-family: Verdana, Arial, sans-serif; */
  /* font-weight: bold; */
  color: #222222;
  text-align: center;
  padding-top: 2px;
} 

/*****************************************************************
 * Note: buttonWide is currently the same width as buttonStandard, 
 * as a result of recent changes recommended by DI.
 *****************************************************************/
.buttonWide
{
  background-image: url('images/buttonWide.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: Transparent;
  border-style: none;
  cursor: pointer;
  display: block;
  height: 30px;
  width: 125px;
  font-size:  14px;
  line-height: 30px; 
  color: #222222;
  text-align: center;
  padding-top: 2px;
}

.buttonExtraWide
{
  background-image: url('images/buttonExtraWide.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: Transparent;
  border-style: none;
  cursor: pointer;
  display: block;
  height: 30px;
  width: 160px;
  font-size:  14px;
  line-height: 30px; 
  color: #222222;
  text-align: center;
  padding-top: 2px;
}

.buttonSuperWide
{
  background-image: url('images/buttonSuperWide.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: Transparent;
  border-style: none;
  cursor: pointer;
  display: block;
  height: 30px;
  width: 220px;
  font-size:  14px;
  line-height: 30px; 
  color: #222222;
  text-align: center;
  padding-top: 2px;
}

.buttonBuyNow
{
  background-image: url('images/buynow.png');
  background-position: center bottom;
  background-color: Black; 
  border-style: none;
  cursor: pointer;
  display: block; 
  height: 39px;
  width: 122px;
  padding: 0 10px 2px 0;
}

.buttonBuyNowDisabled
{
   background-image: url('images/buynowdisabled.png'); 
}

.buttonArrow
{
  background-image: url('images/buttonArrow.png');
  background-position: center bottom;
  background-color: Black; 
  border-style: none;
  cursor: pointer;
  display: block; 
  height: 42px;
  width: 159px;
  font-size: 18px;
  color: #CCCCCC;
  text-align: right;
  padding: 0 10px 2px 0;
}

.buttonFrontPage
{  
  background-position: center bottom;
  background-color: Black; 
  border-style: none;
  cursor: pointer;
  display: block; 
  height: 50px;
  width: 260px;
  padding: 0 10px 2px 0;
}

.frontPageLearnMoreButton
{
    background-image: url('images/learnButton.png');
}

.frontPageBuyItButton
{
    background-image: url('images/buyitButton.png');
}

.frontPageTryItButton
{
    background-image: url('images/tryitButton.png');
}

.buttonAlivePage
{  
  background-image: url('images/downloadNowButton.png');  
  background-position: center bottom;
  background-color: Black; 
  border-style: none;
  cursor: pointer;
  display: block; 
  height: 39px;
  width: 234px;
  padding: 0 10px 2px 0;
}