@charset "utf-8";
/* CSS Document */

body {margin:0;padding:0;border:0;}

#calculator {position:relative;}
#calc {background:url("images/calc-bg.png") 0 0 no-repeat;width: 320px;height: 700px;font-family: Verdana, Geneva, sans-serif;}
#calc fieldset {cursor: default;border: 0;width: 300px;padding: 50px 20px;}
#calc legend {height: 30px; line-height:30px;display: none;}
#calc p { display:block;clear: both;margin:0;padding:0;}
#calc label {margin:18px 5px 0px 0;cursor:pointer;float: left;display: block;}
#calc span {font-size:9px;}
#calc input {font-weight: bold;font-size: 16px;color: #444;width: 200px; height: 52px;display: block; line-height:52px;
float: left;padding-left:20px;border: 0;background: url("images/calc-input.png") top left no-repeat;cursor:pointer}
#calc input10 {font-weight: bold;font-size: 16px;color: #444;width: 200px; height: 57px;display: block; line-height:57px;
float: left;padding-left:20px;border: 0;background: url("images/calc-input10.png") top left no-repeat;cursor:pointer}
#calc .submit {background: url("images/calc-submit.png") top left no-repeat;cursor: pointer;width: 120px; padding:0;margin: 0;height: 57px;position: absolute; top: 530px; left: 185px;float: none;}
#calc-results {position:absolute;top: 560px; left: 39px;font-size: 14px; font-weight:bold;color: #000;font-family: Verdana, Geneva, sans-serif;}

#calc-results2 {position:absolute;top: 650px; left: 39px;font-size: 14px; font-weight:bold;color: #000;font-family: Verdana, Geneva, sans-serif;}


/* simple css-based tooltip */
.tooltip {
	background-color:#000;
	font-family: Verdana, Geneva, sans-serif;
	border:1px solid #fff;
	padding:5px 10px;
	width:220px;
	display:none;
	z-index: 100;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

/* tooltip styling */
.tooltip2 {	
	background-color:#000;
	display:none;	background:#222;	height:auto;	padding:10px 20px 20px 20px;	width:310px;	font-size:13px;	color:#fff; 	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;}
.tooltip2 td {border-bottom:1px solid #666; }
.tooltip2 p {height:20px !important;}

.current {border: 1px solid red;}