/*-------------------------------------
chemPad Specific Style Sheet

version:	1.0
author:		iq
-------------------------------------*/
/* Pad
-------------------------------------*/
.chemPad .pad .chemPadTitle {
  margin: 0 0 0 -10px;
  padding: 0;
  width: 80px;
  height: 29px;
  background: url(/wastatic/pads/img/chemPad/chemPadTitleBeta.png) no-repeat -1px 0;
}

.chemPad .pad .chemStandardButtons {
  background: url(/wastatic/pads/img/mathPad/drawer2.gif) no-repeat -1px 0;
  margin: 0 0 0 -10px;
  padding: 0 0 0 16px;
  width: 64px;
  height: 86px;
}

/* Buttons
-------------------------------------*/
.pad .dotButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/dot.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .dotButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/dot.gif) no-repeat 0 -26px;
}

.pad .leftParenButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/bracketGroup.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .leftParenButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/bracketGroup.gif) no-repeat 0 -26px;
}

.pad .isotopeButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/isotopeNotation.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .isotopeButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/isotopeNotation.gif) no-repeat 0 -26px;
}

/* states */
.pad .gasButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/gaseous.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .gasButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/gaseous.gif) no-repeat 0 -26px;
}

.pad .liquidButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/liquid.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .liquidButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/liquid.gif) no-repeat 0 -26px;
}

.pad .aqueousButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/aqueous.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .aqueousButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/aqueous.gif) no-repeat 0 -26px;
}

.pad .solidButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/solid.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .solidButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/solid.gif) no-repeat 0 -26px;
}

/* greeks */
.pad .gammaUpperButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/gammaUpperCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .gammaUpperButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/gammaUpperCase.gif) no-repeat 0 -26px;
}

.pad .deltaUpperButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/deltaUpperCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .deltaUpperButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/deltaUpperCase.gif) no-repeat 0 -26px;
}

.pad .lambdaUpperButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/lambdaUpperCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .lambdaUpperButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/lambdaUpperCase.gif) no-repeat 0 -26px;
}

.pad .sigmaUpperButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/sigmaUpperCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .sigmaUpperButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sigmaUpperCase.gif) no-repeat 0 -26px;
}

.pad .phiUpperButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/phiUpperCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .phiUpperButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/phiUpperCase.gif) no-repeat 0 -26px;
}

.pad .omegaUpperButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/omegaUpperCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .omegaUpperButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/omegaUpperCase.gif) no-repeat 0 -26px;
}

/* lowercase */
.pad .alphaLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/alphaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .alphaLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/alphaLowerCase.gif) no-repeat 0 -26px;
}

.pad .betaLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/betaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .betaLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/betaLowerCase.gif) no-repeat 0 -26px;
}

.pad .chiLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/chiLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .chiLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/chiLowerCase.gif) no-repeat 0 -26px;
}

.pad .deltaLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/deltaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .deltaLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/deltaLowerCase.gif) no-repeat 0 -26px;
}

.pad .epsilonLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/epsilonLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .epsilonLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/epsilonLowerCase.gif) no-repeat 0 -26px;
}

.pad .etaLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/etaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .etaLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/etaLowerCase.gif) no-repeat 0 -26px;
}

.pad .gammaLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/gammaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .gammaLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/gammaLowerCase.gif) no-repeat 0 -26px;
}

.pad .lambdaLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/lambdaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .lambdaLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/lambdaLowerCase.gif) no-repeat 0 -26px;
}

.pad .muLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/muLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .muLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/muLowerCase.gif) no-repeat 0 -26px;
}

.pad .nuLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/nuLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .nuLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/nuLowerCase.gif) no-repeat 0 -26px;
}

.pad .omegaLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/omegaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .omegaLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/omegaLowerCase.gif) no-repeat 0 -26px;
}

.pad .omicronLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/omicronLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .omicronLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/omicronLowerCase.gif) no-repeat 0 -26px;
}

.pad .phiLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/phiLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .phiLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/phiLowerCase.gif) no-repeat 0 -26px;
}

.pad .psiLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/psiLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .psiLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/psiLowerCase.gif) no-repeat 0 -26px;
}

.pad .rhoLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/rhoLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .rhoLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/rhoLowerCase.gif) no-repeat 0 -26px;
}

.pad .sigmaLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sigmaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .sigmaLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sigmaLowerCase.gif) no-repeat 0 -26px;
}

.pad .tauLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/tauLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .tauLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/tauLowerCase.gif) no-repeat 0 -26px;
}

