/**************************************************/
/*********** CSS FOR BUTTONS **********************/
/**************************************************/


/* GENERAL */
.inaturButton .bgLeft {
  width:8px;
  height:29px;
  background-repeat:no-repeat;
  float:left;
  clear:none;
}
.inaturButton .middle {
  height:29px;
  background-repeat:repeat-x;
  float:left;
  padding:6px 3px 0px 4px;
  font-size:11px;
  color:#333333;
  font-weight:bold;
  clear:none;
  line-height: 12px;
}
.inaturButton .middle a {
  color:#333333;
  font-weight:bold;
  text-decoration:none;
}
.inaturButton .bgRight {
  width:12px;
  height:29px;
  background-repeat:no-repeat;
  float:left;
  clear:none;
}

/*** OPTIONAL ARROW IN FRONT OF TEXT **/
.gold.arrow .middle:before,
.goldTr.arrow .middle:before {
  content: url('/images/buttons/button_yellow_arrow.gif');
}
.silver.arrow .middle:before {
  content: url('/images/buttons/button_grey_arrow.gif');
}

/*** OPTIONAL CARTICON IN FRONT OF TEXT **/
.gold.cart .middle:before {
  content: url('/images/buttons/button_yellow_cartIcon.gif');
}


/*******************/
/* orangeTr goldTr */
/*******************/
.orangeTrGoldTr {
  white-space : nowrap;
}
.orangeTrGoldTr .bgLeft {
  background-image:url('/images/buttons/button_yellow_transp_left2.gif');
  width:8px;
  height:19px;
  background-repeat:no-repeat;
  float:left;
  clear:none;
  padding:0px;
  margin:0px;
}
.orangeTrGoldTr .middle {
  background-image:url('/images/buttons/button_yellow_transp_bg2.gif');
  height:17px;
  background-repeat:repeat-x;
  float:left;
  padding:2px 0px 0px 0px;
  margin:0px;
  font-size:11px;
  color:#333333;
  font-weight:bold;
  clear:none;
  text-decoration:none;
  line-height: 14px;
}
.orangeTrGoldTr .bgRight {
  background-image:url('/images/buttons/button_yellow_transp_right2.gif');
  width:8px;
  height:19px;
  background-repeat:no-repeat;
  float:left;
  clear:none;
  padding:0px;
  margin:0px;
}
/*****************/
/*  orange gold  */
/*****************/
.orangeGold .bgLeft {
  background-image:url('/images/buttons/button_yellow_f5c13a_left.gif');
}
.orangeGold .middle {
  background-image:url('/images/buttons/button_yellow_f5c13a_bg.gif');
}
.orangeGold .bgRight {
  background-image:url('/images/buttons/button_yellow_f5c13a_right.gif');
}
/*****************/
/* orange silver */
/*****************/
.orangeSilver .bgLeft {
  background-image:url('/images/buttons/button_silver_f5c13a_left.gif');
}
.orangeSilver .middle {
  background-image:url('/images/buttons/button_silver_f5c13a_bg.gif');
}
.orangeSilver .bgRight {
  background-image:url('/images/buttons/button_silver_f5c13a_right.gif');
}
/*****************/
/* pink gold  */
/*****************/
.pinkGold .bgLeft {
  background-image:url('/images/buttons/button_yellow_fdebb5_left.gif');
}
.pinkGold .middle {
  background-image:url('/images/buttons/button_yellow_fdebb5_bg.gif');
}
.pinkGold .bgRight {
  background-image:url('/images/buttons/button_yellow_fdebb5_right.gif');
}
/*****************/
/* pink silver */
/*****************/
.pinkSilver .bgLeft {
  background-image:url('/images/buttons/button_silver_fdebb5_left.gif');
}
.pinkSilver .middle {
  background-image:url('/images/buttons/button_silver_fdebb5_bg.gif');
}
.pinkSilver .bgRight {
  background-image:url('/images/buttons/button_silver_fdebb5_right.gif');
}
/*****************/
/* white gold  */
/*****************/
.whiteGold .bgLeft {
  background-image:url('/images/buttons/button_yellow_ffffff_left.gif');
}
.whiteGold .middle {
  background-image:url('/images/buttons/button_yellow_ffffff_bg.gif');
}
.whiteGold .bgRight {
  background-image:url('/images/buttons/button_yellow_ffffff_right.gif');
}
/*****************/
/* white silver */
/*****************/
.whiteSilver .bgLeft {
  background-image:url('/images/buttons/button_silver_ffffff_left.gif');
}
.whiteSilver .middle {
  background-image:url('/images/buttons/button_silver_ffffff_bg.gif');
}
.whiteSilver .bgRight {
  background-image:url('/images/buttons/button_silver_ffffff_right.gif');
}
/*****************/
/* offWhite gold  */
/*****************/
.offWhiteGold .bgLeft {
  background-image:url('/images/buttons/button_yellow_f6f6f6_left.gif');
}
.offWhiteGold .middle {
  background-image:url('/images/buttons/button_yellow_f6f6f6_bg.gif');
}
.offWhiteGold .bgRight {
  background-image:url('/images/buttons/button_yellow_f6f6f6_right.gif');
}
/*****************/
/* offWhite silver */
/*****************/
.offWhiteSilver .bgLeft {
  background-image:url('/images/buttons/button_silver_f6f6f6_left.gif');
}
.offWhiteSilver .middle {
  background-image:url('/images/buttons/button_silver_f6f6f6_bg.gif');
}
.offWhiteSilver .bgRight {
  background-image:url('/images/buttons/button_silver_f6f6f6_right.gif');
}
/*****************/
/* lightGrey gold  */
/*****************/
.lightGreyGold .bgLeft {
  background-image:url('/images/buttons/button_yellow_ebebe3_left.gif');
}
.lightGreyGold .middle {
  background-image:url('/images/buttons/button_yellow_ebebe3_bg.gif');
}
.lightGreyGold .bgRight {
  background-image:url('/images/buttons/button_yellow_ebebe3_right.gif');
}
/*****************/
/* lightGrey silver */
/*****************/
.lightGreySilver .bgLeft {
  background-image:url('/images/buttons/button_silver_ebebe3_left.gif');
}
.lightGreySilver .middle {
  background-image:url('/images/buttons/button_silver_ebebe3_bg.gif');
}
.lightGreySilver .bgRight {
  background-image:url('/images/buttons/button_silver_ebebe3_right.gif');
}
/*****************/
/* grey gold  */
/*****************/
.greyGold .bgLeft {
  background-image:url('/images/buttons/button_yellow_ddddcf_left.gif');
}
.greyGold .middle {
  background-image:url('/images/buttons/button_yellow_ddddcf_bg.gif');
}
.greyGold .bgRight {
  background-image:url('/images/buttons/button_yellow_ddddcf_right.gif');
}
/*****************/
/* grey silver */
/*****************/
.greySilver .bgLeft {
  background-image:url('/images/buttons/button_silver_ddddcf_left.gif');
}
.greySilver .middle {
  background-image:url('/images/buttons/button_silver_ddddcf_bg.gif');
}
.greySilver .bgRight {
  background-image:url('/images/buttons/button_silver_ddddcf_right.gif');
}