.calculator 
	{
		position:		relative;
	}

.calculator .text
	{
		float:			left;
		width: 			250px;
		height:			32px;	
		font-size:		16px;
		font-weight:		bold;
		line-height:		32px;
	}

.calculator .input
	{
		float:			left;
		width:			150px;
		height:			32px;
		margin-top:		4px;
	}

.calculator .input input
	{
		width:			100px;
		height:			24px;
		border:			solid 1px #999;
		font-size:		16px;
	}	

.calculator .clear
	{
		height:			1px;
		overflow:		hidden;
		clear: 			both;
	}

.calculator .calculate
	{
		clear:			both;
		height:			32px;
		padding:		0px 0px 0px 250px;
	}

.calculator .calculate input
	{
		font-size:		15px;
		font-weight:		bold;
	}

.calculator .results input
	{
		border:			0px;
		height:			36px;
		font-family:		Georgia, Times New Roman, serf;
		font-size:		26px;
		line-height:		32px;
		color:			#669900;
		background-color:	#fff;
	}

.calculator .subresults input
	{
		border:			0px;
		height:			32px;
		font-family:		Georgia, Times New Roman, serf;
		font-size:		19px;
		line-height:		28px;
		color:			#460;
		background-color:	#fff;
	}

.calculator .subtext
	{
		float:			left;
		width: 			250px;
		height:			28px;	
		font-size:		13px;
		font-weight:		bold;
		line-height:		28px;
	}
.calculator .hint 
	{
	   	display: 		none;
		position: 		absolute;
		right: 			50px;
		width: 			200px;
		margin-top: 		-4px;
		font-size:		13px;
		border: 		1px solid #c93;
		padding:		10px 12px;
		background: 		#ffc url(/images/pointer.gif) no-repeat -10px 5px;
	}

.calculator .hint .hint-pointer 
	{
		position: 		absolute;
		left: 			-10px;
		top: 			5px;
		width: 			10px;
		height: 		19px;
		background: 		url(/images/pointer.gif) left top no-repeat;
	}