.pad .thetaLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/mathPad/thetaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .thetaLowerButton:hover {
  background: transparent url(/wastatic/pads/img/mathPad/thetaLowerCase.gif) no-repeat 0 -26px;
}

.pad .upsilonLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/upsilonLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .upsilonLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/upsilonLowerCase.gif) no-repeat 0 -26px;
}

.pad .xiLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/xiLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .xiLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/xiLowerCase.gif) no-repeat 0 -26px;
}

.pad .xiLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/xiLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .xiLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/xiLowerCase.gif) no-repeat 0 -26px;
}

.pad .zetaLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/zetaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .zetaLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/zetaLowerCase.gif) no-repeat 0 -26px;
}

.pad .iotaLowerButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/iotaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .iotaLowerButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/iotaLowerCase.gif) no-repeat 0 -26px;
}

/* arrows */
.pad .reverseButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/reverseReaction.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .reverseButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/reverseReaction.gif) no-repeat 0 -26px;
}

.pad .forwardButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/forwardReaction.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .forwardButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/forwardReaction.gif) no-repeat 0 -26px;
}

.pad .equilibriumButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/equilibriumReaction.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .equilibriumButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/equilibriumReaction.gif) no-repeat 0 -26px;
}

.pad .resonanceArrowButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/chemPad/resonanceArrow.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .resonanceArrowButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/resonanceArrow.gif) no-repeat 0 -26px;
}

/* charges */
.pad .chargeMinusButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/chargeMinus.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .chargeMinusButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/chargeMinus.gif) no-repeat 0 -26px;
}

.pad .chargePlusButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/chargePlus.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .chargePlusButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/chargePlus.gif) no-repeat 0 -26px;
}

.pad .onePlusButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/positiveCharge.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .onePlusButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/positiveCharge.gif) no-repeat 0 -26px;
}

.pad .oneMinusButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/negativeCharge.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .oneMinusButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/negativeCharge.gif) no-repeat 0 -26px;
}

.pad .twoPlusButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/twoPlus.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .twoPlusButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/twoPlus.gif) no-repeat 0 -26px;
}

.pad .twoMinusButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/twoMinus.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .twoMinusButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/twoMinus.gif) no-repeat 0 -26px;
}

.pad .threePlusButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/threePlus.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .threePlusButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/threePlus.gif) no-repeat 0 -26px;
}

.pad .threeMinusButton {
  float: left;
  width: 26px;
  height: 26px;
  background: white;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/chemPad/threeMinus.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .threeMinusButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/threeMinus.gif) no-repeat 0 -26px;
}

/* Drawers
-------------------------------------*/
/* states */
/* :NOTE: till I figure out why the drawer height is flakey */
.chemPad .pad #state {
  margin: 0 0 0 -2px;
  max-height: 42px;
  overflow: hidden;
}

.chemPad .pad .statesTitle {
  margin: 1px 0 0 -17px;
  padding: 0;
  height: 22px;
  background: url(/wastatic/pads/img/chemPad/statesTitle.gif) no-repeat -1px 0;
}

.chemPad .pad .stateButtons {
  background: url(/wastatic/pads/img/mathPad/drawer2.gif) no-repeat 1px 0;
  margin: 0 0 0 -17px;
  padding: 8px 0 0 17px;
  width: 80px;
  height: 34px;
}

/* greek */
/* :NOTE: till I figure out why the drawer height is flakey */
.chemPad .pad #chemGreek {
  margin: 0 0 0 -2px;
  max-height: 146px;
  overflow: hidden;
}

.chemPad .pad .greekTitle {
  margin: 1px 0 0 -17px;
  padding: 0;
  height: 22px;
  background: url(/wastatic/pads/img/chemPad/greekTitle.gif) no-repeat -1px 0;
}

.chemPad .pad .greekButtons {
  background: url(/wastatic/pads/img/mathPad/drawer2.gif) no-repeat 1px 0;
  margin: 0 0 0 -17px;
  padding: 8px 0 0 17px;
  width: 80px;
  height: 103px;
}

/* arrows */
/* :NOTE: till I figure out why the drawers height is flakey */
.chemPad .pad #arrow {
  margin: 0 0 0 -2px;
  max-height: 42px;
  overflow: hidden;
}

.chemPad .pad .arrowsTitle {
  margin: 1px 0 0 -17px;
  padding: 0;
  height: 22px;
  background: url(/wastatic/pads/img/chemPad/arrowsTitle.gif) no-repeat -1px 0;
}

