/* THIS IS THE DEFAULT STYLING AND POSITIONING CSS FOR IPHORM. TO CHANGE THE DESIGN PLEASE USE AN IPHORM THEME CSS. THANKS :) * Author: ThemeCatcher.net * Author URI: http://www.themecatcher.net/ */ /******************************************************************************************************************************************* IMPORTANT: If you update the iPhorm plugin this file will also be updated. Thus if you make changes in here you will lose them! We strongly recommend you make your own theme by duplicating one of our theme folders and renaming it. This way you will not lose anything. ********************************************************************************************************************************************/ /* Clearfix code */ .iphorm-clearfix:before, .iphorm-clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .iphorm-clearfix:after {clear: both;} .iphorm-clearfix {zoom: 1;} /* IE < 8 */ /* For screen readers */ .iphorm-screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ min-height: 0 !important; /* Reset Quform style */ } /* Cross browser fixes */ .iphorm-inner input[type="checkbox"], input[type="radio"] { vertical-align: middle; } .iphorm-inner label { vertical-align: middle; display: inline-block; min-height: 20px; } .iphorm-inner button::-moz-focus-inner {border: 0;} .iphorm-inner :focus, .iphorm-inner a:focus{outline: 0}/* removes gray dotted outline */ .iphorm-inner input.middle:focus, .iphorm-inner select.middle:focus, .iphorm-inner textarea.middle:focus {outline-width: 0;} .iphorm-inner input:focus, .iphorm-inner select:focus, .iphorm-inner textarea:focus {outline: none;} .iphorm-inner textarea {overflow: auto; vertical-align: top;} /* IE7 fix */ .iphorm-inner button, .iphorm-innerinput{ /* IE7 extra spacing fix */ width: auto; overflow: visible } .iphorm-inner button{border: 1px outset #ccc} /* optional - IE7 fix */ /*Main Wrappers*/ .iphorm-inner .iphorm-elements { margin: 0; padding: 0; } .iphorm-element-spacer { padding-bottom: 10px; } /*Hidden*/ .iphorm-hidden { display: none } /*Required*/ .iphorm-element-wrap label span.iphorm-required { color: #cc0101; font-size: 10px; margin: 0 0 0 5px; } /*Default input, selects and textareas*/ .iphorm-elements .iphorm-element-wrap-text input, .iphorm-elements .iphorm-element-wrap-captcha input, .iphorm-elements .iphorm-element-wrap-password input, .iphorm-elements .iphorm-element-wrap select, .iphorm-elements .iphorm-element-wrap textarea { margin: 0; margin-bottom: 3px; color: #999; border: solid 1px #CCC; padding: 2px; min-width: 10px; max-width: 100%; } .iphorm-elements .iphorm-element-wrap-text input:hover, .iphorm-elements .iphorm-element-wrap-captcha input:hover, .iphorm-elements .iphorm-element-wrap-password input:hover, .iphorm-elements .iphorm-element-wrap select:hover, .iphorm-elements .iphorm-element-wrap textarea:hover, .iphorm-elements .iphorm-element-wrap-text input:active, .iphorm-elements .iphorm-element-wrap-captcha input:active, .iphorm-elements .iphorm-element-wrap-password input:active, .iphorm-elements .iphorm-element-wrap select:active, .iphorm-elements .iphorm-element-wrap textarea:active, .iphorm-elements .iphorm-element-wrap-text input:focus, .iphorm-elements .iphorm-element-wrap-captcha input:focus, .iphorm-elements .iphorm-element-wrap-password input:focus, .iphorm-elements .iphorm-element-wrap select:focus, .iphorm-elements .iphorm-element-wrap textarea:focus {color: #000;} /* Stop line-height affecting the height of single line inputs */ .iphorm-elements .iphorm-element-wrap-text input, .iphorm-elements .iphorm-element-wrap-captcha input, .iphorm-elements .iphorm-element-wrap-password input { line-height: normal; } /* Textarea can have some decent line-height */ .iphorm-elements .iphorm-element-wrap-textarea textarea { line-height: 1.4; } /* Default Label*/ .iphorm-element-wrap > label { font-weight: bold; padding: 0 0 4px 0; display: inline-block; } /* Invisible reCAPTCHA */ .iphorm-recaptcha-size-invisible .iphorm-element-spacer > label { display: none; } .iphorm-recaptcha-size-invisible.iphorm-recaptcha-badge-bottomleft .iphorm-element-spacer, .iphorm-recaptcha-size-invisible.iphorm-recaptcha-badge-bottomright .iphorm-element-spacer { padding-bottom: 0; } .iphorm-recaptcha-size-invisible.iphorm-recaptcha-badge-inline .iphorm-element-spacer { margin-top: 8px; } .iphorm-recaptcha-size-invisible.iphorm-recaptcha-badge-inline .iphorm-input-wrap { margin-bottom: 3px; } /*File uploads*/ .iphom-upload-progress-wrap { display: none; background: #eee; border: 1px solid #ddd; padding: 5px; margin: 0 5px 5px 0; line-height: 14px; } .iphorm-upload-progress-bar-wrap { background: #eee; border: 1px solid #ccc; padding: 1px; } .iphorm-upload-progress-bar { width: 0; height: 10px; background: #7ec100; } .iphorm-upload-info { padding-top: 3px; } .iphorm-upload-info > div { float: left; display: inline-block; padding: 0 10px; font-size: 11px; line-height: 15px; } .iphorm-upload-error { display: none; padding: 3px; background: #F3CAC7; } .iphorm-upload-info > div:first-child { padding-left: 2px; } .iphorm-file-queue { display: none; padding-bottom: 5px; } .iphorm-upload-queue-file { float: left; display: inline-block; background: #eee; border: 1px solid #ddd; padding: 5px; margin: 0 5px 5px 0; position: relative; overflow: hidden; } .iphorm-upload-queue-filename { float: left; max-width: 200px; overflow: hidden; white-space: nowrap; margin-right: 20px; } .iphorm-upload-queue-remove { font-size: 10px; font-weight: bold; color: #000; cursor: pointer; position: absolute; right: 0; top: 50%; margin: -8px 4px 0 0; height: 17px; width: 17px; line-height: 17px; text-align: center; display: block; } .iphorm-upload-queue-success { font-size: 10px; font-weight: bold; color: #000; position: absolute; right: 0; top: 50%; margin: -8px 4px 0 0; height: 17px; width: 17px; line-height: 17px; text-indent: -99999px; background: url(../images/file-upload-tick.png) no-repeat center center; display: block; } /*File browse button*/ .iphorm-swfupload { position: relative; margin-bottom: 8px; display: none; } /*add styles to your button*/ .iphorm-swfupload-browse { background: #EEE; border: solid 1px #DDD; text-align: center; min-width: 80px; min-height: 20px; line-height: 20px; padding: 3px 10px; display: inline-block; cursor: pointer; float: left; position: relative; color: #000; overflow: hidden; } .iphorm-swfupload-browse:hover { background: #DDD; } .iphorm-swfupload-browse .iphorm-upload-enhanced { display: block; position: absolute; right: 0; top: 0; bottom: 0; left: 0; opacity: 0; cursor: pointer; margin: 0; padding: 0; border: 0; } /* IE 10 fix */ .iphorm-swfupload-browse ::-ms-browse { width: 100%; font-size: 1000px; } .iphorm-swfupload-browse ::-ms-value { display: none; font-size: 0; } /* Chrome fix - hide the button for consistent cursor: pointer; */ .iphorm-swfupload-browse ::-webkit-file-upload-button { visibility: hidden; } /*add styles to add another button*/ .iphorm-add-another-upload { margin-top: 5px; } .iphorm-add-another-upload span.iphorm-add-another-upload-button { background: #EEE; border: solid 1px #DDD; text-align: center; cursor: pointer; padding: 4px 10px; margin: 3px 0; float: left; line-height: 1; } .iphorm-add-another-upload span.iphorm-add-another-upload-button:hover { background: #ddd; } /*Element Description*/ .iphorm-element-wrap p.iphorm-description, #content .iphorm-element-wrap p.iphorm-description { margin: 0; font-size: 11px; } .iphorm-element-wrap p.iphorm-description { padding-bottom: 0; font-size: 11px; font-style: italic; } /*Headings*/ h3.iphorm-title { font-size: 22px; font-weight: bold; margin: 0; padding-bottom: 8px; } /*Form Description*/ p.iphorm-description { font-size: 12px; color: #666; margin: 0; padding-bottom: 20px; } /*Check box and radio buttons*/ .iphorm-input-checkbox-ul, .iphorm-input-radio-ul { margin: 0; padding: 0; } .iphorm-input-checkbox-ul .iphorm-input-checkbox-li, .iphorm-input-radio-ul .iphorm-input-radio-li { margin: 0; padding: 0; height: 25px; height: auto; min-height: 25px; } .iphorm-input-checkbox-ul .iphorm-input-checkbox-li label, .iphorm-input-radio-ul .iphorm-input-radio-li label { position: relative; } .iphorm-elements .iphorm-element-wrap .iphorm-input-checkbox-ul .iphorm-input-checkbox-li input, .iphorm-elements .iphorm-element-wrap .iphorm-input-radio-ul .iphorm-input-radio-li input { border: none; } .iphorm-input-checkbox-li label, .iphorm-input-radio-li label { line-height: 23px; } /*Radio and checkboxes inline option*/ .iphorm-options-inline > .iphorm-input-checkbox-li, .iphorm-options-inline > .iphorm-input-radio-li { display: inline; padding: 0 15px 5px 0; float: left; } .iphorm-options-inline .iphorm-input-checkbox-li label, .iphorm-options-inline .iphorm-input-radio-li label {white-space: nowrap;} /*Captcha*/ .iphorm-captcha-image-wrap { position: relative; } .ifb-captcha-image-inner { position: relative; float: left; background: #fff url(../images/captcha-refresh-icon.png) no-repeat center center; cursor: pointer; } .ifb-captcha-image-inner img { max-width: 100%; display: block; } /*Groups*/ .iphorm-group-title-description-wrap { margin-bottom: 10px; } .iphorm-group-title { font-size: 17px; font-weight: bold; margin: 0; padding-bottom: 5px; } p.iphorm-group-description { font-size: 13px; color: #666; margin: 0; padding-bottom: 0; } .iphorm-group-style-bordered > .iphorm-group-elements { border: solid 1px #CCC; padding: 10px 10px 0; } .iphorm-group-row { padding: 0; } .iphorm-group-row > .iphorm-element-wrap, .iphorm-group-row > .iphorm-group-wrap { display: inline-block; float: left; min-height: 1px; padding: 0; } .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-1cols > .iphorm-element-wrap, .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-1cols > .iphorm-group-wrap { width: 100%; } .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-2cols > .iphorm-element-wrap, .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-2cols > .iphorm-group-wrap { width: 49.9%; } .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-3cols > .iphorm-element-wrap, .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-3cols > .iphorm-group-wrap { width: 33.3%; } .iphorm-group-alignment-proportional .iphorm-group-row-4cols > .iphorm-element-wrap, .iphorm-group-alignment-proportional .iphorm-group-row-4cols > .iphorm-group-wrap { width: 25%; } .iphorm-group-alignment-proportional .iphorm-group-row-5cols > .iphorm-element-wrap, .iphorm-group-alignment-proportional .iphorm-group-row-5cols > .iphorm-group-wrap { width: 20%; } .iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-element-wrap, .iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-group-wrap { float: left; width: auto; } .iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-group-alignment-proportional { width: 100%; clear: both; } /*Default Spacing in groups*/ .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row > .iphorm-element-wrap .iphorm-element-spacer { padding: 0 10px 10px 0; } .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row > .iphorm-element-wrap.last-child .iphorm-element-spacer, .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row.iphorm-group-row-1cols > .iphorm-element-wrap .iphorm-element-spacer, .iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-element-wrap.last-child .iphorm-element-spacer, .iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row.iphorm-group-row-1cols > .iphorm-element-wrap .iphorm-element-spacer { padding: 0 0 10px 0; } /*Left Spacing in groups*/ .iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-element-wrap .iphorm-element-spacer { padding: 0 10px 10px 0; } .iphorm-group-alignment-proportional > .iphorm-group-elements .iphorm-group-wrap > .iphorm-group-elements { margin-right: 10px; } .iphorm-group-alignment-proportional > .iphorm-group-elements .iphorm-group-wrap.last-child > .iphorm-group-elements, .iphorm-group-alignment-proportional > .iphorm-group-elements .iphorm-group-row-1cols > .iphorm-group-wrap > .iphorm-group-elements { margin-right: 0; } .iphorm-group-alignment-proportional > .iphorm-group-elements .iphorm-group-wrap.last-child { margin-right: -10px; min-width: 1px; } .iphorm-group-style-bordered.iphorm-group-wrap { margin-bottom: 15px; } .iphorm-group-wrap > .iphorm-group-elements .iphorm-group-row .iphorm-group-style-bordered.iphorm-group-wrap { margin-bottom: 0; } .iphorm-group-style-plain.iphorm-group-wrap { margin: 0; } .iphorm-group-wrap .iphorm-group-row > .iphorm-group-style-plain.iphorm-group-wrap { margin: 0; } .iphorm-group-wrap .iphorm-group-row > .iphorm-group-style-bordered.iphorm-group-wrap { padding: 0 0 10px 0; float: left; } .iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-group-style-bordered.iphorm-group-wrap { margin-right: 10px; } .iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-group-style-bordered.iphorm-group-wrap.last-child { margin-right: 0; } .iphorm-group-wrap .iphorm-group-row.iphorm-group-row-1cols > .iphorm-group-style-bordered.iphorm-group-wrap { padding: 0 0 10px 0; float: none; clear: both; } /*LABEL / INPUT POSITION OPTIONS*/ /*label above*/ .iphorm-labels-above > .iphorm-element-spacer > label { position: relative; padding-bottom: 4px; } /*label left*/ .iphorm-labels-left > .iphorm-element-spacer > label { width: 150px; position: relative; float: left; padding-bottom: 10px; } /*label inside (text, textarea, email, password)*/ .iphorm-element-wrap-text.iphorm-labels-inside > .iphorm-element-spacer > label, .iphorm-element-wrap-textarea.iphorm-labels-inside > .iphorm-element-spacer > label, .iphorm-element-wrap-password.iphorm-labels-inside > .iphorm-element-spacer > label, .iphorm-element-wrap-captcha.iphorm-labels-inside > .iphorm-element-spacer > label { padding: 0; line-height: 16px; margin-left: 5px; margin-top: 3px; color: #999; position: absolute; z-index: 1; } /*input above*/ .iphorm-labels-above.iphorm-element-wrap .iphorm-input-outer-wrap { padding-top: 5px; } /*input left*/ .iphorm-labels-left.iphorm-element-wrap .iphorm-input-outer-wrap, .iphorm-labels-left.iphorm-element-wrap .iphorm-input-wrap, .iphorm-labels-left.iphorm-element-wrap .iphorm-captcha-image-wrap { margin-left: 150px; padding-left: 10px; } .iphorm-labels-left.iphorm-element-wrap .iphorm-input-outer-wrap > .iphorm-input-wrap { margin-left: 0 !important; padding-left: 0; } /*input inside*/ .iphorm-element-wrap.iphorm-labels-inside .iphorm-element-spacer { position: relative; } /*input inside (text, textarea, email, password)*/ .iphorm-input-wrap-text.iphorm-labels-inside > .iphorm-element-spacer > input, .iphorm-input-wrap-textarea.iphorm-labels-inside > .iphorm-element-spacer > input, .iphorm-input-wrap-email.iphorm-labels-inside > .iphorm-element-spacer > input, .iphorm-input-wrap-password.iphorm-labels-inside > .iphorm-element-spacer > input, .iphorm-input-wrap-captcha.iphorm-labels-inside > .iphorm-element-spacer > input { margin-top: 0; } /*Submit button*/ .iphorm-submit-wrap {margin: 10px 0} .iphorm-submit-input-wrap { float: left; } .iphorm-submit-wrap button { border: none; background: none; text-align: center; width: auto; overflow: visible; white-space: nowrap; padding: 0; margin: 0; height: auto; line-height: normal; cursor: pointer; margin-right: 5px; } .iphorm-submit-wrap button:active { background: none; border: none; padding: 0; } .iphorm-submit-wrap button span, .iphorm-submit-wrap button em { display: block; line-height: 27px; margin: 0; color: #000; cursor: pointer; } .iphorm-submit-wrap button span { padding-left: 20px; background: #EEE; border: solid 1px #DDD; } .iphorm-submit-wrap button em { font-style: normal; padding-right: 20px; background: #EEE; } .iphorm-submit-wrap button:hover em { background: #ddd; } .iphorm-submit-wrap button:active em { background: #ccc; } .iphorm-submit-wrap button:hover span { background: #ddd; } .iphorm-submit-wrap button:active span { background: #ccc; } /*Loading the submit*/ .iphorm-loading-wrap { display: none; float: left; height: 20px; line-height: 20px; text-align: center; padding-top: 5px; } .iphorm-loading-wrap .iphorm-loading { font-style: italic; text-indent: -9999px; display: block; min-width: 30px; background: transparent url(../images/default-loading.gif) no-repeat center center; } /*Errors*/ .iphorm-errors { display: none; } .iphorm-errors-list { margin: 0; padding: 3px 0 6px 0; } .iphorm-errors-list > .iphorm-error { padding: 3px 10px 3px 25px; margin: 0; line-height: 16px; background: #F3CAC7 url(../images/error.png) no-repeat 3px center; color: #000; font-size: 12px; font-weight: normal; display: inline-block; border: 1px solid #fa8b83; float: left; } .iphorm-labels-left > .iphorm-element-spacer > .iphorm-errors-wrap {margin-left: 150px;} .iphorm-labels-left > .iphorm-element-spacer > .iphorm-errors-wrap .iphorm-errors-list > .iphorm-error {margin-left: 10px !important;} .iphorm-labels-above > .iphorm-element-spacer > .iphorm-errors-wrap .iphorm-errors-list .iphorm-error, .iphorm-labels-inside > .iphorm-element-spacer > .iphorm-errors-wrap .iphorm-errors-list .iphorm-error {margin-left: 0 !important;} /*File upload errors*/ .iphorm-queue-errors { display: none; } .iphorm-queue-errors { margin: 0; padding: 0 0 10px 0; } .iphorm-queue-errors-list { margin-bottom: 4px; } .iphorm-queue-errors-list > .iphorm-queue-error { padding: 3px 10px 3px 25px; margin: 0; line-height: 16px; background: #F3CAC7 url(../images/error.png) no-repeat 3px center; color: #000; font-size: 12px; font-weight: normal; display: inline-block; border: 1px solid #fa8b83; float: left; } /*Success message*/ .iphorm-success-message { background: #cef4a9 url(../images/success.png) no-repeat 14px center; padding: 8px 20px 8px 45px; line-height: 18px; margin: 10px 0; border: 1px solid #80bb48; font-weight: normal; color: #000; } /*iPhorm referal link*/ .iphorm-referral-link a { text-decoration: none; color: #0F83CA; } .iphorm-referral-link a:hover { color: #292929; } /*Datepicker*/ .iphorm-input-wrap-date-select-wrap { float: left; } .iphorm-datepicker-icon { display: none; /* Set to inline-block in JS */ height: 24px; width: 24px; background: url(../images/date-picker.png) no-repeat left center; cursor: pointer; float: left; margin: 2px 0 0 2px; } /*This can't be namespaced*/ .ui-datepicker { z-index: 25000 !important; } #ui-datepicker-div { font-size: 14px; } #ui-datepicker-div table { line-height: 1.2; } /*Fixes for consistent browsing*/ .iphorm-input-wrap .iphorm-element-file-inner input[type="file"] {text-shadow: none !important;} *:first-child+html .iphorm-input-wrap select {background: transparent !important; color:#000 !important;} *:first-child+html .iphorm-input-wrap select option {background: #fff !important; color:#000 !important;} .iphorm-input-radio-li input[type="radio"] {background: transparent !important; border: none transparent !important;} .iphorm-input-checkbox-li input[type="checkbox"] {background: transparent !important; border: none transparent !important;} /*Hide FOUC*/ .iphorm-js .iphorm-input-wrap-file { display: none; } /*Tooltip icons*/ .iphorm-tooltip-icon { width: 15px; height: 15px; background: url(../images/help-icon.png) no-repeat right bottom; display: inline-block; cursor: pointer; margin: 0 0 0 5px; } .iphorm-element-wrap-text.iphorm-labels-inside > .iphorm-element-spacer > label .iphorm-tooltip-icon, .iphorm-element-wrap-textarea.iphorm-labels-inside > .iphorm-element-spacer > label .iphorm-tooltip-icon, .iphorm-element-wrap-password.iphorm-labels-inside > .iphorm-element-spacer > label .iphorm-tooltip-icon, .iphorm-element-wrap-captcha.iphorm-labels-inside > .iphorm-element-spacer > label .iphorm-tooltip-icon { position: absolute; right: -20px; top: 0; } .iphorm-tooltip-icon-content { display: none; } /*Conditional logic*/ .iphorm-js .iphorm-has-logic { visibility: hidden; } /*Fancybox*/ #fancybox-content .iphorm-inner { padding: 15px; } #fancybox-content .iphorm-edit-form-wrap { display: none; } /*User defined widths don't work in IE7 - reverts back to auto*/ *:first-child+html .selector > span {width: auto !important;} *:first-child+html .selector > select {width: auto !important;} /* "Fitvids" jQuery plugin fix */ .iphorm-swfupload-browse .fluid-width-video-wrapper { position: static !important; margin: 0 !important; padding: 0 !important; height: auto !important; } /* Uniform fixes */ .iphorm div.uploader span.filename { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .iphorm-uniform-theme-default .iphorm div.selector.fixedWidth, .iphorm-uniform-theme-default .iphorm div.selector.fixedWidth span, .iphorm-uniform-theme-aristo .iphorm div.selector.fixedWidth, .iphorm-uniform-theme-aristo .iphorm div.selector.fixedWidth span, .iphorm-uniform-theme-agent .iphorm div.selector.fixedWidth, .iphorm-uniform-theme-agent .iphorm div.selector.fixedWidth span { width: auto; } .iphorm-uniform-theme-default .iphorm div.selector, .iphorm-uniform-theme-aristo .iphorm div.selector, .iphorm-uniform-theme-agent .iphorm div.selector { font-size: 13px; font-weight: normal; } .iphorm-uniform-theme-default .iphorm div.selector select, .iphorm-uniform-theme-aristo .iphorm div.selector select, .iphorm-uniform-theme-agent .iphorm div.selector select { font-size: 13px; } .iphorm-uniform-theme-aristo .iphorm div.uploader span.action, .iphorm-uniform-theme-agent .iphorm div.uploader span.action { font-size: 11px; font-weight: bold; } .iphorm-uniform-theme-aristo .iphorm div.selector span, .iphorm-uniform-theme-agent .iphorm div.selector span { padding-right: 29px; } .iphorm-uniform-theme-aristo .iphorm div.checker, .iphorm-uniform-theme-aristo .iphorm div.radio, .iphorm-uniform-theme-agent .iphorm div.checker, .iphorm-uniform-theme-agent .iphorm div.radio { margin-right: 3px; } .iphorm-uniform-theme-agent .iphorm div.selector span { text-shadow: none; } .iphorm-uniform-theme-agent .iphorm div.selector span { padding-right: 34px; } .iphorm-uniform-theme-default .iphorm div.uploader span.action { color: #242424; } .iphorm-uniform-theme-default .iphorm div.uploader.hover, .iphorm-uniform-theme-default .iphorm div.uploader.focus { background-position: 0 -297px; } .iphorm-uniform-theme-agent .iphorm div.uploader.hover, .iphorm-uniform-theme-agent .iphorm div.uploader.focus { background-position: 0 -366px; } .iphorm-uniform-theme-aristo .iphorm div.uploader.hover, .iphorm-uniform-theme-aristo .iphorm div.uploader.focus { background-position: 0 -366px; } .iphorm-uniform-theme-default .iphorm div.uploader { background: none; margin-left: -4px; } .iphorm-uniform-theme-default .iphorm div.uploader span.filename { background-image: url("../js/uniform/themes/default/images/sprite.png"); background-repeat: no-repeat; background-position: 0 -299px; margin-top: 0; margin-bottom: 0; width: 82px; padding-left: 13px; } .iphorm-uniform-theme-default .iphorm div.uploader span.action { background-color: transparent; height: 24px; line-height: 24px; background-position: right -439px; width: 80px; padding-right: 2px; } .iphorm-uniform-theme-default .iphorm div.uploader.hover span.action, .iphorm-uniform-theme-default .iphorm div.uploader.focus span.action { background-position: right -439px; } .iphorm-uniform-theme-default .iphorm div.uploader.hover.active span.action, .iphorm-uniform-theme-default .iphorm div.uploader.focus.active span.action { background-position: right -439px; line-height: 26px; } .iphorm-uniform-theme-default.iphorm-theme-react-default .iphorm-elements .iphorm-element-wrap .selector select { border-bottom: none; } .iphorm-uniform-theme-agent .iphorm div.uploader { background: none; width: 199px; margin-bottom: 0; margin-left: -8px; } .iphorm-uniform-theme-agent .iphorm div.uploader span.filename { background-image: url("../js/uniform/themes/agent/images/sprite-agent.png"); background-repeat: no-repeat; background-position: 0 -366px; width: 82px; padding-left: 13px; } .iphorm-uniform-theme-agent .iphorm div.uploader span.action { background-color: transparent; background-position: right -462px; } .iphorm-uniform-theme-agent .iphorm div.uploader.hover span.action, .iphorm-uniform-theme-agent .iphorm div.uploader.focus span.action { background-position: right -462px; } .iphorm-uniform-theme-agent .iphorm div.uploader.hover.active span.action, .iphorm-uniform-theme-agent .iphorm div.uploader.focus.active span.action { background-position: right -462px; line-height: 34px; } .iphorm-uniform-theme-aristo .iphorm div.uploader { background: none; width: 199px; margin-left: -8px; } .iphorm-uniform-theme-aristo .iphorm div.uploader span.filename { background-image: url("../js/uniform/themes/aristo/images/sprite-aristo.png"); background-repeat: no-repeat; background-position: 0 -370px; width: 82px; padding-left: 13px; } .iphorm-uniform-theme-aristo .iphorm div.uploader span.action { background-color: transparent; background-position: right -462px; } .iphorm-uniform-theme-aristo .iphorm div.uploader.hover span.action, .iphorm-uniform-theme-aristo .iphorm div.uploader.focus span.action { background-position: right -462px; } .iphorm-uniform-theme-aristo .iphorm div.uploader.hover.active span.action, .iphorm-uniform-theme-aristo .iphorm div.uploader.focus.active span.action { background-position: right -462px; line-height: 34px; } /* Responsive styles */ .iphorm-responsive .iphorm-elements .iphorm-element-wrap-text input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap-captcha input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap-password input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap select, .iphorm-responsive .iphorm-elements .iphorm-element-wrap textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { /* Add border-box so padding does not cause overflow */ .iphorm-outer.iphorm-responsive, .iphorm-outer.iphorm-responsive * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } .iphorm-responsive .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-3cols > .iphorm-element-wrap, .iphorm-responsive .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-3cols > .iphorm-group-wrap, .iphorm-responsive .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-4cols > .iphorm-element-wrap, .iphorm-responsive .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-4cols > .iphorm-group-wrap, .iphorm-responsive .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-5cols > .iphorm-element-wrap, .iphorm-responsive .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-5cols > .iphorm-group-wrap { width: 49.9%; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (max-width: 767px) { /* Groups columns become stacked */ .iphorm-responsive .iphorm-group-row > .iphorm-element-wrap, .iphorm-responsive .iphorm-group-row > .iphorm-group-wrap { float: none; width: 100% !important; display: block; } /* Elements become full width */ .iphorm-responsive .iphorm-elements .iphorm-element-wrap-text input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap-captcha input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap-password input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap select, .iphorm-responsive .iphorm-elements .iphorm-element-wrap textarea { width: 100% !important; min-width: 100px; } .iphorm-responsive .iphorm-errors > .iphorm-error { float: none; display: block; } /* There are no elements to the right so no need for this padding */ .iphorm-responsive .iphorm-element-spacer { padding-right: 0 !important; } /* Button is larger for easy clicking on small devices. */ .iphorm-responsive .iphorm-submit-input-wrap { width: 100%; } .iphorm-responsive .iphorm-submit-wrap button { margin: 0; width: 100%; } .iphorm-responsive .iphorm-submit-wrap button span, .iphorm-responsive .iphorm-submit-wrap button em { line-height: 35px; } /* There is not enough room for left labels - so move them above */ .iphorm-responsive .iphorm-labels-left > .iphorm-element-spacer > label { float: none; width: auto !important; } .iphorm-responsive .iphorm-labels-left.iphorm-element-wrap .iphorm-input-outer-wrap, .iphorm-responsive .iphorm-labels-left.iphorm-element-wrap .iphorm-input-wrap, .iphorm-responsive .iphorm-labels-left.iphorm-element-wrap .iphorm-captcha-image-wrap { margin-left: 0 !important; padding-left: 0; } /* Make more space for the popup on devices */ .iphorm-fancybox-wrap-responsive { right: 0 !important; left: 0 !important; } }