/* CSS Document  for Profit Calculator */

#profitcalculator {
	width: 600px;
	height:600px;
	margin:15px auto 0 auto;
	padding:20px;
	position:relative;
	background-image:url(../images/profitbg.jpg);
	background-repeat:no-repeat;
	border:solid 1px #CCC;
	}

.calcwrap {
position:relative; height:285px; margin:10px 0 20px 0; border-bottom:solid #999 1px; border-top:solid #999 1px;
}

.inputp {line-height:22px; margin:0;}

.transactions {
position:absolute; top:10px; left:0; width:270px; text-align:right; margin-right:30px; padding:0px 20px 0px 10px; border-right:solid #999 1px;	
}

.spending {
position:absolute; top:10px; right:0; width:270px; text-align:left; padding:0px 10px 0 20px;
}
.calc-heading {
	font-size:1.1em;
	font-weight:bold;
	color:#32639b;
}

label {
	font-size:11px;
}

.bignumber {
font-size:14px;
font-weight:bold;
margin-bottom:-2px;
line-height:22px;
}

.calc-field-result {
	background: white;
	color: gray;
	border: solid 1px gray;
	text-align:center;
}

.calc-field-input {
	background: white;
	color: black;
	border: solid 1px red;
	text-align:center;
}

.calc-field-profit {
	background: white;
	color: black;
	border: solid 2px green;
	text-align:center;
	font-weight:bolder;
	height:16px;
	font-size:13px;
}

.calc-field-button {
	background: lightgray;
	color: black;
	border: solid 1px black;
	text-align: center;
}

.calc-disclaimer {
font-size:9px;
font-weight:normal;
margin-top:-10px;
}