/* ---------------------------------------------------------------- admin.css Gravity Forms Administration Form Styles http://www.gravityforms.com updated: May 18, 2011 a Rocketgenius project copyright 2011 Rocketgenius Inc. http://www.rocketgenius.com this may not be re-distrubited without the express written permission of the author. NOTE: DO NOT EDIT THIS FILE! THIS FILE IS REPLACED DURING AUTO UPGRADE AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. ---------------------------------------------------------------- */ :focus {outline:0} input, textarea {outline-style:none; font-size:12px; font-family:verdana,sans-serif; padding:2px 0} ul {margin:0} li {list-style:none} #wpbody-content {position:relative; width:99%} .wrap.gforms_edit_form {margin-bottom:20px!important; overflow: visible!important} ul#gform_fields {padding:0; margin:0} select {font-size:12px!important; font-family:verdana,sans-serif; padding:2px 0} table.xwidefat {width:99%!important} div.wrap {position: relative} .hr-divider {background-color:#fff; height:1px; overflow:hidden; border-top:1px solid #E6E6E6; border-bottom:1px solid #fff; margin:24px 0; clear:both} div.delete-alert {padding:0 0 20px 20px; margin-bottom:30px;} div.gforms_help_alert {background-color:#FFFFE0; border:1px solid #E6DB55; padding:10px; margin:10px 0} div.gforms_helpbox {border:1px solid #C2D7EF; background-color:#E2EDFF; margin:10px 0; padding:10px; width:520px; font-size:13px} div.gforms_helpbox select {width:460px} div.gforms_helpbox ul.resource_list {margin-top:4px} div.gforms_helpbox ul.resource_list li {margin:0 0 6px!important} div.gforms_code {border:1px solid #C2D7EF; background-color:#E2EDFF; margin:10px 0; padding:10px; width:700px; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-size:13px} div.gforms_code pre {display:block; font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace!important; font-size:13px; font-weight:normal!important; line-height:18px; margin:0; overflow:hidden; z-index:100; position:relative; white-space:pre-wrap; white-space:0; white-space:0; white-space:0; word-wrap:break-word; padding:6px 10px 6px 0} div.delete-alert input.button {border:1px solid #CFADB3; color:#832525;} div.delete-alert input.button:hover {border:1px solid #dbadac} #field_settings {margin:0 0 12px; padding-top:6px} #field_settings ul li label {display:block; line-height:125%; margin:0 0 3px} .gform_heading .form_edit_iconx,.form_head .form_delete_iconx {display:block} .settings_control_container{height:18px} .ui-tabs-panel ul li label {margin-bottom:8px!important} li.field_setting input, li.field_setting select {margin-top:4px} .inline {display:inline!important} label.float_label {float:left; width:40px; padding:2px 0 0} #gform_fields li{border:1px solid transparent; padding:10px; overflow:hidden} .gforms_form_settings li {border:1px solid transparent; padding:10px 0px; overflow:hidden} .gform_page_names li {padding:5px 0px!important} #gform_heading {border:1px solid transparent; padding:8px 10px 10px 10px; width:480px!important; overflow:hidden; margin-bottom:10px; position:relative} .gform_settings_container {border:1px solid transparent; padding:10px; width:480px!important} #gform_fields {width:500px!important} .gfield_time_hour, .gfield_time_minute {width:70px; float:left; margin-bottom:4px} .gfield_date_month, .gfield_date_day, .gfield_date_year {width:50px; float:left; margin-bottom:4px} .gfield_date_month input, .gfield_date_day input, .gfield_date_year input {width:80%!important} .gfield_time_ampm select {width:50px!important} .gfield_time_hour input, .gfield_time_minute input {width:80%!important} .field_hover {border:1px dashed #2175A9!important; cursor:pointer} .field_selected {background-color:#DFEFFF; border:1px solid #C2D7EF!important} .field_name_first,.field_name_last,ol.field_type li {width:50%; float:left} .field_name_first input,.ginput_complex .ginput_left input {width:90%!important} .field_name_last input {width:93%!important} .datepicker {width:100px!important} img#gfield_input_datepicker_icon {position:relative; top:3px; left:4px} #date_picker_container {margin:8px 0} #gfield_icon_url_container {margin-top:5px} .ginput_complex .ginput_left, .ginput_complex .ginput_right {width:48%; float:left} .ginput_complex input, .ginput_complex select {width:92%!important} .ginput_complex label, .gfield_time_hour label,.gfield_time_minute label {display:block; margin:4px 0} .ginput_complex .name_prefix {float:left; width:30px!important; margin-right:14px} .ginput_complex .name_suffix {float:left; width:30px!important} .ginput_complex .name_first,.ginput_complex .name_last {float:left; width:100px; margin-right:8px} .top_label .gfield_label {display:block; margin:4px 0; font-weight:bold} .left_label .gfield_label {float:left; margin:2px 15px 0 0; width:29%; font-weight:bold} .right_label .gfield_label {float:left; margin:2px 15px 0 0; width:29%; font-weight:bold; text-align:right} .left_label ul.gfield_checkbox,.right_label ul.gfield_checkbox,.left_label ul.gfield_radio,.right_label ul.gfield_radio {margin-left:32%} .top_label input.small, .top_label select.small {width:25%} .top_label input.medium, .top_label select.medium {width:50%} .top_label input.large, .top_label select.large, .top_label textarea.textarea {width:96%} .right_label input.small, .right_label select.small, .left_label input.small, .left_label select.small {width:15%} .right_label input.medium, .right_label select.medium, .left_label input.medium, .left_label select.medium {width:35%} .right_label input.large, .right_label select.large, .left_label input.large, .left_label select.large, textarea.textarea {width:64%} .right_label div.ginput_complex, .left_label div.ginput_complex {width:64%; float:left} h2.gsection_title {margin:0!important; padding:0!important; letter-spacing:normal!important; font-style:normal!important; font-weight:bold; font-size:16px; font-family:Helvetica,sans-serif; width:98%} h3.gf_add_fields {margin:0 0 .5em 0!important} .gsection .gfield_label {font-weight:bold; font-size:16px; font-family:Helvetica,sans-serif} .gsection_description {width:98%; font-size:10px; line-height:150%; clear:both; padding-top:4px; font-family:verdana,sans-serif} .gsection_description, .gfield_description {font-style:italic} .gfield_date_year+.gfield_description {padding:0 0 8px} .gsection {border-bottom:1px dotted #ccc!important} /* updated radio and checkbox styling - justifies lenghty labels ------------------------------------------------------*/ ul.gfield_checkbox, ul.gfield_radio {margin:6px 0} .gfield_checkbox li, .gfield_radio li {position:relative; padding:0!important} .gfield_checkbox li label, .gfield_radio li label {display:block; margin: 0 0 0 24px; padding:0!important; width: auto; line-height:1.5; vertical-align: top} .gfield_checkbox li input[type=checkbox], .gfield_radio li input[type=radio], .gfield_checkbox li input {float:left; margin-top:2px} .description,.instruction, .gfield_description {font-size:10px; line-height:150%; clear:both; padding-top:10px; font-family:verdana,sans-serif} .right_label .gfield_description, .left_label .gfield_description, .left_label .instruction, .right_label .instruction {margin-left:29%; padding-left:15px} .left_label .gsection .gsection_description, .right_label .gsection .gsection_description {margin-left:0; padding-left:0; padding-top:10px; line-height:150%} .ginput_complex + .gfield_description {padding-top:0!important} .gfield_required {color:red; margin-left:4px} textarea.small {height:80px} textarea.medium {height:150px} textarea.large {height:250px} .gform_footer {padding:10px 0 10px 10px; margin:6px 0 0; border-top:1px dotted #ccc!important} .gform_wrapper .gform_footer+.right_label, .gform_wrapper .gform_footer+.left_label {padding:16px 0 10px 31%} a.close_icon {position:absolute; left:100%; margin-left:-27px; top:9px; width:16px; height:16px; background-image:url(../images/close.png); background-repeat:no-repeat; text-indent:-9000px} .gfield {position:relative} .field_hover .field_edit_icon, .field_hover .field_delete_icon, .field_hover .form_edit_icon, .field_hover .form_delete_icon, .field_selected .field_edit_icon, .field_selected .field_delete_icon, .field_selected .form_edit_icon, .field_selected .form_delete_icon {display:block!important} .field_edit_icon,.form_edit_icon {display:none; float:right; font-size:10px; text-decoration:none; margin-right:6px; height:16px; line-height:16px; padding:0 0 0 18px} .edit_icon_expanded {background-image:url(../images/close.png); background-repeat:no-repeat} .edit_icon_collapsed {background-image:url(../images/edit.png); background-repeat:no-repeat} .entries_edit_icon {float:right; font-size:10px; text-decoration:none; margin:2px 6px 0 0; height:16px; line-height:16px; padding:0 0 0 18px; background-image:url(../images/edit.png); background-repeat:no-repeat; text-shadow:none; font-weight:normal} .field_delete_icon, .form_delete_icon {display:none; float:right; font-size:10px; text-decoration:none; height:16px; line-height:16px; padding:0 0 0 18px; background-image:url(../images/delete.png); background-repeat:no-repeat} .option_header {margin:5px 0 2px; font-weight:bold} div.error + a.gforms_settings_button {top:-90px} div.error + a.gforms_settings_button {*top:-80px} img.gtitle_icon {float:left; margin:15px 7px 0 0} td.pad_top {padding-top:10px} #form_settings {padding:5px; margin-top:10px} .input_size_a, .textarea_size_a {width:375px} .form_button_options {margin:8px 0} #form_button_text_container, #form_button_image_container {margin-top:8px!important} .captcha_message {padding:5px} #after_insert_dialog div {padding-bottom:10px} #simplemodal-overlay {background-color:#000; cursor:default} #simplemodal-container {padding:20px 20px 0; height:300px; width:400px; background-color:#F9F9F9; border:6px solid #636363; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px} #simplemodal-container a.modalCloseImg {background:url(../images/close.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-14px; right:-18px; cursor:pointer} div#after_insert_dialog h3 {text-align:center; padding:10px 6px; background-color:#FFFBCC; border:1px solid #E6DB55; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; margin:0 0 4px} div.gold_notice {padding:10px 6px; background-color:#FFFBCC; border:1px solid #E6DB55; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; margin:0 0 4px} div.new-form-option a {font-size:16px; padding:8px; text-decoration:none; text-align:center; display:block; color:#535353; background-color:#F9F9F9; border:1px solid #BBB; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; margin-bottom:4px; background:url(../images/new-form-option-bg.png) repeat-x} div.new-form-option a:hover {color:#2B2B2B; border:1px solid #666} .installation_item_cell {width:40px} .installation_item_message {padding-left:15px; color:red} div#wpbody {position:relative} #floatMenu {position:absolute; width:280px; top:130px; z-index:99} div.add-buttons-title {background-color:#636363; background-image:url(../images/expand_title.png); background-repeat:no-repeat; background-position:right 0; height:24px; overflow:hidden; cursor:pointer; font-size:13px; border-width:1px; border-style:solid; border-color:#636363; margin:0!important; padding:5px 12px 0; white-space:nowrap; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; -khtml-border-top-right-radius:4px; -khtml-border-top-left-radius:4px; border-top-right-radius:4px; border-top-left-radius:4px} .button-title-link {color:#FFF; text-shadow:none; font-weight:bold; cursor:text!important} .add-buttons {border-width:0 1px 1px; border-style:none solid solid; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -khtml-border-bottom-right-radius:4px; -khtml-border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; background-color:#F1F1F1; border-color:#bbb; padding:12px} ul.menu li {margin-bottom:10px} ol.field_type {display:block; visibility:visible!important; overflow:hidden; margin:0; padding:0} div.push-alert-gold {padding:10px 6px; margin:30px 0 10px; text-align:center; line-height:150%; display:block!important; visibility:visible!important; min-width:800px; font-size:1.1em; background-color:#FFFBCC; border-top:1px solid #E6DB55; border-bottom:1px solid #E6DB55} div.push-alert-green {padding:10px 6px; margin:30px 0 10px; text-align:center; line-height:150%; display:block!important; visibility:visible!important; min-width:800px; font-size:1.1em; background-color:#ecfcde; border-top:1px solid #a7c886; border-bottom:1px solid #a7c886} div.push-alert-blue {padding:10px 6px; margin:30px 0 10px; text-align:center; line-height:150%; display:block!important; visibility:visible!important; min-width:800px; font-size:1.1em; background-color:#E2EDFF; border-top:1px solid #C2D7EF; border-bottom:1px solid #C2D7EF} div.push-alert-red {padding:10px 6px; margin:30px 0 10px; text-align:center; line-height:150%; display:block!important; visibility:visible!important; min-width:800px; font-size:1.1em; background-color:#FFE1E1; border-top:1px solid #EAAEAD; border-bottom:1px solid #EAAEAD} #gfield_settings_category_container, #gfield_settings_choices_container {border:1px solid #DFDFDF; overflow:auto; padding:2px 0 6px} #gfield_settings_category_container {max-height:230px; margin:8px 0 0} table td.gfield_category_cell {padding-top:3px} #gfield_settings_choices_container {max-height:230px; margin:8px 0 14px} #field_choices li {padding:0 10px!important; margin:0!important} /* hidden value field ------------------------------------------------------*/ #field_choices li input.field-choice-text {width:312px} #field_choices li input.field-choice-value {display:none} #field_choices li input.field-choice-price {display:none} .gfield_choice_header_label {padding-left: 30px; display:none!important} .gfield_choice_header_value {display:none!important} .gfield_choice_header_price {display:none!important} /* visible value field without price ------------------------------------------------------*/ .choice_with_value li input.field-choice-value {width:155px!important; display:inline!important} .choice_with_value li input.field-choice-text {width:155px!important} .choice_with_value .gfield_choice_header_label {display:inline!important} .choice_with_value .gfield_choice_header_value {padding-left: 120px; display:inline!important} /* visible value field with price ------------------------------------------------------*/ .choice_with_value_and_price li input.field-choice-text {width:103px!important} .choice_with_value_and_price li input.field-choice-value {width:103px!important; display:inline!important} .choice_with_value_and_price li input.field-choice-price {width:103px!important; display:inline!important} .choice_with_value_and_price .gfield_choice_header_label {display:inline!important} .choice_with_value_and_price .gfield_choice_header_value {padding-left: 70px; display:inline!important} .choice_with_value_and_price .gfield_choice_header_price {padding-left: 70px; display:inline!important} /* visible price and no value ------------------------------------------------------*/ .choice_with_price li input.field-choice-text {width:155px!important} .choice_with_price li input.field-choice-price {width:155px!important; display:inline!important} .choice_with_price .gfield_choice_header_label {display:inline!important} .choice_with_price .gfield_choice_header_price {padding-left: 120px; display:inline!important} /* view form styles ------------------------------------------------------*/ table.entry-detail-view {margin-bottom:16px} table.entry-detail-view th {font-size:13px} table.entry-detail-view td.lastrow {border-bottom:none!important} td.entry-view-section-break {font-size:14px; font-weight:bold; background-color:#EEE; border-bottom:1px solid #DFDFDF; padding:7px} td.entry-view-field-name {font-weight:bold; background-color:#EAF2FA; border-bottom:1px solid #FFF; line-height:150%; padding:7px} td.entry-view-field-value {border-bottom:1px solid #DFDFDF; padding:7px 7px 7px 40px; line-height:150%} td.entry-view-field-value p {text-align:left} td.entry-view-field-value ul.bulleted {margin-left:12px} td.entry-view-field-value ul.bulleted li {list-style-type:disc} div.note-avatar {width:48px; height:48px; float:left; margin-right:6px} h6.note-author {font-weight:bold; font-size:13px; margin:0; padding:0} div.detail-note-content {margin:10px 0 10px 54px; line-height:150%} div.detail-note-content p {line-height:150%} /* edit details form styles ------------------------------------------------------*/ #namediv_admin {position:relative; min-width:500px} 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} body #namediv div.ginput_complex_admin .ginput_full_admin label {font-weight:normal; font-size:11px} body #namediv table.entry-details input[type=text], body #namediv table.entry-details input {width:99%} body #namediv .ginput_complex_admin.ginput_container span.ginput_left, body #namediv .ginput_complex_admin.ginput_container span.ginput_left_admin, body #namediv .ginput_complex_admin.ginput_container span.ginput_right, body #namediv .ginput_complex_admin.ginput_container span.ginput_right_admin {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width:49%} body #namediv .ginput_complex_admin.ginput_container span.ginput_left, body #namediv .ginput_complex_admin.ginput_container span.ginput_left_admin {margin-right:1em} body #namediv .ginput_left_admin label, body #namediv .ginput_right_admin label {display:block} body #namediv .ginput_container ul.gfield_radio li input, body #namediv .ginput_container ul.gfield_checkbox li input {width:auto!important} body #namediv .ginput_left_admin input[type=text] {width:99%!important} body #namediv select.medium_admin {max-width:400px} body #namediv textarea.medium_admin {width:98%; min-width:475px; min-height:250px} body #namediv h2.detail_gsection_title {font-family:Helvetica,sans-serif; font-size:16px; font-style:normal!important; font-weight:bold; letter-spacing:normal!important; margin:0!important; padding:0!important} /* notifications page styles ------------------------------------------------------*/ ul#form_notification_container,ul#form_autoresponder_container {width:95%} ul#form_notification_container li, ul#form_autoresponder_container li {margin-bottom:15px!important} ul#form_notification_container li label, ul#form_autoresponder_container li label {margin-bottom:8px!important; display:block} /* set some widths and heights ------------------------------------------------------*/ .fieldwidth-1,input.fieldwidth-1 {width:100%} .fieldwidth-2,input.fieldwidth-2 {width:350px} .fieldwidth-3,input.fieldwidth-3 {width:375px} .fieldwidth-4,input.fieldwidth-4 {width:250px} .fieldheight-1,input.fieldheight-1 {height:160px} .fieldheight-2,input.fieldheight-2 {height:80px} /* bulk add panel ------------------------------------------------------*/ .panel-instructions {border-bottom:1px solid #dfdfdf; color:#555; font-size:11px; padding:4px 0; margin-bottom:6px} .bulk-left-panel {float:left; overflow-y:auto; height:330px; width:220px; padding:0} .bulk-left-panel ul li {padding:0; margin:0} .bulk-left-panel ul li a.bulk-choice {background-color:#eaeaea; color:#555; display:block; width:190px; border-top:1px solid #fff; border-bottom:1px solid #d7d7d7; padding:5px; text-align:center; text-decoration:none} .bulk-left-panel ul li a.bulk-choice:hover {background-color:#dadada} a.bulk-choice:first-child {border-top:none} .bulk-arrow-mid {float:left; width:45px; height:330px; background-image:url(../images/arrow-right.jpg); background-repeat:no-repeat; background-position:center center} textarea#gfield_bulk_add_input {width:330px; height:330px; float:right; padding:6px} div.panel-buttons {margin-top:8px} .bulk-left-panel {height:300px} /* IE specific ------------------------------------------------------*/ .bulk-arrow-mid {height:300px} textarea#gfield_bulk_add_input {width:310px; height:290px} #TB_ajaxContent {height:400px!important} /* Safari & Google Chrome specific styles ------------------------------------------------------*/ @media screen and -webkit-min-device-pixel-ratio0#gfield_settings_category_container, #gfield_settings_choices_container {max-height:222px} input.headercb {margin-top:-3px} .gfield_rule_select,.gfield_routing_select {width:150px} .validation_message {color:#f00!important; font-size:11px; font-family:verdana,sans-serif; letter-spacing:normal} .gfield_error {background-color:#FFDFDF!important; margin-top:4px!important; margin-bottom:6px; padding:6px 6px 4px!important; border:1px dotted #C89797} .grouting_rule_error input {border:1px solid #f00} .gfield_sub_setting {margin-top:20px} /* after update form panel ------------------------------------------------------*/ #after_update_dialog {} .updated_base {background-color:#FFFFE0; border-color:#E6DB55} .updated_base {border-width:1px; border-style:solid; padding:0 .6em; margin:10px 15px 10px 0; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px} .updated_base p {margin:.5em 0; line-height:1; padding:2px} .wrap .updated_base {margin:10px 15px 10px 0} table.form-table td .updated_base {font-size:13px} .error_base {background-color:#FFEBE8; border-color:#CC0000} .error_base {border-width:1px; border-style:solid; padding:0 .6em; margin:10px 15px 10px 0; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px} .error_base p {margin:.5em 0; line-height:1; padding:2px} .wrap .error_base {margin:10px 15px 10px 0} table.form-table td .error_base {font-size:13px} /*jQuery UI date picker ------------------------------------------------------*/ .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {/*resets*/margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; font-family:Verdana,Arial,sans-serif; background:#ffffff; font-size:1em; border:4px solid #aaaaaa; width:15.5em; padding:2.5em .5em .5em; position:relative} .ui-datepicker-div, #ui-datepicker-div {z-index:9999; /*must have*/display:none} .ui-datepicker-inline {float:left; display:block} .ui-datepicker-control {display:none} .ui-datepicker-current {display:none} .ui-datepicker-next, .ui-datepicker-prev {position:absolute; left:.5em; top:.5em; background:#e6e6e6} .ui-datepicker-next {left:14.6em} .ui-datepicker-next:hover, .ui-datepicker-prev:hover {background:#dadada} .ui-datepicker-next a, .ui-datepicker-prev a {text-indent:-999999px; width:1.3em; height:1.4em; display:block; font-size:1em; background:url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer} .ui-datepicker-next a {background:url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat} .ui-datepicker-header select {border:1px solid #d3d3d3; color:#555555; background:#e6e6e6; font-size:1em; line-height:1.4em; position:absolute; top:.5em; margin:0!important} .ui-datepicker-header option:focus,.ui-datepicker-header option:hover {background:#dadada} .ui-datepicker-header select.ui-datepicker-new-month {width:7em; left:2.2em} .ui-datepicker-header select.ui-datepicker-new-year {width:5em; left:9.4em} table.ui-datepicker {width:15.5em; text-align:right} table.ui-datepicker td a {padding:.1em .3em .1em 0; display:block; color:#555555; background:#e6e6e6; cursor:pointer; border:1px solid #ffffff} table.ui-datepicker td a:hover {border:1px solid #999999; color:#212121; background:#dadada} table.ui-datepicker td a:active {border:1px solid #aaaaaa; color:#212121; background:#ffffff} table.ui-datepicker .ui-datepicker-title-row td {padding:.3em 0; text-align:center; font-size:.9em; color:#222222; text-transform:uppercase} table.ui-datepicker .ui-datepicker-title-row td a {color:#222222} .ui-datepicker-cover {display:none; display:block; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:193px; height:200px} /*html block ------------------------------------------------------*/ li.gfield_html label.gfield_label {height:18px} /* a few IE7 specific hacks ------------------------------------------------------*/ .menu.collapsible ol.field_type li {*width:48%} .menu.collapsible ol.field_type li input.button {*width:96%!important} .menu.collapsible li {*min-width:20%!important} .gfield_checkbox li input[type=checkbox], .gfield_radio li input[type=radio], .gfield_checkbox li input {*margin-top:0} /* simple captcha fields ------------------------------------------------------*/ .gfield_captcha_input_container{padding-top:3px} .simple_captcha_small input {width:100px} .simple_captcha_medium input {width:150px} .simple_captcha_large input {width:200px} .left_label .simple_captcha_small, .right_label .simple_captcha_small, .left_label .simple_captcha_medium, .right_label .simple_captcha_medium, .left_label .simple_captcha_large, .right_label .simple_captcha_large {margin-left:32%} /* math challenge fields ------------------------------------------------------*/ .math_small input {width:69px} .math_medium input {width:90px} .math_large input {width:108px} .left_label .math_small, .right_label .math_small, .left_label .math_medium, .right_label .math_medium, .left_label .math_large, .right_label .math_large {margin-left:32%} /* transaction table ------------------------------------------------------*/ table.entry-products {border:1px solid #DFDFDF; border-right:none; border-bottom:none; margin:10px 0} table.entry-products th[scope=col] {background-color:#f4f4f4; border-right:1px solid #DFDFDF!important} table.entry-products col.entry-products-col2 {width:50px} table.entry-products col.entry-products-col3 {width:155px} table.entry-products col.entry-products-col4 {width:155px} table.entry-products td {border-right:1px solid #DFDFDF!important; padding-top:7px; padding-bottom:8px} table.entry-products td.textcenter, table.entry-products th.textcenter {text-align: center} table.entry-products td.textright, table.entry-products th.textright {text-align: right} table.entry-products td.grandtotal, table.entry-products td.grandtotal_amount, table.entry-products td.shipping, table.entry-products td.shipping_amount {font-weight:bold; font-size:13px; padding-top:7px; padding-bottom:8px} table.entry-products td.emptycell {background-color:#f4f4f4} table.entry-products td div.product_name {font-weight:bold; color:#BF461E; font-size:13px; margin-bottom:5px} table.entry-products td ul.product_options {} table.entry-products td ul.product_options li {background-image:url(../images/prodlist.png); background-repeat:no-repeat; background-position: left top; overflow:visible; margin:0 0 0 2px!important; padding:4px 0 4px 16px} table.entry-products td ul.product_options li.lastitem {background-image:url(../images/prodlist_last.png)} /* additional button styles ------------------------------------------------------*/ input.button-primary.gfbutton, button.button-primary.gfbutton, a.button-primary.gfbutton {margin:10px 0 20px 0; letter-spacing: 0.4pt; font-size:12px!important; font-weight:normal; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; padding:3px 8px 4px 8px!important } .menu.collapsible ol.field_type li input.button:hover {color:#D54E21; border-color:#8f8f8f; -webkit-border-radius: 16px!important; -moz-border-radius: 16px!important; border-radius: 16px!important} /* multi-page progress bar ------------------------------------------------------*/ h3.gf_progressbar_title {font-size:13px; line-height:1!important; margin:0 0 4px 0!important; padding:0!important; clear:both; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6} .gform_wrapper .gf_progressbar_wrapper {clear:both; margin:0 0 14px 0} .gform_wrapper .gf_progressbar {width:100%; height:20px; overflow:hidden; line-height:20px!important; background-color:#fff; border:1px solid #acacac; border-right:1px solid #959595; border-bottom:1px solid #959595; background-image: url(images/percentbar_bg.png); background-repeat: repeat-x; background-position: bottom; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} .gform_wrapper .gf_progressbar_percentage {background-repeat:repeat-x; height:20px; text-align:right;font-family:"helvetica",verdana,arial,sans-serif; font-size:13px!important; text-shadow: 0 1px 1px rgba(0,0,0,0.50)} .gform_wrapper .gf_progressbar_percentage span {margin-right:5px} .gform_wrapper .percentbar_blue {background-image: url(../images/percentbar_blue.png); color:#fff; background-color:#0072BC} .gform_wrapper .percentbar_gray {background-image: url(../images/percentbar_gray.png); color:#fff; background-color:#666} .gform_wrapper .percentbar_green {background-image: url(../images/percentbar_green.png); color:#0c2c17; background-color:#94DC21} .gform_wrapper .percentbar_orange {background-image: url(../images/percentbar_orange.png); color:#fff; background-color:#DC7021} .gform_wrapper .percentbar_red {background-image: url(../images/percentbar_red.png); color:#fff; background-color:#DC2521} .gform_wrapper .percentbar_custom {background-image: url(../images/percentbar_custom.png)} /* multi-page steps ------------------------------------------------------*/ .gform_wrapper .gf_page_steps {overflow:hidden} .gform_wrapper .gf_step {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width:auto!important; margin:0 10px 10px 0; font-size:14px; height:20px; line-height:20px!important; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5} .gform_wrapper .gf_step span.gf_step_number {font-size:20px; float:left} .gform_wrapper .gf_step.gf_step_active {filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0} /* password strength ----------------------------------------------------*/ .gfield_password_strength {border-style: solid; border-width: 1px; float: left; margin: 12px 5px 5px 1px; padding: 3px 5px; text-align: center; width: 200px; background-color: #eee; border-color: #ddd !important} /* form toolbar ----------------------------------------------------*/ #contextual-help-link-wrap {display:none} #gf_form_toolbar {margin:10px 0} ul#gf_form_toolbar_links {min-width:790px; padding:0 0 0 6px; border:1px solid #bbb; background-color:#e4e4e4; margin:0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-image:url(../images/gf_toolbar_bg.jpg); background-repeat: repeat-x} ul#gf_form_toolbar_links li {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin:0; padding:10px 6px; width:auto} ul#gf_form_toolbar_links li.gf_form_toolbar_selectform {background-image:url(../images/gf_toolbar_divider.jpg); background-repeat: repeat-y; background-position: right} ul#gf_form_toolbar_links li.gf_form_toolbar_settings a, ul#gf_form_toolbar_links li.gf_form_toolbar_editor a, ul#gf_form_toolbar_links li.gf_form_toolbar_notifications a, ul#gf_form_toolbar_links li.gf_form_toolbar_entries a , ul#gf_form_toolbar_links li.gf_form_toolbar_preview a {background-image:url(../images/gf_toolbar_iconsprite.png); background-repeat: no-repeat; padding:1px 0 0 20px; text-decoration: none; text-shadow: 0 1px 1px #fff; line-height:16px; white-space: nowrap} ul#gf_form_toolbar_links li a:hover, ul#gf_form_toolbar_links li a:focus, ul#gf_form_toolbar_links li a.gf_toolbar_active {color:#333} ul#gf_form_toolbar_links li a.gf_toolbar_active {font-weight:bold} ul#gf_form_toolbar_links li a.gf_toolbar_disabled {color:#333; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"alpha(opacity=50)"} ul#gf_form_toolbar_links li a.gf_toolbar_active, ul#gf_form_toolbar_links li a.gf_toolbar_disabled {cursor:default} ul#gf_form_toolbar_links li.gf_form_toolbar_settings {width:103px} ul#gf_form_toolbar_links li.gf_form_toolbar_settings a {background-position:0 0} ul#gf_form_toolbar_links li.gf_form_toolbar_settings a:hover, ul#gf_form_toolbar_links li.gf_form_toolbar_settings a.gf_toolbar_active {background-position:0 -96px} ul#gf_form_toolbar_links li.gf_form_toolbar_settings a.gf_toolbar_disabled:hover {background-position:0 0} ul#gf_form_toolbar_links li.gf_form_toolbar_editor a {background-position:0 -16px} ul#gf_form_toolbar_links li.gf_form_toolbar_editor a:hover, ul#gf_form_toolbar_links li.gf_form_toolbar_editor a.gf_toolbar_active {background-position:0 -112px} ul#gf_form_toolbar_links li.gf_form_toolbar_editor a.gf_toolbar_disabled:hover {background-position:0 -16px} ul#gf_form_toolbar_links li.gf_form_toolbar_notifications {padding:10px 6px 10px 4px} ul#gf_form_toolbar_links li.gf_form_toolbar_notifications a {background-position:0 -32px} ul#gf_form_toolbar_links li.gf_form_toolbar_notifications a:hover, ul#gf_form_toolbar_links li.gf_form_toolbar_notifications a.gf_toolbar_active {background-position:0 -128px} ul#gf_form_toolbar_links li.gf_form_toolbar_notifications a.gf_toolbar_disabled:hover {background-position:0 -32px} ul#gf_form_toolbar_links li.gf_form_toolbar_entries a {background-position:0 -48px} ul#gf_form_toolbar_links li.gf_form_toolbar_entries a:hover, ul#gf_form_toolbar_links li.gf_form_toolbar_entries a.gf_toolbar_active {background-position:0 -144px} ul#gf_form_toolbar_links li.gf_form_toolbar_entries a.gf_toolbar_disabled:hover {background-position:0 -48px} ul#gf_form_toolbar_links li.gf_form_toolbar_preview a {background-position:0 -64px} ul#gf_form_toolbar_links li.gf_form_toolbar_preview a:hover, ul#gf_form_toolbar_links li.gf_form_toolbar_preview a.gf_toolbar_active {background-position:0 -160px} ul#gf_form_toolbar_links li.gf_form_toolbar_preview a.gf_toolbar_disabled:hover {background-position:0 -64px} /* form switcher ----------------------------------------------------*/ ul#gf_form_toolbar_links {position: relative} li.gf_form_switcher {position:absolute; right:2px; top:-4px} li.gf_form_switcher label {display:none} li.gf_form_switcher select#form_switcher {max-width:200px} /* tidy up the title area ----------------------------------------------------*/ p.search-box {margin:12px 0 0 0} /* form settings panel ----------------------------------------------------*/ div#gform_heading.selectable.field_selected {background-image:url(../images/gf_formsettings_header.jpg); background-repeat: no-repeat; background-position: 0 0; padding-top:8px} div#gform_heading.selectable h3#gform_title {margin-top:2em} /* upgrade and renewal styles for settings page ----------------------------------------------------*/ div.gf_renew_license {border:1px solid #CFADB3; color:#832525; background-color:#FAF2F5; padding:0 0 20px 20px} p.gform_renew_expired strong {color:#790000} div.gf_upgrade_license h4 { font-size:14px; margin:0; padding:0} div.gf_upgrade_developer_license, div.gf_upgrade_business_license {padding:14px 0 0 140px; min-height:135px; background-repeat: no-repeat; background-position: 0 0} div.gf_upgrade_developer_license {background-image:url(../images/gravityforms_developer_upgrade.png); margin:30px 0 0 0} div.gf_upgrade_business_license {background-image:url(../images/gravityforms_business_upgrade.png); margin:0} p.gform_renew_expired, p.gform_renew_not_expired {padding-left:20px; background-image:url(../images/exclamation.png); background-repeat: no-repeat; background-position: 0 0} /* update page status styles ----------------------------------------------------*/ .gf_update_current, .gf_update_expired, .gf_update_outdated {padding:10px; margin-top:20px} /* alert styles to reuse ----------------------------------------------------*/ .alert_green, .alert_red, .alert_yellow, .alert_gray, .alert_blue {background-image:url(../images/top_highlight.png); background-repeat: repeat-x; background-position: 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} .alert_green {border:1px solid #97B48A; background-color:#CBECA0} .alert_red {border:1px solid #CFADB3; color:#832525; background-color:#FAF2F5} .alert_yellow {border:1px solid #E6DB55; background-color:#FFFBCC; color:#424242} .alert_gray {border:1px solid #CCC; color:#424242; background-color:#EEE} .alert_blue {border:1px solid #CFADB3; color:#832525; background-color:#FAF2F5} /* adjust key indicator positions ----------------------------------------------------*/ img.gf_keystatus_invalid, img.gf_keystatus_valid {position: relative; top:2px} /* note for truncated radio and checkbox lists ----------------------------------------------------*/ ul.gfield_radio li.gchoice_total, ul.gfield_checkbox li.gchoice_total {font-size:11px; color:#878787; padding-top:14px!important} /* added to prevent truncating the button panels ----------------------------------------------------*/ body #wpcontent #wpbody #wpbody-content {overflow: visible}