div.button {
  width: 102px;
  height: 26px;
  line-height: 26px;
  float: left;
  
  background-repeat: no-repeat;
  background-image: url('/img/buttons/default.png');
  
  text-align: center;
  
  cursor: pointer;
}

div.stretchbutton {
  height: 26px;
  line-height: 26px;
  float: left;
  text-align: center;
  cursor: pointer;
}

div.stretchbutton.disabledbutton {
  cursor: default;
}

div.stretchbutton table{
  width: 100%;
}

div.stretchbutton td.begin{
  background-image: url('/img/buttons/stretch-begin.png');
  width: 80px;
  height: 26px;
}

div.stretchbutton:hover td.begin{
  background-image: url('/img/buttons/stretch-begin_over.png');
}

div.stretchbutton.disabledbutton:hover td.begin{
  background-image: url('/img/buttons/stretch-begin.png');
}

div.stretchbutton td.middle{
  background-image: url('/img/buttons/stretch-bg.png');
  height: 26px;
}

div.stretchbutton:hover td.middle{
  background-image: url('/img/buttons/stretch-bg_over.png');
}
div.stretchbutton.disabledbutton:hover td.middle{
  background-image: url('/img/buttons/stretch-bg.png');
}

div.stretchbutton td.end{
  background-image: url('/img/buttons/stretch-end.png');
  width: 10px;
  height: 26px;
}

div.stretchbutton:hover td.end{
  background-image: url('/img/buttons/stretch-end_over.png');
}
div.stretchbutton.disabledbutton:hover td.end{
  background-image: url('/img/buttons/stretch-end.png');
}

div.stretchbutton a{
	position: absolute;
	margin-top: -26px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: none;
  -moz-outline-style: none;
}

div.button.next {
  background-image: url('/img/buttons/next.png');
  text-align: left;
}

div.button.previous {
  background-image: url('/img/buttons/previous.png');
  text-align: right;
}

div.button:hover {
 background-image: url('/img/buttons/default-over.png');
}

div.button.next:hover {
  background-image: url('/img/buttons/next-over.png');
}

div.button.previous:hover {
  background-image: url('/img/buttons/previous-over.png');
}

div.button a, div.stretchbutton a {
  position: relative;
  display: block;
  color: #000000;
  text-decoration: none;
	overflow: none;
  -moz-outline-style: none;
}

div.button.next a {
  padding-left: 17px;
}

div.button.previous a {
  padding-right: 17px;
}

div.button a:hover, div.stretchbutton a:hover {
  color: #000000;
  text-decoration: none;
}

div.stretchbutton.disabledbutton a, div.stretchbutton.disabledbutton:hover a, div.stretchbutton.disabledbutton, div.stretchbutton.disabledbutton a:hover{
	color: #999999;
	cursor: default;
}