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