.chemPad .pad .arrowButtons {
  background: url(/wastatic/pads/img/mathPad/drawer2.gif) no-repeat 1px 0;
  margin: 0 0 0 -17px;
  padding: 8px 0 0 17px;
  width: 80px;
  height: 93px;
}

/* charges */
.chemPad .pad .chargesTitle {
  margin: 1px 0 0 -17px;
  padding: 0;
  height: 22px;
  background: url(/wastatic/pads/img/chemPad/chargesTitle.gif) no-repeat -1px 0;
}

.chemPad .pad #charge {
  margin: 0 0 0 -2px;
  max-height: 60px;
  overflow: hidden;
}

.chemPad .pad .chargeButtons {
  background: url(/wastatic/pads/img/mathPad/drawer2.gif) no-repeat 1px 0;
  margin: 0 0 0 -17px;
  padding: 8px 0 0 17px;
  width: 80px;
  height: 93px;
}

/* new chempad tablet styles
------------------------------*/
.chemPad {
  margin: 0.4em;
  padding: 0;
  /* float:left;  these HAVE to be block level, so you either get to float them or let them be block level relative */
  background: #e6e1e2;
  width: 242px;
  /* width has to be set otherwise it is as wide as it's container */
  white-space: nowrap;
  /* for IE mainly */
  clear: both;
}

.chemPad .contentWrap {
  margin: 0;
  padding: 0;
  border-left: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
}

.chemPad .contentWrap table {
  font-family: verdana, geneva, sans-serif;
}

.chemPreviewWrap .chemPreview .cpgreeklower, .chemPreviewWrap .chemPreview .cpgreekupper {
  font-family: Cambria,Georgia;
  font-size: 1.2em;
}

.chemPad .tip-title {
  font: bold 10px verdana, geneva, sans-serif;
}

.chemPad .feedback p {
  white-space: normal;
}

/* key styles */
.chemPad .seenKey .answerWrap {
  color: #070;
}

.chemPad .seenKey .answerWrap .answer table {
  color: #070;
}

.chemPad .seenKey .answerWrap .answer {
  display: inline-block;
  background: url(/wastatic/common/img/key.gif) no-repeat 2px center;
  color: #070;
  font: normal 12px verdana, geneva, sans-serif;
  padding: 2px 2px 2px 22px;
  white-space: nowrap;
}

.chemPad .seenKey .answerWrap .answer .cpgreeklower, .chemPad .seenKey .answerWrap .answer .cpgreekupper {
  font-family: Cambria,Georgia;
  font-size: 1.2em;
}

.chemPad .contentWrap .titleBar {
  margin: 0;
  padding: 0 4px 2px 4px;
}

.chemPad p {
  font: normal 12px arial,helvetica, sans-serif;
  color: #333;
}

.chemPad .contentWrap p strong {
  font-weight: bold;
  color: #c11027;
}

.chemPad .contentWrap p.left {
  float: left;
}

.chemPad .contentWrap p.right {
  float: right;
}

.chemPad .contentWrap a.help {
  padding: 0px 0 0 20px;
  background: url(/wastatic/pads/img/helpIcon.png) no-repeat 0 -4px;
  color: #333;
}

.chemPad .content {
  margin: 0;
  padding: 0;
  background: #fff;
  border-top: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
}

.chemPad .content .alltransparent {
  margin: -4px 4px 0 0;
  padding: 0;
  position: absolute;
  height: 35px;
  z-index: 3;
  left: 0;
}

.chemPad .content .console {
  margin: 0;
  padding: 4px;
}

.chemPad .content .console .chemPreviewWrap {
  margin: 0;
  padding: 0;
  position: relative;
}

.chemPad .content .console .clicker {
  float: right;
  width: 27px;
  height: 17px;
  position: absolute;
  top: 0;
  right: 0;
}

.chemPad .content .console .correct_feedback {
  margin: 0;
  padding: 0;
  border: 1px solid #070;
  background: url(/wastatic/common/img/tick_feedback.png) no-repeat bottom right;
  color: #333;
}

.chemPad .content .console .unknown_feedback {
  margin: 0;
  padding: 0;
  background: url(/wastatic/common/img/feedback.png) no-repeat bottom right;
  color: #333;
}

.chemPad .content .console .unknown_feedback_override {
  margin: 0;
  padding: 0;
  background: url(/wastatic/common/img/override_feedback.png) no-repeat bottom right;
  color: #333;
}

.chemPad .content .console .incorrect_feedback {
  margin: 0;
  padding: 0;
  border: 1px solid #d00;
  background: url(/wastatic/common/img/cross_feedback.png) no-repeat bottom right;
  color: #333;
}

