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