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

div#calculator {
	background: url(/images/elements/box/black_bottom.png) no-repeat left bottom;
}
* html div#calculator {
	background: url(/images/elements/box/black_bottom.gif) no-repeat left bottom;
}
div#blackbox {
	background: url(/images/elements/box/black_top.png) no-repeat left top;
}
div#calcHolder {
	background: #444141 url('/images/elements/teaser/calc_background.gif') no-repeat left top;
}
div#blackbox div#calc_price {
	background: url('/images/elements/navi/sub_back.gif') repeat-x top;
}
a.button_calc_small_green {
	background: url("/images/elements/button/calc_small_green_left.gif") no-repeat left top;
}
a.button_calc_small_green span {
	background: url("/images/elements/button/calc_small_green_right.gif") no-repeat right top;
}
a.button_calc_orange {
	background: url("/images/elements/button/calc_orange_left.gif") no-repeat left top;
}
a.button_calc_orange span {
	background: url("/images/elements/button/calc_orange_right.gif") no-repeat right top;
}
div#calc_error div {
	background: url('/images/elements/box/calc_error_top.gif') no-repeat left top;
}
div#calculator {
	position: relative;
	top: 0;
	left: 0;
}

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