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