/*
 * Buttons
 */

.button {
	display: inline-block;
	height: 28px;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #ddd;
	text-align: center;
    vertical-align: middle;
    text-decoration: none;
	font-size: 13px;
	line-height: normal;
	color: #333;
	background: #eee;
	font-family: Arial, sans-serif;
	cursor: pointer;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.button:hover  { text-decoration: none; background: #eaeaea; color: #333; }
.button:active,
.button.active {
	background: #eaeaea;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2) inset;
	   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2) inset;
	        box-shadow: 0 0 5px rgba(0, 0, 0, .2) inset;
}
a.button { padding-top: 5px; }

/* Icon */
.button [class^="icon-"],
.button [class*=" icon-"] {
	float: left;
	position: relative;
	margin-right: 5px;
}


/*
 * Button Disabled
 */
.button.disabled,
.button.disabled:hover,
.button[disabled],
.button[disabled]:hover {
	border-color: #ccc;
	background: #eee;
	color: #999;
}

.button.disabled:active,
.button[disabled]:active {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}


/**
 * Button Primary
 */
.button-primary        { border-color: #04c; color: #fff; background: #006DCC; }
.button-primary:hover  { background: #0044cc; color: #fff; }
.button-primary.active { background: #006DCC; }


/**
 * Button Icon
 */
.button.button-icon { padding-left: 6px; padding-right: 6px; }
.button.button-icon [class^="icon-"],
.button.button-icon [class*=" icon-"] { margin: 0; }


/**
 * Button Small
 */
.button-small { height: 24px; font-size: 11px; padding-left: 8px; padding-right: 8px; }
a.button-small { padding-top: 4px; }

.button.button-small.button-icon { padding-left: 5px; padding-right: 5px; }


/**
 * Button Large
 */
.button-large { height: 34px; font-size: 14px; }
a.button-large { padding-top: 8px; }

.button.button-large.button-icon { padding-left: 9px; padding-right: 9px; }


/**
 * Loading
 */
.button[disabled].loading,
.button.loading {
	color: transparent;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}