/* $Id: ui-button.css 18938 2013-03-21 14:28:15Z andrejchev $ */

@import 'modifier/ui-button--low.css';
@import 'modifier/ui-button--gray.css';

/* =ui-button
___________________________*/

.ui-button {
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	font-size: 1em; /* 15px */
	color: #fff;
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	height: 35px;
}

.ui-button-container {
	text-align: center;
}

.ui-button--left_pos .ui-button {
	width: auto;
	float: left;
}

.ui-button--right_pos .ui-button {
	width: auto;
	float: right;
}

.ui-button--center_pos .ui-button {
	display: inline-block;
}

.ui-button-left_side,
.ui-button-right_side {
	position: absolute;
	width: 12px;
	height: 35px;
	top: 0;
	overflow: hidden;
	background: url(../../../../img/buttons-sprite.png) no-repeat;
}

.ui-button-left_side {
	left: 0;
	background-position:0 0;
}

.ui-button:hover .ui-button-left_side {
	background-position:0 -105px;
}

.ui-button.pushed .ui-button-left_side {
	background-position:0 -210px;
}

.ui-button-right_side {
	right: 0;
	background-position: 100% -70px;
}

.ui-button:hover .ui-button-right_side {
	background-position: 100% -175px;
}

.ui-button.pushed .ui-button-right_side {
	background-position: 100% -280px;
}

.ui-button-content {
	position: relative;
	background: url(../../../../img/buttons-sprite.png) repeat-x 0 -35px;
	margin: 0 12px;
}

.ui-button:hover .ui-button-content {
	background-position: 0 -140px;
}

.ui-button.pushed .ui-button-content {
	background-position: 0 -245px;
}

.ui-button-content--icon {
	padding-left: 30px;
}

.ui-button-content--icon .ui-button-knob {
	margin-left: -41px;
	padding-left: 40px;
	margin-right: -10px;
	padding-right: 10px;
}

.ui-button--no_value .ui-button-content--icon {
	padding-left: 0;
}
/*TODO: dell after refactoring*/
.ui-button .b-icon {
	background: url(../../../../img/buttons-sprite.png) no-repeat -12px -837px;
	width: 21px;
	height: 20px;
	top: 7px;
	left: 0;
	margin: 0;
}
/*END dell*/
.ui-button .ui-icon {
	top: 7px;
	left: 0;
	margin: 0;
}

.ui-button .ui-button-knob {
	position: relative;
	display: block;
	cursor: pointer;
	color: #fff;
	height: 34px;
	font: 15px/34px Arial, sans-serif;
	text-decoration: none;
	float: none;
	margin: 0;
	z-index: 5;
	padding: 0;
	width: auto;
	text-align: center;
	background: none;
	border: none;
	text-shadow:-1px -1px 1px #0076b0;
	outline: none;
	overflow: visible;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.ui-button .ui-button-knob::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0;
}

.ui-button--no_value .ui-button-knob {
	width: 20px;
}