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