.chemPad .content .console .incorrect_feedback_override {
  margin: 0;
  padding: 0;
  border: 1px solid #d00;
  background: url(/wastatic/common/img/cross_feedback_override.png) no-repeat bottom right;
  color: #333;
}

.chemPad .content .console .correct {
  margin: 0;
  padding: 0;
  border: 1px solid #070;
  background: url(/wastatic/common/img/tick.png) no-repeat bottom right;
  color: #333;
}

.chemPad .content .console .incorrect {
  margin: 0;
  padding: 0;
  border: 1px solid #d00;
  background: url(/wastatic/common/img/cross.png) no-repeat bottom right;
  color: #333;
}

.chemPad .content .console .incorrect_override {
  margin: 0;
  padding: 0;
  border: 1px solid #d00;
  background: url(/wastatic/common/img/cross_override.png) no-repeat bottom right;
  color: #333;
}

.chemPad .content .console .pending_feedback {
  margin: 0;
  padding: 0;
  border: 1px solid #999;
  background: url(/wastatic/common/img/cross_grey3_feedback.png) no-repeat bottom right;
  color: #333;
}

.chemPad .content .console .pending_feedback_override {
  margin: 0;
  padding: 0;
  border: 1px solid #999;
  background: url(/wastatic/common/img/cross_grey_feedback_override.png) no-repeat bottom right;
  color: #333;
}

.chemPad .content .console .pending {
  margin: 0;
  padding: 0;
  border: 1px solid #999;
  background: url(/wastatic/common/img/cross_grey2.png) no-repeat bottom right;
  color: #333;
}

.chemPad .content .console .pending_override {
  margin: 0;
  padding: 0;
  border: 1px solid #999;
  background: url(/wastatic/common/img/cross_grey_override.png) no-repeat bottom right;
  color: #333;
}

.chemPad .content .console input {
  margin: 0;
  padding: 2px 0;
  font: normal 13px verdana, geneva, sans-serif;
  border: 1px solid #7f9db9;
  width: 99%;
  clear: both;
}

.chemPad .top {
  margin: 0;
  padding: 0;
  height: 4px;
  background: url(/wastatic/pads/img/chemCorners.png) no-repeat right -4px;
}

.chemPad .top > div {
  margin: 0;
  padding: 0;
  height: 4px;
  clear: both;
  background: url(/wastatic/pads/img/chemCorners.png) no-repeat 0 0;
}

.chemPad .top div div {
  margin: 0 4px;
  padding: 0 4px;
  border-top: 1px solid #8c8c8c;
}

.chemPad .bottom {
  margin: 0;
  padding: 0;
  height: 4px;
  background: url(/wastatic/pads/img/chemCorners.png) no-repeat right -12px;
}

.chemPad .bottom input {
  height: 20px;
}

.chemPad .bottom div.mButton {
  margin: -23px auto 0 auto;
  width: 140px;
}

.chemPad .bottom > div {
  margin: 0;
  padding: 0;
  height: 4px;
  background: url(/wastatic/pads/img/chemCorners.png) no-repeat 0 -8px;
}

.chemPad .bottom div div {
  margin: 0 4px;
  padding: 0 0 3px 4px;
  border-bottom: 1px solid #8c8c8c;
}

/* tablet style chempad
--------------------------------*/
.chemPad .toolBar {
  margin: 0;
  padding: 4px 0;
  position: relative;
  background: #e6e1e2;
  border-bottom: 1px solid #8c8c8c;
}

.chemPad .tablet {
  margin: 0 4px 0 3px;
  padding: 0;
  top: auto;
  float: left;
  width: 166px;
  /* calculate with js */
  display: block;
  position: relative;
  border-right: 1px solid #ccc;
  list-style: none;
}

.chemPad .tablet ul {
  list-style: none;
}

.chemPad .tablet .padButton {
  margin: 0 1px 1px 0;
  padding: 0;
}

.chemPad .tablet ul.small .padButton {
  margin: 0 -1px -1px 0;
  padding: 0;
}

.chemPad .tablet ul.small li {
  float: left;
}

.chemPad .tablet .expandButton {
  margin: 0 1px 1px 0;
  padding: 0;
  position: relative;
  background: url(/wastatic/pads/img/greekTabButton.gif) no-repeat 0 0;
  cursor: pointer;
  float: left;
  height: 26px;
  width: 58px;
}

