.btn {
	display: inline-block;
	height: 26px;
	padding-right: 12px;
	background: url(../images/widgets/button.png) no-repeat 100% -78px;
	white-space: nowrap;
	cursor: pointer;
	vertical-align: middle;
	color: #333;
	text-decoration: none;
}

.btn:hover, .btn:active, .btn:visited {
	color: #333;
	text-decoration: none;
}
.btn span {
	background: url(../images/widgets/button.png) no-repeat 0 0;
	display: block;
	height: 26px;
	line-height: 24px;
	min-width: 60px;
	text-align: center;
	padding-left: 12px;
}

.btn + .btn {
	margin-left: 10px;
}

.rtl .btn + .btn {
	margin-left: 0;
	margin-right: 10px;
}

.btn:hover {
	background-position: 100% -104px;
}
.btn:hover span {
	background-position: 0 -26px;
}
.btn:active {
	background-position: 100% -130px;
}
.btn:active span {
	background-position: 0 -52px;
}
.btn.btn-important {
	color: #fff;
	background-position: 100% -234px;
}
.btn.btn-important span {
	background-position: 0 -156px;
}
.btn.btn-important:hover {
	background-position: 100% -260px;
}
.btn.btn-important:hover span {
	background-position: 0 -182px;
}
.btn.btn-important:active {
	background-position: 100% -286px;
}
.btn.btn-important:active span {
	background-position: 0 -208px;
}
input.checkbox {
	margin-right: -23px;
	margin-top: -1px;
	width: 17px;
	height: 16px;
	vertical-align: middle;
	filter: alpha(opacity=0);
	opacity: 0;
}
.rtl input.checkbox {
	margin: 0;
	filter: alpha(opacity=100);
	opacity: 1; 
}
label.checkbox {
	position: relative;
	cursor: pointer;
	padding: 3px 0 3px 22px;
	background: url(../images/widgets/checkbox.png) no-repeat 0 2px;
	z-index: 1;
}
.rtl label.checkbox {
	padding: 3px;
	background: none;
}

label.checked {
	background-image: url(../images/widgets/checkbox_selected.png);
}