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