projects / civicrm-core.git / blame
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (incremental) | history | HEAD
update CONTRIBUTORS
[civicrm-core.git] / css / civicrm.css
CommitLineData
6a488035
TO		 1/**
2 * @file: CiviCRM Stylesheet
3 *
4 * NOTE: The main civicrm container has both class and id of crm-container
5 * Other civi blocks outside the main container also have the class crm-container (but not the id)
6 * All styles should start with .crm-container unless they are specific to the main div only
7 */
8
9.crm-container label {
10 font-weight: normal;
11 display: inline;
12}
13
14.crm-container .crm-quickSearchField {
15 font-weight: normal;
16}
17
18#crm-container .hiddenElement,
19.crm-container .hiddenElement {
20 display: none;
21}
22
23#crm-container .clear,
24.crm-container .clear {
25 clear: both;
26}
27
28.crm-container a,
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;
6cdd926c 780 font-family: Helvetica, Arial, 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;
6cdd926c 1257 font-family: Helvetica, Arial, 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
2588#crm-container .geotag {
2589 padding: 2px 0 2px 20px !important;
2590 background: url('../i/geotag_16.png') left center no-repeat;
2591 font-size: .9em;
2592}
2593
2594/* These .crm-icon classes use item_sprites.png */
2595
2596.crm-container .crm-icon {
2597 background-image: url('../i/item_sprites.png');
2598 margin: 2px 4px 0 0;
2599 text-indent: -10000px;
2600 /* for accessibility reason, put the name of the type/subtype in the icon div (it will be hidden and replaced by the icon) */
2601}
2602
2603.crm-container .Individual-icon {
2604 background-position: 0px 0px;
2605}
2606.crm-container .Group-icon {
2607 background-position: -16px 0px;
2608}
2609.crm-container .Household-icon {
2610 background-position: -32px 0px;
2611}
2612
2613.crm-container .Individual-subtype-icon {
2614 background-position: 0px -48px;
2615}
2616.crm-container .Household-subtype-icon {
2617 background-position: -32px -48px;
2618}
2619.crm-container .Organization-subtype-icon {
2620 background-position: -48px -48px;
2621}
2622
2623.crm-container .Organization-icon {
2624 background-position: -48px 0px;
2625}
2626.crm-container .Activity-icon {
2627 background-position: -64px 0px;
2628}
2629.crm-container .Case-icon {
2630 background-position: -80px 0px;
2631}
2632.crm-container .Grant-icon {
2633 background-position: 0px -16px;
2634}
2635.crm-container .Contribution-icon {
2636 background-position: -16px -16px;
2637}
2638.crm-container .Pledge-icon {
2639 background-position: -16px -16px;
2640}
2641.crm-container .Membership-icon {
2642 background-position: -32px -16px;
2643}
2644.crm-container .Participant-icon {
2645 background-position: 0px -32px;
2646}
2647.crm-container .Note-icon {
2648 background-position: -16px -32px;
2649}
2650.crm-container .Relationship-icon {
2651 background-position: -32px -32px;
2652}
2653
2654/* accordion styles */
2655
201ddbaf 2656.crm-container .crm-accordion-header {
6a488035
TO		 2657 background-image: url("../i/TreeMinusWhite.gif");
2658 background-repeat: no-repeat;
2659 background-position: 2px center;
2660 cursor: pointer;
2661 color: #F5F6F1;
2662 font-weight: normal;
2663 padding: 4px 8px 4px 20px;
2664 background-color: #5D677B;
2665}
2666
201ddbaf 2667.crm-container .crm-accordion-header:hover {
6a488035
TO		 2668 background-color: #32414f;
2669}
2670
201ddbaf 2671.crm-container .collapsed .crm-accordion-header {
6a488035
TO		 2672 background-image: url("../i/TreePlusWhite.gif");
2673}
2674
201ddbaf
CW		 2675.crm-container .collapsed .crm-accordion-body,
2676.crm-container .crm-collapsible.collapsed .collapsible-title + * {
6a488035
TO		 2677 display: none;
2678}
2679
201ddbaf
CW		 2680.crm-container .crm-accordion-inner .crm-accordion-header,
2681.crm-container .crm-accordion-wrapper .crm-master-accordion-header,
2682.crm-container .crm-collapsible .collapsible-title {
6a488035
TO		 2683 background-image: url("../i/TreeMinus.gif");
2684 background-color: transparent;
2685 color: #3E3E3E;
2686}
2687
201ddbaf
CW		 2688.crm-container .crm-accordion-inner.collapsed .crm-accordion-header,
2689.crm-container .crm-accordion-wrapper.collapsed .crm-master-accordion-header,
2690.crm-container .crm-collapsible.collapsed .collapsible-title {
6a488035
TO		 2691 background-image: url("../i/TreePlus.gif");
2692}
2693
201ddbaf 2694.crm-container .crm-accordion-wrapper .crm-master-accordion-header {
6a488035
TO		 2695 background-color: transparent;
2696 font-size: 16px;
2697 color: #3e3e3e;
2698 margin-bottom: 0px;
2699}
2700
201ddbaf 2701.crm-container .crm-accordion-inner .crm-accordion-header {
6a488035
TO		 2702 font-size: 12px;
2703}
2704
201ddbaf 2705.crm-container .crm-accordion-wrapper {
6a488035
TO		 2706 margin-bottom: 4px;
2707}
2708
201ddbaf 2709.crm-container .crm-accordion-header {
6a488035
TO		 2710 -moz-border-radius: 4px 4px 0px 0px;
2711 -webkit-border-radius: 4px 4px 0px 0px;
2712 -khtml-border-radius: 4px 4px 0px 0px;
2713 border-radius: 4px 4px 0px 0px;
2714}
2715
201ddbaf 2716.crm-container .collapsed .crm-accordion-header {
6a488035
TO		 2717 -moz-border-radius: 4px;
2718 -webkit-border-radius: 4px;
2719 -khtml-border-radius: 4px;
2720 border-radius: 4px;
2721}
2722
201ddbaf 2723.crm-container .crm-accordion-body {
6a488035
TO		 2724 -moz-border-radius: 0px 0px 4px 4px;
2725 -webkit-border-radius: 0px 0px 4px 4px;
2726 -khtml-border-radius: 0px 0px 4px 4px;
2727 border-radius: 0px 0px 4px 4px;
2728 border: 1px solid #70716B;
2729 border-top: 0px;
2730 padding: 4px 0px;
2731}
2732
201ddbaf 2733.crm-container .crm-collapsible .collapsible-title {
6a488035
TO		 2734 padding-left: 19px;
2735 text-decoration: none;
2736 background-repeat: no-repeat;
2737 background-position: 0px center;
2738 cursor: pointer;
2739}
2740
201ddbaf 2741.crm-container .crm-master-accordion-header+.crm-accordion-body {
6a488035
TO		 2742 border: none;
2743 padding: 0px;
2744}
2745
201ddbaf 2746.crm-container .crm-accordion-header.active {
6a488035
TO		 2747 font-weight: bold;
2748 background-color: #41477E;
2749}
2750
201ddbaf 2751.crm-container .crm-accordion-header.active:hover {
6a488035
TO		 2752 background-color: #2E3471;
2753}
2754
201ddbaf 2755.crm-container .crm-accordion-header a.close-accordion {
6a488035
TO		 2756 font-weight: normal !important;
2757 float: right;
2758 color: #FFF !important;
2759 text-decoration: none;
2760}
2761
201ddbaf 2762.crm-container .crm-accordion-header a.close-accordion:hover {
6a488035
TO		 2763 text-decoration: underline !important;
2764}
2765
201ddbaf
CW		 2766.crm-container .crm-master-accordion-header.crm-accordion-header:hover,
2767.crm-container .crm-collapsible .collapsible-title:hover {
6a488035
TO		 2768 background-color: transparent;
2769 color: #0200A0;
2770}
2771
2772/* civicrm admin menu */
2773#civicrm-menu {
2774 height: 27px;
2775}
2776
2777#civicrm-menu .ac_input,
2778.crm-container .ac_input {
2779 background: white url(../i/magnify.gif) no-repeat scroll right center;
2780 padding-right: 16px;
2781 /* so that text doesn't flow on top of icon */
2782}
2783#crm-container .ac_input {
2784 width: 20em;
2785}
2786
2787#civicrm-menu #crm-qsearch {
2788 padding: 1px 3px 1px 2px;
2789 height: 20px;
2790}
2791
2792#civicrm-menu #crm-qsearch input {
2793 background-color: #ffffff;
2794 border: 1px solid black;
2795 margin: 0px;
2796 padding: 2px 16px 3px 2px;
2797}
2798
2799#civicrm-menu #menu-logout {
2800 float: right;
2801 border-left: 1px solid #5D5D5D;
2802}
2803
2804/* Pop-up help icon - eliminate forced line break */
2805.crm-container a.helpicon,
2806.crm-container .crm-master-accordion-header a.helpicon {
2807 background-position: -128px -98px;
2808 background-image: url(../i/icons/jquery-ui-2786C2.png);
2809 background-color: transparent;
2810 width: 16px;
2811 height: 16px;
2812 display: inline-block;
2813}
2814
2815div.crm-accordion-header a.helpicon {
2816 background-image: url(../i/icons/jquery-ui-F5F6F1.png);
2817}
2818
2819div a.helpicon:hover,
2820div a.helpicon:focus {
2821 background-image: url(../i/icons/jquery-ui-91CE00.png);
2822}
2823
2824.crm-container .crm-summary-link {
2825 position: relative;
2826 z-index: 16;
2827}
2828
2829.crm-container .crm-tooltip-wrapper {
2830 position: absolute;
2831 bottom: 0px;
2832 left: -36px;
2833 overflow: hidden;
2834 z-index: 1000;
2835 padding-bottom: 10px;
2836 background: transparent url('../i/overlay-pointer.png') no-repeat bottom left;
2837 font-size: 12px;
2838 display: none;
2839}
2840
2841.crm-container .crm-tooltip-down .crm-tooltip-wrapper {
2842 top: 20px;
2843 padding-top: 10px;
2844 background: transparent url('../i/overlay-pointer.png') no-repeat top left;
2845 overflow: visible;
2846}
2847
2848.crm-container .crm-tooltip-active {
2849 z-index: 20;
2850}
2851
2852.crm-container .crm-tooltip-active .crm-tooltip-wrapper {
2853 display: block;
2854}
2855
2856.crm-container .crm-tooltip {
2857 padding: 4px;
2858 background-color: #2f2f2e;
2859 color: #FFF;
2860 margin-left: 11px;
2861 min-width: 20px;
2862 min-height: 20px;
2863}
2864#crm-container .crm-tooltip table,
2865#crm-container .crm-tooltip table tr td {
2866 border: none;
2867}
2868.crm-container .crm-tooltip .crm-summary-group {
2869 width: 700px;
2870 margin-bottom: 0px;
2871}
2872
2873.crm-container .crm-tooltip .crm-report-overlay {
2874 width: 500px;
2875 margin-bottom: 0px;
2876}
2877
2878.crm-container .crm-tooltip .crm-report-overlay thead td {
2879 font-weight: bold;
2880}
2881
2882.crm-container .crm-summary-group h2 {
2883 padding: 2px 4px 0 4px;
2884 font-size: 14px;
2885 color: #FFF;
2886 margin-bottom: 0px;
2887}
2888
2889/* crm-summary-group appears outside crm-container for contact summary icon overlay */
2890#crm-container .crm-summary-group .crm-section .label,
2891.crm-container .crm-summary-group .crm-section .label {
2892 text-align: left;
2893 width: 40%;
2894 font-size: 11px;
2895 color: #A7A7A7;
2896}
2897
2898#crm-container .crm-summary-group .crm-section .content,
2899.crm-container .crm-summary-group .crm-section .content {
2900 margin-left: 41%;
2901}
2902
2903
2904
2905/* Class for tokens and helpicon */
2906.crm-container .helpIcon {
2907 float: right;
2908 position: relative;
2909 z-index: 1;
2910 margin-right: 45px;
2911}
2912
2913#crm-container ul.token-input-list-facebook, ul.token-input-list-facebook li.leaf,
2914#crm-container ul li {
2915 list-style-image: none;
2916}
2917
2918/* privacy icons */
2919#crm-container div span.privacy-flag {
2920 background-repeat: no-repeat;
2921 background-image: url("../i/stop-icon.png");
2922 float: right;
2923}
2924
2925/* specific, targeted fixes */
2926#crm-container .dashboard-elements,
2927#crm-container #membership-listings,
2928#crm-container #premiums-listings,
2929#crm-container #searchForm table {
2930 margin: 0em;
2931 border-collapse: collapse;
2932 border: 0px none;
2933}
2934
2935/* Override Drupal .2em margin-bottom on forms (we don't want to give up that space) */
2936div#crm-container form {
2937 margin-bottom: 0em;
2938}
2939
2940/* This is the style for the trigger icon. The margin-bottom value causes the icon to shift down to center it. */
2941.crm-container .ui-datepicker-trigger {
2942 margin-top: 4px;
2943 margin-bottom: -6px;
2944}
2945
2946.crm-container .ui-datepicker {
2947 z-index: 1;
2948}
2949
2950#activity-content table {
2951 width: 100%!important;
2952}
2953
2954/* ui dialog state */
2955.ui-state-default,
2956.ui-widget-content .ui-state-default,
2957.ui-widget-content,
2958.ui-widget-header {
2959 color: #3e3e3e;
2960 border:0px solid transparent;
2961 border-color:transparent;
2962}
2963
2964/* ui dialog state */
2965.ui-state-hover,
2966.ui-widget-content .ui-state-hover,
2967.ui-widget-header .ui-state-hover,
2968.ui-state-focus,
2969.ui-widget-content .ui-state-focus,
2970.ui-widget-header .ui-state-focus {
2971 border: 0px solid #70716b;
2972 background: #484e4c url("../packages/jquery/jquery-ui-1.9.0/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
2973 font-weight: normal;
2974 color: #f5f6f1;
2975}
2976
2977#Tag .tree .collapsable .hit,
2978#Tag .tree .expandable .hit {
2979 padding-left: 16px;
2980}
2981
2982/* DataTables fixes */
2983#crm-container .dataTables_length {
2984 float: none;
2985 padding-bottom: 5px;
2986}
2987#crm-container .crm-datatable-pager-top {
2988 padding-top: 5px;
2989 padding-bottom: 25px;
2990}
2991#crm-container .crm-datatable-pager-bottom {
2992 padding-top: 10px;
2993 padding-bottom: 25px;
2994}
2995#crm-container .crm-datatable-pager-top .dataTables_length {
2996 float: left;
2997}
2998#crm-container .css_right {
2999 float: right;
3000}
3001
3002/* Date plugin */
3003#crm-container input.dateplugin {
3004 background: white url(../i/cal.gif) no-repeat scroll right center;
3005 padding-right: 16px;
3006 /* so that text doesn't flow on top of icon */
3007 width: 9em;
3008}
3009
3010/* Date plugin */
3011#crm-container div.batch-update {
3012 overflow: visible;
3013}
3014
3015/* Help text in Send Mail*/
3016#crm-container div.messageHelp {
3017 z-index: 1;
3018 position: absolute;
3019 margin: 6px 0px 0px 115px;
3020}
3021/*chart */
3022#chartData {
3023 overflow: auto;
3024}
3025
3026#crm-container .signature {
3027 width: 495px;
3028}
3029
3030/* editor skin tweaks */
3031
3032#crm-container span.cke_skin_kama {
3033 border: none;
3034}
3035#crm-container .cke_skin_kama .cke_wrapper {
3036 background-image: none;
3037}
3038
3039/* skin */
3040
3041#crm-container .crm-title {
3042 margin-bottom: 8px;
3043}
3044
3045/* tables */
3046.crm-container table {
3047 border: 1px solid #efefef;
3048}
3049
3050.crm-container .crm-form-block table {
3051 border: none;
3052}
3053.crm-container tr.even,
3054.crm-container tr.odd,
3055.crm-container tbody th {
3056 border-color: #FFF #FFF #efefef #FFF;
3057}
3058
3059.crm-container tr.even-row td,
3060.crm-container tr.odd-row td,
3061.crm-container table.display td,
3062.crm-container table.pagerDisplay td {
3063 border-color: #efefef;
3064 border-right: 1px solid #efefef;
3065}
3066.crm-container .odd-row,
3067.crm-container .odd,
3068tbody.scrollContent {
3069 background-color: #FAFAFA;
3070}
3071.crm-container .even-row,
3072.crm-container .even,
3073tbody.scrollContent tr.alternateRow {
3074 background-color: #EFEFEF;
3075}
3076
3077.crm-container td.checkbox {
3078 vertical-align: middle;
3079 text-align: center;
3080}
3081.crm-container tr.columnheader a.sorting {
3082 color: #a7a7a7;
3083}
3084
3085.crm-container a.sorting {
3086 color: #A7A7A7;
3087}
3088.crm-container a.sorting_desc,
3089.crm-container a.sorting_asc {
3090 color: #000;
3091}
3092
3093.crm-container tr a.sorting,
3094.crm-container tr a.sorting_asc,
3095.crm-container tr a.sorting_desc {
3096 color: #52534D;
3097}
3098
3099/*contact summary page */
3100.crm-container .ui-tabs .ui-tabs-nav {
3101 background-color: #e6e6dc;
3102}
3103#mainTabContainer .crm-tab-button {
3104 background-color: #f5f6f1;
3105}
3106#mainTabContainer li.ui-state-active,
3107#mainTabContainer li.ui-state-hover {
3108 background: #FFF;
3109}
3110
3111#crm-container div.contact_details,
3112#crm-container #customFields .contact_panel .customFieldGroup {
3113 background-color: transparent;
3114}
3115
3116#crm-container div.contact_panel td,
3117.crm-container table.crm-info-panel td {
3118 border-bottom: 1px solid #FFF;
3119}
3120
3121#crm-container div.contactCardLeft .label,
3122#crm-container div.contactCardRight .label,
3123.crm-container table.crm-info-panel .label {
3124 color: #2f2f2f;
3125 font-weight: normal;
3126}
3127
3128.crm-container .disabled,
3129.crm-container .cancelled {
3130 color: #999999 !important;
3131}
3132#mainTabContainer li.disabled {
3133 text-decoration: none;
3134}
3135#mainTabContainer li.disabled a:link {
3136 color: #999999 !important;
3137}
3138#crm-container tr.crm-job {
3139 text-decoration: none !important;
3140}
3141
3142#crm-container table.selector td {
3143 border-right: 1px dotted #DDDDDD;
3144}
3145#crm-container #customFields div.contact_panel td {
3146 border-bottom: 1px solid #FFFFFF;
3147 padding: 4px;
3148 vertical-align: top;
3149}
3150
3151#crm-container div.contact_panel td,
3152.crm-container table.crm-info-panel td {
3153 background-color: #f4f4ed;
3154}
3155
3156#crm-container div.contact_panel td.label,
3157#crm-container #customFields div.contact_panel td.label,
3158.crm-container table.crm-info-panel td.label {
3159 background-color: #fafafa;
3160 width: 120px;
3161 text-align: left;
3162 color: #7a7a60;
3163}
3164.crm-container table.crm-info-panel td.label {
3165 width: 150px;
3166}
3167
3168#crm-container .form-layout td.label,
3169#crm-container .form-layout-compressed td.label {
3170 width: 150px;
3171 text-align: right;
3172 color: #7a7a60;
3173}
3174
3175#crm-container .form-layout td.label,
3176#crm-container form table.report .label,
3177#crm-container form table label,
3178#crm-container form table.report label {
3179 color: #3e3e3e;
3180}
3181
3182#crm-container div.contact_panel td.grouplabel {
3183 border-bottom: 2px solid #D7D7D0 !important;
3184}
3185
3186#tagGroup table .label {
3187 color: #FFF;
3188}
3189#tagGroup table {
3190 color: #000;
3191}
3192
3193
3194/* search results */
3195
3196.crm-container .crm-search-tasks,
3197.crm-container .crm-tasks {
3198 background-color: #F0F0E8;
3199 color: #52534D;
3200}
3201
3202#crm-container .crm-tasks table {
3203 margin: 0;
3204}
3205
3206.crm-container .crm-results-block {
3207 position: relative;
3208}
3209
3210/* warning labels and messages */
3211.crm-container del,
3212.crm-container .crm-is_deleted,
3213.crm-container table.caseSelector td.status-urgent,
3214.crm-container .font-red,
3215.crm-container .status-removed,
3216.crm-container .status-overdue,
3217.crm-container .status-fatal,
3218.crm-container .status-hold,
3219.crm-container .status-past,
3220.crm-container .status-warning {
3221 color: #E43D2B !important;
3222}
3223
3224/* rounded corners - we will call dd_roundies on all this */
3225.crm-container .crm-button,
3226.crm-container a.button,
3227.crm-container a.button:link,
3228.crm-container input.form-submit,
3229.crm-container input[type=button],
3230.crm-container input.form-submit-inline {
3231 -moz-border-radius: 3px;
3232 -webkit-border-radius: 3px;
3233 -khtml-border-radius: 3px;
3234 border-radius: 3px;
3235}
3236
3237
3238.crm-container div.status,
3239div.m ul#civicrm-menu,
3240.crm-container #help,
3241.crm-container .help,
3242.crm-container .ui-tabs-panel,
3243.crm-container .crm-content-block,
3244#full-screen-header,
3245.crm-container .crm-pager,
3246.crm-container form .section-hidden-border,
3247.crm-container #search-status,
3248.crm-container .crm-form-block,
3249.crm-container .crm-search-tasks,
3250.crm-container .crm-tasks,
3251.crm-container div.form-item,
3252.crm-container div.messages {
3253 -moz-border-radius: 4px;
3254 -webkit-border-radius: 4px;
3255 -khtml-border-radius: 4px;
3256 border-radius: 4px;
3257}
3258
3259/* autocomplete */
3260
3261.ac_results {
3262 background: transparent url(../i/dropdown-pointer.gif) no-repeat 25px 1px;
3263 padding-top: 5px;
3264 border: none;
3265 text-align: left;
3266}
3267
3268.ac_results-inner,
3269.crm-participant-list-inner,
3270.crm-event-links-list-inner,
3271.crm-contribpage-links-list-inner,
3272.crm-create-new-list-inner,
3273.crm-contact-actions-list-inner {
3274 background-color: #2f2f2e;
3275 padding: 4px;
3276}
3277
3278.crm-create-new-list-inner {
3279 width: 124px!important;
3280}
3281
3282.ac_even {
3283 background-color: transparent;
3284}
3285.ac_odd {
3286 background-color: #4F4F4F;
3287}
3288
3289.ac_results li a {
3290 display: block;
3291}
3292
3293.ac_results li,
3294.ac_results li a,
3295.ac_results li a:visited,
3296.crm-container .ac_results li,
3297.crm-container .ac_results li a,
3298.crm-container .ac_results li a:visited {
3299 color: #DFDFDF;
3300 text-decoration: none;
3301}
3302
3303.ac_results li strong {
3304 color: #FFF;
3305 font-weight: normal;
3306}
3307
3308.ac_results li .icon,
3309.ac_results li a .icon,
3310.ac_results li a:visited .icon,
3311.crm-container .ac_results li .icon,
3312.crm-container .ac_results li a .icon,
3313.crm-container .ac_results li a:visited .icon {
3314 background-image: url(../i/icons/jquery-ui-FFFFFF.png);
3315}
3316
3317.ac_results li a:hover .icon,
3318.ac_results li.ac_over a .icon,
3319.crm-container .ac_results li a:hover .icon {
3320 background-image: url(../i/icons/jquery-ui-3E3E3E.png);
3321}
3322
3323.ac_results li.ac_over,
3324.ac_results li:hover,
3325.ac_results li:hover a,
3326.ac_results li.ac_over a,
3327.ac_results li a:hover,
3328.ac_results li.ac_over a:visited {
3329 background-color: #F5F6F1;
3330 color: #666;
3331}
3332.ac_results li.ac_over strong,
3333.ac_results li:hover strong,
3334.crm-container .ac_results li.ac_over strong {
3335 color: #000;
3336}
3337
3338/* loader autocomplete */
3339
3340#civicrm-menu .ac_loading,
3341.crm-container .ac_loading {
3342 background: white url('../i/loading.gif') no-repeat right center;
3343}
3344
3345/* theming for panel and context menus */
3346#crm-container td ul.panel li {
3347 background-color: #2F2F2E;
3348}
3349
3350#crm-container .panel li a {
3351 color: #DFDFDF;
3352}
3353
3354#crm-container .panel li a:hover,
3355#crm-container .crm-participant-list-inner li a:hover,
3356#crm-container .crm-event-links-list-inner li a:hover,
3357#crm-container .crm-contribpage-links-list-inner li a:hover {
3358 color: #3e3e3e;
3359 background-color: #F5F6F1;
3360 text-decoration: none;
3361}
3362
3363/* Special styling for specific form buttons */
3364#crm-container span.crm-button_qf_Main_upload input,
3365#crm-container span.crm-button_qf_Confirm_next input,
3366#crm-container span.crm-button_qf_Register_upload input {
3367 font-size: 1.2em;
3368}
3369
3370/*Import progress bar */
3371.crm-container .ui-progressbar-value {
3372 background-image: url("../packages/jquery/css/images/pbar-ani.gif");
3373}
3374
3375/*Needed for jstree contextmenu */
3376#vakata-contextmenu.jstree-default-context li {
3377 background: none repeat scroll 0 0 transparent;
3378}
3379
3380/* Class for successful upgrade */
3381.crm-container .upgrade-success {
3382 background-color: #00CC00;
3383 color: white;
3384}
3385
3386.crm-container .extension-upgradable {
3387 background-color: #FFFFCC !important;
3388}
3389
3390.crm-container .extension-installed {
3391 background-color: #DDFFDD !important;
3392}
3393
3394.crm-container .extension-missing {
3395 color: #E43D2B !important;
3396}
3397
3398/* table row highlightng */
3399#crm-container table.row-highlight tr:hover {
3400 background-color: #FFFFCC !important;
3401}
3402#crm-container .civicrm-drupal-wysiwyg .collapsed {
3403 background: transparent;
3404 padding-left: 0px;
3405}
3406
3407#manageTags {
3408 position: static;
3409 z-index: -100;
3410}
3411
3412#crm-container .crm-socialnetwork {
3413 margin-top: 1em;
3414}
3415
3416#crm-container .crm-fb-tweet-buttons {
3417 width: 93%;
3418}
3419#crm-container div.finalconf-button {
3420 float: right;
3421 padding: 5px 0 0 0;
3422}
3423#crm-container div.finalconf-button input {
3424 margin: 0;
3425}
3426#crm-container div.finalconf-intro {
3427 padding-bottom: 12px;
3428 font-style: italic;
3429}
3430#crm-container h4.finalconf-item {
3431 border-top: 1px solid #ccc;
3432 padding: 8px 0 8px 10px;
3433 margin: 0;
3434}
3435#crm-container div.finalconf-itemdesc {
3436 font-style: italic;
3437 padding: 6px 12px 6px 12px;
3438 color: #666;
3439 float: right;
3440 width: 60%;
3441}
3442#crm-container h4.finalconf-btm {
3443 border-bottom: 1px solid #ccc;
3444 margin-bottom: 20px;
3445}
3446
3447/* classes related to batch entry operation */
3448#crm-container span.batch-edit {
3449 padding: 2px 9px 2px 3px;
3450 margin: 2px 2px 3px 2px;
3451 cursor: pointer;
3452 cursor: hand;
3453 background-position: -66px -114px;
3454 background-image: url("../packages/jquery/jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png");
3455}
3456
3457#crm-container span.batch-valid {
3458 padding: 2px 9px 2px 3px;
3459 margin: 2px 2px 3px 2px;
3460 cursor: pointer;
3461 cursor: hand;
3462 background-position: -322px -143px;
3463 background-image: url("../packages/jquery/jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png");
3464}
3465
3466#crm-container span.batch-invalid {
3467 padding: 2px 9px 2px 3px;
3468 margin: 2px 2px 3px 2px;
3469 cursor: pointer;
3470 cursor: hand;
3471 background-position: -258px -143px;
3472 background-image: url("../packages/jquery/jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png");
3473}
3474
3475#crm-container #Entry ul#errorList {
3476 display: none;
3477}
3478
3479#crm-container table.batch-totals {
3480 border: 1px solid #7A7A60 !important;
3481 margin-top: 10px !important;
3482}
3483
3484/* grid div as table */
3485#crm-container .crm-grid-table {
3486 display: table;
3487 border-collapse: collapse;
3488 border: 1px solid #7A7A60;
3489 background-color: #FFFFFF;
3490 margin: 10px 3px 10px !important;
3491}
3492
3493#crm-container #crm-batch-entry-table {
3494 border-right: 2px solid #7A7A60 !important;
3495}
3496
3497#crm-container .crm-grid-row,
3498#crm-container .crm-grid-header {
3499 display: table-row;
3500}
3501
3502#crm-container .crm-grid-header {
3503 white-space: nowrap;
3504}
3505
3506#crm-container .crm-grid-cell {
3507 display: table-cell;
3508 border-right: 1px solid #EFEFEF;
3509 padding: 2px;
3510 vertical-align: top;
3511}
3512
3513/* Responsive layout changes */
3514
3515#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed,
3516#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed tbody,
3517#crm-container .contact_basic_information-section.narrowform.xnarrowform table.form-layout-compressed tr {
3518 display: block;
3519 width: 100%;
3520}
3521
3522#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed tr {
3523 display: inline-block;
3524 width: 49%;
3525 vertical-align: top;
3526}
3527
3528#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td {
3529 display: block;
3530 clear: left;
3531 vertical-align: top;
3532 margin-bottom: .5ex;
3533}
3534
3535#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td.hashelpicon {
3536 position: relative;
3537}
3538
3539#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td.hashelpicon label {
3540 padding-bottom: 16px;
3541}
3542
3543#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td .helpicon {
3544 position: absolute;
3545 bottom: -12px;
3546 left: 2px;
3547}
3548
3549#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td br {
3550 display: none;
3551}
3552
3553#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td label {
3554 display: block;
3555 box-sizing: border-box;
3556 -moz-box-sizing: border-box;
3557 width: 25%;
3558 float: left;
3559 padding-right: 1%;
3560}
3561
3562#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td input {
3563 box-sizing: border-box;
3564 -moz-box-sizing: border-box;
3565 width: 75%;
3566}
3567
3568#crm-container #mainTabContainer.narrowpage #contact-summary div.customFieldGroup,
3569#crm-container #mainTabContainer.narrowpage #contact-summary div.contactCardLeft,
3570#crm-container #mainTabContainer.narrowpage #contact-summary div.contactCardRight {
3571 box-sizing: border-box;
3572 -moz-box-sizing: border-box;
3573 float: none;
3574 width: 100%;
3575}
3576
3577/* in place edit */
cf6f10ce 3578.crm-container .crm-editable-enabled {
6a488035
TO		 3579 white-space: nowrap;
3580}
3581
cf6f10ce
CW		 3582.crm-container .crm-editable-enabled,
3583.crm-container .crm-editable-textarea-enabled {
6a488035
TO		 3584 display: block;
3585 padding-left: 2px;
3586 border: 2px dashed transparent;
3587}
3588
cf6f10ce 3589.crm-container .crm-editable-enabled:hover {
6a488035
TO		 3590 display: block;
3591 padding-left: 2px;
3592 border: 2px dashed lightgrey;
3593}
3594
3595.crm-container .crm-editable-placeholder {
3596 background: url("../i/icons/jquery-ui-2786C2.png") -66px -114px no-repeat;
3597 text-indent: -10000px;
3598 display: block;
3599 width: 12px;
3600}
3601
3602.crm-container .crm-editable-saving {
3603 background: #FFFFCC!important;
3604 opacity: 0.8;
3605}
3606
3607.crm-container .crm-editable-error,
3608.crm-container .crm-editable-error input {
3609 background: red!important;
3610 opacity: 0.8;
3611}
3612
3613.crm-container h2.crm-editable-enabled input {
3614 min-height: 1.4em;
3615}
3616
3617/*crm-10345*/
3618.crm-container .field-action {
3619 word-wrap: normal;
3620}
3621
3622.crm-container .field-action span.btn-slide {
3623 padding-left: 0px;
3624 padding-right: 11px;
3625}
3626/*end crm-10345*/
3627
3628/* alter display of parent and child groups in Manage Groups selector */
3629#crm-container .crm-group-parent td.crm-group-name {
3630 padding-left: 20px;
3631 text-indent: -20px;
3632}
3633
3634#crm-container .crm-group-child td.crm-group-name.level_2 {
3635 padding-left: 40px;
3636 text-indent: -20px;
3637}
3638#crm-container .crm-group-child td.crm-group-name.level_3 {
3639 padding-left: 60px;
3640 text-indent: -20px;
3641}
3642
3643#crm-container div.crm-row-parent-name {
3644 padding: 3px 0px 0px .5em;
3645 opacity: 0.75;
3646}
3647#crm-container td span.show-children,
3648#crm-container td span.crm-no-children {
3649 padding-left: 20px;
3650}
3651
3652#crm-container span.collapsed,
3653#crm-container a.collapsed {
3654 background: url("../i/TreePlus.gif") no-repeat 0 0;
3655 padding-left: 19px;
3656 cursor: pointer;
3657}
3658
3659#crm-container span.expanded,
3660#crm-container a.expanded {
3661 background: url("../i/TreeMinus.gif") no-repeat 0 0;
3662 padding-left: 19px;
3663 cursor: pointer;
3664}
3665
3666/* Notifications */
3667#crm-container .ui-notify {
3668 width: 350px;
3669 position: fixed;
3670 top: 45px;
3671 right: 15px;
3672 z-index: 999999;
3673}
3674#crm-container div.ui-notify-message {
3675 padding: 10px;
3676 margin-bottom: 15px;
3677 color: #fff;
3678 -moz-border-radius: 8px;
3679 -webkit-border-radius: 8px;
3680 border-radius: 8px;
3681 max-height: 600px;
3682 overflow: auto;
3683}
3684#crm-container div.ui-notify-message h1 {
3685 font-size: 14px;
3686 margin: 0;
3687 padding: 4px;
3688 font-weight: bold;
3689 color: #fff;
3690}
3691#crm-container div.ui-notify-message p {
3692 margin: 3px 0;
3693 padding: 0;
3694 line-height: 18px;
3695}
3696.crm-container div.ui-notify-message: last-child {
3697 margin-bottom: 0;
3698}
3699.crm-container div.ui-notify-message-style {
3700 background: #000;
3701 background: rgba(0,0,0,0.8);
3702 -moz-box-shadow: 0 0 6px #000;
3703 -webkit-box-shadow: 0 0 6px #000;
3704 box-shadow: 0 0 6px #000;
3705}
3706.crm-container div.ui-notify-message-style a,
3707.crm-container div.ui-notify-message-style a:link {
3708 color: #CCD0FF;
3709 text-decoration: underline;
3710}
3711.crm-container div.ui-notify-message-style a:hover,
3712.crm-container div.ui-notify-message-style a:focus {
3713 color: #B2B8FF;
3714}
3715.crm-container div.ui-notify-message .ui-notify-close {
3716 cursor: pointer;
3717}
3718#crm-container div.ui-notify-message a.ui-notify-cross {
3719 margin-top: -4px;
3720 float: right;
3721 text-decoration: none;
3722 font-size: 12px;
3723 font-weight: bold;
3724 text-shadow: 0 1px 1px #fff;
3725 padding: 2px;
3726 color: #FDFDFD;
3727}
3728#crm-container div.ui-notify-message .ui-notify-cross:hover,
3729#crm-container div.ui-notify-message .ui-notify-cross:focus {
3730 color: #ffffab;
3731}
3732#crm-container div.ui-notify-message table,
3733#crm-container div.ui-notify-message tbody,
3734#crm-container div.ui-notify-message tr {
3735 border: 0 none;
3736 font-size: 11px;
3737}
3738#crm-container div.ui-notify-message td {
3739 background: rgba(255,255,255,0.1);
3740 border: 1px solid #111;
3741 font-size: 11px;
3742}
3743#crm-container div.ui-notify-message th {
3744 background: rgba(200,200,200,0.2);
3745 border: 1px solid #111;
3746 color: #eee;
3747 font-size: 11px;
3748}
3749#crm-container div.ui-notify-message ul,
3750#crm-container div.ui-notify-message ol {
3751 margin: 0.5em 0 1em;
3752 padding: 0 0 0 0.5em;
3753}
3754.crm-container div.ui-notify-message div.icon {
3755 background: transparent url("../i/message-icons.png") no-repeat 0 0;
3756 width: 24px;
3757 height: 24px;
3758 margin-right: 6px;
3759}
3760.crm-container div.ui-notify-message.success div.icon {
3761 background-position: -24px 0px;
3762}
3763.crm-container div.ui-notify-message.info div.icon {
3764 background-position: -48px 0px;
3765}
3766.crm-container div.ui-notify-message.error div.icon {
3767 background-position: -72px 0px;
3768}
3769
3770/* Public Pages */
3771
3772#crm-container.crm-public input[type="text"],
3773#crm-container.crm-public select {
3774 font-size: 15px;
3775 padding: 5px;
3776 border-radius: 2px;
3777 vertical-align: middle;
3778}
3779
3780#crm-container.crm-public .label {
3781 padding-top: 6px;
3782}
3783
a17a96df
DG		 3784.crm-public .crm-profile-view .content {
3785 padding-top: 6px;
3786}
3787
71447ba5
DG		 3788#crm-container.crm-public .calc-value {
3789 padding-top: 6px;
3790 font-size: 15px;
3791}
3792
6a488035
TO		 3793#crm-container.crm-public .crm-section,
3794.crm-section {
3795 margin-bottom: 0;
3796}
3797
3798#crm-container.crm-public #crm-submit-buttons {
3799 margin-top: 30px;
3800}
3801
3802#crm-container.crm-public #crm-submit-buttons input#_qf_Main_upload-bottom {
3803 font-size: 1.5em;
3804 padding: 3px 10px;
3805}
3806
3807#crm-container.crm-public #premiums-listings {
3808 margin-top: 10px;
3809 min-width: 450px;
3810 width: 60%;
3811}
3812
3813#crm-container.crm-public #premiums-listings .premium {
3814 margin: 5px 0;
3815}
3816
3817#crm-container.crm-public #premiums-listings .premium .premium-short {
3818 padding: 10px;
3819 border: 2px solid #ffffff;
3820 background-color: #f0f0f0;
3821 cursor: pointer;
3822}
3823
3824#crm-container.crm-public #premiums-listings .premium .premium-short:hover {
3825 border: 2px solid #b0b0b0;
3826}
3827
3828#crm-container.crm-public #premiums-listings .premium .premium-short-thumbnail {
3829 float: left;
3830 width: 50px;
3831}
3832
3833#crm-container.crm-public #premiums-listings .premium .premium-short-thumbnail img {
3834 width: 50px;
3835}
3836
3837#crm-container.crm-public #premiums-listings .premium .premium-short-content {
3838 text-align: center;
3839 font-size: 20px;
3840 font-weight: bold;
3841 padding: 20px;
3842}
3843
3844#crm-container.crm-public #premiums-listings .premium .premium-full {
3845 display: none;
3846 padding: 5px;
3847 border: 2px solid #cfcfcf;
3848 background-color: #ffffff;
3849}
3850
3851#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-image {
3852 float: left;
3853 width: 200px;
3854 padding: 10px;
3855}
3856
3857#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-image img {
3858 width: 200px;
3859}
3860
3861#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-title {
3862 text-align: center;
3863 font-size: 1.5em;
3864 font-weight: bold;
3865 padding: 20px;
3866}
3867
3868#crm-container.crm-public #premiums-listings .premium .premium-full .premium-full-min {
3869 font-size: .9em;
3870 font-style: italic;
3871}
3872
3873#crm-container.crm-public #premiums-listings .premium.premium-no_thanks .premium-short {
3874 text-align: center;
3875 font-size: 1.3em;
3876 padding: 10px;
3877}
3878
3879#crm-container.crm-public #premiums-listings .premium.premium-no_thanks .premium-full {
3880 text-align: center;
3881 font-size: 1.3em;
3882 font-weight: bold;
3883 padding: 10px;
3884}
3885
3886#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-short,
3887#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-image,
3888#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-title,
3889#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-description,
3890#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-options,
3891#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full .premium-full-min {
3892 opacity: 0.5;
3893}
3894#crm-container.crm-public #premiums-listings .premium .premium-full-disabled {
3895 display: none;
3896}
3897#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full-disabled {
3898 display: block;
3899 color: #ff0000;
3900 text-align: center;
3901 font-weight: bold;
3902 margin-bottom: .5em;
3903}
3904
3905#crm-container.crm-public .price-set-row {
3906 font-size: 15px;
3907 margin-bottom: 5px;
3908}
3909
3910#crm-container.crm-public .price-set-row input,
3911#crm-container.crm-public .price-set-row label {
3912 vertical-align: middle;
3913 cursor: pointer;
3914}
3915
3916#crm-container.crm-public .price-set-row .crm-price-amount-amount {
3917 font-weight: bold;
3918 min-width: 2em;
3919 color: #333333;
3920}
3921
3922#crm-container.crm-public .price-set-row .crm-price-amount-label {
3923 color: #444444;
3924}
3925
3926#crm-container.crm-public .price-set-row.highlight label {
3927 color: #000000;
3928 font-weight: bold;
3929}
3930
3931#crm-container.crm-public .price-set-row.highlight .crm-price-amount-label {
3932 color: #222222;
3933}
3934
3935#crm-container .crm-extensions-upgrade {
3936 background: #ffb;
3937 border: 1px solid #000;
3938 text-align: center;
3939}