@import "../../m/h/thickbox.css";
/* Button's right part - Hack for IE6/7 multiple classes bug. */
.button {
	background-position: expression(
		this.className == 'button red hover' ? 'right -510px'
		: (this.className == 'button lowinactive hover' ? 'right -438px'
		: (this.className == 'button low hover' ? 'right -366px'
		: (this.className == 'button inactive hover' ? 'right -182px'
		: (this.className == 'button blue hover' ? 'right -286px'
		: (this.className == 'button active hover' ? 'right -130px'
		: (this.className == 'button red' ? 'right -474px'
		: (this.className == 'button lowinactive' ? 'right -402px'
		: (this.className == 'button low' ? 'right -330px'
		: (this.className == 'button inactive' ? 'right -156px'
		: (this.className == 'button blue' ? 'right -234px'
		: 'right -104px'
	)))))))))));
}

/* Button's left part - Hack for IE6/7 multiple classes bug. */
.button a {
	background-position: expression(
		$(this).parent()[0].className == 'button red hover' ? 'left -492px'
		: ($(this).parent()[0].className == 'button lowinactive hover' ? 'left -420px'
		: ($(this).parent()[0].className == 'button low hover' ? 'left -348px'
		: ($(this).parent()[0].className == 'button inactive hover' ? 'left -78px'
		: ($(this).parent()[0].className == 'button blue hover' ? 'left -260px'
		: ($(this).parent()[0].className == 'button active hover' ? 'left -26px'
		: ($(this).parent()[0].className == 'button red' ? 'left -456px'
		: ($(this).parent()[0].className == 'button lowinactive' ? 'left -384px'
		: ($(this).parent()[0].className == 'button low' ? 'left -312px'
		: ($(this).parent()[0].className == 'button inactive' ? 'left -52px'
		: ($(this).parent()[0].className == 'button blue' ? 'left -208px'
		: 'left 0'
	)))))))))));
}

.button a, .button a:visited, .button a:hover, .button a:active {
	/* Button's text size - Hack for IE6/7 multiple classes bug. */
	/* substr - to include also hover states. */
	font-size: expression(
		$(this).closest('.buttons')[0].className.substr (0, 10) == 'buttons low' ? '10px'
		: '12px'
	);

	/* Button's height - Hack for IE6/7 multiple classes bug. */
	line-height: expression(
		$(this).closest('.buttons')[0].className.substr (0, 10) == 'buttons low' ? '18px'
		: '26px'
	);

	/* Button's text colour - Hack for IE6/7 multiple classes bug. */
	color: expression(
		this.className != 'button red' && $(this).closest('.buttons')[0].className.substr (0, 10) == 'buttons low'
		? '#000000 !important'
		: '#ffffff !important'
	);
}

/* Buttons block height - Hack for IE6/7 multiple classes bug. */
.buttons {
	height: expression(
		this.className == 'buttons low' ? '18px'
		: '26px'
	);
}
.klucis {
	background-color: white;
	border: 1px solid #5D5D5D;
	border-radius:5px;
	-moz-border-radius: 5px;
	cursor: pointer;
	font-family: Verdana, Arial;
	font-size: 11px;
	width: 30%;
}
.klucis_new {
	border-radius:5px;
	-moz-border-radius:5px;
}