.chemPad .tablet .expandButton > ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  display: none;
  top: 30px;
  right: 2px;
  width: 202px;
  background: url(/wastatic/pads/img/tabContainer.png) no-repeat 0 0;
}

.chemPad .tablet .expandButton > ul > li > ul {
  margin: 0;
  padding: 0;
  float: left;
  height: 38px;
}

.chemPad .tablet .open {
  background: url(/wastatic/pads/img/greekExpandButton.gif) no-repeat 0 0;
  height: 71px;
}

.chemPad .tablet .open ul {
  display: block;
}

.chemPad .tablet .expandButton ul.c4 {
  float: left;
  margin: 0 3px 0 0;
  padding: 0;
  width: 36px;
}

.chemPad .tablet .expandButton ul.c18 {
  float: left;
  margin: 0;
  padding: 0;
  width: 163px;
}

.chemPad .contentWrap .seenKey {
  display: block;
  margin: 0 0 1px 0;
  padding: 0;
}

/* chem tablet styles
----------------------------------*/
.chemPad .greek {
  width: 59px;
  border: none;
}

/* new chem button styles
----------------------------------*/
.chemPad .pad .sAlphaLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sAlphaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sAlphaLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sAlphaLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sBetaLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sBetaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sBetaLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sBetaLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sChiLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sChiLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sChiLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sChiLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sDeltaLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sDeltaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sDeltaLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sDeltaLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sDeltaUpperCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sDeltaUpperCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sDeltaUpperCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sDeltaUpperCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sEpsilonLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sEpsilonLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sEpsilonLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sEpsilonLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sGammaLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sGammaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sGammaLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sGammaLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sKappaLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sKappaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sKappaLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sKappaLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sLambdaLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sLambdaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sLambdaLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sLambdaLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sMuLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sMuLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sMuLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sMuLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sNuLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sNuLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sNuLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sNuLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sOmegaLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sOmegaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sOmegaLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sOmegaLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sOmegaUpperCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sOmegaUpperCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sOmegaUpperCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sOmegaUpperCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sPhiLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sPhiLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sPhiLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sPhiLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sPiLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sPiLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sPiLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sPiLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sPiUpperCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sPiUpperCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sPiUpperCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sPiUpperCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sPsiLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sPsiLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sPsiLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sPsiLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sSigmaLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sSigmaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sSigmaLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sSigmaLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sSigmaUpperCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sSigmaUpperCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sSigmaUpperCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sSigmaUpperCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sTauLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sTauLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sTauLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sTauLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .sZetaLowerCase {
  float: left;
  width: 19px;
  height: 19px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/sZetaLowerCase.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .sZetaLowerCase:hover {
  background: transparent url(/wastatic/pads/img/chemPad/sZetaLowerCase.gif) no-repeat 0 -19px;
}

.chemPad .pad .subButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/subscript.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .subButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/subscript.gif) no-repeat 0 -26px;
}

.chemPad .pad .supButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 1px 1px 0;
  background: transparent url(/wastatic/pads/img/chemPad/superscript.gif) no-repeat 0 0;
  cursor: pointer;
}

.chemPad .pad .supButton:hover {
  background: transparent url(/wastatic/pads/img/chemPad/superscript.gif) no-repeat 0 -26px;
}

/* preview chem display styles
----------------------------------*/
.chemPad .console .ssc {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.chemPad .console .ssc table {
  border-collapse: collapse;
  text-align: center;
}

.chemPad .console .ssc table.sst {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font: normal 10px/11px verdana, geneva, sans-serif;
}

.chemPad .console .ssc table.sst .am {
  padding: 0;
  text-align: right;
}

.chemPad .console .ssc table.sst .ac {
  padding: 0;
  text-align: left;
}

.chemPad .console sup {
  vertical-align: super;
  bottom: auto;
  bottom: 0px \9 ;
}

.chemPad .console sub {
  vertical-align: sub;
  top: auto;
  top: 2px \9 ;
}

.chemPad .console sup,
.chemPad .console sub {
  position: relative;
  font: normal 10px verdana, geneva, sans-serif;
  font: normal 11px verdana, geneva, sans-serif\9 ;
}

.chemPad .console .seenKey .vinculum,
.chemPad .console .chemPreviewWrap .vinculum {
  padding: 0em 0.2em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.chemPad .console .seenKey table td.vinculum {
  border-bottom: 1px solid #070;
}

.chemPad .console .chemPreviewWrap table td.vinculum {
  border-bottom: 1px solid #333;
}

.chemPad .console .ssc table td.ntr,
.chemPad .console .ssc table td.dtr {
  padding: 0.2em;
}