html        {height: 100%;}
	body        {height: 100%; /*margin: 150px;padding: 150px;*/ }

	.menu {	border: 0px solid #D5D5AC; margin: auto; font-size: 11px; margin-top: 3px; 
			/*width: 800px; height: 80px;*/ cursor: pointer; /*overflow: auto; position: absolute;*/}
	.menu .blocks { position: absolute; visibility: hidden; background: #FFF;}
	.menu .points { white-space: nowrap; position: relative; 
					padding-top: 5px; padding-bottom: 5px; 
					display: block; color: #464646; font-weight: normal; 
					padding-left: 10px; padding-right: 10px;}	

	.block_0 { float: left; border-left: 0px solid #A0522D; color: #FFF;} 
	.point_0 { float: left; border: 0px solid #A0522D; border-left: 0px; color: #FFF !important;}
                       		         
	.block_1 {	border-top: 0px solid #9370DB; /*left: -50px;*/ top: 26px;
				/*opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);*/}
	.block_1 .points { border: 0px solid #9370DB; border-top: 0px; /*background: #FFF !important;*/ 
						/*padding-left: 10px; float: both;*/
						padding-top: 2px; padding-bottom: 2px;}

	.block_2 { border-top: 0px solid #FFA500; /*left: 100%;*/ top: 0px; }
	.block_2 .points { border: 0px solid #FFA500; border-top: 0px; /*background: #FFF7E1;*/} 

	.block_3 { border-top: 0px solid #FFA500; /*left: 100%;*/ top: 4px; }
	.block_3 .points { border: 0px solid #FFA500; border-top: 0px; /*background: #E6E6FA;*/ }

	.point_hover { color: #464646 !important; background-color: #94A4B3 !important; }

	.point_0 .point_hover {	color: #464646 !important; background-color: #94A4B3 !important; }
	
	.point_active  { background-color: #AB3E44 !important; color: #FFF !important;}
	.point_current { background-color: #DAA520 !important;}