/*-------------------------------------
calcPad Specific Style Sheet

version:	1.0
author:		iq
-------------------------------------*/
/* Pad
-------------------------------------*/
/* :NOTE: Overide because calc pad is huge
-------------------------------------*/
#calcPad {
  top: 100px;
}

.pad .calcPadTitle {
  margin: 0 0 0 -10px;
  padding: 0;
  width: 80px;
  height: 29px;
  background: url(/wastatic/pads/img/calcPad/calcPadTitle.gif) no-repeat -1px 0;
}

.pad .calcPadBetaTitle {
  margin: 0 0 0 -10px;
  padding: 0;
  width: 80px;
  height: 29px;
  background: url(/wastatic/pads/img/calcPad/calcPadBetaTitle.gif) no-repeat -1px 0;
}

.pad .calcStandardButtons {
  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: 112px;
}

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

.pad .asteriskButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/asterisk.gif) no-repeat 0 -26px;
}

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

.pad .slashButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/slash.gif) no-repeat 0 -26px;
}

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

.pad .alphaUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/alphaUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .betaUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/betaUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .chiUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/chiUpperCase.gif) no-repeat 0 -26px;
}

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

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

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

.pad .epsilonUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/epsilonUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .etaUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/etaUpperCase.gif) no-repeat 0 -26px;
}

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

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

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

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

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

.pad .muUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/muUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .nuUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/nuUpperCase.gif) no-repeat 0 -26px;
}

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

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

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

.pad .omicronUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/omicronUpperCase.gif) no-repeat 0 -26px;
}

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

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

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

.pad .psiUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/psiUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .rhoUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/rhoUpperCase.gif) no-repeat 0 -26px;
}

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

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

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

.pad .tauUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/tauUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .thetaUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/thetaUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .upsilonUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/upsilonUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .xiUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/xiUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .xiUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/xiUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .zetaUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/zetaUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .iotaUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/iotaUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .piUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/piUpperCase.gif) no-repeat 0 -26px;
}

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

.pad .kappaUpperButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/kappaUpperCase.gif) no-repeat 0 -26px;
}

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

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

#calcPad.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: 224px;
}

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

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

.pad .fractionButtons {
  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;
}

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

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

.pad .eqButtons {
  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;
}

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

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

.pad .calculusButtons {
  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: 102px;
}

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

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

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

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

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

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

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

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

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

.pad .higherOrderDerivativeButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/higherOrderDerivative.gif) no-repeat 0 -26px;
}

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

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

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

.pad .higherOrderPartialDerivativeButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/higherOrderPartialDerivative.gif) no-repeat 0 -26px;
}

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

.pad .primeButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/prime.gif) no-repeat 0 -26px;
}

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

.pad .doublePrimeButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/doublePrime.gif) no-repeat 0 -26px;
}

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

.pad .triplePrimeButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/triplePrime.gif) no-repeat 0 -26px;
}

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

.pad .indefiniteIntegralButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/indefiniteIntegral.gif) no-repeat 0 -26px;
}

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

.pad .definiteIntegralButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/definiteIntegral.gif) no-repeat 0 -26px;
}

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

.pad .regionIntegralButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/regionIntegral.gif) no-repeat 0 -26px;
}

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

.pad .closedIntegralButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/closedIntegral.gif) no-repeat 0 -26px;
}

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

.pad .closedRegionIntegralButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/closedRegionIntegral.gif) no-repeat 0 -26px;
}

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

.pad .summationButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/summation.gif) no-repeat 0 -26px;
}

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

.pad .summationIndexButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/summationIndex.gif) no-repeat 0 -26px;
}

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

.pad .productButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/product.gif) no-repeat 0 -26px;
}

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

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

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

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

.pad .trigButtons {
  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: 130px;
}

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

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

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

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

#calcPad.pad .tanButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/mathPad/tangent.gif) no-repeat 0 0;
  cursor: pointer;
}

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

#calcPad.pad .cscButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 0 0 -1px;
  background: transparent url(/wastatic/pads/img/mathPad/cosecant.gif) no-repeat 0 0;
  cursor: pointer;
}

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

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

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

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

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

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

.pad .asinButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/arcsine.gif) no-repeat 0 -26px;
}

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

.pad .acosButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/arccosine.gif) no-repeat 0 -26px;
}

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

.pad .atanButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/arctangent.gif) no-repeat 0 -26px;
}

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

.pad .acscButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/arccosecant.gif) no-repeat 0 -26px;
}

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

.pad .asecButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/arcsecant.gif) no-repeat 0 -26px;
}

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

.pad .acotButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/arccotangent.gif) no-repeat 0 -26px;
}

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

.pad .hsinButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/hyperbolicSine.gif) no-repeat 0 -26px;
}

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

.pad .hcosButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/hyperbolicCosine.gif) no-repeat 0 -26px;
}

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

.pad .htanButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/hyperbolicTangent.gif) no-repeat 0 -26px;
}

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

.pad .hcscButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/hyperbolicCosecant.gif) no-repeat 0 -26px;
}

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

.pad .hsecButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/hyperbolicSecant.gif) no-repeat 0 -26px;
}

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

.pad .hcotButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/hyperbolicCotangent.gif) no-repeat 0 -26px;
}

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

.pad .hasinButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/hyperbolicArcsine.gif) no-repeat 0 -26px;
}

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

.pad .hacosButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/hyperbolicArccosine.gif) no-repeat 0 -26px;
}

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

.pad .hatanButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/hyperbolicArctangent.gif) no-repeat 0 -26px;
}

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

.pad .hacscButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/hyperbolicArccosecant.gif) no-repeat 0 -26px;
}

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

.pad .hasecButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/hyperbolicArcsecant.gif) no-repeat 0 -26px;
}

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

.pad .hacotButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/hyperbolicArccotangent.gif) no-repeat 0 -26px;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* inverse hyperbolic */
.pad .inverseHyperbolicSineButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 0 4px 0;
  background: transparent url(/wastatic/pads/img/mathPad/inverseHyperbolicSine.gif) no-repeat 0 0;
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pad .symbolButtons {
  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: 252px;
}

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

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

.pad .probButtons {
  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;
}

/* Sets */
/* :NOTE: till I figure out why the drawer height is flakey */
.pad #set {
  margin: 0 0 0 -2px;
  overflow: hidden;
}

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

.pad .setButtons {
  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: 130px;
}

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

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

.pad .vectorButtons {
  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: 132px;
}

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

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

.pad .countButtons {
  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: 132px;
}

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

.pad .iUnitVectorButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/iUnitVector.gif) no-repeat 0 -26px;
}

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

.pad .jUnitVectorButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/jUnitVector.gif) no-repeat 0 -26px;
}

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

.pad .kUnitVectorButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/kUnitVector.gif) no-repeat 0 -26px;
}

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

.pad .topArrowButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/topArrow.gif) no-repeat 0 -26px;
}

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

.pad .topHatButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/topHat.gif) no-repeat 0 -26px;
}

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

.pad .dotProductButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/dotProduct.gif) no-repeat 0 -26px;
}

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

.pad .crossProductButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/crossProduct.gif) no-repeat 0 -26px;
}

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

.pad .delButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/del.gif) no-repeat 0 -26px;
}

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

.pad .vectorBracketButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/vectorBracket.gif) no-repeat 0 -26px;
}

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

.pad .boldVectorButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/boldVector.gif) no-repeat 0 -26px;
}

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

.pad .vectorButton:hover {
  background: transparent url(/wastatic/pads/img/calcPad/vector.gif) no-repeat 0 -26px;
}

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

.pad .functionButtons {
  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: 162px;
}