/* css buttons */
.cssButton, .cssButtonHover { height: 20px; color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; background: #563d8a !important; /* !important to retain the background color after auto form field coloring fix */
  white-space: normal; text-align: center; cursor: pointer; margin: 1px;
  /* padding: 0 0.5em; */
  padding: 1px 5px; border-style: none; outline-style: none; }
.cssButtonHover, a:hover .cssButton, .cssButton:hover{ color: #000; font-size: 10px; background: #fd7aa8 !important; outline-style: none; }

/* 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; outline-style: none; }
/* eof some IE comp. stuff */
.navNextPrevWrapper span.cssButton, .navNextPrevWrapper span.cssButtonHover{
/* note that the diplay inline removes line-height from the element (depending on doctype settings) */
outline-style: none; 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: dotted 1px silver; outline-style: none; }

.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 */
outline-style: none; display: inline; }