projects / civicrm-core.git / blame
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (incremental) | history | HEAD
CRM-12096 UI tweaks for J3.0; set base level font sizes and form element box model
[civicrm-core.git] / css / civicrm.css
CommitLineData
6a488035
TO		 1/**
2 * @file: CiviCRM Stylesheet
3 *
4 * NOTE: The main civicrm container has both class and id of crm-container
5 * Other civi blocks outside the main container also have the class crm-container (but not the id)
6 * All styles should start with .crm-container unless they are specific to the main div only
7 */
8
9.crm-container label {
10 font-weight: normal;
11 display: inline;
12}
13
14.crm-container .crm-quickSearchField {
15 font-weight: normal;
16}
17
18#crm-container .hiddenElement,
19.crm-container .hiddenElement {
20 display: none;
21}
22
23#crm-container .clear,
24.crm-container .clear {
25 clear: both;
26}
27
28.crm-container a,
29.crm-container a:link {
30 color: #2786c2;
31 text-decoration: none;
32}
33
34#crm-container .crm-content-block {
35 padding: 0px;
36}
37
38/* TABLE STYLING */
39
40.crm-container table {
41 margin: 0em 0em 1em;
42 border-collapse: collapse;
43 width: 100%;
44}
45
46.crm-container table.criteria-group {
47 margin-bottom: .1em;
48}
49
50.crm-container table.crm-address-element {
51 border: none;
52 margin-bottom: .25em;
53}
54
55.crm-container th,
56.crm-container table.display thead th,
57.crm-container table thead.sticky th,
58.crm-container table.caseSelector tr.columnheader th {
59 background-color: #FFFFFF;
60 border-color: #FFFFFF #FFFFFF #CFCEC3;
61 border-style: solid;
62 border-width: 1px 1px 2px;
63 color: #A7A7A7;
64 font-size: 12px;
65 font-weight: bold;
66 padding: 4px;
67 text-align: left;
68 vertical-align: top;
69}
70/* Styles for Sticky Header */
71.crm-container table thead.sticky {
72 background-color: #FFF;
73}
74
75.crm-container thead div.sticky-header {
76 height: 15px;
77 border-bottom: 2px solid #CFCEC3;
78 background-color: #FFF;
79 z-index: 10;
80}
81
82/* Styles for Sorting Header */
83.crm-container table.display thead th.sorting_asc,
84.crm-container table.display thead th.sorting_desc,
85.crm-container table .sticky th a.sort-ascending,
86.crm-container table .sticky th a.sort-descending,
87.crm-container table.caseSelector tr.columnheader th a.sort-ascending,
88.crm-container table.caseSelector tr.columnheader th a.sort-descending {
89 color: #3e3e3e;
90 background-color: #FFF;
91}
92
93/* Set background back to normal gray for form labels which use <th>. Temporary fix until we standardize form layout markup. */
94.crm-container table.form-layout-compressed tbody th.label {
95 background-color: #F7F7F7;
96}
97
98.crm-container tbody {
99 border-top: none;
100}
101
102.crm-container tr {
103 font-size: .95em;
104 background: none;
105}
106
107.crm-container td {
108 padding: 4px;
109 vertical-align: top;
110}
111
112.crm-container tr.even-row td,
113.crm-container tr.odd-row td,
114.crm-container table.display td,
115.crm-container table.pagerDisplay td {
116 border-collapse: collapse;
117}
118
119.crm-container .crm-row-selected {
120 margin: 0px;
121 padding: 3px 0px 3px 0px;
122 clear: none;
123 background-color: #FFFFCC !important;
124}
125
126.crm-container .crm-row-child {
127 margin: 0px;
128 padding: 3px 0px 3px 0px;
129 clear: none;
130 background-color: #F1F8EB !important;
131}
132
133.crm-container .row-highlighted {
134 margin: 0px;
135 padding: 3px 0px 3px 0px;
136 clear: none;
137 background-color: #FFFFCC;
138}
139
140/*
141** Size input fields in crm-container by class. Classes are assigned by the
142** module in relation to the data object max size.
143*/
144.crm-container .two {
145 width: 2em;
146}
147.crm-container .four {
148 width: 4em;
149}
150.crm-container .six {
151 width: 6em;
152}
153.crm-container .eight {
154 width: 8em;
155}
156.crm-container .twelve {
157 width: 12em;
158}
159.crm-container .twenty {
160 width: 20em;
161}
162.crm-container .medium {
163 width: 12em;
164}
165.crm-container .big {
166 width: 15em;
167}
168.crm-container .huge {
169 width: 25em;
170}
171.crm-container .huge40 {
172 width: 40em;
173}
174.crm-container textarea.big {
175 width: 35em;
176 height: 4em;
177}
178.crm-container textarea.huge {
179 width: 45em;
180 height: 16em;
181}
182.crm-container textarea.huge12 {
183 width: 40em;
184 height: 12em;
185}
186.crm-container textarea.huge40 {
187 width: 40em;
188 height: 16em;
189}
190.crm-container textarea.nowrap {
191 width: 45em;
192 height: 4.5em;
193 white-space: nowrap;
194 overflow: auto;
195}
196.crm-container .bigSelect {
197 width: 15em;
198 height: 12em;
199}
200
201
202/* Override line-height from style.css */
203#crm-container,
204.crm-container {
205 line-height: 135%;
206}
207
208/* Base crm-container styles */
209.crm-container hr {
210 background-color: #B0B0B0;
211}
212
213.crm-container select {
214 vertical-align: middle;
215 border: 1px solid #999;
216}
217
218.crm-container .crm-form-block {
219 padding: 4px;
220 margin-bottom: 4px;
221 font-size: 12px;
222 background-color: #E6E6DC;
223 color: #3E3E3E;
224}
225
226/* crm advanced select styling */
227.crm-container .crmasmContainer,
228.crm-container .crmasmSelect,
229.crm-container .crmasmSelectCampaigns,
230.crm-container .crmtagContainer,
231.crm-container .crmtagSelect {
232 width: 160px;
233}
234
235.crm-container .crmasmSelect,
236.crm-container .crmtagSelect,
237.crm-container .crmasmSelectCampaigns {
238 padding: 2px;
239}
240
241.crm-container .crmasmSelect .child-1 {
242 padding-left: 1em;
243}
244.crm-container .crmasmSelect .child-2 {
245 padding-left: 2em;
246}
247
248.crm-container .crmasmHighlight,
249.crm-container .crmtagHighlight {
250 display: block;
251 padding: 2px 4px;
252 background-color: #EEF4B8;
253}
254
255.crm-container .crmasmList,
256.crm-container .crmtagList {
257 margin: 0px;
258 padding: 0px;
259}
260
261.crm-container .crmasmList li,
262.crm-container .crmtagList li {
263 background-color: #3E3E3E;
264 background-image: none;
265 padding: 2px 4px;
266 list-style-type: none;
267 margin: 1px 0px;
268 color: #F5F6F1;
269}
270
271.crm-container .crmasmListItem,
272.crm-container .crmtagListItem {
273 position: relative;
274}
275
276.crm-container .crmasmListItemRemove,
277.crm-container .crmtagListItemRemove {
278 padding: 5px;
279 position: absolute;
280 right: 5px;
281 top: 2px;
282 font-size: 11px;
283 margin: 0px;
284 padding: 0px;
285}
286
287.crm-container textarea {
288 border: 1px solid #999;
289}
290
291/*
292** class for hiding the text box;
293 it is used in the OtherActivity template
294** for showing the descrition of activity type element.
295*/
296.crm-container .texttolabel,
297.crm-container .no-border {
298 border-style: none;
299}
300
301/*
302** Class for giving solid line at the bottom of the <div>(block level element)
303** Currently it is used on the dashboard pages - CiviContribute, CiviMember...
304*/
305.crm-container div.solid-border-bottom {
306 border-bottom: 2px solid #777;
307}
308
309.crm-container div.solid-border-top,
310.crm-container .attachment-fieldset {
311 margin-top: 15px;
312 border-top: 1px solid #696969;
313}
314
315/* Size the verticle heights in crm-containers by class. */
316.crm-container .ht-one {
317 height: 1em;
318}
319
320.crm-container .add-remove-link,
321.crm-container .map-link,
322.crm-container .font-small {
323 font-size: .9em;
324}
325
326/* Ensures max-width is reset to css default for the images in the maps */
327#Map img {
328 max-width: none;
329}
330
331.crm-container .required {
332 color: inherit;
333}
334
335/* CRM form layout classes (from www.realworldstyle.com) */
336.crm-container .spacer {
337 clear: left;
338 height: 5px;
339}
340
341.crm-container td.compressed select,
342.crm-container td.compressed input {
343 font-size: 0.90em;
344 font-weight: bold;
345}
346
347.crm-container td.Int input {
348 width: 6em;
349}
350
351.crm-container input[type="text"],
352.crm-container input[type="password"] {
353 border: 1px solid #999;
354 vertical-align: middle;
355 padding-left: 1px;
356}
357
358.crm-container .form-submit {
359 margin: .25em 0.5em 0.25em 0;
360}
361
362.crm-container .form-submit-inline {
363 margin: 0em 0.5em 0.25em 0em;
364}
365
366.crm-container div.crm-inline-button {
367 padding-left: 6px;
368 padding-top: 6px;
369 margin-bottom: 28px;
370}
371
372.crm-container span.crm-lock-button {
373 float: right;
374}
375
376.crm-container fieldset {
377 background: none;
378 padding: 4px 0px;
379 margin: 10px 0px;
380 border: none;
381 border-top: 1px solid #CFCEC3;
382}
383
384.crm-container fieldset.no-border {
385 border-top: none;
386}
387
388.crm-container fieldset legend {
389 display: block;
390 font-family: helvetica;
391 font-size: 14px;
392 font-weight: bold;
393 padding: 4px;
394 background: none;
395 border: medium none;
396 background-color: transparent;
397 color: #3E3E3E;
398 position: relative;
399 text-indent: 0px;
400 width: auto;
401}
402
403.crm-container fieldset.form-layout {
404 margin: .25em 0em .5em 0em;
405 padding: 1px 10px 1px 10px;
406}
407
408.crm-container fieldset.collapsible {
409 border: 0px;
410}
411
412.crm-container div.form-item {
413 border-top-style: none;
414 margin: 0px;
415 padding: 3px 0px 5px 0px;
416 clear: none;
417 height: 100%;
418}
419
420.crm-container div.form-item dl,
421.crm-container .section-hidden dl,
422.crm-container .crm-form-block dl {
423 margin: 0;
424}
425
426/* contribution page styles */
427.crm-container #Main fieldset table td {
428 background-color: transparent;
429 border: none;
430}
431
432.crm-container .crm-section {
433 margin-bottom: 1em;
434}
435
436.crm-container .crm-section .label {
437 float: left;
438 width: 15%;
439 text-align: right;
440}
441
442.crm-container .label-left .label {
443 text-align: left;
444}
445
446.crm-container .crm-section .content {
447 margin-left: 16%;
448}
449
450.crm-container .no-label .content {
451 margin-left: 0px;
452}
453
454#crm-container #cvv2 {
455 vertical-align: top;
456}
457
458/* Use definition lists for simple 2 col forms - <dt> for labels, <dd> for fields */
459.crm-container div.form-item dt,
460.crm-container .crm-form-block dt {
461 float: left;
462 clear: left;
463 width: 150px;
464 text-align: right;
465 vertical-align: top;
466 padding: 5px 15px 5px 0px;
467 font-size: .95em;
468 white-space: normal;
469}
470
471.crm-container .section-hidden dt {
472 float: left;
473 clear: left;
474 width: 150px;
475 text-align: left;
476 font-weight: bold;
477 white-space: nowrap;
478 padding: 5px 15px 5px 0px;
479}
480
481.crm-container div.form-item dd,
482.crm-container .crm-form-block dd,
483.crm-container .section-hidden dd {
484 padding: 3px;
485 margin-left: 160px;
486}
487
488.crm-container div.form-item dd.html-adjust,
489.crm-container div.form-item dl.html-adjust dd,
490.crm-container div.crm-form-block dl.html-adjust dd,
491.crm-container div.crm-form-block dd.html-adjust {
492 width: 57%;
493}
494
495.crm-container div.form-item dd.description,
496.crm-container div.crm-form-block dd.description {
497 padding: 0px 0px 5px;
498 white-space: normal;
499}
500
501.crm-container div.form-item span.labels,
502.crm-container div.crm-form-block span.labels {
503 float: left;
504 width: 15%;
505 text-align: right;
506}
507
508.crm-container div.form-item span.fields,
509.crm-container div.crm-form-block span.fields {
510 width: 84%;
511 text-align: left;
512 margin-left: 16%;
513 display: block;
514}
515
516.crm-container table.form-layout,
517.crm-container table.control-panel,
518.crm-container table.no-border {
519 margin: 0em;
520 border-collapse: collapse;
521 border: 0px none;
522}
523
524.crm-container table.form-layout-compressed {
525 margin: 0em 0em .5em;
526 width: auto;
527 border-collapse: collapse;
528 border: 1px none;
529}
530
531.crm-container table.crm-profile-tagsandgroups>tbody>tr>td {
532 padding: 0;
533}
534
535.crm-container table.crm-profile-tagsandgroups,
536.crm-container table.crm-profile-tagsandgroups table {
537 margin: 0;
538}
539
540.crm-container table.advmultiselect {
541 margin: 0em;
542 width: auto;
543 border-collapse: collapse;
544 border: 1px solid #696969;
545}
546
547.crm-container table.advmultiselect td {
548 padding: 10px;
549}
550
551.crm-container table.advmultiselect td select {
552 width: 150px;
553}
554
555.crm-container .form-layout td {
556 vertical-align: top;
557 padding: 5px;
558 white-space: normal;
559 border: none;
560}
561
562.crm-container .form-layout td.report,
563.crm-container .form-layout td.description,
564.crm-container .form-layout-compressed td.description {
565 white-space: normal;
566}
567
568.crm-container .form-layout-compressed td,
569.crm-container .form-layout-compressed th {
570 vertical-align: text-top;
571 padding: 2px 5px;
572 border: none;
573}
574
575.crm-container .control-panel td {
576 padding: 3px;
577 width: 25%;
578 white-space: nowrap;
579 border: 0px none;
580 text-align: center;
581}
582
583.crm-container .form-layout td.label,
584.crm-container .form-layout-compressed td.label,
585.crm-container .selector td.label,
586.crm-container .form-layout-compressed th.label {
587 text-align: right;
588 padding: 4px 4px 4px 6px;
589 border: 0px none;
590 vertical-align: top;
591}
592
593.crm-container td.op-checkbox label {
594 font-weight: normal;
595 font-style: italic;
596}
597
598.crm-container .form-layout td.label-left,
599.crm-container .form-layout-compressed td.label-left {
600 text-align: left;
601 padding: 4px 4px 4px 6px;
602 border: 0px none;
603 vertical-align: top;
604}
605
606.crm-container table.selector td {
607 border-right: 1px solid #dddddd;
608}
609
610.crm-container .form-layout td.view-value,
611.crm-container .form-layout-compressed td.view-value {
612 text-align: left;
613 padding: 4px;
614 border: 0px none;
615 vertical-align: top;
616}
617
618#crm-submit-buttons {
619 width: 100%;
620 /* fix ie7/ie8 bug where page goes bananas */
621}
622
623.crm-container .form-layout .buttons,
624.crm-container .form-layout-compressed .buttons {
625 padding-top: 10px;
626}
627
628.crm-container .button-disabled {
629 color: #CFCEC3!important;
630}
631
632.crm-container .form-layout-compressed td.describe-image {
633 vertical-align: top;
634 padding: 0.5em 0em 0em 0em;
635 font-size: .9em;
636}
637
638.crm-container .right {
639 text-align: right;
640}
641
642.crm-container .form-layout-compressed td.option-label {
643 vertical-align: top;
644 text-align: right;
645 padding: 0.75em 0.5em 0em 0.75em;
646 color: #7a7a60;
647}
648
649.crm-container td.price_set_option-label {
650 padding-left: 3em;
651}
652
653/* messages and status */
654.crm-container .messages {
655 margin: 1.0em 0em 1.0em;
656 border: none;
657 font-weight: normal;
658}
659
660.crm-container .messages .msg-title {
661 font-weight: bold;
662}
663
664.crm-container .messages table {
665 width: auto;
666}
667
668.crm-container .messages table td {
669 background-color: #F7F7F7;
670 border-bottom: 1px solid #DDDDDD;
671}
672
673.crm-container .status {
674 background-color: #FFFFCC;
675 background-image: none;
676 border: 1px solid #FFFF66;
677 margin: 0.5em 0px;
678 padding: 0.25em 0.5em;
679 color: #3e3e3e;
680 font-weight: normal;
681}
682
683.crm-container .status dl {
684 margin: 2px 5px;
685}
686
687.crm-container div.status dt {
688 clear: none;
689 float: left;
690 width: 20px;
691}
692
693.crm-container div.status dd {
694 margin-left: 0px;
695}
696
697.crm-container div.status ul {
698 margin: 0 0 1em 16px;
699}
700
701.crm-container .status-pending {
702 color: green;
703}
704
705.crm-container .status-completed {
706 color: #000080;
707}
708
709.crm-container .crm-marker {
710 color: #8A1F11;
711 font-weight: bold;
712 margin-right: 5px;
713}
714
715.crm-container .crm-error,
716.crm-container .crm-inline-error {
717 background: #FBE3E4 none repeat scroll 0 0;
718 border: none;
719 color: #8A1F11;
720}
721.crm-container .crm-error {
722 padding: 4px;
723}
724
725.crm-container div.view-data {
726 padding: .25em .5em .25em .5em;
727 border: 1px solid DimGray;
728 width: auto;
729 background-color: #ffffff;
730}
731
732.crm-container .crm-footer {
733 font-size: 0.8em;
734}
735
736#civicrm-footer {
737 margin-top: 2em;
738 border-top: 1px solid #ddd;
739 padding: 0.8em;
740 text-align: center;
741}
742
743#crm-record-log {
744 padding: 0.8em 0.8em 0em 0em;
745 text-align: right;
746}
747
748.crm-container #access {
749 padding: 0.8em 0.8em 0em 0em;
750 text-align: right;
751}
752
753.crm-container .header-dark {
754 margin: 0.5em 0em 0.5em;
755 padding: 0.5em;
756 background-color: #999999;
757 font-weight: bold;
758 color: #FAFAFA;
759 border-radius: 2px;
760 -moz-border-radius: 2px;
761 -webkit-border-radius: 2px;
762 -khtml-border-radius: 2px;
763}
764
765.crm-container div.display-block {
766 font-weight: normal;
767 margin: 1.0em 2.0em 1.0em 2.0em;
768}
769
770/* Data display layouts */
771.crm-container h3 {
772 /* h3 used as table header for civicrm */
773 background-color: #CDE8FE;
774 font-size: 15px;
775 font-family: Helvetica, Arial, Sans;
776 font-weight: bold;
777 color: #121A2D;
778 padding: 4px 6px;
779 margin: 0 0 0.3em;
780}
781
782.crm-container h3.nobackground,
783.crm-container .crm-form-block h3 {
784 background-color: transparent;
785}
786
787#crm-container .col1 {
788 float: left;
789 vertical-align: top;
790 width: 40%;
791 text-align: left;
792 margin: 0px 25px 0px 25px;
793}
794
795#crm-container .col2 {
796 float: right;
797 vertical-align: top;
798 width: 50%;
799 text-align: left;
800 margin: 0px;
801}
802
803#crm-container ul.indented {
804 padding-left: 3em;
805}
806
807#crm-container tr.subevent td.event-title,
808#crm-container tr.subevent td.event-info {
809 padding-left: 3em;
810}
811
812#crm-container span.child-indent {
813 padding-left: 1em;
814}
815
816/*
817** CSS for links from Drupal Blocks.
818*/
819/* Following styles are used to remove the white bullets from the Garland Theme */
820.crm-container ul li {
821 background-image: none;
822}
823
824/* But allow them for the help at the top of forms
825*/
826.crm-container #help ul li {
827 background-image: url(menu-leaf.png);
828}
829
830.crm-container .crm-form-block .crm-loading-element {
831 background-image: url("../i/loading-E6E6DC.gif");
832}
833
834.crm-container .crm-loading-element {
835 padding-left: 30px;
836 height: 30px;
837 background: transparent url("../i/loading.gif") no-repeat 0px 0px;
838}
839
840.crm-container div div.crm-msg-loading div.icon {
841 background: transparent url("../i/loading-2f2f2e.gif") no-repeat 0px 0px;
842}
843
844/*
845 * Styles for formatting text
846 */
847
848/* Inline form field 'post-help' and radio-button unselect */
849.crm-container .description,
850.crm-container .crm-clear-link {
851 font-size: 0.9em;
852 font-weight: normal;
853 white-space: normal;
854 width: auto;
855 color: #696969;
856 line-height: inherit;
857 padding: 0;
858 margin: 0;
859}
860
861.crm-container .form-layout-compressed td.description,
862.crm-container .form-layout td.description {
863 padding: 0 5px 5px 5px;
864 font-size: 1em;
865}
866
867/* Page and form-level 'help' */
868.crm-container .help,
869.crm-container #help {
870 background-color: #F1F8EB;
871 border: 1px solid #B0D730;
872 color: #3E3E3E;
873 font-size: 12px;
874 margin: 0 0 8px;
875 padding: 4px;
876}
877
878.crm-container .help p {
879 margin: 4px;
880}
881
882/* Set display: inline to over-ride drupal.css which sets label tags to display: block */
883#crm-container .notorg {
884 font-weight: normal;
885}
886
887.crm-container .font-light {
888 font-weight: lighter;
889}
890
891.crm-container .bold {
892 font-weight: bold;
893}
894
895.crm-container .font-italic {
896 font-style: italic;
897}
898
899.crm-container .font-size11pt {
900 font-size: 1.1em;
901}
902
903.crm-container .font-size12pt {
904 font-size: 1.2em;
905}
906
907.crm-container .qill {
908 font-weight: normal;
909 line-height: 1.1em;
910}
911
912/* Styles for record browser and report tables, and pager bar */
913#crm-container #map-field table,
914#crm-container table.report,
915#crm-container table.chart {
916 width: auto;
917}
918
919#crm-container .crm-flashchart {
920 overflow: scroll;
921}
922
923#crm-container td.enclosingNested {
924 padding: 0px;
925}
926
927#crm-container .nowrap {
928 white-space: nowrap;
929}
930
931#crm-container tr.columnheader {
932 background-color: #E6E6E6;
933 color: #000000;
934 border: 1px solid #DDD;
935}
936
937#crm-container tr.columnheader a {
938 color: #000;
939 text-decoration: none;
940 vertical-align: top;
941}
942
943#crm-container tr.columnheader-dark th {
944 background-color: #999999;
945 color: #FAFAFA;
946 border: 1px solid #696969;
947}
948
949#crm-container tr.columnheader-dark td,
950#crm-container tr.columnheader-dark th,
951#crm-container tr.columnheader td,
952#crm-container tr.columnfooter td {
953 font-size: 1.1em;
954 font-weight: bold;
955}
956
957#crm-container tr.columnheader-dark th span.extra {
958 font-size: .95em;
959 font-weight: normal;
960}
961
962#crm-container tr.columnfooter {
963 border-top: 2px solid #999999;
964 font-size: 1.1em;
965}
966
967#crm-container #map-field th {
968 border-right: 1px solid #999999;
969}
970
971#crm-container #map-field td,
972#crm-container .report td,
973#crm-container .chart td {
974 padding: 10px 10px 4px 10px;
975}
976
977#crm-container .report td {
978 border: 1px solid #999999;
979 background-color: #F6F6F6;
980}
981
982/* double line right border for last cell in a horizontal grouping */
983#crm-container table.report td.splitter {
984 border-right: 5px double #999999;
985}
986
987#crm-container .report td.separator {
988 padding-top: 1em;
989 background-color: #FFFFFF;
990 border-left-color: #FFFFFF;
991 border-right-color: #FFFFFF;
992}
993
994#crm-container .chart td {
995 border: 2px solid #999999;
996}
997
998#crm-container td.yes-no {
999 text-align: center;
1000}
1001
1002#crm-container .horizontal-position {
1003 margin-right: 30px;
1004 margin-left: 30px;
1005}
1006
1007#crm-container .horizontal-center {
1008 text-align: center;
1009 margin: 0 auto;
1010 width: 80%;
1011}
1012
1013#crm-container .place-left {
1014 float: left;
1015 margin-left: 30px;
1016 margin-right: 30px;
1017}
1018
1019#crm-container .float-left {
1020 float: left;
1021 padding: 4px 0px;
1022 clear: none;
1023}
1024
1025#crm-container .float-left + .float-left {
1026 margin-left: 1em;
1027}
1028
1029#crm-container .float-right {
1030 float: right;
1031 width: auto;
1032 padding: 4px 0px;
1033 clear: none;
1034}
1035
1036#crm-container .align-right {
1037 display: block;
1038 margin-right: 20px;
1039 text-align: right;
1040}
1041
1042#crm-container .element-right {
1043 float: right;
1044 margin-right: 35px;
1045}
1046
1047/* search page styles */
1048.crm-container .crm-search-tasks,
1049.crm-container .crm-tasks {
1050 margin-bottom: 4px;
1051 padding: 4px;
1052}
1053
1054.crm-container .crm-search-results {
1055 margin-bottom: 4px;
1056 padding: 0px;
1057}
1058
1059.crm-container #search-status {
1060 border: none;
1061 font-size: 12px;
1062 font-weight: normal;
1063}
1064
1065.crm-container .crm-pager {
1066 border: none;
1067 background-color: #F5F6F1;
1068 position: relative;
1069 height: 35px;
1070 padding-top: 5px;
1071 margin-bottom: 4px;
1072}
1073
1074.crm-container #search-status ul {
1075 margin: 0em;
1076}
1077
1078.crm-container #search-status ul li,
1079#crm-container ul.left-alignment li {
1080 display: list-item;
1081 margin-left: 2.0em;
1082 list-style-position: inside;
1083}
1084
1085.crm-container .crm-pager input {
1086 text-align: center;
1087}
1088
1089.crm-container .crm-pager-nav {
1090 display: block;
1091 margin-top: 7px;
1092 padding-left: 5px;
1093}
1094
1095#crm-container .section-hidden {
1096 display: block;
1097 margin: 0px;
1098 padding: 5px;
1099 font-size: 0.95em;
1100}
1101#crm-container form .section-hidden-border {
1102 background-color: #5c5c59;
1103 border: medium none;
1104 color: #FFFFFF;
1105 margin-left: 5px;
1106 font-size: 12px;
1107 font-family: Verdana;
1108 padding: 2px 0 0 0px;
1109}
1110
1111#crm-container .section-shown {
1112 padding: 0px 5px;
1113}
1114#crm-container .data-group-first {
1115 margin: 10px 5px 5px 5px;
1116 padding: 5px;
1117 border-top: 2px solid #999999;
1118 clear: none;
1119}
1120
1121/* Styles for Wizard Progress Bars */
1122#crm-container ul.wizard-bar {
1123 border-collapse: collapse;
1124 padding: 0em 0em 0em 1em;
1125 white-space: nowrap;
1126 list-style: none;
1127 margin: 10px 0px 20px;
1128 height: auto;
1129 width: auto;
1130 line-height: normal;
1131 border-top: 3px solid #bbb;
1132}
1133
1134#crm-container ul.wizard-bar li {
1135 display: inline;
1136 background-color: #FAFAFA;
1137 border: 1px solid #999999;
1138 height: auto;
1139 margin-right: 1em;
1140 padding: .5em 1em .5em;
1141 text-decoration: none;
1142 font-size: .95em;
1143 background-image: none;
1144}
1145
1146#crm-container ul.wizard-bar li.current-step {
1147 background-color: #FAFAFA;
1148 border-color: #999999;
1149 font-weight: bold;
1150}
1151
1152#crm-container ul.wizard-bar li.past-step {
1153 background-color: #F5F5F5;
1154 color: #666;
1155}
1156
1157/* Recently Viewed bar */
1158#crm-recently-viewed ul {
1159 list-style-image: none;
1160 font-size: .9em;
1161 margin: 0px;
1162 padding: 0px;
1163}
1164
1165#crm-recently-viewed li.crm-recently-viewed {
1166 margin: 1px;
1167 padding: 1px 1px 4px 3px;
1168 border: 1px solid #D7D7D0;
1169 background-color: #fff;
1170 white-space: nowrap;
1171 list-style-type: none;
1172 position: relative;
1173 -moz-border-radius: 4px;
1174 -webkit-border-radius: 4px;
1175 border-radius: 4px;
1176}
1177
1178#crm-recently-viewed ul li.crm-recently-viewed:hover,
1179#crm-recently-viewed .crm-recentview-wrapper {
1180 background-color: #FFFFCC;
1181 border: 1px solid #FFFF66;
1182 -moz-border-radius: 4px;
1183 -webkit-border-radius: 4px;
1184 border-radius: 4px;
1185}
1186
1187#crm-recently-viewed a {
1188 font-weight: normal;
1189 color: #4A88DF;
1190 text-decoration: none;
1191 font-size: .95em;
1192}
1193
1194#crm-recently-viewed .crm-recentview-wrapper {
1195 display: none;
1196 position: absolute;
1197 z-index: 99;
1198 width: 10em;
1199 overflow: hidden;
1200 top: 0px;
1201 text-align: center;
1202 padding-top: 1em;
1203}
1204
1205#crm-recently-viewed.left .crm-recentview-wrapper {
1206 border-left: none;
1207 right: -10em;
1208}
1209
1210#crm-recently-viewed.right .crm-recentview-wrapper {
1211 border-right: none;
1212 left: -10em;
1213}
1214
1215#crm-recently-viewed li.crm-recently-viewed:hover .crm-recentview-wrapper {
1216 display: block;
1217}
1218
1219#crm-recently-viewed .crm-recentview-wrapper a:hover {
1220 color: #494949;
1221}
1222
1223/* alpha filter styles */
1224#crm-recently-viewed ul,
1225#crm-container #alpha-filter ul {
1226 border-collapse: collapse;
1227 padding: 0em;
1228 list-style-type: none;
1229 margin: 3px;
1230 height: auto;
1231 width: auto;
1232}
1233
1234.crm-container div#alpha-filter {
1235 background-color: #CDE8FE;
1236 margin: 4px 0 5px;
1237 padding: 2px;
1238 text-align: left;
1239}
1240
1241.crm-container #alpha-filter li {
1242 background-color: transparent;
1243 background-image: none;
1244 border: none;
1245 color: #AAAAAA;
1246 display: inline;
1247 font-size: 15px;
1248 font-weight: normal;
1249 height: auto;
1250 margin: 0 1px;
1251 padding: 2px 5px;
1252 font-family: Helvetica;
1253}
1254
1255.crm-container #alpha-filter a {
1256 border-bottom: 1px dotted #2A71B4;
1257 color: #2A71B4;
1258 font-weight: normal;
1259}
1260
1261.crm-container #lang-switch {
1262 float: right;
1263 z-index: 2;
1264 margin: -24px 30px 0px 0px;
1265}
1266
1267/*
1268** Boxes of checkbox elements (e.g. Advanced Search page)
1269*/
1270.crm-container .listing-box {
1271 width: auto;
1272 max-width: 30em;
1273 height: 7.25em;
1274 overflow: auto;
1275 border: 1px solid #999999;
1276}
1277
1278.crm-container .listing-box div {
1279 color: black;
1280}
1281
1282/*
1283** To allow for taller boxes of groups/tags.
1284*/
1285.crm-container .listing-box-tall {
1286 margin: 0.25em 2.0em 0.5em 0em;
1287 width: auto;
1288 max-width: 30em;
1289 height: 15em;
1290 overflow: auto;
1291 border: 1px solid #999999;
1292}
1293
1294/* Image Styles */
1295.crm-container .action-icon {
1296 vertical-align: middle;
1297 padding: 2px 2px 2px 3px;
1298 margin: 2px 2px 3px 2px;
1299 cursor: pointer;
1300 cursor: hand;
1301}
1302
1303/*
1304** Style for hiding blocks or table rows
1305*/
1306#crm-container .hide-block,
1307#crm-container .hide-row {
1308 display: none;
1309}
1310
1311/*
1312** Styles for showing blocks and table rows
1313*/
1314#crm-container .show-block {
1315 display: block;
1316}
1317
1318#crm-container .show-row {
1319 display: table-row;
1320}
1321
1322#crm-container input.submit-link {
1323 color: #285286;
1324 background-color: transparent;
1325 border: none;
1326 cursor: pointer;
1327 cursor: hand;
1328 margin: 0em -0.5em 0em -0.5em;
1329}
1330
1331.crm-container .underline-effect {
1332 color: #285286;
1333}
1334
1335.crm-container .underline-effect:hover {
1336 text-decoration: underline;
1337}
1338
1339.crm-container .underline-effect:before {
1340 content: "\00BB";
1341}
1342
1343.crm-container div#searchForm {
1344 height: auto;
1345 width: 100%;
1346}
1347
1348.crm-container div#searchForm table.form-layout {
1349 border-spacing: 0;
1350}
1351
1352.crm-container div#searchForm table.form-layout td {
1353 padding: 4px;
1354 border: 1px solid #DDDDDD;
1355}
1356
1357.crm-container #main {
1358 height: 95%;
1359 width: 95%;
1360 left: 1%;
1361 top: 1%;
1362 position: relative;
1363}
1364
1365#crm-container .label-pane {
1366 margin: 0.25em 0em 0em;
1367 padding: 0.25em;
1368 background-color: #6AA8EE;
1369 cursor: pointer;
1370 color: #213245;
1371 font-weight: bold;
1372 cursor: pointer;
1373}
1374
1375#crm-container .content-pane {
1376 overflow: auto;
1377}
1378
1379/*
1380editor specific classes
1381*/
1382#crm-container dd.editor {
1383 margin-top: 0.7em;
1384 margin-left: 0em;
1385 float: left;
1386 vertical-align: top;
1387 width: 58em;
1388}
1389
1390#crm-container.clear,
1391.crm-container .crm-group-summary .clear {
1392 /* generic container (i.e. div) for floating buttons */
1393 overflow: hidden;
1394 width: 100%;
1395}
1396
1397/* class for tinymce buttons display */
1398#crm-container table.mceLayout td,
1399#crm-container table.mceLayout table {
1400 padding: 0px;
1401 background: #EDEDED;
1402 border: 2px solid #EDEDED;
1403 font-size: 0em;
1404 vertical-align: top;
1405 width: auto;
1406}
1407
1408#crm-container tr.mceLast {
1409 border: 1px solid #EDEDED;
1410}
1411
1412#location .form-layout table,
1413#location .form-layout td,
1414#crm-container div#location table.form-layout table.inner-table td {
1415 border: 0px;
1416 vertical-align: top;
1417 margin-bottom: -5px;
1418 width: auto;
1419}
1420
1421/* class for personal campaign info page */
1422#crm-container table.campaign th,
1423.crm-container table.campaign td,
1424#crm-container table.campaign,
1425#crm-container table.campaign table.form-layout td {
1426 font-size: 9pt;
1427 border: 0px;
1428 width: auto;
1429 vertical-align: top;
1430}
1431
1432#crm-container table.campaign table {
1433 background: #F7F7F7;
1434}
1435
1436#crm-container div.remaining {
1437 background: url("../i/contribute/pcp_remain.gif");
1438}
1439
1440#crm-container div.achieved {
1441 background: url("../i/contribute/pcp_achieve.gif");
1442}
1443
1444#crm-container .honor_roll {
1445 margin: 1em 20px 0 0;
1446 padding: 10px;
1447 width: 120px;
1448 background-color: #fafafa;
1449 border: 1px solid #9d9fca;
1450 height: 220px;
1451}
1452
1453#crm-container .thermometer-wrapper,
1454#crm-container .honor-roll-wrapper {
1455 float: left;
1456 width: 150px;
1457 margin-left: 1em;
1458}
1459
1460#crm-container .thermometer-fill-wrapper {
1461 background: transparent url("../i/contribute/pcp_remain.gif") repeat-y scroll left bottom;
1462 height: 220px;
1463 position: relative;
1464 margin: 1em 0 1.5em 0;
1465}
1466
1467#crm-container .thermometer-fill {
1468 background: transparent url(../i/contribute/pcp_achieve.gif) repeat-y scroll 0 bottom;
1469 bottom: 0;
1470 left: 0;
1471 position: absolute;
1472 width: 130px;
1473}
1474
1475#crm-container .thermometer-pointer {
1476 padding-left: 45px;
1477 /* width of thermometer + a little actual padding */
1478 position: absolute;
1479 top: -10px;
1480 /* vertically center text on percentage raised */
1481 line-height: 1em;
1482}
1483
1484#crm-container .pcp-intro-text {
1485 padding-bottom: 1em;
1486}
1487
1488#crm-container .pcp-image {
1489 float: left;
1490 margin: 0 1em 1em 0;
1491}
1492
1493#crm-container .ui-draggable {
1494 background: url("../i/draggable.png") no-repeat left 1px;
1495 float: left;
1496 height: 16px;
1497 text-indent: -10000px;
1498 width: 16px;
1499}
1500
1501#crm-container .pcp-widgets {
1502 border: 1px solid #CCCCCC;
1503 float: right;
1504 margin: 0 0 1em 1em;
1505 padding: 0.5em;
1506}
1507
1508#crm-container .pcp_honor_roll_entry {
1509 margin-bottom: 1em;
1510}
1511
1512#crm-container .pcp-honor_roll-nickname {
1513 font-weight: bold;
1514}
1515
1516#crm-container .pcp-donate {
1517 height: 24px;
1518}
1519#crm-container a.pcp-contribute-button {
1520 font-weight: bold;
1521}
1522
1523#crm-container .pcp-create-your-own {
1524 clear: left;
1525 margin: 1em 0;
1526}
1527
1528#crm-container .pcp-page-text {
1529 margin-bottom: 1em;
1530}
1531
1532#crm-container table.nestedSelector {
1533 margin: 0px;
1534 width: 100%;
1535 border-bottom: 0px;
1536}
1537
1538#crm-container table.nestedSelector tr.columnheader th {
1539 border: 0px;
1540}
1541
1542#crm-container table.caseSelector {
1543 vertical-align: top;
1544 border: 0px;
1545 margin: 0.5em 0.1em;
1546}
1547
1548#crm-container table.caseSelector tr {
1549 border-bottom: 1px solid #999999;
1550}
1551
1552#crm-container table.caseSelector td.status-urgent {
1553 font-weight: bold;
1554 text-transform: uppercase;
1555}
1556
1557#crm-container table.caseSelector td {
1558 border-right: 0px;
1559 padding: 4px;
1560}
1561
1562#crm-container table.nestedActivitySelector {
1563 margin: 0px;
1564 width: 100%;
1565 border: 0px;
1566 color: #333333;
1567}
1568
1569#crm-container table.nestedActivitySelector tr.columnheader th {
1570 color: #000000;
1571 background-color: #CFCEC3;
1572 border-top-color: #FFF;
1573 border-left-color: #FFFFFF;
1574 border-right-color: #FFFFFF;
1575 border-bottom-color: #999999;
1576}
1577
1578#crm-container table#activities-selector.nestedActivitySelector,
1579#crm-container table#activities-selector.nestedActivitySelector td {
1580 border: 0px;
1581}
1582
1583#crm-container table.nestedActivitySelector td {
1584 border-right: 0px;
1585}
1586
1587#crm-container table#activities-selector.nestedActivitySelector tr.status-overdue {
1588
1589}
1590
1591#crm-container table.nestedActivitySelector tr.priority-urgent,
1592#crm-container table.nestedActivitySelector tr a.priority-urgent {
1593 background-color: #FFDDDD;
1594}
1595
1596#crm-container table.nestedActivitySelector tr.priority-low,
1597#crm-container table.nestedActivitySelector tr a.priority-low {
1598 background-color: #DDFFDD;
1599}
1600
1601#crm-container table.nestedActivitySelector tr.status-scheduled,
1602#crm-container table.nestedActivitySelector tr a.status-scheduled {
1603 color: #006633;
1604}
1605
1606#crm-container table.nestedActivitySelector tr.status-completed,
1607#crm-container table.nestedActivitySelector tr a.status-completed {
1608 color: #333333;
1609}
1610
1611#crm-container table.nestedActivitySelector tr.status-overdue,
1612#crm-container table.nestedActivitySelector tr a.status-overdue {
1613 color: #FF0000;
1614}
1615
1616#crm-container table.nestedActivitySelector tr a.crm-activity-status {
1617 cursor: pointer;
1618}
1619
1620#crm-container table.nestedActivitySelector tr a {
1621 color: #0066CC;
1622}
1623
1624#crm-container #activities-selector tr:hover td,
1625#crm-container #activities-selector tr:hover td.sorted,
1626#crm-container #activities-selector tr.trOver td.sorted,
1627#crm-container #activities-selector tr.trOver td {
1628 background: transparent;
1629}
1630
1631#crm-container span.success-status {
1632 margin-left: 6px;
1633 background-color: #ffff99;
1634 padding: .25em .5em .25em .5em;
1635 border: 1px solid #696969;
1636}
1637
1638/* Styles for Config Task List */
1639#crm-container td.tasklist a {
1640 font-weight: bold;
1641}
1642
1643#crm-container table.selector td.tasklist {
1644 border-right: 1px solid #DDDDDD;
1645 width: 20%;
1646}
1647
1648#crm-container td.tasklist a:link {
1649 color: #FF0105;
1650}
1651
1652#crm-container td.tasklist a:visited {
1653 color: green;
1654}
1655
1656/* Styles for Actions Ribbon */
1657#crm-container .crm-actions-ribbon {
1658 margin: 0 0 8px 0;
1659}
1660
1661#crm-container .crm-actions-ribbon ul {
1662 margin: 0px;
1663 padding: 0px;
1664}
1665
1666#crm-container .crm-actions-ribbon li {
1667 float: left;
1668 margin: 0 8px 0 0;
1669 padding: 0px;
1670 list-style: none;
1671}
1672
1673#crm-container .crm-actions-ribbon li.crm-delete-action {
1674 margin-left: 30px;
1675}
1676
1677#crm-container .crm-actions-ribbon li.crm-previous-action,
1678#crm-container .crm-actions-ribbon li.crm-next-action {
1679 float: right;
1680 margin: 0px 0px 0px 8px;
1681}
1682
1683#crm-container .ac_results li {
1684 float: none;
1685 padding: 4px;
1686 margin: 0px;
1687 line-height: 15px;
1688}
1689
1690/* Styles for Action Items & Action Link pop-up */
1691.crm-container .action-item {
1692 padding: 0px 5px;
1693 border-left: 1px solid #CCC;
1694 white-space: nowrap;
1695}
1696.crm-container .action-item-wrap {
1697 padding: 0px 5px;
1698 border-left: 1px solid #CCC;
1699 white-space: normal;
1700}
1701.crm-container .action-item-first {
1702 border-left: none;
1703 /* last action item should not have right hand border */}
1704
1705.crm-container .panel {
1706 display: none;
1707 z-index: 9999;
1708 position: absolute;
1709 border-bottom: 0px;
1710 background: transparent url(../i/dropdown-pointer.gif) no-repeat scroll 150px 1px;
1711 text-align: left;
1712 padding-top: 5px;
1713 margin: 0px;
1714 width: 180px;
1715}
1716
1717.crm-container td ul.panel {
1718 top: 15px;
1719 right: 0px;
1720}
1721
1722.crm-container td ul.panel li {
1723 margin: 0px;
1724 padding: 2px;
1725 list-style: none;
1726 background-image: none;
1727 width: auto;
1728}
1729
1730.crm-container .btn-slide {
1731 text-align: left;
1732 text-decoration: none;
1733 border: none;
1734 cursor: pointer;
1735 position: relative;
1736 padding: 0px 14px 0 5px;
1737 background: url("../i/TreePlus.gif") no-repeat right 1px;
1738 border-left: none;
1739 z-index: 2;
1740}
1741
1742.crm-container .btn-slide-active {
1743 z-index: 10;
1744}
1745
1746.crm-container .crm-configure-actions,
1747.crm-container .crm-event-participants,
1748.crm-container .crm-event-links,
1749.crm-container .crm-event-more {
1750 min-width: 85px;
1751 z-index: 1;
1752}
1753
1754.crm-container .panel li a {
1755 text-decoration: none;
1756 padding: 4px;
1757 display: block;
1758 border: none;
1759 cursor: pointer;
1760}
1761
1762/*class for CMS user name check used in profile*/
1763.crm-container .cmsmessagebox {
1764 position: absolute;
1765 width: auto;
1766 margin-left: 10px;
1767 padding: 3px;
1768}
1769
1770/* class for text area resizer jquery plugin*/
1771div.grippie {
1772 background: #EEEEEE url('../i/grippie.png') no-repeat scroll center 2px;
1773 border-color: #DDDDDD;
1774 border-style: solid;
1775 border-width: 0pt 1px 1px;
1776 cursor: s-resize;
1777 height: 9px;
1778 overflow: hidden;
1779}
1780.crm-container .resizable-textarea textarea {
1781 display: block;
1782 margin-bottom: 0pt;
1783 width: 95%;
1784 height: 20%;
1785}
1786
1787.crm-container ul li.crm-tab-button {
1788 border-bottom: 0 none;
1789 float: left;
1790 margin: 0 0.2em 1px 0;
1791 padding: 0 0 1px;
1792 position: relative;
1793 top: 1px;
1794 white-space: nowrap;
1795}
1796
1797.crm-container .ui-tabs .ui-tabs-nav {
1798 border: none;
1799 background-image: none;
1800 padding: 4px;
1801}
1802
1803.crm-container .crm-tab-button a,
1804.crm-container .ui-tabs .ui-tabs-nav li a,
1805.crm-container .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a,
1806.crm-container .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
1807 font-size: 0.9em;
1808}
1809
1810#mainTabContainer li.crm-tab-button {
1811 margin: 0 2px 2px 0;
1812}
1813
1814.crm-container .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
1815 padding-bottom: 0px;
1816 border: none;
1817}
1818
1819.crm-container .crm-tab-button a,
1820.crm-container .ui-tabs .ui-tabs-nav li a {
1821 padding: 5px !important;
1822}
1823
1824.crm-container .crm-tab-button a em {
1825 color: #3e3e3e;
1826 font-size: 10px;
1827 font-style: normal;
1828}
1829
1830#crm-container div.ui-accordion-content {
1831 padding: .5em 1em !important;
1832}
1833
1834/* Styles for Contact Summary start here. dgg */
1835#crm-container .primary {
1836 font-weight: bold;
1837}
1838
1839#crm-container .ui-tabs-panel {
1840 padding: 4px;
1841 font-size: 12px;
1842}
1843
1844#crm-container div.contact_details {
1845 padding: 4px;
1846 line-height: 1.4em;
1847 clear: both;
1848}
1849
1850#crm-container div#crm-contact-thumbnail {
1851 padding: 4px;
1852 float: right;
1853}
1854
1855#crm-container div.contact_panel {
1856 display: block;
1857}
1858
1859#crm-container .upper {
1860 text-transform: uppercase;
1861}
1862
1863#crm-container table.caseSelector td.status-urgent {
1864 font-weight: bold;
1865 text-transform: uppercase;
1866}
1867
1868#crm-container div.crm-inline-edit {
1869 border: 2px dashed transparent;
1870 background: none;
1871 position: relative;
1872}
1873
1874#crm-container .crm-edit-ready .crm-inline-edit:hover {
1875 cursor: pointer;
1876 border: 2px dashed lightgrey;
1877}
1878
1879#crm-container div.crm-inline-edit.form {
1880 cursor: default;
1881 border: 2px dashed #6665BF;
1882}
1883
1884#crm-container .crm-inline-edit.add-new {
1885 min-height: 2.5em;
1886}
1887
1888#crm-container div.crm-inline-edit .crm-edit-help {
1889 display: none;
1890 position: absolute;
1891 right: 0px;
1892 top: 0px;
1893 opacity: .8;
1894 padding: .4em;
1895 border-bottom-left-radius: 1em;
1896}
1897
1898#crm-container .crm-inline-edit.add-new .crm-edit-help {
1899 display: block;
1900 background-color: #EBEBEB;
1901}
1902
1903#crm-container .crm-edit-ready .crm-inline-edit:hover .crm-edit-help {
1904 display: block;
1905 background-color: #DFE1FF;
1906}
1907
1908#crm-container div.crm-inline-edit.form .crm-edit-help {
1909 display: none !important;
1910}
1911
1912#crm-container div.crm-summary-contactname-block {
1913 padding-bottom: 8px;
1914 margin-top: -10px;
1915}
1916
1917#crm-container div.crm-summary-display_name {
1918 font-size: 19px;
1919 padding-bottom: 10px;
1920}
1921
1922#crm-container div.contactCardLeft,
1923#crm-container div#Top {
1924 width: 49%;
1925 display: block;
1926 float: left;
1927 clear: both;
1928}
1929
1930#crm-container div.contactCardRight {
1931 width: 49%;
1932 display: block;
1933 float: right;
1934}
1935
1936#crm-container div.contact_panel table {
1937 margin-bottom: 0px;
1938}
1939
1940#crm-container div.contactCardLeft .label,
1941#crm-container div.contactCardRight .label {
1942 font-size: 11px;
1943 vertical-align: top;
1944 margin-right: 10px;
1945}
1946
1947#crm-container div.contactCardLeft .grouplabel,
1948#crm-container div.contactCardRight .grouplabel {
1949 border-bottom: grey 1px solid;
1950 width: 100%;
1951 font-size: 0.95em;
1952 font-weight: bold;
1953 background-color: #ddd;
1954}
1955
1956#crm-container div.contact_panel .spacer {
1957 padding: 8px;
1958}
1959
1960#crm-container div.contact_panel td {
1961 padding: 4px;
1962 vertical-align: top;
1963 border-bottom: 1px solid #E2E2E2;
1964}
1965
1966#crm-container div.contact_panel td.label {
1967 width: 28%;
1968}
1969
1970#crm-container div.contact_panel td.last {
1971 border-bottom: 0px;
1972}
1973
1974#crm-container #customFields {
1975 width: 100%;
1976}
1977
1978#crm-container #customFields div.contact_panel td.talabel {
1979 padding: 4px 0 0 4px;
1980 border: 0px;
1981}
1982
1983#crm-container #customFields .contact_panel .customFieldGroup {
1984 background-color: #F7F7F7;
1985 line-height: 1.4em;
1986 padding: 4px;
1987 width: 100%;
1988}
1989
1990#crm-container div.contact_panel .crm-address-block {
1991 margin-bottom: 6px;
1992}
1993#crm-container .crm-add-address-wrapper {
1994 height: 25px;
1995}
1996
1997.crm-container .crm-clearfix:after,
1998#crm-container .crm-summary-row:after {
1999 clear: both;
2000 content: ".";
2001 display: block;
2002 height: 0;
2003 visibility: hidden;
2004}
2005
2006.crm-container div.crm-clear {
2007 clear: both;
2008 margin-bottom: 1px;
2009 background-color: #FAFAFA;
2010 font-size: 11px;
2011}
2012
2013#crm-container div.crm-summary-row {
2014 background-color: #F4F4ED;
2015 border-top: 1px solid #ffffff;
2016 margin-bottom: 1px;
2017 min-height: 17px;
2018}
2019
2020#crm-container div.crm-summary-row div.crm-label {
2021 background-color: #FAFAFA;
2022 color: #7A7A60;
2023 text-align: left;
2024 width: 122px;
2025 float: left;
2026 padding: 4px;
2027}
2028
2029#crm-container div.crm-summary-row div.crm-content {
2030 padding: 4px;
2031 margin-left: 130px;
2032}
2033
2034#crm-container div.crm-config-option {
2035 float: right;
2036 padding-right: 10px;
2037 padding-top: 5px;
2038}
2039
2040#crm-container a.crm-link-action {
2041 cursor: pointer;
2042 cursor: hand;
2043}
2044
2045#crm-container span.crm-custom-greeting {
2046 font-size: 9px;
2047}
2048
2049#crm-container table.crm-inline-edit-form td,
2050#crm-container div.crm-inline-edit-form {
2051 background-color: #E6E6DC;
9cce0639
BS		 2052 white-space: nowrap;
2053}
2054#crm-container table.crm-inline-edit-form td.crm-label,
2055#crm-container div.crm-inline-edit-form .crm-label {
2056 white-space: normal;
6a488035
TO		 2057}
2058
2059#crm-container div.crm-inline-edit-field {
2060 display: inline-block;
2061 padding: 4px 5px;
2062}
2063
2064#crm-container div.buttons {
2065 text-align: right;
2066 margin: 8px 0 0;
2067 padding: 4px 4px 2px 0;
2068 background-color: #fff;
2069 border: none;
2070}
2071
2072#crm-container div.buttons input,
2073#crm-container div.buttons select {
2074 font-size: 0.9em;
2075 vertical-align: top !important;
2076}
2077
2078
2079#crm-container div.buttons #actions {
2080 text-align: left;
2081 float: left;
2082}
2083#crm-container div.buttons ul#actions {
2084 list-style-type: none;
2085 padding-left: 0px;
2086}
2087#crm-container div.buttons #actions li {
2088 float: left;
2089 padding: 0px;
2090 margin: 0 5px 0 0;
2091}
2092
2093#crm-container div.crm-case-dashboard-buttons {
2094 height: 33px;
2095}
2096
2097#crm-container div.crm-case-dashboard-switch-view-buttons {
2098 float: right;
2099}
2100
2101#crm-container .separator {
2102 border-bottom: solid 2px #ccc;
2103}
2104
2105/* reports */
2106#crm-container .report-layout {
2107 border: none;
2108}
2109
2110#crm-container .reports-header-right {
2111 text-align: right;
2112}
2113
2114#crm-container .report-contents {
2115 background-color: #F5F5F5;
2116 border: 1px solid #CDCDC3;
2117 padding: 4px;
2118 width: 20%;
2119 white-space: normal;
2120 font-size: 0.95em;
2121}
2122
2123#crm-container .report-contents-right {
2124 border: 1px solid #CDCDC3;
2125 padding: 4px;
2126 font-size: 0.95em;
2127 text-align: right;
2128}
2129
2130#crm-container table.report-layout td {
2131 padding: 4px;
2132 border-bottom: 1px solid #CDCDC3;
2133 vertical-align: top;
2134}
2135
2136#crm-container table.report-layout tr {
2137 font-size: 0.95em;
2138}
2139
2140#crm-container .report-label {
2141 text-align: right;
2142 font-weight: bold;
2143}
2144
2145#crm-container table.report-layout th.report-contents {
2146 background-color: #F5F5F5;
2147
2148}
2149
2150#crm-container table.report-layout th.statistics {
2151 width: 5%;
2152 white-space: nowrap;
2153}
2154
2155/*override default pager for report*/
2156.crm-container .report-pager .crm-pager-nav a {
2157 color: #000000;
2158}
2159
2160#crm-container table.view-layout {
2161 margin: 0em;
2162 border-collapse: collapse;
2163 border: 0px none;
2164}
2165
2166#crm-container table.view-layout .label {
2167 color: DimGray;
2168 font-size: 0.95em;
2169 vertical-align: top;
2170 font-weight: bold;
2171 margin-right: 10px;
2172 background-color: #EEEEEE;
2173 width: 20%;
2174}
2175
2176#crm-container th.contriTotalRight {
2177 border-right: 1px solid #999999;
2178}
2179
2180#crm-container th.contriTotalLeft {
2181 border-left: 1px solid #999999;
2182}
2183
2184/* TimeEntry styles */
2185.crm-container .timeEntry_control {
2186 vertical-align: middle;
2187 margin-left: 2px;
2188}
2189* html .timeEntry_control {
2190 /* IE only */
2191 margin-top: -4px;
2192}
2193
2194/* This is the style for the trigger icon. The margin-bottom value causes the icon to shift down to center it. */
2195.crm-container .ui-datepicker-trigger {
2196 margin-top: 4px;
2197 margin-bottom: -6px;
2198}
2199
2200.crm-container .ui-datepicker {
2201 width: 17em;
2202 padding: .2em .2em 0;
2203 z-index: 9999 !important;
2204}
2205
2206#crm-container .cke_editor {
2207 border: 0px none;
2208}
2209
2210
2211/* Set/alter ICONS */
2212
2213#crm-container div#printer-friendly {
2214 float: right;
2215 position: relative;
2216 margin: -2em 0.5em 0 0;
2217}
2218/* For Joomla, margin 0 works correctly */
2219#crm-container table#crm-content div#printer-friendly {
2220 margin: 0;
2221}
2222
2223#crm-container .order-icon {
2224 height: 15px;
2225 width: 10px;
2226 padding-top: 4px;
2227 padding-right: 4px;
2228}
2229
2230/* crm button style */
2231
2232#crm-container .crm-submit-buttons,
2233#crm-container .action-link {
2234 height: 27px;
2235 margin: 4px 0px 4px 2px;
2236}
2237
2238#crm-container .register_link-top {
2239 float: right;
2240 margin-left: 8px;
2241}
2242
2243.crm-container .crm-clear-link {
2244 margin-left: .5em;
2245}
2246
2247#crm-container .crm-button {
2248 border: medium none;
2249 cursor: pointer;
2250 display: block;
2251 float: left !important;
2252 overflow: hidden;
2253 text-shadow: 0 1px 0 black;
2254 margin: 0px 12px 0 0;
2255 padding: 0px 4px;
2256 cursor: pointer;
2257}
2258#crm-container .crm-button input {
2259 background: none;
2260 _background: #6C6C6C;
2261 /* IE6 only */
2262 border: medium none;
2263 color: #FFF;
2264 cursor: pointer;
2265 font-size: 12px;
2266 font-weight: normal;
2267 margin: 0 0 0 0px;
2268 padding: 1px 8px 2px 4px;
2269}
2270#crm-container .crm-button-type-cancel,
2271#crm-container .crm-button-type-back {
2272 margin-left: 20px;
2273}
2274#crm-container .crm-button-type-cancel input {
2275 color: #E6E6DC!important;
2276}
2277
2278.crm-container a.button,
2279.crm-container a.button:link,
2280.crm-container input.form-submit,
2281#crm-container input[type=button],
2282#crm-container input.form-submit-inline,
2283#crm-container .crm-button {
2284 text-shadow: 0 1px 0 black;
2285 background: #70716B url(../i/crm-button-bg.gif) repeat-x top left;
2286 color: #FFF;
2287 font-size: 12px;
2288 font-weight: normal;
2289 margin-right: 6px;
2290 padding: 2px 6px;
2291 text-decoration: none;
2292 cursor: pointer;
2293 border: 1px solid #3e3e3e;
2294}
2295
2296#crm-container .crm-button {
2297 padding: 0;
2298}
2299
2300.crm-container input.form-submit,
2301#crm-container input[type=button],
2302#crm-container input.form-submit-inline {
2303 padding: 2px 6px;
2304}
2305
2306#crm-container .crm-button input[type=button],
2307#crm-container .crm-button input.form-submit,
2308#crm-container .crm-button input.form-submit-inline {
2309 padding: 2px 4px;
2310 margin: 0px;
2311 background: none;
2312 _background: #6C6C6C;
2313 /* IE6 only */
2314 border: none;
2315}
2316
2317.crm-container a.button,
2318.crm-container a.button:link {
2319 display: block;
2320 float: left;
2321}
2322
2323.crm-container a.button span {
2324 display: block;
2325 line-height: 14px;
2326 padding: 2px 0px;
2327}
2328
2329.crm-container .button .red {
2330 background-image: url(../i/icons/jquery-ui-FFFFFF.png);
2331}
2332
2333.crm-container a.button:active {
2334 color: #000;
2335 outline: none;
2336 /* hide dotted outline in Firefox */
2337}
2338
2339.crm-container .crm-button:hover,
2340.crm-container .crm-button:focus,
2341.crm-container input[type=submit]:hover,
2342.crm-container input[type=button]:hover,
2343.crm-container a.button:hover,
2344.crm-container a.button:focus {
2345 background-position: 0px -25px;
2346}
2347
2348/* No button styling for PayPal Express buttons */
2349#crm-container input#_qf_Register_upload_express,
2350#crm-container input#_qf_Main_upload_express {
2351 background: none;
2352 margin: 0px;
2353 padding: 0px;
2354 border: none;
2355}
2356
2357/* create new XXX style (drupal block) */
2358
2359#crm-participant-wrapper,
2360#crm-event-links-wrapper,
2361#crm-contribpage-links-wrapper,
2362#crm-create-new-wrapper,
2363#crm-contact-actions-wrapper {
2364 position: relative;
2365 float: left;
2366}
2367
2368#crm-event-links-list,
2369#crm-contribpage-links-list,
2370#crm-create-new-list,
2371#crm-contact-actions-list,
2372#crm-participant-list {
2373 position: absolute;
2374 display: none;
2375 top: 24px;
2376 width: 220px;
2377 left: 0px;
2378 z-index: 15;
2379}
2380
2381#crm-create-new-list {
2382 width: 124px;
2383}
2384#crm-contact-actions-list .icon {
2385 background-image: url("../i/icons/jquery-ui-FFFFFF.png");
2386}
2387
2388#crm-contact-actions-list .crm-contact_activities-list select {
2389 margin-top: 4px;
2390}
2391
2392#crm-contact-actions-list .crm-contact_activities-list,
2393#crm-contact-actions-list .crm-contact_print-list,
2394#crm-contact-actions-list .crm-contact_actions-list {
2395 width: 160px;
2396}
2397
2398#crm-contact-actions-list .crm-contact_activities-list ul,
2399#crm-contact-actions-list .crm-contact_print-list ul,
2400#crm-contact-actions-list .crm-contact_actions-list ul,
2401#crm-event-links-list .crm-event-info ul,
2402#crm-event-links-list .crm-event-test ul,
2403#crm-event-links-list .crm-event-live ul,
2404#crm-contribpage-links-list .crm-contribpage-contribution ul,
2405#crm-contribpage-links-list .crm-contribpage-test ul,
2406#crm-contribpage-links-list .crm-contribpage-live ul,
2407#crm-participant-list .crm-participant-counted ul,
2408#crm-participant-list .crm-participant-not-counted ul,
2409#crm-participant-list .crm-participant-listing ul,
2410#crm-create-new-list ul {
2411 width: auto;
2412 margin: 0px;
2413 padding: 0px;
2414}
2415
2416#crm-contact-actions-list .crm-contact_activities-list ul {
2417 padding-right: 4px;
2418}
2419#crm-contact-actions-list .crm-contact_print-list ul {
2420 padding-left: 4px;
2421}
2422#crm-contact-actions-list .crm-contact_actions-list ul {
2423 padding-left: 4px;
2424}
2425
2426#crm-contact-actions-list .crm-contact_activities-list {
2427 float: left;
2428}
2429#crm-contact-actions-list .crm-contact_print-list {
2430 float: right;
2431}
2432#crm-contact-actions-list .crm-contact_actions-list {
2433 margin-left: 160px;
2434 margin-right: 161px;
2435 border-left: 1px solid #a7a7a7;
2436 border-right: 1px solid #a7a7a7;
2437}
2438
2439/* =================== */
2440/* ! contact actions */
2441/* =================== */
2442
2443
2444#crm-contact-actions-wrapper {
2445 width: 85px;
2446 /* fixes ie bug where button is toooooo long */
2447}
2448#crm-contact-actions-list {
2449 width: 495px;
2450 /* fixes ie bug caused by above*/
2451}
2452
2453/* setup for icons */
2454
2455.ac_results ul li {
2456 background-image: url('');
2457}
2458
2459.crm-container .ui-icon {
2460 background-image: url("../i/icons/jquery-ui-52534D.png")
2461}
2462.crm-container .icon {
2463 height: 16px;
2464 width: 16px;
2465 background: transparent url("../i/icons/jquery-ui-52534D.png") no-repeat top right;
2466 float: left;
2467 text-indent: -10000px;
2468}
2469
2470.crm-container span.icon {
2471 float: none;
2472 display: inline-block;
2473}
2474
2475.crm-container .button .icon,
2476.crm-container .crm-button .icon {
2477 background-image: url("../i/icons/jquery-ui-FFFFFF.png");
2478}
2479.crm-container .button:hover .icon,
2480.crm-container .crm-button:hover .icon {
2481 background-image: url("../i/icons/jquery-ui-2786C2.png");
2482}
2483
2484.crm-container .crm-button .icon {
2485 margin-top: 3px;
2486}
2487
2488.crm-container .dark-icon {
2489 background-image: url("../packages/jquery/jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png")}
2490.crm-container .red-icon {
2491 background-image: url("../i/icons/jquery-ui-8A1F11.png")}
2492
2493.crm-container .edit-icon {
2494 background-position: -66px -114px;
2495}
2496.crm-container .previous-icon {
2497 background-position: -82px -161px;
2498}
2499.crm-container .next-icon {
2500 background-position: -66px -161px;
2501}
2502.crm-container .add-icon {
2503 background-position: -2px -193px;
2504}
2505.crm-container .back-icon {
2506 background-position: -2px -65px;
2507}
2508.crm-container .delete-icon {
2509 background-position: -179px -99px;
2510}
2511.crm-container .details-icon {
2512 background-position: -129px -112px;
2513}
2514.crm-container .button:hover .delete-icon {
2515 background-image: url("../packages/jquery/jquery-ui-1.9.0/css/smoothness/images/ui-icons_cd0a0a_256x240.png")!important;
2516}
2517
2518.crm-container .restore-icon {
2519 background-position: 0px -66px;background-image: url("../i/icons/jquery-ui-91CE00.png");
2520}
2521.crm-container .button:hover .restore-icon {
2522 background-image: url("../i/icons/jquery-ui-91CE00.png");
2523}
2524
2525.crm-container .vcard-icon {
2526 background-position: -35px -81px;
2527}
2528
2529.crm-container .print-icon {
2530 background-position: -162px -97px;
2531}
2532
2533.crm-container .dashboard-icon {
2534 background-position: -194px -129px;
2535}
2536
2537.crm-container .user-record-icon {
2538 background-position: -145px -98px;
2539}
2540
2541.crm-container .inform-icon {
2542 background-position: -16px -144px;
2543 margin-right: 5px;
2544}
2545
2546.crm-container .dropdown-icon {
2547 background-position: -46px -32px;
2548 float: right;
2549}
2550
2551.crm-container .tip-icon {
2552 background-position: -128px -128px;
2553}
2554
2555.crm-container .alert-icon {
2556 background-position: 0 -144px;
2557}
2558.crm-container .check-icon {
2559 background-position: -66px -146px;
2560}
2561.crm-container .refresh-icon {
2562 background-position: -65px -81px;
2563}
2564.crm-container .settings-icon {
2565 background-position: -178px -114px;
2566}
2567.crm-container .search-icon {
2568 background-position: -161px -114px;
2569}
2570.crm-container .email-icon {
2571 background-position: -81px -98px;
2572}
2573.crm-container .preview-icon {
2574 background-position: -227px -129px;
2575}
2576.crm-container .play-icon {
2577 background-position: -3px -161px;
2578}
2579
2580#crm-container .geotag {
2581 padding: 2px 0 2px 20px !important;
2582 background: url('../i/geotag_16.png') left center no-repeat;
2583 font-size: .9em;
2584}
2585
2586/* These .crm-icon classes use item_sprites.png */
2587
2588.crm-container .crm-icon {
2589 background-image: url('../i/item_sprites.png');
2590 margin: 2px 4px 0 0;
2591 text-indent: -10000px;
2592 /* for accessibility reason, put the name of the type/subtype in the icon div (it will be hidden and replaced by the icon) */
2593}
2594
2595.crm-container .Individual-icon {
2596 background-position: 0px 0px;
2597}
2598.crm-container .Group-icon {
2599 background-position: -16px 0px;
2600}
2601.crm-container .Household-icon {
2602 background-position: -32px 0px;
2603}
2604
2605.crm-container .Individual-subtype-icon {
2606 background-position: 0px -48px;
2607}
2608.crm-container .Household-subtype-icon {
2609 background-position: -32px -48px;
2610}
2611.crm-container .Organization-subtype-icon {
2612 background-position: -48px -48px;
2613}
2614
2615.crm-container .Organization-icon {
2616 background-position: -48px 0px;
2617}
2618.crm-container .Activity-icon {
2619 background-position: -64px 0px;
2620}
2621.crm-container .Case-icon {
2622 background-position: -80px 0px;
2623}
2624.crm-container .Grant-icon {
2625 background-position: 0px -16px;
2626}
2627.crm-container .Contribution-icon {
2628 background-position: -16px -16px;
2629}
2630.crm-container .Pledge-icon {
2631 background-position: -16px -16px;
2632}
2633.crm-container .Membership-icon {
2634 background-position: -32px -16px;
2635}
2636.crm-container .Participant-icon {
2637 background-position: 0px -32px;
2638}
2639.crm-container .Note-icon {
2640 background-position: -16px -32px;
2641}
2642.crm-container .Relationship-icon {
2643 background-position: -32px -32px;
2644}
2645
2646/* accordion styles */
2647
2648#crm-container .crm-accordion-header {
2649 background-image: url("../i/TreeMinusWhite.gif");
2650 background-repeat: no-repeat;
2651 background-position: 2px center;
2652 cursor: pointer;
2653 color: #F5F6F1;
2654 font-weight: normal;
2655 padding: 4px 8px 4px 20px;
2656 background-color: #5D677B;
2657}
2658
2659#crm-container .crm-accordion-header:hover {
2660 background-color: #32414f;
2661}
2662
2663#crm-container .collapsed .crm-accordion-header {
2664 background-image: url("../i/TreePlusWhite.gif");
2665}
2666
2667#crm-container .collapsed .crm-accordion-body,
2668#crm-container .crm-collapsible.collapsed .collapsible-title + * {
2669 display: none;
2670}
2671
2672#crm-container .crm-accordion-inner .crm-accordion-header,
2673#crm-container .crm-accordion-wrapper .crm-master-accordion-header,
2674#crm-container .crm-collapsible .collapsible-title {
2675 background-image: url("../i/TreeMinus.gif");
2676 background-color: transparent;
2677 color: #3E3E3E;
2678}
2679
2680#crm-container .crm-accordion-inner.collapsed .crm-accordion-header,
2681#crm-container .crm-accordion-wrapper.collapsed .crm-master-accordion-header,
2682#crm-container .crm-collapsible.collapsed .collapsible-title {
2683 background-image: url("../i/TreePlus.gif");
2684}
2685
2686#crm-container .crm-accordion-wrapper .crm-master-accordion-header {
2687 background-color: transparent;
2688 font-size: 16px;
2689 color: #3e3e3e;
2690 margin-bottom: 0px;
2691}
2692
2693#crm-container .crm-accordion-inner .crm-accordion-header {
2694 font-size: 12px;
2695}
2696
2697#crm-container .crm-accordion-wrapper {
2698 margin-bottom: 4px;
2699}
2700
2701#crm-container .crm-accordion-header {
2702 -moz-border-radius: 4px 4px 0px 0px;
2703 -webkit-border-radius: 4px 4px 0px 0px;
2704 -khtml-border-radius: 4px 4px 0px 0px;
2705 border-radius: 4px 4px 0px 0px;
2706}
2707
2708#crm-container .collapsed .crm-accordion-header {
2709 -moz-border-radius: 4px;
2710 -webkit-border-radius: 4px;
2711 -khtml-border-radius: 4px;
2712 border-radius: 4px;
2713}
2714
2715#crm-container .crm-accordion-body {
2716 -moz-border-radius: 0px 0px 4px 4px;
2717 -webkit-border-radius: 0px 0px 4px 4px;
2718 -khtml-border-radius: 0px 0px 4px 4px;
2719 border-radius: 0px 0px 4px 4px;
2720 border: 1px solid #70716B;
2721 border-top: 0px;
2722 padding: 4px 0px;
2723}
2724
2725#crm-container .crm-collapsible .collapsible-title {
2726 padding-left: 19px;
2727 text-decoration: none;
2728 background-repeat: no-repeat;
2729 background-position: 0px center;
2730 cursor: pointer;
2731}
2732
2733#crm-container .crm-master-accordion-header+.crm-accordion-body {
2734 border: none;
2735 padding: 0px;
2736}
2737
2738#crm-container .crm-accordion-header.active {
2739 font-weight: bold;
2740 background-color: #41477E;
2741}
2742
2743#crm-container .crm-accordion-header.active:hover {
2744 background-color: #2E3471;
2745}
2746
2747#crm-container .crm-accordion-header a.close-accordion {
2748 font-weight: normal !important;
2749 float: right;
2750 color: #FFF !important;
2751 text-decoration: none;
2752}
2753
2754#crm-container .crm-accordion-header a.close-accordion:hover {
2755 text-decoration: underline !important;
2756}
2757
2758#crm-container .crm-master-accordion-header.crm-accordion-header:hover,
2759#crm-container .crm-collapsible .collapsible-title:hover {
2760 background-color: transparent;
2761 color: #0200A0;
2762}
2763
2764/* civicrm admin menu */
2765#civicrm-menu {
2766 height: 27px;
2767}
2768
2769#civicrm-menu .ac_input,
2770.crm-container .ac_input {
2771 background: white url(../i/magnify.gif) no-repeat scroll right center;
2772 padding-right: 16px;
2773 /* so that text doesn't flow on top of icon */
2774}
2775#crm-container .ac_input {
2776 width: 20em;
2777}
2778
2779#civicrm-menu #crm-qsearch {
2780 padding: 1px 3px 1px 2px;
2781 height: 20px;
2782}
2783
2784#civicrm-menu #crm-qsearch input {
2785 background-color: #ffffff;
2786 border: 1px solid black;
2787 margin: 0px;
2788 padding: 2px 16px 3px 2px;
2789}
2790
2791#civicrm-menu #menu-logout {
2792 float: right;
2793 border-left: 1px solid #5D5D5D;
2794}
2795
2796/* Pop-up help icon - eliminate forced line break */
2797.crm-container a.helpicon,
2798.crm-container .crm-master-accordion-header a.helpicon {
2799 background-position: -128px -98px;
2800 background-image: url(../i/icons/jquery-ui-2786C2.png);
2801 background-color: transparent;
2802 width: 16px;
2803 height: 16px;
2804 display: inline-block;
2805}
2806
2807div.crm-accordion-header a.helpicon {
2808 background-image: url(../i/icons/jquery-ui-F5F6F1.png);
2809}
2810
2811div a.helpicon:hover,
2812div a.helpicon:focus {
2813 background-image: url(../i/icons/jquery-ui-91CE00.png);
2814}
2815
2816.crm-container .crm-summary-link {
2817 position: relative;
2818 z-index: 16;
2819}
2820
2821.crm-container .crm-tooltip-wrapper {
2822 position: absolute;
2823 bottom: 0px;
2824 left: -36px;
2825 overflow: hidden;
2826 z-index: 1000;
2827 padding-bottom: 10px;
2828 background: transparent url('../i/overlay-pointer.png') no-repeat bottom left;
2829 font-size: 12px;
2830 display: none;
2831}
2832
2833.crm-container .crm-tooltip-down .crm-tooltip-wrapper {
2834 top: 20px;
2835 padding-top: 10px;
2836 background: transparent url('../i/overlay-pointer.png') no-repeat top left;
2837 overflow: visible;
2838}
2839
2840.crm-container .crm-tooltip-active {
2841 z-index: 20;
2842}
2843
2844.crm-container .crm-tooltip-active .crm-tooltip-wrapper {
2845 display: block;
2846}
2847
2848.crm-container .crm-tooltip {
2849 padding: 4px;
2850 background-color: #2f2f2e;
2851 color: #FFF;
2852 margin-left: 11px;
2853 min-width: 20px;
2854 min-height: 20px;
2855}
2856#crm-container .crm-tooltip table,
2857#crm-container .crm-tooltip table tr td {
2858 border: none;
2859}
2860.crm-container .crm-tooltip .crm-summary-group {
2861 width: 700px;
2862 margin-bottom: 0px;
2863}
2864
2865.crm-container .crm-tooltip .crm-report-overlay {
2866 width: 500px;
2867 margin-bottom: 0px;
2868}
2869
2870.crm-container .crm-tooltip .crm-report-overlay thead td {
2871 font-weight: bold;
2872}
2873
2874.crm-container .crm-summary-group h2 {
2875 padding: 2px 4px 0 4px;
2876 font-size: 14px;
2877 color: #FFF;
2878 margin-bottom: 0px;
2879}
2880
2881/* crm-summary-group appears outside crm-container for contact summary icon overlay */
2882#crm-container .crm-summary-group .crm-section .label,
2883.crm-container .crm-summary-group .crm-section .label {
2884 text-align: left;
2885 width: 40%;
2886 font-size: 11px;
2887 color: #A7A7A7;
2888}
2889
2890#crm-container .crm-summary-group .crm-section .content,
2891.crm-container .crm-summary-group .crm-section .content {
2892 margin-left: 41%;
2893}
2894
2895
2896
2897/* Class for tokens and helpicon */
2898.crm-container .helpIcon {
2899 float: right;
2900 position: relative;
2901 z-index: 1;
2902 margin-right: 45px;
2903}
2904
2905#crm-container ul.token-input-list-facebook, ul.token-input-list-facebook li.leaf,
2906#crm-container ul li {
2907 list-style-image: none;
2908}
2909
2910/* privacy icons */
2911#crm-container div span.privacy-flag {
2912 background-repeat: no-repeat;
2913 background-image: url("../i/stop-icon.png");
2914 float: right;
2915}
2916
2917/* specific, targeted fixes */
2918#crm-container .dashboard-elements,
2919#crm-container #membership-listings,
2920#crm-container #premiums-listings,
2921#crm-container #searchForm table {
2922 margin: 0em;
2923 border-collapse: collapse;
2924 border: 0px none;
2925}
2926
2927/* Override Drupal .2em margin-bottom on forms (we don't want to give up that space) */
2928div#crm-container form {
2929 margin-bottom: 0em;
2930}
2931
2932/* This is the style for the trigger icon. The margin-bottom value causes the icon to shift down to center it. */
2933.crm-container .ui-datepicker-trigger {
2934 margin-top: 4px;
2935 margin-bottom: -6px;
2936}
2937
2938.crm-container .ui-datepicker {
2939 z-index: 1;
2940}
2941
2942#activity-content table {
2943 width: 100%!important;
2944}
2945
2946/* ui dialog state */
2947.ui-state-default,
2948.ui-widget-content .ui-state-default,
2949.ui-widget-content,
2950.ui-widget-header {
2951 color: #3e3e3e;
2952 border:0px solid transparent;
2953 border-color:transparent;
2954}
2955
2956/* ui dialog state */
2957.ui-state-hover,
2958.ui-widget-content .ui-state-hover,
2959.ui-widget-header .ui-state-hover,
2960.ui-state-focus,
2961.ui-widget-content .ui-state-focus,
2962.ui-widget-header .ui-state-focus {
2963 border: 0px solid #70716b;
2964 background: #484e4c url("../packages/jquery/jquery-ui-1.9.0/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
2965 font-weight: normal;
2966 color: #f5f6f1;
2967}
2968
2969#Tag .tree .collapsable .hit,
2970#Tag .tree .expandable .hit {
2971 padding-left: 16px;
2972}
2973
2974/* DataTables fixes */
2975#crm-container .dataTables_length {
2976 float: none;
2977 padding-bottom: 5px;
2978}
2979#crm-container .crm-datatable-pager-top {
2980 padding-top: 5px;
2981 padding-bottom: 25px;
2982}
2983#crm-container .crm-datatable-pager-bottom {
2984 padding-top: 10px;
2985 padding-bottom: 25px;
2986}
2987#crm-container .crm-datatable-pager-top .dataTables_length {
2988 float: left;
2989}
2990#crm-container .css_right {
2991 float: right;
2992}
2993
2994/* Date plugin */
2995#crm-container input.dateplugin {
2996 background: white url(../i/cal.gif) no-repeat scroll right center;
2997 padding-right: 16px;
2998 /* so that text doesn't flow on top of icon */
2999 width: 9em;
3000}
3001
3002/* Date plugin */
3003#crm-container div.batch-update {
3004 overflow: visible;
3005}
3006
3007/* Help text in Send Mail*/
3008#crm-container div.messageHelp {
3009 z-index: 1;
3010 position: absolute;
3011 margin: 6px 0px 0px 115px;
3012}
3013/*chart */
3014#chartData {
3015 overflow: auto;
3016}
3017
3018#crm-container .signature {
3019 width: 495px;
3020}
3021
3022/* editor skin tweaks */
3023
3024#crm-container span.cke_skin_kama {
3025 border: none;
3026}
3027#crm-container .cke_skin_kama .cke_wrapper {
3028 background-image: none;
3029}
3030
3031/* skin */
3032
3033#crm-container .crm-title {
3034 margin-bottom: 8px;
3035}
3036
3037/* tables */
3038.crm-container table {
3039 border: 1px solid #efefef;
3040}
3041
3042.crm-container .crm-form-block table {
3043 border: none;
3044}
3045.crm-container tr.even,
3046.crm-container tr.odd,
3047.crm-container tbody th {
3048 border-color: #FFF #FFF #efefef #FFF;
3049}
3050
3051.crm-container tr.even-row td,
3052.crm-container tr.odd-row td,
3053.crm-container table.display td,
3054.crm-container table.pagerDisplay td {
3055 border-color: #efefef;
3056 border-right: 1px solid #efefef;
3057}
3058.crm-container .odd-row,
3059.crm-container .odd,
3060tbody.scrollContent {
3061 background-color: #FAFAFA;
3062}
3063.crm-container .even-row,
3064.crm-container .even,
3065tbody.scrollContent tr.alternateRow {
3066 background-color: #EFEFEF;
3067}
3068
3069.crm-container td.checkbox {
3070 vertical-align: middle;
3071 text-align: center;
3072}
3073.crm-container tr.columnheader a.sorting {
3074 color: #a7a7a7;
3075}
3076
3077.crm-container a.sorting {
3078 color: #A7A7A7;
3079}
3080.crm-container a.sorting_desc,
3081.crm-container a.sorting_asc {
3082 color: #000;
3083}
3084
3085.crm-container tr a.sorting,
3086.crm-container tr a.sorting_asc,
3087.crm-container tr a.sorting_desc {
3088 color: #52534D;
3089}
3090
3091/*contact summary page */
3092.crm-container .ui-tabs .ui-tabs-nav {
3093 background-color: #e6e6dc;
3094}
3095#mainTabContainer .crm-tab-button {
3096 background-color: #f5f6f1;
3097}
3098#mainTabContainer li.ui-state-active,
3099#mainTabContainer li.ui-state-hover {
3100 background: #FFF;
3101}
3102
3103#crm-container div.contact_details,
3104#crm-container #customFields .contact_panel .customFieldGroup {
3105 background-color: transparent;
3106}
3107
3108#crm-container div.contact_panel td,
3109.crm-container table.crm-info-panel td {
3110 border-bottom: 1px solid #FFF;
3111}
3112
3113#crm-container div.contactCardLeft .label,
3114#crm-container div.contactCardRight .label,
3115.crm-container table.crm-info-panel .label {
3116 color: #2f2f2f;
3117 font-weight: normal;
3118}
3119
3120.crm-container .disabled,
3121.crm-container .cancelled {
3122 color: #999999 !important;
3123}
3124#mainTabContainer li.disabled {
3125 text-decoration: none;
3126}
3127#mainTabContainer li.disabled a:link {
3128 color: #999999 !important;
3129}
3130#crm-container tr.crm-job {
3131 text-decoration: none !important;
3132}
3133
3134#crm-container table.selector td {
3135 border-right: 1px dotted #DDDDDD;
3136}
3137#crm-container #customFields div.contact_panel td {
3138 border-bottom: 1px solid #FFFFFF;
3139 padding: 4px;
3140 vertical-align: top;
3141}
3142
3143#crm-container div.contact_panel td,
3144.crm-container table.crm-info-panel td {
3145 background-color: #f4f4ed;
3146}
3147
3148#crm-container div.contact_panel td.label,
3149#crm-container #customFields div.contact_panel td.label,
3150.crm-container table.crm-info-panel td.label {
3151 background-color: #fafafa;
3152 width: 120px;
3153 text-align: left;
3154 color: #7a7a60;
3155}
3156.crm-container table.crm-info-panel td.label {
3157 width: 150px;
3158}
3159
3160#crm-container .form-layout td.label,
3161#crm-container .form-layout-compressed td.label {
3162 width: 150px;
3163 text-align: right;
3164 color: #7a7a60;
3165}
3166
3167#crm-container .form-layout td.label,
3168#crm-container form table.report .label,
3169#crm-container form table label,
3170#crm-container form table.report label {
3171 color: #3e3e3e;
3172}
3173
3174#crm-container div.contact_panel td.grouplabel {
3175 border-bottom: 2px solid #D7D7D0 !important;
3176}
3177
3178#tagGroup table .label {
3179 color: #FFF;
3180}
3181#tagGroup table {
3182 color: #000;
3183}
3184
3185
3186/* search results */
3187
3188.crm-container .crm-search-tasks,
3189.crm-container .crm-tasks {
3190 background-color: #F0F0E8;
3191 color: #52534D;
3192}
3193
3194#crm-container .crm-tasks table {
3195 margin: 0;
3196}
3197
3198.crm-container .crm-results-block {
3199 position: relative;
3200}
3201
3202/* warning labels and messages */
3203.crm-container del,
3204.crm-container .crm-is_deleted,
3205.crm-container table.caseSelector td.status-urgent,
3206.crm-container .font-red,
3207.crm-container .status-removed,
3208.crm-container .status-overdue,
3209.crm-container .status-fatal,
3210.crm-container .status-hold,
3211.crm-container .status-past,
3212.crm-container .status-warning {
3213 color: #E43D2B !important;
3214}
3215
3216/* rounded corners - we will call dd_roundies on all this */
3217.crm-container .crm-button,
3218.crm-container a.button,
3219.crm-container a.button:link,
3220.crm-container input.form-submit,
3221.crm-container input[type=button],
3222.crm-container input.form-submit-inline {
3223 -moz-border-radius: 3px;
3224 -webkit-border-radius: 3px;
3225 -khtml-border-radius: 3px;
3226 border-radius: 3px;
3227}
3228
3229
3230.crm-container div.status,
3231div.m ul#civicrm-menu,
3232.crm-container #help,
3233.crm-container .help,
3234.crm-container .ui-tabs-panel,
3235.crm-container .crm-content-block,
3236#full-screen-header,
3237.crm-container .crm-pager,
3238.crm-container form .section-hidden-border,
3239.crm-container #search-status,
3240.crm-container .crm-form-block,
3241.crm-container .crm-search-tasks,
3242.crm-container .crm-tasks,
3243.crm-container div.form-item,
3244.crm-container div.messages {
3245 -moz-border-radius: 4px;
3246 -webkit-border-radius: 4px;
3247 -khtml-border-radius: 4px;
3248 border-radius: 4px;
3249}
3250
3251/* autocomplete */
3252
3253.ac_results {
3254 background: transparent url(../i/dropdown-pointer.gif) no-repeat 25px 1px;
3255 padding-top: 5px;
3256 border: none;
3257 text-align: left;
3258}
3259
3260.ac_results-inner,
3261.crm-participant-list-inner,
3262.crm-event-links-list-inner,
3263.crm-contribpage-links-list-inner,
3264.crm-create-new-list-inner,
3265.crm-contact-actions-list-inner {
3266 background-color: #2f2f2e;
3267 padding: 4px;
3268}
3269
3270.crm-create-new-list-inner {
3271 width: 124px!important;
3272}
3273
3274.ac_even {
3275 background-color: transparent;
3276}
3277.ac_odd {
3278 background-color: #4F4F4F;
3279}
3280
3281.ac_results li a {
3282 display: block;
3283}
3284
3285.ac_results li,
3286.ac_results li a,
3287.ac_results li a:visited,
3288.crm-container .ac_results li,
3289.crm-container .ac_results li a,
3290.crm-container .ac_results li a:visited {
3291 color: #DFDFDF;
3292 text-decoration: none;
3293}
3294
3295.ac_results li strong {
3296 color: #FFF;
3297 font-weight: normal;
3298}
3299
3300.ac_results li .icon,
3301.ac_results li a .icon,
3302.ac_results li a:visited .icon,
3303.crm-container .ac_results li .icon,
3304.crm-container .ac_results li a .icon,
3305.crm-container .ac_results li a:visited .icon {
3306 background-image: url(../i/icons/jquery-ui-FFFFFF.png);
3307}
3308
3309.ac_results li a:hover .icon,
3310.ac_results li.ac_over a .icon,
3311.crm-container .ac_results li a:hover .icon {
3312 background-image: url(../i/icons/jquery-ui-3E3E3E.png);
3313}
3314
3315.ac_results li.ac_over,
3316.ac_results li:hover,
3317.ac_results li:hover a,
3318.ac_results li.ac_over a,
3319.ac_results li a:hover,
3320.ac_results li.ac_over a:visited {
3321 background-color: #F5F6F1;
3322 color: #666;
3323}
3324.ac_results li.ac_over strong,
3325.ac_results li:hover strong,
3326.crm-container .ac_results li.ac_over strong {
3327 color: #000;
3328}
3329
3330/* loader autocomplete */
3331
3332#civicrm-menu .ac_loading,
3333.crm-container .ac_loading {
3334 background: white url('../i/loading.gif') no-repeat right center;
3335}
3336
3337/* theming for panel and context menus */
3338#crm-container td ul.panel li {
3339 background-color: #2F2F2E;
3340}
3341
3342#crm-container .panel li a {
3343 color: #DFDFDF;
3344}
3345
3346#crm-container .panel li a:hover,
3347#crm-container .crm-participant-list-inner li a:hover,
3348#crm-container .crm-event-links-list-inner li a:hover,
3349#crm-container .crm-contribpage-links-list-inner li a:hover {
3350 color: #3e3e3e;
3351 background-color: #F5F6F1;
3352 text-decoration: none;
3353}
3354
3355/* Special styling for specific form buttons */
3356#crm-container span.crm-button_qf_Main_upload input,
3357#crm-container span.crm-button_qf_Confirm_next input,
3358#crm-container span.crm-button_qf_Register_upload input {
3359 font-size: 1.2em;
3360}
3361
3362/*Import progress bar */
3363.crm-container .ui-progressbar-value {
3364 background-image: url("../packages/jquery/css/images/pbar-ani.gif");
3365}
3366
3367/*Needed for jstree contextmenu */
3368#vakata-contextmenu.jstree-default-context li {
3369 background: none repeat scroll 0 0 transparent;
3370}
3371
3372/* Class for successful upgrade */
3373.crm-container .upgrade-success {
3374 background-color: #00CC00;
3375 color: white;
3376}
3377
3378.crm-container .extension-upgradable {
3379 background-color: #FFFFCC !important;
3380}
3381
3382.crm-container .extension-installed {
3383 background-color: #DDFFDD !important;
3384}
3385
3386.crm-container .extension-missing {
3387 color: #E43D2B !important;
3388}
3389
3390/* table row highlightng */
3391#crm-container table.row-highlight tr:hover {
3392 background-color: #FFFFCC !important;
3393}
3394#crm-container .civicrm-drupal-wysiwyg .collapsed {
3395 background: transparent;
3396 padding-left: 0px;
3397}
3398
3399#manageTags {
3400 position: static;
3401 z-index: -100;
3402}
3403
3404#crm-container .crm-socialnetwork {
3405 margin-top: 1em;
3406}
3407
3408#crm-container .crm-fb-tweet-buttons {
3409 width: 93%;
3410}
3411#crm-container div.finalconf-button {
3412 float: right;
3413 padding: 5px 0 0 0;
3414}
3415#crm-container div.finalconf-button input {
3416 margin: 0;
3417}
3418#crm-container div.finalconf-intro {
3419 padding-bottom: 12px;
3420 font-style: italic;
3421}
3422#crm-container h4.finalconf-item {
3423 border-top: 1px solid #ccc;
3424 padding: 8px 0 8px 10px;
3425 margin: 0;
3426}
3427#crm-container div.finalconf-itemdesc {
3428 font-style: italic;
3429 padding: 6px 12px 6px 12px;
3430 color: #666;
3431 float: right;
3432 width: 60%;
3433}
3434#crm-container h4.finalconf-btm {
3435 border-bottom: 1px solid #ccc;
3436 margin-bottom: 20px;
3437}
3438
3439/* classes related to batch entry operation */
3440#crm-container span.batch-edit {
3441 padding: 2px 9px 2px 3px;
3442 margin: 2px 2px 3px 2px;
3443 cursor: pointer;
3444 cursor: hand;
3445 background-position: -66px -114px;
3446 background-image: url("../packages/jquery/jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png");
3447}
3448
3449#crm-container span.batch-valid {
3450 padding: 2px 9px 2px 3px;
3451 margin: 2px 2px 3px 2px;
3452 cursor: pointer;
3453 cursor: hand;
3454 background-position: -322px -143px;
3455 background-image: url("../packages/jquery/jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png");
3456}
3457
3458#crm-container span.batch-invalid {
3459 padding: 2px 9px 2px 3px;
3460 margin: 2px 2px 3px 2px;
3461 cursor: pointer;
3462 cursor: hand;
3463 background-position: -258px -143px;
3464 background-image: url("../packages/jquery/jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png");
3465}
3466
3467#crm-container #Entry ul#errorList {
3468 display: none;
3469}
3470
3471#crm-container table.batch-totals {
3472 border: 1px solid #7A7A60 !important;
3473 margin-top: 10px !important;
3474}
3475
3476/* grid div as table */
3477#crm-container .crm-grid-table {
3478 display: table;
3479 border-collapse: collapse;
3480 border: 1px solid #7A7A60;
3481 background-color: #FFFFFF;
3482 margin: 10px 3px 10px !important;
3483}
3484
3485#crm-container #crm-batch-entry-table {
3486 border-right: 2px solid #7A7A60 !important;
3487}
3488
3489#crm-container .crm-grid-row,
3490#crm-container .crm-grid-header {
3491 display: table-row;
3492}
3493
3494#crm-container .crm-grid-header {
3495 white-space: nowrap;
3496}
3497
3498#crm-container .crm-grid-cell {
3499 display: table-cell;
3500 border-right: 1px solid #EFEFEF;
3501 padding: 2px;
3502 vertical-align: top;
3503}
3504
3505/* Responsive layout changes */
3506
3507#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed,
3508#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed tbody,
3509#crm-container .contact_basic_information-section.narrowform.xnarrowform table.form-layout-compressed tr {
3510 display: block;
3511 width: 100%;
3512}
3513
3514#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed tr {
3515 display: inline-block;
3516 width: 49%;
3517 vertical-align: top;
3518}
3519
3520#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td {
3521 display: block;
3522 clear: left;
3523 vertical-align: top;
3524 margin-bottom: .5ex;
3525}
3526
3527#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td.hashelpicon {
3528 position: relative;
3529}
3530
3531#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td.hashelpicon label {
3532 padding-bottom: 16px;
3533}
3534
3535#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td .helpicon {
3536 position: absolute;
3537 bottom: -12px;
3538 left: 2px;
3539}
3540
3541#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td br {
3542 display: none;
3543}
3544
3545#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td label {
3546 display: block;
3547 box-sizing: border-box;
3548 -moz-box-sizing: border-box;
3549 width: 25%;
3550 float: left;
3551 padding-right: 1%;
3552}
3553
3554#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td input {
3555 box-sizing: border-box;
3556 -moz-box-sizing: border-box;
3557 width: 75%;
3558}
3559
3560#crm-container #mainTabContainer.narrowpage #contact-summary div.customFieldGroup,
3561#crm-container #mainTabContainer.narrowpage #contact-summary div.contactCardLeft,
3562#crm-container #mainTabContainer.narrowpage #contact-summary div.contactCardRight {
3563 box-sizing: border-box;
3564 -moz-box-sizing: border-box;
3565 float: none;
3566 width: 100%;
3567}
3568
3569/* in place edit */
3570#crm-container .crm-editable-enabled {
3571 white-space: nowrap;
3572}
3573
3574#crm-container .crm-editable-enabled,
3575#crm-container .crm-editable-textarea-enabled {
3576 display: block;
3577 padding-left: 2px;
3578 border: 2px dashed transparent;
3579}
3580
3581#crm-container .crm-editable-enabled:hover {
3582 display: block;
3583 padding-left: 2px;
3584 border: 2px dashed lightgrey;
3585}
3586
3587.crm-container .crm-editable-placeholder {
3588 background: url("../i/icons/jquery-ui-2786C2.png") -66px -114px no-repeat;
3589 text-indent: -10000px;
3590 display: block;
3591 width: 12px;
3592}
3593
3594.crm-container .crm-editable-saving {
3595 background: #FFFFCC!important;
3596 opacity: 0.8;
3597}
3598
3599.crm-container .crm-editable-error,
3600.crm-container .crm-editable-error input {
3601 background: red!important;
3602 opacity: 0.8;
3603}
3604
3605.crm-container h2.crm-editable-enabled input {
3606 min-height: 1.4em;
3607}
3608
3609/*crm-10345*/
3610.crm-container .field-action {
3611 word-wrap: normal;
3612}
3613
3614.crm-container .field-action span.btn-slide {
3615 padding-left: 0px;
3616 padding-right: 11px;
3617}
3618/*end crm-10345*/
3619
3620/* alter display of parent and child groups in Manage Groups selector */
3621#crm-container .crm-group-parent td.crm-group-name {
3622 padding-left: 20px;
3623 text-indent: -20px;
3624}
3625
3626#crm-container .crm-group-child td.crm-group-name.level_2 {
3627 padding-left: 40px;
3628 text-indent: -20px;
3629}
3630#crm-container .crm-group-child td.crm-group-name.level_3 {
3631 padding-left: 60px;
3632 text-indent: -20px;
3633}
3634
3635#crm-container div.crm-row-parent-name {
3636 padding: 3px 0px 0px .5em;
3637 opacity: 0.75;
3638}
3639#crm-container td span.show-children,
3640#crm-container td span.crm-no-children {
3641 padding-left: 20px;
3642}
3643
3644#crm-container span.collapsed,
3645#crm-container a.collapsed {
3646 background: url("../i/TreePlus.gif") no-repeat 0 0;
3647 padding-left: 19px;
3648 cursor: pointer;
3649}
3650
3651#crm-container span.expanded,
3652#crm-container a.expanded {
3653 background: url("../i/TreeMinus.gif") no-repeat 0 0;
3654 padding-left: 19px;
3655 cursor: pointer;
3656}
3657
3658/* Notifications */
3659#crm-container .ui-notify {
3660 width: 350px;
3661 position: fixed;
3662 top: 45px;
3663 right: 15px;
3664 z-index: 999999;
3665}
3666#crm-container div.ui-notify-message {
3667 padding: 10px;
3668 margin-bottom: 15px;
3669 color: #fff;
3670 -moz-border-radius: 8px;
3671 -webkit-border-radius: 8px;
3672 border-radius: 8px;
3673 max-height: 600px;
3674 overflow: auto;
3675}
3676#crm-container div.ui-notify-message h1 {
3677 font-size: 14px;
3678 margin: 0;
3679 padding: 4px;
3680 font-weight: bold;
3681 color: #fff;
3682}
3683#crm-container div.ui-notify-message p {
3684 margin: 3px 0;
3685 padding: 0;
3686 line-height: 18px;
3687}
3688.crm-container div.ui-notify-message: last-child {
3689 margin-bottom: 0;
3690}
3691.crm-container div.ui-notify-message-style {
3692 background: #000;
3693 background: rgba(0,0,0,0.8);
3694 -moz-box-shadow: 0 0 6px #000;
3695 -webkit-box-shadow: 0 0 6px #000;
3696 box-shadow: 0 0 6px #000;
3697}
3698.crm-container div.ui-notify-message-style a,
3699.crm-container div.ui-notify-message-style a:link {
3700 color: #CCD0FF;
3701 text-decoration: underline;
3702}
3703.crm-container div.ui-notify-message-style a:hover,
3704.crm-container div.ui-notify-message-style a:focus {
3705 color: #B2B8FF;
3706}
3707.crm-container div.ui-notify-message .ui-notify-close {
3708 cursor: pointer;
3709}
3710#crm-container div.ui-notify-message a.ui-notify-cross {
3711 margin-top: -4px;
3712 float: right;
3713 text-decoration: none;
3714 font-size: 12px;
3715 font-weight: bold;
3716 text-shadow: 0 1px 1px #fff;
3717 padding: 2px;
3718 color: #FDFDFD;
3719}
3720#crm-container div.ui-notify-message .ui-notify-cross:hover,
3721#crm-container div.ui-notify-message .ui-notify-cross:focus {
3722 color: #ffffab;
3723}
3724#crm-container div.ui-notify-message table,
3725#crm-container div.ui-notify-message tbody,
3726#crm-container div.ui-notify-message tr {
3727 border: 0 none;
3728 font-size: 11px;
3729}
3730#crm-container div.ui-notify-message td {
3731 background: rgba(255,255,255,0.1);
3732 border: 1px solid #111;
3733 font-size: 11px;
3734}
3735#crm-container div.ui-notify-message th {
3736 background: rgba(200,200,200,0.2);
3737 border: 1px solid #111;
3738 color: #eee;
3739 font-size: 11px;
3740}
3741#crm-container div.ui-notify-message ul,
3742#crm-container div.ui-notify-message ol {
3743 margin: 0.5em 0 1em;
3744 padding: 0 0 0 0.5em;
3745}
3746.crm-container div.ui-notify-message div.icon {
3747 background: transparent url("../i/message-icons.png") no-repeat 0 0;
3748 width: 24px;
3749 height: 24px;
3750 margin-right: 6px;
3751}
3752.crm-container div.ui-notify-message.success div.icon {
3753 background-position: -24px 0px;
3754}
3755.crm-container div.ui-notify-message.info div.icon {
3756 background-position: -48px 0px;
3757}
3758.crm-container div.ui-notify-message.error div.icon {
3759 background-position: -72px 0px;
3760}
3761
3762/* Public Pages */
3763
3764#crm-container.crm-public input[type="text"],
3765#crm-container.crm-public select {
3766 font-size: 15px;
3767 padding: 5px;
3768 border-radius: 2px;
3769 vertical-align: middle;
3770}
3771
3772#crm-container.crm-public .label {
3773 padding-top: 6px;
3774}
3775
3776#crm-container.crm-public .crm-section,
3777.crm-section {
3778 margin-bottom: 0;
3779}
3780
3781#crm-container.crm-public #crm-submit-buttons {
3782 margin-top: 30px;
3783}
3784
3785#crm-container.crm-public #crm-submit-buttons input#_qf_Main_upload-bottom {
3786 font-size: 1.5em;
3787 padding: 3px 10px;
3788}
3789
3790#crm-container.crm-public #premiums-listings {
3791 margin-top: 10px;
3792 min-width: 450px;
3793 width: 60%;
3794}
3795
3796#crm-container.crm-public #premiums-listings .premium {
3797 margin: 5px 0;
3798}
3799
3800#crm-container.crm-public #premiums-listings .premium .premium-short {
3801 padding: 10px;
3802 border: 2px solid #ffffff;
3803 background-color: #f0f0f0;
3804 cursor: pointer;
3805}
3806
3807#crm-container.crm-public #premiums-listings .premium .premium-short:hover {
3808 border: 2px solid #b0b0b0;
3809}
3810
3811#crm-container.crm-public #premiums-listings .premium .premium-short-thumbnail {
3812 float: left;
3813 width: 50px;
3814}
3815
3816#crm-container.crm-public #premiums-listings .premium .premium-short-thumbnail img {
3817 width: 50px;
3818}
3819
3820#crm-container.crm-public #premiums-listings .premium .premium-short-content {
3821 text-align: center;
3822 font-size: 20px;
3823 font-weight: bold;
3824 padding: 20px;
3825}
3826
3827#crm-container.crm-public #premiums-listings .premium .premium-full {
3828 display: none;
3829 padding: 5px;
3830 border: 2px solid #cfcfcf;
3831 background-color: #ffffff;
3832}
3833
3834#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-image {
3835 float: left;
3836 width: 200px;
3837 padding: 10px;
3838}
3839
3840#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-image img {
3841 width: 200px;
3842}
3843
3844#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-title {
3845 text-align: center;
3846 font-size: 1.5em;
3847 font-weight: bold;
3848 padding: 20px;
3849}
3850
3851#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-min {
3852 font-size: .9em;
3853 font-style: italic;
3854}
3855
3856#crm-container.crm-public #premiums-listings .premium.premium-no_thanks .premium-short {
3857 text-align: center;
3858 font-size: 1.3em;
3859 padding: 10px;
3860}
3861
3862#crm-container.crm-public #premiums-listings .premium.premium-no_thanks .premium-full {
3863 text-align: center;
3864 font-size: 1.3em;
3865 font-weight: bold;
3866 padding: 10px;
3867}
3868
3869#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-short,
3870#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-image,
3871#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-title,
3872#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-description,
3873#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-options,
3874#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-min {
3875 opacity: 0.5;
3876}
3877#crm-container.crm-public #premiums-listings .premium .premium-full-disabled {
3878 display: none;
3879}
3880#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full-disabled {
3881 display: block;
3882 color: #ff0000;
3883 text-align: center;
3884 font-weight: bold;
3885 margin-bottom: .5em;
3886}
3887
3888#crm-container.crm-public .price-set-row {
3889 font-size: 15px;
3890 margin-bottom: 5px;
3891}
3892
3893#crm-container.crm-public .price-set-row input,
3894#crm-container.crm-public .price-set-row label {
3895 vertical-align: middle;
3896 cursor: pointer;
3897}
3898
3899#crm-container.crm-public .price-set-row .crm-price-amount-amount {
3900 font-weight: bold;
3901 min-width: 2em;
3902 color: #333333;
3903}
3904
3905#crm-container.crm-public .price-set-row .crm-price-amount-label {
3906 color: #444444;
3907}
3908
3909#crm-container.crm-public .price-set-row.highlight label {
3910 color: #000000;
3911 font-weight: bold;
3912}
3913
3914#crm-container.crm-public .price-set-row.highlight .crm-price-amount-label {
3915 color: #222222;
3916}
3917
3918#crm-container .crm-extensions-upgrade {
3919 background: #ffb;
3920 border: 1px solid #000;
3921 text-align: center;
3922}