]> git.openstreetmap.org Git - osqa.git/blob - forum/skins/default/media/style/style.css
Improves the pagination, adds a new sorting method for searches. Fixes some issues...
[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, ul, li, form, img, p {
19     border: medium none;
20     margin: 0;
21     padding: 0;
22 }
23
24 label {
25     vertical-align: middle;
26 }
27
28 .login label {
29     display: block;
30 }
31
32 .login .form-row-vertical {
33     margin-bottom: 8px;
34 }
35
36 hr {
37     border-color: #CCCCCE -moz-use-text-color -moz-use-text-color;
38     border-right: medium none;
39     border-style: dashed none none;
40     border-width: 1px medium medium;
41 }
42
43 input, select {
44     font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
45     vertical-align: middle;
46 }
47
48 p {
49     font-size: 13px;
50     line-height: 140%;
51     margin-bottom: 13px;
52 }
53
54 a {
55     color: #3060A8;
56     text-decoration: none;
57 }
58
59 .badges a {
60     color: #763333;
61     text-decoration: underline;
62 }
63
64 a:hover {
65     text-decoration: underline;
66 }
67
68 .tright {
69     text-align: right;
70 }
71
72 .spacer3 {
73     clear: both;
74     height: 30px;
75     line-height: 30px;
76     visibility: hidden;
77 }
78
79 h1 {
80     font-size: 160%;
81     padding: 5px 0;
82     line-height: 110%;
83 }
84
85 h2 {
86     font-size: 140%;
87     padding: 3px 0;
88     line-height: 110%;
89 }
90
91 h3 {
92     font-size: 120%;
93     padding: 3px 0;
94     line-height: 110%;
95 }
96
97 ul {
98     list-style: disc outside none;
99     margin-bottom: 1em;
100     margin-left: 20px;
101     padding-left: 0;
102 }
103
104 ol {
105     list-style: decimal outside none;
106     margin-bottom: 1em;
107     margin-left: 30px;
108     padding-left: 0;
109 }
110
111 td ul {
112     vertical-align: middle;
113 }
114
115 li input {
116     margin: 3px 3px 4px;
117 }
118
119 pre {
120     background-color: #F5F5F5;
121     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
122     font-size: 100%;
123     margin-bottom: 10px;
124     overflow: auto;
125     padding-left: 5px;
126     padding-top: 5px;
127     width: 580px;
128 }
129
130 code {
131     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
132     font-size: 100%;
133 }
134
135 blockquote {
136     background-color: #F5F5F5;
137     margin-bottom: 10px;
138     margin-right: 15px;
139     padding: 10px 0 1px 10px;
140     max-width: 650px;
141 }
142
143 #wrapper, #announcement {
144     margin: auto;
145     padding: 0;
146     width: 990px;
147 }
148
149 #roof {
150     background: none repeat scroll 0 0 #FFFFFF;
151     margin-top: 0;
152     position: relative;
153 }
154
155 #room {
156     background-color: #FFFFFF;
157     border-bottom: 1px solid #777777;
158     padding: 10px 0;
159 }
160
161 #CALeft {
162     float: left;
163     position: relative;
164     width: 740px;
165 }
166
167 #CARight {
168     float: right;
169     width: 240px;
170 }
171
172 #CAFull {
173     float: left;
174     padding: 0 5px;
175     width: 950px;
176 }
177
178 #ground {
179     background: none repeat scroll 0 0 #BDCCED;
180     border-top: 1px solid #000000;
181     padding-bottom: 0;
182     padding-top: 6px;
183     text-align: center;
184     width: 100%;
185 }
186
187 #top {
188     background-color: #FFFFFF;
189     height: 20px;
190     padding: 3px;
191     position: absolute;
192     right: 0;
193     text-align: right;
194     top: 0;
195     width: 500px;
196 }
197
198 #top a {
199     color: #333333;
200     font-size: 12px;
201     height: 35px;
202     margin-left: 20px;
203     text-align: right;
204     text-decoration: underline;
205 }
206
207 #logo {
208     padding: 5px 0 0;
209 }
210
211 #navBar {
212     display: block;
213     position: relative;
214     width: 990px;
215 }
216
217 #navBar .nav {
218     margin: 20px 0 0 16px;
219 }
220
221 #navBar .nav a {
222     background-color: #E5EBF8;
223     border-color: #888888 #888888 -moz-use-text-color;
224     border-style: solid solid none;
225     border-width: 1px 1px medium;
226     color: #333333;
227     display: block;
228     float: left;
229     font-size: 14px;
230     font-weight: 400;
231     height: 25px;
232     line-height: 30px;
233     margin-left: 10px;
234     padding: 0 12px 3px;
235     text-decoration: none;
236 }
237
238 #navBar .nav a:hover {
239     text-decoration: underline;
240 }
241
242 #navBar .nav a.on {
243     background: none repeat scroll 0 0 #356FCB;
244     border: 1px solid #356FCB;
245     color: #FFFFFF;
246     font-weight: 600;
247     height: 24px;
248     line-height: 28px;
249     text-decoration: none;
250 }
251
252 #navBar .nav a.special {
253     color: #B02B2C;
254     font-size: 14px;
255     font-weight: bold;
256     text-decoration: none;
257 }
258
259 #navBar .nav a.special:hover {
260     text-decoration: underline;
261 }
262
263 #navBar .nav div.focus {
264     float: right;
265     padding-right: 0;
266 }
267
268 #searchBar {
269     background-color: #B6C4E2;
270     border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
271     border-style: solid;
272     border-width: 1px;
273     padding: 4px 0 0;
274     width: 988px;
275 }
276
277 #searchBar .content {
278 }
279
280 #searchBar .searchInput {
281     font-size: 13px;
282     height: 18px;
283     width: 400px;
284 }
285
286 #searchBar .searchBtn {
287     font-size: 14px;
288     height: 26px;
289     width: 80px;
290 }
291
292 #searchBar .options {
293     color: #333333;
294     font-size: 120%;
295     padding: 3px 0;
296 }
297
298 #searchBar .options input {
299     margin: 0 3px 0 15px;
300 }
301
302 #searchBar .options input:hover {
303     cursor: pointer;
304 }
305
306 #listA {
307     background-color: #FFFFFF;
308     float: left;
309     padding: 0 0;
310     width: 100%;
311 }
312
313 .thousand {
314     color: orange;
315 }
316
317 .short-summary {
318     border-top: 1px dotted #CCCCCE;
319     float: left;
320     overflow: hidden;
321     padding: 3px 0px 5px 0;
322     position: relative;
323     width: 740px;
324 }
325
326 .short-summary h2 a {
327     color: #2A5594;
328     font-family: "Trebuchet MS", "segoe ui", arial, sans-serif;
329     font-size: 17px;
330 }
331
332 .short-summary .userinfo {
333     color: #666666;
334     float: right;
335     margin-top: 8px;
336 }
337
338 .userinfo a, a.userinfo {
339     color: #3060A8;
340 }
341
342 .short-summary .counts {
343     float: left;
344     margin-right: 0px;
345     margin-top: 4px;
346     padding-right: 2px;
347 }
348
349 .short-summary .counts .item-count {
350     font-size: 17px;
351     font-weight: bold;
352 }
353
354 .short-summary .votes, .short-summary .status, .short-summary .views {
355     -moz-border-radius: 5px 5px 5px 5px;
356     border-bottom: 1px solid #CCCCCC;
357     border-right: 1px solid #CCCCCC;
358     float: left;
359     font-size: 11px;
360     height: 42px;
361     margin: 0 6px 0 0px;
362     padding: 8px 2px 0;
363     text-align: center;
364     width: 46px;
365 }
366
367 .short-summary .votes, .short-summary .views {
368     color: #666666;
369 }
370
371 .short-summary .favorites {
372     width: 24px;
373     float: left;
374     text-align: center;
375 }
376
377 #question-table {
378     margin-bottom: 10px;
379 }
380
381 .questions-count {
382     color: #A40000;
383     font-family: sans-serif;
384     font-size: 24px;
385     font-weight: 600;
386     margin-top: 3px;
387     margin-right: 5px;
388     padding: 0 0 5px 0;
389 }
390
391 .boxA {
392     background: none repeat scroll 0 0 #888A85;
393     margin-bottom: 8px;
394     padding: 6px;
395 }
396
397 .boxA h3 {
398     color: #FFFFFF;
399     font-size: 13px;
400     font-weight: 800;
401     margin: 0 0 4px;
402     padding: 0;
403 }
404
405 .boxA .body {
406     background: none repeat scroll 0 0 #FFFFFF;
407     border: 1px solid #999999;
408     font-size: 13px;
409     padding: 8px;
410 }
411
412 .boxA .more {
413     font-weight: 800;
414     padding: 2px;
415     text-align: right;
416 }
417
418 .boxC {
419     background: none repeat scroll 0 0 #E5EBF8;
420     border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
421     border-style: solid;
422     border-width: 1px;
423     margin-bottom: 8px;
424     padding: 10px;
425 }
426
427 .boxC p {
428     margin-bottom: 8px;
429 }
430
431 .boxC p.nomargin {
432     margin: 0;
433 }
434
435 .boxC p.info-box-follow-up-links {
436     margin: 0;
437     text-align: right;
438 }
439
440 .pager {
441     float: left;
442     margin-bottom: 16px;
443     margin-top: 10px;
444 }
445
446 .pagesize {
447     float: right;
448     margin-bottom: 16px;
449     margin-top: 10px;
450 }
451
452 .paginator {
453     font: 12px sans-serif;
454     padding: 5px 0 10px;
455 }
456
457 .paginator .prev a, .paginator .prev a:visited, .paginator .next a, .paginator .next a:visited {
458     background-color: #FFFFFF;
459     border: 1px solid #FFFFFF;
460     color: #777777;
461     font: bold 100% sans-serif;
462     padding: 2px 4px 3px;
463 }
464
465 .paginator .prev {
466     margin-right: 0.5em;
467 }
468
469 .paginator .next {
470     margin-left: 0.5em;
471 }
472
473 .paginator .page a, .paginator .page a:visited, .paginator .curr {
474     background-color: #FFFFFF;
475     border: 1px solid #CCCCCC;
476     color: #777777;
477     font: 0.875em verdana;
478     margin: 0 0.25em;
479     padding: 0.25em;
480 }
481
482 .paginator .curr {
483     background-color: #777777;
484     border: 1px solid #777777;
485     color: #FFFFFF;
486     font-weight: bold;
487 }
488
489 .paginator .page a:hover, .paginator .prev a:hover, .paginator .next a:hover {
490     background-color: #777777;
491     border: 1px solid #777777;
492     color: #FFFFFF;
493     text-decoration: none;
494 }
495
496 .paginator .text {
497     color: #777777;
498     font: bold 100% sans-serif;
499     padding: 0.3em;
500 }
501
502 .paginator-container-left {
503     padding: 5px 0 10px;
504 }
505
506 .tags {
507     display: block;
508     font-family: sans-serif;
509     line-height: 200%;
510     margin-top: 5px;
511 }
512
513 .tags a, span.tag {
514     background-color: #EEEEEE;
515     border-bottom: 1px solid #CCCCCC;
516     border-right: 1px solid #CCCCCC;
517     color: #777777;
518     font-size: 11px;
519     font-weight: normal;
520     padding: 1px 8px;
521     text-decoration: none;
522     white-space: nowrap;
523 }
524
525 .tags a:hover {
526     background-color: #356FCB;
527     color: #FFFFFF;
528 }
529
530 .tag-number {
531     font-family: sans-serif;
532     font-weight: 700;
533 }
534
535 .marked-tags {
536     margin-bottom: 5px;
537     margin-top: 0;
538 }
539
540 a.medal {
541     background: none repeat scroll 0 0 #FFFFCD;
542     border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
543     border-left: 1px solid #EEEEEE;
544     border-style: solid;
545     border-width: 1px;
546     color: #333333;
547     font-size: 14px;
548     font-weight: bold;
549     line-height: 250%;
550     padding: 4px 12px 4px 6px;
551     text-decoration: none;
552 }
553
554 a.medal:hover {
555     background: url("../images/medala_on.gif") no-repeat scroll 0 0 transparent;
556     border-color: #E7E296 #D1CA3D #D1CA3D #E7E296;
557     border-left: 1px solid #E7E296;
558     border-style: solid;
559     border-width: 1px;
560     color: #333333;
561     text-decoration: none;
562 }
563
564 .tabBar {
565     background-color: #FFFFFF;
566     border-bottom: 1px solid white;
567     clear: both;
568     height: 30px;
569     margin-bottom: 3px;
570     width: 100%;
571 }
572
573 .tabsA {
574     background-color: #FFFFFF;
575     display: block;
576     float: right;
577     font-weight: bold;
578     height: 20px;
579     position: relative;
580 }
581
582 .tabsA a, .sticky-sort-tabs {
583     background: none repeat scroll 0 0 #EEEEEE;
584     border-bottom: 1px solid #CCCCCC;
585     border-right: 1px solid #CCCCCC;
586     color: #888A85;
587     display: block;
588     float: left;
589     height: 20px;
590     line-height: 22px;
591     margin: 5px 4px 0 0;
592     text-decoration: none;
593 }
594
595 .tabsA a {
596     padding: 0 11px;    
597 }
598
599 .sticky-sort-tabs {
600     width: 20px;
601     padding: 0;
602 }
603
604 .sticky-sort-tabs input {
605     border: 0;
606     height: 14px;
607     width: 14px;
608     margin: 2px;
609 }
610
611 .tabsA a.on, .tabsA a:hover {
612     background: none repeat scroll 0 0 #FFFFFF;
613     color: #A40000;
614 }
615
616 .tabsA a:hover {
617     background: none repeat scroll 0 0 #356FCB;
618     color: #FFFFFF;
619 }
620
621 .headlineA {
622     border-bottom: 1px solid #777777;
623     font-size: 13px;
624     font-weight: 800;
625     height: 30px;
626     margin-bottom: 12px;
627     padding-bottom: 2px;
628     text-align: right;
629 }
630
631 .headQuestions {
632     background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
633     border-bottom: 0 solid #777777;
634     float: left;
635     font-size: 15px;
636     font-weight: 700;
637     height: 23px;
638     line-height: 23px;
639     margin: 5px 0 0 5px;
640     padding: 0 6px 0 15px;
641 }
642
643 .headUsers {
644     background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
645     border-bottom: 0 solid #777777;
646     float: left;
647     font-size: 15px;
648     font-weight: 700;
649     height: 23px;
650     line-height: 23px;
651     margin: 5px 0 0 5px;
652     padding: 0 6px 0 15px;
653 }
654
655 .headMedals {
656     background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
657     border-bottom: 0 solid #777777;
658     float: left;
659     font-size: 15px;
660     font-weight: 700;
661     height: 23px;
662     line-height: 23px;
663     margin: 5px 0 0 5px;
664     padding: 0 6px 0 15px;
665 }
666
667 .headNormal {
668     border-bottom: 1px solid #777777;
669     font-size: 15px;
670     font-weight: bold;
671     margin-bottom: 12px;
672     padding: 3px;
673     text-align: left;
674 }
675
676 .headUser {
677     border-bottom: 1px solid #777777;
678     font-size: 20px;
679     font-weight: 800;
680     margin-bottom: 12px;
681     padding: 5px;
682     text-align: left;
683 }
684
685 .questions-related {
686     font-weight: 700;
687     word-wrap: break-word;
688 }
689
690 .questions-related p {
691     font-size: 100%;
692     line-height: 20px;
693     margin-bottom: 10px;
694 }
695
696 .question-body {
697     font-size: 13px;
698     line-height: 20px;
699     min-height: 100px;
700 }
701
702 .question-body img {
703     max-width: 640px;
704 }
705
706 .vote-buttons {
707     float: left;
708     text-align: center;
709 }
710
711 span.form-error {
712     color: #990000;
713     font-weight: normal;
714     margin-left: 5px;
715 }
716
717 ul.errorlist li {
718     color: #990000;
719     font-weight: normal;
720     margin-left: 0px;
721     margin-top: 5px;
722 }
723
724 .answer {
725     border-bottom: 1px solid #CCCCCE;
726     padding-top: 10px;
727     width: 100%;
728 }
729
730 .answer-body {
731     font-size: 13px;
732     line-height: 20px;
733     min-height: 80px;
734 }
735
736 .answer-body img {
737     max-width: 640px;
738 }
739
740 .answered-by-owner {
741     background: none repeat scroll 0 0 #E9E9FF;
742 }
743
744 .accepted-answer {
745     background-color: #EBFFE6;
746     border-bottom-color: #9BD59B;
747 }
748
749 .answered {
750     background: none repeat scroll 0 0 #E5EBF8;
751     color: #314362;
752 }
753
754 .answered-accepted, .answer-votes.answered-accepted {
755     background: none repeat scroll 0 0 #E6F8DD;
756     color: #3A6231;
757 }
758
759 .unanswered {
760     background: none repeat scroll 0 0 #F3E3E1;
761     color: #6B2B28;
762 }
763
764 .tagsList {
765     list-style-type: none;
766     margin: 0;
767     min-height: 360px;
768     padding: 0;
769 }
770
771 .tagsList li {
772     float: left;
773     width: 235px;
774 }
775
776 .badge-list {
777     list-style-type: none;
778     margin: 0;
779 }
780
781 .badge-list a {
782     color: #3060A8;
783 }
784
785 .badge-list a.medal {
786     color: #333333;
787 }
788
789 .list-item {
790     margin-left: 15px;
791 }
792
793 .list-item li {
794     font-size: 13px;
795     line-height: 20px;
796     list-style-type: disc;
797     margin-bottom: 10px;
798 }
799
800 .form-row {
801     line-height: 25px;
802 }
803
804 table.form-as-table {
805     margin-top: 5px;
806 }
807
808 table.form-as-table ul {
809     display: inline;
810     list-style-type: none;
811 }
812
813 table.form-as-table li {
814     display: inline;
815 }
816
817 table.form-as-table pre {
818     display: inline;
819 }
820
821 table.check-table td {
822     padding-right: 50px;
823 }
824
825 .submit-row {
826     clear: both;
827     display: block;
828     line-height: 30px;
829     padding-top: 10px;
830 }
831
832 .error {
833     color: darkred;
834     font-size: 10px;
835     margin: 0;
836 }
837
838 .small {
839     font-size: 11px;
840 }
841
842 span.form-error {
843     color: #990000;
844     font-size: 90%;
845     font-weight: normal;
846     margin-left: 5px;
847 }
848
849 .title-desc {
850     color: #666666;
851     font-size: 90%;
852 }
853
854 #editor {
855     font-size: 100%;
856     line-height: 18px;
857     min-height: 200px;
858     width: 100%;
859 }
860
861 .wmd-preview {
862     background-color: #F5F5F5;
863     margin-top: 10px;
864     min-height: 20px;
865     padding: 6px;
866     width: 98%;
867 }
868
869 .preview-toggle {
870     color: #AAAAAA;
871     font-weight: 600;
872     text-align: left;
873     width: 100%;
874 }
875
876 .preview-toggle span:hover {
877     cursor: pointer;
878 }
879
880 #revisions {
881     width: 950px;
882 }
883
884 .revision {
885     font-size: 13px;
886     margin: 10px 0;
887     width: 100%;
888 }
889
890 .revision .header {
891     background-color: #EEEEEE;
892     cursor: pointer;
893     padding: 5px;
894 }
895
896 .revision .author {
897     background-color: #E9E9FF;
898 }
899
900 .revision .summary {
901     padding: 5px 0 10px;
902 }
903
904 .revision .summary span {
905     /**background-color: yellow;/**/
906     display: inline;
907     padding-left: 3px;
908     padding-right: 3px;
909 }
910
911 .revision h1 {
912     font-size: 130%;
913     font-weight: 600;
914     padding: 15px 0;
915 }
916
917 .revision-mark {
918     display: inline-block;
919     font-size: 90%;
920     overflow: hidden;
921     text-align: left;
922     width: 200px;
923 }
924
925 .revision-number {
926     font-family: sans-serif;
927     font-size: 300%;
928     font-weight: bold;
929 }
930
931 .revision .body {
932     margin-bottom: 50px;
933     padding-left: 10px;
934 }
935
936 del {
937     color: #FF5F5F;
938 }
939
940 ins {
941     background-color: #97FF97;
942 }
943
944 .count {
945     color: #777777;
946     font-family: Arial;
947     font-size: 200%;
948     font-weight: 700;
949 }
950
951 .scoreNumber {
952     color: #777777;
953     font-family: Arial;
954     font-size: 35px;
955     font-weight: 800;
956     line-height: 40px;
957 }
958
959 .user-details {
960     font-size: 13px;
961 }
962
963 .user-about {
964     background-color: #EEEEEE;
965     height: 200px;
966     line-height: 20px;
967     overflow: auto;
968     padding: 10px;
969     width: 90%;
970 }
971
972 .user-edit-link {
973     background: url("../images/edit.png") no-repeat scroll 0 0 transparent;
974     padding-left: 20px;
975 }
976
977 .user-info-table {
978     margin-bottom: 10px;
979 }
980
981 .relativetime {
982     text-decoration: none;
983 }
984
985 .answer-summary {
986     clear: both;
987     display: block;
988     padding: 3px;
989 }
990
991 .answer-votes {
992     background-color: #EEEEEE;
993     color: #555555;
994     float: left;
995     font-family: Arial;
996     font-size: 110%;
997     font-weight: bold;
998     height: 15px;
999     margin-right: 10px;
1000     padding: 4px 4px 5px;
1001     text-align: center;
1002     text-decoration: none;
1003     width: 20px;
1004 }
1005
1006 .vote-count {
1007     color: #777777;
1008     font-family: Arial;
1009     font-size: 160%;
1010     font-weight: 700;
1011 }
1012
1013 .user-action-1 {
1014     color: #333333;
1015     font-weight: bold;
1016 }
1017
1018 .user-action-2 {
1019     color: #CCCCCC;
1020     font-weight: bold;
1021 }
1022
1023 .user-action-3 {
1024     color: #333333;
1025 }
1026
1027 .user-action-4 {
1028     color: #333333;
1029 }
1030
1031 .user-action-7 {
1032     color: #333333;
1033 }
1034
1035 .user-action-8 {
1036     background-color: #CCCCCC;
1037     color: #763333;
1038     font-weight: bold;
1039     padding: 3px;
1040 }
1041
1042 .question-title-link a {
1043     color: #0077CC;
1044     font-weight: bold;
1045 }
1046
1047 .answer-title-link a {
1048     color: #333333;
1049 }
1050
1051 .post-type-1 a {
1052     font-weight: bold;
1053 }
1054
1055 .post-type-3 a {
1056     font-weight: bold;
1057 }
1058
1059 .post-type-2 a {
1060     color: #333333;
1061 }
1062
1063 .post-type-4 a {
1064     color: #333333;
1065 }
1066
1067 .post-type-8 a {
1068     color: #333333;
1069 }
1070
1071 .badge1 {
1072     color: #FFCC00;
1073 }
1074
1075 .silver, .badge2 {
1076     color: #CCCCCC;
1077 }
1078
1079 .bronze, .badge3 {
1080     color: #CC9933;
1081 }
1082
1083 .score {
1084     color: #333333;
1085     font-size: 110%;
1086     font-weight: bold;
1087     margin-left: 3px;
1088 }
1089
1090 .footerLinks {
1091     color: #3060A8;
1092     font-size: 13px;
1093 }
1094
1095 .footerLinks a {
1096     color: #3060A8;
1097     font-size: 13px;
1098 }
1099
1100 .user {
1101     line-height: 140%;
1102     padding: 5px;
1103     width: 170px;
1104 }
1105
1106 .user ul {
1107     list-style-type: none;
1108     margin: 0;
1109 }
1110
1111 .user .thumb {
1112     clear: both;
1113     display: inline;
1114     float: left;
1115     margin-right: 4px;
1116 }
1117
1118 .message {
1119     background-color: #EEEEEE;
1120     border: 1px solid #AAAAAA;
1121     margin: 10px 0;
1122     padding: 5px;
1123 }
1124
1125 .message p {
1126     margin-bottom: 0;
1127 }
1128
1129 .darkred {
1130     color: darkred;
1131 }
1132
1133 .submit {
1134     background-color: #D4D0C8;
1135     border: 1px solid #777777;
1136     cursor: pointer;
1137     font-size: 120%;
1138     font-weight: bold;
1139     height: 40px;
1140     padding-bottom: 4px;
1141 }
1142
1143 .submit:hover {
1144     text-decoration: underline;
1145 }
1146
1147 .ask-body {
1148     padding-right: 10px;
1149 }
1150
1151 .notify {
1152     background-color: #F4A83D;
1153     color: #444444;
1154     font-weight: bold;
1155     left: 0;
1156     padding: 0;
1157     position: fixed;
1158     text-align: center;
1159     top: 0;
1160     width: 100%;
1161     z-index: 100;
1162 }
1163
1164 .notify p {
1165     font-size: 16px;
1166     margin-bottom: 5px;
1167     margin-top: 5px;
1168 }
1169
1170 #close-notify {
1171     background-color: #FAD163;
1172     border: 2px solid #735005;
1173     color: #735005;
1174     cursor: pointer;
1175     font-size: 14px;
1176     line-height: 18px;
1177     padding: 0 3px;
1178     position: absolute;
1179     right: 5px;
1180     text-decoration: none;
1181     top: 5px;
1182 }
1183
1184 #close-notify:hover {
1185     text-decoration: none;
1186 }
1187
1188 .big {
1189     font-size: 15px;
1190 }
1191
1192 .strong {
1193     font-weight: bold;
1194 }
1195
1196 .orange {
1197     color: #D64000;
1198     font-weight: bold;
1199 }
1200
1201 .grey {
1202     color: #808080;
1203 }
1204
1205 .about div {
1206     border-top: 1px dashed #AAAAAA;
1207     padding: 10px 5px;
1208 }
1209
1210 .about div.first {
1211     border-top: medium none;
1212     padding-top: 0;
1213 }
1214
1215 .about p {
1216     margin-bottom: 10px;
1217 }
1218
1219 .about a {
1220     color: #D64000;
1221     text-decoration: underline;
1222 }
1223
1224 .about h3 {
1225     font-size: 15px;
1226     font-weight: 700;
1227     line-height: 30px;
1228     padding-top: 0;
1229 }
1230
1231 .nomargin {
1232     margin: 0;
1233 }
1234
1235 .inline-block {
1236     display: inline-block;
1237 }
1238
1239 .list-table td {
1240     vertical-align: top;
1241 }
1242
1243 table.form-as-table input {
1244     display: inline;
1245     margin-left: 4px;
1246 }
1247
1248 ul.form-horizontal-rows {
1249     list-style: none outside none;
1250     margin: 0;
1251 }
1252
1253 ul.form-horizontal-rows li {
1254     height: 40px;
1255     position: relative;
1256 }
1257
1258 ul.form-horizontal-rows label {
1259     display: inline-block;
1260 }
1261
1262 ul.form-horizontal-rows label {
1263     bottom: 6px;
1264     font-size: 12px;
1265     left: 0;
1266     line-height: 12px;
1267     margin: 0;
1268     position: absolute;
1269 }
1270
1271 ul.form-horizontal-rows li input {
1272     bottom: 0;
1273     left: 180px;
1274     margin: 0;
1275     position: absolute;
1276 }
1277
1278 #changepw-form li input {
1279     left: 150px;
1280 }
1281
1282 .user-profile-tool-links {
1283     font-weight: bold;
1284     padding-bottom: 10px;
1285 }
1286
1287 .post-controls, .tags-container {
1288     font-size: 11px;
1289     line-height: 12px;
1290     margin-bottom: 5px;
1291     min-width: 200px;
1292 }
1293
1294 .tags-container {
1295     margin: 0 0 16px 0;
1296 }
1297
1298 .post-controls {
1299     float: left;
1300 }
1301
1302 #question-controls .tags {
1303     margin: 0 0 3px;
1304 }
1305
1306 .post-update-info {
1307     display: inline-block;
1308     float: right;
1309     margin-bottom: 5px;
1310     width: 190px;
1311 }
1312
1313 .post-update-info p {
1314     font-size: 11px;
1315     line-height: 15px;
1316     margin: 0 0 4px;
1317     padding: 0;
1318 }
1319
1320 .post-update-info img {
1321     float: left;
1322     margin: 4px 8px 0 0;
1323     width: 32px;
1324 }
1325
1326 #tagSelector {
1327     padding-bottom: 2px;
1328 }
1329
1330 #hideIgnoredTagsControl {
1331     margin: 5px 0 0;
1332 }
1333
1334 #hideIgnoredTagsCb {
1335     margin: 0 2px 0 1px;
1336 }
1337
1338 a.sidebar_button {
1339     background: none repeat scroll 0 0 #EEEEEE;
1340     color: black;
1341     cursor: pointer;
1342     font-size: 11px;
1343     padding: 3px;
1344 }
1345
1346 a.sidebar_button:hover {
1347     background-color: #777777;
1348     color: white;
1349     text-decoration: none;
1350 }
1351
1352 a.post-vote, .favorite-mark, a.accept-answer {
1353     display: block;
1354     height: 24px;
1355     position: relative;
1356     width: 24px;
1357 }
1358
1359 a.post-vote.up {
1360     background: url("../images/vote-arrow-up.png") no-repeat scroll center center transparent;
1361 }
1362
1363 a.post-vote.up.on, a.post-vote.up:hover {
1364     background: url("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent;
1365 }
1366
1367 a.post-vote.down {
1368     background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent;
1369 }
1370
1371 a.post-vote.down.on, a.post-vote.down:hover {
1372     background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent;
1373 }
1374
1375 a.accept-answer {
1376     background: url("../images/vote-accepted.png") no-repeat scroll center center transparent;
1377 }
1378
1379 a.accept-answer.on, a.accept-answer:hover {
1380     background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent;
1381 }
1382
1383 .community-wiki {
1384     font-size: 11px;
1385     color: #333;
1386     background: url("../images/wiki.png") no-repeat left center;
1387     padding-left: 36px;
1388     margin: 6px 0 0 0;
1389     min-height: 32px;
1390     line-height: 15px;
1391 }
1392
1393 .post-score, .comments-char-left-count {
1394     color: #777777;
1395     font-family: Arial;
1396     font-size: 165%;
1397     font-weight: bold;
1398     padding: 0 0 3px;
1399 }
1400
1401 .favorite-mark {
1402     background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent;
1403 }
1404
1405 .favorite-mark.on, a.favorite-mark:hover {
1406     background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent;
1407 }
1408
1409 .favorite-count {
1410     color: #777777;
1411     font-family: Arial;
1412     font-size: 100%;
1413     font-weight: bold;
1414     padding: 0;
1415 }
1416
1417 .comments-container {
1418     clear: both;
1419 }
1420
1421 .comments-container {
1422     padding: 0;
1423 }
1424
1425 .answered-by-owner .comments-container {
1426     background-color: #E6ECFF;
1427 }
1428
1429 .accepted-answer .comments-container {
1430     background-color: #CCFFBF;
1431 }
1432
1433 .comment {
1434     border-top: 1px dotted #CCCCCE;
1435     margin: 0;
1436     position: relative;
1437 }
1438
1439 .comment.not_top_scorer {
1440     display: none;
1441 }
1442
1443 .comment-score {
1444     color: #777777;
1445     font-family: Arial;
1446     font-size: 16px;
1447     font-weight: bold;
1448     padding-top: 3px;
1449     vertical-align: top;
1450     float: left;
1451     width: 22px;
1452     height: 100%;
1453     text-align: center;
1454 }
1455
1456 .comment-text {
1457     color: #444444;
1458     font-size: 12px;
1459     margin: 0 0 0 22px;
1460     padding: 0;
1461 }
1462
1463 .comment-text p {
1464     font-size: 12px;
1465 }
1466
1467 .comment-info {
1468     font-size: 11px;
1469     margin: 0 0 4px 0;
1470     text-align: right;
1471     height: 18px;
1472     vertical-align: middle;
1473 }
1474
1475 .comment-info * {
1476     float: right;
1477     height: 18px;
1478     margin-left: 4px;
1479 }
1480
1481 a.comment-like, a.comment-delete, a.comment-edit {
1482     margin-left: 2px;
1483     width: 18px;
1484 }
1485
1486 a.comment-like {
1487     background: url("../images/comment-like.png") no-repeat scroll center center transparent;
1488 }
1489
1490 a.comment-like:hover, a.comment-like.on {
1491     background: url("../images/comment-like-on.png") no-repeat scroll center center transparent;
1492 }
1493
1494 a.comment-delete {
1495     background: url("../images/comment-delete.png") no-repeat scroll center center transparent;
1496 }
1497
1498 a.comment-delete:hover {
1499     background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent;
1500 }
1501
1502 a.comment-edit {
1503     background: url("../images/comment-edit.png") no-repeat scroll center center transparent;
1504 }
1505
1506 a.comment-edit:hover {
1507     background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent;
1508 }
1509
1510 .comment-form-container {
1511     display: none;
1512     padding-top: 12px;
1513 }
1514
1515 .comment-form-widgets-container input {
1516     vertical-align: top;
1517 }
1518
1519 .comment-form-widgets-container textarea {
1520     height: 80px;
1521     width: 80%;
1522     float: left;
1523 }
1524
1525 span.comment-chars-left {
1526     font-size: 11px;
1527     margin-right: 20px;
1528 }
1529
1530 div.comment-tools {
1531     border-top: 1px dotted #CCCCCE;
1532     padding-top: 12px;
1533     text-align: right;
1534 }
1535
1536 div.comment-tools .comments-showing {
1537     color: #777777;
1538     font-size: 11px;
1539 }
1540
1541 div.comment-tools a {
1542     background: none repeat scroll 0 0 #EEEEEE;
1543     color: black;
1544     cursor: pointer;
1545     font-size: 11px;
1546     padding: 3px;
1547 }
1548
1549 div.comment-tools a:hover {
1550     background-color: #777777;
1551     color: white;
1552     text-decoration: none;
1553 }
1554
1555 .action-link {
1556     color: #777777;
1557     cursor: pointer;
1558     padding: 3px;
1559 }
1560
1561 .action-link a {
1562     color: inherit;
1563 }
1564
1565 .action-link a.ajax-command:hover {
1566     background-color: #777777;
1567     color: #FFFFFF;
1568     text-decoration: none;
1569 }
1570
1571 .action-link-separator {
1572     color: #CCCCCC;
1573 }
1574
1575 .deleted {
1576     background-color: #F4E7E7;
1577 }
1578
1579 #command-loader {
1580     position: fixed;
1581     bottom: 0px;
1582     left: 0px;
1583     width: 24px;
1584     height: 24px;
1585     background: url('/m/default/media/images/indicator.gif')
1586 }
1587
1588 #command-loader.success {
1589     background: url('/m/default/media/images/vote-accepted-on.png')
1590 }
1591
1592 .comment-form-buttons {
1593     width: 18%;
1594     height: 100%;
1595     float: right;
1596 }
1597
1598 .comment-form-buttons input, .user-prompt .prompt-buttons button {
1599     height: 16px;
1600     line-height: 12px;
1601     font-size: 110%;
1602     border: 1px solid #999;
1603 }
1604
1605 .comment-form-buttons input {
1606     width: 100%;
1607     height: 22px;
1608     vertical-align: middle;
1609     margin-top: 6px;
1610 }
1611
1612 .comments-char-left-count.warn {
1613     color: orange;
1614 }
1615
1616 #ask-related-questions {
1617     max-height: 150px;
1618     overflow-y: auto;
1619 }
1620
1621 .context-menu {
1622     position: relative;
1623 }
1624
1625 div.dialog, .context-menu-dropdown {
1626     position: absolute;
1627     background-color: #EEEEEE;
1628     -moz-border-radius: 5px;
1629     -webkit-border-radius: 5px;
1630     -moz-box-shadow: 2px 2px 5px #3060A8;
1631     -webkit-box-shadow: 2px 2px 5px #3060A8;
1632 }
1633
1634 .context-menu-dropdown {
1635     display: none;
1636     right: 0px;
1637     top: 1.5em;
1638     text-align: left;
1639     list-style-type: none;
1640     z-index: 500;
1641 }
1642
1643 .context-menu-dropdown li.item {
1644     padding: 4px 8px 4px 8px;
1645     -moz-border-radius: 5px;
1646     -webkit-border-radius: 5px;
1647 }
1648
1649 .context-menu-dropdown li.item a {
1650     color: inherit;
1651     white-space: nowrap;
1652     text-decoration: none;
1653 }
1654
1655 .context-menu-dropdown li.separator {
1656     text-align: center;
1657     padding: 10px 0 4px 0;
1658     font-size: 120%;
1659     font-weight: bold;
1660 }
1661
1662 .context-menu-dropdown li.item:hover {
1663     background-color: #3060A8;
1664     color: white;
1665 }
1666
1667 .context-menu-dropdown span {
1668     margin-right: 4px;
1669     float: left;
1670     width: 16px;
1671     height: 16px;
1672 }
1673
1674 .context-menu-trigger {
1675     cursor: pointer;
1676 }
1677
1678 div.dialog .dialog-content {
1679     padding: 12px 12px 37px 12px;
1680     z-index: 1000;
1681 }
1682
1683 div.dialog .dialog-buttons {
1684     margin: 0px;
1685     height: 25px;
1686     text-align: center;
1687     position: absolute;
1688     bottom: 0px;
1689     left: 0px;
1690     width: 100%;
1691 }
1692
1693 .dialog-yes, .dialog-no {
1694     margin: 0 3px 5px 3px;
1695     -moz-border-radius: 3px;
1696     -webkit-border-radius: 3px;
1697     background-color: #3060A8;
1698     color: white;
1699     height: 20px;
1700     line-height: 20px;
1701     font-weight: bold;
1702     border: 0;
1703 }
1704
1705 div.dialog.confirm, div.dialog.warning {
1706     text-align: center;
1707 }
1708
1709 div.dialog.confirm {
1710     font-size: 140%;
1711     font-weight: bold;
1712 }
1713
1714 div.dialog.prompt {
1715     width: 300px;
1716 }
1717
1718 div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {
1719     width: 100%;
1720     padding: 0;
1721     border: 0;
1722 }
1723
1724 .user-prompt .prompt-buttons {
1725     text-align: right;
1726 }
1727
1728 .suspended-user {
1729     text-decoration: line-through;
1730 }
1731
1732 .feed-icon {
1733     width: 14px;
1734     height: 14px;
1735     float: left;
1736 }