@import url(../../default/css/calculator.css);
@import url(../../calculator/css/default_values.css);


div#calculator {
	background: url(/images/_bodalgo/black_bottom.gif) no-repeat left bottom;
	position: relative;
	top: 0;
	left: 0;
}
* html div#calculator {
	background: url(/images/_bodalgo/black_bottom.gif) no-repeat left bottom;
}
div#blackbox {
	background: url(/images/_bodalgo/black_top.gif) no-repeat left top;
	color: #000;
}
div#calcHolder {
	background: #ecfeec url('/images/_bodalgo/calc_background.gif') no-repeat right top;
}

a.button_calc_small_green, a.button_calc_small_green:hover {
	background: url("/images/_bodalgo/calc_small_left.gif") no-repeat;
	background-position: left top;
}
a.button_calc_small_green span, a.button_calc_small_green:hover span {
	background: url("/images/_bodalgo/calc_small_right.gif") no-repeat;
	background-position: right top;
}
a.button_calc_orange, a.button_calc_orange:hover {
	background: url("/images/_bodalgo/calc_big_left.gif") no-repeat;
	background-position: left top;
}
a.button_calc_orange span, a.button_calc_orange:hover span {
	background: url("/images/_bodalgo/calc_big_right.gif") no-repeat;
	background-position: right top;
}

div#blackbox div.calcbox span,
div#button_calc_info,
div#blackbox div.calcbox label,
div#blackbox div#calc_price span#price,
.gray,
div#blackbox div#calc_price span#info  {
	color: #006666;
}

div#blackbox div#calc_price div {
	color: #000;
}


a.button_calc_small_green,a.button_calc_orange {
	color: #fff;
}

a.tooltip:hover span, div#blackbox div.calcbox a.tooltip:hover span {
	right: 0;
	left: auto;
	opacity: 1;
}