/* styles for demo - not needed for actual button styles 
body {
  margin: 0;
  padding: 10px 30px;
  font-family: "Helvetica Neue", "arial", sanserif;
}
h2 {
  font-size: 120%;
  margin-bottom: 3px;
  border-bottom: 2px solid #eee;
  padding-bottom: 3px;
}
code {
  float: left;
  margin-top: 5px;
  margin-left: 10px;
  color: #666;
  font-family: Courier, "Courier New", monospace;
  font-size: 12px;
}

form p:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
*/

/** =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 !important;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  outline: none;
  text-decoration:none !important;
}
.button span { 
  position: relative; 
  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;
  text-decoration: none;
}
a.button:link span, 
a.button:visited span {
  float: left;
  display: inline;
  
}
.button.icon span {
  padding-left: 9px;
}
.button img {
  border: 0;
  vertical-align: middle;
}
.button.rect img { margin: -2px 4px 0 0; }
.button.round img { margin: -3px 4px 0 0; }


/* 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
----------------------------------------------- */
.button.round,
.disabled.round:hover { 
  background: url("/images/backend/buttons/round_normal.png") right no-repeat; 
}
.button.round span,
.disabled.round:hover span { 
  height: 15px; 
  line-height: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: url("/images/backend/buttons/round_normal.png") left no-repeat;
}
.button.round:hover {
	background: url("/images/backend/buttons/round_hover.png") right no-repeat; 
}
.button.round:hover span {
	background: url("/images/backend/buttons/round_hover.png") left no-repeat; 
}
.button.round:active {
	background: url("/images/backend/buttons/round_active.png") right no-repeat; 
}
.button.round:active span {
	background: url("/images/backend/buttons/round_active.png") left no-repeat; 
}

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