/*-------------------------------------
physPad Specific Style Sheet

version:	1.0
author:		dh
-------------------------------------*/
/* Pad
-------------------------------------*/
/* :NOTE: Overide because phys pad is huge
-------------------------------------*/
#physPad {
  top: 100px;
}

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

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

.pad .physStandardButtons {
  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: 56px;
}

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

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

.pad .mathButtons {
  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 .parallelButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 5px 4px 0;
  background: transparent url(/wastatic/pads/img/physPad/parallel.gif) no-repeat 0 0;
  cursor: pointer;
}

.pad .parallelButton:hover {
  background: transparent url(/wastatic/pads/img/physPad/parallel.gif) no-repeat 0 -26px;
}

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

.pad .perpendicularButton:hover {
  background: transparent url(/wastatic/pads/img/physPad/perpendicular.gif) no-repeat 0 -26px;
}

.pad .parallelButton:hover {
  background: transparent url(/wastatic/pads/img/physPad/parallel.gif) no-repeat 0 -26px;
}

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

.pad .hbarButton:hover {
  background: transparent url(/wastatic/pads/img/physPad/hbar.gif) no-repeat 0 -26px;
}

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

.pad .scriptEButton:hover {
  background: transparent url(/wastatic/pads/img/physPad/scriptE.gif) no-repeat 0 -26px;
}

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

.pad .scriptlButton:hover {
  background: transparent url(/wastatic/pads/img/physPad/scriptl.gif) no-repeat 0 -26px;
}

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

.pad .barButton:hover {
  background: transparent url(/wastatic/pads/img/physPad/bar.gif) no-repeat 0 -26px;
}

/* Trig NOTE: rework trigs across pads to be more modular
--------------------------------------*/
#physPad.pad .tanButton {
  float: left;
  width: 26px;
  height: 26px;
  margin: 0 0 4px 0;
  background: transparent url(/wastatic/pads/img/mathPad/tangent.gif) no-repeat 0 0;
  cursor: pointer;
}

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

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

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

#physPad.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;
}

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

#physPad.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;
}

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