/*-------------------------------------
pad Specific Style Sheet

version:	1.1
author:		iq
-------------------------------------*/
/* import pad styles
-------------------------------------*/
/* imports of other css have been moved to build process
   reference wa_screen.scss file */
/* :NOTE: if you redefine after this, it will overide


/* Layout
-------------------------------------*/
/* :NOTE: this is for the textarea which keeps focus */
/* :HACK: position fix, should work in IE6 */
#focusText {
  margin-left: -1000px;
  padding: 0;
  position: fixed;
  _position: absolute;
  top: 10em;
  _top: expression(eval(document.body.scrollTop));
  left: 0;
}

/* Style for Object Wrapper */
.flashPadWrap {
  min-width: 110px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  zoom: 1;
  /* ie hack, not sure if needed */
}

/* for pads other than chem, mark styles */
.padMark {
  vertical-align: bottom;
}

/* :HACK: position fix, should work in IE6 */
.pad {
  position: fixed;
  _position: absolute;
  top: 10em;
  _top: expression(eval(document.body.scrollTop));
  left: 0;
  z-index: 9999;
  margin-left: -70px;
  padding: 0;
  width: 70px;
  overflow: visible;
}

.pad .bottomBar {
  background: url(/wastatic/pads/img/mathPad/bottomBar3.gif) no-repeat -1px -4px;
  margin: 0 0 0 -10px;
  padding: 0;
  width: 80px;
  height: 25px;
}

.pad .bottomBar a {
  margin: 0 0 0 10px;
  padding: 1px 0 1px 20px;
  font: normal 11px arial, helvetica, sans-serif;
  color: #333;
  text-decoration: underline;
  background: url(/wastatic/pads/img/helpIcon.png) no-repeat 0 -4px;
}

.pad #accordion {
  background: url(/wastatic/pads/img/mathPad/drawer2.gif) repeat-y -1px 0;
  margin: 0 0 0 -10px;
  padding: 8px 0 0 17px;
}

.pad .toggler {
  cursor: pointer;
}

/*tooltip*/
.tool-tip {
  color: #fff;
  z-index: 13000;
  display: block;
  background: #369;
  padding: 5px 10px;
  font: bold 11px arial, helvetica, sans-serif;
}

.key-tip {
  /* not able to use the dom for tip styles for some reason, haven't figured that out yet -iq */
  /*margin:-15px 0 0 216px;*/
  font: normal 11px verdana, geneva, sans-serif;
}

/* Fly Outs
-------------------------------------*/
/* states */
.pad .flyOutWrap {
  margin: 0;
  padding: 0;
  width: 58px;
  clear: left;
}

.pad .flyOutContent {
  margin: 0 5px 4px 0;
  padding: 0;
  width: 58px;
  height: 26px;
}

/* arrows and flyouts 
NOTE: It's important that the flyout container have vertical
	  margin spacing (ie the outer most container of the flyout)
	  in order to make IE7 happy
------------------------------*/
.pad .oneStartBlock {
  margin: 0 0 5px 0;
  width: 51px;
  height: 26px;
  float: left;
  overflow: hidden;
}

.pad .twoFlyOutWrap {
  margin: 0 0 5px 0;
}

.pad .twoStartBlock {
  margin: 0;
  width: 51px;
  height: 51px;
  float: left;
  overflow: hidden;
}

.pad .fourFlyOutWrap {
  margin: 0 0 5px 0;
}

.pad .fourStartBlock {
  margin: 0;
  width: 51px;
  height: 101px;
  float: left;
  overflow: hidden;
}

.pad .four {
  width: 7px;
  height: 101px;
  float: left;
  margin: 0;
  padding: 0;
  background: url(/wastatic/pads/img/chemPad/fourRightArrow.gif) no-repeat;
  cursor: pointer;
}

.pad .two {
  width: 7px;
  height: 51px;
  float: left;
  margin: 0;
  padding: 0;
  background: url(/wastatic/pads/img/chemPad/twoRightArrow.gif) no-repeat;
  cursor: pointer;
}

.pad .one {
  width: 7px;
  height: 26px;
  float: left;
  margin: 0;
  padding: 0;
  background: url(/wastatic/pads/img/mathPad/singleArrowRight.gif) no-repeat;
  cursor: pointer;
}

.pad .singleButtonWrap {
  margin: 0;
  padding: 0;
  width: 70px;
}

.pad .padButton {
  margin: 0 -1px -1px 0 !important;
  padding: 0;
  float: left;
}

/******** DEPRECATED *********/
.pad .hideFunctions {
  float: left;
  height: 26px;
  overflow: visible;
}

.pad .functionsWrap {
  width: 190px;
  height: 26px;
  margin: 0 5px 4px 0;
}

.pad * + html .functionsWrap {
  margin: 4px 4px 4px 0;
}

.pad .functionsContent {
  width: 290px;
  height: 26px;
  margin: 0 5px 4px 0;
}