body 			{margin:0; padding:0}
h4				{font-size:14px}
#interactive	{position:relative; display:block; width:724px; height:442px; font:12px Helvetica, Arial, sans-serif;
				  -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;  user-select: none; -ms-user-select:none}
.header			{position:relative; top:0; left:0; width:100%; height:61px; z-index:20;}
.header h3		{font-size:20px; margin:8px 0 0 15px;}
.header p		{font-size:14px; margin:0 0 0 15px;}
.header .logo	{display:block; float:right; width:130px; height:50px; background:url(logo_retire_roadmap_med.png) top left no-repeat; margin:5px 10px 0 22px;}
.main			{position:relative; display:block; width:700px; height:473px; margin:0 0 0 15px; border-top:1px solid #000;}

.ui				{display:block; float:left; width:153px;  border-right:1px dotted #d1d3d4}
.ui.sliders		{width:285px; border-right:none}
.ui div			{position:relative; display:block; height:87px; border:1px solid #fff; border-bottom: 2px dotted #d1d3d4}
.ui div ul		{margin:8px 0 0 0; padding:0; display:block; width:60px; float:left;}
.ui div ul li	{list-style:none; margin:0 0 0 0; width:60px; display:none;}
.ui div h4		{font-size:14px; display:block; float:left; width:40px; margin:38px 0 0 13px;opacity:0}
.ui div h4.alt	{margin:20px 0 0 13px;}
.ui div.slider	{background:#fff; }
.ui div.slider .bg
				{position:absolute; bottom:15px; left:15px; width:253px; height:32px; background:url(bg_slider_bar.png) bottom left no-repeat; border:none;cursor:pointer; opacity:0; }
.ui div.slider:first-child .bg {background:url(bg_slider_bar.png) bottom left no-repeat}
.ui div.slider .bg .marker
				{position:absolute; bottom:10px; left:0; width:36px; height: 30px; margin:0 0 0 -18px; padding:0; cursor:url(images/openhand.cur), move;
					background:url(bg_slider_pointer.png) center center no-repeat; border:none;}
.ui div.slider .bg .marker.grabbing {cursor:url(images/closedhand.cur), move;}
.ui div.slider .bg .marker .lbl
				{position:absolute; top:-20px; left:0; white-space:nowrap; text-align:center; width:100px; height: 20px; font-size:12px; font-weight:bold;
				 color:#89b540; border:none;}

.graph			{position:absolute; right:1px; top:0; width:242px; height:268px; border-bottom:1px solid #000; background:#e8e8e8}
.graph h4		{font-size:14px; margin:10px 0 0 15px; opacity:0}
.graph p		{font-size:13px; margin:0px 0 0 15px; opacity:0}
.graph .bar		{position:absolute; bottom:0; left:35px; width:77px; height:1px; background:url(bg_graph_green.gif) top left repeat-y; opacity:0}
.graph .bar.blue{left:134px; height:1px; background:url(bg_graph_blue.gif) top left repeat-y;}
.graph .bar .lbl{position:absolute; bottom:6px; left:6px; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold}
.graph .callout	{position:absolute; bottom:18px; left:140px; width:70px; height:36px; background:#333; z-index:2; opacity:0}
.graph .callout .value
				{margin:7px 12px 10px 0; color:#fff; font-size:18px; font-weight:bold;  text-align:right;}
.graph .callout .tail
				{position:absolute; top:35px; right: 0; width:70px; height: 18px; background:url(bg_pct_callout_tail.png) top right no-repeat;}

.footer			{position:absolute; bottom:0; left:0;display:block; margin:0 10px 4px 18px; height:97px; z-index:20; line-height:1.0em; border-bottom:1px solid #000}
.footer .legal	{margin:9px 0 9px 0; display:block; height:80px; overflow:auto; font-size:11px; color:#757575}
.footer .legal p {margin:0 10px 10px 0; padding:0; line-height:1.3em}
.footer .legal h3		{font-size:12px; margin:10px 0 0 0}
.footer .legal table	{border:none; border-top:1px solid #757575;border-left:1px solid #757575;margin-bottom:10px;}
.footer .legal table.box {border:1px solid #757575; width:50%}
.footer .legal table td {border:1px solid #757575; border-top:none;border-left:none; padding:5px;}
.footer .legal table.box td {border:none;}

.footer table th{text-align:left}