f37 -> f39
[infrastructure.git] / themes / democratica / style.css
1 /* $Id: style.css,v 1.2 2006/10/05 23:02:46 kbahey Exp $ */
2 /* Democratica Visual Styles */
3
4 /*<group=Site Specific Information>*/
5
6 #branding {
7   padding: 0;
8   margin: 0;
9   border-bottom: 1px solid #1395D2;
10   background: url(images/bg_branding.png) repeat-x top left;
11 }
12 #branding a:hover {  
13   background-color: transparent; 
14 }
15 #site-name {
16   margin: 4px 0 0 4px;
17   padding-top: 1.0em;
18 }
19 #logo  {
20   padding: 1.0em 0 4px;
21 }
22 #site-slogan { 
23   clear: right;
24   float: right;
25   margin: -1.5em 0 0 0;
26   padding: 0 8px 2px 0;
27 }
28 #site-slogan span {
29   margin:0;
30   padding: 6px 6px 2px 170px;
31 }
32 #mission {
33   vertical-align: middle;
34   padding: 1.0em;
35   padding-right: 120px; /* makes room for bg graphic */
36   margin: 0 0 1.0em 0;
37   min-height: 30px;
38   border: 1px solid #466A8D;
39   border-right-color: #5D8CBA;
40   border-bottom-color: #5D8CBA;
41   background: #69C url(images/bg_mission.png) top right no-repeat;
42   _background-image: url(images/bg_mission_ie.png) !important;
43 }  
44   /*</group>*/
45 /*<group=Navigation>*/
46 /*<group=Drupal Tabs>*/
47 ul.primary {
48   border-collapse: collapse;
49   padding: 0 0 0 1em;
50   white-space: nowrap;
51   list-style: none;
52   margin: 0 5px 1.0em;
53   height: auto; 
54   line-height: normal;
55   border-bottom: 1px solid #bbb;
56 }
57 ul.primary li {
58   display: inline;
59   margin: 0;
60   padding: 0;
61 }
62 ul.primary li a {
63   background-color: #ddd;
64   border-color: #bbb;
65   border-width: 1px;
66   border-style: solid solid none solid;
67   -moz-border-radius-topleft: 0.3em;
68   -moz-border-radius-topright: 0.3em;
69   height: auto;
70   margin: 0;
71   padding: 0;
72   margin-right: 0.5em;
73   padding: 0em 1em;
74   text-decoration: none;
75 }
76 ul.primary li.active a {
77   background-color: #fff;
78   border: 1px solid #bbb;
79   border-bottom: #fff 1px solid;
80 }
81 ul.primary li a:hover {
82   background-color: #eee;
83   border-color: #ccc;
84   border-bottom-color: #eee;
85 }
86 ul.secondary {
87 /*  border-bottom: 1px solid #bbb; */
88   padding: 0.5em 1em 0.5em 1em;
89   margin: 5px;
90 }
91 ul.secondary li {
92   display: inline;
93   padding: 0 1em;
94   border-right: 1px solid #ccc;
95 }
96 ul.secondary a {
97   padding: 0;
98   text-decoration: none;
99 }
100 ul.secondary a.active {
101   border-bottom: 4px solid #999;
102 }
103
104 /*</group>*/
105 /*<group=Primary Navigation>*/
106
107 #navigation #nav-primary, #navigation #nav-secondary {
108   margin: 0;
109   margin-top: 12px;
110   padding: 0;
111 }
112 #navigation #nav-primary ul {
113   list-style-type: none; 
114 }
115 #navigation #nav-primary li {
116   list-style: none; 
117 }
118 #navigation li {
119   padding: 0;
120   margin: 0 0 2px 6px;
121 }
122 #navigation #nav-primary a {
123   border-bottom: 1px solid #bbb;
124 }
125 body.layout-right #navigation #nav-primary a {
126   border-bottom-color: #f0f5fa;
127 }
128 #navigation a {
129   padding: 1px 0;
130   _height: 0; /* fixes double height in IE */
131 }
132 #navigation a, .menu a {
133   display: block;
134 }
135 /*</group>*/
136
137 /*<group=Secondary Navigation>*/
138 #navigation ul#nav-secondary {
139   margin-left: 1.0em;
140   list-style: outside !important;
141   list-style-type: square !important; 
142 }
143 #navigation ul#nav-secondary li {
144   list-style: outside !important;
145   list-style-type: square !important; 
146 }
147 /*</group>*/
148 /*<group=Breadcrumbs>*/
149
150 #main-content #breadcrumbs {
151   padding: 0.5em 0;
152   margin: 0;
153   _height: 0;
154 }
155 #main-content #breadcrumbs ul {
156   list-style: none;
157   margin: 0;
158   padding: 0;
159 }
160 #main-content #breadcrumbs li {
161   display: inline;
162   _padding-left: 1.0em; 
163   _margin-left: 0.5em; 
164 }
165 #main-content #breadcrumbs li.first {
166   background: none; 
167   padding-left: 0; 
168   margin-left: 0; 
169 }
170 /*</group>*/
171   /*</group>*/
172 /*<group=Notices>*/
173
174 #notices a:hover {
175   background-color: transparent;
176 }  
177   /*</group>*/
178 /*<group=Search>*/
179
180 #search {
181   padding-bottom: 1.0em;
182 }
183 #search .form-text, #search .form-submit {
184   margin: 0;
185 }
186 #search .form-text {
187   margin-right: 1.0em;
188 }
189   /*</group>*/
190 /*<group=Messages>*/
191 .message {
192   padding: 0;
193   margin: 0.5em 1.25em;
194 }
195 form #message {
196   background-image: none; 
197 }
198 .description, #help, .messages  {
199   padding: 0.75em;
200   margin: 1.0em 0;
201   line-height: 1.4em;
202   border-width: 2px 0;
203   border-style: solid;
204   _height: 0;
205 }
206 .messages ul {
207   padding: 0;
208   margin: 0;
209 }
210 /*<group=Status>*/
211 .status {
212   background: url(images/bg_message.png) repeat;
213   border: 2px solid #80FF00;
214 }  
215 #main-content .status ul li {
216   background: url(images/icon_status_sm.png) 0 4px no-repeat; 
217   padding-left: 15px; 
218   list-style: none; 
219   line-height: 1.5em;
220   padding-bottom: 0.25em;
221 }
222 /*</group>*/
223 /*<group=Description>*/
224 .description {
225   border-width: 1px 0;
226   border-style: dotted;
227   border-color: #999;
228 }
229 .description:before {
230   content: url(images/icon_description.png);
231   vertical-align: middle;
232   padding-right: 4px;
233 }
234 /*</group>*/
235 /*<group=Help>*/
236
237 #help { 
238   cursor: help;
239   background: url(images/bg_help.png) repeat;
240   border-color: #fc0;
241 }
242 #help:before {
243   content: url(images/icon_help.png);
244   vertical-align: middle;
245   padding-right: 4px;
246 }
247 /*</group>*/
248 /*<group=Error>*/
249 .error, .form-item input.error {
250   border-color: #BE0101;
251 }    
252 .error {
253   background: url(images/bg_error.png) repeat;
254 }
255 td .error {
256   background-image: none;
257 }
258 .error:before {
259   content: url(images/icon_error.png);
260   vertical-align: middle;
261 }
262 td .error:before {
263   padding-right: 4px;
264 }
265
266 .form-item input.error {
267   background-image: none;
268 }    
269 /*</group>*/
270 #message .item-list, .item-list h3 {
271   margin-top: 0; 
272 }
273 /*</group>*/  
274
275 /*<group=Main Content>*/
276 h1.page-title {
277   margin-top: 0.25em;
278   border-bottom: 1px solid #BE0101;
279   _height: 0; /* this fixes the disappearing titles with the exploding textarea fix */
280 }
281 #content-title, .node .page-title {
282   padding-bottom: 5px;
283   margin-bottom: 1.0em;
284   border-bottom: 1px dotted #be734d;
285   _height: 0; /* this fixes the disappearing titles with the exploding textarea fix */
286   position: relative;
287 }
288 #body-content {
289 /*
290   _overflow: auto;
291   _width: expression( ( documentElement.clientWidth < 760 ) ? "300px" : "auto" ); */ /* IE min-width hack */
292 }
293 #main-content {
294   padding: 0;
295   margin: 0;
296 }
297 #main-content h2 {
298   padding: 0;
299   padding-bottom: 0.25em;
300   margin: 0.25em 0;
301   border-bottom: 1px solid #3579B2;
302 }
303 #main-content h2 a {
304   border-bottom: none;
305   display: block;
306 }
307 #main-content .node {
308   margin: 0;
309   margin-bottom: 1.0em;
310 }
311 #main-content .node .content, .comment .content, .comment, .comment-folded {
312   padding: 0.5em;
313   margin: 0.5em 0;
314   line-height: 1.5em;
315 /*  overflow: auto;*/
316 }
317 #main-content .node .content {
318   padding: 5px 0;
319   margin: 0;
320 }
321 #main-content .node .info {
322   margin: 1.0em 0;
323   margin-top: 0;
324 }
325
326 /*<group=Profile Styles>*/
327 .profile {
328   _position: relative;
329   _height: 1%;
330   clear: none; /* override drupal.css clear:both which causes whitespace */
331 }
332 .picture {
333   _position: relative;
334   _height: 1%;
335 }
336 .picture img {
337   padding: 2px;
338   border: 1px solid #ebebeb;
339   background-color: #fff;
340 }
341 .profile .picture {
342   margin: 0 0 1em 1em;
343 }
344 /*</group>*/
345
346 /*<group=Book Styles>*/
347 .node-add #main-content .node .book .nav, .node-edit #main-content .node .book .nav {
348   display: none;
349 }  
350 /*</group>*/
351
352 /*<group=Post Links>*/
353
354 #main-content .node .links, #main-content .comment .links {
355   padding: 2px 10px 0;
356   margin: 0 0 0.5em 0;
357   border-top: 1px dotted #3579B2;
358   text-align: right;
359 }
360 #main-content .links {
361   margin-bottom: -0.01em;
362   clear: none;
363   _height: 0;
364 }
365 #main-content .links .read-more {
366   background: transparent;
367 }
368 /*</group>*/
369 /*<group=Box Formatting>*/
370
371 #main-content .box {
372   background-color: #EDF3F9; 
373   border: 1px solid #CFE4F3;
374   padding: 0;
375   margin: 0 0 2.0em 0;
376 }
377 #main-content .box h2 {
378   margin: 0 0 0.5em 0;
379   background-color: #CFE4F3;
380   border-bottom: 1px dotted #3579B2;
381 }
382 #main-content .box .content, #main-content .box h2 {
383   padding: 0.5em;
384 }
385 /*</group>*/
386
387 /*<group=Comment Formatting>*/
388 .comment {
389   border: 2px solid #fff;
390 }
391 .comment:hover {
392   background-color: #ffe;
393   border: 2px solid #fec;
394 }
395 /*</group>*/  
396
397
398 /*<group=Comments & Book Previews>*/ 
399 #main-content .comment .content {
400   padding: 0;
401 }
402 /** Borrowed from 37 Signals **/ 
403 .comment-reply #main-content .comment-new .content, .node-add #main-content .node .content, .node-edit #main-content .node .content {
404   padding: 0 10px 5px;
405   _height: 0;
406 }
407 .comment-folded .new, .comment .new {
408   float: right;
409   margin: 5px 5px 0 0;
410 }
411 .comment-reply .comment-new, .node-add #main-content .node, .node-edit #main-content .node {
412   padding: 0;
413   padding-bottom: 5px;
414   border: 2px solid #ef9c00;
415   margin: 0 0 1.0em 0;
416   background-color: #ffc;
417 }
418 .comment-reply .comment-new .title, .node-add #main-content .node h2, .node-edit #main-content .node h2 {
419   background-color: #ff6;
420   border-bottom: 1px solid #000;
421 }
422 .comment-reply .comment-new .author, .node-add #main-content .node .info, .node-edit #main-content .node .info  {
423   background-color: #ffc;
424   padding: 0 10px;
425 }
426 .comment .author, span.credit, .node-add #main-content .node .info, .node-edit #main-content .node .info {
427   padding-bottom: 0.5em;
428 }
429 .comment-reply #main-content .comment-new .links, .node-add #main-content .node .links, .node-edit #main-content .node .links {
430   display: none;
431 }
432 .comment-reply .comment-new .title, .comment-folded .subject, .node-add #main-content .node h2, .node-edit #main-content .node h2 {
433   margin: 0;
434   padding: 5px 10px;
435   border: none;
436 }
437 /*</group>*/
438
439 /*</group>*/ 
440 /*<group=Sidebar>*/
441 /*<group=General Styles>*/
442
443 .sidebar {
444   padding: 0;
445   margin: 0;  
446 }
447 .sidebar table, .sidebar th, .sidebar td {
448   border: 0;
449 }
450 .sidebar .block h2 {
451   padding: 5px;
452   margin: 0;
453   margin-top: 1.0em;
454   color: #3579B2;
455 }
456 .sidebar .block {
457   margin-left: 0;
458   padding: 0;
459 }
460 .sidebar .block ul {
461   margin: 0;
462   padding: 0 0 0.25em 0.5em;
463 }
464 .sidebar .block .content {
465   padding: 0;
466   margin: 0 6px;
467   /** delta: remove clear:both; **/
468 }
469 .xml-icon {
470   text-align: right;
471   margin-top: 0.5em;
472 }
473 .sidebar .block .content .xml-icon {
474   text-align: center;
475 }
476 .sidebar .block input.form-text, .sidebar .block-search input.form-password {
477   width: 125px;
478 }
479 .sidebar .block-search input.form-text {
480   width: 100px;
481   padding: 1px;
482   margin-right: 5px;
483 }
484 .sidebar .block-search button.form-submit { 
485   width: 60px;
486 }
487 /*</group>*/
488 /*<group=Right Sidebar>*/
489
490 #sidebar-right {
491   padding-top: 6px; 
492   _height: 0;
493 }
494 #sidebar-right .block {
495   width: 247px;
496   background: repeat-y left top url(images/sidebar_box_bg.png);
497   padding: 0;
498   margin: 0;
499   margin-left: 16px;
500 }
501 #sidebar-right .block h2 {
502   background: no-repeat top left url(images/sidebar_box_top.png);  
503   padding: 0.8em 1.0em 0.5em 1.0em;
504   margin: 0;
505 }
506 #sidebar-right .block .content {
507   background: no-repeat bottom url(images/sidebar_box_bottom.png);  
508   margin: 0;
509   padding: 0 1.0em 12px 1.0em;
510 }
511 #sidebar-right .block .more-link {
512   text-align: right;
513 }
514 #sidebar-right .block .more-link a {
515   background: url(images/bullet_triangle.png) 1px 4px no-repeat; 
516   padding-left: 9px; 
517 }
518 /*</group>*/
519 /*<group=Sidebar Left>*/
520 #sidebar-left .block h2 {
521   color:  #004D81;
522   padding: 0;
523   margin: 1.5em 0 0 0.5em;
524 }
525    
526 /*</group>*/
527 /*<group=Block User>*/
528
529 /*  Block User */  
530 .block-user .menu li.expanded, .block-user .menu li.leaf, .block-user .menu li.collapsed {
531   list-style-type: none;
532   list-style-image: none;
533 }
534 .block-user .menu {
535   margin-bottom: 1.0em;
536   background-color: #f1f1f1;
537 }
538 .block-user .menu, .block-user .menu ul {
539   margin: 0;
540   padding: 0;
541   list-style: none;
542 }
543 .block-user .menu ul {
544   padding: 0.3em 0;
545   border-left: 1px solid #D0D9D9;
546   border-bottom: 1px solid #D0D9D9;
547   margin-top: 0.2em;
548   _margin-left: -0.5em;
549   _width: 140px;
550   _overflow: hidden;
551 }
552 .block-user .menu ul ul {
553   margin-top: 0.3em;
554 }
555 .block-user .menu li {
556   display: block;
557   padding: 0.1em 0 0.1em 10px;
558   margin: 0;
559 }  
560 .block-user .menu li.expanded {
561   background: url(images/icons_expanded.png) 0px 3px no-repeat;
562 }
563 .block-user .menu li.leaf {
564   background: url(images/icons_leaf.png) 0px 3px no-repeat;
565 }
566 .block-user .menu li.collapsed {
567   background: url(images/icons_collapsed.png) 0px 3px no-repeat;
568 }
569 .block-user .menu li.expanded:hover {
570   background-position: -400px 3px ;
571 }
572 .block-user .menu li.leaf:hover {
573   background-position: -400px 3px;
574 }
575 .block-user .menu li.collapsed:hover {
576   background-position: -400px 3px;
577 }
578 .block-user .menu li a {
579   display: block;
580   padding: 0;
581   padding-left: 10px;
582   margin: 0;
583   text-decoration: none;  
584 }
585 .block-user .menu li a.active {
586   font-weight: bold;
587 }
588 .block-user .menu li a:hover {
589   text-decoration: underline;
590 }
591 /*</group>*/
592   
593   /*</group>*/
594 /*<group=Tables>*/
595
596 #main-content table {
597   width: 93%;
598   padding: 0;
599   margin: 0;
600   margin-bottom: 1.0em;  
601 }
602 .admin #main-content table tr td {
603   padding: 2px 4px;
604 }
605 #main-content tr td, #tracker td {
606   border: solid #BDCEE1;
607   border-width: 0 1px 1px 0;
608   padding: 4px 8px;
609   margin: 0;  
610   vertical-align: top;
611 }
612 #main-content th {
613   padding: 4px;
614   border: 0;
615   border-bottom: 1px solid #BDCEE1;
616   text-align: center;
617   vertical-align: middle;
618   background-color: #fff;
619 }
620 /*<group=Logs>*/
621 .admin-logs tr.odd td.active {
622   background-color: #E0E0E0;
623 }
624 .admin-logs tr.even td.active {
625   background-color: #D9D9D9;
626 }
627 /*</group>*/
628 /*<group=Tracker>*/
629 #tracker td.replies {
630   text-align: center;
631 }
632
633 #tracker table {
634   width: 99%;
635   border-collapse: collapse;
636 }
637 #tracker tr.even td, tr.even td {
638   background-color: #e7e7e7; 
639 }
640 #tracker tr.odd td, tr.odd td {
641   background-color: #efefef; 
642 }
643 #tracker td ul {
644         margin-top: 0;
645         margin-bottom: 0;
646 }
647 /*</group>*/
648   /*</group>*/
649
650 /*<group=Forms>*/
651 /*<group=Fieldsets>*/
652 fieldset {
653   border-style: solid;
654   border-color: #999;
655   border-width: 0 1px 1px 0;
656   background-color: #f7f7f7;
657   margin-bottom: 1em;
658   padding: 1.0em 0.5em;
659   _padding-top: 0;
660 }
661 fieldset:focus {
662   background-color: #efefef;
663 }
664 legend {
665   padding-left: 2px;
666   padding-right: 2px;
667   border: none;
668 }
669 form {
670   margin: 0;
671   padding: 0;
672 }
673 #body-content form {
674   _width: 99%;
675 }
676 #node-form, .comment-reply form {
677   _width: 93%; /* causes page-titles in IE to disappear but fixes exploding textareas */
678 }
679 /*</group>*/
680 /*<group=Inputs & Buttons>*/
681 input.page-title {
682   margin: 0; 
683 }
684 input.required, textarea.required {
685   background-color: #F1DFDE;  
686   _background-color: #fff;
687 }
688 input.required:focus, textarea.required:focus {
689   background-color: #fff;  
690 }
691 select {
692   background-color: #fff;
693   color: inherit;
694   margin: 0 5px;
695 }
696 #main-content input:focus, #main-content textarea:focus {
697   border-color: #7EADD9;
698 }
699 #main-content form .form-text,
700 #main-content form textarea,
701 #main-content .node-form textarea,
702 #main-content textarea#edit-trackback_urls {
703   width: 93%;
704 }
705 #main-content form input[name="recipient"] {
706   width: 93%;
707 }
708
709 .form-radio, .form-checkbox {
710   background-color: transparent;
711   border: 0;  
712 }
713 button.form-submit {
714   border: solid 1px #ddd;
715   margin: 0;
716   padding: 0;
717 }
718    
719 /*</group>*/
720
721 /*<group=Labels>*/
722 label input {
723   vertical-align: middle;
724 }
725 label:hover, .form-item label {
726   cursor: pointer;
727 }
728 #main-content label:hover {
729   background-color: #ffc;
730   border-color: #fc0;
731   border-style: solid;
732   border-width: 1px 0;
733   padding: 2px 0;
734 }
735 #main-content table .form-item label:hover {
736   background-color: transparent;
737   border-style: none;
738 }
739   /*</group>*/
740 form {
741   padding: 0;
742   margin: 0;
743 }
744 .form-item {
745   margin-bottom: 1.0em;
746 }
747 h3.form-title {
748   text-align: left;
749 }
750 /*<group=User Login Block>*/
751 .user-login-block .form-item label {
752   margin: 0;
753   padding: 0;
754 }
755 #sidebar-left .user-login-block #edit-name, #sidebar-left .user-login-block #edit-pass {
756   width: 130px;
757   margin: 0; 
758 }
759 #sidebar-right .user-login-block #edit-name, #sidebar-right .user-login-block #edit-pass {
760   width: 220px;
761   margin: 0; 
762
763 .user-login-block .form-item {
764   margin: 0;
765   margin-bottom: 0.8em;
766   padding: 0;
767   text-align: left; 
768 }
769 /*</group>*/
770
771   /*</group>*/
772
773 /*<group=Lists>*/
774 li.leaf {
775   list-style-type: none;
776 }
777 #body-content ul {
778   padding: 0; 
779   margin: 0; 
780 }
781 #main-content #breadcrumbs ul li, #body-content ul li, .block-blog ul li {
782   background: url(images/bullet_triangle.png) 1px 4px no-repeat; 
783   padding-left: 9px; 
784   list-style: none; 
785   line-height: 1.4em;
786   padding-bottom: 0.25em;
787 }
788 /*<group=Input Formats>*/
789 #main-content ul.tips li {
790   background-position: -1000em;
791   padding: 0;
792   margin-left: 2.25em;
793 }  
794 /*</group>*/
795 /*<group=Filter Tips>*/
796
797 ul.filter-tips-short {
798   line-height: 1.0em;
799   margin: 0;
800   padding: 0;
801 }
802 .filter-tips-short li, .more-tips {  
803   margin: 0;
804   padding: 0;
805 }
806 /*</group>*/
807 /*<group=Item Lists>*/
808
809 .item-list {
810   margin: 0 0 0.5em 0;
811 }
812 .item-list .icon {
813   padding-left: 0.25em;
814 }
815 .item-list .icon img, .item-list .title {
816   border: 0;
817 }
818 .item-list ul {
819   list-style: none;
820   margin: 0.3em 0 0.5em 0;
821   padding: 0
822 }
823 .item-list ul > ul {
824   margin: 0;
825   padding: 0
826 }
827 .item-list ul.sub-list {
828   list-style: none;
829   margin: 0 0 0.75em 25px;
830   padding: 0
831 }
832 .item-list ul li {
833   margin: 0 0 0.25em 1.0em;
834   padding: 0 0 0 15px;
835   line-height: 1.3em;
836   list-style: none;
837 }
838 .sidebar .item-list ul li {
839   margin: 0 0 0.25em 2px;
840   list-style: none;
841 }
842 /*</group>*/
843   
844   /*</group>*/
845 /*<group=Salvaged Drupal.css Styles>*/
846 /*<group=Permissions>*/
847
848 #permissions td.module {
849   font-weight: bold;
850 }
851 #permissions td.permission {
852   padding-left: 2em;
853 }
854 /*</group>*/
855 /*<group=Watchdog>*/
856 tr.watchdog-user {
857   background-color: #EFEAC9;
858   border: 0;
859 }
860 tr.watchdog-user .active {
861   background-color: #eed;
862 }
863 tr.watchdog-special {
864   background-color: #C9DCEF;
865   border: 0;
866 }
867 tr.watchdog-special .active {
868   background-color: #cce;
869 }
870 tr.watchdog-warning {
871   background-color: #fda;
872 }
873 tr.watchdog-warning .active {
874   background-color: #ec9;
875 }
876 tr.watchdog-httpd {
877   background-color: #ffe0e0;
878   border-width: 1px 0;
879   border-color: #f99;
880 }
881 tr.watchdog-httpd .active {
882   background-color: #cec;
883 }
884 tr.watchdog-error {
885   background-color: #ffe0e0;
886   border-width: 1px 0;
887   border-color: #be0101;
888 }
889 tr.watchdog-error .active {
890   background-color: #eeb9b9;
891 }
892 /*</group>*/
893
894 th.active img {
895   display: inline;
896 }
897 tr.even, tr.odd {
898   background-color: #eee;
899   border-bottom: 1px solid #ccc;
900 }
901 tr.even, tr.odd {
902   padding: 0.1em 0.6em;
903 }
904 td.active {
905   background-color: #ddd;
906 }
907 img.screenshot {
908   border: 1px solid #808080;
909   display: block;
910   margin: 2px;
911 }
912 .more-help-link {
913   text-align: right;
914 }
915 .path {
916   padding-bottom: 0.7em;
917 }
918 .container-inline div {
919   display: inline;
920 }
921 .container-inline .form-submit {
922   margin: 0;
923 }
924   
925 /*</group>*/