Vraag : CSS Javascript Conflict

Ik heb sommige kalenders van de datumplukker die popup op pictogram toen vulling een datumgebied klik wanneer de dag selected.

zodra ik mijn stylesheet verbind is, de kalenders niet popup of fire.

Here zijn verbindingen aan het werken niet:
http://74.81.196.208/skyle relectric/employees_timecards.asp

and. Duidelijk is de pagina knoeit zonder stylesheet. maar de kalenders steken in brand. u kunt tot moeten scrollen ziet them.

http://74.81.196.208/skyle relectric/employees_timecards2.asp

The beklaagde CSS attached.
is
" codeBody "
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
" notpretty "
/***********************************************************************
 * De elementen van de basis
 **********************************************************************/
lichaam {achtergrond: #333333; doopvont-familie: „Arial“, „Helvetica“, zonder-serif; doopvont-grootte: 12px; marge: 0px 0px 0px 0px; }

h1, h2, h3,
h4, h5, h6 {doopvont-gewicht: normaal; }
h2 {kleur: #d2cda1; doopvont-grootte: 16px; marge: 0px 0px 10px 0px;}
p {lijn-hoogte: 18px; marge: 0px 0px 15px 0px; }
a {kleur: #978d4b; tekst-decoratie: niets; }
a: hang {tekst-decoratie: onderstreep; }
/***********************************************************************
 * De klassen van de basis
 **********************************************************************/
.clear: na {inhoud: „. “; vertoning: blok; hoogte: 0; overstroming: verborgen; ontruim: allebei; zicht: verborgen; }
.fl {vlotter: linker; }
.fr {vlotter: recht; }
.center {tekst-richt me: centrum; }
.hidden {vertoning: niets; }
.bold {doopvont-gewicht: gewaagd; }
.size11 {doopvont-grootte: 11px; }
.height14 {lijn-hoogte: 14px; } 

/* kolommen */
.col3 {breedte: 100%; }
.col3 .col2 {breedte: 590px; }
.col3 .col1 {breedte: 320px; }
.col4 {breedte: 100%; }
.col4 .col1 {breedte: 25%; }
/* Links*/
.links {}
.links Li {vertoning: blok; vlotter: linker; marge: 0px 10px 0px 0px;}
.links a {vertoning: blok; }

/* knopen */
.button {kleur: #ffffff; curseur: wijzer; vertoning: blok; doopvont-grootte: 11px; doopvont-gewicht: gewaagd; hoogte: 18px; lijn-hoogte: 18px; tekst-decoratie: niets; breedte: auto; }
.button spanwijdte {vertoning: blok; hoogte: 18px; }
.button: hang {tekst-decoratie: niets! belangrijk; }

.button_red {achtergrond: #836a79; }
.button_red spanwijdte {achtergrond: url („. /image/button-rood-left.gif“) hoogste linker geen-herhaling; }
.button_red spanwijdtespanwijdte {achtergrond: url („. /image/button-rood-right.gif“) hoogste recht geen-herhaling; het opvullen: 0px 15px;}
.button_red: hang {achtergrond: #aa859b; }
.button_red: hang spanwijdte {achtergrond: url („. /image/button-rood-linker-hover.gif“) hoogste linker geen-herhaling; }
.button_red: hang spanwijdtespanwijdte {achtergrond: url („. /image/button-rood-juist-hover.gif“) hoogste recht geen-herhaling; }

.button2_red {achtergrond: #836a79; }
.button2_red spanwijdte {achtergrond: url („. /image/button2-rood-left.gif“) hoogste linker geen-herhaling; }
.button2_red spanwijdtespanwijdte {achtergrond: url („. /image/button2-rood-right.gif“) hoogste recht geen-herhaling; het opvullen: 0px 15px;}
.button2_red: hang {achtergrond: #aa859b; }
.button2_red: hang spanwijdte {achtergrond: url („. /image/button2-rood-linker-hover.gif“) hoogste linker geen-herhaling; }
.button2_red: hang spanwijdtespanwijdte {achtergrond: url („. /image/button2-rood-juist-hover.gif“) hoogste recht geen-herhaling; }

.button_gray {achtergrond: #6a7983; }
.button_gray spanwijdte {achtergrond: url („. /image/button-grijs-left.gif“) hoogste linker geen-herhaling; }
.button_gray spanwijdtespanwijdte {achtergrond: url („. /image/button-grijs-right.gif“) hoogste recht geen-herhaling; het opvullen: 0px 15px;}
.button_gray: hang {achtergrond: #859baa; }
.button_gray: hang spanwijdte {achtergrond: url („. /image/button-grijs-linker-hover.gif“) hoogste linker geen-herhaling; }
.button_gray: hang spanwijdtespanwijdte {achtergrond: url („. /image/button-grijs-juist-hover.gif“) hoogste recht geen-herhaling; }

.button2_gray {achtergrond: #6a7983; }
.button2_gray spanwijdte {achtergrond: url („. /image/button2-grijs-left.gif“) hoogste linker geen-herhaling; }
.button2_gray spanwijdtespanwijdte {achtergrond: url („. /image/button2-grijs-right.gif“) hoogste recht geen-herhaling; het opvullen: 0px 15px;}
.button2_gray: hang {achtergrond: #859baa; }
.button2_gray: hang spanwijdte {achtergrond: url („. /image/button2-grijs-linker-hover.gif“) hoogste linker geen-herhaling; }
.button2_gray: hang spanwijdtespanwijdte {achtergrond: url („. /image/button2-grijs-juist-hover.gif“) hoogste recht geen-herhaling; }

.button_brown {achtergrond: #83806a; doopvont-gewicht: normaal; }
.button_brown spanwijdte {achtergrond: url („. /image/button-bruin-left.gif“) hoogste linker geen-herhaling; }
.button_brown spanwijdtespanwijdte {achtergrond: url („. /image/button-bruin-right.gif“) hoogste recht geen-herhaling; het opvullen: 0px 15px;}
.button_brown: hang {achtergrond: #978d4b; }
.button_brown: hang spanwijdte {achtergrond: url („. /image/button-bruin-linker-hover.gif“) hoogste linker geen-herhaling; }
.button_brown: hang spanwijdtespanwijdte {achtergrond: url („. /image/button-bruin-juist-hover.gif“) hoogste recht geen-herhaling; }

.button2_brown {achtergrond: #83806a; doopvont-gewicht: normaal; }
.button2_brown spanwijdte {achtergrond: url („. /image/button2-bruin-left.gif“) hoogste linker geen-herhaling; }
.button2_brown spanwijdtespanwijdte {achtergrond: url („. /image/button2-bruin-right.gif“) hoogste recht geen-herhaling; het opvullen: 0px 15px;}
.button2_brown: hang {achtergrond: #978d4b; }
.button2_brown: hang spanwijdte {achtergrond: url („. /image/button2-bruin-linker-hover.gif“) hoogste linker geen-herhaling; }
.button2_brown: hang spanwijdtespanwijdte {achtergrond: url („. /image/button2-bruin-juist-hover.gif“) hoogste recht geen-herhaling; }

.button_hover: hang {achtergrond: #836a79; }
.button_hover: hang spanwijdte {achtergrond: url („. /image/button-rood-left.gif“) hoogste linker geen-herhaling; }
.button_hover: hang spanwijdtespanwijdte {achtergrond: url („. /image/button-rood-right.gif“) hoogste recht geen-herhaling; het opvullen: 0px 15px;}
.button2_hover: hang {achtergrond: #836a79; }
.button2_hover: hang spanwijdte {achtergrond: url („. /image/button2-rood-left.gif“) hoogste linker geen-herhaling; }
.button2_hover: hang spanwijdtespanwijdte {achtergrond: url („. /image/button2-rood-right.gif“) hoogste recht geen-herhaling; het opvullen: 0px 15px;}

/* de plukker van de kleur */
#color_picker_div {marge: 0px 0px 25px 0px; }
#color_picker {achtergrond: url („. /image/color_picker.png“) hoogste linker geen-herhaling; vlotter: linker; hoogte: 36px; het opvullen: 7px; positie: relatief; breedte: 36px; z-index: 11; }
#color_picker_div a {vertoning: blok; lijn-hoogte: 35px; tekst-decoratie: onderstreep! belangrijk; breedte: 120px; }
#color_picker_div a: hang {tekst-decoratie: niets! belangrijk; }
#color_picker afd. {hoogte: 22px; positie: relatief; breedte: 22px; z-index: -1; }

#bg_top {hoogte: 474px; tekst-richt me: centrum; achtergrond: url („. /image/goldline.gif“) de bodem verliet herhaling-x #070808; breedte: 100%; }
#bg_header {breedte: 1000px; hoogte: 474px; marge: 0px auto; tekst-richt me: linker; achtergrond: url („. /image/goldline_full.gif“) de geen-herhaling #070808 van het bodemcentrum; positie: relatief;}
#bg_layout {breedte: 1000px; hoogte: 474px; positie: absoluut; bovenkant: 0px; linkerzijde: 0px; achtergrond: url („. /image/header_layout.png“) hoogste linker geen-herhaling; }

/***********************************************************************
 * De omslag van de pagina
 **********************************************************************/
#page {marge: -450px auto0px auto; breedte: 994px; }
#page_inner {achtergrond: #333333 url („. /image/page-bottom.gif“) hoogste linker herhaling-y; }
het #page_padding {achtergrond: url („. /image/footer.gif“) bodem verlaten geen-herhaling; het opvullen: 20px 35px 60px 35px; positie: relatief; z-index: 4000;}

/***********************************************************************
 * Kopbal - embleem & menu & talen 
 **********************************************************************/
#header {hoogte: 70px; bovenkant: 25px; positie: absoluut; breedte: 924px; z-index: 2;}
#header #logo {kleur: #fff; vlotter: linker; }
#header #logo a {kleur: #fff; tekst-decoratie: niets; }
#header img #logo {marge: -15px 10px 0px 0px; }
#header spanwijdte #logo {vertoning: blok; }
#header #logo .title {doopvont-grootte: 32px; doopvont-gewicht: normaal; het opvullen: 3px 0px 0px 0px; }
#header #logo .subtitle {doopvont-grootte: 12px; bovenkant: -2px; het opvullen: 0px 0px 0px 3px; positie: relatief;  }

#main_menu {vlotter: recht; breedte: 550px; }
#main_menu Li {vertoning: blok; vlotter: linker; breedte: auto; }
#main_menu a {achtergrond: url („. /image/main-menu-normal.png“) hoogste linker geen-herhaling; kleur: #fff; vertoning: blok; het opvullen: 0px 10px 0px 25px; tekst-decoratie: niets; tekst-transformatie: in hoofdletters; }
#main_menu a: hang {achtergrond: url („. /image/main-menu-hover.png“) hoogste linker geen-herhaling; }
#main_menu a.active {achtergrond: url („. /image/main-menu-hover.png“) hoogste linker geen-herhaling; }

#main_menu .menu {achtergrond: url („. /image/page-grens-horizontal.gif“) de bodem verliet herhaling-x; ontruim: allebei; vlotter: recht; hoogte: 25px; marge: 0px 0px 30px 0px; het opvullen: 0px 0px 0px 0px; vertoning: blok; breedte: auto; }
#main_menu .menu a {vertoning: blok; doopvont-gewicht: gewaagd; marge-bodem: 5px;}
#main_menu .menu Li {}
#main_menu .menu ul {achtergrond: url („. /image/menu-center.png“) geen-herhaling 0 0; grens-bodem: 1px stevige #070808; grens-linkerzijde: 1px stevige #070808; vertoning: blok; het opvullen: 6px 0px! belangrijk; positie: absoluut; z-index: 9999;}
Li van #main_menu.menu Li {vertoning: blok; vlotter: niets; }
Li a van #main_menu.menu Li {achtergrond: niets; kleur: #fff; vertoning: blok; doopvont-grootte: 12px; doopvont-gewicht: normaal; marge: 0px 3px; het opvullen: 8px 8px; tekst-transformatie: niets; wit-ruimte: nowrap;}
Li van #main_menu.menu Li: hang a {achtergrond: #070808; }
Li van #main_menu.menu Li: hang Li a {achtergrond: niets; }
Li van #main_menu.menu Li: hang Li a: hang {achtergrond: #070808; }
Li a van #main_menu.menu Li: hang {achtergrond: #070808; }
#main_menu .menu ul ul {marge: -100px 0px 0px -2px; positie: relatief; }

/* SuckerFish dropdowns */
#main_menu .menu ul {lijn-hoogte: 1; lijst-stijl: niets; marge: 0px 0px 0px 11px; het opvullen: 0; }
#main_menu .menu Li ul {weggegaan: -9999px; breedte: 160px;}
#main_menu .menu Li: hang ul,
#main_menu .menu li.sfhover ul {weggegaan: auto; }
#main_menu .menu Li ul ul {marge: -33px 0 0 159px; positie: absoluut; z-index: 9999; }
#main_menu .menu Li: hang ul ul, 
#main_menu .menu li.sfhover ul ul {weggegaan: -9999px; }
#main_menu .menu Li: hang ul, 
Li van #main_menu.menu Li: hang ul, 
#main_menu .menu li.sfhover ul, 
#main_menu .menu Li li.sfhover ul {weggegaan: auto; }
#main_menu .menu Li: hang ul ul, 
#main_menu .menu Li: hang ul ul ul, 
#main_menu .menu li.sfhover ul ul, 
#main_menu .menu li.sfhover ul ul ul {weggegaan: -9999px; }
#main_menu .menu Li: hang ul, 
Li van #main_menu.menu Li: hang ul, 
LiLi van #main_menu.menu Li: hang ul, 
#main_menu .menu li.sfhover ul, 
#main_menu .menu Li li.sfhover ul, 
Li li.sfhover van #main_menu.menu Li ul {weggegaan: auto; }
#main_menu .menu Li: hang ul ul, 
#main_menu .menu Li: hang ul ul ul, 
#main_menu .menu Li: hang ul ul ul ul, 
#main_menu .menu li.sfhover ul ul, 
#main_menu .menu li.sfhover ul ul ul, 
#main_menu .menu li.sfhover ul ul ul ul {weggegaan: -9999px; }
#main_menu .menu Li: hang ul, 
Li van #main_menu.menu Li: hang ul, 
LiLi van #main_menu.menu Li: hang ul, 
Li van LiLi van #main_menu.menu Li: hang ul, 
#main_menu .menu li.sfhover ul, 
#main_menu .menu Li li.sfhover ul, 
Li li.sfhover van #main_menu.menu Li ul, 
LiLi li.sfhover van #main_menu.menu Li ul {weggegaan: auto; }

#header #lang {hoogte: 15px; ontruim: allebei; vertoning: blok; vlotter: recht; }
#header #lang a {achtergrond: niets; vertoning: gealigneerd; het opvullen: 0px; breedte: auto; }
#header #lang a: hang img {grens: 1px stevige #fff;}
#header Li #lang {vlotter: recht; het opvullen: 0px 5px 0px 0px; breedte: auto; }
#header img #lang {grens: 1px stevige #ccc; vertoning: blok; het opvullen: 1px; }

/***********************************************************************
 * Inhoud
 **********************************************************************/
#content {achtergrond: url („. /image/content-top.png“) hoogste linker geen-herhaling; kleur: #666666; marge: 90px auto0px auto; breedte: 918px;}
#content_inner {achtergrond: url („. /image/content-bottom.png“) bodem verlaten geen-herhaling; het opvullen: 0px 0px 33px 0px; }
het #content_padding {achtergrond: url („. /image/content-center.gif“) hoogste linker herhaling-y; }

#content .rule {achtergrond: url („. /image/content-rule.gif“) hoogste centrum geen-herhaling; grens: 0px; hoogte: 10px; marge: 1px 0px 25px 0px; het opvullen: 0px; breedte: 100%;}
#content .button {lijn-hoogte: 18px; }

#content #breadcrumb {doopvont-grootte: 11px; hoogte: 34px; }
#content #breadcrumb ul {opvullend: 13px 0px 0px 30px; }
#content #breadcrumb a {kleur: #978d4b; doopvont-gewicht: gewaagd; tekst-decoratie: niets; }
#content #breadcrumb a: hang {tekst-decoratie: onderstreep; }
#content #breadcrumbLi {vlotter: linker; }
#content #breadcrumb .sep die {opvullen: 0px 5px; }

#content #header_sub {achtergrond: url („. /image/content-kopbal-bg.gif“) 0px 0px geen-herhaling; marge: 0px 20px 0px 20px; positie: relatief; z-index: 1; }
#content #header_sub .sh adow {achtergrond: url („. /image/content-kopbal-top.png“) hoogste linker geen-herhaling; hoogte: 8px; linkerzijde: 0px; positie: absoluut; bovenkant: 0px; breedte: 880px; z-index: 1; }
#content #header_sub_img {vlotter: linker; positie: relatief; overstroming: verborgen; breedte: 329px; }
#content grens-juist #header_sub_imgimg {: 1px stevige #fff; vertoning: blok; }
#content #header_sub_img .body {achtergrond: url („. /image/content-kopbal-layer.png“) hoogste linker geen-herhaling; hoogte: 500px; linkerzijde: 0px; positie: absoluut; bovenkant: 0px; breedte: 100px; z-index: 9997; }
#content #header_sub_img .img {achtergrond: url („. /image/content-kopbal-laag-img.png“) centrum verlaten geen-herhaling; hoogte: 100%; recht: 0px; positie: absoluut; bovenkant: 0px; breedte: 8px; z-index: 9999; }
#content #header_sub_img .bottom {achtergrond: url („. /image/content-kopbal-laag-bottom.png“) hoogste linker geen-herhaling; vertoning: blok; doopvont-grootte: 0px; hoogte: 4px; lijn-hoogte: 4px; marge-bovenkant: -4px; positie: relatief; het opvullen: 0px; breedte: 320px; z-index: 9998; }
#content #header_sub_inner {vlotter: linker; het opvullen: 17px 20px 10px 15px; breedte: 509px; }
#content #header_sub_inner h1 {kleur: #070808; doopvont-familie: „Horde Pro“, „Arial“, zonder-serif; doopvont-grootte: 26px; marge: 0px 0px 5px 0px; het opvullen: 0px; }
#content #header_sub_inner p {doopvont-grootte: 11px; lijn-hoogte: 14px; marge: 0px 20px 0px 0px; het opvullen: 0px 0px 0px 0px;}
#content #header_sub_inner .rule {achtergrond: url („. /image/content-kopbal-border.gif“) de bodem verliet herhaling-x; grens: 0px; hoogte: 10px; marge: 0px 0px 13px 0px; het opvullen: 0px; breedte: 70%; doopvont-grootte: 0%;}
#content .no_img {achtergrond: url („. /image/content-kopbal-bg2.gif“) 0px 0px geen-herhaling! belangrijk; }
#content .no_img #header_sub_img {vertoning: niets! belangrijk; }
#content .no_img #header_sub_inner {verlaten: 10px! belangrijk; breedte: 860px! belangrijk; }

#content #main {achtergrond: #fff url („. /image/content-belangrijkst-bg.gif“) hoogste recht herhaling-y; marge: 0px 30px; }
#content .no_sidebar {achtergrond: niets! belangrijk; }
#content #mainbar .no_sidebar {breedte: 100%! belangrijk; }
#content #mainbar {achtergrond: #fff; vlotter: linker; breedte: 545px; }
#content #mainbar h1 {kleur: #978d4b; doopvont-grootte: 22px; marge: 0px 0px 10px 0px; }
#content #mainbar h2 {kleur: #978d4b; doopvont-grootte: 20px; marge: 0px 0px 10px 0px; }
#content #mainbar h3 {kleur: #978d4b; doopvont-grootte: 18px; marge: 0px 0px 10px 0px; }
#content #mainbar h4 {kleur: #978d4b; doopvont-grootte: 16px; marge: 0px 0px 10px 0px; }
#content #mainbar h5 {kleur: #978d4b; doopvont-grootte: 14px; marge: 0px 0px 10px 0px; }
#content #mainbar h6 {kleur: #978d4b; doopvont-grootte: 12px; marge: 0px 0px 10px 0px; }
#content #mainbar ul {lijst-stijl-type: vierkant; marge: 0 0 15px; het opvullen: 0 0 0 16px; }
#content #mainbar ulLi {op:vullen-bodem: 5px; }
#content #mainbar ol {lijst-stijl-type: laag-alpha-; marge: 0 0 15px; het opvullen: 0 0 0 22px; }
#content #mainbar olLi {op:vullen-bodem: 5px; }
#content #mainbar img {grens: 1px stevige #ddd; vertoning: blok; marge-bovenkant: 2px; marge-bodem: 10px; het opvullen: 1px; }
#content #mainbar .item {opvullend: 0px 0px 25px 0px; }
#content #mainbar .alignleft {vlotter: linker; marge-recht: 20px; }
#content #mainbar .alignright {vlotter: recht; marge-linkerzijde: 20px; }
#content #mainbar .aligncenter {marge: 0px auto15px auto; }
#content #mainbar .downline {grens-bodem: 1px vast lichaam #CCCCCC; marge-bodem: 15px; op:vullen-bodem: 3px; }
#content #mainbar .button2_brown {doopvont-gewicht: gewaagd; }
#content #mainbar p {marge: 0px 0px 25px 0px; tekst-richt me: rechtvaardig; }
#content #mainbar p a {tekst-decoratie: onderstreep; }
#content #mainbar p a: hang {tekst-decoratie: niets; }
#content #mainbar lijst {grens-instorting: instorting; marge: 0px 0px 25px 0px; het opvullen: 20px; breedte: 100%; }
#content #mainbar Th {grens-bovenkant: 2px vast lichaam #dddddd; grens-bodem: 1px vast lichaam #dddddd; kleur: #978d4b; tekst-richt me: linker; het opvullen: 5px 0px; }
#content #mainbar td {grens-bodem: 0px vast lichaam #dddddd; het opvullen: 5px 0px; }
#content #mainbar .one {breedte: 200px; }
#content #mainbar .two {breedte: 110px; }
#content #mainbar .three {breedte: 110px; }
#content #mainbar .four {}
#content #mainbar .sign {kleur: #bfb991; doopvont-grootte: 14px; doopvont-stijl: cursief;}

/***********************************************************************
 * Sidebar - onderzoek & dozen
 **********************************************************************/
#content #sidebar {achtergrond: #fff; vlotter: recht; positie: relatief; breedte: 273px; }
#content #search {achtergrond: url („. /image/content-belangrijkst-onderzoek-bg.gif“) hoogste linker geen-herhaling; hoogte: 44px; marge: 0px 0px 25px 0px; breedte: 273px; }
#content #search a {vertoning: blok; kleur: #978d4c; doopvont-grootte: 11px; lijn-hoogte: 12px; tekst-decoratie: niets; tekst-transformatie: in kleine letters;}
#content #search .fl {marge: 10px 0px 0px 0px; }
#content #search .input {achtergrond: url („. /image/content-belangrijkst-onderzoek-input.gif“) hoogste linker geen-herhaling; grens: 0px; kleur: #979797; vertoning: blok; hoogte: 19px; marge: 0px 0px 0px 10px; het opvullen: 3px 10px 2px 10px; breedte: 137px; }
#content #search .submit {achtergrond: url („. /image/content-belangrijkst-onderzoek-submit.gif“) hoogste linker geen-herhaling; grens: 0px; vertoning: blok; doopvont-grootte: 0%; hoogte: 24px; lijn-hoogte: 0px; marge: 0px 10px 0px 0px; tekst-paragraaf: -9999px; breedte: 36px; curseur: wijzer; }

#content .box {achtergrond: #fff url („. /image/content-belangrijkst-doos-border.gif“) de bodem verliet herhaling-x; doopvont-grootte: 11px; marge: 0px 0px 15px 0px; het opvullen: 0px 0px 15px 0px; positie: relatief; }
#content .box h2 {kleur: #978d4b; marge: 0px 0px 10px 0px; }
#content .box p {doopvont-grootte: 11px; lijn-hoogte: 14px; marge: 0px; }
#content .box .list a {vertoning: blok; achtergrond: url („. /image/content-belangrijkst-doos-arrow.gif“) 0px 9px geen-herhaling; grens-bovenkant: 1px vast lichaam #dddddd; kleur: #666666;  lijn-hoogte: 15px; het opvullen: 4px 0px 4px 15px; tekst-decoratie: niets; }
#content .box .list Li {vertoning: blok; }
#content .box .list li.active a {doopvont-gewicht: gewaagd; }
#content .box .list li.active Li a {doopvont-gewicht: normaal; }
#content .box .list Li a: hang {kleur: #070808; }
#content .box .list Li a {doopvont-grootte: 12px;}
#content .box .list LiLi {achtergrond-positie: verlaten bovenkant; lijn-hoogte: 12px; marge: 0px 0px 0px 20px; }
#content .box .list LiLi a {achtergrond-positie: 0px 9px; grens: 0px; lijn-hoogte: 16px; }
#content .box .list ul {opvullend: 0px 0px 7px 0px; }
#content .box .image {vlotter: linker; marge: 0px 10px 0px 0px; }
#content .box .image a {vertoning: blok; }
#content .box .imageimg {grens: 1px stevige #d5d1b7; vertoning: blok; het opvullen: 3px; }
#content .box .text .button {positie: absoluut; bodem: 0px; linkerzijde: 118px; }
#content .box .links {marge: 15px 0px 0px 0px; }
#content .box_last {achtergrond: niets; marge: 0px; }

#content .box_map {achtergrond: url („. /image/content-belangrijkst-doos-map.gif“); doopvont-grootte: 11px; hoogte: 128px; marge: 0px 0px 15px 0px; breedte: 273px; }
#content .box_map a {kleur: #978d4b; vertoning: blok; tekst-decoratie: niets; hoogte: 128px; positie: relatief; breedte: 273px; }
#content .box_map a: hang {tekst-decoratie: onderstreep; }
#content .box_map een spanwijdte {positie: absoluut; bodem: 5px; recht: 10px; }

#content .box_contact .mail a {achtergrond: url („. /image/content-belangrijkst-doos-contact.gif“) hoogste recht geen-herhaling; curseur: wijzer; hoogte: 65px; positie: absoluut; recht: 0px; bovenkant: 0px; breedte: 43px; }

#content .box_places {}
#content .box_places ul {}
#content Li .box_places {vertoning: blok; grens-bodem: 1px vast lichaam #dddddd; het opvullen: 5px 0px; }
#content .box_places a {tekst-decoratie: niets; }
#content img .box_places {verticaal-richt me: bovenkant; }

/***********************************************************************
 * De bodemverbindingen van de inhoud 
 **********************************************************************/
#footer #content_links {marge: 0px 0px 20px 0px; }
#footer #content_links h2 {doopvont-grootte: 12px; doopvont-gewicht: gewaagd; marge: 0px 0px 20px 0px; tekst-transformatie: in hoofdletters; }
#footer #content_links Li {vertoning: blok; hoogte: 24px; marge: 0px; het opvullen: 0px; }
#footer #content_links a {achtergrond: url („. /image/content-verbinding-arrow.gif“) hoogste linker geen-herhaling; kleur: #a0a0a0; vertoning: blok; het opvullen: 0px 0px 10px 10px; tekst-decoratie: niets; }
#footer #content_links a: hang {tekst-decoratie: onderstreep; }
#footer #content_links .last {op:vullen-bodem: 0px; }			
#footer #content_links .cols die {opvullen: 5px 10px 5px 10px; }
#footer #content_links .col1 {breedte: 250px; }
#footer #content_links .col2 {breedte: 258px; }
#footer #content_links .col2 .wrap {marge: 0px 0px 0px 20px; }
#footer #content_links .col3 {breedte: 180px; }
#footer #content_links .col3 .wrap {marge: 0px 0px 0px 20px; }
#footer #content_links .col4 {breedte: 210px; }
#footer #content_links .col4 .wrap {marge: 0px 0px 0px 20px; }

/***********************************************************************
 * De vorm van het contact
 **********************************************************************/
#contact {achtergrond: #f5f5f5 url („. /image/contact-center.gif“) hoogste linker herhaling-y; breedte: 545px;  }
#contact #contact_inner {achtergrond: url („. /image/contact-top.gif“) hoogste linker geen-herhaling; het opvullen: 5px 0px 0px 0px; }
#contact #contact_padding {achtergrond: url („. /image/contact-bottom.gif“) bodem verlaten geen-herhaling; het opvullen: 15px 0px; }

#contact etiket {curseur: wijzer; vertoning: blok; hoogte: 24px; lijn-hoogte: 24px; het opvullen: 0px 0px 0px 20px; breedte: 125px; }
#contact textarea {grens: 1px stevige #a0a0a0; doopvont-familie: „Arial“, zonder-serif; doopvont-grootte: 12px; hoogte: 100px; het opvullen: 4px; breedte: 350px; }
#contact .input {grens: 1px stevige #a0a0a0; het opvullen: 4px 4px 4px 4px; breedte: 200px; }
#contact .select die {opvullen: 0px; hoogte: 22px; grens: 1px stevige #a0a0a0; doopvont-grootte: 12px;}
#contact .checkbox die {opvullen: 0px; grens: 0px stevige #a0a0a0; positie: relatief; bovenkant: 2px; linkerzijde: -4px;}
#contact .clear {marge: 0px 0px 8px 0px; }
#contact .confirm {achtergrond: url („. /image/contact-border.gif“) hoogste linker geen-herhaling; marge: 20px 0px 0px 0px; het opvullen: 20px 20px 0px 20px; }
#contact .submit {achtergrond: url („. /image/contact-button.gif“) hoogste linker geen-herhaling; grens: 0px; curseur: wijzer; hoogte: 22px; kleur: #fff; marge: 0px 0px 0px 125px; het opvullen: 0px; breedte: 90px; doopvont-familie: arial; doopvont-grootte: 12px; doopvont-gewicht: gewaagd; }
#contact .terms die {opvullen: 0px 0px 0px 200px; }
#contact etiket div.fl {vlotter: niets; kleur: #ff0000; vertoning: blok; het opvullen: 0px 0px 0px 20px; breedte: auto; }

#contact label.required {achtergrond: url („. /image/contact-required.gif“) hoogste recht geen-herhaling; }
/***********************************************************************
 * Footer - teken & cols
 **********************************************************************/
#footer {marge: 30px 3px 0px 3px; kleur: #a0a0a0; }
#footer img {grens: 1px stevige #d2cda1; vertoning: blok; marge: 2px 10px 0px 0px; }
#footer .item {positie: relatief; }
#footer .item p {marge: 0px; het opvullen: 0px 0px 10px 0px;}
#footer .item .button {vertoning: gealigneerd-blok; }
#footer .item .image {vlotter: linker; }
#footer .item .text {}
#footer .col3 {marge: 0px auto30px auto; breedte: 900px; }
#footer .col3 .col2 {achtergrond: url („. /image/footer-col.-border.gif“) hoogste recht herhaling-y; breedte: 575px; }
#footer .col3 .col1 {breedte: 315px; }
#footer .col3 .col2 die .wrap {opvullen: 10px 20px 15px 0px; }
#footer .col3 .col1 .wrap {doopvont-grootte: 11px; het opvullen: 10px 0px 15px 10px; }
#footer #sign {achtergrond: url („. /image/footer-teken-border.gif“) hoogste linkerzijde herhaling-x; doopvont-grootte: 11px; marge: 0px 10px; het opvullen: 15px 0px 0px 0px; }
#footer #sign .fl {breedte: 440px;}
#footer #sign .fr {breedte: 440px; tekst-richt me: recht;}
#footer #sign a {kleur: #d2cda1; tekst-decoratie: niets; }
#footer #sign a: hang {tekst-decoratie: onderstreep;}
#footer Li #sign {kleur: #d2cda1; vertoning: gealigneerd; }
#footer #sign Lispanwijdte die {opvullen: 0px 5px; }

Antwoord : CSS Javascript Conflict

Het schijnt uw styles.css een beetje verwarrend de plukker CSS evenals een z-index kwestie is.

Bijvoorbeeld toont het plaatsen van een hogere z-index dan wat u gebruikt de plukkersdoos, maar anderzijds zult u de doos CSS moeten berekenen evenals schijnt het het ook wat werk vergt

Probeer toevoegend z-index: 9999 aan de klasse .calendar in pick_date_cal.css zoals hieronder
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
.calendar  {
achtergrond: niets herhaalt rol 0 0 #C8D0D4;
grens-kleur: #FFFFFF #000000 #000000 #FFFFFF;
grens-stijl: vast lichaam;
grens-breedte: 2px;
kleur: #000000;
curseur: gebrek;
vertoning: niets;
doopvont-familie: tahoma, verdana, zonder-serif;
doopvont-grootte: 11px;
positie: relatief;
z-index: 9999;
}
Andere oplossingen  
 
programming4us programming4us