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