.moneyBar {float:left; width:100%; margin:10px 0 5px 0; position:relative; font:10px verdana,sans-serif;}
	#cost {float:left; width:250px; background:#FFE6B0 url('../im/cost_bkg1.gif') 0 0 no-repeat;}
		#costInner {position:relative; background:url('../im/cost_bkg2.gif') 0 100% no-repeat; padding:8px 10px;}
			#costInner span {background:url('../im/ico_cost.gif') 0 50% no-repeat; padding-left:18px;}
			#costInner img {width:32px; height:22px; border:0;}
			#costInner a {position:absolute; top:2px; right:4px; background:url('../im/cost_info.gif') 0 0 no-repeat;}
			#costInner a:hover {background:url('../im/cost_info.gif') 0 -28px no-repeat;}

	/* If "#balance" is inside ".moneyBar", then hide it by default */
	#balance {border:solid 1px #00cc33; background:#C0FFB0; padding:7px 0;}
	.moneyBar #balance {display:none; border:solid 1px #00cc33; background:#C0FFB0; padding:7px 0;}
		#balance #bal {padding:5px 10px 5px 30px; background:url('../im/ico_bal.gif') 10px 50% no-repeat;}
		#balance #expir {border-left:solid 1px #00cc33; padding:5px 10px 5px 30px; background:url('../im/ico_expir.gif') 8px 50% no-repeat;}