/*  MilliCare Resource Savings Calculator   */

/*  STYLES
******************************************************************/

	*					{margin:0; padding:0;}
	body				{background:#fff; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:1.6em; color:#333; padding-top:10px;}
	a					{color:#222;}
	img					{border:none;}
	hr					{display:none;}
	fieldset			{border:none;}
	input,button		{font-family:Arial, Helvetica, sans-serif; }
	input,textarea		{overflow:hidden;}
	.clear				{clear:both;}
	.hrzrule			{height:1px; border-top:solid 3px #ccc; margin:1em 0;}
		
	.steps				{list-style-type:none; position:absolute; top:60px; left:212px;}
	.steps li			{float:left; margin-right:6px;}
	.steps a			{float:left; width:20px; height:20px; background:url(../images/steps.gif); text-indent:-999em;}
	.steps a.current	{background-position:0 -20px;}
	.steps a.prev		{background-position:0 -40px; cursor: pointer;}
	.steps a.next		{background-position:0 -60px;}
	.steps .active		{cursor:pointer;}
	
	#content			{width:600px; margin:0 auto; position:relative;}

/*  STEP 1
******************************************************************/

	#viewport								{width:600px; height:625px; overflow: hidden;}
	#step0									{left:0;}
	#step1, #step2, #step3, #step4			{left:800px;}
	#step0, #step1, #step2, #step3, #step4	{position: absolute; top:0;width: 600px; height: 620px;}

	.home .header					{position:relative; width: 600px; height:90px; background:url(../images/step1_header.gif) bottom no-repeat;}
	.home .header .logo				{position:absolute; left:256px;}
	.home .main						{width: 500px; height:440px; padding:0 50px; background:url(../images/step1_main.gif) repeat-y;}
	.home .footer					{position:relative; width: 600px; height:100px; background:url(../images/step1_footer.gif) top no-repeat;}
	
	.home h1						{color:#afc03f; line-height:1.2em; font-size:2.5em; text-align:center; padding-top:.7em; margin-bottom:.6em;}
	.home h2						{color:#afc03f; font-weight:normal; font-size:1.75em; text-align:center; line-height:1.4em; margin-bottom:1.4em;}
	
	.home form						{position:relative;}
	.home form	div.entername		{position:absolute; top:20px; left:0; width:240px; background:url(../images/step1_boxtop.gif) top no-repeat; padding-top:16px; margin-right:20px; position:relative; bottom:19px;}
	.home form	div.language1		{position:absolute; top:20px; left:130px; width:240px; background:url(../images/step1_boxtop.gif) top no-repeat; padding-top:16px; cursor: pointer; }
	.home form	div.language1 input	{cursor: pointer; }
	.home form	div.language1_expanded a:hover	{text-decoration:underline; }
	.home form	div.measurement1	{position:absolute; top:20px; left:260px; width:240px; background:url(../images/step1_boxtop.gif) top no-repeat; padding-top:16px;}
	.home form	div.measurement2	{position:absolute; top:0; left:260px; width:240px; background:url(../images/step1_boxtop.gif) top no-repeat; padding-top:16px;}
	.home form	div div.bottom		{height:16px; background:url(../images/step1_boxbottom.gif) bottom no-repeat;}
	.home form	div label			{font-size:1.5em; font-weight:bold; color:#20ABCE;}
	.home form	input.field			{margin-left:20px; font-size:1.5em; font-weight:bold; color:#20ABCE; border:#fff; border:none; width:200px; }
	.home form	input.radio			{margin:0 8px 0 20px;}
	.home form	input.begin			{position:absolute; top:105px; left:200px; }

	.home form	div.language1_expanded 				{position:absolute; top:59px; left:130px; width:240px; background:url(../images/step1_boxmiddle.gif) top repeat-y; padding-top:16px;}
	.home form	div.language1_expanded ul			{list-style-type:none; margin:5px 0 10px 25px;}
	.home form	div.language1_expanded ul li 		{font-size:1.5em; font-weight:bold; margin-bottom:4px;}
	.home form	div.language1_expanded ul li a 		{text-decoration:none; color:#20ABCE;}


/*  STEP 2
******************************************************************/

	.secondary .header				{position:relative; width: 600px; height:90px; background:url(../images/step2_header.gif) bottom no-repeat;}
	.secondary .header .logo		{position:absolute; left:256px;}
	.secondary .main				{height:440px; background:#AFC03E; padding:0 30px;}
	.secondary .footer				{position:relative; width: 600px; height:30px; background:url(../images/step2_footer.gif) bottom no-repeat;}
	
	.secondary h1					{color:#fff; line-height:1.2em; font-size:2.5em; text-align:center; margin-bottom:1.3em;}
	#step4 h1						{color:#fff; line-height:1.2em; font-size:2.5em; text-align:center;}
	.secondary h2					{color:#fff; font-weight:normal; font-size:1.75em; text-align:center; line-height:1.2em;}
	.secondary h2.box				{background:#bcca5d url(../images/step2_h2top.gif) top no-repeat; padding:24px 24px 0 24px;}
	.secondary div.h2bottom			{background:#bcca5d url(../images/step2_h2bottom.gif) top no-repeat; height:25px; width:540px; margin-bottom:20px;}
	
	.secondary form							{position:relative; height:56px;}
	.secondary form div.sqft				{position:absolute; top:20px; left:0; width:260px; background:url(../images/step2_boxtop.gif) top no-repeat; padding-top:16px; margin-right:20px; position:relative; bottom:19px;}
	.secondary form div.state1				{position:absolute; top:20px; left:280px; width:260px; background:url(../images/step2_boxtop.gif) top no-repeat; padding-top:16px;}
	.secondary form div.state2				{position:absolute; bottom:41px; left:280px; width:260px; background:url(../images/step2_boxtop.gif) top no-repeat; padding-top:16px;}
	.secondary form div.state2 ul			{list-style-type:none; font-size:1.5em; font-weight:normal; color:#20ABCE; margin-left:20px; }
	.secondary form div.state2 ul li		{color:#20ABCE; text-decoration:none; }
	.secondary form div.state2 ul li.ac_over{text-decoration:underline; cursor:pointer;}
	.secondary form div div.bottom			{height:16px; background:url(../images/step2_boxbottom.gif) bottom no-repeat;}
	.secondary form div label				{font-size:1.5em; font-weight:bold; color:#20ABCE;}
	.secondary form input.field				{margin-left:20px; font-size:1.5em; font-weight:bold; color:#20ABCE; border:#fff; border:none; width:200px; }
	.secondary form input.radio				{margin:0 8px 0 20px;}
	.secondary form input.submit			{position:absolute; top:105px; left:220px;;}


/*  STEP 3
******************************************************************/

	.secondary ul#step3numbers				{list-style-type:none; color:#20ABCE;}
	.secondary ul#step3numbers li			{position:relative; width:168px; height:127px; background:#fff url(../images/step3_numbers.gif) no-repeat; text-align:center; float:left; margin-right:18px;}
	.secondary ul#step3numbers li h3		{font-size:4em; margin-bottom:.3em; padding-top: 45px;}
	.secondary ul#step3numbers li h4		{position:absolute; top:134px; left:0; font-size:1.2em; width:168px; text-align:center; color:#fff; }
	.secondary ul#step3numbers li p			{font-weight:bold; font-size:1em;}
	.secondary ul#step3numbers li input		{position:absolute; top:156px; left:29px; }
	
	.secondary ul#step3numbers li.end		{margin-right:0;}


/*  STEP 4
******************************************************************/

	#chart									{position:relative; width:520px; height:321px; margin:14px 0 0 10px;}
	#savings_logo							{position: absolute; top: 90px; left: 40px;}
	
	.water									{background:url(../images/step4_chart_water.gif) no-repeat;}
	.water p.graph1							{position:absolute; top:161px; left:142px; width:80px;}
	.water p.graph2							{position:absolute; top:115px; left:340px; width:80px; color:#fff;}

	.energy									{background:url(../images/step4_chart_energy.gif) no-repeat;}
	.energy p.graph1						{position:absolute; top:170px; left:146px; width:80px; color:#fff;}
	.energy p.graph2						{position:absolute; top:115px; left:340px; width:80px; color:#fff;}

	.emissions								{background:url(../images/step4_chart_energy.gif) no-repeat;}
	.emissions p.graph1						{position:absolute; top:170px; left:146px; width:80px; color:#fff;}
	.emissions p.graph2						{position:absolute; top:115px; left:340px; width:80px; color:#fff;}

	.water *, .energy *, .emissions *		{color:#20abce; font-weight:bold;}
	#chart ul								{position:absolute; top:30px; left:35px; list-style-type:none; font-size:1.3em;}
	#chart p								{font-size:1.25em; text-align:center;}
	#chart p.label1							{position:absolute; top:204px; left:115px; width:142px;}
	#chart p.label2							{position:absolute; top:204px; left:307px; width:142px;}
	#chart p.totalsavings					{position:absolute; top:254px; left:288px; width:200px; text-transform:uppercase;}
	#chart p.detail							{position:absolute; top:256px; left:15px; width:240px; height:50px; color:#fff; font-size:1.1em; text-align:left; line-height:1.3em; font-weight:normal;}
	.secondary h1.step4						{margin-bottom:.4em;}
	.secondary input.printreport			{position:absolute; top:293px; left:288px;}
	.secondary input.back					{position:absolute; top:374px; left:484px;}