/** =COMMON BUTTON STYLES
----------------------------------------------- */
.button { 
  float: left;
  margin: 0;
  border: 0; 
  padding: 0 14px 0 0; 
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #333;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  outline: none;
}
.button span { 
  display: block; 
  white-space: nowrap; 
  padding: 0 0 0 14px; 
}
button:focus::-moz-focus-inner { 
  border-color: transparent !important; 
} 
button::-moz-focus-inner { 
  border: none;
  padding: 0;
}

a.button:link, 
a.button:visited {
  color: #333;
}
a.button:link span, 
a.button:visited span {
  float: left;
  display: inline;
}
.icon_button span {
  padding-left: 9px;
}
.button img {
  border: 0;
  vertical-align: middle;
}


/* primary */
button.primary, 
a:link.primary, 
a:visited.primary {
  font-weight: bold;
  color: #000;
}

/* disabled */
button.disabled, 
a:link.disabled, 
a:visited.disabled {
  color: #aaa;
  cursor: default;
}
button.disabled img, 
a.disabled img {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

/** =ROUND BUTTON STYLES
----------------------------------------------- */
.round_button,
.disabled.round_button:hover { 
  background: url("/images/round_normal.png") right no-repeat; 
}
.round_button span,
.disabled.round_button:hover span { 
  height: 15px; 
  line-height: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: url("/images/round_normal.png") left no-repeat;
}
.round_button:hover {
	background: url("/images/round_hover.png") right no-repeat; 
}
.round_button:hover span {
	background: url("/images/round_hover.png") left no-repeat; 
}
.round_button:active {
	background: url("/images/round_active.png") right no-repeat; 
}
.round_button:active span {
	background: url("/images/round_active.png") left no-repeat; 
}

/** =RECT BUTTON STYLES
----------------------------------------------- */
.rect_button, 
.disabled.rect_button:hover { 
  background: url("/images/rect_normal.png") right no-repeat; 
}
.rect_button span, 
.disabled.rect_button:hover span { 
  height: 14px; 
  line-height: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
  background: url("/images/rect_normal.png") left no-repeat;
}
.rect_button:hover {
	background: url("/images/rect_hover.png") right no-repeat; 
}
.rect_button:hover span {
	background: url("/images/rect_hover.png") left no-repeat; 
}
.rect_button:active {
	background: url("/images/rect_active.png") right no-repeat; 
}
.rect_button:active span {
	background: url("/images/rect_active.png") left no-repeat; 
}