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