]> git.openstreetmap.org Git - osqa.git/blob - forum/skins/css3/media/style/style.css
initial import
[osqa.git] / forum / skins / css3 / media / style / style.css
1 @import url(jquery.autocomplete.css);\r
2 \r
3 body {\r
4     background: #EEE;\r
5     font-size: 12px;\r
6     line-height: 150%;\r
7     margin: 0;\r
8     padding: 0;\r
9     color: #000;\r
10     font-family: sans-serif;\r
11 }\r
12 \r
13 div {\r
14     margin: 0 auto;\r
15     padding: 0;\r
16 }\r
17 \r
18 h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p {\r
19     margin: 0;\r
20     padding: 0;\r
21     border: none;\r
22 }\r
23 \r
24 label {\r
25     vertical-align: middle;\r
26 }\r
27 \r
28 hr {\r
29     border: none;\r
30     border-top: 1px dashed #ccccce;\r
31 }\r
32 \r
33 input, select {\r
34     vertical-align: middle;\r
35     font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", ? ?, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;\r
36 }\r
37 \r
38 p {\r
39     margin-bottom: 13px;\r
40     font-size: 13px;\r
41     line-height: 140%;\r
42 }\r
43 \r
44 a {\r
45     color: #333333;\r
46     text-decoration: none;\r
47 }\r
48 \r
49 .badges a {\r
50     color: #763333;\r
51     text-decoration: underline;\r
52 }\r
53 \r
54 a:hover {\r
55     text-decoration: underline;\r
56 }\r
57 \r
58 .block {\r
59     width: 960px;\r
60     height: auto;\r
61 }\r
62 \r
63 .fleft {\r
64     float: left;\r
65 }\r
66 \r
67 .fright {\r
68     float: right;\r
69 }\r
70 \r
71 .tleft {\r
72     text-align: left;\r
73 }\r
74 \r
75 .tcenter {\r
76     text-align: center;\r
77 }\r
78 \r
79 .tright {\r
80     text-align: right;\r
81 }\r
82 \r
83 .dis {\r
84     display: block;\r
85 }\r
86 \r
87 .inline {\r
88     display: inline;\r
89 }\r
90 \r
91 .none {\r
92     display: none;\r
93 }\r
94 \r
95 .red {\r
96     color: #CC0000;\r
97 }\r
98 \r
99 .b {\r
100     font-weight: bold;\r
101 }\r
102 \r
103 .f10 {\r
104     font-size: 10px;\r
105 }\r
106 \r
107 .f11 {\r
108     font-size: 11px;\r
109 }\r
110 \r
111 .f12 {\r
112     font-size: 12px;\r
113 }\r
114 \r
115 .f13 {\r
116     font-size: 13px;\r
117 }\r
118 \r
119 .f14 {\r
120     font-size: 14px;\r
121 }\r
122 \r
123 .white {\r
124     color: #FFFFFF;\r
125 }\r
126 \r
127 .u {\r
128     text-decoration: underline;\r
129 }\r
130 \r
131 .spacer1 {\r
132     height: 6px;\r
133     line-height: 6px;\r
134     clear: both;\r
135     visibility: hidden;\r
136 }\r
137 \r
138 .spacer3 {\r
139     height: 30px;\r
140     line-height: 30px;\r
141     clear: both;\r
142     visibility: hidden;\r
143 }\r
144 \r
145 h1 {\r
146     font-size: 160%;\r
147     padding: 5px 0 5px 0;\r
148 }\r
149 \r
150 h2 {\r
151     font-size: 140%;\r
152     padding: 3px 0 3px 0;\r
153 }\r
154 \r
155 h3 {\r
156     font-size: 120%;\r
157     padding: 3px 0 3px 0;\r
158 }\r
159 \r
160 ul {\r
161     list-style: disc;\r
162     margin-left: 20px;\r
163     padding-left: 0px;\r
164     margin-bottom: 1em;\r
165 }\r
166 \r
167 ol {\r
168     list-style: decimal;\r
169     margin-left: 30px;\r
170     margin-bottom: 1em;\r
171     padding-left: 0px;\r
172 }\r
173 \r
174 td ul {\r
175     vertical-align: middle;\r
176 }\r
177 \r
178 li input {\r
179     margin: 3px 3px 4px 3px;\r
180 }\r
181 \r
182 pre {\r
183     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;\r
184     font-size: 100%;\r
185     margin-bottom: 10px;\r
186     overflow: auto;\r
187     width: 580px;\r
188     background-color: #F5F5F5;\r
189     padding-left: 5px;\r
190     padding-top: 5px;\r
191     padding-bottom: 20px ! ie7;\r
192 }\r
193 \r
194 code {\r
195     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;\r
196     font-size: 100%;\r
197 \r
198 }\r
199 \r
200 blockquote {\r
201     margin-bottom: 10px;\r
202     margin-right: 15px;\r
203     padding: 10px 0px 1px 10px;\r
204     background-color: #F5F5F5;\r
205 }\r
206 \r
207 /*????*/\r
208 #wrapper {\r
209     width: 972px;\r
210     background: #FFF;\r
211     margin: auto;\r
212     padding: 6px;\r
213 }\r
214 \r
215 #roof {\r
216     position: relative;\r
217     margin-top: 0px;\r
218     background: #3291C9;\r
219 }\r
220 \r
221 #room {\r
222     padding: 10px 0 10px 0;\r
223     border-bottom: 1px solid #777;\r
224 }\r
225 \r
226 #CALeft {\r
227     width: 710px;\r
228     float: left;\r
229     position: relative;\r
230 }\r
231 \r
232 #CARight {\r
233     width: 240px;\r
234     float: right;\r
235 }\r
236 \r
237 #CAFull {\r
238     float: left;\r
239     padding: 0 5px 0 5px;\r
240     width: 950px;\r
241 }\r
242 \r
243 #ground {\r
244     width: 100%;\r
245     border-top: 1px solid #000;\r
246     padding-top: 6px;\r
247     padding-bottom: 0px;\r
248     text-align: center;\r
249     background: #777;\r
250 }\r
251 \r
252 /*#licenseLogo {position:absolute;top:10px;right:10px;}*/\r
253 \r
254 /*??????*/\r
255 #top {\r
256     position: absolute;\r
257     top: 0px;\r
258     right: 0px;\r
259     height: 20px;\r
260     text-align: right;\r
261     padding: 3px;\r
262     width: 500px;\r
263 }\r
264 \r
265 /*#header {width:960px;}*/\r
266 #top a {\r
267     height: 35px;\r
268     text-align: right; /*letter-spacing:1px; */\r
269     margin-left: 20px;\r
270     text-decoration: underline;\r
271     font-size: 12px;\r
272     color: #333333;\r
273 }\r
274 \r
275 #logo {\r
276     padding: 5px 0px 0px 0px;\r
277 }\r
278 \r
279 #navBar {\r
280     float: clear;\r
281     position: relative;\r
282     display: block;\r
283     width: 960px;\r
284 }\r
285 \r
286 #navBar .nav {\r
287     margin: 20px 0px 0px 16px; /*letter-spacing:1px; */\r
288 }\r
289 \r
290 #navBar .nav a {\r
291     color: #333333;\r
292     background-color: #8BE334;\r
293     -moz-border-radius-topleft: 6px;\r
294     -webkit-border-top-left-radius: 6px;\r
295     -moz-border-radius-topright: 6px;\r
296     -webkit-border-top-right-radius: 6px;\r
297     border: 1px solid #888888;\r
298     border-bottom: none;\r
299     padding: 0px 15px 3px 15px;\r
300     height: 25px;\r
301     line-height: 30px;\r
302     margin-left: 3px;\r
303     font-size: 14px;\r
304     font-weight: 400;\r
305     text-decoration: none;\r
306     display: block;\r
307     float: left;\r
308 }\r
309 \r
310 #navBar .nav a:hover {\r
311     text-decoration: underline\r
312 }\r
313 \r
314 #navBar .nav a.on {\r
315     height: 24px;\r
316     line-height: 28px;\r
317     border-bottom: 1px solid #a40000;\r
318     border-right: 1px solid #820000;\r
319     border-top: 1px solid #d40000;\r
320     border-left: 1px solid #d40000; /*background:#A31E39; */\r
321     background: #a40000;\r
322     color: #FFF;\r
323     font-weight: 600;\r
324     text-decoration: none\r
325 }\r
326 \r
327 #navBar .nav a.special {\r
328     font-size: 14px;\r
329     color: #B02B2C;\r
330     font-weight: bold;\r
331     text-decoration: none;\r
332 }\r
333 \r
334 #navBar .nav a.special:hover {\r
335     text-decoration: underline;\r
336 }\r
337 \r
338 #navBar .nav div.focus {\r
339     float: right;\r
340     padding-right: 0px;\r
341 }\r
342 \r
343 #searchBar {\r
344     width: 958px;\r
345     background-color: #264A5F; /*#e9b96e;*/\r
346     border: 1px solid #aaaaaa;\r
347     padding: 12px;\r
348     -moz-border-radius-topleft: 6px;\r
349     -webkit-border-top-left-radius: 6px;\r
350     -moz-border-radius-topright: 6px;\r
351     -webkit-border-top-right-radius: 6px;\r
352 }\r
353 \r
354 #searchBar .searchInput {\r
355     font-size: 25px;\r
356     height: 30px;\r
357     width: 600px;\r
358     background: #EEEEEE;\r
359 }\r
360 \r
361 #searchBar .searchBtn {\r
362     font-size: 14px;\r
363     height: 26px;\r
364     width: 80px;\r
365 }\r
366 \r
367 #searchBar .options {\r
368     padding: 3px 0 3px 0;\r
369     font-size: 100%;\r
370     color: #EEE; /*letter-spacing:1px;*/\r
371 }\r
372 \r
373 #searchBar .options INPUT {\r
374     margin: 0 3px 0 15px;\r
375 }\r
376 \r
377 #searchBar .options INPUT:hover {\r
378     cursor: pointer\r
379 }\r
380 \r
381 #ask_teaser {\r
382     font-size: 35px;\r
383     color: white;\r
384     font-weight: bolder;\r
385     display: inline;\r
386     margin-right: 25px;\r
387     text-shadow: 4px 4px 4px #000;\r
388     vertical-align: middle;\r
389 }\r
390 \r
391 #ask_input {\r
392     display: inline;\r
393 }\r
394 \r
395 #go_btn {\r
396     width: 75px;\r
397     height: 40px;\r
398     font-weight: bolder;\r
399     font-size: 30px;\r
400     -moz-border-radius: 5px;\r
401     -webkit-border-radius: 5px;\r
402     border: 2px solid #35609A;\r
403     background-color: #72A0D0;\r
404     color: #555753;\r
405 }\r
406 \r
407 /*????*/\r
408 #listA {\r
409     float: left;\r
410     background-color: #FFF;\r
411     padding: 0 0px 0 0px;\r
412     width: 100%;\r
413 }\r
414 \r
415 #listA .qstA {\r
416     position: relative;\r
417     padding: 3px 5px 5px 10px;\r
418     border-top: 1px dashed #ccccce;\r
419     /*border-left:1px solid #ebebbe;\r
420     border-right:1px solid #b4b48e;\r
421     border-bottom:1px solid #b4b48e;*/\r
422     background: white; /* #f9f7ed;*/\r
423 /*margin:10px 0 10px 0;*/\r
424 /*background:url(../images/quest-bg.gif) repeat-x top;*/\r
425 }\r
426 \r
427 #listA .qstA thumb {\r
428     float: left;\r
429 }\r
430 \r
431 #listA .qstA H2 {\r
432     font-size: 14px;\r
433     font-weight: 800;\r
434     margin: 8px auto;\r
435     padding: 0px;\r
436 }\r
437 \r
438 #listA .qstA H2 a {\r
439     color: 333333 /*#2e3436*/;\r
440     font-size: 15px;\r
441 }\r
442 \r
443 #listA .qstA .stat {\r
444     position: absolute;\r
445     right: 0px;\r
446     bottom: 5px;\r
447     font-size: 12px; /*letter-spacing:1px;*/\r
448     float: right;\r
449 }\r
450 \r
451 #listA .qstA .stat span {\r
452     margin-right: 5px;\r
453 }\r
454 \r
455 #listA .qstA .stat td {\r
456     min-width: 40px;\r
457     text-align: center;\r
458 }\r
459 \r
460 #listA .qstA .stat .num {\r
461     font-family: sans-serif;\r
462     color: #a40000;\r
463     /*background:#eeeeec;\r
464  border: 1px solid #babdb6;*/\r
465     margin: 0px;\r
466     font-size: 17px;\r
467     font-weight: 800;\r
468 }\r
469 \r
470 #listA .qstA table {\r
471     border-spacing: 0px;\r
472 }\r
473 \r
474 #listA .qstA table td {\r
475     padding: 0px;\r
476     width: 60px;\r
477     text-align: center;\r
478 }\r
479 \r
480 #listA .qstA .stat .unit {\r
481     color: #777777;\r
482     margin: 0px\r
483 }\r
484 \r
485 #listA .qstA .from {\r
486     margin-top: 5px;\r
487     font-size: 13px;\r
488     color: #777777;\r
489 }\r
490 \r
491 #listA .qstA .from .score {\r
492     font-family: sans-serif;\r
493     color: #555555;\r
494 }\r
495 \r
496 #listA .qstA .date {\r
497     margin-left: 10px;\r
498     color: #777777;\r
499 }\r
500 \r
501 #listA .qstA .wiki {\r
502     color: #763333;\r
503     font-size: 12px;\r
504 }\r
505 \r
506 #listA .qstA .from a {\r
507 }\r
508 \r
509 #listA .qstA .from IMG {\r
510     vertical-align: middle;\r
511 }\r
512 \r
513 #listA .qstA .author {\r
514     font-weight: 400;\r
515 }\r
516 \r
517 #listA .qstA .author a {\r
518     color: #444444;\r
519 }\r
520 \r
521 #listA .qstA .summary {\r
522     margin-right: 5px;\r
523 }\r
524 \r
525 .short-summary {\r
526     position: relative;\r
527     padding: 3px 5px 5px 10px;\r
528     border-top: 1px dotted #ccccce;\r
529     overflow: hidden;\r
530     width: 700px;\r
531     float: left;\r
532 }\r
533 \r
534 .short-summary h2 {\r
535     font-size: 16px;\r
536     font-family: "Trebuchet MS", "segoe ui", arial, sans-serif;\r
537 }\r
538 \r
539 .short-summary .userinfo {\r
540     float: right;\r
541     margin-top: 8px;\r
542 }\r
543 \r
544 .short-summary .counts {\r
545     float: right;\r
546     margin-top: 4px;\r
547 }\r
548 \r
549 .short-summary .counts .item-count {\r
550     font-size: 17px;\r
551     font-weight: 800;\r
552 }\r
553 \r
554 .short-summary .votes,\r
555 .short-summary .status,\r
556 .short-summary .views {\r
557     font-size: 12px;\r
558     text-align: center;\r
559     margin: 0 0 0 7px;\r
560     padding: 4px 2px 0px 2px;\r
561     width: 46px;\r
562     height: 48px;\r
563     float: left;\r
564     -moz-border-radius: 3px;\r
565     -khtml-border-radius: 3px;\r
566     -webkit-border-radius: 3px;\r
567     border-right: 1px solid #264A5F;\r
568     border-bottom: 1px solid #264A5F;\r
569 }\r
570 \r
571 #question-table {\r
572     margin-bottom: 10px; /*border-bottom:1px solid #888a85;*/\r
573 }\r
574 \r
575 .evenMore {\r
576     font-size: 14px;\r
577     font-weight: 800;\r
578 }\r
579 \r
580 .questions-count {\r
581     font-size: 32px;\r
582     font-family: sans-serif;\r
583     font-weight: 600;\r
584     padding: 0 0 5px 0px;\r
585     color: #a40000;\r
586     margin-top: 3px;\r
587 }\r
588 \r
589 /*???*/\r
590 .boxA {\r
591     background: #264A5F;\r
592     padding: 6px;\r
593     margin-bottom: 8px;\r
594     border: 1px solid #babdb6;\r
595     -moz-border-radius: 5px;\r
596     -khtml-border-radius: 5px;\r
597     -webkit-border-radius: 5px;\r
598 }\r
599 \r
600 .boxA H3 {\r
601     font-size: 13px;\r
602     font-weight: 800;\r
603     color: #FFF;\r
604     margin: 0;\r
605     padding: 0;\r
606     margin-bottom: 4px;\r
607 }\r
608 \r
609 .boxA .body {\r
610     border: 1px solid #999;\r
611     padding: 8px;\r
612     background: #FFF;\r
613     font-size: 13px;\r
614 }\r
615 \r
616 .boxA .more {\r
617     padding: 2px;\r
618     text-align: right;\r
619     font-weight: 800;\r
620 }\r
621 \r
622 .boxB {\r
623     background: #F9F7ED;\r
624     padding: 6px;\r
625     margin-bottom: 8px;\r
626     border: solid 1px #aaaaaa;\r
627 }\r
628 \r
629 .boxB H3 {\r
630     font-size: 13px;\r
631     font-weight: 800;\r
632     color: #000;\r
633     margin: 0;\r
634     padding: 0 0 0 15px;\r
635     margin-bottom: 4px;\r
636     background: url(../images/dot-g.gif) no-repeat left center;\r
637 }\r
638 \r
639 .boxB .body {\r
640     border: 1px solid #aaaaaa;\r
641     padding: 8px;\r
642     background: #FFF;\r
643     font-size: 13px;\r
644     line-height: 160%;\r
645 }\r
646 \r
647 .boxB .more {\r
648     padding: 1px;\r
649     text-align: right;\r
650     font-weight: 800;\r
651 }\r
652 \r
653 .boxC {\r
654     background: #EEE; /*f9f7ed;*/\r
655     padding: 10px;\r
656     margin-bottom: 8px;\r
657     border-top: 1px solid #eeeeec;\r
658     border-left: 1px solid #eeeeec;\r
659     border-right: 1px solid #a9aca5;\r
660     border-bottom: 1px solid #babdb6;\r
661 }\r
662 \r
663 .boxC p {\r
664     margin-bottom: 8px;\r
665 }\r
666 \r
667 .boxC p.nomargin {\r
668     margin: 0px;\r
669 }\r
670 \r
671 .boxC p.info-box-follow-up-links {\r
672     text-align: right;\r
673     margin: 0;\r
674 }\r
675 \r
676 /*??*/\r
677 .pager {\r
678     margin-top: 10px;\r
679     margin-bottom: 16px;\r
680     float: left;\r
681 }\r
682 \r
683 .pagesize {\r
684     margin-top: 10px;\r
685     margin-bottom: 16px;\r
686     float: right;\r
687 }\r
688 \r
689 /** PAGINATOR **/\r
690 .paginator {\r
691     padding: 5px 0 10px 0;\r
692     font: normal 12px sans-serif;\r
693 }\r
694 \r
695 .paginator .prev-na,\r
696 .paginator .next-na {\r
697     padding: .3em;\r
698     font: bold .875em sans-serif;\r
699 }\r
700 \r
701 .paginator .prev-na,\r
702 .paginator .next-na {\r
703     border: 1px solid #ccc;\r
704     background-color: #f9f9f9;\r
705     color: #aaa;\r
706     font-weight: normal;\r
707 }\r
708 \r
709 .paginator .prev a, .paginator .prev a:visited,\r
710 .paginator .next a, .paginator .next a:visited {\r
711     border: 1px solid #fff;\r
712     background-color: #fff;\r
713     color: #777;\r
714     padding: 2px 4px 3px 4px;\r
715     font: bold 100% sans-serif;\r
716 }\r
717 \r
718 .paginator .prev, .paginator .prev-na {\r
719     margin-right: .5em;\r
720 }\r
721 \r
722 .paginator .next, .paginator .next-na {\r
723     margin-left: .5em;\r
724 }\r
725 \r
726 .paginator .page a, .paginator .page a:visited, .paginator .curr {\r
727     padding: .25em;\r
728     font: normal .875em verdana;\r
729     border: 1px solid #ccc;\r
730     background-color: #fff;\r
731     margin: 0em .25em;\r
732     color: #777;\r
733 }\r
734 \r
735 .paginator .curr {\r
736     background-color: #777;\r
737     color: #fff;\r
738     border: 1px solid #777;\r
739     font-weight: bold;\r
740 }\r
741 \r
742 .paginator .page a:hover,\r
743 .paginator .curr a:hover,\r
744 .paginator .prev a:hover,\r
745 .paginator .next a:hover {\r
746     color: #fff;\r
747     background-color: #777;\r
748     border: 1px solid #777;\r
749     text-decoration: none;\r
750 }\r
751 \r
752 .paginator .text {\r
753     color: #777;\r
754     padding: .3em;\r
755     font: bold 100% sans-serif;\r
756 }\r
757 \r
758 .paginator-container {\r
759     float: right;\r
760     padding: 10px 0 10px 0;\r
761 }\r
762 \r
763 .paginator-container-left {\r
764     padding: 5px 0 10px 0;\r
765 }\r
766 \r
767 /*??*/\r
768 .tag {\r
769     font-size: 13px;\r
770     font-weight: normal;\r
771     color: #333;\r
772     text-decoration: none;\r
773     background-color: #EEE;\r
774     border-left: 3px solid #777;\r
775     border-top: 1px solid #EEE;\r
776     border-bottom: 1px solid #CCC;\r
777     border-right: 1px solid #CCC;\r
778     padding: 1px 8px 1px 8px;\r
779 }\r
780 \r
781 .tags {\r
782     font-family: sans-serif;\r
783     line-height: 200%;\r
784     display: block;\r
785     margin-top: 5px;\r
786 }\r
787 \r
788 .tags a {\r
789     background: url('/m/css3/media/images/tag.png') no-repeat center left;\r
790     white-space: nowrap;\r
791     font-size: 13px;\r
792     font-weight: normal;\r
793     color: #333;\r
794     text-decoration: none;\r
795     background-color: #EEE;\r
796     margin-right: 3px;\r
797     padding: 2px 10px 2px 16px;\r
798     -moz-border-radius: 2px;\r
799     -webkit-border-radius: 2px;\r
800     border-right: 1px solid #264A5F;\r
801     border-bottom: 1px solid #264A5F;\r
802 }\r
803 \r
804 .tags a:hover {\r
805     background-color: #fFF;\r
806     color: #333;\r
807 }\r
808 \r
809 .tagsbox {\r
810     line-height: 200%;\r
811 }\r
812 \r
813 .tagsbox a {\r
814     font-size: 13px;\r
815     font-weight: normal;\r
816     color: #333;\r
817     text-decoration: none;\r
818     background-color: #EEE;\r
819     border-left: 3px solid #777;\r
820     border-top: 1px solid #EEE;\r
821     border-bottom: 1px solid #CCC;\r
822     border-right: 1px solid #CCC;\r
823     padding: 1px 8px 1px 8px;\r
824 }\r
825 \r
826 .tagsbox a:hover {\r
827     background-color: #fFF;\r
828     color: #333;\r
829 }\r
830 \r
831 .tag-number {\r
832     font-weight: 700;\r
833     font-family: sans-serif;\r
834 }\r
835 \r
836 .marked-tags {\r
837     margin-top: 0px;\r
838     margin-bottom: 5px;\r
839 }\r
840 \r
841 .deletable-tag {\r
842     margin-right: 3px;\r
843     white-space: nowrap;\r
844 }\r
845 \r
846 /*??*/\r
847 a.medal {\r
848     font-size: 14px;\r
849     line-height: 250%;\r
850     font-weight: 800;\r
851     color: #333;\r
852     text-decoration: none;\r
853     background: url(/m/default/media/images/medala.gif) no-repeat;\r
854     border-left: 1px solid #EEE;\r
855     border-top: 1px solid #EEE;\r
856     border-bottom: 1px solid #CCC;\r
857     border-right: 1px solid #CCC;\r
858     padding: 4px 12px 4px 6px;\r
859 }\r
860 \r
861 a:hover.medal {\r
862     color: #333;\r
863     text-decoration: none;\r
864     background: url(/m/default/mediaimages/medala_on.gif) no-repeat;\r
865     border-left: 1px solid #E7E296;\r
866     border-top: 1px solid #E7E296;\r
867     border-bottom: 1px solid #D1CA3D;\r
868     border-right: 1px solid #D1CA3D;\r
869 }\r
870 \r
871 /*Tab?*/\r
872 .tabBar {\r
873     background-color: #FFF;\r
874     border-bottom: 1px solid white;\r
875     height: 30px;\r
876     width: 100%;\r
877     clear: both;\r
878     margin-bottom: 3px;\r
879     -moz-border-radius: 2px;\r
880     -khtml-border-radius: 2px;\r
881     -webkit-border-radius: 2px;\r
882 }\r
883 \r
884 .tabsA {\r
885     background-color: #FFF;\r
886     float: right;\r
887     position: relative;\r
888     display: block;\r
889     font-weight: bold;\r
890     height: 20px;\r
891 }\r
892 \r
893 .tabsB {\r
894     background-color: #FFF;\r
895     float: left;\r
896     position: relative;\r
897     display: block;\r
898     font-weight: bold;\r
899     height: 20px;\r
900 }\r
901 \r
902 .tabsA a.on, .tabsA a:hover, .tabsB a.on, .tabsB a:hover {\r
903     background: #fff;\r
904     color: #a40000;\r
905     border-top: 1px solid #babdb6;\r
906     border-left: 1px solid #babdb6;\r
907     border-right: 1px solid #888a85;\r
908     border-bottom: 1px solid #888a85;\r
909     height: 24px;\r
910     line-height: 26px;\r
911     margin-top: 3px;\r
912     padding: 0px 11px 0px 11px;\r
913 }\r
914 \r
915 .tabsA a {\r
916     background: #f9f7eb;\r
917     border-top: 1px solid #eeeeec;\r
918     border-left: 1px solid #eeeeec;\r
919     border-right: 1px solid #a9aca5;\r
920     border-bottom: 1px solid #888a85;\r
921     color: #888a85;\r
922     display: block;\r
923     float: left;\r
924     height: 20px;\r
925     line-height: 22px;\r
926     margin: 5px 4px 0 0;\r
927     padding: 0 11px 0 11px;\r
928     text-decoration: none;\r
929 }\r
930 \r
931 .tabsB a {\r
932     background: #eee;\r
933     border: 1px solid #eee;\r
934     color: #777;\r
935     display: block;\r
936     float: left;\r
937     height: 22px;\r
938     line-height: 28px;\r
939     margin: 5px 0px 0 4px;\r
940     padding: 0 11px 0 11px;\r
941     text-decoration: none;\r
942 }\r
943 \r
944 /*.tabsA a:hover, .tabsB a:hover {background: #fff;border: 1px solid #777;border-bottom:3px solid #FFF;}*/\r
945 .headlineA {\r
946     font-size: 13px;\r
947     border-bottom: 1px solid #777;\r
948     padding-bottom: 2px;\r
949     font-weight: 800;\r
950     margin-bottom: 12px;\r
951     text-align: right;\r
952     height: 30px;\r
953 }\r
954 \r
955 .headQuestions {\r
956     float: left;\r
957     height: 23px;\r
958     line-height: 23px;\r
959     margin: 5px 0 0 5px;\r
960     padding: 0px 6px 0px 15px;\r
961     font-size: 15px;\r
962     font-weight: 700;\r
963     border-bottom: 0px solid #777;\r
964     border-left: 0px solid #darkred;\r
965     background-color: #FFF;\r
966     background: url(../images/dot-list.gif) no-repeat left center;\r
967 }\r
968 \r
969 .headAnswers {\r
970     float: left;\r
971     padding: 3px;\r
972     font-size: 18px;\r
973     font-weight: 800;\r
974     background: url(../images/ico_answers.gif) left 2px no-repeat;\r
975     padding-left: 24px;\r
976 }\r
977 \r
978 .headTags {\r
979     float: left;\r
980     padding: 3px;\r
981     font-size: 18px;\r
982     font-weight: 800;\r
983     background: url(../images/ico_tags.gif) no-repeat;\r
984     padding-left: 24px;\r
985 }\r
986 \r
987 .headUsers {\r
988     float: left;\r
989     height: 23px;\r
990     line-height: 23px;\r
991     margin: 5px 0 0 5px;\r
992     padding: 0px 6px 0px 15px;\r
993     font-size: 15px;\r
994     font-weight: 700;\r
995     border-bottom: 0px solid #777;\r
996     border-left: 0px solid #darkred;\r
997     background-color: #FFF;\r
998     background: url(../images/dot-list.gif) no-repeat left center;\r
999 }\r
1000 \r
1001 .headMedals {\r
1002     float: left;\r
1003     height: 23px;\r
1004     line-height: 23px;\r
1005     margin: 5px 0 0 5px;\r
1006     padding: 0px 6px 0px 15px;\r
1007     font-size: 15px;\r
1008     font-weight: 700;\r
1009     border-bottom: 0px solid #777;\r
1010     border-left: 0px solid #darkred;\r
1011     background-color: #FFF;\r
1012     background: url(../images/dot-list.gif) no-repeat left center;\r
1013 }\r
1014 \r
1015 .headLogin {\r
1016     float: left;\r
1017     padding: 3px;\r
1018     font-size: 15px;\r
1019     font-weight: 800;\r
1020     background: url(../images/ico_login.gif) no-repeat;\r
1021     padding-left: 24px;\r
1022 }\r
1023 \r
1024 .headNormal {\r
1025     text-align: left;\r
1026     padding: 3px;\r
1027     font-size: 15px;\r
1028     margin-bottom: 12px;\r
1029     font-weight: bold;\r
1030     border-bottom: 1px solid #777;\r
1031 }\r
1032 \r
1033 .headUser {\r
1034     text-align: left;\r
1035     padding: 5px;\r
1036     font-size: 20px; /*letter-spacing:1px;*/\r
1037     margin-bottom: 12px;\r
1038     font-weight: 800;\r
1039     border-bottom: 1px solid #777;\r
1040 }\r
1041 \r
1042 /*RSS??*/\r
1043 #feeds {\r
1044     margin: 10px 0;\r
1045 }\r
1046 \r
1047 #feeds a {\r
1048     background: url(../images/feed-icon-small.png) no-repeat 0;\r
1049     padding-left: 18px;\r
1050     font-weight: 700;\r
1051     font-size: 13px;\r
1052 }\r
1053 \r
1054 /*??*/\r
1055 #question {\r
1056     margin-bottom: 30px;\r
1057 }\r
1058 \r
1059 #question h1 {\r
1060     font-size: 15px;\r
1061     background: #CCC;\r
1062     padding: 6px 8px;;\r
1063 }\r
1064 \r
1065 #question .body {\r
1066     background: #F7F7F7;\r
1067     padding: 20px 10px;\r
1068 }\r
1069 \r
1070 .starter {\r
1071     padding: 10px;\r
1072     background: #E0EAF1;\r
1073 }\r
1074 \r
1075 .vote {\r
1076     font-size: 20px;\r
1077     color: #666;\r
1078     font-weight: 800;\r
1079 }\r
1080 \r
1081 .questions-related {\r
1082     font-weight: 700;\r
1083     word-wrap: break-word;\r
1084 }\r
1085 \r
1086 .questions-related p {\r
1087     line-height: 20px;\r
1088     margin-bottom: 10px;\r
1089     font-size: 100%;\r
1090 }\r
1091 \r
1092 .question-status {\r
1093     margin-top: 10px;\r
1094     padding: 20px;\r
1095     background-color: #F5F5F5;\r
1096     text-align: center;\r
1097 }\r
1098 \r
1099 .question-status h3 {\r
1100     font-size: 125%;\r
1101 }\r
1102 \r
1103 .question-body {\r
1104     min-height: 100px;\r
1105     font-size: 13px;\r
1106     line-height: 20px;\r
1107 }\r
1108 \r
1109 .question-body IMG {\r
1110     max-width: 600px;\r
1111 }\r
1112 \r
1113 .question-mark {\r
1114     /*background-color:#fff5e0;\r
1115     border-top: 1px solid #eeeeec;\r
1116     border-right: 1px solid #babdb6;\r
1117     border-bottom: 1px solid #babdb6;\r
1118     border-left: 1px solid #eeeeec;*/\r
1119     text-align: left;\r
1120     padding: 5px;\r
1121     overflow: hidden;\r
1122 }\r
1123 \r
1124 .question-edit {\r
1125     text-align: left;\r
1126     overflow: hidden;\r
1127 }\r
1128 \r
1129 .vote-buttons {\r
1130     float: left;\r
1131     text-align: center;\r
1132 }\r
1133 \r
1134 .vote-buttons IMG {\r
1135     cursor: pointer;\r
1136 }\r
1137 \r
1138 .vote-number {\r
1139     font-family: Arial;\r
1140     padding: 0px 0 3px 0;\r
1141     font-size: 140%;\r
1142     font-weight: bold;\r
1143     color: #777;\r
1144 }\r
1145 \r
1146 .question-img-upvote:hover {\r
1147     background: url(../images/vote-arrow-up-on.png)\r
1148 }\r
1149 \r
1150 .question-img-downvote:hover {\r
1151     background: url(../images/vote-arrow-down-on.png)\r
1152 }\r
1153 \r
1154 .question-img-favorite:hover {\r
1155     background: url(../images/vote-favorite-on.png)\r
1156 }\r
1157 \r
1158 .favorite-number {\r
1159     padding: 0px;\r
1160     font-size: 100%;\r
1161     font-family: Arial;\r
1162     font-weight: bold;\r
1163     color: #777;\r
1164 }\r
1165 \r
1166 .vote-notification {\r
1167     z-index: 1;\r
1168     cursor: pointer;\r
1169     display: none;\r
1170     position: absolute;\r
1171     padding: 15px;\r
1172     color: White;\r
1173     background-color: darkred;\r
1174     text-align: center;\r
1175 }\r
1176 \r
1177 .vote-notification a {\r
1178     color: White;\r
1179     text-decoration: underline;\r
1180 }\r
1181 \r
1182 .offensive-flag a {\r
1183     color: #777;\r
1184     padding: 3px;\r
1185     cursor: pointer;\r
1186 }\r
1187 \r
1188 .offensive-flag a:hover {\r
1189     background-color: #777;\r
1190     text-decoration: none;\r
1191     color: #fff;\r
1192 }\r
1193 \r
1194 .linksopt a {\r
1195     color: #777;\r
1196     padding: 3px;\r
1197     cursor: pointer;\r
1198 }\r
1199 \r
1200 .linksopt a:hover {\r
1201     background-color: #777;\r
1202     text-decoration: none;\r
1203     color: #fff;\r
1204 }\r
1205 \r
1206 .action-link a {\r
1207     color: #777;\r
1208     padding: 3px;\r
1209     cursor: pointer;\r
1210 }\r
1211 \r
1212 .action-link: a hover {\r
1213     background-color: #777;\r
1214     text-decoration: none;\r
1215     color: #fff;\r
1216 }\r
1217 \r
1218 .action-link-separator {\r
1219     color: #ccc;\r
1220 }\r
1221 \r
1222 .wiki-category {\r
1223     margin-left: 5px;\r
1224     color: #999;\r
1225     font-size: 90%;\r
1226 }\r
1227 \r
1228 div.comments {\r
1229     line-height: 150%;\r
1230     padding: 10px 0;\r
1231 }\r
1232 \r
1233 div.post-comments {\r
1234     clear: both;\r
1235     background: url(../images/gray-up-arrow-h18px.png) no-repeat;\r
1236     width: 100%;\r
1237     padding-left: 12px;\r
1238     margin: 3px 0 10px 0;\r
1239 }\r
1240 \r
1241 form.post-comments textarea {\r
1242     height: 6em;\r
1243     margin-bottom: 4px;\r
1244 }\r
1245 \r
1246 form.post-comments input {\r
1247     margin-left: 10px;\r
1248     margin-top: 1px;\r
1249     vertical-align: top;\r
1250     width: 100px;\r
1251 }\r
1252 \r
1253 span.text-counter {\r
1254     margin-right: 20px;\r
1255     font-size: 11px;\r
1256 }\r
1257 \r
1258 span.form-error {\r
1259     color: #990000;\r
1260     font-weight: normal;\r
1261     margin-left: 5px;\r
1262 }\r
1263 \r
1264 p.form-item {\r
1265     margin: 0px;\r
1266 }\r
1267 \r
1268 div.comments-container, div.comments-container-accepted, div.comments-container-owner, div.comments-container-deleted {\r
1269     padding: 0;\r
1270 }\r
1271 \r
1272 .post-comments a {\r
1273     color: #888888;\r
1274     padding: 0 3px 2px;\r
1275 }\r
1276 \r
1277 a.comments-link, a.comments-link-accepted, a.comments-link-owner, a.comments-link-deleted {\r
1278     color: black;\r
1279     font-size: 11px;\r
1280     background: #eeeeee;\r
1281     padding: 3px;\r
1282     cursor: pointer;\r
1283 }\r
1284 \r
1285 .post-comments a:hover {\r
1286     background-color: #777777;\r
1287     color: white;\r
1288     text-decoration: none;\r
1289 }\r
1290 \r
1291 a.comment-user, a.comment-user:hover {\r
1292     background-color: inherit;\r
1293     color: blue;\r
1294     padding: 0;\r
1295 }\r
1296 \r
1297 a.comment-user:hover {\r
1298     text-decoration: underline;\r
1299 }\r
1300 \r
1301 /*??*/\r
1302 #answers {\r
1303 }\r
1304 \r
1305 .answer {\r
1306     padding-top: 10px;\r
1307     width: 100%;\r
1308     border-bottom: 1px solid #ccccce;\r
1309 }\r
1310 \r
1311 .answer-body {\r
1312     min-height: 80px;\r
1313     font-size: 13px;\r
1314     line-height: 20px;\r
1315 }\r
1316 \r
1317 .answer-body IMG {\r
1318     max-width: 600px;\r
1319 }\r
1320 \r
1321 .accepted-answer {\r
1322     background-color: #EBFFE6;\r
1323     border-bottom-color: #9BD59B;\r
1324 }\r
1325 \r
1326 .accepted-answer .comments-link {\r
1327     background-color: #CCFFBF;\r
1328 }\r
1329 \r
1330 .accepted-answer .comments-container {\r
1331     background-color: #CCFFBF;\r
1332 }\r
1333 \r
1334 .answered {\r
1335     background: #72A0D0;\r
1336     color: #000000;\r
1337 }\r
1338 \r
1339 .answered-accepted {\r
1340     background: #8BE334;\r
1341     color: #000000;\r
1342 }\r
1343 \r
1344 .unanswered {\r
1345     background: #A40000;\r
1346     color: white;\r
1347 }\r
1348 \r
1349 .answered-by-owner {\r
1350     background: #E9E9FF;\r
1351 }\r
1352 \r
1353 .answered-by-owner .comments-link {\r
1354     background-color: #E6ECFF;\r
1355 }\r
1356 \r
1357 .answered-by-owner .comments-container {\r
1358     background-color: #E6ECFF;\r
1359 }\r
1360 \r
1361 .answered-accepted strong {\r
1362     color: #E1E818;\r
1363 }\r
1364 \r
1365 .answer-img-accept:hover {\r
1366     background: url(../images/vote-accepted-on.png)\r
1367 }\r
1368 \r
1369 .deleted {\r
1370     background: #F4E7E7 none repeat scroll 0 0;\r
1371 }\r
1372 \r
1373 /*????*/\r
1374 /*\r
1375 .tagsbox {}\r
1376 .tagsbox a {color:#000;line-height:30px;margin-right:10px;font-size:100%;background-color:#F9F7ED;padding:3px;border:1px solid #aaaaaa;}\r
1377 .tagsbox a:hover {text-decoration:none;background-color:#F9F7ED;color:#B02B2C;} */\r
1378 .tagsList {\r
1379     margin: 0;\r
1380     list-style-type: none;\r
1381     padding: 0px;\r
1382     min-height: 360px;\r
1383 }\r
1384 \r
1385 .tagsList li {\r
1386     width: 235px;\r
1387     float: left;\r
1388 }\r
1389 \r
1390 .badge-list {\r
1391     margin: 0;\r
1392     list-style-type: none;\r
1393 }\r
1394 \r
1395 /*??*/\r
1396 .list-item {\r
1397     margin-left: 15px;\r
1398 }\r
1399 \r
1400 .list-item LI {\r
1401     list-style-type: disc;\r
1402     font-size: 13px;\r
1403     line-height: 20px;\r
1404     margin-bottom: 10px;\r
1405 }\r
1406 \r
1407 /* openid styles */\r
1408 .form-row {\r
1409     line-height: 25px;\r
1410 }\r
1411 \r
1412 table.form-as-table {\r
1413     margin-top: 5px;\r
1414 }\r
1415 \r
1416 table.form-as-table ul {\r
1417     list-style-type: none;\r
1418     display: inline;\r
1419 }\r
1420 \r
1421 table.form-as-table li {\r
1422     display: inline;\r
1423 }\r
1424 \r
1425 table.form-as-table th {\r
1426     text-align: left;\r
1427     font-weight: normal;\r
1428 }\r
1429 \r
1430 table.form-as-table pre {\r
1431     display: inline;\r
1432 }\r
1433 \r
1434 table.check-table td {\r
1435     padding-right: 50px;\r
1436 }\r
1437 \r
1438 /*.form-row li label {\r
1439     display: inline\r
1440 }*/\r
1441 .submit-row {\r
1442     line-height: 30px;\r
1443     padding-top: 10px;\r
1444     display: block;\r
1445     clear: both;\r
1446 }\r
1447 \r
1448 .errors {\r
1449     line-height: 20px;\r
1450     color: red;\r
1451 }\r
1452 \r
1453 .error {\r
1454     color: darkred;\r
1455     margin: 0;\r
1456     font-size: 10px;\r
1457 }\r
1458 \r
1459 .error-list li {\r
1460     padding: 5px;\r
1461 }\r
1462 \r
1463 .fieldset {\r
1464 /*      border:solid 1px #777;*/\r
1465     border: none;\r
1466     margin-top: 10px;\r
1467     padding: 10px;\r
1468 }\r
1469 \r
1470 .openid-input {\r
1471     background: url(../images/openid.gif) no-repeat;\r
1472     padding-left: 15px;\r
1473     cursor: pointer;\r
1474 }\r
1475 \r
1476 .openid-login-input {\r
1477     background-position: center left;\r
1478     background: url(../images/openid.gif) no-repeat 0% 50%;\r
1479     padding: 5px 5px 5px 15px;\r
1480     cursor: pointer;\r
1481     font-family: Trebuchet MS;\r
1482     font-weight: 300;\r
1483     font-size: 150%;\r
1484     width: 500px;\r
1485 }\r
1486 \r
1487 .openid-login-submit {\r
1488     height: 40px;\r
1489     width: 80px;\r
1490     line-height: 40px;\r
1491     cursor: pointer;\r
1492     border: 1px solid #777;\r
1493     font-weight: bold;\r
1494     font-size: 120%;\r
1495 }\r
1496 \r
1497 .openid-samples {\r
1498 \r
1499 }\r
1500 \r
1501 .openid-samples .list, .list li {\r
1502     font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", ? ?, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;\r
1503     list-style: none !important;\r
1504     margin-left: -30px !important;\r
1505     line-height: 20px !important;\r
1506 }\r
1507 \r
1508 /*????*/\r
1509 span.form-error {\r
1510     color: #990000;\r
1511     font-size: 90%;\r
1512     font-weight: normal;\r
1513     margin-left: 5px;\r
1514 }\r
1515 \r
1516 .title-desc {\r
1517     color: #666666;\r
1518     font-size: 90%;\r
1519 }\r
1520 \r
1521 /*adjustment for editor preview*/\r
1522 #editor {\r
1523     font-size: 100%;\r
1524     min-height: 200px;\r
1525     line-height: 18px;\r
1526     width: 100%;\r
1527 }\r
1528 \r
1529 .wmd-preview {\r
1530     margin-top: 10px;\r
1531     padding: 6px;\r
1532     width: 100%;\r
1533     background-color: #F5F5F5;\r
1534     min-height: 20px;\r
1535 }\r
1536 \r
1537 .wmd-preview pre {\r
1538     background-color: #E7F1F8;\r
1539 \r
1540 }\r
1541 \r
1542 .wmd-preview blockquote {\r
1543     background-color: #eee;\r
1544 }\r
1545 \r
1546 .wmd-preview IMG {\r
1547     max-width: 600px;\r
1548 }\r
1549 \r
1550 .preview-toggle {\r
1551     font-weight: 600;\r
1552     width: 100%;\r
1553     color: #aaa; /*letter-spacing:1px;*/\r
1554     text-align: left;\r
1555 }\r
1556 \r
1557 .preview-toggle span:hover {\r
1558     cursor: pointer;\r
1559 }\r
1560 \r
1561 .edit-content-html {\r
1562     border-top: 1px dotted #D8D2A9;\r
1563     border-bottom: 1px dotted #D8D2A9;\r
1564     margin: 5px 0 5px 0;\r
1565 }\r
1566 \r
1567 /*????*/\r
1568 \r
1569 #revisions {\r
1570     width: 950px;\r
1571 }\r
1572 \r
1573 .revision {\r
1574     margin: 10px 0 10px 0;\r
1575     width: 100%;\r
1576     font-size: 13px;\r
1577 }\r
1578 \r
1579 .revision .header {\r
1580     background-color: #eee;\r
1581     padding: 5px;\r
1582     cursor: pointer;\r
1583 }\r
1584 \r
1585 .revision .author {\r
1586     background-color: #E9E9FF;\r
1587 }\r
1588 \r
1589 .revision .summary {\r
1590     padding: 5px 0 10px 0;\r
1591 }\r
1592 \r
1593 .revision .summary span {\r
1594     background-color: yellow;\r
1595     padding-left: 3px;\r
1596     padding-right: 3px;\r
1597     display: inline;\r
1598 }\r
1599 \r
1600 .revision h1 {\r
1601     font-size: 130%;\r
1602     font-weight: 600;\r
1603     padding: 15px 0 15px 0;\r
1604 }\r
1605 \r
1606 .revision-mark {\r
1607     width: 200px;\r
1608     text-align: left;\r
1609     display: inline-block;\r
1610     font-size: 90%;\r
1611     overflow: hidden;\r
1612 }\r
1613 \r
1614 .revision-number {\r
1615     font-size: 300%;\r
1616     font-weight: bold;\r
1617     font-family: sans-serif;\r
1618 }\r
1619 \r
1620 .revision .body {\r
1621     padding-left: 10px;\r
1622     margin-bottom: 50px;\r
1623 }\r
1624 \r
1625 .revision .answerbody {\r
1626     padding: 10px 0 5px 10px;\r
1627 }\r
1628 \r
1629 /* Revision pages */\r
1630 del {\r
1631     color: #FF5F5F;\r
1632 }\r
1633 \r
1634 del .post-tag {\r
1635     color: #FF5F5F;\r
1636 }\r
1637 \r
1638 ins {\r
1639     background-color: #97ff97;\r
1640 }\r
1641 \r
1642 ins .post-tag {\r
1643     background-color: #97ff97;\r
1644 }\r
1645 \r
1646 /*??????*/\r
1647 .count {\r
1648     font-family: Arial;\r
1649     font-size: 200%;\r
1650     font-weight: 700;\r
1651     color: #777\r
1652 }\r
1653 \r
1654 .scoreNumber {\r
1655     font-family: Arial;\r
1656     font-size: 35px;\r
1657     font-weight: 800;\r
1658     color: #777;\r
1659     line-height: 40px; /*letter-spacing:0px*/\r
1660 }\r
1661 \r
1662 .user-details {\r
1663     font-size: 13px;\r
1664 }\r
1665 \r
1666 .user-about {\r
1667     background-color: #EEEEEE;\r
1668     height: 200px;\r
1669     line-height: 20px;\r
1670     overflow: auto;\r
1671     padding: 10px;\r
1672     width: 90%;\r
1673 }\r
1674 \r
1675 .user-edit-link {\r
1676     background: url(../images/edit.png) no-repeat;\r
1677     padding-left: 20px;\r
1678 }\r
1679 \r
1680 .favorites-count-off {\r
1681     color: #919191;\r
1682     float: left;\r
1683     padding: 3px;\r
1684     margin: 10px 0 0 0;\r
1685     text-align: center;\r
1686 }\r
1687 \r
1688 .favorites-count {\r
1689     color: #D4A849;\r
1690     float: left;\r
1691     padding: 3px;\r
1692     margin: 10px 0 0 0;\r
1693     text-align: center;\r
1694 }\r
1695 \r
1696 .favorites-empty {\r
1697     width: 32px;\r
1698     height: 45px;\r
1699     float: left;\r
1700 }\r
1701 \r
1702 .question-summary {\r
1703     border-bottom: 1px dotted #999999;\r
1704     float: left;\r
1705     overflow: hidden;\r
1706     padding: 11px 0;\r
1707     width: 670px;\r
1708 }\r
1709 \r
1710 .user-info-table {\r
1711     width: 950;\r
1712     margin-bottom: 10px;\r
1713 }\r
1714 \r
1715 .user-stats-table .question-summary {\r
1716     width: 800px;\r
1717 }\r
1718 \r
1719 .narrow .stats {\r
1720     background: transparent none repeat scroll 0 0;\r
1721     float: left;\r
1722     height: 48px;\r
1723     margin: 0 0 0 7px;\r
1724     padding: 0;\r
1725     width: auto;\r
1726     font-family: Arial;\r
1727 }\r
1728 \r
1729 .stats div {\r
1730     font-size: 11px;\r
1731     text-align: center;\r
1732 }\r
1733 \r
1734 .narrow .votes {\r
1735     background: #EEEEEE none repeat scroll 0 0;\r
1736     float: left;\r
1737     height: 42px;\r
1738     margin: 0 3px 0 0;\r
1739     padding: 5px;\r
1740     width: 46px;\r
1741     text-align: center;\r
1742     -moz-border-radius: 5px;\r
1743     -khtml-border-radius: 5px;\r
1744     -webkit-border-radius: 5px;\r
1745 }\r
1746 \r
1747 .narrow .summary {\r
1748     width: 600px;\r
1749     display: inline-block;\r
1750 }\r
1751 \r
1752 .narrow .summary h3 {\r
1753     padding: 0px;\r
1754     margin: 0px;\r
1755 }\r
1756 \r
1757 .narrow .views {\r
1758     height: 42px;\r
1759     float: left;\r
1760     margin: 0 7px 0 0; /*padding:5px 0 5px 4px;*/\r
1761     padding: 5px;\r
1762     width: 46px;\r
1763     text-align: center;\r
1764     -moz-border-radius: 5px;\r
1765     -khtml-border-radius: 5px;\r
1766     -webkit-border-radius: 5px;\r
1767     color: #777;\r
1768 }\r
1769 \r
1770 .narrow .status {\r
1771     float: left;\r
1772     height: 42px;\r
1773     margin: 0 3px 0 0;\r
1774     padding: 5px;\r
1775     width: 46px;\r
1776     text-align: center;\r
1777     -moz-border-radius: 5px;\r
1778     -khtml-border-radius: 5px;\r
1779     -webkit-border-radius: 5px;\r
1780 }\r
1781 \r
1782 .narrow .vote-count-post {\r
1783     font-weight: 800;\r
1784     display: block;\r
1785     margin: 0;\r
1786     font-size: 190%;\r
1787     color: #555;\r
1788     line-height: 20px;\r
1789 }\r
1790 \r
1791 .narrow .answer-count-post {\r
1792     font-weight: 800;\r
1793     display: block;\r
1794     margin: 0;\r
1795     font-size: 190%;\r
1796 }\r
1797 \r
1798 .narrow .views-count-post {\r
1799     font-weight: 800;\r
1800     display: block;\r
1801     margin: 0;\r
1802     font-size: 190%;\r
1803 }\r
1804 \r
1805 div.started {\r
1806     color: #999999;\r
1807     float: right;\r
1808     line-height: 18px;\r
1809 \r
1810 }\r
1811 \r
1812 .narrow div.started {\r
1813     line-height: inherit;\r
1814     padding-top: 4px;\r
1815     white-space: nowrap;\r
1816     width: auto;\r
1817 }\r
1818 \r
1819 .relativetime {\r
1820     font-weight: bold;\r
1821     text-decoration: none;\r
1822 }\r
1823 \r
1824 div.started a {\r
1825     font-weight: bold;\r
1826 }\r
1827 \r
1828 div.started .reputation-score {\r
1829     margin-left: 1px;\r
1830 }\r
1831 \r
1832 .narrow  .tags {\r
1833     float: left;\r
1834 }\r
1835 \r
1836 .answer-summary {\r
1837     display: block;\r
1838     clear: both;\r
1839     padding: 3px;\r
1840 }\r
1841 \r
1842 .answer-votes {\r
1843     background-color: #EEEEEE;\r
1844     color: #555555;\r
1845     float: left;\r
1846     font-family: Arial;\r
1847     font-size: 110%;\r
1848     font-weight: bold;\r
1849     height: 15px;\r
1850     padding: 4px 4px 5px;\r
1851     text-align: center;\r
1852     text-decoration: none;\r
1853     width: 20px;\r
1854     margin-right: 10px;\r
1855 }\r
1856 \r
1857 .vote-count {\r
1858     font-family: Arial;\r
1859     font-size: 160%;\r
1860     font-weight: 700;\r
1861     color: #777;\r
1862 }\r
1863 \r
1864 .user-action {\r
1865 \r
1866 }\r
1867 \r
1868 .user-action-1 {\r
1869     font-weight: bold;\r
1870     color: #333;\r
1871 }\r
1872 \r
1873 .user-action-2 {\r
1874     font-weight: bold;\r
1875     color: #CCC;\r
1876 }\r
1877 \r
1878 .user-action-3 {\r
1879     color: #333;\r
1880 }\r
1881 \r
1882 .user-action-4 {\r
1883     color: #333;\r
1884 }\r
1885 \r
1886 .user-action-5 {\r
1887     color: darkred;\r
1888 }\r
1889 \r
1890 .user-action-6 {\r
1891     color: darkred;\r
1892 }\r
1893 \r
1894 .user-action-7 {\r
1895     color: #333;\r
1896 }\r
1897 \r
1898 .user-action-8 {\r
1899     padding: 3px;\r
1900     font-weight: bold;\r
1901     background-color: #CCC;\r
1902     color: #763333;\r
1903 }\r
1904 \r
1905 .revision-summary {\r
1906     background-color: #FFFE9B;\r
1907     padding: 2px;\r
1908 }\r
1909 \r
1910 .question-title-link a {\r
1911     font-weight: bold;\r
1912     color: #0077CC;\r
1913 }\r
1914 \r
1915 .answer-title-link a {\r
1916     color: #333;\r
1917 }\r
1918 \r
1919 .post-type-1 a {\r
1920     font-weight: bold;\r
1921 \r
1922 }\r
1923 \r
1924 .post-type-3 a {\r
1925     font-weight: bold;\r
1926 \r
1927 }\r
1928 \r
1929 .post-type-5 a {\r
1930     font-weight: bold;\r
1931 }\r
1932 \r
1933 .post-type-2 a {\r
1934     color: #333;\r
1935 }\r
1936 \r
1937 .post-type-4 a {\r
1938     color: #333;\r
1939 }\r
1940 \r
1941 .post-type-6 a {\r
1942     color: #333;\r
1943 }\r
1944 \r
1945 .post-type-8 a {\r
1946     color: #333;\r
1947 }\r
1948 \r
1949 /*????*/\r
1950 .bookInfo {\r
1951     float: left;\r
1952     width: 940px;\r
1953     padding: 5px;\r
1954 }\r
1955 \r
1956 .bookCover {\r
1957     float: left;\r
1958     width: 200px;\r
1959 }\r
1960 \r
1961 .bookCover img {\r
1962     border: 1px solid #ccc;\r
1963     max-width: 200px;\r
1964 }\r
1965 \r
1966 .bookSummary {\r
1967     float: left;\r
1968     font-size: 13px;\r
1969 }\r
1970 \r
1971 .blogRss {\r
1972     float: right;\r
1973     margin: 0 10px 0 0;\r
1974     width: 460px;\r
1975     height: 240px;\r
1976     background-color: #EEE;\r
1977     padding: 5px;\r
1978 }\r
1979 \r
1980 .bookQuestions {\r
1981     margin-bottom: 10px;\r
1982 }\r
1983 \r
1984 .bookFeed {\r
1985     float: right;\r
1986 }\r
1987 \r
1988 .bookAsk {\r
1989 /*letter-spacing:1px; */\r
1990     float: right;\r
1991     margin: -30px 10px 0 0;\r
1992     padding: 3px 5px 3px 5px;\r
1993 }\r
1994 \r
1995 .bookAsk a {\r
1996     font-size: 15px;\r
1997     color: #FFF;\r
1998     font-weight: bold;\r
1999     text-decoration: none;\r
2000     background-color: #EC7000;\r
2001     padding: 3px 6px 3px 6px;\r
2002 }\r
2003 \r
2004 .bookAsk a:hover {\r
2005     text-decoration: underline;\r
2006 }\r
2007 \r
2008 /*??????*/\r
2009 .hilite {\r
2010     background-color: #ff0;\r
2011 }\r
2012 \r
2013 .hilite1 {\r
2014     background-color: #ff0;\r
2015 }\r
2016 \r
2017 .hilite2 {\r
2018     background-color: #f0f;\r
2019 }\r
2020 \r
2021 .hilite3 {\r
2022     background-color: #0ff;\r
2023 }\r
2024 \r
2025 .userStatus {\r
2026     margin-left: 12px;\r
2027     color: #FFF;\r
2028     float: right;\r
2029 }\r
2030 \r
2031 .userStatus a {\r
2032     color: #FFF;\r
2033 }\r
2034 \r
2035 .gold, .badge1 {\r
2036     color: #FFCC00;\r
2037 }\r
2038 \r
2039 .silver, .badge2 {\r
2040     color: #CCCCCC;\r
2041 }\r
2042 \r
2043 .bronze, .badge3 {\r
2044     color: #CC9933;\r
2045 }\r
2046 \r
2047 .score {\r
2048     font-weight: 800;\r
2049     color: #333;\r
2050 }\r
2051 \r
2052 .footerLinks {\r
2053     color: #EEE;\r
2054     font-size: 13px; /* letter-spacing:1px;*/\r
2055 }\r
2056 \r
2057 .footerLinks a {\r
2058     color: #FFF;\r
2059     font-size: 13px;\r
2060 }\r
2061 \r
2062 .subSearch {\r
2063     margin-bottom: 12px;\r
2064     padding: 4px;\r
2065 }\r
2066 \r
2067 a.comment {\r
2068     background: #EEE;\r
2069     color: #993300;\r
2070     padding: 4px;\r
2071 }\r
2072 \r
2073 a.permLink {\r
2074     padding: 2px;\r
2075 }\r
2076 \r
2077 a.offensive {\r
2078     color: #999;\r
2079 }\r
2080 \r
2081 ul.bulleta li {\r
2082     background: url(../images/bullet_green.gif) no-repeat 0px 2px;\r
2083     padding-left: 16px;\r
2084     margin-bottom: 4px;\r
2085 }\r
2086 \r
2087 .user {\r
2088     padding: 5px;\r
2089     line-height: 140%;\r
2090     width: 170px;\r
2091 }\r
2092 \r
2093 .user ul {\r
2094     margin: 0;\r
2095     list-style-type: none;\r
2096 }\r
2097 \r
2098 .user .thumb {\r
2099     clear: both;\r
2100     float: left;\r
2101     margin-right: 4px;\r
2102     display: inline;\r
2103 }\r
2104 \r
2105 .yellowbg {\r
2106     background: yellow;\r
2107 }\r
2108 \r
2109 .message {\r
2110     padding: 5px;\r
2111     margin: 10px 0 10px 0;\r
2112     background-color: #eee;\r
2113     border: 1px solid #aaaaaa;\r
2114 }\r
2115 \r
2116 .message h1 {\r
2117     padding-top: 0px;\r
2118     font-size: 15px;\r
2119 }\r
2120 \r
2121 .message p {\r
2122     margin-bottom: 0px;\r
2123 }\r
2124 \r
2125 p.space-above {\r
2126     margin-top: 10px;\r
2127 }\r
2128 \r
2129 .warning {\r
2130     color: red;\r
2131 }\r
2132 \r
2133 .darkred {\r
2134     color: darkred;\r
2135 }\r
2136 \r
2137 .submit {\r
2138     cursor: pointer; /*letter-spacing:1px;*/\r
2139     background-color: #D4D0C8;\r
2140     height: 40px;\r
2141     border: 1px solid #777777; /*       width:100px; */\r
2142     font-weight: bold;\r
2143     padding-bottom: 4px;\r
2144     font-size: 120%;\r
2145 }\r
2146 \r
2147 .submit:hover {\r
2148     text-decoration: underline;\r
2149 }\r
2150 \r
2151 .ask-body {\r
2152     padding-right: 10px;\r
2153 }\r
2154 \r
2155 .thousand {\r
2156     color: orange;\r
2157 }\r
2158 \r
2159 .notify {\r
2160     position: fixed;\r
2161     top: 0px;\r
2162     left: 0px;\r
2163     width: 100%;\r
2164     z-index: 100;\r
2165     padding: 0;\r
2166     text-align: center;\r
2167     font-weight: Bold;\r
2168     color: #444;\r
2169     background-color: #F4A83D;\r
2170 }\r
2171 \r
2172 .notify p {\r
2173     margin-top: 5px;\r
2174     margin-bottom: 5px;\r
2175     font-size: 16px;\r
2176 }\r
2177 \r
2178 #close-notify {\r
2179     position: absolute;\r
2180     right: 5px;\r
2181     top: 5px;\r
2182     padding: 0 3px 0 3px;\r
2183     color: #735005;\r
2184     text-decoration: none;\r
2185     font-size: 14px;\r
2186     line-height: 18px;\r
2187     background-color: #FAD163;\r
2188     border: 2px #735005 solid;\r
2189     cursor: pointer;\r
2190 }\r
2191 \r
2192 #close-notify:hover {\r
2193     text-decoration: none;\r
2194 }\r
2195 \r
2196 .big {\r
2197     font-size: 15px;\r
2198 }\r
2199 \r
2200 .bigger {\r
2201     font-size: 14px;\r
2202 }\r
2203 \r
2204 .strong {\r
2205     font-weight: bold;\r
2206 }\r
2207 \r
2208 .orange {\r
2209     color: #d64000;\r
2210     font-weight: bold;\r
2211 }\r
2212 \r
2213 .grey {\r
2214     color: #808080;\r
2215 }\r
2216 \r
2217 .about div {\r
2218     padding: 10px 5px 10px 5px;\r
2219     border-top: 1px dashed #aaaaaa;\r
2220 }\r
2221 \r
2222 .about div.first {\r
2223     padding-top: 0;\r
2224     border-top: none;\r
2225 }\r
2226 \r
2227 .about p {\r
2228     margin-bottom: 10px;\r
2229 }\r
2230 \r
2231 .about a {\r
2232     color: #d64000;\r
2233     text-decoration: underline;\r
2234 }\r
2235 \r
2236 .about h3 {\r
2237     line-height: 30px;\r
2238     font-size: 15px;\r
2239     font-weight: 700;\r
2240     padding-top: 0px;\r
2241 }\r
2242 \r
2243 .highlight {\r
2244     background-color: #FFF8C6;\r
2245 }\r
2246 \r
2247 .nomargin {\r
2248     margin: 0;\r
2249 }\r
2250 \r
2251 .margin-bottom {\r
2252     margin-bottom: 10px;\r
2253 }\r
2254 \r
2255 .margin-top {\r
2256     margin-top: 10px;\r
2257 }\r
2258 \r
2259 .inline-block {\r
2260     display: inline-block;\r
2261 }\r
2262 \r
2263 .action-status {\r
2264     margin: 0;\r
2265     border: none;\r
2266     text-align: center;\r
2267     line-height: 10px;\r
2268     font-size: 12px;\r
2269     padding: 0;\r
2270 }\r
2271 \r
2272 .action-status span {\r
2273     padding: 3px 5px 3px 5px;\r
2274     background-color: #fff380; /* nice yellow */\r
2275     font-weight: normal;\r
2276     -moz-border-radius: 5px;\r
2277     -khtml-border-radius: 5px;\r
2278     -webkit-border-radius: 5px;\r
2279 }\r
2280 \r
2281 .tight {\r
2282     margin: 0;\r
2283     padding: 0;\r
2284 }\r
2285 \r
2286 .list-table td {\r
2287     vertical-align: top;\r
2288 }\r
2289 \r
2290 p.comment {\r
2291     border-top: 1px dotted #ccccce;\r
2292     margin: 0;\r
2293     font-size: 11px;\r
2294     color: #444444;\r
2295     padding: 5px 0 5px 0;\r
2296 }\r
2297 \r
2298 .delete-icon {\r
2299     vertical-align: middle;\r
2300     padding-left: 3px;\r
2301 }\r
2302 \r
2303 /* these need to go */\r
2304 table.form-as-table .errorlist {\r
2305     display: block;\r
2306     margin: 0;\r
2307     padding: 0 0 0 5px;\r
2308     text-align: left;\r
2309     font-size: 10px;\r
2310     color: darkred;\r
2311 }\r
2312 \r
2313 table.form-as-table input {\r
2314     display: inline;\r
2315     margin-left: 4px;\r
2316 }\r
2317 \r
2318 table.form-as-table th {\r
2319     vertical-align: bottom;\r
2320     padding-bottom: 4px;\r
2321 }\r
2322 \r
2323 .form-row-vertical {\r
2324     margin-top: 8px;\r
2325     display: block;\r
2326 }\r
2327 \r
2328 .form-row-vertical label {\r
2329     margin-bottom: 3px;\r
2330     display: block;\r
2331 }\r
2332 \r
2333 /* above stuff needs to go */\r
2334 .text-align-right {\r
2335     text-align: center;\r
2336 }\r
2337 \r
2338 ul.form-horizontal-rows {\r
2339     list-style: none;\r
2340     margin: 0;\r
2341 }\r
2342 \r
2343 ul.form-horizontal-rows li {\r
2344     position: relative;\r
2345     height: 40px;\r
2346 }\r
2347 \r
2348 ul.form-horizontal-rows label {\r
2349     display: inline-block;\r
2350 }\r
2351 \r
2352 ul.form-horizontal-rows ul.errorlist {\r
2353     list-style: none;\r
2354     color: darkred;\r
2355     font-size: 10px;\r
2356     line-height: 10px;\r
2357     position: absolute;\r
2358     top: 2px;\r
2359     left: 180px;\r
2360     text-align: left;\r
2361     margin: 0;\r
2362 }\r
2363 \r
2364 ul.form-horizontal-rows ul.errorlist li {\r
2365     height: 10px;\r
2366 }\r
2367 \r
2368 ul.form-horizontal-rows label {\r
2369     position: absolute;\r
2370     left: 0px;\r
2371     bottom: 6px;\r
2372     margin: 0px;\r
2373     line-height: 12px;\r
2374     font-size: 12px;\r
2375 }\r
2376 \r
2377 ul.form-horizontal-rows li input {\r
2378     position: absolute;\r
2379     bottom: 0px;\r
2380     left: 180px;\r
2381     margin: 0px;\r
2382 }\r
2383 \r
2384 #emailpw-form li input {\r
2385     left: 170px;\r
2386 }\r
2387 \r
2388 #emailpw-form ul.errorlist {\r
2389     left: 170px;\r
2390 }\r
2391 \r
2392 #changepw-form li input {\r
2393     left: 150px;\r
2394 }\r
2395 \r
2396 #changepw-form ul.errorlist {\r
2397     left: 150px;\r
2398 }\r
2399 \r
2400 .narrow .summary {\r
2401     float: left;\r
2402 }\r
2403 \r
2404 .narrow .summary .question-title {\r
2405     font-weight: bold;\r
2406     font-size: 120%;\r
2407 }\r
2408 \r
2409 .user-profile-tool-links {\r
2410     padding-bottom: 10px;\r
2411     font-weight: bold;\r
2412 }\r
2413 \r
2414 .post-controls {\r
2415     float: left;\r
2416     font-size: 11px;\r
2417     line-height: 12px;\r
2418     min-width: 200px;\r
2419     margin-bottom: 5px;\r
2420 }\r
2421 \r
2422 #question-controls .tags {\r
2423     margin: 0 0 3px 0;\r
2424 }\r
2425 \r
2426 .post-update-info-container {\r
2427     float: right;\r
2428     min-width: 190px;\r
2429 }\r
2430 \r
2431 .post-update-info {\r
2432     display: inline-block;\r
2433     float: right;\r
2434     width: 190px;\r
2435     margin-bottom: 5px;\r
2436 }\r
2437 \r
2438 .post-update-info p {\r
2439     font-size: 11px;\r
2440     line-height: 15px;\r
2441     margin: 0 0 4px 0;\r
2442     padding: 0;\r
2443 }\r
2444 \r
2445 .post-update-info img {\r
2446     float: left;\r
2447     width: 32px;\r
2448     margin: 4px 8px 0 0;\r
2449 }\r
2450 \r
2451 .comments-container {\r
2452     clear: both;\r
2453 }\r
2454 \r
2455 .admin {\r
2456     background-color: #fff380; /* nice yellow */\r
2457     border: 1px solid darkred;\r
2458     padding: 0 5px 0 5px;\r
2459 }\r
2460 \r
2461 .admin p {\r
2462     margin-bottom: 3px;\r
2463 }\r
2464 \r
2465 .admin #action_status {\r
2466     text-align: center;\r
2467     font-weight: bold;\r
2468 }\r
2469 \r
2470 #tagSelector {\r
2471     padding-bottom: 2px;\r
2472 }\r
2473 \r
2474 #hideIgnoredTagsControl {\r
2475     margin: 5px 0 0 0;\r
2476 }\r
2477 \r
2478 #hideIgnoredTagsCb {\r
2479     margin: 0 2px 0 1px;\r
2480 }\r
2481 \r
2482 #recaptcha_widget_div {\r
2483     width: 318px;\r
2484     float: left;\r
2485     clear: both;\r
2486 }\r
2487 \r
2488 p.signup_p {\r
2489     margin: 20px 0px 0px 0px;\r
2490 }\r
2491 \r
2492 .simple-subscribe-options ul {\r
2493     list-style: none;\r
2494     list-style-position: outside;\r
2495     margin: 0;\r
2496 }\r
2497 \r
2498 a.sidebar_button {\r
2499     color: black;\r
2500     font-size: 11px;\r
2501     background: #eeeeee;\r
2502     padding: 3px;\r
2503     cursor: pointer;\r
2504 }\r
2505 \r
2506 a.sidebar_button:hover {\r
2507     background-color: #777777;\r
2508     color: white;\r
2509     text-decoration: none;\r
2510 }