a.button {
  display:block;
  float:left;
  margin:2px;
  padding:0px 0px 0px 3px;
  background-image:url( 'images/btn-l.gif' );
  background-repeat:no-repeat;
  background-position:0 0;
  outline: none;
}

a.button:hover {
  background-position:left -20px;
}

a.button:active {
  background-position:left -40px;
}

a.button.on,
a.button.on:hover {
  background-position: 0 -60px;
}

a.button.on:active {
  background-position: 0 -40px;
}

a.button.dsbl,
a.button.dsbl:hover,
a.button.dsbl:active {
  background-position:left -80px;
  cursor:default;
}


a.button label {
  display:block;
  line-height:12px;
  font-size:12px;
  font-weight:bold;
  padding:4px 6px 4px 4px;
  color:#0b2445;
  cursor:pointer;
  background-image:url( 'images/btn-r.gif' );
  background-repeat:no-repeat;
  background-position:right 0;
}

a.button:hover label {
  background-position:right -20px;
}

a.button:active label{
  background-position:right -40px;
}

a.button.on label,
a.button.on:hover label {
  background-position: right -60px;
}

a.button.on:active label {
  background-position: right -40px;
}

a.button.dsbl label,
a.button.dsbl:hover .label,
a.button.dsbl:active .label {
  background-position:right -80px;
  color:#334762;
}


a.button.slim {
  background-image:url( 'images/btn_slim_l.png' );
}

a.button.slim:hover {
  background-position:left -16px;
}

a.button.slim:active {
  background-position:left -32px;
}

a.button.slim.on,
a.button.slim.on:hover {
  background-position: 0 -48px;
}

a.button.slim.on:active {
  background-position: 0 -32px;
}

a.button.slim.dsbl,
a.button.slim.dsbl:hover,
a.button.slim.dsbl:active {
  background-position:left -64px;
}

a.button.slim label {
  line-height:11px;
  font-size:11px;
  padding:2px 5px 3px 2px;
  color:#0b2445;
  background-image:url( 'images/btn_slim_r.png' );
}

a.button.slim:hover label {
  background-position:right -16px;
}

a.button.slim:active label{
  background-position:right -32px;
}

a.button.slim.on label,
a.button.slim.on:hover label {
  background-position: right -48px;
}

a.button.slim.on:active label {
  background-position: right -32px;
}

a.button.slim.dsbl label,
a.button.slim.dsbl:hover .label,
a.button.slim.dsbl:active .label {
  background-position:right -64px;
}

a.icon_button {
  float:left;
  display:block;
  margin:0px;
  width:28px;
  height:28px;
  background-position: 0 0;
  outline: none;
}

a.icon_button:hover {
  background-position: 0 -28px; 
}

a.icon_button:active {
  background-position: 0 -56px;
}

/*
a.icon_button.on,
a.icon_button.on:hover {
  background-position: 0 -60px;
}

a.icon_button.sticky.on,
a.icon_button.sticky.on:hover {
  background-position: 0 -40px;
}

a.icon_button.on:active {
  background-position: 0 -40px;
}

a.icon_button.dsbl,
a.icon_button.dsbl:hover,
a.icon_button.dsbl:active {
  background-position: 0 -80px;
  cursor:default;
}
*/
a.icon_button label {
  display:none;
}

a.icon_button.slim {
  width:16px;
  height:16px;
}

a.icon_button.slim:hover {
  background-position: 0 -16px; 
}

a.icon_button.slim:active {
  background-position: 0 -32px;
}

a.icon_button.slim.on,
a.icon_button.slim.on:hover {
  background-position: 0 -48px;
}

a.icon_button.slim.on:active {
  background-position: 0 -32px;
}

a.icon_button.slim.dsbl,
a.icon_button.slim.dsbl:hover,
a.icon_button.slim.dsbl:active {
  background-position: 0 -64px;
}

a.icon_button.previous {
  background-image:url( '../images/arrow_left.gif' );
}

a.icon_button.next {
  background-image:url( '../images/arrow_right.gif' );
}

a.icon_button.dot {
  background-image:url( '../images/dot.gif' );
}