new commit
[nyantandemic:tfm.git] / plugins / gravityforms / css / admin.css
1 /*
2 ----------------------------------------------------------------
3
4 admin.css
5 Gravity Forms Administration Form Styles
6 http: //www.gravityforms.com
7 updated: March 20, 2012 12:08 PM
8
9 Gravity Forms is a Rocketgenius project
10 copyright 2012 Rocketgenius Inc.
11 http: //www.rocketgenius.com
12 this may not be re-distrubited without the
13 express written permission of the author.
14
15 NOTE: DO NOT EDIT THIS FILE!
16 THIS FILE IS REPLACED DURING AUTO UPGRADE
17 AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.
18
19 ----------------------------------------------------------------
20 */
21
22 * {
23         direction: ltr
24 }
25
26 :focus {
27         outline: 0
28 }
29 input,
30 textarea {
31         outline-style: none;
32         font-size: 12px;
33         font-family: verdana,sans-serif;
34         padding: 2px 0
35 }
36 ul {
37         margin: 0
38 }
39 li {
40         list-style: none
41 }
42 #wpbody-content {
43         position: relative;
44         width: 99%
45 }
46 .wrap.gforms_edit_form {
47         margin-bottom: 20px !important;
48         overflow: visible !important
49 }
50 ul#gform_fields {
51         padding: 0;
52         margin: 0
53 }
54 select {
55         font-size: 12px !important;
56         font-family: verdana,sans-serif;
57         padding: 2px 0
58 }
59 .gform_pending_delete{
60         background-color: #FFE1E1;
61         border: 5px solid #f00
62 }
63 table.xwidefat {
64         width: 99% !important
65 }
66 div.wrap {
67         position: relative
68 }
69 .hr-divider {
70         background-color: #FFF;
71         height: 1px;
72         overflow: hidden;
73         border-top: 1px solid #E6E6E6;
74         border-bottom: 1px solid #FFF;
75         margin: 24px 0;
76         clear: both
77 }
78 div.delete-alert {
79         padding: 0 0 20px 20px;
80         margin-bottom: 30px
81 }
82 div.gforms_help_alert {
83         background-color: #FFFFE0;
84         border: 1px solid #E6DB55;
85         padding: 10px;
86         margin: 10px 0
87 }
88 div.gforms_helpbox {
89         border: 1px solid #C2D7EF;
90         background-color: #E2EDFF;
91         margin: 10px 0;
92         padding: 10px;
93         width: 520px;
94         font-size: 13px;
95         -webkit-border-radius: 4px;
96         -moz-border-radius: 4px;
97         border-radius: 4px
98 }
99 div.gforms_helpbox select {
100         width: 460px
101 }
102 div.gforms_helpbox ul.resource_list {
103         margin-top: 4px
104 }
105 div.gforms_helpbox ul.resource_list li {
106         margin: 0 0 6px !important
107 }
108 div.gforms_code {
109         border: 1px solid #C2D7EF;
110         background-color: #E2EDFF;
111         margin: 10px 0;
112         padding: 10px;
113         width: 700px;
114         font-family: Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
115         font-size: 13px
116 }
117 div.gforms_code pre {
118         display: block;
119         font-family: Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
120         font-size: 13px;
121         font-weight: normal !important;
122         line-height: 18px;
123         margin: 0;
124         overflow: hidden;
125         z-index: 100;
126         position: relative;
127         white-space: pre-wrap;
128         white-space: 0;
129         word-wrap: break-word;
130         padding: 6px 10px 6px 0
131 }
132 div.delete-alert input.button {
133         border: 1px solid #CFADB3;
134         color: #832525
135 }
136 div.delete-alert input.button:hover {
137         border: 1px solid #DBADAC
138 }
139 #field_settings {
140         margin: 0 0 12px;
141         padding-top: 6px;
142         clear: both
143 }
144 #field_settings ul li label {
145         display: block;
146         line-height: 125%;
147         margin: 0 0 3px
148 }
149 .gform_heading .form_edit_iconx,.form_head .form_delete_iconx {
150         display: block
151 }
152 .settings_control_container{
153         height: 18px
154 }
155 .ui-tabs-panel ul li label {
156         margin-bottom: 8px !important
157 }
158 li.field_setting input,
159 li.field_setting select {
160         margin-top: 4px
161 }
162 .inline {
163         display: inline !important
164 }
165 label.float_label {
166         float: left;
167         width: 40px;
168         padding: 2px 0 0
169 }
170 #gform_fields li{
171         border: 1px solid transparent;
172         padding: 8px 10px 10px 10px;
173         overflow: hidden
174 }
175 #gform_fields li ul li {
176         padding: 2px 0 4px 0
177 }
178 .gforms_form_settings li {
179         border: 1px solid transparent;
180         padding: 2px 0 4px 0;
181         overflow: hidden
182 }
183 .gform_page_names li {
184         padding: 5px 0px !important
185 }
186 #gform_heading {
187         border: 1px solid transparent;
188         padding: 8px 10px 10px 10px;
189         width: 480px !important;
190         overflow: hidden;
191         margin-bottom: 10px;
192         position: relative
193 }
194 .gform_settings_container {
195         border: 1px solid transparent;
196         padding: 10px;
197         width: 480px !important
198 }
199 #gform_fields {
200         width: 500px !important
201 }
202 .gfield_time_hour,
203 .gfield_time_minute {
204         width: 70px;
205         float: left;
206         margin-bottom: 4px
207 }
208 .gfield_date_month,
209 .gfield_date_day,
210 .gfield_date_year {
211         width: 50px;
212         float: left;
213         margin-bottom: 4px
214 }
215 .gfield_date_month input,
216 .gfield_date_day input,
217 .gfield_date_year input {
218         width: 80% !important
219 }
220 .gfield_date_dropdown_month,
221 .gfield_date_dropdown_day,
222 .gfield_date_dropdown_year {
223         margin-right: 6px;
224         vertical-align: top;
225         display: -moz-inline-stack;
226         display: inline-block;
227         zoom: 1;
228         *display: inline
229 }
230 .gfield_time_ampm select {
231         width: 50px !important
232 }
233 .gfield_time_hour input,
234 .gfield_time_minute input {
235         width: 80% !important
236 }
237 .field_hover {
238         border: 1px solid #C2D7EF !important;
239         cursor: move;
240         background-image: url(../images/gf_fieldsettings_header.jpg);
241         background-position: 0 0;
242         background-repeat: repeat-x;
243         background-color: #DFEFFF
244 }
245 div#gform_heading.field_hover {
246         cursor: pointer
247 }
248 .field_selected {
249         border: 1px solid #C2D7EF !important;
250         background-image: url(../images/gf_fieldsettings_header.jpg);
251         background-position: 0 0;
252         background-repeat: repeat-x;
253         background-color: #DFEFFF
254 }
255 div#gform_pagination,
256 div#gform_pagination.field_selected {
257         margin-bottom:6px;
258 }
259 .field_name_first,
260 .field_name_last,
261 ol.field_type li {
262         width: 50%;
263         float: left
264 }
265 .field_name_first input,.ginput_complex .ginput_left input {
266         width: 90% !important
267 }
268 .field_name_last input {
269         width: 93% !important
270 }
271 .datepicker {
272         width: 100px !important
273 }
274 img#gfield_input_datepicker_icon {
275         position: relative;
276         top: 3px;
277         left: 4px
278 }
279 #date_picker_container {
280         margin: 8px 0
281 }
282 #gfield_icon_url_container {
283         margin-top: 5px
284 }
285 .ginput_complex .ginput_left,
286 .ginput_complex .ginput_right {
287         width: 48%;
288         float: left
289 }
290 .ginput_complex input,
291 .ginput_complex select {
292         width: 92% !important
293 }
294 .ginput_complex label,
295 .gfield_time_hour label,.gfield_time_minute label {
296         display: block;
297         margin: 4px 0
298 }
299 .ginput_complex .name_prefix {
300         float: left;
301         width: 30px !important;
302         margin-right: 14px
303 }
304 .ginput_complex .name_suffix {
305         float: left;
306         width: 30px !important
307 }
308 .ginput_complex .name_first,.ginput_complex .name_last {
309         float: left;
310         width: 100px;
311         margin-right: 8px
312 }
313 .top_label .gfield_label {
314         display: block;
315         margin: 8px 0 4px 0;
316         font-weight: bold
317 }
318 .left_label .gfield_label {
319         float: left;
320         margin: 2px 15px 0 0;
321         width: 29%;
322         font-weight: bold
323 }
324 .right_label .gfield_label {
325         float: left;
326         margin: 2px 15px 0 0;
327         width: 29%;
328         font-weight: bold;
329         text-align: right
330 }
331 .left_label ul.gfield_checkbox,.right_label ul.gfield_checkbox,.left_label ul.gfield_radio,.right_label ul.gfield_radio {
332         margin-left: 32%
333 }
334 .top_label input.small,
335 .top_label select.small {
336         width: 25%
337 }
338 .top_label input.medium,
339 .top_label select.medium {
340         width: 50%
341 }
342 .top_label input.large,
343 .top_label select.large,
344 .top_label textarea.textarea {
345         width: 96%
346 }
347 .right_label input.small,
348 .right_label select.small,
349 .left_label input.small,
350 .left_label select.small {
351         width: 15%
352 }
353 .right_label input.medium,
354 .right_label select.medium,
355 .left_label input.medium,
356 .left_label select.medium {
357         width: 35%
358 }
359 .right_label input.large,
360 .right_label select.large,
361 .left_label input.large,
362 .left_label select.large,
363 textarea.textarea {
364         width: 64%
365 }
366 .right_label div.ginput_complex,
367 .left_label div.ginput_complex {
368         width: 64%;
369         float: left
370 }
371 h2.gsection_title {
372         margin: 0 !important;
373         padding: 0 !important;
374         letter-spacing: normal !important;
375         font-style: normal !important;
376         font-weight: bold;
377         font-size: 16px;
378         font-family: helvetica,arial,sans-serif;
379         width: 98%
380 }
381 h3.gf_add_fields {
382         margin: 0 0 .5em 0 !important
383 }
384 .gsection .gfield_label {
385         font-weight: bold;
386         font-size: 16px;
387         font-family: helvetica,arial,sans-serif
388 }
389 .gsection_description {
390         width: 98%;
391         font-size: 10px;
392         line-height: 1.5;
393         clear: both;
394         padding-top: 4px;
395         font-family: sans-serif
396 }
397 .gsection_description,
398 .gfield_date_year+.gfield_description {
399         padding: 0 0 8px
400 }
401 .gsection {
402         border-bottom: 1px dotted #CCC !important
403 }
404
405 /* list fields added in v.1.6 -----------------------------------------------------------------*/
406
407 .top_label .gfield_list {
408         width: 96%
409 }
410 .top_label .gf_list_one_column {
411         width: 48%
412 }
413 table.gfield_list th {
414         text-align: left;
415         font-size: 12px !important
416 }
417 .gfield_list input {
418         width: 98%
419 }
420 .gform_wrapper table.gfield_list {
421         border-spacing: 0
422 }
423 .gform_wrapper table.gfield_list thead,
424 .gform_wrapper table.gfield_list tr {
425         padding: 0; margin: 0
426 }
427 .gform_wrapper table.gfield_list th,
428 .gform_wrapper table.gfield_list td {
429         padding: 0 0 0.5em 0 !important
430 }
431 .gform_wrapper table.gfield_list th + th,
432 .gform_wrapper table.gfield_list td + td {
433         padding: 0 0 0.5em 0.7em !important
434 }
435 .gform_wrapper .left_label .gfield_list, .gform_wrapper .right_label .gfield_list {
436         width: 64%
437 }
438 .gform_wrapper .top_label .gfield_list {
439         width: 96%
440 }
441 .gform_wrapper .left_label .gf_list_one_column, .gform_wrapper .right_label .gf_list_one_column {
442         width: 45%
443 }
444 .gform_wrapper .top_label .gf_list_one_column {
445         width: 46%
446 }
447 .gform_wrapper .gfield_list input{
448         width: 98%
449 }
450 .gfield_icon_disabled {
451         cursor: default !important;
452         filter: alpha(opacity=60);
453         -moz-opacity: 0.6;
454         -khtml-opacity: 0.6;
455         opacity: 0.6
456 }
457 .gform_wrapper table.gfield_list td.gfield_list_icons {
458         min-width: 45px !important
459 }
460
461 /* radio and checkbox styling - justifies lenghty labels ------------------------------------------------------*/
462
463 ul.gfield_checkbox, ul.gfield_radio {
464         margin: 6px 0
465 }
466 .gfield_checkbox li,
467 .gfield_radio li {
468         position: relative;
469         padding: 0 !important
470 }
471 .gfield_checkbox li label,
472 .gfield_radio li label {
473         display: block;
474         margin: 0 0 0 24px;
475         padding: 0 !important;
476         width: auto;
477         line-height: 1.5;
478         vertical-align: top
479 }
480 .gfield_checkbox li input[type=checkbox],
481 .gfield_radio li input[type=radio],
482 .gfield_checkbox li input {
483         float: left;
484         margin-top: 2px
485 }
486 .description,.instruction,
487 .gfield_description {
488         font-size: 11px;
489         line-height: 1.5;
490         clear: both;
491         padding: 10px 0 0 0;
492         font-family: verdana,sans-serif
493 }
494 .description_above .gfield_description {
495         padding: 0 0 10px 0
496 }
497 .right_label .gfield_description,
498 .left_label .gfield_description,
499 .left_label .instruction,
500 .right_label .instruction {
501         margin-left: 32.5%
502 }
503 .left_label .gsection .gsection_description,
504 .right_label .gsection .gsection_description {
505         margin-left: 0;
506         padding-left: 0;
507         padding-top: 10px;
508         line-height: 1.5
509 }
510 .ginput_complex + .gfield_description {
511         padding-top: 0 !important
512 }
513 .gfield_required {
514         color: #790000;
515         margin-left: 4px
516 }
517 textarea.small {
518         height: 80px
519 }
520 textarea.medium {
521         height: 150px
522 }
523 textarea.large {
524         height: 250px
525 }
526 .gform_footer {
527         padding: 10px 0 10px 10px;
528         margin: 6px 0 0;
529         border-top: 1px dotted #CCC !important
530 }
531 .gform_wrapper .gform_footer+.right_label,
532 .gform_wrapper .gform_footer+.left_label {
533         padding: 16px 0 10px 31%
534 }
535 div.gfield_admin_icons {
536         height: 24px
537 }
538 div.gform_admin_icons {
539         height: 20px
540 }
541 ul#gform_fields.left_label div.gfield_admin_icons,
542 ul#gform_fields.right_label div.gfield_admin_icons {
543         height: 30px
544 }
545 div.gfield_admin_icons div.gfield_admin_header_title,
546 div.gform_admin_icons div.gform_admin_header_title {
547         display: none
548 }
549 .field_hover div.gfield_admin_icons div.gfield_admin_header_title,
550 .field_hover div.gform_admin_icons div.gform_admin_header_title,
551 .field_selected div.gfield_admin_icons div.gfield_admin_header_title,
552 .field_selected div.gform_admin_icons div.gform_admin_header_title {
553         display: block;
554         float: left;
555         font-size: 11px;
556         font-weight: bold;
557         color: #21759B;
558         letter-spacing: 0.3pt;
559         text-shadow: 0 1px 1px #FFF
560 }
561 a.close_icon {
562         position: absolute;
563         left: 100%;
564         margin-left: -27px;
565         top: 9px;
566         width: 16px;
567         height: 16px;
568         background-image: url(../images/close.png);
569         background-repeat: no-repeat;
570         text-indent: -9000px
571 }
572 .gfield {
573         position: relative
574 }
575 .field_hover .field_edit_icon,
576 .field_hover .field_delete_icon,
577 .field_hover .field_duplicate_icon,
578 .field_hover .form_edit_icon,
579 .field_hover .form_delete_icon,
580 .field_selected .field_edit_icon,
581 .field_selected .field_delete_icon,
582 .field_selected .field_duplicate_icon,
583 .field_selected .form_edit_icon,
584 .field_selected .form_delete_icon {
585         display: block !important;
586         cursor: pointer
587 }
588 .field_edit_icon,.form_edit_icon {
589         display: none;
590         float: right;
591         font-size: 10px;
592         text-decoration: none;
593         margin-right: 6px;
594         height: 16px;
595         line-height: 16px;
596         padding: 0 0 0 18px;
597         letter-spacing: 0.3pt
598 }
599 .edit_icon_expanded {
600         background-image: url(../images/close.png);
601         background-repeat: no-repeat
602 }
603 .edit_icon_collapsed {
604         background-image: url(../images/edit.png);
605         background-repeat: no-repeat
606 }
607 .entries_edit_icon {
608         float: right;
609         font-size: 10px;
610         text-decoration: none;
611         margin: 2px 6px 0 0;
612         height: 16px;
613         line-height: 16px;
614         padding: 0 0 0 18px;
615         background-image: url(../images/edit.png);
616         background-repeat: no-repeat;
617         text-shadow: none;
618         font-weight: normal
619 }
620 .field_delete_icon,
621 .form_delete_icon {
622         display: none;
623         float: right;
624         font-size: 10px;
625         text-decoration: none;
626         height: 16px;
627         line-height: 16px;
628         padding: 0 0 0 18px;
629         background-image: url(../images/delete.png);
630         background-repeat: no-repeat;
631         letter-spacing: 0.3pt
632 }
633 .field_duplicate_icon {
634         display: none;
635         float: right;
636         font-size: 10px;
637         text-decoration: none;
638         height: 16px;
639         line-height: 16px;
640         padding: 0 0 0 18px;
641         margin: 0 5px 0 0;
642         background-image: url(../images/duplicate.png);
643         background-repeat: no-repeat;
644         letter-spacing: 0.3pt
645 }
646 .option_header {
647         margin: 5px 0 2px;
648         font-weight: bold
649 }
650 img.gtitle_icon {
651         float: left;
652         margin: 15px 7px 0 0
653 }
654 td.pad_top {
655         padding-top: 10px
656 }
657 #form_settings {
658         padding: 5px;
659         margin-top: 10px
660 }
661 .input_size_a,
662 .textarea_size_a {
663         width: 375px
664 }
665 .form_button_options {
666         margin: 8px 0
667 }
668 #form_button_text_container,
669 #form_button_image_container {
670         margin-top: 8px !important
671 }
672 .captcha_message {
673         padding: 5px
674 }
675 #after_insert_dialog div {
676         padding-bottom: 10px
677 }
678 #simplemodal-overlay {
679         background-color: #000;
680         cursor: default
681 }
682 #simplemodal-container {
683         padding: 20px 20px 0;
684         height: 355px;
685         width: 400px;
686         background-color: #F9F9F9;
687         border: 6px solid #636363;
688         -moz-border-radius: 8px;
689         -webkit-border-radius: 8px;
690         -khtml-border-radius: 8px;
691         border-radius: 8px
692 }
693 #simplemodal-container a.modalCloseImg {
694         background-image: url(../images/close.png);
695         background-repeat: no-repeat;
696         width: 25px;
697         height: 29px;
698         display: inline;
699         z-index: 3200;
700         position: absolute;
701         top: -14px;
702         right: -18px;
703         cursor: pointer
704 }
705 div#after_insert_dialog h3 {
706         text-align: center;
707         padding: 10px 6px;
708         background-color: #FFFBCC;
709         border: 1px solid #E6DB55;
710         -moz-border-radius: 4px;
711         -webkit-border-radius: 4px;
712         -khtml-border-radius: 4px;
713         border-radius: 4px;
714         margin: 0 0 4px
715 }
716 div.gold_notice {
717         padding: 10px 6px;
718         background-color: #FFFBCC;
719         border: 1px solid #E6DB55;
720         -moz-border-radius: 4px;
721         -webkit-border-radius: 4px;
722         -khtml-border-radius: 4px;
723         border-radius: 4px;
724         margin: 0 0 4px
725 }
726 div#after_insert_dialog p {
727         text-align: center
728 }
729 div.new-form-option a {
730         font-size: 18px;
731         padding: 16px;
732         text-decoration: none;
733         text-align: center;
734         display: block;
735         color: #535353;
736         text-shadow: 0 2px 1px #FFF;
737         background-color: #F9F9F9;
738         border: 1px solid #d7d7d7;
739         -moz-border-radius: 4px;
740         -webkit-border-radius: 4px;
741         -khtml-border-radius: 4px;
742         border-radius: 4px;
743         margin-bottom: 4px;
744         background-image: url(../images/gf_new_option_bg.png);
745         background-repeat: repeat-x
746 }
747 div.new-form-option a:hover {
748         color: #2B2B2B;
749         border: 1px solid #C2D7EF;
750         box-shadow: 0px 0px 5px #C2D7EF;
751         -moz-box-shadow: 0px 0px 5px #C2D7EF;
752         -webkit-box-shadow: 0px 0px 5px #C2D7EF
753 }
754 .installation_item_cell {
755         width: 40px
756 }
757 .installation_item_message {
758         padding-left: 15px;
759         color: #790000
760 }
761 div#wpbody {
762         position: relative
763 }
764 #add_fields {
765         width: 285px;
766         padding: 0;
767         text-align: left
768 }
769 #floatMenu {
770         width: 280px;
771         z-index: 99;
772         background-color: #FFF;
773         padding-bottom: 20px
774 }
775 .button-title-link div.add-buttons-title {
776         background-image: url(../images/expand_title.png);
777         background-position: right 0;
778         background-repeat: no-repeat;
779         background-color: #EEE;
780         height: 24px;
781         overflow: hidden;
782         cursor: pointer;
783         font-size: 15px;
784         border-width: 1px;
785         border-style: solid;
786         border-color: #DFDFDF;
787         margin: 0 !important;
788         padding: 8px 10px 0;
789         white-space: nowrap;
790         -webkit-border-radius: 4px;
791         -moz-border-radius: 4px;
792         border-radius: 4px
793 }
794 .button-title-link.gf_button_title_active div.add-buttons-title {
795         -webkit-border-radius: 4px;
796         -webkit-border-bottom-right-radius: 0;
797         -webkit-border-bottom-left-radius: 0;
798         -moz-border-radius: 4px;
799         -moz-border-radius-bottomright: 0;
800         -moz-border-radius-bottomleft: 0;
801         border-radius: 4px;
802         border-bottom-right-radius: 0;
803         border-bottom-left-radius: 0
804 }
805 .button-title-link {
806         color: #464646;
807         text-shadow: none;
808         font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
809         font-weight: normal;
810         cursor: text !important
811 }
812 .add-buttons {
813         border-width: 0 1px 1px;
814         border-style: none solid solid;
815         -moz-border-radius-bottomleft: 4px;
816         -moz-border-radius-bottomright: 4px;
817         -webkit-border-bottom-right-radius: 4px;
818         -webkit-border-bottom-left-radius: 4px;
819         -khtml-border-bottom-right-radius: 4px;
820         -khtml-border-bottom-left-radius: 4px;
821         border-bottom-right-radius: 4px;
822         border-bottom-left-radius: 4px;
823         background-color: #FCFCFC;
824         border-color: #DFDFDF;
825         padding: 12px
826 }
827 ul.menu li {
828         margin-bottom: 10px
829 }
830 ol.field_type {
831         display: block;
832         visibility: visible !important;
833         overflow: hidden;
834         margin: 0;
835         padding: 0
836 }
837 div.push-alert-gold {
838         padding: 10px 6px;
839         margin: 30px 0 10px;
840         text-align: center;
841         line-height: 1.5;
842         display: block !important;
843         visibility: visible !important;
844         min-width: 800px;
845         font-size: 1.1em;
846         background-color: #FFFBCC;
847         border-top: 1px solid #E6DB55;
848         border-bottom: 1px solid #E6DB55
849 }
850 div.push-alert-green {
851         background-color: #ECFCDE;
852         border-bottom: 1px solid #A7C886;
853         border-top: 1px solid #A7C886;
854         display: block !important;
855         font-size: 1.1em;
856         line-height: 1.5;
857         margin: 30px 0 10px;
858         min-width: 800px;
859         padding: 10px 6px;
860         text-align: center;
861         visibility: visible !important
862 }
863 div.push-alert-blue {
864         background-color: #E2EDFF;
865         border-bottom: 1px solid #C2D7EF;
866         border-top: 1px solid #C2D7EF;
867         display: block !important;
868         font-size: 1.1em;
869         line-height: 1.5;
870         margin: 30px 0 10px;
871         min-width: 800px;
872         padding: 10px 6px;
873         text-align: center;
874         visibility: visible !important
875 }
876 div.push-alert-red {
877         background-color: #FFE1E1;
878         border-bottom: 1px solid #EAAEAD;
879         border-top: 1px solid #EAAEAD;
880         display: block !important;
881         font-size: 1.1em;
882         line-height: 1.5;
883         margin: 30px 0 10px;
884         min-width: 800px;
885         padding: 10px 6px;
886         text-align: center;
887         visibility: visible !important
888 }
889 #gfield_settings_category_container,
890 #gfield_settings_choices_container {
891         border: 1px solid #DFDFDF;
892         overflow: auto;
893         padding: 2px 0 6px
894 }
895 #gfield_settings_category_container {
896         margin: 8px 0 0;
897         max-height: 230px
898 }
899 table td.gfield_category_cell {
900         padding-top: 3px
901 }
902 #gfield_settings_choices_container {
903         margin: 8px 0 14px;
904         max-height: 230px
905 }
906 #field_choices li {
907         padding: 0 10px !important;
908         margin: 0 !important
909 }
910 #field_columns li {
911         padding: 0 !important;
912         margin: 0 !important
913 }
914 #field_columns {
915         padding: 10px 0 !important;
916         margin: 0 !important
917 }
918
919 /* hidden value field ------------------------------------------------------*/
920
921 #field_choices li input.field-choice-text {
922         width: 312px
923 }
924 #field_choices li input.field-choice-value {
925         display: none
926 }
927 #field_choices li input.field-choice-price {
928         display: none
929 }
930 .gfield_choice_header_label {
931         padding-left: 30px;
932         display: none !important
933 }
934 .gfield_choice_header_value {
935         display: none !important
936 }
937 .gfield_choice_header_price {
938         display: none !important
939 }
940
941 /* visible value field without price ------------------------------------------------------*/
942
943 .choice_with_value li input.field-choice-value {
944         width: 155px !important;
945         display: inline !important
946 }
947 .choice_with_value li input.field-choice-text {
948         width: 155px !important
949 }
950 .choice_with_value .gfield_choice_header_label {
951         display: inline !important
952 }
953 .choice_with_value .gfield_choice_header_value {
954         padding-left: 120px;
955         display: inline !important
956 }
957
958 /* visible value field with price ------------------------------------------------------*/
959
960 .choice_with_value_and_price li input.field-choice-text {
961         width: 103px !important
962 }
963 .choice_with_value_and_price li input.field-choice-value {
964         width: 103px !important;
965         display: inline !important
966 }
967 .choice_with_value_and_price li input.field-choice-price {
968         width: 103px !important;
969         display: inline !important
970 }
971 .choice_with_value_and_price .gfield_choice_header_label {
972         display: inline !important
973 }
974 .choice_with_value_and_price .gfield_choice_header_value {
975         padding-left: 70px;
976         display: inline !important
977 }
978 .choice_with_value_and_price .gfield_choice_header_price {
979         padding-left: 70px;
980         display: inline !important
981 }
982
983 /* visible price and no value ------------------------------------------------------*/
984
985 .choice_with_price li input.field-choice-text {
986         width: 155px !important
987 }
988 .choice_with_price li input.field-choice-price {
989         width: 155px !important;
990         display: inline !important
991 }
992 .choice_with_price .gfield_choice_header_label {
993         display: inline !important
994 }
995 .choice_with_price .gfield_choice_header_price {
996         padding-left: 120px;
997         display: inline !important
998 }
999
1000 /* columns (no price, value or default selection) ------------------------------------------------------*/
1001
1002 #field_columns li input.field-choice-value {
1003         display: none
1004 }
1005 #field_columns li input.field-choice-price {
1006         display: none
1007 }
1008 #field_columns li input.gfield_choice_radio {
1009         display: none
1010 }
1011 #field_columns li input.gfield_choice_checkbox {
1012         display: none
1013 }
1014 #field_columns li input.field-choice-text {
1015         width: 312px !important
1016 }
1017
1018 /* view form styles ------------------------------------------------------*/
1019
1020 table.entry-detail-view {
1021         margin-bottom: 16px
1022 }
1023 table.entry-detail-view td.lastrow {
1024         border-bottom: none !important
1025 }
1026 td.entry-view-section-break {
1027         font-size: 14px;
1028         font-weight: bold;
1029         background-color: #EEE;
1030         border-bottom: 1px solid #DFDFDF;
1031         padding: 7px
1032 }
1033 td.entry-view-field-name {
1034         font-weight: bold;
1035         background-color: #EAF2FA;
1036         border-bottom: 1px solid #FFF;
1037         line-height: 1.5;
1038         padding: 7px
1039 }
1040 td.entry-view-field-value {
1041         border-bottom: 1px solid #DFDFDF;
1042         padding: 7px 7px 7px 40px;
1043         line-height: 1.5
1044 }
1045 td.entry-view-field-value p {
1046         text-align: left
1047 }
1048 td.entry-view-field-value ul.bulleted {
1049         margin-left: 12px
1050 }
1051 td.entry-view-field-value ul.bulleted li {
1052         list-style-type: disc
1053 }
1054 div.note-avatar {
1055         width: 48px;
1056         height: 48px;
1057         float: left;
1058         margin-right: 6px
1059 }
1060 h6.note-author {
1061         font-weight: bold;
1062         font-size: 13px;
1063         margin: 0;
1064         padding: 0
1065 }
1066 div.detail-note-content {
1067         margin: 10px 0 10px 54px;
1068         line-height: 1.5
1069 }
1070 div.detail-note-content p {
1071         line-height: 1.5
1072 }
1073
1074 /* edit details form styles ------------------------------------------------------*/
1075
1076 #namediv_admin {
1077         position: relative;
1078         min-width: 500px
1079 }
1080 body #namediv table.entry-details td.detail-view label.detail-label,.ginput_full_admin label {display: block; font-weight: bold; font-size: 13px; margin-bottom: 4px}
1081 body #namediv div.ginput_complex_admin .ginput_full_admin label {
1082         font-weight: normal;
1083         font-size: 11px
1084 }
1085 body #namediv table.entry-details input[type=text],
1086 body #namediv table.entry-details input {
1087         width: 99%
1088 }
1089 body #namediv .ginput_complex_admin.ginput_container span.ginput_left,
1090 body #namediv .ginput_complex_admin.ginput_container span.ginput_left_admin,
1091 body #namediv .ginput_complex_admin.ginput_container span.ginput_right,
1092 body #namediv .ginput_complex_admin.ginput_container span.ginput_right_admin {
1093         width: 49%;
1094         display: -moz-inline-stack;
1095         display: inline-block;
1096         zoom: 1;
1097         *display: inline
1098 }
1099 body #namediv .ginput_complex_admin.ginput_container span.ginput_left,
1100 body #namediv .ginput_complex_admin.ginput_container span.ginput_left_admin {
1101         margin-right: 1em
1102 }
1103 body #namediv .ginput_left_admin label,
1104 body #namediv .ginput_right_admin label {
1105         display: block
1106 }
1107 body #namediv .ginput_container ul.gfield_radio li input,
1108 body #namediv .ginput_container ul.gfield_checkbox li input {
1109         width: auto !important
1110 }
1111 body #namediv .ginput_left_admin input[type=text] {
1112         width: 99% !important
1113 }
1114 body #namediv select.medium_admin {
1115         max-width: 400px
1116 }
1117 body #namediv textarea.medium_admin {
1118         width: 98%;
1119         min-width: 475px;
1120         min-height: 250px
1121 }
1122 body #namediv h2.detail_gsection_title {
1123         font-family: helvetica,arial,sans-serif;
1124         font-size: 16px;
1125         font-style: normal !important;
1126         font-weight: bold;
1127         letter-spacing: normal !important;
1128         margin: 0 !important;
1129         padding: 0 !important
1130 }
1131
1132 /* notifications page styles ------------------------------------------------------*/
1133
1134 ul#form_notification_container,ul#form_autoresponder_container {
1135         width: 95%
1136 }
1137 ul#form_notification_container li,
1138 ul#form_autoresponder_container li {
1139         margin-bottom: 15px !important
1140 }
1141 ul#form_notification_container li label,
1142 ul#form_autoresponder_container li label {
1143         margin-bottom: 8px !important;
1144         display: block
1145 }
1146
1147 /* set some widths and heights ------------------------------------------------------*/
1148
1149 .fieldwidth-1,input.fieldwidth-1 {
1150         width: 100%
1151 }
1152 .fieldwidth-2,input.fieldwidth-2 {
1153         width: 350px
1154 }
1155 .fieldwidth-3,input.fieldwidth-3 {
1156         width: 375px
1157 }
1158 .fieldwidth-4,input.fieldwidth-4 {
1159         width: 250px
1160 }
1161 .fieldheight-1,input.fieldheight-1 {
1162         height: 160px
1163 }
1164 .fieldheight-2,input.fieldheight-2 {
1165         height: 80px
1166 }
1167
1168 /* bulk add panel ------------------------------------------------------*/
1169
1170 .panel-instructions {
1171         border-bottom: 1px solid #DFDFDF;
1172         color: #555;
1173         font-size: 11px;
1174         padding: 4px 0;
1175         margin-bottom: 6px
1176 }
1177 .bulk-left-panel {
1178         float: left;
1179         overflow-y: auto;
1180         height: 330px;
1181         width: 220px;
1182         padding: 0
1183 }
1184 .bulk-left-panel ul li {
1185         padding: 0;
1186         margin: 0
1187 }
1188 .bulk-left-panel ul li a.bulk-choice {
1189         background-color: #EAEAEA;
1190         color: #555;
1191         display: block;
1192         width: 190px;
1193         border-top: 1px solid #FFF;
1194         border-bottom: 1px solid #D7D7D7;
1195         padding: 5px;
1196         text-align: center;
1197         text-decoration: none
1198 }
1199 .bulk-left-panel ul li a.bulk-choice:hover {
1200         background-color: #DADADA
1201 }
1202 .bulk-left-panel ul li.choice_section_header {
1203         background-color: #DFEFFF;
1204         color: #21759B;
1205         display: block;
1206         width: 190px;
1207         border-top: 1px solid #FFF;
1208         border-bottom: 1px solid #C2D7EF;
1209         padding: 5px;
1210         text-align: center;
1211         text-decoration: none
1212 }
1213 a.bulk-choice:first-child {
1214         border-top: none
1215 }
1216 .bulk-arrow-mid {
1217         float: left;
1218         width: 40px;
1219         height: 330px;
1220         background-image: url(../images/arrow-right.jpg);
1221         background-position: 100% 50%;
1222         background-repeat: no-repeat
1223 }
1224 textarea#gfield_bulk_add_input {
1225         width: 320px;
1226         height: 330px;
1227         float: right;
1228         padding: 6px
1229 }
1230 div.panel-buttons {
1231         margin-top: 8px
1232 }
1233 .bulk-left-panel {
1234         height: 300px
1235 }
1236 div.panel-buttons {
1237         display: -moz-inline-stack;
1238         display: inline-block;
1239         zoom: 1;
1240         *display: inline
1241 }
1242 div.panel-custom {
1243         margin-left: 65px;
1244         display: -moz-inline-stack;
1245         display: inline-block;
1246         zoom: 1;
1247         *display: inline
1248 }
1249 div#bulk_custom_message {
1250         position: absolute
1251 }
1252
1253 /* after update form panel ------------------------------------------------------*/
1254
1255 .updated_base {
1256         background-color: #FFFFE0;
1257         border-color: #E6DB55
1258         border-width: 1px;
1259         border-style: solid;
1260         padding: 0 0.6em;
1261         margin: 10px 15px 10px 0;
1262         -moz-border-radius: 3px;
1263         -khtml-border-radius: 3px;
1264         -webkit-border-radius: 3px;
1265         border-radius: 3px
1266 }
1267 .updated_base p {
1268         margin: 0.5em 0;
1269         line-height: 1;
1270         padding: 2px
1271 }
1272 .wrap .updated_base {
1273         margin: 10px 15px 10px 0
1274 }
1275 table.form-table td .updated_base {
1276         font-size: 13px
1277 }
1278 .error_base {
1279         background-color: #FFEBE8;
1280         border-color: #CC0000
1281         border-width: 1px;
1282         border-style: solid;
1283         padding: 0 0.6em;
1284         margin: 10px 15px 10px 0;
1285         -moz-border-radius: 3px;
1286         -khtml-border-radius: 3px;
1287         -webkit-border-radius: 3px;
1288         border-radius: 3px
1289 }
1290 .error_base p {
1291         margin: 0.5em 0;
1292         line-height: 1;
1293         padding: 2px
1294 }
1295 .wrap .error_base {
1296         margin: 10px 15px 10px 0
1297 }
1298 table.form-table td .error_base {
1299         font-size: 13px
1300 }
1301
1302 /* jQuery UI date picker ------------------------------------------------------*/
1303
1304 .ui-datepicker-div,
1305 .ui-datepicker-inline,
1306 #ui-datepicker-div {
1307         margin: 0;
1308         padding: 0;
1309         border: 0;
1310         outline: 0;
1311         line-height: 1.3;
1312         text-decoration: none;
1313         font-size: 1em;
1314         list-style: none;
1315         font-family: "lucida sans", "lucida grande", lucida , sans-serif;
1316         background-color: #FFF;
1317         font-size: 1em;
1318         border: 4px solid #C1C1C1;
1319         width: 15.5em;
1320         padding: 2.5em .5em .5em .5em;
1321         position: relative
1322 }
1323 .ui-datepicker-div,
1324 #ui-datepicker-div {
1325         z-index: 9999;
1326         display: none
1327 }
1328 .ui-datepicker-inline {
1329         float: left;
1330         display: block
1331 }
1332 .ui-datepicker-control {
1333         display: none
1334 }
1335 .ui-datepicker-current {
1336         display: none
1337 }
1338 .ui-datepicker-next,
1339 .ui-datepicker-prev {
1340         position: absolute;
1341         left: 0.5em;
1342         top: 0.5em;
1343         background-color: #EEE
1344 }
1345 .ui-datepicker-next {
1346         left: 14.6em
1347 }
1348 .ui-datepicker-next: hover,
1349 .ui-datepicker-prev: hover {
1350         background-color: #DADADA
1351 }
1352 .ui-datepicker-next a,
1353 .ui-datepicker-prev a {
1354         text-indent: -999999px;
1355         width: 1.3em;
1356         height: 1.4em;
1357         display: block;
1358         font-size: 1em;
1359         background-image: url(../images/datepicker_arrow_left.gif);
1360         background-position: 50% 50%;
1361         background-repeat: no-repeat;
1362         border: 1px solid #D3D3D3;
1363         cursor: pointer
1364 }
1365 .ui-datepicker-next a {
1366         background-image: url(../images/datepicker_arrow_right.gif);
1367         background-position: 50% 50%;
1368         background-repeat: no-repeat;
1369 }
1370 .ui-datepicker-header select {
1371         border: 1px solid #D3D3D3;
1372         color: #555;
1373         background-color: #E6E6E6;
1374         font-size: 1em;
1375         line-height: 1.4em;
1376         position: absolute;
1377         top: 0.5em;
1378         margin: 0 !important
1379 }
1380 .ui-datepicker-header option: focus,
1381 .ui-datepicker-header option: hover {
1382         background-color: #DADADA
1383 }
1384 .ui-datepicker-header select.ui-datepicker-new-month {
1385         width: 7em;
1386         left: 2.2em
1387 }
1388 .ui-datepicker-header select.ui-datepicker-new-year {
1389         width: 5em;
1390         left: 9.4em
1391 }
1392 table.ui-datepicker {
1393         width: 15.5em;
1394         text-align: right
1395 }
1396 table.ui-datepicker td a {
1397         padding: .1em;
1398         display: block;
1399         color: #555;
1400         background-color: #E6E6E6;
1401         cursor: pointer;
1402         border: 1px solid #FFF;
1403         text-align: center
1404 }
1405 table.ui-datepicker td a: hover {
1406         border: 1px solid #FFF;
1407         color: #212121;
1408         background-color: #DADADA;
1409         text-decoration: none
1410 }
1411 table.ui-datepicker td a: active {
1412         border: 1px solid #AAA;
1413         color: #212121;
1414         background-color: #FFF;
1415         text-decoration: none
1416 }
1417 table.ui-datepicker .ui-datepicker-title-row td {
1418         padding: .2em 0;
1419         text-align: center;
1420         font-size: 0.9em;
1421         color: #222;
1422         text-transform: uppercase
1423 }
1424 table.ui-datepicker .ui-datepicker-title-row td a {
1425         color: #222;
1426         padding: 0.3em 0
1427 }
1428 .ui-datepicker-cover {
1429         display: none;
1430         display: block;
1431         position: absolute;
1432         z-index: -1;
1433         filter: mask();
1434         top: -4px;
1435         left: -4px;
1436         width: 193px;
1437         height: 200px
1438 }
1439 img.ui-datepicker-trigger {
1440         cursor: pointer;
1441         vertical-align: top;
1442         width: 17px;
1443         display: -moz-inline-stack;
1444         display: inline-block;
1445         zoom: 1;
1446         *display: inline
1447 }
1448
1449 /*html block ------------------------------------------------------*/
1450
1451 li.gfield_html label.gfield_label {
1452         height: 18px
1453 }
1454
1455 /* simple captcha fields ------------------------------------------------------*/
1456
1457 .gfield_captcha_input_container{
1458         padding-top: 3px
1459 }
1460 .simple_captcha_small input {
1461         width: 100px
1462 }
1463 .simple_captcha_medium input {
1464         width: 150px
1465 }
1466 .simple_captcha_large input {
1467         width: 200px
1468 }
1469 .left_label .simple_captcha_small,
1470 .right_label .simple_captcha_small,
1471 .left_label .simple_captcha_medium,
1472 .right_label .simple_captcha_medium,
1473 .left_label .simple_captcha_large,
1474 .right_label .simple_captcha_large {
1475         margin-left: 32%
1476 }
1477
1478 /* math challenge fields ------------------------------------------------------*/
1479
1480 .math_small input {
1481         width: 69px
1482 }
1483 .math_medium input {
1484         width: 90px
1485 }
1486 .math_large input {
1487         width: 108px
1488 }
1489 .left_label .math_small,
1490 .right_label .math_small,
1491 .left_label .math_medium,
1492 .right_label .math_medium,
1493 .left_label .math_large,
1494 .right_label .math_large {
1495         margin-left: 32%
1496 }
1497
1498 /* transaction table ------------------------------------------------------*/
1499
1500 table.entry-products {
1501         border: 1px solid #DFDFDF;
1502         border-right: none;
1503         border-bottom: none;
1504         margin: 10px 0
1505 }
1506 table.entry-products th[scope=col] {
1507         background-color: #F4F4F4;
1508         border-right: 1px solid #DFDFDF !important
1509 }
1510 table.entry-products col.entry-products-col2 {
1511         width: 50px
1512 }
1513 table.entry-products col.entry-products-col3 {
1514         width: 155px
1515 }
1516 table.entry-products col.entry-products-col4 {
1517         width: 155px
1518 }
1519 table.entry-products td {
1520         border-right: 1px solid #DFDFDF !important;
1521         padding-top: 7px;
1522         padding-bottom: 8px
1523 }
1524 table.entry-products td.textcenter,
1525 table.entry-products th.textcenter {
1526         text-align: center
1527 }
1528 table.entry-products td.textright,
1529 table.entry-products th.textright {
1530         text-align: right
1531 }
1532 table.entry-products td.grandtotal,
1533 table.entry-products td.grandtotal_amount,
1534 table.entry-products td.shipping,
1535 table.entry-products td.shipping_amount {
1536         font-weight: bold;
1537         font-size: 13px;
1538         padding-top: 7px;
1539         padding-bottom: 8px
1540 }
1541 table.entry-products td.emptycell {
1542         background-color: #F4F4F4
1543 }
1544 table.entry-products td div.product_name {
1545         font-weight: bold;
1546         color: #BF461E;
1547         font-size: 13px;
1548         margin-bottom: 5px
1549 }
1550 table.entry-products td ul.product_options li {
1551         background-image: url(../images/prodlist.png);
1552         background-position: 0 0;
1553         background-repeat: no-repeat;
1554         overflow: visible;
1555         margin: 0 0 0 2px !important;
1556         padding: 4px 0 4px 16px
1557 }
1558 table.entry-products td ul.product_options li.lastitem {
1559         background-image: url(../images/prodlist_last.png)
1560 }
1561
1562 /* additional button styles ------------------------------------------------------*/
1563
1564 input.button-primary.gfbutton,
1565 button.button-primary.gfbutton,
1566 a.button-primary.gfbutton {
1567         margin: 10px 0 20px 0;
1568         letter-spacing: 0.3pt;
1569         font-size: 12px !important;
1570         font-weight: normal;
1571         -webkit-border-radius: 16px;
1572         -moz-border-radius: 16px;
1573         border-radius: 16px;
1574         padding: 3px 8px 4px 8px !important
1575 }
1576 .menu.collapsible ol.field_type li input.button:hover {
1577         color: #D54E21;
1578         border-color: #8F8F8F;
1579         -webkit-border-radius: 16px !important;
1580         -moz-border-radius: 16px !important;
1581         border-radius: 16px !important
1582 }
1583
1584 /* multi-page progress bar  ------------------------------------------------------*/
1585
1586 h3.gf_progressbar_title {
1587         font-size: 13px;
1588         line-height: 1 !important;
1589         margin: 0 0 4px 0 !important;
1590         padding: 0 !important;
1591         clear: both;
1592         filter: alpha(opacity=60);
1593         -moz-opacity: 0.6;
1594         -khtml-opacity: 0.6;
1595         opacity: 0.6
1596 }
1597 .gform_wrapper .gf_progressbar_wrapper {
1598         clear: both;
1599         margin: 0 0 14px 0
1600 }
1601 .gform_wrapper .gf_progressbar {
1602         width: 100%;
1603         height: 20px;
1604         overflow: hidden;
1605         line-height: 20px !important;
1606         border: 1px solid #acacac;
1607         border-right: 1px solid #959595;
1608         border-bottom: 1px solid #959595;
1609         background-image: url(images/percentbar_bg.png);
1610         background-repeat: repeat-x;
1611         background-color: #FFF;
1612         background-position: bottom;
1613         -webkit-border-radius: 3px;
1614         -moz-border-radius: 3px;
1615         border-radius: 3px
1616 }
1617 .gform_wrapper .gf_progressbar_percentage {
1618         height: 20px;
1619         text-align: right;
1620         font-family: helvetica,arial,sans-serif;
1621         font-size: 13px !important;
1622         text-shadow: 0 1px 1px rgba(0,0,0,0.50)
1623 }
1624 .gform_wrapper .gf_progressbar_percentage span {
1625         margin-right: 5px
1626 }
1627 .gform_wrapper .percentbar_blue {
1628         background-image: url(../images/percentbar_blue.png);
1629         background-repeat:repeat-x;
1630         background-color: #0072BC;
1631         color: #FFF
1632 }
1633 .gform_wrapper .percentbar_gray {
1634         background-image: url(../images/percentbar_gray.png);
1635         background-repeat:repeat-x;
1636         background-color: #666;
1637         color: #FFF
1638 }
1639 .gform_wrapper .percentbar_green {
1640         background-image: url(../images/percentbar_green.png);
1641         background-repeat:repeat-x;
1642         background-color: #94DC21;
1643         color: #0c2c17
1644 }
1645 .gform_wrapper .percentbar_orange {
1646         background-image: url(../images/percentbar_orange.png);
1647         background-repeat:repeat-x;
1648         background-color: #DC7021;
1649         color: #FFF
1650 }
1651 .gform_wrapper .percentbar_red {
1652         background-image: url(../images/percentbar_red.png);
1653         background-repeat:repeat-x;
1654         background-color: #DC2521;
1655         color: #FFF
1656 }
1657 .gform_wrapper .percentbar_custom {
1658         background-image: url(../images/percentbar_custom.png);
1659         background-repeat:repeat-x
1660 }
1661
1662 /* multi-page steps ------------------------------------------------------*/
1663
1664 .gform_wrapper .gf_page_steps {
1665         overflow: hidden
1666 }
1667 .gform_wrapper .gf_step {
1668         width: auto !important;
1669         margin: 0 10px 10px 0;
1670         font-size: 14px;
1671         height: 20px;
1672         line-height: 20px !important;
1673         filter: alpha(opacity=50);
1674         -moz-opacity: 0.5;
1675         -khtml-opacity: 0.5;
1676         opacity: 0.5;
1677         display: -moz-inline-stack;
1678         display: inline-block;
1679         zoom: 1;
1680         *display: inline
1681 }
1682 .gform_wrapper .gf_step span.gf_step_number {
1683         font-size: 20px;
1684         float: left
1685 }
1686 .gform_wrapper .gf_step.gf_step_active {
1687         filter: alpha(opacity=100);
1688         -moz-opacity: 1.0;
1689         -khtml-opacity: 1.0;
1690         opacity: 1.0
1691 }
1692
1693 /* password strength ----------------------------------------------------*/
1694
1695 .gfield_password_strength {
1696         border-style: solid;
1697         border-width: 1px;
1698         float: left;
1699         margin: 12px 5px 5px 1px;
1700         padding: 3px 5px;
1701         text-align: center;
1702         width: 200px;
1703         background-color: #EEE;
1704         border-color: #DDD !important
1705 }
1706
1707 /* tidy up the title area  ----------------------------------------------------*/
1708
1709 p.search-box {
1710         margin: 12px 0 0 0
1711 }
1712
1713 /* form settings panel  ----------------------------------------------------*/
1714
1715 div#gform_heading.selectable.field_selected {
1716         background-image: url(../images/gf_fieldsettings_header.jpg);
1717         background-position: 0 0;
1718         background-repeat: repeat-x;
1719         background-color: #DFEFFF;
1720         padding-top: 8px
1721 }
1722
1723 /* upgrade and renewal styles for settings page  ----------------------------------------------------*/
1724
1725 div.gf_renew_license {
1726         border: 1px solid #CFADB3;
1727         color: #832525;
1728         background-color: #FAF2F5;
1729         padding: 0 0 20px 20px
1730 }
1731 p.gform_renew_expired strong {
1732         color: #790000
1733 }
1734 div.gf_upgrade_license h4 {
1735         font-size: 14px;
1736         margin: 0;
1737         padding: 0
1738 }
1739 div.gf_upgrade_developer_license,
1740 div.gf_upgrade_business_license {
1741         padding: 14px 0 0 140px;
1742         min-height: 135px;
1743         background-repeat: no-repeat;
1744         background-position: 0 0
1745 }
1746 div.gf_upgrade_developer_license {
1747         background-image: url(../images/gravityforms_developer_upgrade.png);
1748         margin: 30px 0 0 0
1749 }
1750 div.gf_upgrade_business_license {
1751         background-image: url(../images/gravityforms_business_upgrade.png);
1752         margin: 0
1753 }
1754 p.gform_renew_expired,
1755 p.gform_renew_not_expired {
1756         padding-left: 20px;
1757         background-image: url(../images/exclamation.png);
1758         background-position: 0 0;
1759         background-repeat: no-repeat
1760 }
1761
1762 /* update page status styles  ----------------------------------------------------*/
1763
1764 .gf_update_current,
1765 .gf_update_expired,
1766 .gf_update_outdated {
1767         padding: 10px;
1768         margin-top: 20px
1769 }
1770
1771 /* alert styles to reuse ----------------------------------------------------*/
1772
1773 .alert_green,
1774 .alert_red,
1775 .alert_yellow,
1776 .alert_gray,
1777 .alert_blue {
1778         background-image: url(../images/top_highlight.png);
1779         background-position: 0 0;
1780         background-repeat: repeat-x;
1781         -webkit-border-radius: 3px;
1782         -moz-border-radius: 3px;
1783         border-radius: 3px
1784 }
1785 .alert_green {
1786         border: 1px solid #97B48A;
1787         background-color: #CBECA0
1788 }
1789 .alert_red {
1790         border: 1px solid #CFADB3;
1791         color: #832525;
1792         background-color: #FAF2F5
1793 }
1794 .alert_yellow {
1795         border: 1px solid #E6DB55;
1796         background-color: #FFFBCC;
1797         color: #424242
1798 }
1799 .alert_gray {
1800         border: 1px solid #CCC;
1801         color: #424242;
1802         background-color: #EEE
1803 }
1804 .alert_blue {
1805         border: 1px solid #CFADB3;
1806         color: #832525;
1807         background-color: #FAF2F5
1808 }
1809
1810 /* adjust key indicator positions ----------------------------------------------------*/
1811
1812 img.gf_keystatus_invalid,
1813 img.gf_keystatus_valid {
1814         position: relative;
1815         top: 2px
1816 }
1817
1818 /* note for truncated radio and checkbox lists ----------------------------------------------------*/
1819
1820 ul.gfield_radio li.gchoice_total,
1821 ul.gfield_checkbox li.gchoice_total {
1822         font-size: 11px;
1823         color: #878787;
1824         padding-top: 14px !important
1825 }
1826
1827 /* added to prevent truncating the button panels ----------------------------------------------------*/
1828
1829 body #wpcontent #wpbody #wpbody-content {
1830         overflow: visible
1831 }
1832
1833 /* redefine the UI tabs for 1.6 ----------------------------------------------------*/
1834
1835 div.ui-widget-content {
1836         background-color: #DFEFFF
1837 }
1838 div#gform_heading.selectable div#form_settings.ui-tabs,
1839 ul#gform_fields.ui-sortable li.selectable div#field_settings.ui-tabs,
1840 div#pagination_settings.ui-tabs {
1841         border:none !important
1842 }
1843 div.ui-tabs div.ui-tabs-panel {
1844         background-color:#FFF;
1845         border-right: 1px solid #C2D7EF;
1846         border-bottom: 1px solid #C2D7EF;
1847         border-left: 1px solid #C2D7EF
1848 }
1849 div.ui-widget-content li.ui-state-active {
1850         border-left: 1px solid #C2D7EF !important;
1851         border-top: 1px solid #C2D7EF !important;
1852         border-right: 1px solid #C2D7EF !important
1853 }
1854 ul.ui-widget-header {
1855         border-bottom:1px solid #C2D7EF !important
1856 }
1857 div.ui-widget-content li.ui-state-default {
1858         background-color: #d2e3f4 !important;
1859         border-left: 1px solid #C2D7EF !important;
1860         border-top: 1px solid #C2D7EF !important;
1861         border-right: 1px solid #C2D7EF !important;
1862         border-bottom: 1px solid #C2D7EF;
1863         background-image: url(../images/gf_taboff_bg.png);
1864         background-position: bottom;
1865         background-repeat: repeat-x
1866 }
1867 div.ui-widget-content li.ui-state-default a {
1868         color: #21759B
1869 }
1870 div.ui-widget-content li.ui-state-default.ui-state-active {
1871         background-color: #FFF !important;
1872         border-bottom: 1px solid #FFF !important;
1873         background-image: none !important
1874 }
1875 div.ui-widget-content li.ui-state-default.ui-state-active a {
1876         color: #212121
1877 }
1878
1879 /* left and right settings dialogs ----------------------------------------------------*/
1880
1881 li.gform_setting_left_half {
1882         width: 44%;
1883         height: 60px;
1884         margin-right: 2%;
1885         display: -moz-inline-stack;
1886         display: inline-block;
1887         zoom: 1;
1888         *display: inline
1889 }
1890 li.gform_setting_right_half {
1891         width: 44%;
1892         height: 60px;
1893         margin-right: 2%;
1894         clear: right;
1895         display: -moz-inline-stack;
1896         display: inline-block;
1897         zoom: 1;
1898         *display: inline
1899 }
1900 li.gform_setting_left_half select,
1901 li.gform_setting_left_half input,
1902 li.gform_setting_right_half select,
1903 li.gform_setting_right_half input {
1904         width: 95%
1905 }
1906
1907 /* form toolbar  ----------------------------------------------------*/
1908
1909 #contextual-help-link-wrap {
1910         display: none
1911 }
1912 #gf_form_toolbar {
1913         margin: 10px 0 10px 0
1914 }
1915 div.wrap.gforms_edit_form #gf_form_toolbar {
1916         margin: 10px 9px 10px 0
1917 }
1918 ul#gf_form_toolbar_links {
1919         min-width: 790px;
1920         padding: 0 0 0 6px;
1921         border: 1px solid #DFDFDF;
1922         background-color: #EFEFEF;
1923         margin: 0;
1924         -webkit-border-radius: 3px;
1925         -moz-border-radius: 3px;
1926         border-radius: 3px;
1927         background-image: url(../images/gf_toolbar_bg.jpg);
1928         background-repeat: repeat-x
1929 }
1930 ul#gf_form_toolbar_links li {
1931         margin: 0;
1932         padding: 10px 6px;
1933         width: auto;
1934         display: -moz-inline-stack;
1935         display: inline-block;
1936         zoom: 1;
1937         *display: inline
1938 }
1939 ul#gf_form_toolbar_links li.gf_form_toolbar_selectform {
1940         background-image: url(../images/gf_toolbar_divider.jpg);
1941         background-repeat: repeat-y;
1942         background-position: right
1943 }
1944 ul#gf_form_toolbar_links li.gf_form_toolbar_settings a,
1945 ul#gf_form_toolbar_links li.gf_form_toolbar_editor a,
1946 ul#gf_form_toolbar_links li.gf_form_toolbar_notifications a,
1947 ul#gf_form_toolbar_links li.gf_form_toolbar_entries a ,
1948 ul#gf_form_toolbar_links li.gf_form_toolbar_preview a {
1949         background-image: url(../images/gf_toolbar_iconsprite.png);
1950         background-repeat: no-repeat;
1951         padding: 1px 0 0 20px;
1952         text-decoration: none;
1953         text-shadow: 0 1px 1px #FFF;
1954         line-height: 16px;
1955         white-space: nowrap
1956 }
1957 ul#gf_form_toolbar_links li a {
1958         display: block
1959 }
1960 ul#gf_form_toolbar_links li a:hover,
1961 ul#gf_form_toolbar_links li a:focus,
1962 ul#gf_form_toolbar_links li a.gf_toolbar_active {
1963         color: #333
1964 }
1965 ul#gf_form_toolbar_links li a.gf_toolbar_active {
1966         font-weight: bold
1967 }
1968 ul#gf_form_toolbar_links li a.gf_toolbar_disabled {
1969         color: #333;
1970         filter: alpha(opacity=50);
1971         -moz-opacity: 0.5;
1972         -khtml-opacity: 0.5;
1973         opacity: 0.5;
1974         -ms-filter: "alpha(opacity=50)"
1975 }
1976 ul#gf_form_toolbar_links li a.gf_toolbar_disabled {
1977         cursor: default
1978 }
1979 ul#gf_form_toolbar_links li.gf_form_toolbar_settings {
1980         width: 103px
1981 }
1982 ul#gf_form_toolbar_links li.gf_form_toolbar_settings a {
1983         background-position: 0 0
1984 }
1985 ul#gf_form_toolbar_links li.gf_form_toolbar_settings a:hover,
1986 ul#gf_form_toolbar_links li.gf_form_toolbar_settings a.gf_toolbar_active {
1987         background-position: 0 -96px
1988 }
1989 ul#gf_form_toolbar_links li.gf_form_toolbar_settings a.gf_toolbar_disabled:hover {
1990         background-position: 0 0
1991 }
1992 ul#gf_form_toolbar_links li.gf_form_toolbar_editor a {
1993         background-position: 0 -16px
1994 }
1995 ul#gf_form_toolbar_links li.gf_form_toolbar_editor a:hover,
1996 ul#gf_form_toolbar_links li.gf_form_toolbar_editor a.gf_toolbar_active {
1997         background-position: 0 -112px
1998 }
1999 ul#gf_form_toolbar_links li.gf_form_toolbar_editor a.gf_toolbar_disabled:hover {
2000         background-position: 0 -16px
2001 }
2002 ul#gf_form_toolbar_links li.gf_form_toolbar_notifications {
2003         padding: 10px 6px 10px 4px
2004 }
2005 ul#gf_form_toolbar_links li.gf_form_toolbar_notifications a {
2006         background-position: 0 -32px
2007 }
2008 ul#gf_form_toolbar_links li.gf_form_toolbar_notifications a:hover,
2009 ul#gf_form_toolbar_links li.gf_form_toolbar_notifications a.gf_toolbar_active {
2010         background-position: 0 -128px
2011 }
2012 ul#gf_form_toolbar_links li.gf_form_toolbar_notifications a.gf_toolbar_disabled:hover {
2013         background-position: 0 -32px
2014 }
2015 ul#gf_form_toolbar_links li.gf_form_toolbar_entries a {
2016         background-position: 0 -48px
2017 }
2018 ul#gf_form_toolbar_links li.gf_form_toolbar_entries a:hover,
2019 ul#gf_form_toolbar_links li.gf_form_toolbar_entries a.gf_toolbar_active {
2020         background-position: 0 -144px
2021 }
2022 ul#gf_form_toolbar_links li.gf_form_toolbar_entries a.gf_toolbar_disabled:hover {
2023         background-position: 0 -48px
2024 }
2025 ul#gf_form_toolbar_links li.gf_form_toolbar_preview a {
2026         background-position: 0 -64px
2027 }
2028 ul#gf_form_toolbar_links li.gf_form_toolbar_preview a:hover,
2029 ul#gf_form_toolbar_links li.gf_form_toolbar_preview a.gf_toolbar_active {
2030         background-position: 0 -160px
2031 }
2032 ul#gf_form_toolbar_links li.gf_form_toolbar_preview a.gf_toolbar_disabled:hover {
2033         background-position: 0 -64px
2034 }
2035
2036 /* form switcher  ----------------------------------------------------*/
2037
2038 ul#gf_form_toolbar_links {
2039         position: relative
2040 }
2041 li.gf_form_switcher {
2042         position: absolute;
2043         right: 2px;
2044         top: -4px
2045 }
2046 li.gf_form_switcher label {
2047         display: none
2048 }
2049 li.gf_form_switcher select#form_switcher {
2050         max-width: 200px
2051 }
2052 div#add_fields div#floatMenu ul#sidebarmenu1.menu li.add_field_button_container ul li.add-buttons ol.field_type li input.button {
2053         border-color: #DFDFDF
2054 }
2055 div#add_fields div#floatMenu ul#sidebarmenu1.menu li.add_field_button_container ul li.add-buttons ol.field_type li input.button,
2056 div#add_fields div#floatMenu ul#sidebarmenu1.menu li.add_field_button_container ul li.add-buttons ol.field_type li input.button:hover,
2057 div#add_fields div#floatMenu ul#sidebarmenu1.menu li.add_field_button_container ul li.add-buttons ol.field_type li input.button:focus,
2058 div#add_fields div#floatMenu ul#sidebarmenu1.menu li.add_field_button_container ul li.add-buttons ol.field_type li input.button:active {
2059         -webkit-border-radius: 4px !important;
2060         -moz-border-radius: 4px !important;
2061         border-radius: 4px !important
2062 }
2063 div#add_fields div#floatMenu ul#sidebarmenu1.menu li.add_field_button_container ul li.add-buttons ol.field_type li input.button:hover  {
2064         border-color: #CCC;
2065         background-image:url(../images/hovergrad.png);
2066         background-position: 0 0;
2067         background-repeat: repeat-x;
2068 }
2069 div#add_fields div#floatMenu ul#sidebarmenu1.menu li.add_field_button_container ul li.add-buttons ol.field_type li input.button:focus,
2070 div#add_fields div#floatMenu ul#sidebarmenu1.menu li.add_field_button_container ul li.add-buttons ol.field_type li input.button:active {
2071         border-color: #BBB
2072 }
2073
2074 /* edit confirmation dialog ----------------------------------------------------*/
2075
2076 div#wpbody-content div.wrap div#after_update_dialog.updated_base.gform_editor_status,
2077 div.gform_editor_status {
2078         max-width: 480px !important;
2079         padding: 10px;
2080         border: 1px solid #E6DB55 !important
2081 }
2082
2083 /* new update and delete button positions for 1.6 ----------------------------------------------------*/
2084
2085 #floatMenu h3.gf_add_fields {
2086         display: none
2087 }
2088 #floatMenu br {
2089         height:1px;
2090         display:block
2091 }
2092 #floatMenu a.submitdelete {
2093         cursor: pointer;
2094         border-bottom-style: solid;
2095         border-bottom-width: 1px;
2096         margin: 6px 0 0 4px;
2097         padding: 1px 2px;
2098         text-decoration: none;
2099         color: #F00;
2100         display: -moz-inline-stack;
2101         display: inline-block;
2102         zoom: 1;
2103         *display: inline
2104 }
2105 #floatMenu a.submitdelete:hover {
2106         background-color: #F00;
2107         color: #FFF
2108 }
2109 #floatMenu input.button-primary.gfbutton {
2110         float: right;
2111         margin: 6px 0 0 !important
2112 }
2113 #floatMenu #after_update_dialog {
2114         margin: 14px 0 0 0;
2115         text-align: center;
2116         padding: 16px 10px
2117 }
2118 #floatMenu span#please_wait_container {
2119         width: 16px;
2120         height: 16px;
2121         float: right;
2122         margin: 4px 4px 0 0
2123 }
2124 div#gravity-edit-icon {
2125         background-image:url(../images/gravity-edit-icon-32.png);
2126         background-repeat: no-repeat
2127 }
2128 div#gravity-notification-icon {
2129         background-image:url(../images/gravity-notification-icon-32.png);
2130         background-repeat: no-repeat
2131 }
2132 div#gravity-entry-icon {
2133         background-image:url(../images/gravity-entry-icon-32.png);
2134         background-repeat: no-repeat
2135 }
2136 div#gravity-title-icon {
2137         background-image:url(../images/gravity-title-icon-32.png);
2138         background-repeat: no-repeat
2139 }
2140 div#gravity-settings-icon {
2141         background-image:url(../images/gravity-settings-icon-32.png);
2142         background-repeat: no-repeat
2143 }
2144 div#gravity-export-icon {
2145         background-image:url(../images/gravity-export-icon-32.png);
2146         background-repeat: no-repeat
2147 }
2148 div#gravity-import-icon {
2149         background-image:url(../images/gravity-import-icon-32.png);
2150         background-repeat: no-repeat
2151 }
2152 div#gravity-update-icon {
2153         background-image:url(../images/gravity-update-icon-32.png);
2154         background-repeat: no-repeat
2155 }
2156 div#gravity-help-icon {
2157         background-image:url(../images/gravity-help-icon-32.png);
2158         background-repeat: no-repeat
2159 }
2160 div#publishing-action {
2161         float: none !important;
2162         text-align: left !important;
2163         clear: both;
2164         margin: 14px 0 5px
2165 }
2166 div#major-publishing-actions {
2167         clear: both
2168 }
2169 html body.wp-admin div#wpwrap div#wpcontent div#wpbody div#wpbody-content div.wrap table.widefat thead tr th.manage-column,
2170 html body.wp-admin div#wpwrap div#wpcontent div#wpbody div#wpbody-content div.wrap table.widefat tfoot tr th.manage-column {font-size:13px !important}
2171 th.manage-column.column-cb.check-column {
2172         vertical-align: top
2173 }
2174
2175 /* tidy up the entry views and the new field types for 1.6 ----------------------------------------------------*/
2176
2177 table.gfield_list td.gfield_list_cell {
2178         padding: 6px 0
2179 }
2180 table.gfield_list td.gfield_list_cell + td.gfield_list_cell {
2181         padding: 6px 0
2182 }
2183 table.gfield_list thead tr th  {
2184         padding: 6px 0;
2185         font-weight: bold
2186 }
2187 table.gfield_list thead tr th + th {
2188         padding: 6px 0
2189 }
2190 table.widefat tbody tr td.entry-view-field-value table.gfield_list {
2191         border-top: 1px solid #DFDFDF !important;
2192         border-left: 1px solid #DFDFDF !important;
2193         border-spacing: 0;
2194         padding: 0;
2195         margin: 2px 0 6px;
2196         width: 100%
2197 }
2198 table.widefat tbody tr td.entry-view-field-value table.gfield_list td {
2199         border-right: 1px solid #DFDFDF !important;
2200         padding: 6px 10px
2201 }
2202 table.widefat tbody tr td.entry-view-field-value table.gfield_list thead tr th {
2203         background-image: none !important;
2204         border-right: 1px solid #DFDFDF !important;
2205         padding: 6px 10px;
2206         font-family: sans-serif !important
2207 }
2208 table.widefat tbody tr td.entry-view-field-value ul li {
2209         color: #555 !important
2210 }
2211 input.headercb {
2212         margin-top: -3px
2213 }
2214 .gfield_rule_select,.gfield_routing_select {
2215         width: 140px
2216 }
2217 .validation_message {
2218         color: #790000 !important;
2219         font-size: 11px;
2220         font-family: sans-serif;
2221         letter-spacing: normal
2222 }
2223 .gfield_error {
2224         background-color: #FFDFDF !important;
2225         margin-top: 4px !important;
2226         margin-bottom: 6px;
2227         padding: 6px 6px 4px !important;
2228         border: 1px dotted #C89797
2229 }
2230 .grouting_rule_error input {
2231         border: 1px solid #f00
2232 }
2233 .gfield_sub_setting {
2234         margin-top: 20px
2235 }
2236 div#notifications_container .inside div.message.error {
2237         line-height: 1.5 !important
2238 }
2239
2240 /* credit card icons ------------------------------------------------------*/
2241
2242 .gform_card_icon_container {
2243         margin: 8px 0 6px 0;
2244         height: 32px
2245 }
2246 div.gform_card_icon {
2247         margin-right: 4px;
2248         text-indent: -9000px;
2249         background-image: url(../images/gf_creditcard_icons.png);
2250         background-repeat: no-repeat;
2251         width: 36px;
2252         height: 32px;
2253         float:left
2254 }
2255 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa {
2256         background-position: 0 0
2257 }
2258 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
2259         background-position: 0 -32px
2260 }
2261 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
2262         background-position: 0 -64px
2263 }
2264 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard {
2265         background-position: -36px 0
2266 }
2267 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
2268         background-position: -36px -32px
2269 }
2270 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
2271         background-position: -36px -64px
2272 }
2273 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex {
2274         background-position: -72px 0
2275 }
2276 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
2277         background-position: -72px -32px
2278 }
2279 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
2280         background-position: -72px -64px
2281 }
2282 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover {
2283         background-position: -108px 0
2284 }
2285 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
2286         background-position: -108px -32px
2287 }
2288 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
2289         background-position: -108px -64px
2290 }
2291 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro {
2292         background-position: -144px 0
2293 }
2294 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
2295         background-position: -144px -32px
2296 }
2297 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
2298         background-position: -144px -64px
2299 }
2300 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb {
2301         background-position: -180px 0
2302 }
2303 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
2304         background-position: -180px -32px
2305 }
2306 .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
2307         background-position: -180px -64px
2308 }
2309 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa {
2310         background-position: 0 -192px
2311 }
2312 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
2313         background-position: 0 -224px
2314 }
2315 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
2316         background-position: 0 -256px
2317 }
2318 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard {
2319         background-position: -36px -192px
2320 }
2321 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
2322         background-position: -36px -224px
2323 }
2324 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
2325         background-position: -36px -256px
2326 }
2327 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex {
2328         background-position: -72px -192px
2329 }
2330 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
2331         background-position: -72px -224px
2332 }
2333 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
2334         background-position: -72px -256px
2335 }
2336 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover {
2337         background-position: -108px -192px
2338 }
2339 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
2340         background-position: -108px -224px
2341 }
2342 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
2343         background-position: -108px -256px
2344 }
2345 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro {
2346         background-position: -144px -192px
2347 }
2348 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
2349         background-position: -144px -224px
2350 }
2351 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
2352         background-position: -144px -256px
2353 }
2354 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb {
2355         background-position: -180px -192px
2356 }
2357 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
2358         background-position: -180px -224px
2359 }
2360 .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
2361         background-position: -180px -256px
2362 }
2363
2364 /* credit card fields ------------------------------------------------------*/
2365
2366 .ginput_complex .ginput_cardinfo_left,
2367 .ginput_complex .ginput_cardinfo_right {
2368         min-height: 43px;
2369         position: relative;
2370         float:left
2371 }
2372 .ginput_complex .ginput_cardinfo_left {
2373         width: 50%;
2374         margin-right: 1%
2375 }
2376 .ginput_complex .ginput_cardinfo_right {
2377         min-width: 85px !important
2378 }
2379 .ginput_complex .ginput_cardinfo_right label {
2380         white-space: nowrap !important
2381 }
2382 .ginput_complex span.ginput_cardextras {
2383         display: block;
2384         overflow: hidden;
2385         margin-bottom: 8px
2386 }
2387 .ginput_complex .ginput_cardinfo_right span.ginput_card_expiration_container {
2388         position: relative
2389 }
2390 .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month,
2391 .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year {
2392         width: 48% !important;
2393         display: -moz-inline-stack;
2394         display: inline-block;
2395         zoom: 1;
2396         *display: inline
2397 }
2398 .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month {
2399         margin-right: 4px
2400 }
2401 .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code {
2402         max-width: 50% !important;
2403         position: relative
2404 }
2405 .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
2406         width: 32px;
2407         height: 23px;
2408         background-image: url(../images/gf_creditcard_icons.png);
2409         background-repeat: no-repeat;
2410         background-position: 0 -128px;
2411         position: relative;
2412         top: -2px;
2413         left: 6px;
2414         display: -moz-inline-stack;
2415         display: inline-block;
2416         zoom: 1;
2417         *display: inline
2418 }
2419 div.gfield_creditcard_warning_message {
2420         display: none !important
2421 }
2422 #gform_fields li.credit_card_setting.field_setting ul li {
2423         padding: 2px 0 4px 0
2424 }
2425
2426 /* Safari & Google Chrome (webkit) specific styles ------------------------------------------------------*/
2427
2428 @media screen and -webkit-min-device-pixel-ratio0#gfield_settings_category_container,
2429 #gfield_settings_choices_container {
2430         max-height: 222px
2431 }
2432
2433 /* Safari specific styles ----------------------------------------------------*/
2434
2435 div.wrap.gf_browser_safari div#add_fields div#floatMenu ul#sidebarmenu1.menu li.add_field_button_container ul li.add-buttons ol.field_type li input.button,
2436 div.wrap.gf_browser_safari div#add_fields div#floatMenu ul#sidebarmenu1.menu li.add_field_button_container ul li.add-buttons ol.field_type li input.button:hover,
2437 div.wrap.gf_browser_safari div#add_fields div#floatMenu ul#sidebarmenu1.menu li.add_field_button_container ul li.add-buttons ol.field_type li input.button:focus,
2438 div.wrap.gf_browser_safari div#add_fields div#floatMenu ul#sidebarmenu1.menu li.add_field_button_container ul li.add-buttons ol.field_type li input.button:active {
2439         padding-top: 6px;
2440         padding-bottom: 6px
2441 }
2442 div.wrap.gf_browser_safari .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
2443         top: -2px
2444 }
2445
2446 /* Firefox specific styles ----------------------------------------------------*/
2447
2448 div.wrap.gf_browser_gecko div.new-form-option a {
2449         padding:16px 16px 14px 16px
2450 }
2451 div.wrap.gf_browser_gecko .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
2452         top: -4px
2453 }
2454
2455 /* IE specific styles ----------------------------------------------------*/
2456
2457 div.wrap.gf_browser_ie {}
2458 div.wrap.gf_browser_ie .menu.collapsible ol.field_type li {
2459         width: 48%
2460 }
2461 div.wrap.gf_browser_ie .menu.collapsible ol.field_type li input.button {
2462         width: 96% !important
2463 }
2464 div.wrap.gf_browser_ie .menu.collapsible li {
2465         min-width: 20% !important
2466 }
2467 div.wrap.gf_browser_ie .gfield_checkbox li input[type=checkbox],
2468 div.wrap.gf_browser_ie .gfield_radio li input[type=radio],
2469 div.wrap.gf_browser_ie .gfield_checkbox li input {
2470         margin-top: 0
2471 }
2472 .bulk-arrow-mid {
2473         height: 300px
2474 }
2475 textarea#gfield_bulk_add_input {
2476         width: 320px;
2477         height: 290px
2478 }
2479 #TB_ajaxContent {
2480         height: 400px !important
2481 }
2482 div.wrap.gf_browser_ie .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code {
2483         top: 0
2484 }
2485 div.wrap.gf_browser_ie .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
2486         position: relative;
2487         top: -2px
2488 }
2489 div.wrap.gf_browser_ie .menu.collapsible ol.field_type li {
2490         width:50%;
2491         overflow: hidden
2492 }
2493 div.wrap.gf_browser_ie.gf_browser_ie8 .menu.collapsible ol.field_type li input.button,
2494 div.wrap.gf_browser_ie.gf_browser_ie9 .menu.collapsible ol.field_type li input.button {
2495         width: 80% !important
2496 }
2497 .wp-media-buttons {
2498         padding: 0px !important; 
2499         line-height: 3px !important
2500 }
2501 .wp-media-buttons select {
2502         padding: 1px !important; 
2503         font-size: 10px !important; 
2504         line-height: 2.2em
2505 }
2506
2507 /* notification paging added in version 1.6.3 ----------------------------- */
2508
2509 #notifications_advanced_settings label { 
2510         line-height: 18px
2511 }
2512
2513
2514 div.gf_entry_wrap {
2515         position: relative;
2516 }
2517 div.gf_toolset_dropdown_menu { 
2518         position: absolute;
2519         top: 10px;
2520         right: 0
2521
2522
2523
2524
2525 div.gf_toolset_dropdown_menu ul li.gf_toolset_dropdown_toplevel a.gf_toolset_dropdown_toplevel_link { 
2526         display: block;
2527         width: 40px;
2528         height: 24px;
2529         overflow: hidden;
2530         padding: 0;
2531         text-indent: -9000px;
2532         text-decoration: none;
2533         background-color: #EFEFEF;
2534         margin: 0;
2535         border: 1px solid #DFDFDF;
2536         -webkit-border-radius: 3px;
2537         -moz-border-radius: 3px;
2538         border-radius: 3px;
2539         background-image: url(../images/gf_entry_paging_sprite.jpg);
2540         background-repeat: no-repeat;
2541         background-position: -144px 0
2542 }
2543
2544
2545 div.gf_entry_detail_pagination { 
2546         position: absolute;
2547         top: 10px;
2548         right: 0
2549 }
2550 div.gf_entry_detail_pagination ul li
2551 div.gf_entry_detail_pagination ul li {
2552         padding: 0 !important;
2553         margin-bottom: 0 !important
2554 }
2555 div.gf_entry_detail_pagination ul li {
2556         line-height: 24px;
2557         height: 26px;
2558         overflow: hidden;
2559         display: -moz-inline-stack; 
2560         display: inline-block; 
2561         zoom: 1; 
2562         *display: inline
2563 }
2564
2565 div.gf_entry_detail_pagination ul li.gf_entry_count span {
2566         display: block;
2567         width: auto !important;
2568         line-height: 25px;
2569         padding: 0 5px 0 0
2570 }
2571 div.gf_entry_detail_pagination ul li.gf_entry_count span strong {
2572         color: #D24E29
2573 }
2574 div.gf_entry_detail_pagination ul li.gf_entry_pagination a { 
2575         display: block;
2576         width: 24px;
2577         height: 24px;
2578         overflow: hidden;
2579         padding: 0;
2580         text-indent: -9000px;
2581         text-decoration: none;
2582         background-color: #EFEFEF;
2583         margin: 0;
2584         border: 1px solid #DFDFDF;
2585         -webkit-border-radius: 3px;
2586         -moz-border-radius: 3px;
2587         border-radius: 3px;
2588         background-image: url(../images/gf_entry_paging_sprite.jpg);
2589         background-repeat: no-repeat
2590 }
2591
2592 /* entry paging - previous button */
2593
2594 a.gf_entry_prev_link.gf_entry_pagination_link.gf_entry_pagination_link_inactive {
2595         background-position: -24px 0
2596 }
2597 a.gf_entry_prev_link.gf_entry_pagination_link.gf_entry_pagination_link_active {
2598         background-position: 0 0
2599 }
2600 a.gf_entry_prev_link.gf_entry_pagination_link.gf_entry_pagination_link_active:hover,
2601 a.gf_entry_prev_link.gf_entry_pagination_link.gf_entry_pagination_link_active:focus {
2602         background-position: -48px 0
2603 }
2604
2605 /* entry paging - next button */
2606
2607 a.gf_entry_next_link.gf_entry_pagination_link.gf_entry_pagination_link_active {
2608         background-position: -72px 0
2609 }
2610 a.gf_entry_next_link.gf_entry_pagination_link.gf_entry_pagination_link_inactive {
2611         background-position: -96px 0
2612 }
2613
2614 a.gf_entry_next_link.gf_entry_pagination_link.gf_entry_pagination_link_active:hover,
2615 a.gf_entry_next_link.gf_entry_pagination_link.gf_entry_pagination_link_active:focus {
2616         background-position: -120px 0
2617 }
2618
2619 /* notification wysiwyg styles */
2620
2621 html body.wp-admin div#wpwrap div#wpcontent div#wpbody div#wpbody-content form#entry_form div.wrap div#poststuff.metabox-holder div#submitdiv.stuffbox div.inside div#submitcomment.submitbox div#minor-publishingx div#form_notification_admin_container ul#form_notification_container li div div#wp-form_notification_message-wrap.wp-editor-wrap {
2622         margin-top: 20px !important
2623 }
2624 html body.wp-admin div#wpwrap #wp-form_notification_message-media-buttons.hide-if-no-js.wp-media-buttons {
2625         position: absolute;
2626     top: -2px;
2627         left:0;
2628     width: 280px !important;
2629         padding: 3px 4px 3px 6px !important;
2630         background-color: #E9E9E9;
2631         border-left: 1px solid #CCCCCC;
2632         border-top: 1px solid #CCCCCC;
2633         border-right: 1px solid #CCCCCC;
2634         -webkit-border-top-left-radius: 3px;
2635         -webkit-border-top-right-radius: 3px;
2636         -moz-border-radius-topleft: 3px;
2637         -moz-border-radius-topright: 3px;
2638         border-top-left-radius: 3px;
2639         border-top-right-radius: 3px;
2640 }
2641 html body.rtl.wp-admin div#wpwrap #wp-form_notification_message-media-buttons.hide-if-no-js.wp-media-buttons {
2642         left: auto !important;
2643         right: 0
2644 }
2645 html body.wp-admin div#wp-form_notification_message-editor-tools.wp-editor-tools {
2646         position: relative
2647 }
2648 html body.wp-admin div#wpwrap div#form_notification_admin_container ul#form_notification_container li div div#wp-form_notification_message-wrap.wp-editor-wrap div#wp-form_notification_message-editor-tools.wp-editor-tools div#wp-form_notification_message-media-buttons.hide-if-no-js a#form_notification_message-add_media {
2649         background-color:#fff;
2650         background-image: url(../images/gf_media_button_bg.jpg);
2651         background-repeat: repeat-x;
2652         background-position: bottom;
2653         padding:3px 6px 2px 5px !important;
2654         border: 1px solid #C3C3C3;
2655         border-bottom: 2px solid #CCCCCC;
2656         color: #464646;
2657         -webkit-border-radius: 3px;
2658         -moz-border-radius: 3px;
2659         border-radius: 3px;
2660         font-family: arial,sans-serif;
2661         font-weight: normal;
2662         font-size: 12px;
2663         line-height: 18px;
2664         display: -moz-inline-stack; 
2665         display: inline-block; 
2666         zoom: 1; 
2667         *display: inline
2668 }
2669 html body.wp-admin div#wpwrap div#form_notification_admin_container ul#form_notification_container li div div#wp-form_notification_message-wrap.wp-editor-wrap div#wp-form_notification_message-editor-tools.wp-editor-tools div#wp-form_notification_message-media-buttons.hide-if-no-js a#form_notification_message-add_media img {
2670         display: none !important
2671 }
2672 html body.wp-admin div#wpwrap div#form_notification_admin_container ul#form_notification_container li div div#wp-form_notification_message-wrap.wp-editor-wrap div#wp-form_notification_message-editor-tools.wp-editor-tools div#wp-form_notification_message-media-buttons.hide-if-no-js select#form_notification_message_variable_select {
2673         position: relative;
2674         top: 0;
2675         font-family: arial,sans-serif;
2676         font-weight: normal;
2677         font-size: 12px !important;
2678         line-height: 18px
2679 }