.slider { padding: 0; position: relative; height: 22px; margin: 2em 0 0.5em 0 }
.slider .pointers { position: relative; height: 22px; }
		
.slider .container { position: absolute; width: 100%; top: 0; z-index: 1;}
.slider .grid { position: absolute; width: 100%; margin: 0; background: url(slider-grid-bg.gif) repeat-x; height: 22px; }
.slider .limits { position: absolute; width: 100%; }
.slider .cover { position: absolute; width: 100%; top: 0; height: 22px; z-index: 13; background: url(d.gif); }
/* 
	* html .slider .cover { width: 60%; }
	* html .slider .grid { width: 60%; } 
*/
* html .slider .container { width: 60%; }

.slider .pointer { position: absolute; top: 5; font-size: 1px; }
.slider .pointer .centered div { width: 19px; height: 17px; background: url(slider-pointer.gif) no-repeat top center; }
.slider .pointer.disabled .centered div { width: 19px; height: 17px; background: url(slider-pointer.gif) no-repeat top center; }
.slider .mark { position: absolute }
.slider .mark .centered { padding-bottom: 5px; bottom: 1em; }

.slider table { width: auto; border-collapse: collapse; margin: 0; z-index:3; position: relative; top:0}
.slider table td { padding: 0; }
.slider .pointer, .slider .mark { -moz-user-select: none; }
.slider .centered { position: relative; left: -50%; white-space: nowrap; z-index: 2; }

.slider .start { margin-left: 0; }
.slider .end { margin-left: 100%; }
/* .slider .start, .slider .end { top: 0; } */

.slider table.mark .centered {  }
.slider table.year span { background-color: red;  }
.slider table.start td, .slider table.end td { }

/* original inputs */
.slider div.input { position: absolute; margin: 0 0 0 5%; top: -0.5em; left: 100%; white-space: nowrap; display: none }
* html .slider div.input { left: 60%; margin: 0; }