/css/dateslider.css

 1div#slider-container {
 2	width:600px; /* Width of the container!! */
 3	position:relative;
 4	border:1px solid #000000;
 5	height:30px;
 6	overflow:hidden;
 7	background-color:#FFFFFF;
 8
 9}
10
11div#sliderbar {
12	position:absolute;
13	background: url(../img/slidebg.gif) repeat-x;
14	background-position:0px 6px;
15	width:3000px;
16	height:30px;
17	cursor:pointer;
18}
19
20div.slideYear {
21	position:relative;
22	height:23px;
23	float:left;
24	border:0px solid #BEBEBE;
25	border-left-width:1px;
26	top:3px;
27	font-size:.6em;
28	font-family:verdana;
29	font-weight:bold;
30	color:#888888;
31}
32
33div.slideMonth {
34	height:16px;
35	border:0px solid #BEBEBE;
36	border-left-width:1px;
37	position:absolute;
38	float:left;
39	top:7px;
40	font-size:.7em;
41	font-family:verdana;
42	font-weight:bold;
43}
44
45div.firstMonth {
46	border-left-width:0px;
47}
48
49span#lefthandle, span#righthandle {
50	background-color:#F2964B;
51	position:absolute;
52	top:0px;
53	width:5px;
54	cursor:w-resize;
55	height:27px;
56	display:block;
57	z-index:1;
58}
59
60div#shiftpanel {
61	top:3px;
62	position:absolute;
63	height:20px;
64	background-color:#0000FF;	
65	filter:alpha(opacity=50);
66	-moz-opacity:.5;
67	opacity:.5;
68	z-index:0;
69}
70
71div.zoomPanel {
72	width:92px;
73	position:absolute;
74	height:12px;
75	background-color:#FFF;
76	right:0px;
77	top:0px;
78	opacity:.85;
79	filter:alpha(opacity=85);
80	border:1px solid #EEE;
81	border-width:0px 0px 1px 1px;
82	font-size:10px;
83	padding:2px;
84	padding-top:0px;
85}
86
87div.zoomPanel a.zoom {
88	text-decoration:none;
89	color:#000;
90}