/* css buttons */
.cssButton, .cssButtonHover {
  /* to center the button texts vertically line-height and height need to be equal */
  font: bold 8pt verdana, tahoma, georgia, arial, helvetica, sans-serif;
  height: 1.8em;
  border: 2px outset #660066;
  color: #ffffff;
  background: #996699 !important; /* !important to retain the background color after auto form field coloring fix */
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  padding: 0.1em 0.5em 0.1em 0.5em;
}

.navNextPrevList a .cssButton, .navNextPrevList a .cssButtonHover {
margin-left: 1px;
margin-right: 1px;
}

.cssButtonHover, a:hover .cssButton, input.cssButton:hover {
  color: #ffffff;
  background: #660066 !important;
  border-style: inset;
}

/* bof some IE comp. stuff */ 
.cssButton, .cssButtonHover{
  /*  _width: 0; needed to stop IE adding "magic" padding to the input, _witdh is a hack that uses an IE bug */
  /* to remove this hack move the width setting to an IE specific stylesheet */
  _width: 0;
  overflow: visible;   
}

/* eof some IE comp. stuff */

span .cssButton, span .cssButtonHover {
/* added to get the right line-height */
display: block;
}

.navNextPrevWrapper span.cssButton, .navNextPrevWrapper span.cssButtonHover{
/* note that the diplay inline removes line-height from the element (depending on doctype settings) */
display: inline;
}

/* bof css popups */
.cssButtonLinkPopup strong, .cssButtonSubmitPopup strong{
display: none;
}

span.cssButtonLinkPopup, span.cssButtonSubmitPopup{
position: relative;
}

a:hover .cssButtonLinkPopup strong, span.cssButtonSubmitPopup:hover strong{
display: block;
position: absolute;
text-align: left;
top: 2em;
left: 0;
color: black;
background: #f6f6f6;
padding: 0.4em;
white-space: nowrap;
border: 1px dotted silver;
}

.cssButtonLinkPopup strong span, .cssButtonSubmitPopup strong span{
font-weight: normal;
background: white;
text-align: center;
padding: 0.4em;
margin: 0.2em;
font-size: xx-small;
border: 1px solid silver;
display: block;
width: 275px;
white-space: normal;
}

/* eof css popups */

td .cssButton, td .cssButtonHover{
/* prevents buttons taking the full width of table cells */
display: inline;
}