@charset "UTF-8"; /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Next are some system classes which may not removed or changed if you want that proforms works propper */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /*Don't delete or change this */ div.proforms_system_error { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 1px solid #a33; background-color: #fee } div.proforms_system_error span { display: inline-block; margin: 10px; color: #a00 } /*Don't delete or change this */ .m4jFormElementWrap { margin: 0; padding: 0; border: none; border: 1px solid transparent } * html .m4jFormElementWrap { border: 1px solid none } /*Don't delete or change this */ .m4jRadioWrap, .m4jCheckboxWrap { margin: 0; padding: 0; border: none; float: left; border: 1px solid transparent } * html .m4jRadioWrap, * html .m4jCheckboxWrap { border: 1px solid none } /* clr */ .m4jCLR { clear: both } /*Don't delete this. It hides the spam trap */ div.m4j-email { display: none } /*This is the class for the JS function scroll down to confirm reading. More information at the helpdesk */ .m4jScrollConfirm { display: block; overflow-x: hidden; overflow-y: scroll; border: 1px solid #ababab } .m4jOff { display: none } div.proformsInnerFormWrap { display: inline-block; max-width: 100%; float: none; clear: both; text-align: left } div.proformsFormWrap table tr td fieldset legend, #proforms_proforms table tr td fieldset legend, #proforms_proforms fieldset legend { display: block } #proforms_proforms table.m4j_form_table, #proforms_proforms table.m4j_form_table tr, #proforms_proforms table.m4j_form_table tr:hover, #proforms_proforms table.m4j_form_table tr td, #proforms_proforms table.m4j_form_table tr:hover td, #proforms_proforms table.m4j_form_table tr td div table { background: transparent; border: none } #proforms_proforms table.m4jSystemTable, #proforms_proforms table.m4jSystemTable tr, #proforms_proforms table.m4jSystemTable tr:hover, #proforms_proforms table.m4jSystemTable tr td, #proforms_proforms table.m4jSystemTable tr:hover td, #proforms_proforms table.m4jSystemTable tr td div table { background: transparent; border: none; text-align: left } #proforms_proforms textarea:focus, #proforms_proforms input[type=submit]:focus, #proforms_proforms input[type=reset]:focus { outline: none } table.m4jSystemTable tr td.proformsQuestions, table.m4jSystemTable tr td.proformsInfoImage img { cursor: help } table.nopad, table.nopad tr, table.nopad tr:hover, table.nopad tr td, table.nopad tr:hover td { background: transparent; border: none } #proforms_proforms div.pfmTAMaxChars { display: block; width: 100%; background: transparaent; clear: both; font-size: 10px; border: none; outline: none; padding: 0; margin: 0 } #m4jAsk2Confirm input[type="checkbox"]:checked + label:before { content: none; background: transparent } #proforms_proforms select[multiple], #proforms_proforms select[size] { height: auto } #proforms_proforms input[name=mailcopy] { margin-right: 5px } div.m4jRequiredWrapSystem { display: inline-block; margin-bottom: 10px; max-width: 100%; text-align: left } body table.m4jSystemTable tr td input, body table.m4jSystemTable tr td textarea, body table.m4jSystemTable tr td select { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; min-height: 28px } body table.m4jSystemTable tr td input[type="radio"], body table.m4jSystemTable tr td input[type="checkbox"] { min-height: 1px } @media screen and (max-width: 960px) { table.m4jFormTable, table.m4jFormTable tr, table.m4jFormTable td, table.m4jSystemTable, table.m4jSystemTable tr, table.m4jSystemTable tr td, table.m4jSystemTable table, table.m4jSystemTable table tr, table.m4jSystemTable table td { display: block; float: left; clear: both; width: 99%; max-width: 100%; min-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow-x: hidden } table.m4jSystemTable tr td.proformsQuestions, table.m4jSystemTable tr td.proformsInfoImage { display: block; width: 100%; min-width: 16px; float: left } table.m4jSystemTable tbody { display: block; width: 100%; padding: 0; margin: 0 } table.m4jSystemTable tr td.proformsQuestions { margin-top: 10px } table.m4jSystemTable tr td span.rspInfo { display: block; font-size: 12px; font-style: italic; width: 100%; margin-bottom: 5px } table.m4jSystemTable tr td div { display: block; min-width: 100%; overflow: visible } table.m4jSystemTable input, table.m4jSystemTable textarea, table.m4jSystemTable select { max-width: 70%; margin-right: 0; margin-left: 0 } } @media screen and (max-width: 480px) { div.proformsFormWrap form { width: 100% } table.m4jSystemTable tr td { padding-left: 0; margin-left: 0; padding-right: 0; margin-right: 0 } table.m4jSystemTable tr td fieldset { border: none; outline: none; background: transparent; padding: 0; margin: 0; width: 90%; max-width: 100%; min-width: 100%; border: none } #proforms_proforms table tr td fieldset legend, body table.m4jSystemTable tr td fieldset legend { padding: 0; margin: 0; padding-right: 5px; display: block; border: none; outline: none; background: transparent; width: 100%; clear: both; border-bottom: 1px solid; margin-bottom: 10px; color: inherit } body table.m4j_form_table { width: 100% } }