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