/* FILE: /components/com_proforms/css/system.css */ @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 #aa3333; background-color: #ffeeee;}div.proforms_system_error span{display: inline-block;margin: 10px;color: #aa0000;}/*Don't delete or change this */.m4jFormElementWrap{margin: 0px;padding:0px;border: none;border: 1px solid transparent;}* html .m4jFormElementWrap{border: 1px solid none;}/*Don't delete or change this */.m4jRadioWrap, .m4jCheckboxWrap{margin: 0px;padding:0px;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\0;}#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%;}} /* FILE: /components/com_proforms/css/stylesheet.css */ /* legacy - used to be the headline of a form, but now we use default Joomla's 'contentheading' * This can be changed in the CSS settings to the following class m4j_heading */.m4j_heading {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #333333;text-align: left;vertical-align: top;display: block;margin: 0px;overflow: hidden;height: 16px;width: auto;padding: 0px;padding-bottom: 2px;}/* Content after a headline (DIV) */.m4j_header_text {font-size: 10px;font-weight: normal;color: #000000;text-align: left;vertical-align: top;display: block;width: 100%;overflow: hidden;padding: 0px;padding-bottom: 16px;}/* legacy */.m4j_wrap {text-align: left;vertical-align: top;display: block;margin: 0px;padding: 0px;width: 100%;overflow: hidden;position:relative;float:left;}/* Headline of a listing item (DIV) */.m4j_list_heading {text-align: left;vertical-align: top;display: block;width: 100%;overflow: hidden;}/* A - Tag of the listing headline which links to the next level or form */.m4j_list_heading a, .m4j_list_heading a:link, .m4j_list_heading a:visited, .m4j_list_heading a:active{font-weight:bold;font-size: 14px;}/* This is the inrotext of a listing item (DIV) */.m4j_list_intro {font-size: 10px;font-weight: normal;color: #000000;text-align: left;vertical-align: top;display: block;padding: 0px;width: 100%;overflow: hidden;}/* DIV tag wraps the list item */.m4j_list_wrap {text-align: left;vertical-align: top;display: block;margin: 0px;width: 100%;overflow: hidden;padding-top: 8px;padding-right: 0px;padding-bottom: 8px;padding-left: 0px;border:none;border-bottom: 1px solid #cdcdcd;}/* legacy */.m4j_footer{font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #333333;text-decoration: none;text-align: right;vertical-align: middle;display: block;margin: 0px;height: 20px;width: 100%;border:none;overflow: hidden;padding:0px;padding-top: 8px;}/* The DIV Tag which wraps all the form elelments */.m4j_form_wrap {text-align: left;vertical-align: top;display: block;margin: 0px;width: 100%;overflow: hidden;padding: 0px; padding-top: 8px;padding-bottom: 8px;border:none;float:left;}div.m4j_form_wrap textarea, div.m4j_form_wrap input[type="text"], div.m4j_form_wrap input[type="password"], div.m4j_form_wrap input[type="datetime"], div.m4j_form_wrap input[type="datetime-local"], div.m4j_form_wrap input[type="date"], div.m4j_form_wrap input[type="month"], div.m4j_form_wrap input[type="time"], div.m4j_form_wrap input[type="week"], div.m4j_form_wrap input[type="number"], div.m4j_form_wrap input[type="email"], div.m4j_form_wrap input[type="url"], div.m4j_form_wrap input[type="search"], div.m4j_form_wrap input[type="tel"], div.m4j_form_wrap input[type="color"], div.m4j_form_wrap .uneditable-input {/* -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; */}/*General setting to all tables used in Proforms*/div.m4j_form_wrap table.m4j_form_table, div.m4j_form_wrap table.m4j_form_table tr, div.m4j_form_wrap table.m4j_form_table td{border: none !important;border-spacing: 0px; border-collapse: collapse; padding: 2px;box-sizing: border-box;-moz-box-sizing: border-box;}/*General class for input fields*/.m4j_form_wrap input{}/*General class if an input field focuses*/.m4j_form_wrap input:focus{outline: 1px solid #bcbcbc;background-color: #f8f8f8;}/*General class for textareas*/.m4j_form_wrap textarea{}/*General class if textarea focuses*/.m4j_form_wrap textarea:focus{outline: 1px solid #bcbcbc;background-color: #f8f8f8;}/*General class for selections*/.m4j_form_wrap select{}/*General class if selection focuses*/.m4j_form_wrap select:focus{outline: 1px solid #bcbcbc;background-color: #f8f8f8;}/* Class of the fieldset which you can assign in an layout */.m4j_form_wrap fieldset{border: 1px solid #ababab;margin:0px 3px;margin-top: 5px;padding:10px;background: none;}/* The legend of an fieldset */#proforms_proforms legend{display: inline-block;width: auto;border: none;padding: 0px 10px;}/* Form elements of a layout area are wraped in tables. this describes the table style */.m4j_form_table {margin: 0px;padding: 0px;border: none;}/* This is the wrap class of an error prompt */.m4j_error {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FF0000;text-align: left;vertical-align: middle;display: block;margin: 0px;padding: 0px;height: auto;width: 100%;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}/* wraps the submit and reset button of some captchas */.m4j_submit_wrap {text-align: center;vertical-align: middle;display: block;width: 100%;margin: 0px;padding:0px;border:none;}/* The submit button */.m4j_submit{}/* The reset button */.m4j_reset{}/* Align any element to right */.m4j_toRight {float: right;}/* Align any element to left */.m4j_toLeft {float: left;}/* legacy */.m4j_help {float: right;display: block;margin: 0px;padding: 0px;padding-left: 8px;border:none;}/* the table which wraps the captcha. All including tag stylesheets can be inherited from this class */.m4j_captcha_table {background-color: #E9E9E9;border: 1px dotted #333333;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;display: table;}/* Oh my goodness. The captcha_ADVICE :) sorry for my english, means the ADVISE text of a captcha (not reCaptcha) */.m4j_captcha_advice {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #000000;}/* This is the class of the star which gives the required advise. Default color is red */.m4j_required {font-weight: bold;color: #FF0000;text-decoration: none;}/** The following classes are specific classes of Proform's form elements. * Other actions like hover or focus can be inherited of this classes.*//* Specific class of a normal input field */.m4jInputField{border: 1px solid #ababab;}/* Specific class of a text area */.m4jTextArea{border: 1px solid #ababab;}/* Specific class of a selection. */.m4jSelection{border: 1px solid #ababab;}/* Specific class of multiple selections */.m4jMultipleSelection{border: 1px solid #ababab;}/* Specific class of an upload field */.m4jAttachment{border: 1px solid #ababab;}/* Div Tag which raps a radio or check box, including the information (label). This is aligned horizontal. */.m4jSelectItem{display:block;float: left;text-align: left;vertical-align: middle;white-space:nowrap;margin-right: 4px;margin-bottom: 2px;line-height: 100%;}/* This is the second class which will be added to m4jSelectItem to align the items vertical */.m4jSelectItemVertical{margin:0px;margin-bottom: 2px;line-height: 100%;}/* Input tags inside the wrapping div tag */.m4jSelectItem input{margin:0px;padding:0px;float:left;margin-right: 3px;}/* Specific class of a check box */div.m4jCheckboxWrap .m4jCheckBox{margin-right: 5px;}/* Specific class of a radio button */div.m4jRadioWrap .m4jRadio{margin-right: 5px;}/* Class for the div tag which wraps the checkbox and the label which are asking for confirmation *//* Includes a checkbox and a label tag which classes can be inherited of this one */.m4jAsk2Confirm{float:left;padding-top:5px; vertical-align:top; text-align: left;}#m4jAsk2Confirm input, #m4jAsk2Confirm label{float:left;}/* Class for the div tag which wraps the character limitation advice for textareas */#proforms_proforms div.m4jTextareaLimit{} /* FILE: /components/com_proforms/css/responsivesystem.css */ @CHARSET "UTF-8";div.proformsInnerFormWrap{display:inline-block;max-width: 100%;float:none;clear:both;text-align: left;}body div.proformsFormWrap div.pfmTemplate input,body div.proformsFormWrap div.pfmTemplate textarea,body div.proformsFormWrap div.pfmTemplate select{width: auto;position: relative;}body div.proformsFormWrap div.pfmTemplate textarea{height: auto;}body div.proformsFormWrap div.pfmTemplate input:focus,body div.proformsFormWrap div.pfmTemplate textarea:focus,body div.proformsFormWrap div.pfmTemplate select:focus{outline: auto;}body div.proformsFormWrap div.pfmTemplate div{position: relative;}body div.proformsFormWrap{overflow: visible;}body div.proformsFormWrap div.pfmTemplate fieldset{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; margin:0; overflow:hidden; width: 100%;max-width: 100%;height: 100%; max-height: 100%;vertical-align: top;float: left;}.pfmCLR:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .pfmCLR {display: inline-block;} html[xmlns] .pfmCLR {display: block;} * html .pfmCLR {height: 1%;}.pfmTemplate, .pfmRow, .pfmSlot, .pfmElement, .pfmQuestion, .pfmField, .pfmDiv, .pfmHTML{display: block;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;margin: 0; padding:0; border: none; outline: none;transition: none; background: transparent; float:left;}body div.proformsFormWrap, body div.pfmTemplate{max-width: 100%;display: inline-block;float: none;}.pfmRow{width: 100%;margin-bottom: 20px;vertical-align: top;}.pfmSlot{margin: 0 1.43478% 0 0;vertical-align: top;text-align: left;}.pfmPin{float:left; }.pfmPadding{padding-right: 5px;}.pfmFullRange, .pfmTemplate .pfmHTML{width: 100%;max-width: 100%;}.pfmQuestion{overflow: hidden;text-overflow: ellipsis;display:inline-block;min-height: 28px;vertical-align: middle;text-align: left;line-height: 100%;position: relative;padding-top: 6px;max-width: 100%;}.pfmBoxed{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}.pfmElement{margin-bottom: 5px;}.pfmTemplate input, .pfmTemplate textarea, .pfmTemplate select{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 28px; max-width: 100%;}.pfmTemplate img{max-width: 100%;display: inline-block;}.pfmMargin{margin-right:1.43478%;}.pfmTBL, pfmTR, pfmTD{margin:0; padding:0;border: none;background: transparent;}.pfmTBL{display: table;}.pfmTR{display: table-row;}.pfmTD{display: table-cell;text-align: left;}.pfmDateTD{width: 20px;text-align: right;vertical-align: top;}.pfmDateTD img{display: inline-block;margin: 0; padding:0;vertical-align: middle;margin-left: 4px;cursor: pointer;margin-top: 4px;}.pfmDate{max-width: 100%;}.pfmDateInput{min-width: 100%;max-width: 100%;}.pfmHidden{display: none;}.pfmRequiredNoQuestion{right: 25px; position: absolute;}.pfmRequiredSingleNoQuestion{right: auto; position: relative;float:left;}body div.proformsFormWrap div.pfmTemplate div.pfmInfoImage{position: absolute;display: block;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;background-repeat: no-repeat;background-position: left center;width: 16px; height: 16px;vertical-align: middle;margin:0; padding:0; padding-left: 16px;border: none;overflow: hidden;margin-left: 0; margin-right: 5px;top:6px ; right: 0;cursor: help;}body div.proformsFormWrap div.pfmTemplate label.pfmCLR div.pfmInfoImage, body div.proformsFormWrap div.pfmTemplate div.pfmSingle div.pfmInfoImage{position: relative;display: inline-block;float: none;margin-left: 5px; margin-right: 0;top:0;}body div.proformsFormWrap div.pfmTemplate .m4jFormElementWrap{display:inline-block;}body div.proformsFormWrap div.pfmTemplate div.m4jCheckboxWrap, body div.proformsFormWrap div.pfmTemplate div.m4jRadioWrap{margin: 0 ; padding: 6px 0 0 0;border: none;background: transparent;width: 100%;}body div.proformsFormWrap div.pfmTemplate label.pfmSelectItem{display: block;margin:0; padding:0;float:left;padding-right: 5px;padding-bottom: 5px;overflow: visible;border: none;background: transparent;line-height: 100%;height:auto;}body div.proformsFormWrap div.pfmTemplate label.pfmSelBreak{display:block; width: 100%; clear: both;}body div.proformsFormWrap div.pfmTemplate input[type="checkbox"], body div.proformsFormWrap div.pfmTemplate input[type="radio"]{display: inline-block;margin:0; padding:0; margin-right: 5px;height: auto;line-height: 100%;float: left;min-height: 0px;}body div.proformsFormWrap div.pfmTemplate input[type="file"]{height: auto;width: auto;vertical-align: middle;text-align: left;}.pfmSpan1{ width: 2.690217391%; }.pfmSpan2{ width: 6.815217391%; }.pfmSpan3{ width: 10.940217391%; }.pfmSpan4{ width: 15.065217391%; }.pfmSpan5{ width: 19.190217391%; }.pfmSpan6{ width: 23.315217391%; }.pfmSpan7{ width: 27.440217391%; }.pfmSpan8{ width: 31.565217391%; }.pfmSpan9{ width: 35.690217391%; }.pfmSpan10{ width: 39.815217391%; }.pfmSpan11{ width: 43.940217391%; }.pfmSpan12{ width: 48.065217391%; }.pfmSpan13{ width: 52.190217391%; }.pfmSpan14{ width: 56.315217391%; }.pfmSpan15{ width: 60.440217391%; }.pfmSpan16{ width: 64.565217391%; }.pfmSpan17{ width: 68.690217391%; }.pfmSpan18{ width: 72.815217391%; }.pfmSpan19{ width: 76.940217391%; }.pfmSpan20{ width: 81.065217391%; }.pfmSpan21{ width: 85.190217391%; }.pfmSpan22{ width: 89.315217391%; }.pfmSpan23{ width: 93.440217391%; }.pfmSpan24{ width: 97.565217391%; margin-right:0; }.pfmLast{margin-right: 0;} /* FILE: /components/com_proforms/css/responsivesystemmedia.css */ @CHARSET "UTF-8";@media screen and (max-width: 960px) {.pfmTemplate, .pfmRow, .pfmSlot, .pfmElement{float: left;width: 100%;clear: both;}body div.proformsFormWrap div.pfmTemplate fieldset{display: block;float:none;clear: both;}}@media screen and (max-width: 480px) {.pfmElement{margin-bottom: 16px;}body div.proformsFormWrap div.pfmTemplate fieldset{border: none; outline: none;background: transparent;padding: 0; margin:0;}body div.proformsFormWrap div.pfmTemplate div.pfmInfoImage, body div.proformsFormWrap div.pfmTemplate label.pfmCLR div.pfmInfoImage{position: relative;display: block;font-style: italic;float:none;margin: 0; padding:0;width: 100%; height: auto;line-height: 16px;font-size: 12px;overflow: visible;padding-left: 20px;clear: both;margin-top: 5px;margin-bottom: 10px;background-position: left top;}.pfmRequiredSingleNoQuestion, .pfmRequired{top: 0; right: 0; position: absolute;float:none;padding:0; margin-top: 16px;}#proforms_proforms div.pfmTemplate legend, body div.proformsFormWrap div.pfmTemplate 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;}.pfmQuestion, .pfmField{display: block;float:left;clear: both;}.pfmQuestion{min-width: 90%;max-width: 90%;}.pfmDate, .pfmDate .pfmTR, .pfmDate .pfmTD{display:block;float:left;} .pfmDate .pfmTD{ max-width: 80%; } .pfmDate .pfmDateTD{ max-width: 20px; }.pfmField{max-width: 98%;}body div.proformsFormWrap div.pfmTemplate input, body div.proformsFormWrap div.pfmTemplate textarea, body div.proformsFormWrap div.pfmTemplate select{display: inline-block;max-width: 100%;}.pfmSelectItem{min-width: 100%;max-width: 100%;clear: both;}} /* FILE: /components/com_proforms/css/responsive.css */ @CHARSET "UTF-8";/**This is the CSS file for customizing the RESPONSIVE! view of Proforms.*There is another system-responsive CSS file which is loaded before this one.* The system CSS does contain all necessary and required rules so that the form is responsive.* If you are not a CSS expert don't change the CSS here.* If you are intermediate we strongly suggest not applying following rules to the CSS:** - Don't set any `width`, `min-width` or `max-width`. * Width adjustment goes by form element adjustment in Proforms' backend.* - Don't set any `display` rules just as display:inline , display: block etc. * If you set the wrong values Proforms' responsive functionallity can be broken.* - Don't set any `box-sizing`, `-webkit-box-sizing` or `-moz-box-sizing rules`.* - Never set any `float` or `clear` rules!* - Never set any `position` rules!*//* This is the class for the `form` tag of Proforms. * Please be careful here because it also affects non-responsive form tags*/form.ProformsForm{/* START YOUR RULES HERE */}/* This is the class for the `label` tag of Proforms' questions. */form.ProformsForm label.pfmQuestion{/* START YOUR RULES HERE */}/* This is the class for the wrapping `div` tag of Proforms' form elements.*/form.ProformsForm div.pfmField{/* START YOUR RULES HERE */}/* This is the class for the `input` tag of Proforms' `TEXT FIELDS`. */form.ProformsForm div.pfmField input[type="text"]{/* START YOUR RULES HERE */}/* This is the class for the `input` tag of Proforms' `CHECKBOXES`. */form.ProformsForm div.pfmField input[type="checkbox"]{/* START YOUR RULES HERE */}/* This is the class for the `input` tag of Proforms' `RADIO BUTTONS`. */form.ProformsForm div.pfmField input[type="radio"]{/* START YOUR RULES HERE */}/* This is the class for the `input` tag of Proforms' `DATE FIELDS`. */form.ProformsForm div.pfmField input[type="date"]{/* START YOUR RULES HERE */}/* This is the class for the `input` tag of Proforms' `FILE/UPLOAD FIELDS`. */form.ProformsForm div.pfmField input[type="file"]{/* START YOUR RULES HERE */}/* This is the class for the `input` tag of Proforms' `PASSWORD FIELDS`. */form.ProformsForm div.pfmField input[type="password"]{/* START YOUR RULES HERE */}/* This is the class for the `textarea` tag of Proforms. */form.ProformsForm div.pfmField textarea{/* START YOUR RULES HERE */}/* This is the class for the `select` tag of Proforms'* `DROPDOWN FIELDS AND SELECTION LISTS`. */form.ProformsForm div.pfmField select{/* START YOUR RULES HERE */}/* This is the class for the `option` tag of Proforms' * which represent the `OPTIONS OF DROPDOWN FIELDS AND SELECTION LISTS`.*/form.ProformsForm div.pfmField option{/* START YOUR RULES HERE */}/* This is the class for the `fieldset` tag of Proforms' * `FENCING BORDERS WITH WHICH YOU CAN BORDER GROUPS OF FORM FIELDS`. */form.ProformsForm div.pfmRow fieldset{/* START YOUR RULES HERE */}/* This is the class for the `legend` tag of Proforms' `FIELDSET LEGENDS`.*/form.ProformsForm div.pfmRow legend{/* START YOUR RULES HERE */} /* FILE: /components/com_proforms/js/balloontip/bubble-tooltip.css */ #bubble_tooltip{position:absolute;display:block;width:147px;left: -9999em;top:0px; z-index: 9999999;}#bubble_tooltip .bubble_top{background-image: url(/components/com_proforms/images/bubble_top.gif);background-repeat:no-repeat;height:16px;}#bubble_tooltip .bubble_middle{background-image: url(/components/com_proforms/images/bubble_middle.gif);background-repeat:repeat-y;background-position:bottom left;padding-left:10px;padding-right:7px;text-align:left;}#bubble_tooltip .bubble_middle span{position:relative;top:-8px;font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;font-size:11px;text-align:left;vertical-align:top;line-height: 12px;}#bubble_tooltip .bubble_bottom{background-image: url(/components/com_proforms/images/bubble_bottom.gif);background-repeat:no-repeat;height:44px;position:relative;top:-6px;}m4jInfoImage{display:block;border:none;width:16px;height:16px;text-align: left;vertical-align:top;}